@webiny/app-dynamic-pages 5.43.3 → 6.0.0-alpha.1

package/admin/elements/renderers/DynamicGrid.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_appPageBuilderElements","_PeGrid","_editor","_dataInjection","elementInputs","dataSource","ElementInput","create","name","type","translatable","getDefaultValue","DynamicGrid","exports","PeGrid","Component","createDecorator","Original","props","_useRenderer","useRenderer","getElement","getInputValues","element","elementWithChildren","useElementWithChildren","id","inputs","Array","isArray","hasData","length","baseCell","elements","dynamicElement","_objectSpread2","default","fill","createElement","Elements","wrapper","index","DataSourceDataProvider"],"sources":["DynamicGrid.tsx"],"sourcesContent":["import React from \"react\";\nimport { useRenderer, Elements, ElementInput } from \"@webiny/app-page-builder-elements\";\nimport { PeGrid } from \"@webiny/app-page-builder/editor/plugins/elements/grid/PeGrid\";\nimport { useElementWithChildren } from \"@webiny/app-page-builder/editor\";\nimport { GenericRecord } from \"@webiny/app/types\";\nimport { DataSourceDataProvider } from \"@webiny/app-page-builder/dataInjection\";\n\nconst elementInputs = {\n    dataSource: ElementInput.create<GenericRecord[]>({\n        name: \"dataSource\",\n        type: \"array\",\n        translatable: false,\n        getDefaultValue() {\n            return [];\n        }\n    })\n};\n\nexport const DynamicGrid = PeGrid.Component.createDecorator(Original => {\n    return function DynamicGrid(props) {\n        const { getElement, getInputValues } = useRenderer();\n        const element = getElement();\n        const elementWithChildren = useElementWithChildren(element.id);\n        const inputs = getInputValues<typeof elementInputs>();\n\n        if (!elementWithChildren) {\n            return null;\n        }\n\n        if (Array.isArray(inputs.dataSource)) {\n            const hasData = inputs.dataSource.length > 0;\n\n            const baseCell = elementWithChildren.elements[0];\n            const dynamicElement = {\n                ...element,\n                elements: hasData\n                    ? Array(inputs.dataSource.length).fill(baseCell)\n                    : elementWithChildren.elements\n            };\n\n            return (\n                <Elements\n                    element={dynamicElement}\n                    wrapper={(element, index) => {\n                        const dataSource = inputs.dataSource ? inputs.dataSource[index] : {};\n\n                        return (\n                            <DataSourceDataProvider dataSource={dataSource}>\n                                {element}\n                            </DataSourceDataProvider>\n                        );\n                    }}\n                />\n            );\n        }\n\n        return <Original {...props} />;\n    };\n});\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,uBAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AAEA,IAAAI,cAAA,GAAAJ,OAAA;AAEA,IAAMK,aAAa,GAAG;EAClBC,UAAU,EAAEC,oCAAY,CAACC,MAAM,CAAkB;IAC7CC,IAAI,EAAE,YAAY;IAClBC,IAAI,EAAE,OAAO;IACbC,YAAY,EAAE,KAAK;IACnBC,eAAe,WAAfA,eAAeA,CAAA,EAAG;MACd,OAAO,EAAE;IACb;EACJ,CAAC;AACL,CAAC;AAEM,IAAMC,WAAW,GAAAC,OAAA,CAAAD,WAAA,GAAGE,cAAM,CAACC,SAAS,CAACC,eAAe,CAAC,UAAAC,QAAQ,EAAI;EACpE,OAAO,SAASL,WAAWA,CAACM,KAAK,EAAE;IAC/B,IAAAC,YAAA,GAAuC,IAAAC,mCAAW,EAAC,CAAC;MAA5CC,UAAU,GAAAF,YAAA,CAAVE,UAAU;MAAEC,cAAc,GAAAH,YAAA,CAAdG,cAAc;IAClC,IAAMC,OAAO,GAAGF,UAAU,CAAC,CAAC;IAC5B,IAAMG,mBAAmB,GAAG,IAAAC,8BAAsB,EAACF,OAAO,CAACG,EAAE,CAAC;IAC9D,IAAMC,MAAM,GAAGL,cAAc,CAAuB,CAAC;IAErD,IAAI,CAACE,mBAAmB,EAAE;MACtB,OAAO,IAAI;IACf;IAEA,IAAII,KAAK,CAACC,OAAO,CAACF,MAAM,CAACtB,UAAU,CAAC,EAAE;MAClC,IAAMyB,OAAO,GAAGH,MAAM,CAACtB,UAAU,CAAC0B,MAAM,GAAG,CAAC;MAE5C,IAAMC,QAAQ,GAAGR,mBAAmB,CAACS,QAAQ,CAAC,CAAC,CAAC;MAChD,IAAMC,cAAc,OAAAC,cAAA,CAAAC,OAAA,MAAAD,cAAA,CAAAC,OAAA,MACbb,OAAO;QACVU,QAAQ,EAAEH,OAAO,GACXF,KAAK,CAACD,MAAM,CAACtB,UAAU,CAAC0B,MAAM,CAAC,CAACM,IAAI,CAACL,QAAQ,CAAC,GAC9CR,mBAAmB,CAACS;MAAQ,EACrC;MAED,oBACIpC,MAAA,CAAAuC,OAAA,CAAAE,aAAA,CAACtC,uBAAA,CAAAuC,QAAQ;QACLhB,OAAO,EAAEW,cAAe;QACxBM,OAAO,EAAE,SAATA,OAAOA,CAAGjB,OAAO,EAAEkB,KAAK,EAAK;UACzB,IAAMpC,UAAU,GAAGsB,MAAM,CAACtB,UAAU,GAAGsB,MAAM,CAACtB,UAAU,CAACoC,KAAK,CAAC,GAAG,CAAC,CAAC;UAEpE,oBACI5C,MAAA,CAAAuC,OAAA,CAAAE,aAAA,CAACnC,cAAA,CAAAuC,sBAAsB;YAACrC,UAAU,EAAEA;UAAW,GAC1CkB,OACmB,CAAC;QAEjC;MAAE,CACL,CAAC;IAEV;IAEA,oBAAO1B,MAAA,CAAAuC,OAAA,CAAAE,aAAA,CAACrB,QAAQ,EAAKC,KAAQ,CAAC;EAClC,CAAC;AACL,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useRenderer","Elements","ElementInput","PeGrid","useElementWithChildren","DataSourceDataProvider","elementInputs","dataSource","create","name","type","translatable","getDefaultValue","DynamicGrid","Component","createDecorator","Original","props","getElement","getInputValues","element","elementWithChildren","id","inputs","Array","isArray","hasData","length","baseCell","elements","dynamicElement","fill","createElement","wrapper","index"],"sources":["DynamicGrid.tsx"],"sourcesContent":["import React from \"react\";\nimport { useRenderer, Elements, ElementInput } from \"@webiny/app-page-builder-elements\";\nimport { PeGrid } from \"@webiny/app-page-builder/editor/plugins/elements/grid/PeGrid\";\nimport { useElementWithChildren } from \"@webiny/app-page-builder/editor\";\nimport type { GenericRecord } from \"@webiny/app/types\";\nimport { DataSourceDataProvider } from \"@webiny/app-page-builder/dataInjection\";\n\nconst elementInputs = {\n    dataSource: ElementInput.create<GenericRecord[]>({\n        name: \"dataSource\",\n        type: \"array\",\n        translatable: false,\n        getDefaultValue() {\n            return [];\n        }\n    })\n};\n\nexport const DynamicGrid = PeGrid.Component.createDecorator(Original => {\n    return function DynamicGrid(props) {\n        const { getElement, getInputValues } = useRenderer();\n        const element = getElement();\n        const elementWithChildren = useElementWithChildren(element.id);\n        const inputs = getInputValues<typeof elementInputs>();\n\n        if (!elementWithChildren) {\n            return null;\n        }\n\n        if (Array.isArray(inputs.dataSource)) {\n            const hasData = inputs.dataSource.length > 0;\n\n            const baseCell = elementWithChildren.elements[0];\n            const dynamicElement = {\n                ...element,\n                elements: hasData\n                    ? Array(inputs.dataSource.length).fill(baseCell)\n                    : elementWithChildren.elements\n            };\n\n            return (\n                <Elements\n                    element={dynamicElement}\n                    wrapper={(element, index) => {\n                        const dataSource = inputs.dataSource ? inputs.dataSource[index] : {};\n\n                        return (\n                            <DataSourceDataProvider dataSource={dataSource}>\n                                {element}\n                            </DataSourceDataProvider>\n                        );\n                    }}\n                />\n            );\n        }\n\n        return <Original {...props} />;\n    };\n});\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,WAAW,EAAEC,QAAQ,EAAEC,YAAY,QAAQ,mCAAmC;AACvF,SAASC,MAAM,QAAQ,8DAA8D;AACrF,SAASC,sBAAsB,QAAQ,iCAAiC;AAExE,SAASC,sBAAsB,QAAQ,wCAAwC;AAE/E,MAAMC,aAAa,GAAG;EAClBC,UAAU,EAAEL,YAAY,CAACM,MAAM,CAAkB;IAC7CC,IAAI,EAAE,YAAY;IAClBC,IAAI,EAAE,OAAO;IACbC,YAAY,EAAE,KAAK;IACnBC,eAAeA,CAAA,EAAG;MACd,OAAO,EAAE;IACb;EACJ,CAAC;AACL,CAAC;AAED,OAAO,MAAMC,WAAW,GAAGV,MAAM,CAACW,SAAS,CAACC,eAAe,CAACC,QAAQ,IAAI;EACpE,OAAO,SAASH,WAAWA,CAACI,KAAK,EAAE;IAC/B,MAAM;MAAEC,UAAU;MAAEC;IAAe,CAAC,GAAGnB,WAAW,CAAC,CAAC;IACpD,MAAMoB,OAAO,GAAGF,UAAU,CAAC,CAAC;IAC5B,MAAMG,mBAAmB,GAAGjB,sBAAsB,CAACgB,OAAO,CAACE,EAAE,CAAC;IAC9D,MAAMC,MAAM,GAAGJ,cAAc,CAAuB,CAAC;IAErD,IAAI,CAACE,mBAAmB,EAAE;MACtB,OAAO,IAAI;IACf;IAEA,IAAIG,KAAK,CAACC,OAAO,CAACF,MAAM,CAAChB,UAAU,CAAC,EAAE;MAClC,MAAMmB,OAAO,GAAGH,MAAM,CAAChB,UAAU,CAACoB,MAAM,GAAG,CAAC;MAE5C,MAAMC,QAAQ,GAAGP,mBAAmB,CAACQ,QAAQ,CAAC,CAAC,CAAC;MAChD,MAAMC,cAAc,GAAG;QACnB,GAAGV,OAAO;QACVS,QAAQ,EAAEH,OAAO,GACXF,KAAK,CAACD,MAAM,CAAChB,UAAU,CAACoB,MAAM,CAAC,CAACI,IAAI,CAACH,QAAQ,CAAC,GAC9CP,mBAAmB,CAACQ;MAC9B,CAAC;MAED,oBACI9B,KAAA,CAAAiC,aAAA,CAAC/B,QAAQ;QACLmB,OAAO,EAAEU,cAAe;QACxBG,OAAO,EAAEA,CAACb,OAAO,EAAEc,KAAK,KAAK;UACzB,MAAM3B,UAAU,GAAGgB,MAAM,CAAChB,UAAU,GAAGgB,MAAM,CAAChB,UAAU,CAAC2B,KAAK,CAAC,GAAG,CAAC,CAAC;UAEpE,oBACInC,KAAA,CAAAiC,aAAA,CAAC3B,sBAAsB;YAACE,UAAU,EAAEA;UAAW,GAC1Ca,OACmB,CAAC;QAEjC;MAAE,CACL,CAAC;IAEV;IAEA,oBAAOrB,KAAA,CAAAiC,aAAA,CAAChB,QAAQ,EAAKC,KAAQ,CAAC;EAClC,CAAC;AACL,CAAC,CAAC","ignoreList":[]}

