Add editor pages to demo

Author: rvsia

packages/react-renderer-demo/package.json

@@ -30,7 +30,7 @@
         "@actions/github": "^5.0.0",
         "@data-driven-forms/form-builder": "0.0.13-rc1",
         "@data-driven-forms/mui-component-mapper": "*",
-        "@data-driven-forms/editor-pro": "0.0.2",
+        "@data-driven-forms/editor-pro": "0.0.10",
         "@data-driven-forms/react-form-renderer": "*",
         "@emotion/react": "^11.7.1",
         "@emotion/styled": "^11.6.0",

packages/react-renderer-demo/src/components/component-mapper-bar.js

@@ -44,9 +44,11 @@ const ComponentMapperBar = ({ prefix, href, github, npm, npmSvg }) => {
       >
         <img src={npmSvg || `https://badge.fury.io/js/%40data-driven-forms%2F${prefix}-component-mapper.svg`} alt="current version" />
       </a>
-      <IconButton aria-label="web" title="Library web" href={href} rel="noopener noreferrer" target="_blank" size="large">
-        <LanguageIcon />
-      </IconButton>
+      {href && (
+        <IconButton aria-label="web" title="Library web" href={href} rel="noopener noreferrer" target="_blank" size="large">
+          <LanguageIcon />
+        </IconButton>
+      )}
       <IconButton
         aria-label="github"
         title="Git Hub package"

packages/react-renderer-demo/src/next.config.js

@@ -50,7 +50,7 @@ module.exports = withBundleAnalyzer(
       },
       crossOrigin: 'anonymous',
       pageExtensions: ['js', 'jsx', 'md', 'mdx'],
-      distDir: '../dist',
+      distDir: './dist',
       swcMinify: true,
       webpack: (config, options) => {
         config.resolve.alias = {

packages/react-renderer-demo/src/pages/editor/dnd.md

@@ -0,0 +1,19 @@
+import DocPage from '@docs/doc-page';
+import ComponentMapperBar from '@docs/component-mapper-bar';
+import Alert from '@mui/material/Alert';
+
+<DocPage>
+
+# Drag and Drop
+
+<ComponentMapperBar prefix="mui" github="https://github.com/data-driven-forms/editor/tree/main/packages/dnd" npm="https://www.npmjs.com/package/@data-driven-forms%2Fdnd" npmSvg="https://badge.fury.io/js/@data-driven-forms%2Fdnd.svg" />
+
+<br />
+
+<Alert severity="warning">This library is work-in-progress and in preview. API is unstable.</Alert>
+
+<br />
+
+`@data-driven-forms/dnd` is a library providing drag and drop functionality for React components. This custom light-weight library currently supports mouse and touch input, is highly customisable and supports deep nesting of container elements.
+
+</DocPage>

packages/react-renderer-demo/src/pages/editor/live-editor.md

@@ -2,10 +2,7 @@ import CodeExample from '@docs/code-example';
 import DocPage from '@docs/doc-page';
 import Editor from '@data-driven-forms/editor-pro/editor'
 
-<DocPage>
-
 # Live editor
 
 <Editor />
 
-</DocPage>

packages/react-renderer-demo/src/pages/editor/pro-editor.md

@@ -0,0 +1,18 @@
+import DocPage from '@docs/doc-page';
+import ComponentMapperBar from '@docs/component-mapper-bar';
+import Alert from '@mui/material/Alert';
+
+<DocPage>
+
+# Pro Editor
+
+<ComponentMapperBar prefix="mui" github="https://github.com/data-driven-forms/editor/tree/main/packages/editor-pro" npm="https://www.npmjs.com/package/@data-driven-forms%2Feditor-pro" npmSvg="https://badge.fury.io/js/@data-driven-forms%2Feditor-pro.svg" />
+
+<br />
+
+<Alert severity="warning">This component is work-in-progress and in preview. API is unstable.</Alert>
+
+<br />
+
+`@data-driven-forms/editor-pro` is a component
+</DocPage>

yarn.lock

@@ -1276,31 +1276,29 @@
     enabled "2.0.x"
     kuler "^2.0.0"
 
-"@data-driven-forms/dnd@*":
-  version "0.0.1"
-  resolved "https://registry.yarnpkg.com/@data-driven-forms/dnd/-/dnd-0.0.1.tgz#662f59f254234faea690d8ce937a74eab9d42387"
-  integrity sha512-QylRXB6rJ7K+Uvs/akFQIRcFSQAjjYtlECcmb9PAYETU1SHLu9VGiyjwH8pBKHJiJunScrYXBs4bsMTyhUc0Ag==
+"@data-driven-forms/dnd@^0.0.6":
+  version "0.0.6"
+  resolved "https://registry.yarnpkg.com/@data-driven-forms/dnd/-/dnd-0.0.6.tgz#dd90ae787ff20f0f3d942f8391918a2de68669e4"
+  integrity sha512-vAZgOR8bQJOArPsxZYakkfxL0YlYpWpPbe85Mvj+AyOsXLfyFlF7+sU+bgUEwZcCL3JuH53ZADoRIlZ0e+cQ4g==
 
-"@data-driven-forms/editor-core@*":
-  version "0.0.1"
-  resolved "https://registry.yarnpkg.com/@data-driven-forms/editor-core/-/editor-core-0.0.1.tgz#2a98596a385b6207625f3d8f7703d20db4a9593b"
-  integrity sha512-QUHSw1sgMb4aSyPKbm84wvKNSbnOmlPbzfE/vTwOW5fjIlZZwk2At3nRwUsdE/Hsknobezz6bjB0ElaFO+SOnQ==
-  dependencies:
-    "@data-driven-forms/dnd" "*"
+"@data-driven-forms/editor-core@^0.0.7":
+  version "0.0.7"
+  resolved "https://registry.yarnpkg.com/@data-driven-forms/editor-core/-/editor-core-0.0.7.tgz#e9ae04410035809387eaa5576215a8024de171ec"
+  integrity sha512-YzqgLTopyAD8XMZ3rP/KJuEoNQE5xFrysZgVpnKZmJGz+AwhIOz8sF6o2DPfp3xUhubjQAX2o+0iEnbSQzQkdQ==
 
-"@data-driven-forms/[email protected].2":
-  version "0.0.2"
-  resolved "https://registry.yarnpkg.com/@data-driven-forms/editor-pro/-/editor-pro-0.0.2.tgz#c3d5b5a1fac6ae27feb469c640ff512005da0f76"
-  integrity sha512-69MGth7p0DI2BqZ74qPdGladHJWk0+5+7pNqERohfikHUyERo2+Dzfd5WisxQuGHDD0hyie874AbeWEXYMCXqw==
+"@data-driven-forms/[email protected].10":
+  version "0.0.10"
+  resolved "https://registry.yarnpkg.com/@data-driven-forms/editor-pro/-/editor-pro-0.0.10.tgz#07865de25c02bb2b34cbca3f1f47efdcee245e2e"
+  integrity sha512-0WuSOsPQslzxqrRwK7zFBQuBTUwDDRKX6P8NvHDtk65Nq+F98MaA8VQEUA27Pr1i1OnBYNVN2BlpRyqGYWGmsw==
   dependencies:
-    "@data-driven-forms/dnd" "*"
-    "@data-driven-forms/editor-core" "*"
-    "@data-driven-forms/evergreen-component-mapper" "*"
+    "@data-driven-forms/dnd" "^0.0.6"
+    "@data-driven-forms/editor-core" "^0.0.7"
+    "@data-driven-forms/evergreen-component-mapper" "^0.0.8"
 
-"@data-driven-forms/evergreen-component-mapper@*":
-  version "0.0.1"
-  resolved "https://registry.yarnpkg.com/@data-driven-forms/evergreen-component-mapper/-/evergreen-component-mapper-0.0.1.tgz#9446bbc1ba460a095a2c593c614a026150b6ebc4"
-  integrity sha512-QFtpAbIOGaObrW/uHpEJncFHFjkuw0JHPCnbQPd9nCLSwF9SQlobZ4LavAQ292vGPdNC9O4iucXzEoG9tZ91zg==
+"@data-driven-forms/evergreen-component-mapper@^0.0.8":
+  version "0.0.8"
+  resolved "https://registry.yarnpkg.com/@data-driven-forms/evergreen-component-mapper/-/evergreen-component-mapper-0.0.8.tgz#203be4cf6138e0ce86db3bb3be6df2b932302add"
+  integrity sha512-98sYRStBSfFP2xXAqrmLd5epvt7EwtowylMyWKIpTWDJeCzuNril44Zzj0cJjaeymby0KH8tJkkeWsHE5fLgYg==
   dependencies:
     lodash "^4.17.15"
     prop-types "^15.7.2"