npm - @webiny/app-dynamic-pages - Versions diffs - 5.43.2-beta.0 → 6.0.0-alpha.0 - Mend

@webiny/app-dynamic-pages 5.43.2-beta.0 → 6.0.0-alpha.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (75) hide show

package/admin/PageTemplateDialog/CreateTemplateDialog.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_react","_interopRequireWildcard","require","_emotion","_reactFontawesome","_Icon","_Button","_List","_Dialog","_Progress","_appHeadlessCms","_keyboard_arrow_right","_info","_article","_dashboard","_templateObject","_templateObject2","_EMOTION_STRINGIFIED_CSS_ERROR__","dialogStyles","css","_taggedTemplateLiteral2","default","Info","_base","process","env","NODE_ENV","target","label","name","styles","map","toString","ListItemStyled","ListItem","ListItemContent","Title","Highlight","DynamicTemplatesInfo","leftButton","ModelIcon","_ref","model","createElement","FontAwesomeIcon","style","color","icon","split","width","size","HeadlessPageTemplateItem","_ref2","description","highlight","onClick","hasNestedFields","Icon","ReactComponent","className","CreateTemplateDialog","exports","_ref3","open","onClose","onDynamicTemplateSelect","onStaticTemplateSelect","existingDynamicTemplateModelIds","_useState","useState","_useState2","_slicedToArray2","dynamicTemplateSelect","setDynamicTemplateSelect","_useModels","useModels","models","loading","Dialog","DialogTitle","DialogContent","tabIndex","Fragment","CircularProgress","List","index","key","some","id","modelId","undefined","height","DialogActions","ButtonDefault","DialogCancel"],"sources":["CreateTemplateDialog.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { css } from \"emotion\";\nimport styled from \"@emotion/styled\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport { IconProp } from \"@fortawesome/fontawesome-svg-core\";\n\nimport { Icon } from \"@webiny/ui/Icon\";\nimport { ButtonDefault } from \"@webiny/ui/Button\";\nimport { List, ListItem } from \"@webiny/ui/List\";\nimport { Dialog, DialogTitle, DialogContent, DialogActions, DialogCancel } from \"@webiny/ui/Dialog\";\nimport { CircularProgress } from \"@webiny/ui/Progress\";\nimport { useModels } from \"@webiny/app-headless-cms\";\nimport { CmsModel } from \"@webiny/app-headless-cms/types\";\n\nimport { ReactComponent as ArrowRightIcon } from \"@material-design-icons/svg/round/keyboard_arrow_right.svg\";\nimport { ReactComponent as InfoIcon } from \"@material-design-icons/svg/outlined/info.svg\";\nimport { ReactComponent as ArticleIcon } from \"@material-design-icons/svg/outlined/article.svg\";\nimport { ReactComponent as DatabaseIcon } from \"@material-design-icons/svg/outlined/dashboard.svg\";\n\nconst dialogStyles = css`\n .mdc-dialog__surface {\n width: 600px;\n min-width: 600px;\n }\n\n .mdc-dialog__content {\n padding-top: 0 !important;\n }\n\n .content-wrapper:focus-visible {\n outline: none;\n }\n`;\n\nconst Info = styled.div`\n display: flex;\n align-items: center;\n padding: 12px;\n margin-top: 12px;\n background: var(--mdc-theme-background);\n color: var(--mdc-theme-text-secondary-on-background);\n fill: var(--mdc-theme-text-secondary-on-background);\n cursor: pointer;\n\n & svg {\n margin-right: 12px;\n }\n`;\n\nconst ListItemStyled = styled(ListItem)`\n padding-top: 8px;\n padding-bottom: 8px;\n height: auto;\n min-height: 64px;\n color: var(--mdc-theme-text-secondary-on-background);\n fill: var(--mdc-theme-text-secondary-on-background);\n\n & svg {\n flex-shrink: 0;\n }\n\n .arrow-right {\n margin-left: auto;\n }\n`;\n\nconst ListItemContent = styled.div`\n display: grid;\n padding-left: 21px;\n padding-right: 21px;\n`;\n\nconst Title = styled.div`\n font-size: 20px;\n`;\n\nconst Highlight = styled.div`\n color: var(--mdc-theme-primary);\n`;\n\nconst DynamicTemplatesInfo = styled.div`\n padding: 24px;\n font-size: 20px;\n line-height: 24px;\n color: var(--mdc-theme-text-secondary-on-background);\n`;\n\nconst leftButton = css`\n margin-right: auto;\n`;\n\ninterface ModelIconProps {\n model: CmsModel;\n}\nconst ModelIcon: React.FC<ModelIconProps> = ({ model }) => {\n return (\n <FontAwesomeIcon\n style={{ color: \"var(--mdc-theme-text-secondary-on-background)\" }}\n icon={(model.icon \|\| \"fas/star\").split(\"/\") as IconProp}\n width={32}\n size={\"2x\"}\n />\n );\n};\n\ntype HeadlessPageTemplateItemProps = {\n icon: React.ReactElement<any>;\n name: string;\n description?: string;\n highlight?: string;\n onClick: () => void;\n hasNestedFields?: boolean;\n};\n\nconst HeadlessPageTemplateItem: React.FC<HeadlessPageTemplateItemProps> = ({\n icon,\n name,\n description,\n highlight,\n onClick,\n hasNestedFields\n}) => {\n return (\n <ListItemStyled onClick={onClick}>\n <Icon icon={icon} />\n <ListItemContent>\n <Title>{name}</Title>\n {description}\n <Highlight>{highlight}</Highlight>\n </ListItemContent>\n {hasNestedFields && <ArrowRightIcon className=\"arrow-right\" />}\n </ListItemStyled>\n );\n};\n\ntype CreateTemplateDialogProps = {\n open: boolean;\n onClose: () => void;\n onDynamicTemplateSelect: (model: CmsModel) => void;\n onStaticTemplateSelect: () => void;\n existingDynamicTemplateModelIds: string[];\n};\n\nexport const CreateTemplateDialog: React.FC<CreateTemplateDialogProps> = ({\n open,\n onClose,\n onDynamicTemplateSelect,\n onStaticTemplateSelect,\n existingDynamicTemplateModelIds\n}) => {\n const [dynamicTemplateSelect, setDynamicTemplateSelect] = useState(false);\n const { models, loading } = useModels();\n\n return (\n <Dialog open={open} className={dialogStyles} onClose={onClose}>\n <DialogTitle>What type of a template you wish to create?</DialogTitle>\n <DynamicTemplatesInfo>\n Select a Headless Page Template for which you want to create a dynamic page\n template:\n </DynamicTemplatesInfo>\n <DialogContent>\n <div className=\"content-wrapper\" tabIndex={0}>\n {dynamicTemplateSelect ? (\n <>\n {loading && <CircularProgress />}\n <List>\n {models.map((model, index) => (\n <HeadlessPageTemplateItem\n key={index}\n icon={<ModelIcon model={model} />}\n name={model.name}\n description={model.description}\n highlight={\n existingDynamicTemplateModelIds.some(\n id => id === model.modelId\n )\n ? \"Template already exists, click to edit.\"\n : undefined\n }\n onClick={() => onDynamicTemplateSelect(model)}\n />\n ))}\n </List>\n </>\n ) : (\n <>\n <HeadlessPageTemplateItem\n icon={<ArticleIcon width={36} height={36} />}\n name={\"Static template\"}\n description={\"Used for creating new Page Builder pages.\"}\n onClick={onStaticTemplateSelect}\n />\n <HeadlessPageTemplateItem\n icon={<DatabaseIcon width={36} height={36} />}\n name={\"Dynamic template\"}\n description={\n \"Used for auto-generating pages from Headless CMS entries.\"\n }\n onClick={() => setDynamicTemplateSelect(true)}\n hasNestedFields\n />\n <Info>\n <InfoIcon />\n Click here to learn about different template types.\n </Info>\n </>\n )}\n </div>\n </DialogContent>\n <DialogActions>\n {dynamicTemplateSelect && (\n <ButtonDefault\n onClick={() => {\n setDynamicTemplateSelect(false);\n }}\n className={leftButton}\n >\n < Go back\n </ButtonDefault>\n )}\n <DialogCancel onClick={onClose}>Cancel</DialogCancel>\n </DialogActions>\n </Dialog>\n );\n};\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["React","useState","css","FontAwesomeIcon","Icon","ButtonDefault","List","ListItem","Dialog","DialogTitle","DialogContent","DialogActions","DialogCancel","CircularProgress","useModels","ReactComponent","ArrowRightIcon","InfoIcon","ArticleIcon","DatabaseIcon","dialogStyles","Info","_styled","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","ListItemStyled","ListItemContent","Title","Highlight","DynamicTemplatesInfo","leftButton","ModelIcon","model","createElement","style","color","icon","split","width","size","HeadlessPageTemplateItem","description","highlight","onClick","hasNestedFields","className","CreateTemplateDialog","open","onClose","onDynamicTemplateSelect","onStaticTemplateSelect","existingDynamicTemplateModelIds","dynamicTemplateSelect","setDynamicTemplateSelect","models","loading","tabIndex","Fragment","index","key","some","id","modelId","undefined","height"],"sources":["CreateTemplateDialog.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { css } from \"emotion\";\nimport styled from \"@emotion/styled\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport { IconProp } from \"@fortawesome/fontawesome-svg-core\";\n\nimport { Icon } from \"@webiny/ui/Icon\";\nimport { ButtonDefault } from \"@webiny/ui/Button\";\nimport { List, ListItem } from \"@webiny/ui/List\";\nimport { Dialog, DialogTitle, DialogContent, DialogActions, DialogCancel } from \"@webiny/ui/Dialog\";\nimport { CircularProgress } from \"@webiny/ui/Progress\";\nimport { useModels } from \"@webiny/app-headless-cms\";\nimport { CmsModel } from \"@webiny/app-headless-cms/types\";\n\nimport { ReactComponent as ArrowRightIcon } from \"@webiny/icons/keyboard_arrow_right.svg\";\nimport { ReactComponent as InfoIcon } from \"@webiny/icons/info.svg\";\nimport { ReactComponent as ArticleIcon } from \"@webiny/icons/article.svg\";\nimport { ReactComponent as DatabaseIcon } from \"@webiny/icons/dashboard.svg\";\n\nconst dialogStyles = css`\n .mdc-dialog__surface {\n width: 600px;\n min-width: 600px;\n }\n\n .mdc-dialog__content {\n padding-top: 0 !important;\n }\n\n .content-wrapper:focus-visible {\n outline: none;\n }\n`;\n\nconst Info = styled.div`\n display: flex;\n align-items: center;\n padding: 12px;\n margin-top: 12px;\n background: var(--mdc-theme-background);\n color: var(--mdc-theme-text-secondary-on-background);\n fill: var(--mdc-theme-text-secondary-on-background);\n cursor: pointer;\n\n & svg {\n margin-right: 12px;\n }\n`;\n\nconst ListItemStyled = styled(ListItem)`\n padding-top: 8px;\n padding-bottom: 8px;\n height: auto;\n min-height: 64px;\n color: var(--mdc-theme-text-secondary-on-background);\n fill: var(--mdc-theme-text-secondary-on-background);\n\n & svg {\n flex-shrink: 0;\n }\n\n .arrow-right {\n margin-left: auto;\n }\n`;\n\nconst ListItemContent = styled.div`\n display: grid;\n padding-left: 21px;\n padding-right: 21px;\n`;\n\nconst Title = styled.div`\n font-size: 20px;\n`;\n\nconst Highlight = styled.div`\n color: var(--mdc-theme-primary);\n`;\n\nconst DynamicTemplatesInfo = styled.div`\n padding: 24px;\n font-size: 20px;\n line-height: 24px;\n color: var(--mdc-theme-text-secondary-on-background);\n`;\n\nconst leftButton = css`\n margin-right: auto;\n`;\n\ninterface ModelIconProps {\n model: CmsModel;\n}\nconst ModelIcon: React.FC<ModelIconProps> = ({ model }) => {\n return (\n <FontAwesomeIcon\n style={{ color: \"var(--mdc-theme-text-secondary-on-background)\" }}\n icon={(model.icon \|\| \"fas/star\").split(\"/\") as IconProp}\n width={32}\n size={\"2x\"}\n />\n );\n};\n\ntype HeadlessPageTemplateItemProps = {\n icon: React.ReactElement<any>;\n name: string;\n description?: string;\n highlight?: string;\n onClick: () => void;\n hasNestedFields?: boolean;\n};\n\nconst HeadlessPageTemplateItem: React.FC<HeadlessPageTemplateItemProps> = ({\n icon,\n name,\n description,\n highlight,\n onClick,\n hasNestedFields\n}) => {\n return (\n <ListItemStyled onClick={onClick}>\n <Icon icon={icon} />\n <ListItemContent>\n <Title>{name}</Title>\n {description}\n <Highlight>{highlight}</Highlight>\n </ListItemContent>\n {hasNestedFields && <ArrowRightIcon className=\"arrow-right\" />}\n </ListItemStyled>\n );\n};\n\ntype CreateTemplateDialogProps = {\n open: boolean;\n onClose: () => void;\n onDynamicTemplateSelect: (model: CmsModel) => void;\n onStaticTemplateSelect: () => void;\n existingDynamicTemplateModelIds: string[];\n};\n\nexport const CreateTemplateDialog: React.FC<CreateTemplateDialogProps> = ({\n open,\n onClose,\n onDynamicTemplateSelect,\n onStaticTemplateSelect,\n existingDynamicTemplateModelIds\n}) => {\n const [dynamicTemplateSelect, setDynamicTemplateSelect] = useState(false);\n const { models, loading } = useModels();\n\n return (\n <Dialog open={open} className={dialogStyles} onClose={onClose}>\n <DialogTitle>What type of a template you wish to create?</DialogTitle>\n <DynamicTemplatesInfo>\n Select a Headless Page Template for which you want to create a dynamic page\n template:\n </DynamicTemplatesInfo>\n <DialogContent>\n <div className=\"content-wrapper\" tabIndex={0}>\n {dynamicTemplateSelect ? (\n <>\n {loading && <CircularProgress />}\n <List>\n {models.map((model, index) => (\n <HeadlessPageTemplateItem\n key={index}\n icon={<ModelIcon model={model} />}\n name={model.name}\n description={model.description}\n highlight={\n existingDynamicTemplateModelIds.some(\n id => id === model.modelId\n )\n ? \"Template already exists, click to edit.\"\n : undefined\n }\n onClick={() => onDynamicTemplateSelect(model)}\n />\n ))}\n </List>\n </>\n ) : (\n <>\n <HeadlessPageTemplateItem\n icon={<ArticleIcon width={36} height={36} />}\n name={\"Static template\"}\n description={\"Used for creating new Page Builder pages.\"}\n onClick={onStaticTemplateSelect}\n />\n <HeadlessPageTemplateItem\n icon={<DatabaseIcon width={36} height={36} />}\n name={\"Dynamic template\"}\n description={\n \"Used for auto-generating pages from Headless CMS entries.\"\n }\n onClick={() => setDynamicTemplateSelect(true)}\n hasNestedFields\n />\n <Info>\n <InfoIcon />\n Click here to learn about different template types.\n </Info>\n </>\n )}\n </div>\n </DialogContent>\n <DialogActions>\n {dynamicTemplateSelect && (\n <ButtonDefault\n onClick={() => {\n setDynamicTemplateSelect(false);\n }}\n className={leftButton}\n >\n < Go back\n </ButtonDefault>\n )}\n <DialogCancel onClick={onClose}>Cancel</DialogCancel>\n </DialogActions>\n </Dialog>\n );\n};\n"],"mappings":"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","ignoreList":[]}