package/admin/elements/renderers/EntriesList.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { PbElement } from "@webiny/app-page-builder/types";
+import type { PbElement } from "@webiny/app-page-builder/types";
 interface AdminEntriesListRendererProps {
     element: PbElement;
 }

package/admin/elements/renderers/EntriesList.js

@@ -1,26 +1,18 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.AdminEntriesListRenderer = void 0;
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _react = _interopRequireDefault(require("react"));
-var _EmptyCell = require("@webiny/app-page-builder/editor/plugins/elements/cell/EmptyCell");
-var _editor = require("@webiny/app-page-builder/editor");
-var _EntriesList = require("../../../dataInjection/renderers/EntriesList");
-var _excluded = ["element"];
-var AdminEntriesListRenderer = exports.AdminEntriesListRenderer = function AdminEntriesListRenderer(_ref) {
-  var element = _ref.element,
-    rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var elementWithChildren = (0, _editor.useElementWithChildren)(element.id);
+import React from "react";
+import { EmptyCell } from "@webiny/app-page-builder/editor/plugins/elements/cell/EmptyCell";
+import { useElementWithChildren } from "@webiny/app-page-builder/editor";
+import { EntriesListRenderer } from "../../../dataInjection/renderers/EntriesList";
+export const AdminEntriesListRenderer = ({
+  element,
+  ...rest
+}) => {
+  const elementWithChildren = useElementWithChildren(element.id);
   if (!elementWithChildren) {
     return null;
   }
-  return /*#__PURE__*/_react.default.createElement(_EntriesList.EntriesListRenderer, Object.assign({}, rest, {
+  return /*#__PURE__*/React.createElement(EntriesListRenderer, Object.assign({}, rest, {
     element: elementWithChildren,
-    ifEmpty: /*#__PURE__*/_react.default.createElement(_EmptyCell.EmptyCell, {
+    ifEmpty: /*#__PURE__*/React.createElement(EmptyCell, {
       element: elementWithChildren
     })
   }));

package/admin/elements/renderers/EntriesList.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_EmptyCell","_editor","_EntriesList","_excluded","AdminEntriesListRenderer","exports","_ref","element","rest","_objectWithoutProperties2","default","elementWithChildren","useElementWithChildren","id","createElement","EntriesListRenderer","Object","assign","ifEmpty","EmptyCell","displayName"],"sources":["EntriesList.tsx"],"sourcesContent":["import React from \"react\";\nimport { PbElement } from \"@webiny/app-page-builder/types\";\nimport { EmptyCell } from \"@webiny/app-page-builder/editor/plugins/elements/cell/EmptyCell\";\nimport { useElementWithChildren } from \"@webiny/app-page-builder/editor\";\nimport { EntriesListRenderer } from \"~/dataInjection/renderers/EntriesList\";\n\ninterface AdminEntriesListRendererProps {\n    element: PbElement;\n}\n\nexport const AdminEntriesListRenderer = ({ element, ...rest }: AdminEntriesListRendererProps) => {\n    const elementWithChildren = useElementWithChildren(element.id);\n\n    if (!elementWithChildren) {\n        return null;\n    }\n\n    return (\n        <EntriesListRenderer\n            {...rest}\n            element={elementWithChildren}\n            ifEmpty={<EmptyCell element={elementWithChildren} />}\n        />\n    );\n};\n\nAdminEntriesListRenderer.displayName = \"AdminEntriesListRenderer\";\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,UAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,YAAA,GAAAH,OAAA;AAA4E,IAAAI,SAAA;AAMrE,IAAMC,wBAAwB,GAAAC,OAAA,CAAAD,wBAAA,GAAG,SAA3BA,wBAAwBA,CAAAE,IAAA,EAA4D;EAAA,IAAtDC,OAAO,GAAAD,IAAA,CAAPC,OAAO;IAAKC,IAAI,OAAAC,yBAAA,CAAAC,OAAA,EAAAJ,IAAA,EAAAH,SAAA;EACvD,IAAMQ,mBAAmB,GAAG,IAAAC,8BAAsB,EAACL,OAAO,CAACM,EAAE,CAAC;EAE9D,IAAI,CAACF,mBAAmB,EAAE;IACtB,OAAO,IAAI;EACf;EAEA,oBACId,MAAA,CAAAa,OAAA,CAAAI,aAAA,CAACZ,YAAA,CAAAa,mBAAmB,EAAAC,MAAA,CAAAC,MAAA,KACZT,IAAI;IACRD,OAAO,EAAEI,mBAAoB;IAC7BO,OAAO,eAAErB,MAAA,CAAAa,OAAA,CAAAI,aAAA,CAACd,UAAA,CAAAmB,SAAS;MAACZ,OAAO,EAAEI;IAAoB,CAAE;EAAE,EACxD,CAAC;AAEV,CAAC;AAEDP,wBAAwB,CAACgB,WAAW,GAAG,0BAA0B","ignoreList":[]}
+{"version":3,"names":["React","EmptyCell","useElementWithChildren","EntriesListRenderer","AdminEntriesListRenderer","element","rest","elementWithChildren","id","createElement","Object","assign","ifEmpty","displayName"],"sources":["EntriesList.tsx"],"sourcesContent":["import React from \"react\";\nimport type { PbElement } from \"@webiny/app-page-builder/types\";\nimport { EmptyCell } from \"@webiny/app-page-builder/editor/plugins/elements/cell/EmptyCell\";\nimport { useElementWithChildren } from \"@webiny/app-page-builder/editor\";\nimport { EntriesListRenderer } from \"~/dataInjection/renderers/EntriesList\";\n\ninterface AdminEntriesListRendererProps {\n    element: PbElement;\n}\n\nexport const AdminEntriesListRenderer = ({ element, ...rest }: AdminEntriesListRendererProps) => {\n    const elementWithChildren = useElementWithChildren(element.id);\n\n    if (!elementWithChildren) {\n        return null;\n    }\n\n    return (\n        <EntriesListRenderer\n            {...rest}\n            element={elementWithChildren}\n            ifEmpty={<EmptyCell element={elementWithChildren} />}\n        />\n    );\n};\n\nAdminEntriesListRenderer.displayName = \"AdminEntriesListRenderer\";\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,SAAS,QAAQ,iEAAiE;AAC3F,SAASC,sBAAsB,QAAQ,iCAAiC;AACxE,SAASC,mBAAmB;AAM5B,OAAO,MAAMC,wBAAwB,GAAGA,CAAC;EAAEC,OAAO;EAAE,GAAGC;AAAoC,CAAC,KAAK;EAC7F,MAAMC,mBAAmB,GAAGL,sBAAsB,CAACG,OAAO,CAACG,EAAE,CAAC;EAE9D,IAAI,CAACD,mBAAmB,EAAE;IACtB,OAAO,IAAI;EACf;EAEA,oBACIP,KAAA,CAAAS,aAAA,CAACN,mBAAmB,EAAAO,MAAA,CAAAC,MAAA,KACZL,IAAI;IACRD,OAAO,EAAEE,mBAAoB;IAC7BK,OAAO,eAAEZ,KAAA,CAAAS,aAAA,CAACR,SAAS;MAACI,OAAO,EAAEE;IAAoB,CAAE;EAAE,EACxD,CAAC;AAEV,CAAC;AAEDH,wBAAwB,CAACS,WAAW,GAAG,0BAA0B","ignoreList":[]}

package/admin/elements/renderers/Repeater.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { PbElement } from "@webiny/app-page-builder/types";
+import type { PbElement } from "@webiny/app-page-builder/types";
 interface AdminRepeaterRendererProps {
     element: PbElement;
 }

package/admin/elements/renderers/Repeater.js

@@ -1,26 +1,18 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.AdminRepeaterRenderer = void 0;
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _react = _interopRequireDefault(require("react"));
-var _EmptyCell = require("@webiny/app-page-builder/editor/plugins/elements/cell/EmptyCell");
-var _editor = require("@webiny/app-page-builder/editor");
-var _Repeater = require("../../../dataInjection/renderers/Repeater");
-var _excluded = ["element"];
-var AdminRepeaterRenderer = exports.AdminRepeaterRenderer = function AdminRepeaterRenderer(_ref) {
-  var element = _ref.element,
-    rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var elementWithChildren = (0, _editor.useElementWithChildren)(element.id);
+import React from "react";
+import { EmptyCell } from "@webiny/app-page-builder/editor/plugins/elements/cell/EmptyCell";
+import { useElementWithChildren } from "@webiny/app-page-builder/editor";
+import { RepeaterRenderer } from "../../../dataInjection/renderers/Repeater";
+export const AdminRepeaterRenderer = ({
+  element,
+  ...rest
+}) => {
+  const elementWithChildren = useElementWithChildren(element.id);
   if (!elementWithChildren) {
     return null;
   }
-  return /*#__PURE__*/_react.default.createElement(_Repeater.RepeaterRenderer, Object.assign({}, rest, {
+  return /*#__PURE__*/React.createElement(RepeaterRenderer, Object.assign({}, rest, {
     element: elementWithChildren,
-    ifEmpty: /*#__PURE__*/_react.default.createElement(_EmptyCell.EmptyCell, {
+    ifEmpty: /*#__PURE__*/React.createElement(EmptyCell, {
       element: elementWithChildren
     })
   }));

package/admin/elements/renderers/Repeater.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_EmptyCell","_editor","_Repeater","_excluded","AdminRepeaterRenderer","exports","_ref","element","rest","_objectWithoutProperties2","default","elementWithChildren","useElementWithChildren","id","createElement","RepeaterRenderer","Object","assign","ifEmpty","EmptyCell"],"sources":["Repeater.tsx"],"sourcesContent":["import React from \"react\";\nimport { PbElement } from \"@webiny/app-page-builder/types\";\nimport { EmptyCell } from \"@webiny/app-page-builder/editor/plugins/elements/cell/EmptyCell\";\nimport { useElementWithChildren } from \"@webiny/app-page-builder/editor\";\nimport { RepeaterRenderer } from \"~/dataInjection/renderers/Repeater\";\n\ninterface AdminRepeaterRendererProps {\n    element: PbElement;\n}\n\nexport const AdminRepeaterRenderer = ({ element, ...rest }: AdminRepeaterRendererProps) => {\n    const elementWithChildren = useElementWithChildren(element.id);\n\n    if (!elementWithChildren) {\n        return null;\n    }\n\n    return (\n        <RepeaterRenderer\n            {...rest}\n            element={elementWithChildren}\n            ifEmpty={<EmptyCell element={elementWithChildren} />}\n        />\n    );\n};\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,UAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,SAAA,GAAAH,OAAA;AAAsE,IAAAI,SAAA;AAM/D,IAAMC,qBAAqB,GAAAC,OAAA,CAAAD,qBAAA,GAAG,SAAxBA,qBAAqBA,CAAAE,IAAA,EAAyD;EAAA,IAAnDC,OAAO,GAAAD,IAAA,CAAPC,OAAO;IAAKC,IAAI,OAAAC,yBAAA,CAAAC,OAAA,EAAAJ,IAAA,EAAAH,SAAA;EACpD,IAAMQ,mBAAmB,GAAG,IAAAC,8BAAsB,EAACL,OAAO,CAACM,EAAE,CAAC;EAE9D,IAAI,CAACF,mBAAmB,EAAE;IACtB,OAAO,IAAI;EACf;EAEA,oBACId,MAAA,CAAAa,OAAA,CAAAI,aAAA,CAACZ,SAAA,CAAAa,gBAAgB,EAAAC,MAAA,CAAAC,MAAA,KACTT,IAAI;IACRD,OAAO,EAAEI,mBAAoB;IAC7BO,OAAO,eAAErB,MAAA,CAAAa,OAAA,CAAAI,aAAA,CAACd,UAAA,CAAAmB,SAAS;MAACZ,OAAO,EAAEI;IAAoB,CAAE;EAAE,EACxD,CAAC;AAEV,CAAC","ignoreList":[]}
+{"version":3,"names":["React","EmptyCell","useElementWithChildren","RepeaterRenderer","AdminRepeaterRenderer","element","rest","elementWithChildren","id","createElement","Object","assign","ifEmpty"],"sources":["Repeater.tsx"],"sourcesContent":["import React from \"react\";\nimport type { PbElement } from \"@webiny/app-page-builder/types\";\nimport { EmptyCell } from \"@webiny/app-page-builder/editor/plugins/elements/cell/EmptyCell\";\nimport { useElementWithChildren } from \"@webiny/app-page-builder/editor\";\nimport { RepeaterRenderer } from \"~/dataInjection/renderers/Repeater\";\n\ninterface AdminRepeaterRendererProps {\n    element: PbElement;\n}\n\nexport const AdminRepeaterRenderer = ({ element, ...rest }: AdminRepeaterRendererProps) => {\n    const elementWithChildren = useElementWithChildren(element.id);\n\n    if (!elementWithChildren) {\n        return null;\n    }\n\n    return (\n        <RepeaterRenderer\n            {...rest}\n            element={elementWithChildren}\n            ifEmpty={<EmptyCell element={elementWithChildren} />}\n        />\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,SAAS,QAAQ,iEAAiE;AAC3F,SAASC,sBAAsB,QAAQ,iCAAiC;AACxE,SAASC,gBAAgB;AAMzB,OAAO,MAAMC,qBAAqB,GAAGA,CAAC;EAAEC,OAAO;EAAE,GAAGC;AAAiC,CAAC,KAAK;EACvF,MAAMC,mBAAmB,GAAGL,sBAAsB,CAACG,OAAO,CAACG,EAAE,CAAC;EAE9D,IAAI,CAACD,mBAAmB,EAAE;IACtB,OAAO,IAAI;EACf;EAEA,oBACIP,KAAA,CAAAS,aAAA,CAACN,gBAAgB,EAAAO,MAAA,CAAAC,MAAA,KACTL,IAAI;IACRD,OAAO,EAAEE,mBAAoB;IAC7BK,OAAO,eAAEZ,KAAA,CAAAS,aAAA,CAACR,SAAS;MAACI,OAAO,EAAEE;IAAoB,CAAE;EAAE,EACxD,CAAC;AAEV,CAAC","ignoreList":[]}

package/admin/elements/repeater.d.ts

@@ -1,2 +1,2 @@
-import { PbEditorPageElementPlugin } from "@webiny/app-page-builder/types";
+import type { PbEditorPageElementPlugin } from "@webiny/app-page-builder/types";
 export declare const createRepeaterElement: () => PbEditorPageElementPlugin;

package/admin/elements/repeater.js

@@ -1,37 +1,30 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.createRepeaterElement = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _repeat = require("@material-design-icons/svg/round/repeat.svg");
-var _Repeater = require("./renderers/Repeater");
-var createRepeaterElement = exports.createRepeaterElement = function createRepeaterElement() {
+import React from "react";
+import { ReactComponent as RepeatIcon } from "@webiny/icons/repeat.svg";
+import { AdminRepeaterRenderer } from "./renderers/Repeater";
+export const createRepeaterElement = () => {
   return {
-    name: "pb-editor-page-element-repeater",
+    name: `pb-editor-page-element-repeater`,
     type: "pb-editor-page-element",
     elementType: "repeater",
     canReceiveChildren: true,
     toolbar: {
       title: "Repeater Element",
       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: [],
         data: {}
       };
     },
-    render: function render(props) {
-      return /*#__PURE__*/_react.default.createElement(_Repeater.AdminRepeaterRenderer, Object.assign({}, props, {
+    render(props) {
+      return /*#__PURE__*/React.createElement(AdminRepeaterRenderer, Object.assign({}, props, {
         element: props.element
       }));
     }

package/admin/elements/repeater.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_repeat","_Repeater","createRepeaterElement","exports","name","type","elementType","canReceiveChildren","toolbar","title","group","preview","default","createElement","ReactComponent","settings","target","create","elements","data","render","props","AdminRepeaterRenderer","Object","assign","element"],"sources":["repeater.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 { AdminRepeaterRenderer } from \"./renderers/Repeater\";\n\nexport const createRepeaterElement = (): PbEditorPageElementPlugin => {\n    return {\n        name: `pb-editor-page-element-repeater`,\n        type: \"pb-editor-page-element\",\n        elementType: \"repeater\",\n        canReceiveChildren: true,\n        toolbar: {\n            title: \"Repeater Element\",\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: [],\n                data: {}\n            };\n        },\n\n        render(props) {\n            return <AdminRepeaterRenderer {...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,SAAA,GAAAF,OAAA;AAEO,IAAMG,qBAAqB,GAAAC,OAAA,CAAAD,qBAAA,GAAG,SAAxBA,qBAAqBA,CAAA,EAAoC;EAClE,OAAO;IACHE,IAAI,mCAAmC;IACvCC,IAAI,EAAE,wBAAwB;IAC9BC,WAAW,EAAE,UAAU;IACvBC,kBAAkB,EAAE,IAAI;IACxBC,OAAO,EAAE;MACLC,KAAK,EAAE,kBAAkB;MACzBC,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,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,EAAE;QACZC,IAAI,EAAE,CAAC;MACX,CAAC;IACL,CAAC;IAEDC,MAAM,WAANA,MAAMA,CAACC,KAAK,EAAE;MACV,oBAAOxB,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACZ,SAAA,CAAAqB,qBAAqB,EAAAC,MAAA,CAAAC,MAAA,KAAKH,KAAK;QAAEI,OAAO,EAAEJ,KAAK,CAACI;MAAqB,EAAE,CAAC;IACpF;EACJ,CAAC;AACL,CAAC","ignoreList":[]}
+{"version":3,"names":["React","ReactComponent","RepeatIcon","AdminRepeaterRenderer","createRepeaterElement","name","type","elementType","canReceiveChildren","toolbar","title","group","preview","createElement","settings","target","create","elements","data","render","props","Object","assign","element"],"sources":["repeater.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as RepeatIcon } from \"@webiny/icons/repeat.svg\";\nimport type { PbEditorPageElementPlugin, PbElement } from \"@webiny/app-page-builder/types\";\nimport { AdminRepeaterRenderer } from \"./renderers/Repeater\";\n\nexport const createRepeaterElement = (): PbEditorPageElementPlugin => {\n    return {\n        name: `pb-editor-page-element-repeater`,\n        type: \"pb-editor-page-element\",\n        elementType: \"repeater\",\n        canReceiveChildren: true,\n        toolbar: {\n            title: \"Repeater Element\",\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: [],\n                data: {}\n            };\n        },\n\n        render(props) {\n            return <AdminRepeaterRenderer {...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,qBAAqB,GAAGA,CAAA,KAAiC;EAClE,OAAO;IACHC,IAAI,EAAE,iCAAiC;IACvCC,IAAI,EAAE,wBAAwB;IAC9BC,WAAW,EAAE,UAAU;IACvBC,kBAAkB,EAAE,IAAI;IACxBC,OAAO,EAAE;MACLC,KAAK,EAAE,kBAAkB;MACzBC,KAAK,EAAE,+BAA+B;MACtCC,OAAOA,CAAA,EAAG;QACN,oBAAOZ,KAAA,CAAAa,aAAA,CAACX,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;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/index.js

@@ -1,14 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "DynamicPages", {
-  enumerable: true,
-  get: function get() {
-    return _Extensions.Extensions;
-  }
-});
-var _Extensions = require("./Extensions");
+export { Extensions as DynamicPages } from "./Extensions";
 
 //# sourceMappingURL=index.js.map

package/admin/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_Extensions","require"],"sources":["index.ts"],"sourcesContent":["export { Extensions as DynamicPages } from \"./Extensions\";\n"],"mappings":";;;;;;;;;;;AAAA,IAAAA,WAAA,GAAAC,OAAA","ignoreList":[]}
+{"version":3,"names":["Extensions","DynamicPages"],"sources":["index.ts"],"sourcesContent":["export { Extensions as DynamicPages } from \"./Extensions\";\n"],"mappings":"AAAA,SAASA,UAAU,IAAIC,YAAY","ignoreList":[]}

package/admin/pageEditor/DynamicPageEditorConfig.js

@@ -1,17 +1,10 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.DynamicPageEditorConfig = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _pageEditor = require("@webiny/app-page-builder/pageEditor");
-var _ElementEventHandlers = require("./ElementEventHandlers");
-var _SetupElementDataSettings = require("../../dataInjection/editor/SetupElementDataSettings");
-var _AddEntriesListDataSourceContext = require("../../dataInjection/AddEntriesListDataSourceContext");
-var DynamicPageEditorConfig = exports.DynamicPageEditorConfig = function DynamicPageEditorConfig() {
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_pageEditor.PageEditorConfig, null, /*#__PURE__*/_react.default.createElement(_AddEntriesListDataSourceContext.AddEntriesListDataSourceContext, null), /*#__PURE__*/_react.default.createElement(_ElementEventHandlers.ElementEventHandlers, null), /*#__PURE__*/_react.default.createElement(_SetupElementDataSettings.SetupElementDataSettings, null)));
+import React from "react";
+import { PageEditorConfig } from "@webiny/app-page-builder/pageEditor";
+import { ElementEventHandlers } from "./ElementEventHandlers";
+import { SetupElementDataSettings } from "../../dataInjection/editor/SetupElementDataSettings";
+import { AddEntriesListDataSourceContext } from "../../dataInjection/AddEntriesListDataSourceContext";
+export const DynamicPageEditorConfig = () => {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(PageEditorConfig, null, /*#__PURE__*/React.createElement(AddEntriesListDataSourceContext, null), /*#__PURE__*/React.createElement(ElementEventHandlers, null), /*#__PURE__*/React.createElement(SetupElementDataSettings, null)));
 };
 
 //# sourceMappingURL=DynamicPageEditorConfig.js.map

package/admin/pageEditor/DynamicPageEditorConfig.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_pageEditor","_ElementEventHandlers","_SetupElementDataSettings","_AddEntriesListDataSourceContext","DynamicPageEditorConfig","exports","default","createElement","Fragment","PageEditorConfig","AddEntriesListDataSourceContext","ElementEventHandlers","SetupElementDataSettings"],"sources":["DynamicPageEditorConfig.tsx"],"sourcesContent":["import React from \"react\";\nimport { PageEditorConfig } from \"@webiny/app-page-builder/pageEditor\";\nimport { ElementEventHandlers } from \"./ElementEventHandlers\";\nimport { SetupElementDataSettings } from \"~/dataInjection/editor/SetupElementDataSettings\";\nimport { AddEntriesListDataSourceContext } from \"~/dataInjection/AddEntriesListDataSourceContext\";\n\nexport const DynamicPageEditorConfig = () => {\n    return (\n        <>\n            <PageEditorConfig>\n                <AddEntriesListDataSourceContext />\n                <ElementEventHandlers />\n                <SetupElementDataSettings />\n            </PageEditorConfig>\n        </>\n    );\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,qBAAA,GAAAF,OAAA;AACA,IAAAG,yBAAA,GAAAH,OAAA;AACA,IAAAI,gCAAA,GAAAJ,OAAA;AAEO,IAAMK,uBAAuB,GAAAC,OAAA,CAAAD,uBAAA,GAAG,SAA1BA,uBAAuBA,CAAA,EAAS;EACzC,oBACIP,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAAAV,MAAA,CAAAS,OAAA,CAAAE,QAAA,qBACIX,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACP,WAAA,CAAAS,gBAAgB,qBACbZ,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACJ,gCAAA,CAAAO,+BAA+B,MAAE,CAAC,eACnCb,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACN,qBAAA,CAAAU,oBAAoB,MAAE,CAAC,eACxBd,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACL,yBAAA,CAAAU,wBAAwB,MAAE,CACb,CACpB,CAAC;AAEX,CAAC","ignoreList":[]}
+{"version":3,"names":["React","PageEditorConfig","ElementEventHandlers","SetupElementDataSettings","AddEntriesListDataSourceContext","DynamicPageEditorConfig","createElement","Fragment"],"sources":["DynamicPageEditorConfig.tsx"],"sourcesContent":["import React from \"react\";\nimport { PageEditorConfig } from \"@webiny/app-page-builder/pageEditor\";\nimport { ElementEventHandlers } from \"./ElementEventHandlers\";\nimport { SetupElementDataSettings } from \"~/dataInjection/editor/SetupElementDataSettings\";\nimport { AddEntriesListDataSourceContext } from \"~/dataInjection/AddEntriesListDataSourceContext\";\n\nexport const DynamicPageEditorConfig = () => {\n    return (\n        <>\n            <PageEditorConfig>\n                <AddEntriesListDataSourceContext />\n                <ElementEventHandlers />\n                <SetupElementDataSettings />\n            </PageEditorConfig>\n        </>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,gBAAgB,QAAQ,qCAAqC;AACtE,SAASC,oBAAoB;AAC7B,SAASC,wBAAwB;AACjC,SAASC,+BAA+B;AAExC,OAAO,MAAMC,uBAAuB,GAAGA,CAAA,KAAM;EACzC,oBACIL,KAAA,CAAAM,aAAA,CAAAN,KAAA,CAAAO,QAAA,qBACIP,KAAA,CAAAM,aAAA,CAACL,gBAAgB,qBACbD,KAAA,CAAAM,aAAA,CAACF,+BAA+B,MAAE,CAAC,eACnCJ,KAAA,CAAAM,aAAA,CAACJ,oBAAoB,MAAE,CAAC,eACxBF,KAAA,CAAAM,aAAA,CAACH,wBAAwB,MAAE,CACb,CACpB,CAAC;AAEX,CAAC","ignoreList":[]}

package/admin/pageEditor/ElementEventHandlers.js

@@ -1,102 +1,95 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ElementEventHandlers = void 0;
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _react = require("react");
-var _editor = require("@webiny/app-page-builder/editor");
-var _actions = require("@webiny/app-page-builder/editor/recoil/actions");
-var _dataInjection = require("@webiny/app-page-builder/dataInjection");
-var doNothing = {
+import { useEffect } from "react";
+import { useEventActionHandler } from "@webiny/app-page-builder/editor";
+import { CreateElementActionEvent, DeleteElementActionEvent } from "@webiny/app-page-builder/editor/recoil/actions";
+import { ContentTraverser } from "@webiny/app-page-builder/dataInjection";
+const doNothing = {
   actions: []
 };
-var addCmsListDataSource = function addCmsListDataSource(document, element) {
-  var dataSourceName = "element:".concat(element.id);
-  var gridElement = element.elements[0];
-  return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, document), {}, {
-    dataSources: [].concat((0, _toConsumableArray2.default)(document.dataSources || []), [{
+const addCmsListDataSource = (document, element) => {
+  const dataSourceName = `element:${element.id}`;
+  const gridElement = element.elements[0];
+  return {
+    ...document,
+    dataSources: [...(document.dataSources || []), {
       name: dataSourceName,
       type: "cms.entries",
       config: {
         modelId: undefined,
         limit: 10
       }
-    }]),
-    dataBindings: [].concat((0, _toConsumableArray2.default)(document.dataBindings || []), [{
+    }],
+    dataBindings: [...(document.dataBindings || []), {
       dataSource: dataSourceName,
       bindFrom: "*",
-      bindTo: "element:".concat(gridElement.id, ".dataSource")
-    }])
-  });
+      bindTo: `element:${gridElement.id}.dataSource`
+    }]
+  };
 };
-var ElementEventHandlers = exports.ElementEventHandlers = function ElementEventHandlers() {
-  var eventHandler = (0, _editor.useEventActionHandler)();
-  var onElementCreate = function onElementCreate(state, _, args) {
+export const ElementEventHandlers = () => {
+  const eventHandler = useEventActionHandler();
+  const onElementCreate = (state, _, args) => {
     if (!args) {
       return doNothing;
     }
-    var element = args.element;
+    const {
+      element
+    } = args;
     if (element.type !== "entries-list") {
       return doNothing;
     }
 
     // @ts-expect-error Event callable types need to be more generic.
-    var page = state.page;
-    var updatedPage = addCmsListDataSource(page, element);
+    const page = state.page;
+    const updatedPage = addCmsListDataSource(page, element);
     return {
-      state: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, state), {}, {
+      state: {
+        ...state,
         page: updatedPage
-      }),
+      },
       actions: []
     };
   };
-  var onElementDelete = async function onElementDelete(state, _, args) {
+  const onElementDelete = async (state, _, args) => {
     if (!args) {
       return doNothing;
     }
-    var element = args.element;
+    const {
+      element
+    } = args;
 
     // @ts-expect-error Event callable types need to be more generic.
-    var page = state.page;
-    var withDescendants = await state.getElementTree({
-      element: element
+    const page = state.page;
+    const withDescendants = await state.getElementTree({
+      element
     });
-    var traverser = new _dataInjection.ContentTraverser();
-    var deletedElements = [element.id];
-    traverser.traverse(withDescendants, function (node) {
+    const traverser = new ContentTraverser();
+    const deletedElements = [element.id];
+    traverser.traverse(withDescendants, node => {
       deletedElements.push(node.id);
     });
-    var deleteDataSources = deletedElements.map(function (id) {
-      return "element:".concat(id);
-    });
-    var deleteDataBindings = deletedElements.map(function (id) {
-      return "element:".concat(id, ".");
-    });
-    var updatedPage = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, page), {}, {
-      dataSources: (page.dataSources || []).filter(function (ds) {
+    const deleteDataSources = deletedElements.map(id => `element:${id}`);
+    const deleteDataBindings = deletedElements.map(id => `element:${id}.`);
+    const updatedPage = {
+      ...page,
+      dataSources: (page.dataSources || []).filter(ds => {
         return !deleteDataSources.includes(ds.name);
       }),
-      dataBindings: (page.dataBindings || []).filter(function (binding) {
-        return !deleteDataBindings.some(function (toDelete) {
-          return binding.bindTo.startsWith(toDelete);
-        });
+      dataBindings: (page.dataBindings || []).filter(binding => {
+        return !deleteDataBindings.some(toDelete => binding.bindTo.startsWith(toDelete));
       })
-    });
+    };
     return {
-      state: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, state), {}, {
+      state: {
+        ...state,
         page: updatedPage
-      }),
+      },
       actions: []
     };
   };
-  (0, _react.useEffect)(function () {
-    var offCreateElement = eventHandler.on(_actions.CreateElementActionEvent, onElementCreate);
-    var offDeleteElement = eventHandler.on(_actions.DeleteElementActionEvent, onElementDelete);
-    return function () {
+  useEffect(() => {
+    const offCreateElement = eventHandler.on(CreateElementActionEvent, onElementCreate);
+    const offDeleteElement = eventHandler.on(DeleteElementActionEvent, onElementDelete);
+    return () => {
       offCreateElement();
       offDeleteElement();
     };

package/admin/pageEditor/ElementEventHandlers.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_editor","_actions","_dataInjection","doNothing","actions","addCmsListDataSource","document","element","dataSourceName","concat","id","gridElement","elements","_objectSpread2","default","dataSources","_toConsumableArray2","name","type","config","modelId","undefined","limit","dataBindings","dataSource","bindFrom","bindTo","ElementEventHandlers","exports","eventHandler","useEventActionHandler","onElementCreate","state","_","args","page","updatedPage","onElementDelete","withDescendants","getElementTree","traverser","ContentTraverser","deletedElements","traverse","node","push","deleteDataSources","map","deleteDataBindings","filter","ds","includes","binding","some","toDelete","startsWith","useEffect","offCreateElement","on","CreateElementActionEvent","offDeleteElement","DeleteElementActionEvent"],"sources":["ElementEventHandlers.tsx"],"sourcesContent":["import { useEffect } from \"react\";\nimport { useEventActionHandler } from \"@webiny/app-page-builder/editor\";\nimport {\n    CreateElementActionEvent,\n    DeleteElementActionEvent\n} from \"@webiny/app-page-builder/editor/recoil/actions\";\nimport type {\n    DynamicDocument,\n    EventActionCallable,\n    PbEditorElementTree\n} from \"@webiny/app-page-builder/types\";\nimport type { CreateElementEventActionArgsType } from \"@webiny/app-page-builder/editor/recoil/actions/createElement/types\";\nimport type { DeleteElementActionArgsType } from \"@webiny/app-page-builder/editor/recoil/actions/deleteElement/types\";\nimport type { PageAtomType } from \"@webiny/app-page-builder/pageEditor/state\";\nimport { ContentTraverser } from \"@webiny/app-page-builder/dataInjection\";\n\nconst doNothing = {\n    actions: []\n};\n\nconst addCmsListDataSource = <T extends DynamicDocument>(\n    document: T,\n    element: PbEditorElementTree\n): T => {\n    const dataSourceName = `element:${element.id}`;\n\n    const gridElement = element.elements[0];\n\n    return {\n        ...document,\n        dataSources: [\n            ...(document.dataSources || []),\n            {\n                name: dataSourceName,\n                type: \"cms.entries\",\n                config: {\n                    modelId: undefined,\n                    limit: 10\n                }\n            }\n        ],\n        dataBindings: [\n            ...(document.dataBindings || []),\n            {\n                dataSource: dataSourceName,\n                bindFrom: \"*\",\n                bindTo: `element:${gridElement.id}.dataSource`\n            }\n        ]\n    };\n};\n\nexport const ElementEventHandlers = () => {\n    const eventHandler = useEventActionHandler();\n\n    const onElementCreate: EventActionCallable<CreateElementEventActionArgsType> = (\n        state,\n        _,\n        args\n    ) => {\n        if (!args) {\n            return doNothing;\n        }\n\n        const { element } = args;\n\n        if (element.type !== \"entries-list\") {\n            return doNothing;\n        }\n\n        // @ts-expect-error Event callable types need to be more generic.\n        const page = state.page as PageAtomType;\n\n        const updatedPage = addCmsListDataSource(page, element as PbEditorElementTree);\n\n        return {\n            state: {\n                ...state,\n                page: updatedPage\n            },\n            actions: []\n        };\n    };\n\n    const onElementDelete: EventActionCallable<DeleteElementActionArgsType> = async (\n        state,\n        _,\n        args\n    ) => {\n        if (!args) {\n            return doNothing;\n        }\n\n        const { element } = args;\n\n        // @ts-expect-error Event callable types need to be more generic.\n        const page = state.page as PageAtomType;\n\n        const withDescendants = await state.getElementTree({ element });\n\n        const traverser = new ContentTraverser();\n        const deletedElements: string[] = [element.id];\n\n        traverser.traverse(withDescendants, node => {\n            deletedElements.push(node.id);\n        });\n\n        const deleteDataSources = deletedElements.map(id => `element:${id}`);\n        const deleteDataBindings = deletedElements.map(id => `element:${id}.`);\n\n        const updatedPage: PageAtomType = {\n            ...page,\n            dataSources: (page.dataSources || []).filter(ds => {\n                return !deleteDataSources.includes(ds.name);\n            }),\n            dataBindings: (page.dataBindings || []).filter(binding => {\n                return !deleteDataBindings.some(toDelete => binding.bindTo.startsWith(toDelete));\n            })\n        };\n\n        return {\n            state: {\n                ...state,\n                page: updatedPage\n            },\n            actions: []\n        };\n    };\n\n    useEffect(() => {\n        const offCreateElement = eventHandler.on(CreateElementActionEvent, onElementCreate);\n        const offDeleteElement = eventHandler.on(DeleteElementActionEvent, onElementDelete);\n\n        return () => {\n            offCreateElement();\n            offDeleteElement();\n        };\n    }, []);\n    return null;\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["useEffect","useEventActionHandler","CreateElementActionEvent","DeleteElementActionEvent","ContentTraverser","doNothing","actions","addCmsListDataSource","document","element","dataSourceName","id","gridElement","elements","dataSources","name","type","config","modelId","undefined","limit","dataBindings","dataSource","bindFrom","bindTo","ElementEventHandlers","eventHandler","onElementCreate","state","_","args","page","updatedPage","onElementDelete","withDescendants","getElementTree","traverser","deletedElements","traverse","node","push","deleteDataSources","map","deleteDataBindings","filter","ds","includes","binding","some","toDelete","startsWith","offCreateElement","on","offDeleteElement"],"sources":["ElementEventHandlers.tsx"],"sourcesContent":["import { useEffect } from \"react\";\nimport { useEventActionHandler } from \"@webiny/app-page-builder/editor\";\nimport {\n    CreateElementActionEvent,\n    DeleteElementActionEvent\n} from \"@webiny/app-page-builder/editor/recoil/actions\";\nimport type {\n    DynamicDocument,\n    EventActionCallable,\n    PbEditorElementTree\n} from \"@webiny/app-page-builder/types\";\nimport type { CreateElementEventActionArgsType } from \"@webiny/app-page-builder/editor/recoil/actions/createElement/types\";\nimport type { DeleteElementActionArgsType } from \"@webiny/app-page-builder/editor/recoil/actions/deleteElement/types\";\nimport type { PageAtomType } from \"@webiny/app-page-builder/pageEditor/state\";\nimport { ContentTraverser } from \"@webiny/app-page-builder/dataInjection\";\n\nconst doNothing = {\n    actions: []\n};\n\nconst addCmsListDataSource = <T extends DynamicDocument>(\n    document: T,\n    element: PbEditorElementTree\n): T => {\n    const dataSourceName = `element:${element.id}`;\n\n    const gridElement = element.elements[0];\n\n    return {\n        ...document,\n        dataSources: [\n            ...(document.dataSources || []),\n            {\n                name: dataSourceName,\n                type: \"cms.entries\",\n                config: {\n                    modelId: undefined,\n                    limit: 10\n                }\n            }\n        ],\n        dataBindings: [\n            ...(document.dataBindings || []),\n            {\n                dataSource: dataSourceName,\n                bindFrom: \"*\",\n                bindTo: `element:${gridElement.id}.dataSource`\n            }\n        ]\n    };\n};\n\nexport const ElementEventHandlers = () => {\n    const eventHandler = useEventActionHandler();\n\n    const onElementCreate: EventActionCallable<CreateElementEventActionArgsType> = (\n        state,\n        _,\n        args\n    ) => {\n        if (!args) {\n            return doNothing;\n        }\n\n        const { element } = args;\n\n        if (element.type !== \"entries-list\") {\n            return doNothing;\n        }\n\n        // @ts-expect-error Event callable types need to be more generic.\n        const page = state.page as PageAtomType;\n\n        const updatedPage = addCmsListDataSource(page, element as PbEditorElementTree);\n\n        return {\n            state: {\n                ...state,\n                page: updatedPage\n            },\n            actions: []\n        };\n    };\n\n    const onElementDelete: EventActionCallable<DeleteElementActionArgsType> = async (\n        state,\n        _,\n        args\n    ) => {\n        if (!args) {\n            return doNothing;\n        }\n\n        const { element } = args;\n\n        // @ts-expect-error Event callable types need to be more generic.\n        const page = state.page as PageAtomType;\n\n        const withDescendants = await state.getElementTree({ element });\n\n        const traverser = new ContentTraverser();\n        const deletedElements: string[] = [element.id];\n\n        traverser.traverse(withDescendants, node => {\n            deletedElements.push(node.id);\n        });\n\n        const deleteDataSources = deletedElements.map(id => `element:${id}`);\n        const deleteDataBindings = deletedElements.map(id => `element:${id}.`);\n\n        const updatedPage: PageAtomType = {\n            ...page,\n            dataSources: (page.dataSources || []).filter(ds => {\n                return !deleteDataSources.includes(ds.name);\n            }),\n            dataBindings: (page.dataBindings || []).filter(binding => {\n                return !deleteDataBindings.some(toDelete => binding.bindTo.startsWith(toDelete));\n            })\n        };\n\n        return {\n            state: {\n                ...state,\n                page: updatedPage\n            },\n            actions: []\n        };\n    };\n\n    useEffect(() => {\n        const offCreateElement = eventHandler.on(CreateElementActionEvent, onElementCreate);\n        const offDeleteElement = eventHandler.on(DeleteElementActionEvent, onElementDelete);\n\n        return () => {\n            offCreateElement();\n            offDeleteElement();\n        };\n    }, []);\n    return null;\n};\n"],"mappings":"AAAA,SAASA,SAAS,QAAQ,OAAO;AACjC,SAASC,qBAAqB,QAAQ,iCAAiC;AACvE,SACIC,wBAAwB,EACxBC,wBAAwB,QACrB,gDAAgD;AASvD,SAASC,gBAAgB,QAAQ,wCAAwC;AAEzE,MAAMC,SAAS,GAAG;EACdC,OAAO,EAAE;AACb,CAAC;AAED,MAAMC,oBAAoB,GAAGA,CACzBC,QAAW,EACXC,OAA4B,KACxB;EACJ,MAAMC,cAAc,GAAG,WAAWD,OAAO,CAACE,EAAE,EAAE;EAE9C,MAAMC,WAAW,GAAGH,OAAO,CAACI,QAAQ,CAAC,CAAC,CAAC;EAEvC,OAAO;IACH,GAAGL,QAAQ;IACXM,WAAW,EAAE,CACT,IAAIN,QAAQ,CAACM,WAAW,IAAI,EAAE,CAAC,EAC/B;MACIC,IAAI,EAAEL,cAAc;MACpBM,IAAI,EAAE,aAAa;MACnBC,MAAM,EAAE;QACJC,OAAO,EAAEC,SAAS;QAClBC,KAAK,EAAE;MACX;IACJ,CAAC,CACJ;IACDC,YAAY,EAAE,CACV,IAAIb,QAAQ,CAACa,YAAY,IAAI,EAAE,CAAC,EAChC;MACIC,UAAU,EAAEZ,cAAc;MAC1Ba,QAAQ,EAAE,GAAG;MACbC,MAAM,EAAE,WAAWZ,WAAW,CAACD,EAAE;IACrC,CAAC;EAET,CAAC;AACL,CAAC;AAED,OAAO,MAAMc,oBAAoB,GAAGA,CAAA,KAAM;EACtC,MAAMC,YAAY,GAAGzB,qBAAqB,CAAC,CAAC;EAE5C,MAAM0B,eAAsE,GAAGA,CAC3EC,KAAK,EACLC,CAAC,EACDC,IAAI,KACH;IACD,IAAI,CAACA,IAAI,EAAE;MACP,OAAOzB,SAAS;IACpB;IAEA,MAAM;MAAEI;IAAQ,CAAC,GAAGqB,IAAI;IAExB,IAAIrB,OAAO,CAACO,IAAI,KAAK,cAAc,EAAE;MACjC,OAAOX,SAAS;IACpB;;IAEA;IACA,MAAM0B,IAAI,GAAGH,KAAK,CAACG,IAAoB;IAEvC,MAAMC,WAAW,GAAGzB,oBAAoB,CAACwB,IAAI,EAAEtB,OAA8B,CAAC;IAE9E,OAAO;MACHmB,KAAK,EAAE;QACH,GAAGA,KAAK;QACRG,IAAI,EAAEC;MACV,CAAC;MACD1B,OAAO,EAAE;IACb,CAAC;EACL,CAAC;EAED,MAAM2B,eAAiE,GAAG,MAAAA,CACtEL,KAAK,EACLC,CAAC,EACDC,IAAI,KACH;IACD,IAAI,CAACA,IAAI,EAAE;MACP,OAAOzB,SAAS;IACpB;IAEA,MAAM;MAAEI;IAAQ,CAAC,GAAGqB,IAAI;;IAExB;IACA,MAAMC,IAAI,GAAGH,KAAK,CAACG,IAAoB;IAEvC,MAAMG,eAAe,GAAG,MAAMN,KAAK,CAACO,cAAc,CAAC;MAAE1B;IAAQ,CAAC,CAAC;IAE/D,MAAM2B,SAAS,GAAG,IAAIhC,gBAAgB,CAAC,CAAC;IACxC,MAAMiC,eAAyB,GAAG,CAAC5B,OAAO,CAACE,EAAE,CAAC;IAE9CyB,SAAS,CAACE,QAAQ,CAACJ,eAAe,EAAEK,IAAI,IAAI;MACxCF,eAAe,CAACG,IAAI,CAACD,IAAI,CAAC5B,EAAE,CAAC;IACjC,CAAC,CAAC;IAEF,MAAM8B,iBAAiB,GAAGJ,eAAe,CAACK,GAAG,CAAC/B,EAAE,IAAI,WAAWA,EAAE,EAAE,CAAC;IACpE,MAAMgC,kBAAkB,GAAGN,eAAe,CAACK,GAAG,CAAC/B,EAAE,IAAI,WAAWA,EAAE,GAAG,CAAC;IAEtE,MAAMqB,WAAyB,GAAG;MAC9B,GAAGD,IAAI;MACPjB,WAAW,EAAE,CAACiB,IAAI,CAACjB,WAAW,IAAI,EAAE,EAAE8B,MAAM,CAACC,EAAE,IAAI;QAC/C,OAAO,CAACJ,iBAAiB,CAACK,QAAQ,CAACD,EAAE,CAAC9B,IAAI,CAAC;MAC/C,CAAC,CAAC;MACFM,YAAY,EAAE,CAACU,IAAI,CAACV,YAAY,IAAI,EAAE,EAAEuB,MAAM,CAACG,OAAO,IAAI;QACtD,OAAO,CAACJ,kBAAkB,CAACK,IAAI,CAACC,QAAQ,IAAIF,OAAO,CAACvB,MAAM,CAAC0B,UAAU,CAACD,QAAQ,CAAC,CAAC;MACpF,CAAC;IACL,CAAC;IAED,OAAO;MACHrB,KAAK,EAAE;QACH,GAAGA,KAAK;QACRG,IAAI,EAAEC;MACV,CAAC;MACD1B,OAAO,EAAE;IACb,CAAC;EACL,CAAC;EAEDN,SAAS,CAAC,MAAM;IACZ,MAAMmD,gBAAgB,GAAGzB,YAAY,CAAC0B,EAAE,CAAClD,wBAAwB,EAAEyB,eAAe,CAAC;IACnF,MAAM0B,gBAAgB,GAAG3B,YAAY,CAAC0B,EAAE,CAACjD,wBAAwB,EAAE8B,eAAe,CAAC;IAEnF,OAAO,MAAM;MACTkB,gBAAgB,CAAC,CAAC;MAClBE,gBAAgB,CAAC,CAAC;IACtB,CAAC;EACL,CAAC,EAAE,EAAE,CAAC;EACN,OAAO,IAAI;AACf,CAAC","ignoreList":[]}

package/admin/templateEditor/DynamicTemplateEditorConfig.js

@@ -1,31 +1,28 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.DynamicTemplateEditorConfig = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _templateEditor = require("@webiny/app-page-builder/templateEditor");
-var _EntrySelector = require("./EntrySelector");
-var _features = require("../../features");
-var _ElementEventHandlers = require("./ElementEventHandlers");
-var _dataInjection = require("@webiny/app-page-builder/dataInjection");
-var _SetupElementDataSettings = require("../../dataInjection/editor/SetupElementDataSettings");
-var _AddEntriesListDataSourceContext = require("../../dataInjection/AddEntriesListDataSourceContext");
-var Ui = _templateEditor.TemplateEditorConfig.Ui;
-var OnDynamicTemplate = function OnDynamicTemplate(_ref) {
-  var children = _ref.children;
-  var _useDynamicDocument = (0, _dataInjection.useDynamicDocument)(),
-    dataSources = _useDynamicDocument.dataSources;
-  return (0, _features.hasMainDataSource)(dataSources) ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, children) : null;
+import React from "react";
+import { TemplateEditorConfig } from "@webiny/app-page-builder/templateEditor";
+import { EntrySelector } from "./EntrySelector";
+import { hasMainDataSource } from "../../features";
+import { ElementEventHandlers } from "./ElementEventHandlers";
+import { useDynamicDocument } from "@webiny/app-page-builder/dataInjection";
+import { SetupElementDataSettings } from "../../dataInjection/editor/SetupElementDataSettings";
+import { AddEntriesListDataSourceContext } from "../../dataInjection/AddEntriesListDataSourceContext";
+const {
+  Ui
+} = TemplateEditorConfig;
+const OnDynamicTemplate = ({
+  children
+}) => {
+  const {
+    dataSources
+  } = useDynamicDocument();
+  return hasMainDataSource(dataSources) ? /*#__PURE__*/React.createElement(React.Fragment, null, children) : null;
 };
-var DynamicTemplateEditorConfig = exports.DynamicTemplateEditorConfig = function DynamicTemplateEditorConfig() {
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_templateEditor.TemplateEditorConfig, null, /*#__PURE__*/_react.default.createElement(_AddEntriesListDataSourceContext.AddEntriesListDataSourceContext, null), /*#__PURE__*/_react.default.createElement(_SetupElementDataSettings.SetupElementDataSettings, null), /*#__PURE__*/_react.default.createElement(Ui.TopBar.Element, {
+export const DynamicTemplateEditorConfig = () => {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(TemplateEditorConfig, null, /*#__PURE__*/React.createElement(AddEntriesListDataSourceContext, null), /*#__PURE__*/React.createElement(SetupElementDataSettings, null), /*#__PURE__*/React.createElement(Ui.TopBar.Element, {
     name: "entrySelector",
-    element: /*#__PURE__*/_react.default.createElement(OnDynamicTemplate, null, /*#__PURE__*/_react.default.createElement(_EntrySelector.EntrySelector, null)),
+    element: /*#__PURE__*/React.createElement(OnDynamicTemplate, null, /*#__PURE__*/React.createElement(EntrySelector, null)),
     group: "center"
-  }), /*#__PURE__*/_react.default.createElement(_ElementEventHandlers.ElementEventHandlers, null)));
+  }), /*#__PURE__*/React.createElement(ElementEventHandlers, null)));
 };
 
 //# sourceMappingURL=DynamicTemplateEditorConfig.js.map

package/admin/templateEditor/DynamicTemplateEditorConfig.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_templateEditor","_EntrySelector","_features","_ElementEventHandlers","_dataInjection","_SetupElementDataSettings","_AddEntriesListDataSourceContext","Ui","TemplateEditorConfig","OnDynamicTemplate","_ref","children","_useDynamicDocument","useDynamicDocument","dataSources","hasMainDataSource","default","createElement","Fragment","DynamicTemplateEditorConfig","exports","AddEntriesListDataSourceContext","SetupElementDataSettings","TopBar","Element","name","element","EntrySelector","group","ElementEventHandlers"],"sources":["DynamicTemplateEditorConfig.tsx"],"sourcesContent":["import React from \"react\";\nimport { TemplateEditorConfig } from \"@webiny/app-page-builder/templateEditor\";\nimport { EntrySelector } from \"~/admin/templateEditor/EntrySelector\";\nimport { hasMainDataSource } from \"~/features\";\nimport { ElementEventHandlers } from \"./ElementEventHandlers\";\nimport { useDynamicDocument } from \"@webiny/app-page-builder/dataInjection\";\nimport { SetupElementDataSettings } from \"~/dataInjection/editor/SetupElementDataSettings\";\nimport { AddEntriesListDataSourceContext } from \"~/dataInjection/AddEntriesListDataSourceContext\";\n\nconst { Ui } = TemplateEditorConfig;\n\nconst OnDynamicTemplate = ({ children }: { children: React.ReactNode }) => {\n    const { dataSources } = useDynamicDocument();\n\n    return hasMainDataSource(dataSources) ? <>{children}</> : null;\n};\n\nexport const DynamicTemplateEditorConfig = () => {\n    return (\n        <>\n            <TemplateEditorConfig>\n                <AddEntriesListDataSourceContext />\n                <SetupElementDataSettings />\n                <Ui.TopBar.Element\n                    name={\"entrySelector\"}\n                    element={\n                        <OnDynamicTemplate>\n                            <EntrySelector />\n                        </OnDynamicTemplate>\n                    }\n                    group={\"center\"}\n                />\n\n                <ElementEventHandlers />\n            </TemplateEditorConfig>\n        </>\n    );\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,eAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AACA,IAAAG,SAAA,GAAAH,OAAA;AACA,IAAAI,qBAAA,GAAAJ,OAAA;AACA,IAAAK,cAAA,GAAAL,OAAA;AACA,IAAAM,yBAAA,GAAAN,OAAA;AACA,IAAAO,gCAAA,GAAAP,OAAA;AAEA,IAAQQ,EAAE,GAAKC,oCAAoB,CAA3BD,EAAE;AAEV,IAAME,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAAC,IAAA,EAAoD;EAAA,IAA9CC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;EACjC,IAAAC,mBAAA,GAAwB,IAAAC,iCAAkB,EAAC,CAAC;IAApCC,WAAW,GAAAF,mBAAA,CAAXE,WAAW;EAEnB,OAAO,IAAAC,2BAAiB,EAACD,WAAW,CAAC,gBAAGjB,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAAApB,MAAA,CAAAmB,OAAA,CAAAE,QAAA,QAAGP,QAAW,CAAC,GAAG,IAAI;AAClE,CAAC;AAEM,IAAMQ,2BAA2B,GAAAC,OAAA,CAAAD,2BAAA,GAAG,SAA9BA,2BAA2BA,CAAA,EAAS;EAC7C,oBACItB,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAAApB,MAAA,CAAAmB,OAAA,CAAAE,QAAA,qBACIrB,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAACjB,eAAA,CAAAQ,oBAAoB,qBACjBX,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAACX,gCAAA,CAAAe,+BAA+B,MAAE,CAAC,eACnCxB,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAACZ,yBAAA,CAAAiB,wBAAwB,MAAE,CAAC,eAC5BzB,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAACV,EAAE,CAACgB,MAAM,CAACC,OAAO;IACdC,IAAI,EAAE,eAAgB;IACtBC,OAAO,eACH7B,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAACR,iBAAiB,qBACdZ,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAAChB,cAAA,CAAA0B,aAAa,MAAE,CACD,CACtB;IACDC,KAAK,EAAE;EAAS,CACnB,CAAC,eAEF/B,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAACd,qBAAA,CAAA0B,oBAAoB,MAAE,CACL,CACxB,CAAC;AAEX,CAAC","ignoreList":[]}
+{"version":3,"names":["React","TemplateEditorConfig","EntrySelector","hasMainDataSource","ElementEventHandlers","useDynamicDocument","SetupElementDataSettings","AddEntriesListDataSourceContext","Ui","OnDynamicTemplate","children","dataSources","createElement","Fragment","DynamicTemplateEditorConfig","TopBar","Element","name","element","group"],"sources":["DynamicTemplateEditorConfig.tsx"],"sourcesContent":["import React from \"react\";\nimport { TemplateEditorConfig } from \"@webiny/app-page-builder/templateEditor\";\nimport { EntrySelector } from \"~/admin/templateEditor/EntrySelector\";\nimport { hasMainDataSource } from \"~/features\";\nimport { ElementEventHandlers } from \"./ElementEventHandlers\";\nimport { useDynamicDocument } from \"@webiny/app-page-builder/dataInjection\";\nimport { SetupElementDataSettings } from \"~/dataInjection/editor/SetupElementDataSettings\";\nimport { AddEntriesListDataSourceContext } from \"~/dataInjection/AddEntriesListDataSourceContext\";\n\nconst { Ui } = TemplateEditorConfig;\n\nconst OnDynamicTemplate = ({ children }: { children: React.ReactNode }) => {\n    const { dataSources } = useDynamicDocument();\n\n    return hasMainDataSource(dataSources) ? <>{children}</> : null;\n};\n\nexport const DynamicTemplateEditorConfig = () => {\n    return (\n        <>\n            <TemplateEditorConfig>\n                <AddEntriesListDataSourceContext />\n                <SetupElementDataSettings />\n                <Ui.TopBar.Element\n                    name={\"entrySelector\"}\n                    element={\n                        <OnDynamicTemplate>\n                            <EntrySelector />\n                        </OnDynamicTemplate>\n                    }\n                    group={\"center\"}\n                />\n\n                <ElementEventHandlers />\n            </TemplateEditorConfig>\n        </>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,oBAAoB,QAAQ,yCAAyC;AAC9E,SAASC,aAAa;AACtB,SAASC,iBAAiB;AAC1B,SAASC,oBAAoB;AAC7B,SAASC,kBAAkB,QAAQ,wCAAwC;AAC3E,SAASC,wBAAwB;AACjC,SAASC,+BAA+B;AAExC,MAAM;EAAEC;AAAG,CAAC,GAAGP,oBAAoB;AAEnC,MAAMQ,iBAAiB,GAAGA,CAAC;EAAEC;AAAwC,CAAC,KAAK;EACvE,MAAM;IAAEC;EAAY,CAAC,GAAGN,kBAAkB,CAAC,CAAC;EAE5C,OAAOF,iBAAiB,CAACQ,WAAW,CAAC,gBAAGX,KAAA,CAAAY,aAAA,CAAAZ,KAAA,CAAAa,QAAA,QAAGH,QAAW,CAAC,GAAG,IAAI;AAClE,CAAC;AAED,OAAO,MAAMI,2BAA2B,GAAGA,CAAA,KAAM;EAC7C,oBACId,KAAA,CAAAY,aAAA,CAAAZ,KAAA,CAAAa,QAAA,qBACIb,KAAA,CAAAY,aAAA,CAACX,oBAAoB,qBACjBD,KAAA,CAAAY,aAAA,CAACL,+BAA+B,MAAE,CAAC,eACnCP,KAAA,CAAAY,aAAA,CAACN,wBAAwB,MAAE,CAAC,eAC5BN,KAAA,CAAAY,aAAA,CAACJ,EAAE,CAACO,MAAM,CAACC,OAAO;IACdC,IAAI,EAAE,eAAgB;IACtBC,OAAO,eACHlB,KAAA,CAAAY,aAAA,CAACH,iBAAiB,qBACdT,KAAA,CAAAY,aAAA,CAACV,aAAa,MAAE,CACD,CACtB;IACDiB,KAAK,EAAE;EAAS,CACnB,CAAC,eAEFnB,KAAA,CAAAY,aAAA,CAACR,oBAAoB,MAAE,CACL,CACxB,CAAC;AAEX,CAAC","ignoreList":[]}