package/admin/PageTemplateDialog/PageTemplateDialog.js CHANGED Viewed

@@ -1,52 +1,41 @@
-"use strict";
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.PageTemplateDialog = void 0;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = _interopRequireWildcard(require("react"));
-var _appAdmin = require("@webiny/app-admin");
-var _reactRouter = require("@webiny/react-router");
-var _CreatePageTemplateDialog = require("@webiny/app-page-builder/admin/views/PageTemplates/CreatePageTemplateDialog");
-var _CreateTemplateDialog = require("./CreateTemplateDialog");
-var _useCreateDynamicTemplate = require("../../features/pageTemplate/createDynamicTemplate/useCreateDynamicTemplate");
-var PageTemplateDialog = exports.PageTemplateDialog = _CreatePageTemplateDialog.CreatePageTemplateDialog.createDecorator(function (Original) {
+import React, { useState, useCallback } from "react";
+import { useSnackbar } from "@webiny/app-admin";
+import { useRouter } from "@webiny/react-router";
+import { CreatePageTemplateDialog } from "@webiny/app-page-builder/admin/views/PageTemplates/CreatePageTemplateDialog";
+import { CreateTemplateDialog } from "./CreateTemplateDialog";
+import { useCreateDynamicPageTemplate } from "../../features/pageTemplate/createDynamicTemplate/useCreateDynamicTemplate";
+export const PageTemplateDialog = CreatePageTemplateDialog.createDecorator(Original => {
   return function CreatePageTemplateDialog(props) {
-    var _useRouter = (0, _reactRouter.useRouter)(),
-      history = _useRouter.history;
-    var _useSnackbar = (0, _appAdmin.useSnackbar)(),
-      showSnackbar = _useSnackbar.showSnackbar;
-    var _useCreateDynamicPage = (0, _useCreateDynamicTemplate.useCreateDynamicPageTemplate)(),
-      createDynamicPageTemplate = _useCreateDynamicPage.createDynamicPageTemplate;
-    var _useState = (0, _react.useState)(false),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      showStaticTemplateDialog = _useState2[0],
-      setShowStaticTemplateDialog = _useState2[1];
-    var createTemplate = (0, _react.useCallback)(async function (model) {
+    const {
+      history
+    } = useRouter();
+    const {
+      showSnackbar
+    } = useSnackbar();
+    const {
+      createDynamicPageTemplate
+    } = useCreateDynamicPageTemplate();
+    const [showStaticTemplateDialog, setShowStaticTemplateDialog] = useState(false);
+    const createTemplate = useCallback(async model => {
       try {
-        var template = await createDynamicPageTemplate(model);
-        history.push("/page-builder/template-editor/".concat(template.id));
+        const template = await createDynamicPageTemplate(model);
+        history.push(`/page-builder/template-editor/${template.id}`);
       } catch (error) {
         showSnackbar(error.message);
       }
     }, []);
-    var onClose = (0, _react.useCallback)(function () {
+    const onClose = useCallback(() => {
       setShowStaticTemplateDialog(false);
       props.onClose();
     }, [props.onClose]);
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(Original, Object.assign({}, props, {
+    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Original, Object.assign({}, props, {
       open: showStaticTemplateDialog,
       onClose: onClose
-    })), /*#__PURE__*/_react.default.createElement(_CreateTemplateDialog.CreateTemplateDialog, {
+    })), /*#__PURE__*/React.createElement(CreateTemplateDialog, {
       open: props.open && !showStaticTemplateDialog,
       onClose: props.onClose,
       onDynamicTemplateSelect: createTemplate,
-      onStaticTemplateSelect: function onStaticTemplateSelect() {
-        return setShowStaticTemplateDialog(true);
-      },
+      onStaticTemplateSelect: () => setShowStaticTemplateDialog(true),
       existingDynamicTemplateModelIds: []
     }));
   };

package/admin/PageTemplateDialog/PageTemplateDialog.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["~~_react~~","~~_interopRequireWildcard~~","~~require~~","~~_appAdmin~~","~~_reactRouter~~","~~_CreatePageTemplateDialog~~","~~_CreateTemplateDialog~~","~~_useCreateDynamicTemplate~~","PageTemplateDialog","~~exports","CreatePageTemplateDialog","~~createDecorator","Original","props","~~_useRouter","useRouter","~~history","~~_useSnackbar","useSnackbar","~~showSnackbar","~~_useCreateDynamicPage","useCreateDynamicPageTemplate","~~createDynamicPageTemplate","~~_useState","useState","_useState2","_slicedToArray2","default","~~showStaticTemplateDialog","setShowStaticTemplateDialog","createTemplate","~~useCallback","~~model","template","push","~~concat","~~id","error","message","onClose","createElement","Fragment","Object","assign","open","~~CreateTemplateDialog","~~onDynamicTemplateSelect","onStaticTemplateSelect","existingDynamicTemplateModelIds"],"sources":["PageTemplateDialog.tsx"],"sourcesContent":["import React, { useState, useCallback } from \"react\";\nimport { useSnackbar } from \"@webiny/app-admin\";\nimport { useRouter } from \"@webiny/react-router\";\nimport { CmsModel } from \"@webiny/app-headless-cms/types\";\nimport { CreatePageTemplateDialog } from \"@webiny/app-page-builder/admin/views/PageTemplates/CreatePageTemplateDialog\";\nimport { CreateTemplateDialog } from \"~/admin/PageTemplateDialog/CreateTemplateDialog\";\nimport { useCreateDynamicPageTemplate } from \"~/features/pageTemplate/createDynamicTemplate/useCreateDynamicTemplate\";\n\nexport const PageTemplateDialog = CreatePageTemplateDialog.createDecorator(Original => {\n return function CreatePageTemplateDialog(props) {\n const { history } = useRouter();\n const { showSnackbar } = useSnackbar();\n const { createDynamicPageTemplate } = useCreateDynamicPageTemplate();\n const [showStaticTemplateDialog, setShowStaticTemplateDialog] = useState(false);\n\n const createTemplate = useCallback(async (model: CmsModel) => {\n try {\n const template = await createDynamicPageTemplate(model);\n history.push(`/page-builder/template-editor/${template.id}`);\n } catch (error) {\n showSnackbar(error.message);\n }\n }, []);\n\n const onClose = useCallback(() => {\n setShowStaticTemplateDialog(false);\n props.onClose();\n }, [props.onClose]);\n\n return (\n <>\n <Original {...props} open={showStaticTemplateDialog} onClose={onClose} />\n <CreateTemplateDialog\n open={props.open && !showStaticTemplateDialog}\n onClose={props.onClose}\n onDynamicTemplateSelect={createTemplate}\n onStaticTemplateSelect={() => setShowStaticTemplateDialog(true)}\n existingDynamicTemplateModelIds={[]}\n />\n </>\n );\n };\n});\n"],"mappings":"~~;;;;;;;;;~~AAAA,~~IAAAA~~,~~MAAA~~,~~GAAAC~~,~~uBAAA~~,~~CAAAC~~,~~OAAA;AACA~~,~~IAAAC~~,~~SAAA,GAAAD,OAAA~~;~~AACA~~,~~IAAAE~~,~~YAAA~~,~~GAAAF~~,~~OAAA~~;~~AAEA~~,~~IAAAG~~,~~yBAAA~~,~~GAAAH~~,~~OAAA~~;~~AACA~~,~~IAAAI~~,~~qBAAA~~,~~GAAAJ~~,~~OAAA~~;~~AACA~~,~~IAAAK~~,~~yBAAA~~,~~GAAAL~~,~~OAAA~~;~~AAEO~~,~~IAAMM~~,kBAAkB,~~GAAAC~~,~~OAAA~~,~~CAAAD~~,~~kBAAA~~,~~GAAGE,kDAAwB,~~CAACC,~~eAAe,CAAC,UAAAC,~~QAAQ,~~EAAI~~;EACnF,OAAO,~~SAASF~~,wBAAwBA,~~CAACG~~,KAAK,EAAE;IAC5C,~~IAAAC~~,~~UAAA~~,~~GAAoB~~,~~IAAAC~~,~~sBAAS~~,~~EAAC,~~CAAC;~~MAAvBC~~,~~OAAO,GAAAF,UAAA,CAAPE,OAAO~~;~~IACf~~,~~IAAAC~~,~~YAAA~~,~~GAAyB~~,~~IAAAC~~,~~qBAAW,EAAC,~~CAAC;~~MAA9BC~~,~~YAAY,GAAAF,YAAA,CAAZE,YAAY~~;~~IACpB~~,~~IAAAC~~,~~qBAAA~~,~~GAAsC~~,~~IAAAC~~,~~sDAA4B,EAAC,~~CAAC;~~MAA5DC~~,~~yBAAyB~~,~~GAAAF~~,~~qBAAA~~,~~CAAzBE~~,~~yBAAyB;IACjC~~,~~IAAAC~~,~~SAAA~~,~~GAAgE~~,~~IAAAC~~,~~eAAQ,EAAC,~~KAAK,CAAC;~~MAAAC~~,~~UAAA~~,~~OAAAC,eAAA,CAAAC,OAAA,EAAAJ,SAAA;MAAxEK,wBAAwB,GAAAH,UAAA;MAAEI,2BAA2B,GAAAJ,UAAA;IAE5D,IAAMK,~~cAAc,~~GAAG~~,~~IAAAC~~,~~kBAAW~~,~~EAAC~~,~~gBAAOC,~~KAAe,~~EAAK~~;MAC1D,IAAI;QACA,~~IAAMC~~,QAAQ,GAAG,~~MAAMX~~,yBAAyB,~~CAACU~~,KAAK,CAAC;~~QACvDhB~~,OAAO,~~CAACkB~~,IAAI,~~kCAAAC~~,~~MAAA~~,~~CAAkCF,~~QAAQ,~~CAACG~~,EAAE,~~CAAE~~,CAAC;MAChE,CAAC,CAAC,OAAOC,KAAK,EAAE;~~QACZlB~~,YAAY,~~CAACkB~~,KAAK,CAACC,OAAO,CAAC;MAC/B;IACJ,CAAC,EAAE,EAAE,CAAC;IAEN,~~IAAMC~~,OAAO,~~GAAG~~,~~IAAAR~~,~~kBAAW~~,~~EAAC,YAAM~~;~~MAC9BF~~,2BAA2B,CAAC,KAAK,CAAC;~~MAClChB~~,KAAK,~~CAAC0B~~,OAAO,CAAC,CAAC;IACnB,CAAC,EAAE,~~CAAC1B~~,KAAK,~~CAAC0B~~,OAAO,CAAC,CAAC;IAEnB,~~oBACIvC~~,~~MAAA~~,~~CAAA2B~~,~~OAAA,CAAAa,~~aAAA,~~CAAAxC~~,~~MAAA~~,~~CAAA2B~~,~~OAAA,CAAAc,~~QAAA,~~qBACIzC~~,~~MAAA~~,~~CAAA2B~~,~~OAAA,CAAAa,~~aAAA,~~CAAC5B~~,QAAQ,~~EAAA8B~~,MAAA,CAAAC,MAAA,~~KAAK9B~~,KAAK;~~MAAE+B~~,IAAI,~~EAAEhB~~,wBAAyB;~~MAACW~~,OAAO,EAAEA;IAAQ,EAAE,CAAC,~~eACzEvC~~,~~MAAA~~,~~CAAA2B~~,~~OAAA,CAAAa,~~aAAA,~~CAAClC~~,~~qBAAA,CAAAuC,~~oBAAoB;~~MACjBD~~,IAAI,~~EAAE/B~~,KAAK,~~CAAC+B~~,IAAI,IAAI,~~CAAChB~~,wBAAyB;~~MAC9CW~~,OAAO,~~EAAE1B~~,KAAK,~~CAAC0B~~,OAAQ;~~MACvBO~~,uBAAuB,~~EAAEhB~~,cAAe;~~MACxCiB~~,sBAAsB,~~EAAE~~,~~SAAxBA,sBAAsBA,~~CAAA~~;QAAA~~,~~OAAQlB~~,2BAA2B,CAAC,IAAI,~~CAAC~~;~~MAAA,CAAC;MAChEmB~~,+BAA+B,EAAE;IAAG,CACvC,CACH,CAAC;EAEX,CAAC;AACL,CAAC,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["React","useState","useCallback","useSnackbar","useRouter","CreatePageTemplateDialog","CreateTemplateDialog","useCreateDynamicPageTemplate","PageTemplateDialog","createDecorator","Original","props","history","showSnackbar","createDynamicPageTemplate","showStaticTemplateDialog","setShowStaticTemplateDialog","createTemplate","model","template","push","id","error","message","onClose","createElement","Fragment","Object","assign","open","onDynamicTemplateSelect","onStaticTemplateSelect","existingDynamicTemplateModelIds"],"sources":["PageTemplateDialog.tsx"],"sourcesContent":["import React, { useState, useCallback } from \"react\";\nimport { useSnackbar } from \"@webiny/app-admin\";\nimport { useRouter } from \"@webiny/react-router\";\nimport { CmsModel } from \"@webiny/app-headless-cms/types\";\nimport { CreatePageTemplateDialog } from \"@webiny/app-page-builder/admin/views/PageTemplates/CreatePageTemplateDialog\";\nimport { CreateTemplateDialog } from \"~/admin/PageTemplateDialog/CreateTemplateDialog\";\nimport { useCreateDynamicPageTemplate } from \"~/features/pageTemplate/createDynamicTemplate/useCreateDynamicTemplate\";\n\nexport const PageTemplateDialog = CreatePageTemplateDialog.createDecorator(Original => {\n return function CreatePageTemplateDialog(props) {\n const { history } = useRouter();\n const { showSnackbar } = useSnackbar();\n const { createDynamicPageTemplate } = useCreateDynamicPageTemplate();\n const [showStaticTemplateDialog, setShowStaticTemplateDialog] = useState(false);\n\n const createTemplate = useCallback(async (model: CmsModel) => {\n try {\n const template = await createDynamicPageTemplate(model);\n history.push(`/page-builder/template-editor/${template.id}`);\n } catch (error) {\n showSnackbar(error.message);\n }\n }, []);\n\n const onClose = useCallback(() => {\n setShowStaticTemplateDialog(false);\n props.onClose();\n }, [props.onClose]);\n\n return (\n <>\n <Original {...props} open={showStaticTemplateDialog} onClose={onClose} />\n <CreateTemplateDialog\n open={props.open && !showStaticTemplateDialog}\n onClose={props.onClose}\n onDynamicTemplateSelect={createTemplate}\n onStaticTemplateSelect={() => setShowStaticTemplateDialog(true)}\n existingDynamicTemplateModelIds={[]}\n />\n </>\n );\n };\n});\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,QAAQ,EAAEC,WAAW,QAAQ,OAAO;AACpD,SAASC,WAAW,QAAQ,mBAAmB;AAC/C,SAASC,SAAS,QAAQ,sBAAsB;AAEhD,SAASC,wBAAwB,QAAQ,6EAA6E;AACtH,SAASC,oBAAoB;AAC7B,SAASC,4BAA4B;AAErC,OAAO,MAAMC,kBAAkB,GAAGH,wBAAwB,CAACI,eAAe,CAACC,QAAQ,IAAI;EACnF,OAAO,SAASL,wBAAwBA,CAACM,KAAK,EAAE;IAC5C,MAAM;MAAEC;IAAQ,CAAC,GAAGR,SAAS,CAAC,CAAC;IAC/B,MAAM;MAAES;IAAa,CAAC,GAAGV,WAAW,CAAC,CAAC;IACtC,MAAM;MAAEW;IAA0B,CAAC,GAAGP,4BAA4B,CAAC,CAAC;IACpE,MAAM,CAACQ,wBAAwB,EAAEC,2BAA2B,CAAC,GAAGf,QAAQ,CAAC,KAAK,CAAC;IAE/E,MAAMgB,cAAc,GAAGf,WAAW,CAAC,MAAOgB,KAAe,IAAK;MAC1D,IAAI;QACA,MAAMC,QAAQ,GAAG,MAAML,yBAAyB,CAACI,KAAK,CAAC;QACvDN,OAAO,CAACQ,IAAI,CAAC,iCAAiCD,QAAQ,CAACE,EAAE,EAAE,CAAC;MAChE,CAAC,CAAC,OAAOC,KAAK,EAAE;QACZT,YAAY,CAACS,KAAK,CAACC,OAAO,CAAC;MAC/B;IACJ,CAAC,EAAE,EAAE,CAAC;IAEN,MAAMC,OAAO,GAAGtB,WAAW,CAAC,MAAM;MAC9Bc,2BAA2B,CAAC,KAAK,CAAC;MAClCL,KAAK,CAACa,OAAO,CAAC,CAAC;IACnB,CAAC,EAAE,CAACb,KAAK,CAACa,OAAO,CAAC,CAAC;IAEnB,oBACIxB,KAAA,CAAAyB,aAAA,CAAAzB,KAAA,CAAA0B,QAAA,qBACI1B,KAAA,CAAAyB,aAAA,CAACf,QAAQ,EAAAiB,MAAA,CAAAC,MAAA,KAAKjB,KAAK;MAAEkB,IAAI,EAAEd,wBAAyB;MAACS,OAAO,EAAEA;IAAQ,EAAE,CAAC,eACzExB,KAAA,CAAAyB,aAAA,CAACnB,oBAAoB;MACjBuB,IAAI,EAAElB,KAAK,CAACkB,IAAI,IAAI,CAACd,wBAAyB;MAC9CS,OAAO,EAAEb,KAAK,CAACa,OAAQ;MACvBM,uBAAuB,EAAEb,cAAe;MACxCc,sBAAsB,EAAEA,CAAA,KAAMf,2BAA2B,CAAC,IAAI,CAAE;MAChEgB,+BAA+B,EAAE;IAAG,CACvC,CACH,CAAC;EAEX,CAAC;AACL,CAAC,CAAC","ignoreList":[]}

package/admin/SetupDynamicPages.js CHANGED Viewed

@@ -1,23 +1,16 @@
-"use strict";
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SetupDynamicPages = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _PageTemplateDialog = require("./PageTemplateDialog/PageTemplateDialog");
-var _DynamicTemplateEditorConfig = require("./templateEditor/DynamicTemplateEditorConfig");
-var _AddPreviewPane = require("./ContentEntryForm/AddPreviewPane");
-var _PassEntryToDataSource = require("./ContentEntryForm/PassEntryToDataSource");
-var _Elements = require("./elements/Elements");
-var _DynamicPageEditorConfig = require("./pageEditor/DynamicPageEditorConfig");
-var _DynamicElementRenderers = require("../dataInjection/renderers/DynamicElementRenderers");
-var _appHeadlessCms = require("@webiny/app-headless-cms");
-var _WebsiteDataInjection = require("@webiny/app-page-builder/dataInjection/presets/WebsiteDataInjection");
-var _AddEntriesListDataSourceContext = require("../dataInjection/AddEntriesListDataSourceContext");
-var SetupDynamicPages = exports.SetupDynamicPages = function SetupDynamicPages() {
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Elements.Elements, null), /*#__PURE__*/_react.default.createElement(_PageTemplateDialog.PageTemplateDialog, null), /*#__PURE__*/_react.default.createElement(_DynamicTemplateEditorConfig.DynamicTemplateEditorConfig, null), /*#__PURE__*/_react.default.createElement(_DynamicPageEditorConfig.DynamicPageEditorConfig, null), /*#__PURE__*/_react.default.createElement(_AddPreviewPane.AddPreviewPane, null), /*#__PURE__*/_react.default.createElement(_PassEntryToDataSource.PassEntryToDataSource, null), /*#__PURE__*/_react.default.createElement(_DynamicElementRenderers.DynamicElementRenderers, null), /*#__PURE__*/_react.default.createElement(_appHeadlessCms.ContentEntryEditorConfig, null, /*#__PURE__*/_react.default.createElement(_WebsiteDataInjection.WebsiteDataInjection, null), /*#__PURE__*/_react.default.createElement(_AddEntriesListDataSourceContext.AddEntriesListDataSourceContext, null)));
+import React from "react";
+import { PageTemplateDialog } from "./PageTemplateDialog/PageTemplateDialog";
+import { DynamicTemplateEditorConfig } from "./templateEditor/DynamicTemplateEditorConfig";
+import { AddPreviewPane } from "./ContentEntryForm/AddPreviewPane";
+import { PassEntryToDataSource } from "./ContentEntryForm/PassEntryToDataSource";
+import { Elements } from "./elements/Elements";
+import { DynamicPageEditorConfig } from "./pageEditor/DynamicPageEditorConfig";
+import { DynamicElementRenderers } from "../dataInjection/renderers/DynamicElementRenderers";
+import { ContentEntryEditorConfig } from "@webiny/app-headless-cms";
+import { WebsiteDataInjection } from "@webiny/app-page-builder/dataInjection/presets/WebsiteDataInjection";
+import { AddEntriesListDataSourceContext } from "../dataInjection/AddEntriesListDataSourceContext";
+export const SetupDynamicPages = () => {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Elements, null), /*#__PURE__*/React.createElement(PageTemplateDialog, null), /*#__PURE__*/React.createElement(DynamicTemplateEditorConfig, null), /*#__PURE__*/React.createElement(DynamicPageEditorConfig, null), /*#__PURE__*/React.createElement(AddPreviewPane, null), /*#__PURE__*/React.createElement(PassEntryToDataSource, null), /*#__PURE__*/React.createElement(DynamicElementRenderers, null), /*#__PURE__*/React.createElement(ContentEntryEditorConfig, null, /*#__PURE__*/React.createElement(WebsiteDataInjection, null), /*#__PURE__*/React.createElement(AddEntriesListDataSourceContext, null)));
 };
 //# sourceMappingURL=SetupDynamicPages.js.map

package/admin/SetupDynamicPages.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["~~_react~~","~~_interopRequireDefault~~","~~require~~","~~_PageTemplateDialog~~","~~_DynamicTemplateEditorConfig~~","~~_AddPreviewPane~~","~~_PassEntryToDataSource~~","~~_Elements~~","~~_DynamicPageEditorConfig~~","~~_DynamicElementRenderers~~","~~_appHeadlessCms~~","~~_WebsiteDataInjection","_AddEntriesListDataSourceContext","~~SetupDynamicPages","~~exports","default","~~createElement","Fragment","Elements","PageTemplateDialog","DynamicTemplateEditorConfig","DynamicPageEditorConfig","AddPreviewPane","PassEntryToDataSource","DynamicElementRenderers","ContentEntryEditorConfig","WebsiteDataInjection","AddEntriesListDataSourceContext"],"sources":["SetupDynamicPages.tsx"],"sourcesContent":["import React from \"react\";\nimport { PageTemplateDialog } from \"~/admin/PageTemplateDialog/PageTemplateDialog\";\nimport { DynamicTemplateEditorConfig } from \"~/admin/templateEditor/DynamicTemplateEditorConfig\";\nimport { AddPreviewPane } from \"~/admin/ContentEntryForm/AddPreviewPane\";\nimport { PassEntryToDataSource } from \"~/admin/ContentEntryForm/PassEntryToDataSource\";\nimport { Elements } from \"~/admin/elements/Elements\";\nimport { DynamicPageEditorConfig } from \"~/admin/pageEditor/DynamicPageEditorConfig\";\nimport { DynamicElementRenderers } from \"~/dataInjection/renderers/DynamicElementRenderers\";\nimport { ContentEntryEditorConfig } from \"@webiny/app-headless-cms\";\nimport { WebsiteDataInjection } from \"@webiny/app-page-builder/dataInjection/presets/WebsiteDataInjection\";\nimport { AddEntriesListDataSourceContext } from \"~/dataInjection/AddEntriesListDataSourceContext\";\n\nexport const SetupDynamicPages = () => {\n return (\n <>\n {/* Register editor elements plugins. /}\n <Elements />\n\n {/ Decorate page template dialog. /}\n <PageTemplateDialog />\n\n {/ Configure Template editor. /}\n <DynamicTemplateEditorConfig />\n\n {/ Configure Page editor. /}\n <DynamicPageEditorConfig />\n\n {/ Enable live preview in the CMS entry form. /}\n <AddPreviewPane />\n\n <PassEntryToDataSource />\n\n {/ Register element renderers and decorators. /}\n <DynamicElementRenderers />\n\n {/ Add website-style data binding to page preview. */}\n <ContentEntryEditorConfig>\n <WebsiteDataInjection />\n <AddEntriesListDataSourceContext />\n </ContentEntryEditorConfig>\n </>\n );\n};\n"],"mappings":"~~;;;;;;;~~AAAA,~~IAAAA~~,~~MAAA~~,~~GAAAC~~,~~sBAAA~~,~~CAAAC~~,~~OAAA~~;~~AACA~~,~~IAAAC~~,~~mBAAA,GAAAD,OAAA~~;~~AACA~~,~~IAAAE~~,~~4BAAA,GAAAF,OAAA~~;~~AACA~~,~~IAAAG~~,~~eAAA,GAAAH,OAAA~~;~~AACA~~,~~IAAAI~~,~~sBAAA,GAAAJ,OAAA~~;~~AACA~~,~~IAAAK~~,~~SAAA,GAAAL,OAAA~~;~~AACA~~,~~IAAAM~~,~~wBAAA,GAAAN,OAAA~~;~~AACA~~,~~IAAAO~~,~~wBAAA~~,~~GAAAP~~,~~OAAA~~;~~AACA~~,~~IAAAQ~~,~~eAAA~~,~~GAAAR~~,~~OAAA~~;~~AACA~~,~~IAAAS,qBAAA,GAAAT,OAAA~~;~~AACA~~,~~IAAAU~~,~~gCAAA~~,~~GAAAV,OAAA;AAEO,IAAMW,~~iBAAiB,~~GAAAC~~,~~OAAA,CAAAD,iBAAA,GAAG,SAApBA,iBAAiBA,~~CAAA,~~EAAS~~;EACnC,~~oBACIb~~,~~MAAA~~,~~CAAAe~~,~~OAAA,CAAAC,~~aAAA,~~CAAAhB~~,~~MAAA~~,~~CAAAe~~,~~OAAA,CAAAE,~~QAAA,~~qBAEIjB~~,~~MAAA~~,~~CAAAe~~,~~OAAA,CAAAC,~~aAAA,~~CAACT~~,~~SAAA,CAAAW,~~QAAQ,MAAE,CAAC,~~eAGZlB~~,~~MAAA~~,~~CAAAe~~,~~OAAA,CAAAC,~~aAAA,~~CAACb~~,~~mBAAA,CAAAgB,~~kBAAkB,MAAE,CAAC,~~eAGtBnB~~,~~MAAA~~,~~CAAAe~~,~~OAAA,CAAAC,~~aAAA,~~CAACZ~~,~~4BAAA,CAAAgB,~~2BAA2B,MAAE,CAAC,eAG/~~BpB~~,~~MAAA~~,~~CAAAe~~,~~OAAA,CAAAC,~~aAAA,~~CAACR~~,~~wBAAA,CAAAa,~~uBAAuB,MAAE,CAAC,~~eAG3BrB~~,~~MAAA~~,~~CAAAe~~,~~OAAA,CAAAC,~~aAAA,~~CAACX~~,~~eAAA,CAAAiB,~~cAAc,MAAE,CAAC,~~eAElBtB~~,~~MAAA~~,~~CAAAe~~,~~OAAA,CAAAC,~~aAAA,~~CAACV~~,~~sBAAA,CAAAiB,~~qBAAqB,MAAE,CAAC,~~eAGzBvB~~,~~MAAA~~,~~CAAAe~~,~~OAAA,CAAAC,~~aAAA,~~CAACP~~,~~wBAAA,CAAAe,~~uBAAuB,MAAE,CAAC,~~eAG3BxB~~,~~MAAA~~,~~CAAAe~~,~~OAAA,CAAAC,~~aAAA,~~CAACN~~,~~eAAA,CAAAe,~~wBAAwB,~~qBACrBzB~~,~~MAAA~~,~~CAAAe~~,~~OAAA,CAAAC,~~aAAA,~~CAACL~~,~~qBAAA,CAAAe,~~oBAAoB,MAAE,CAAC,~~eACxB1B~~,~~MAAA~~,~~CAAAe~~,~~OAAA,CAAAC,~~aAAA,~~CAACJ,gCAAA,CAAAe~~,+BAA+B,MAAE,CACZ,CAC5B,CAAC;AAEX,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["React","PageTemplateDialog","DynamicTemplateEditorConfig","AddPreviewPane","PassEntryToDataSource","Elements","DynamicPageEditorConfig","DynamicElementRenderers","ContentEntryEditorConfig","WebsiteDataInjection","AddEntriesListDataSourceContext","SetupDynamicPages","createElement","Fragment"],"sources":["SetupDynamicPages.tsx"],"sourcesContent":["import React from \"react\";\nimport { PageTemplateDialog } from \"~/admin/PageTemplateDialog/PageTemplateDialog\";\nimport { DynamicTemplateEditorConfig } from \"~/admin/templateEditor/DynamicTemplateEditorConfig\";\nimport { AddPreviewPane } from \"~/admin/ContentEntryForm/AddPreviewPane\";\nimport { PassEntryToDataSource } from \"~/admin/ContentEntryForm/PassEntryToDataSource\";\nimport { Elements } from \"~/admin/elements/Elements\";\nimport { DynamicPageEditorConfig } from \"~/admin/pageEditor/DynamicPageEditorConfig\";\nimport { DynamicElementRenderers } from \"~/dataInjection/renderers/DynamicElementRenderers\";\nimport { ContentEntryEditorConfig } from \"@webiny/app-headless-cms\";\nimport { WebsiteDataInjection } from \"@webiny/app-page-builder/dataInjection/presets/WebsiteDataInjection\";\nimport { AddEntriesListDataSourceContext } from \"~/dataInjection/AddEntriesListDataSourceContext\";\n\nexport const SetupDynamicPages = () => {\n return (\n <>\n {/* Register editor elements plugins. /}\n <Elements />\n\n {/ Decorate page template dialog. /}\n <PageTemplateDialog />\n\n {/ Configure Template editor. /}\n <DynamicTemplateEditorConfig />\n\n {/ Configure Page editor. /}\n <DynamicPageEditorConfig />\n\n {/ Enable live preview in the CMS entry form. /}\n <AddPreviewPane />\n\n <PassEntryToDataSource />\n\n {/ Register element renderers and decorators. /}\n <DynamicElementRenderers />\n\n {/ Add website-style data binding to page preview. */}\n <ContentEntryEditorConfig>\n <WebsiteDataInjection />\n <AddEntriesListDataSourceContext />\n </ContentEntryEditorConfig>\n </>\n );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,kBAAkB;AAC3B,SAASC,2BAA2B;AACpC,SAASC,cAAc;AACvB,SAASC,qBAAqB;AAC9B,SAASC,QAAQ;AACjB,SAASC,uBAAuB;AAChC,SAASC,uBAAuB;AAChC,SAASC,wBAAwB,QAAQ,0BAA0B;AACnE,SAASC,oBAAoB,QAAQ,qEAAqE;AAC1G,SAASC,+BAA+B;AAExC,OAAO,MAAMC,iBAAiB,GAAGA,CAAA,KAAM;EACnC,oBACIX,KAAA,CAAAY,aAAA,CAAAZ,KAAA,CAAAa,QAAA,qBAEIb,KAAA,CAAAY,aAAA,CAACP,QAAQ,MAAE,CAAC,eAGZL,KAAA,CAAAY,aAAA,CAACX,kBAAkB,MAAE,CAAC,eAGtBD,KAAA,CAAAY,aAAA,CAACV,2BAA2B,MAAE,CAAC,eAG/BF,KAAA,CAAAY,aAAA,CAACN,uBAAuB,MAAE,CAAC,eAG3BN,KAAA,CAAAY,aAAA,CAACT,cAAc,MAAE,CAAC,eAElBH,KAAA,CAAAY,aAAA,CAACR,qBAAqB,MAAE,CAAC,eAGzBJ,KAAA,CAAAY,aAAA,CAACL,uBAAuB,MAAE,CAAC,eAG3BP,KAAA,CAAAY,aAAA,CAACJ,wBAAwB,qBACrBR,KAAA,CAAAY,aAAA,CAACH,oBAAoB,MAAE,CAAC,eACxBT,KAAA,CAAAY,aAAA,CAACF,+BAA+B,MAAE,CACZ,CAC5B,CAAC;AAEX,CAAC","ignoreList":[]}

package/admin/elements/Elements.js CHANGED Viewed

@@ -1,19 +1,12 @@
-"use strict";
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Elements = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _plugins = require("@webiny/plugins");
-var _repeater = require("./repeater");
-var _entriesList = require("./entriesList");
-var _DynamicGrid = require("./renderers/DynamicGrid");
-var _entriesSearch = require("./entriesSearch");
-var Elements = exports.Elements = /*#__PURE__*/_react.default.memo(function Elements() {
-  _plugins.plugins.register((0, _repeater.createRepeaterElement)(), (0, _entriesList.createEntriesListElement)(), (0, _entriesSearch.createEntriesSearchElement)());
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_DynamicGrid.DynamicGrid, null));
+import React from "react";
+import { plugins } from "@webiny/plugins";
+import { createRepeaterElement } from "./repeater";
+import { createEntriesListElement } from "./entriesList";
+import { DynamicGrid } from "./renderers/DynamicGrid";
+import { createEntriesSearchElement } from "./entriesSearch";
+export const Elements = /*#__PURE__*/React.memo(function Elements() {
+  plugins.register(createRepeaterElement(), createEntriesListElement(), createEntriesSearchElement());
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(DynamicGrid, null));
 });
 //# sourceMappingURL=Elements.js.map

package/admin/elements/Elements.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["~~_react~~","~~_interopRequireDefault~~","~~require~~","~~_plugins~~","~~_repeater~~","~~_entriesList~~","~~_DynamicGrid","_entriesSearch","~~Elements","~~exports","React","~~memo","~~plugins","~~register","~~createRepeaterElement","createEntriesListElement","createEntriesSearchElement","default","~~createElement","Fragment"~~,"DynamicGrid"~~],"sources":["Elements.tsx"],"sourcesContent":["import React from \"react\";\nimport { plugins } from \"@webiny/plugins\";\nimport { createRepeaterElement } from \"~/admin/elements/repeater\";\nimport { createEntriesListElement } from \"~/admin/elements/entriesList\";\nimport { DynamicGrid } from \"./renderers/DynamicGrid\";\nimport { createEntriesSearchElement } from \"~/admin/elements/entriesSearch\";\n\nexport const Elements = React.memo(function Elements() {\n plugins.register(\n createRepeaterElement(),\n createEntriesListElement(),\n createEntriesSearchElement()\n );\n\n return (\n <>\n <DynamicGrid />\n </>\n );\n});\n"],"mappings":"~~;;;;;;;~~AAAA,~~IAAAA~~,~~MAAA~~,~~GAAAC~~,~~sBAAA,CAAAC,OAAA~~;~~AACA~~,~~IAAAC~~,~~QAAA~~,~~GAAAD~~,~~OAAA~~;~~AACA~~,~~IAAAE~~,~~SAAA~~,~~GAAAF~~,~~OAAA~~;~~AACA~~,~~IAAAG~~,~~YAAA,GAAAH,OAAA~~;~~AACA~~,~~IAAAI~~,~~YAAA,GAAAJ,OAAA~~;~~AACA~~,~~IAAAK~~,~~cAAA~~,~~GAAAL,OAAA;AAEO,IAAMM,~~QAAQ,~~GAAAC~~,~~OAAA~~,~~CAAAD~~,~~QAAA,gBAAGE,cAAK,CAACC,~~IAAI,CAAC,~~SAASH~~,QAAQA,CAAA,EAAG;~~EACnDI~~,~~gBAAO~~,~~CAACC~~,QAAQ,~~CACZ~~,~~IAAAC,+BAAqB~~,~~EAAC~~,CAAC,~~EACvB~~,~~IAAAC~~,~~qCAAwB~~,~~EAAC,~~CAAC,~~EAC1B~~,~~IAAAC~~,~~yCAA0B~~,~~EAAC,~~CAC/B,CAAC;EAED,~~oBACIhB~~,~~MAAA~~,~~CAAAiB~~,~~OAAA,CAAAC,~~aAAA,~~CAAAlB~~,~~MAAA~~,~~CAAAiB~~,~~OAAA,CAAAE,~~QAAA,~~qBACInB~~,~~MAAA~~,~~CAAAiB~~,~~OAAA,CAAAC,~~aAAA,~~CAACZ~~,~~YAAA,CAAAc,~~WAAW,MAAE,CAChB,CAAC;AAEX,CAAC,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["React","plugins","createRepeaterElement","createEntriesListElement","DynamicGrid","createEntriesSearchElement","Elements","memo","register","createElement","Fragment"],"sources":["Elements.tsx"],"sourcesContent":["import React from \"react\";\nimport { plugins } from \"@webiny/plugins\";\nimport { createRepeaterElement } from \"~/admin/elements/repeater\";\nimport { createEntriesListElement } from \"~/admin/elements/entriesList\";\nimport { DynamicGrid } from \"./renderers/DynamicGrid\";\nimport { createEntriesSearchElement } from \"~/admin/elements/entriesSearch\";\n\nexport const Elements = React.memo(function Elements() {\n plugins.register(\n createRepeaterElement(),\n createEntriesListElement(),\n createEntriesSearchElement()\n );\n\n return (\n <>\n <DynamicGrid />\n </>\n );\n});\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,OAAO,QAAQ,iBAAiB;AACzC,SAASC,qBAAqB;AAC9B,SAASC,wBAAwB;AACjC,SAASC,WAAW;AACpB,SAASC,0BAA0B;AAEnC,OAAO,MAAMC,QAAQ,gBAAGN,KAAK,CAACO,IAAI,CAAC,SAASD,QAAQA,CAAA,EAAG;EACnDL,OAAO,CAACO,QAAQ,CACZN,qBAAqB,CAAC,CAAC,EACvBC,wBAAwB,CAAC,CAAC,EAC1BE,0BAA0B,CAAC,CAC/B,CAAC;EAED,oBACIL,KAAA,CAAAS,aAAA,CAAAT,KAAA,CAAAU,QAAA,qBACIV,KAAA,CAAAS,aAAA,CAACL,WAAW,MAAE,CAChB,CAAC;AAEX,CAAC,CAAC","ignoreList":[]}

package/admin/elements/entriesList.js CHANGED Viewed

@@ -1,38 +1,31 @@
-"use strict";
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.createEntriesListElement = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _repeat = require("@material-design-icons/svg/round/repeat.svg");
-var _EntriesList = require("./renderers/EntriesList");
-var _helpers = require("@webiny/app-page-builder/editor/helpers");
-var createEntriesListElement = exports.createEntriesListElement = function createEntriesListElement() {
+import React from "react";
+import { ReactComponent as RepeatIcon } from "@webiny/icons/repeat.svg";
+import { AdminEntriesListRenderer } from "./renderers/EntriesList";
+import { createElement } from "@webiny/app-page-builder/editor/helpers";
+export const createEntriesListElement = () => {
   return {
-    name: "pb-editor-page-element-entries-list",
+    name: `pb-editor-page-element-entries-list`,
     type: "pb-editor-page-element",
     elementType: "entries-list",
     canReceiveChildren: true,
     toolbar: {
       title: "Entries List",
       group: "pb-editor-element-group-basic",
-      preview: function preview() {
-        return /*#__PURE__*/_react.default.createElement(_repeat.ReactComponent, null);
+      preview() {
+        return /*#__PURE__*/React.createElement(RepeatIcon, null);
       }
     },
     settings: ["pb-editor-page-element-settings-clone", "pb-editor-page-element-settings-delete"],
     target: ["cell", "block"],
-    create: function create() {
+    create() {
       return {
         type: this.elementType,
-        elements: [(0, _helpers.createElement)("grid")],
+        elements: [createElement("grid")],
         data: {}
       };
     },
-    render: function render(props) {
-      return /*#__PURE__*/_react.default.createElement(_EntriesList.AdminEntriesListRenderer, Object.assign({}, props, {
+    render(props) {
+      return /*#__PURE__*/React.createElement(AdminEntriesListRenderer, Object.assign({}, props, {
         element: props.element
       }));
     }

package/admin/elements/entriesList.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["~~_react~~","~~_interopRequireDefault~~","~~require~~","~~_repeat~~","~~_EntriesList~~","~~_helpers","~~createEntriesListElement","~~exports","~~name","type","elementType","canReceiveChildren","toolbar","title","group","preview","~~default","createElement","ReactComponent","~~settings","target","create","elements","data","render","props","~~AdminEntriesListRenderer","~~Object","assign","element"],"sources":["entriesList.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as RepeatIcon } from \"@~~material-design-~~icons/~~svg/round/~~repeat.svg\";\nimport { PbEditorPageElementPlugin, PbElement } from \"@webiny/app-page-builder/types\";\nimport { AdminEntriesListRenderer } from \"./renderers/EntriesList\";\nimport { createElement } from \"@webiny/app-page-builder/editor/helpers\";\n\nexport const createEntriesListElement = (): PbEditorPageElementPlugin => {\n return {\n name: `pb-editor-page-element-entries-list`,\n type: \"pb-editor-page-element\",\n elementType: \"entries-list\",\n canReceiveChildren: true,\n toolbar: {\n title: \"Entries List\",\n group: \"pb-editor-element-group-basic\",\n preview() {\n return <RepeatIcon />;\n }\n },\n settings: [\n \"pb-editor-page-element-settings-clone\",\n \"pb-editor-page-element-settings-delete\"\n ],\n target: [\"cell\", \"block\"],\n create() {\n return {\n type: this.elementType,\n elements: [createElement(\"grid\")],\n data: {}\n };\n },\n\n render(props) {\n return <AdminEntriesListRenderer {...props} element={props.element as PbElement} />;\n }\n };\n};\n"],"mappings":"~~;;;;;;;~~AAAA,~~IAAAA~~,~~MAAA~~,~~GAAAC~~,~~sBAAA~~,~~CAAAC~~,~~OAAA;AACA~~,~~IAAAC~~,~~OAAA~~,~~GAAAD~~,~~OAAA~~;~~AAEA~~,~~IAAAE~~,~~YAAA,GAAAF,OAAA~~;~~AACA~~,~~IAAAG~~,~~QAAA~~,~~GAAAH~~,~~OAAA~~;~~AAEO~~,~~IAAMI~~,wBAAwB,~~GAAAC~~,~~OAAA,CAAAD,wBAAA,GAAG,SAA3BA,wBAAwBA,~~CAAA,~~EAAoC~~;EACrE,OAAO;~~IACHE~~,IAAI,~~uCAAuC~~;IAC3CC,IAAI,EAAE,wBAAwB;IAC9BC,WAAW,EAAE,cAAc;IAC3BC,kBAAkB,EAAE,IAAI;IACxBC,OAAO,EAAE;MACLC,KAAK,EAAE,cAAc;MACrBC,KAAK,EAAE,+BAA+B;MACtCC,~~OAAO,WAAPA,~~OAAOA,CAAA,EAAG;QACN,~~oBAAOf~~,~~MAAA~~,~~CAAAgB~~,~~OAAA,CAAAC,~~aAAA,~~CAACd~~,~~OAAA~~,~~CAAAe,cAAU,~~MAAE,CAAC;MACzB;IACJ,CAAC;~~IACDC~~,QAAQ,EAAE,CACN,uCAAuC,EACvC,wCAAwC,CAC3C;IACDC,MAAM,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC;IACzBC,~~MAAM,WAANA,~~MAAMA,CAAA,EAAG;MACL,OAAO;~~QACHZ~~,IAAI,EAAE,IAAI,CAACC,WAAW;~~QACtBY~~,QAAQ,EAAE,~~CAAC~~,~~IAAAL~~,~~sBAAa~~,~~EAAC,~~MAAM,CAAC,CAAC;~~QACjCM~~,IAAI,EAAE,CAAC;MACX,CAAC;IACL,CAAC;IAEDC,~~MAAM,WAANA,~~MAAMA,CAACC,KAAK,EAAE;MACV,~~oBAAOzB~~,~~MAAA~~,~~CAAAgB~~,~~OAAA,CAAAC,~~aAAA,~~CAACb~~,~~YAAA,CAAAsB,~~wBAAwB,~~EAAAC~~,MAAA,CAAAC,MAAA,~~KAAKH~~,KAAK;~~QAAEI~~,OAAO,~~EAAEJ~~,KAAK,~~CAACI~~;MAAqB,EAAE,CAAC;IACvF;EACJ,CAAC;AACL,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["React","ReactComponent","RepeatIcon","AdminEntriesListRenderer","createElement","createEntriesListElement","name","type","elementType","canReceiveChildren","toolbar","title","group","preview","settings","target","create","elements","data","render","props","Object","assign","element"],"sources":["entriesList.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as RepeatIcon } from \"@webiny/icons/repeat.svg\";\nimport { PbEditorPageElementPlugin, PbElement } from \"@webiny/app-page-builder/types\";\nimport { AdminEntriesListRenderer } from \"./renderers/EntriesList\";\nimport { createElement } from \"@webiny/app-page-builder/editor/helpers\";\n\nexport const createEntriesListElement = (): PbEditorPageElementPlugin => {\n return {\n name: `pb-editor-page-element-entries-list`,\n type: \"pb-editor-page-element\",\n elementType: \"entries-list\",\n canReceiveChildren: true,\n toolbar: {\n title: \"Entries List\",\n group: \"pb-editor-element-group-basic\",\n preview() {\n return <RepeatIcon />;\n }\n },\n settings: [\n \"pb-editor-page-element-settings-clone\",\n \"pb-editor-page-element-settings-delete\"\n ],\n target: [\"cell\", \"block\"],\n create() {\n return {\n type: this.elementType,\n elements: [createElement(\"grid\")],\n data: {}\n };\n },\n\n render(props) {\n return <AdminEntriesListRenderer {...props} element={props.element as PbElement} />;\n }\n };\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,IAAIC,UAAU,QAAQ,0BAA0B;AAEvE,SAASC,wBAAwB;AACjC,SAASC,aAAa,QAAQ,yCAAyC;AAEvE,OAAO,MAAMC,wBAAwB,GAAGA,CAAA,KAAiC;EACrE,OAAO;IACHC,IAAI,EAAE,qCAAqC;IAC3CC,IAAI,EAAE,wBAAwB;IAC9BC,WAAW,EAAE,cAAc;IAC3BC,kBAAkB,EAAE,IAAI;IACxBC,OAAO,EAAE;MACLC,KAAK,EAAE,cAAc;MACrBC,KAAK,EAAE,+BAA+B;MACtCC,OAAOA,CAAA,EAAG;QACN,oBAAOb,KAAA,CAAAI,aAAA,CAACF,UAAU,MAAE,CAAC;MACzB;IACJ,CAAC;IACDY,QAAQ,EAAE,CACN,uCAAuC,EACvC,wCAAwC,CAC3C;IACDC,MAAM,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC;IACzBC,MAAMA,CAAA,EAAG;MACL,OAAO;QACHT,IAAI,EAAE,IAAI,CAACC,WAAW;QACtBS,QAAQ,EAAE,CAACb,aAAa,CAAC,MAAM,CAAC,CAAC;QACjCc,IAAI,EAAE,CAAC;MACX,CAAC;IACL,CAAC;IAEDC,MAAMA,CAACC,KAAK,EAAE;MACV,oBAAOpB,KAAA,CAAAI,aAAA,CAACD,wBAAwB,EAAAkB,MAAA,CAAAC,MAAA,KAAKF,KAAK;QAAEG,OAAO,EAAEH,KAAK,CAACG;MAAqB,EAAE,CAAC;IACvF;EACJ,CAAC;AACL,CAAC","ignoreList":[]}

package/admin/elements/entriesSearch.js CHANGED Viewed

@@ -1,37 +1,30 @@
-"use strict";
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.createEntriesSearchElement = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _repeat = require("@material-design-icons/svg/round/repeat.svg");
-var _EntriesSearch = require("../../dataInjection/renderers/EntriesSearch");
-var createEntriesSearchElement = exports.createEntriesSearchElement = function createEntriesSearchElement() {
+import React from "react";
+import { ReactComponent as RepeatIcon } from "@webiny/icons/repeat.svg";
+import { EntriesSearchRenderer } from "../../dataInjection/renderers/EntriesSearch";
+export const createEntriesSearchElement = () => {
   return {
-    name: "pb-editor-page-element-entries-search",
+    name: `pb-editor-page-element-entries-search`,
     type: "pb-editor-page-element",
     elementType: "entries-search",
     canReceiveChildren: false,
     toolbar: {
       title: "Entries Search",
       group: "pb-editor-element-group-basic",
-      preview: function preview() {
-        return /*#__PURE__*/_react.default.createElement(_repeat.ReactComponent, null);
+      preview() {
+        return /*#__PURE__*/React.createElement(RepeatIcon, null);
       }
     },
     settings: ["pb-editor-page-element-settings-delete"],
     target: ["cell"],
-    create: function create() {
+    create() {
       return {
         type: this.elementType,
         elements: [],
         data: {}
       };
     },
-    render: function render(props) {
-      return /*#__PURE__*/_react.default.createElement(_EntriesSearch.EntriesSearchRenderer, Object.assign({}, props, {
+    render(props) {
+      return /*#__PURE__*/React.createElement(EntriesSearchRenderer, Object.assign({}, props, {
         element: props.element
       }));
     }

package/admin/elements/entriesSearch.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["~~_react~~","~~_interopRequireDefault~~","~~require~~","~~_repeat~~","~~_EntriesSearch","~~createEntriesSearchElement","~~exports","~~name","type","elementType","canReceiveChildren","toolbar","title","group","preview","~~default","~~createElement","~~ReactComponent","~~settings","target","create","elements","data","render","props","~~EntriesSearchRenderer","~~Object","assign","element"],"sources":["entriesSearch.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as RepeatIcon } from \"@~~material-design-~~icons/~~svg/round/~~repeat.svg\";\nimport { PbEditorPageElementPlugin, PbElement } from \"@webiny/app-page-builder/types\";\nimport { EntriesSearchRenderer } from \"~/dataInjection/renderers/EntriesSearch\";\n\nexport const createEntriesSearchElement = (): PbEditorPageElementPlugin => {\n return {\n name: `pb-editor-page-element-entries-search`,\n type: \"pb-editor-page-element\",\n elementType: \"entries-search\",\n canReceiveChildren: false,\n toolbar: {\n title: \"Entries Search\",\n group: \"pb-editor-element-group-basic\",\n preview() {\n return <RepeatIcon />;\n }\n },\n settings: [\"pb-editor-page-element-settings-delete\"],\n target: [\"cell\"],\n create() {\n return {\n type: this.elementType,\n elements: [],\n data: {}\n };\n },\n\n render(props) {\n return <EntriesSearchRenderer {...props} element={props.element as PbElement} />;\n }\n };\n};\n"],"mappings":"~~;;;;;;;~~AAAA,~~IAAAA~~,~~MAAA~~,~~GAAAC~~,~~sBAAA~~,~~CAAAC~~,~~OAAA;AACA~~,~~IAAAC~~,~~OAAA~~,~~GAAAD~~,~~OAAA~~;~~AAEA~~,~~IAAAE~~,~~cAAA~~,~~GAAAF~~,~~OAAA;AAEO~~,~~IAAMG,~~0BAA0B,~~GAAAC~~,~~OAAA,CAAAD,0BAAA,GAAG,SAA7BA,0BAA0BA,~~CAAA,~~EAAoC~~;EACvE,OAAO;~~IACHE~~,IAAI,~~yCAAyC~~;IAC7CC,IAAI,EAAE,wBAAwB;IAC9BC,WAAW,EAAE,gBAAgB;IAC7BC,kBAAkB,EAAE,KAAK;IACzBC,OAAO,EAAE;MACLC,KAAK,EAAE,gBAAgB;MACvBC,KAAK,EAAE,+BAA+B;MACtCC,~~OAAO,WAAPA,~~OAAOA,CAAA,EAAG;QACN,~~oBAAOd~~,~~MAAA~~,~~CAAAe~~,~~OAAA,CAAAC,~~aAAA,~~CAACb~~,~~OAAA~~,~~CAAAc,cAAU,~~MAAE,CAAC;MACzB;IACJ,CAAC;~~IACDC~~,QAAQ,EAAE,CAAC,wCAAwC,CAAC;IACpDC,MAAM,EAAE,CAAC,MAAM,CAAC;IAChBC,~~MAAM,WAANA,~~MAAMA,CAAA,EAAG;MACL,OAAO;~~QACHZ~~,IAAI,EAAE,IAAI,CAACC,WAAW;~~QACtBY~~,QAAQ,EAAE,EAAE;QACZC,IAAI,EAAE,CAAC;MACX,CAAC;IACL,CAAC;IAEDC,~~MAAM,WAANA,~~MAAMA,CAACC,KAAK,EAAE;MACV,~~oBAAOxB~~,~~MAAA~~,~~CAAAe~~,~~OAAA,CAAAC,~~aAAA,~~CAACZ~~,~~cAAA,CAAAqB,~~qBAAqB,~~EAAAC~~,MAAA,CAAAC,MAAA,~~KAAKH~~,KAAK;~~QAAEI~~,OAAO,~~EAAEJ~~,KAAK,~~CAACI~~;MAAqB,EAAE,CAAC;IACpF;EACJ,CAAC;AACL,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["React","ReactComponent","RepeatIcon","EntriesSearchRenderer","createEntriesSearchElement","name","type","elementType","canReceiveChildren","toolbar","title","group","preview","createElement","settings","target","create","elements","data","render","props","Object","assign","element"],"sources":["entriesSearch.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as RepeatIcon } from \"@webiny/icons/repeat.svg\";\nimport { PbEditorPageElementPlugin, PbElement } from \"@webiny/app-page-builder/types\";\nimport { EntriesSearchRenderer } from \"~/dataInjection/renderers/EntriesSearch\";\n\nexport const createEntriesSearchElement = (): PbEditorPageElementPlugin => {\n return {\n name: `pb-editor-page-element-entries-search`,\n type: \"pb-editor-page-element\",\n elementType: \"entries-search\",\n canReceiveChildren: false,\n toolbar: {\n title: \"Entries Search\",\n group: \"pb-editor-element-group-basic\",\n preview() {\n return <RepeatIcon />;\n }\n },\n settings: [\"pb-editor-page-element-settings-delete\"],\n target: [\"cell\"],\n create() {\n return {\n type: this.elementType,\n elements: [],\n data: {}\n };\n },\n\n render(props) {\n return <EntriesSearchRenderer {...props} element={props.element as PbElement} />;\n }\n };\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,IAAIC,UAAU,QAAQ,0BAA0B;AAEvE,SAASC,qBAAqB;AAE9B,OAAO,MAAMC,0BAA0B,GAAGA,CAAA,KAAiC;EACvE,OAAO;IACHC,IAAI,EAAE,uCAAuC;IAC7CC,IAAI,EAAE,wBAAwB;IAC9BC,WAAW,EAAE,gBAAgB;IAC7BC,kBAAkB,EAAE,KAAK;IACzBC,OAAO,EAAE;MACLC,KAAK,EAAE,gBAAgB;MACvBC,KAAK,EAAE,+BAA+B;MACtCC,OAAOA,CAAA,EAAG;QACN,oBAAOZ,KAAA,CAAAa,aAAA,CAACX,UAAU,MAAE,CAAC;MACzB;IACJ,CAAC;IACDY,QAAQ,EAAE,CAAC,wCAAwC,CAAC;IACpDC,MAAM,EAAE,CAAC,MAAM,CAAC;IAChBC,MAAMA,CAAA,EAAG;MACL,OAAO;QACHV,IAAI,EAAE,IAAI,CAACC,WAAW;QACtBU,QAAQ,EAAE,EAAE;QACZC,IAAI,EAAE,CAAC;MACX,CAAC;IACL,CAAC;IAEDC,MAAMA,CAACC,KAAK,EAAE;MACV,oBAAOpB,KAAA,CAAAa,aAAA,CAACV,qBAAqB,EAAAkB,MAAA,CAAAC,MAAA,KAAKF,KAAK;QAAEG,OAAO,EAAEH,KAAK,CAACG;MAAqB,EAAE,CAAC;IACpF;EACJ,CAAC;AACL,CAAC","ignoreList":[]}

package/admin/elements/eventHandlers/ContentTraverser.js CHANGED Viewed

@@ -1,35 +1,10 @@
-"use strict";
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ContentTraverser = void 0;
-var _createForOfIteratorHelper2 = _interopRequireDefault(require("@babel/runtime/helpers/createForOfIteratorHelper"));
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var ContentTraverser = exports.ContentTraverser = /*#__PURE__*/function () {
-  function ContentTraverser() {
-    (0, _classCallCheck2.default)(this, ContentTraverser);
-  }
-  return (0, _createClass2.default)(ContentTraverser, [{
-    key: "traverse",
-    value: function traverse(element, visitor) {
-      visitor(element);
-      var _iterator = (0, _createForOfIteratorHelper2.default)(element.elements),
-        _step;
-      try {
-        for (_iterator.s(); !(_step = _iterator.n()).done;) {
-          var _node = _step.value;
-          this.traverse(_node, visitor);
-        }
-      } catch (err) {
-        _iterator.e(err);
-      } finally {
-        _iterator.f();
-      }
+export class ContentTraverser {
+  traverse(element, visitor) {
+    visitor(element);
+    for (const node of element.elements) {
+      this.traverse(node, visitor);
     }
-  }]);
-}();
+  }
+}
 //# sourceMappingURL=ContentTraverser.js.map

package/admin/elements/eventHandlers/ContentTraverser.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["ContentTraverser","~~exports","_classCallCheck2","default","_createClass2","key","value","~~traverse","element","visitor","~~_iterator~~","~~_createForOfIteratorHelper2","~~elements"~~,"_step","s","n","done","node","err","e","f"~~],"sources":["ContentTraverser.ts"],"sourcesContent":["import { PbEditorElement } from \"@webiny/app-page-builder/types\";\n\ntype ElementNode = Omit<PbEditorElement, \"elements\"> & {\n elements: ElementNode[];\n};\n\ninterface ElementNodeVisitor {\n (node: ElementNode): void;\n}\n\nexport class ContentTraverser {\n traverse(element: ElementNode, visitor: ElementNodeVisitor): void {\n visitor(element);\n for (const node of element.elements) {\n this.traverse(node, visitor);\n }\n }\n}\n"],"mappings":"~~;;;;;;;;;;IAUaA~~,~~gBAAgB~~,~~GAAAC~~,~~OAAA~~,~~CAAAD,gBAAA~~;~~EAAA~~,~~SAAAA,iBAAA;IAAA,IAAAE,gBAAA,CAAAC,OAAA,QAAAH,gBAAA;EAAA;EAAA,WAAAI,aAAA,CAAAD,OAAA,EAAAH,gBAAA;IAAAK,GAAA;IAAAC,KAAA,EACzB,SAAAC,~~QAAQA,CAACC,OAAoB,EAAEC,OAA2B,EAAQ;~~MAC9DA~~,OAAO,CAACD,OAAO,CAAC;~~MAAC~~,~~IAAAE~~,~~SAAA~~,~~OAAAC~~,~~2BAAA~~,~~CAAAR,OAAA,EACEK,~~OAAO,~~CAACI~~,QAAQ~~;QAAAC~~,~~KAAA~~;~~MAAA;QAAnC~~,~~KAAAH,SAAA,CAAAI,CAAA,MAAAD,KAAA,GAAAH,SAAA,CAAAK,CAAA,IAAAC,IAAA,GAAqC;UAAA,IAA1BC,KAAI,GAAAJ,KAAA,CAAAP,KAAA;UACX,~~IAAI,~~CAACC~~,QAAQ,~~CAACU~~,~~KAAI~~,~~EAAER~~,OAAO,CAAC;~~QAChC~~;~~MAAC,SAAAS,GAAA~~;~~QAAAR,SAAA,CAAAS,CAAA,CAAAD,GAAA;MAAA;QAAAR,SAAA,CAAAU,CAAA;MAAA;IACL;EAAC;AAAA~~","ignoreList":[]}
1	+ {"version":3,"names":["ContentTraverser","traverse","element","visitor","node","elements"],"sources":["ContentTraverser.ts"],"sourcesContent":["import { PbEditorElement } from \"@webiny/app-page-builder/types\";\n\ntype ElementNode = Omit<PbEditorElement, \"elements\"> & {\n elements: ElementNode[];\n};\n\ninterface ElementNodeVisitor {\n (node: ElementNode): void;\n}\n\nexport class ContentTraverser {\n traverse(element: ElementNode, visitor: ElementNodeVisitor): void {\n visitor(element);\n for (const node of element.elements) {\n this.traverse(node, visitor);\n }\n }\n}\n"],"mappings":"AAUA,OAAO,MAAMA,gBAAgB,CAAC;EAC1BC,QAAQA,CAACC,OAAoB,EAAEC,OAA2B,EAAQ;IAC9DA,OAAO,CAACD,OAAO,CAAC;IAChB,KAAK,MAAME,IAAI,IAAIF,OAAO,CAACG,QAAQ,EAAE;MACjC,IAAI,CAACJ,QAAQ,CAACG,IAAI,EAAED,OAAO,CAAC;IAChC;EACJ;AACJ","ignoreList":[]}

package/admin/elements/renderers/DynamicGrid.js CHANGED Viewed

@@ -1,54 +1,48 @@
-"use strict";
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.DynamicGrid = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _react = _interopRequireDefault(require("react"));
-var _appPageBuilderElements = require("@webiny/app-page-builder-elements");
-var _PeGrid = require("@webiny/app-page-builder/editor/plugins/elements/grid/PeGrid");
-var _editor = require("@webiny/app-page-builder/editor");
-var _dataInjection = require("@webiny/app-page-builder/dataInjection");
-var elementInputs = {
-  dataSource: _appPageBuilderElements.ElementInput.create({
+import React from "react";
+import { useRenderer, Elements, ElementInput } from "@webiny/app-page-builder-elements";
+import { PeGrid } from "@webiny/app-page-builder/editor/plugins/elements/grid/PeGrid";
+import { useElementWithChildren } from "@webiny/app-page-builder/editor";
+import { DataSourceDataProvider } from "@webiny/app-page-builder/dataInjection";
+const elementInputs = {
+  dataSource: ElementInput.create({
     name: "dataSource",
     type: "array",
     translatable: false,
-    getDefaultValue: function getDefaultValue() {
+    getDefaultValue() {
       return [];
     }
   })
 };
-var DynamicGrid = exports.DynamicGrid = _PeGrid.PeGrid.Component.createDecorator(function (Original) {
+export const DynamicGrid = PeGrid.Component.createDecorator(Original => {
   return function DynamicGrid(props) {
-    var _useRenderer = (0, _appPageBuilderElements.useRenderer)(),
-      getElement = _useRenderer.getElement,
-      getInputValues = _useRenderer.getInputValues;
-    var element = getElement();
-    var elementWithChildren = (0, _editor.useElementWithChildren)(element.id);
-    var inputs = getInputValues();
+    const {
+      getElement,
+      getInputValues
+    } = useRenderer();
+    const element = getElement();
+    const elementWithChildren = useElementWithChildren(element.id);
+    const inputs = getInputValues();
     if (!elementWithChildren) {
       return null;
     }
     if (Array.isArray(inputs.dataSource)) {
-      var hasData = inputs.dataSource.length > 0;
-      var baseCell = elementWithChildren.elements[0];
-      var dynamicElement = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, element), {}, {
+      const hasData = inputs.dataSource.length > 0;
+      const baseCell = elementWithChildren.elements[0];
+      const dynamicElement = {
+        ...element,
         elements: hasData ? Array(inputs.dataSource.length).fill(baseCell) : elementWithChildren.elements
-      });
-      return /*#__PURE__*/_react.default.createElement(_appPageBuilderElements.Elements, {
+      };
+      return /*#__PURE__*/React.createElement(Elements, {
         element: dynamicElement,
-        wrapper: function wrapper(element, index) {
-          var dataSource = inputs.dataSource ? inputs.dataSource[index] : {};
-          return /*#__PURE__*/_react.default.createElement(_dataInjection.DataSourceDataProvider, {
+        wrapper: (element, index) => {
+          const dataSource = inputs.dataSource ? inputs.dataSource[index] : {};
+          return /*#__PURE__*/React.createElement(DataSourceDataProvider, {
             dataSource: dataSource
           }, element);
         }
       });
     }
-    return /*#__PURE__*/_react.default.createElement(Original, props);
+    return /*#__PURE__*/React.createElement(Original, props);
   };
 });