@webiny/app-dynamic-pages 0.0.0-unstable.2aaa1916d9

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

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const DynamicGrid: (props: unknown) => React.JSX.Element;

package/admin/elements/renderers/DynamicGrid.js

@@ -0,0 +1,49 @@
+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() {
+      return [];
+    }
+  })
+};
+export const DynamicGrid = PeGrid.Component.createDecorator(Original => {
+  return function DynamicGrid(props) {
+    const {
+      getElement,
+      getInputValues
+    } = useRenderer();
+    const element = getElement();
+    const elementWithChildren = useElementWithChildren(element.id);
+    const inputs = getInputValues();
+    if (!elementWithChildren) {
+      return null;
+    }
+    if (Array.isArray(inputs.dataSource)) {
+      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.createElement(Elements, {
+        element: dynamicElement,
+        wrapper: (element, index) => {
+          const dataSource = inputs.dataSource ? inputs.dataSource[index] : {};
+          return /*#__PURE__*/React.createElement(DataSourceDataProvider, {
+            dataSource: dataSource
+          }, element);
+        }
+      });
+    }
+    return /*#__PURE__*/React.createElement(Original, props);
+  };
+});
+
+//# sourceMappingURL=DynamicGrid.js.map

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,10 @@
+import React from "react";
+import type { PbElement } from "@webiny/app-page-builder/types";
+interface AdminEntriesListRendererProps {
+    element: PbElement;
+}
+export declare const AdminEntriesListRenderer: {
+    ({ element, ...rest }: AdminEntriesListRendererProps): React.JSX.Element | null;
+    displayName: string;
+};
+export {};

package/admin/elements/renderers/EntriesList.js

@@ -0,0 +1,22 @@
+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.createElement(EntriesListRenderer, Object.assign({}, rest, {
+    element: elementWithChildren,
+    ifEmpty: /*#__PURE__*/React.createElement(EmptyCell, {
+      element: elementWithChildren
+    })
+  }));
+};
+AdminEntriesListRenderer.displayName = "AdminEntriesListRenderer";
+
+//# sourceMappingURL=EntriesList.js.map

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,7 @@
+import React from "react";
+import type { PbElement } from "@webiny/app-page-builder/types";
+interface AdminRepeaterRendererProps {
+    element: PbElement;
+}
+export declare const AdminRepeaterRenderer: ({ element, ...rest }: AdminRepeaterRendererProps) => React.JSX.Element | null;
+export {};

package/admin/elements/renderers/Repeater.js

@@ -0,0 +1,21 @@
+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.createElement(RepeaterRenderer, Object.assign({}, rest, {
+    element: elementWithChildren,
+    ifEmpty: /*#__PURE__*/React.createElement(EmptyCell, {
+      element: elementWithChildren
+    })
+  }));
+};
+
+//# sourceMappingURL=Repeater.js.map

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

@@ -0,0 +1 @@
+{"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

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

package/admin/elements/repeater.js

@@ -0,0 +1,34 @@
+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`,
+    type: "pb-editor-page-element",
+    elementType: "repeater",
+    canReceiveChildren: true,
+    toolbar: {
+      title: "Repeater Element",
+      group: "pb-editor-element-group-basic",
+      preview() {
+        return /*#__PURE__*/React.createElement(RepeatIcon, null);
+      }
+    },
+    settings: ["pb-editor-page-element-settings-clone", "pb-editor-page-element-settings-delete"],
+    target: ["cell", "block"],
+    create() {
+      return {
+        type: this.elementType,
+        elements: [],
+        data: {}
+      };
+    },
+    render(props) {
+      return /*#__PURE__*/React.createElement(AdminRepeaterRenderer, Object.assign({}, props, {
+        element: props.element
+      }));
+    }
+  };
+};
+
+//# sourceMappingURL=repeater.js.map

package/admin/elements/repeater.js.map

@@ -0,0 +1 @@
+{"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.d.ts

@@ -0,0 +1 @@
+export { Extensions as DynamicPages } from "./Extensions";

package/admin/index.js

@@ -0,0 +1,3 @@
+export { Extensions as DynamicPages } from "./Extensions";
+
+//# sourceMappingURL=index.js.map

package/admin/index.js.map

@@ -0,0 +1 @@
+{"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.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const DynamicPageEditorConfig: () => React.JSX.Element;

package/admin/pageEditor/DynamicPageEditorConfig.js

@@ -0,0 +1,10 @@
+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

@@ -0,0 +1 @@
+{"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.d.ts

@@ -0,0 +1 @@
+export declare const ElementEventHandlers: () => null;

package/admin/pageEditor/ElementEventHandlers.js

@@ -0,0 +1,100 @@
+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: []
+};
+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: [...(document.dataBindings || []), {
+      dataSource: dataSourceName,
+      bindFrom: "*",
+      bindTo: `element:${gridElement.id}.dataSource`
+    }]
+  };
+};
+export const ElementEventHandlers = () => {
+  const eventHandler = useEventActionHandler();
+  const onElementCreate = (state, _, args) => {
+    if (!args) {
+      return doNothing;
+    }
+    const {
+      element
+    } = args;
+    if (element.type !== "entries-list") {
+      return doNothing;
+    }
+
+    // @ts-expect-error Event callable types need to be more generic.
+    const page = state.page;
+    const updatedPage = addCmsListDataSource(page, element);
+    return {
+      state: {
+        ...state,
+        page: updatedPage
+      },
+      actions: []
+    };
+  };
+  const onElementDelete = async (state, _, args) => {
+    if (!args) {
+      return doNothing;
+    }
+    const {
+      element
+    } = args;
+
+    // @ts-expect-error Event callable types need to be more generic.
+    const page = state.page;
+    const withDescendants = await state.getElementTree({
+      element
+    });
+    const traverser = new ContentTraverser();
+    const deletedElements = [element.id];
+    traverser.traverse(withDescendants, node => {
+      deletedElements.push(node.id);
+    });
+    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(binding => {
+        return !deleteDataBindings.some(toDelete => binding.bindTo.startsWith(toDelete));
+      })
+    };
+    return {
+      state: {
+        ...state,
+        page: updatedPage
+      },
+      actions: []
+    };
+  };
+  useEffect(() => {
+    const offCreateElement = eventHandler.on(CreateElementActionEvent, onElementCreate);
+    const offDeleteElement = eventHandler.on(DeleteElementActionEvent, onElementDelete);
+    return () => {
+      offCreateElement();
+      offDeleteElement();
+    };
+  }, []);
+  return null;
+};
+
+//# sourceMappingURL=ElementEventHandlers.js.map

package/admin/pageEditor/ElementEventHandlers.js.map

@@ -0,0 +1 @@
+{"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.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const DynamicTemplateEditorConfig: () => React.JSX.Element;

package/admin/templateEditor/DynamicTemplateEditorConfig.js

@@ -0,0 +1,28 @@
+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;
+};
+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.createElement(OnDynamicTemplate, null, /*#__PURE__*/React.createElement(EntrySelector, null)),
+    group: "center"
+  }), /*#__PURE__*/React.createElement(ElementEventHandlers, null)));
+};
+
+//# sourceMappingURL=DynamicTemplateEditorConfig.js.map

package/admin/templateEditor/DynamicTemplateEditorConfig.js.map

@@ -0,0 +1 @@
+{"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":[]}

package/admin/templateEditor/ElementEventHandlers.d.ts

@@ -0,0 +1 @@
+export declare const ElementEventHandlers: () => null;

package/admin/templateEditor/ElementEventHandlers.js

@@ -0,0 +1,100 @@
+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: []
+};
+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: [...document.dataBindings, {
+      dataSource: dataSourceName,
+      bindFrom: "*",
+      bindTo: `element:${gridElement.id}.dataSource`
+    }]
+  };
+};
+export const ElementEventHandlers = () => {
+  const eventHandler = useEventActionHandler();
+  const onElementCreate = (state, _, args) => {
+    if (!args) {
+      return doNothing;
+    }
+    const {
+      element
+    } = args;
+    if (element.type !== "entries-list") {
+      return doNothing;
+    }
+
+    // @ts-expect-error Event callable types need to be more generic.
+    const template = state.template;
+    const updatedTemplate = addCmsListDataSource(template, element);
+    return {
+      state: {
+        ...state,
+        template: updatedTemplate
+      },
+      actions: []
+    };
+  };
+  const onElementDelete = async (state, _, args) => {
+    if (!args) {
+      return doNothing;
+    }
+    const {
+      element
+    } = args;
+
+    // @ts-expect-error Event callable types need to be more generic.
+    const template = state.template;
+    const withDescendants = await state.getElementTree({
+      element
+    });
+    const traverser = new ContentTraverser();
+    const deletedElements = [element.id];
+    traverser.traverse(withDescendants, node => {
+      deletedElements.push(node.id);
+    });
+    const deleteDataSources = deletedElements.map(id => `element:${id}`);
+    const deleteDataBindings = deletedElements.map(id => `element:${id}.`);
+    const updatedTemplate = {
+      ...template,
+      dataSources: template.dataSources.filter(ds => {
+        return !deleteDataSources.includes(ds.name);
+      }),
+      dataBindings: template.dataBindings.filter(binding => {
+        return !deleteDataBindings.some(toDelete => binding.bindTo.startsWith(toDelete));
+      })
+    };
+    return {
+      state: {
+        ...state,
+        template: updatedTemplate
+      },
+      actions: []
+    };
+  };
+  useEffect(() => {
+    const offCreateElement = eventHandler.on(CreateElementActionEvent, onElementCreate);
+    const offDeleteElement = eventHandler.on(DeleteElementActionEvent, onElementDelete);
+    return () => {
+      offCreateElement();
+      offDeleteElement();
+    };
+  }, []);
+  return null;
+};
+
+//# sourceMappingURL=ElementEventHandlers.js.map

package/admin/templateEditor/ElementEventHandlers.js.map

@@ -0,0 +1 @@
+{"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","template","updatedTemplate","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    PbPageTemplate\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 { 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 template = state.template as PbPageTemplate;\n\n        const updatedTemplate = addCmsListDataSource(template, element as PbEditorElementTree);\n\n        return {\n            state: {\n                ...state,\n                template: updatedTemplate\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 template = state.template as PbPageTemplate;\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 updatedTemplate: PbPageTemplate = {\n            ...template,\n            dataSources: template.dataSources.filter(ds => {\n                return !deleteDataSources.includes(ds.name);\n            }),\n            dataBindings: template.dataBindings.filter(binding => {\n                return !deleteDataBindings.some(toDelete => binding.bindTo.startsWith(toDelete));\n            })\n        };\n\n        return {\n            state: {\n                ...state,\n                template: updatedTemplate\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":[]}

package/admin/templateEditor/EntrySelector/EntrySelector.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const EntrySelector: () => React.JSX.Element;

package/admin/templateEditor/EntrySelector/EntrySelector.js

@@ -0,0 +1,27 @@
+import React, { useState } from "react";
+import { Input } from "@webiny/ui/Input";
+import { useDocumentDataSource } from "@webiny/app-page-builder/templateEditor";
+export const EntrySelector = () => {
+  const {
+    getDataSource,
+    updateDataSource
+  } = useDocumentDataSource();
+  const mainDataSource = getDataSource("main");
+  const [localId, setLocalId] = useState(mainDataSource ? mainDataSource.config.entryId : "");
+  const applyPreviewId = () => {
+    updateDataSource("main", config => {
+      return {
+        ...config,
+        entryId: localId
+      };
+    });
+  };
+  return /*#__PURE__*/React.createElement(Input, {
+    value: localId,
+    onChange: setLocalId,
+    onBlur: applyPreviewId,
+    placeholder: "Preview Entry Id"
+  });
+};
+
+//# sourceMappingURL=EntrySelector.js.map

package/admin/templateEditor/EntrySelector/EntrySelector.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useState","Input","useDocumentDataSource","EntrySelector","getDataSource","updateDataSource","mainDataSource","localId","setLocalId","config","entryId","applyPreviewId","createElement","value","onChange","onBlur","placeholder"],"sources":["EntrySelector.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { Input } from \"@webiny/ui/Input\";\nimport { useDocumentDataSource } from \"@webiny/app-page-builder/templateEditor\";\n\nexport const EntrySelector = () => {\n    const { getDataSource, updateDataSource } = useDocumentDataSource();\n    const mainDataSource = getDataSource(\"main\");\n    const [localId, setLocalId] = useState(mainDataSource ? mainDataSource.config.entryId : \"\");\n\n    const applyPreviewId = () => {\n        updateDataSource(\"main\", config => {\n            return {\n                ...config,\n                entryId: localId\n            };\n        });\n    };\n\n    return (\n        <Input\n            value={localId}\n            onChange={setLocalId}\n            onBlur={applyPreviewId}\n            placeholder={\"Preview Entry Id\"}\n        />\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,SAASC,KAAK,QAAQ,kBAAkB;AACxC,SAASC,qBAAqB,QAAQ,yCAAyC;AAE/E,OAAO,MAAMC,aAAa,GAAGA,CAAA,KAAM;EAC/B,MAAM;IAAEC,aAAa;IAAEC;EAAiB,CAAC,GAAGH,qBAAqB,CAAC,CAAC;EACnE,MAAMI,cAAc,GAAGF,aAAa,CAAC,MAAM,CAAC;EAC5C,MAAM,CAACG,OAAO,EAAEC,UAAU,CAAC,GAAGR,QAAQ,CAACM,cAAc,GAAGA,cAAc,CAACG,MAAM,CAACC,OAAO,GAAG,EAAE,CAAC;EAE3F,MAAMC,cAAc,GAAGA,CAAA,KAAM;IACzBN,gBAAgB,CAAC,MAAM,EAAEI,MAAM,IAAI;MAC/B,OAAO;QACH,GAAGA,MAAM;QACTC,OAAO,EAAEH;MACb,CAAC;IACL,CAAC,CAAC;EACN,CAAC;EAED,oBACIR,KAAA,CAAAa,aAAA,CAACX,KAAK;IACFY,KAAK,EAAEN,OAAQ;IACfO,QAAQ,EAAEN,UAAW;IACrBO,MAAM,EAAEJ,cAAe;IACvBK,WAAW,EAAE;EAAmB,CACnC,CAAC;AAEV,CAAC","ignoreList":[]}

package/admin/templateEditor/EntrySelector/index.d.ts

@@ -0,0 +1 @@
+export * from "./EntrySelector";

package/admin/templateEditor/EntrySelector/index.js

@@ -0,0 +1,3 @@
+export * from "./EntrySelector";
+
+//# sourceMappingURL=index.js.map

package/admin/templateEditor/EntrySelector/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./EntrySelector\";\n"],"mappings":"AAAA","ignoreList":[]}

package/dataInjection/AddEntriesListDataSourceContext.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const AddEntriesListDataSourceContext: (props: unknown) => React.JSX.Element;

package/dataInjection/AddEntriesListDataSourceContext.js

@@ -0,0 +1,27 @@
+import React from "react";
+import { Element } from "@webiny/app-page-builder-elements";
+import { DataSourceProvider, useDynamicDocument } from "@webiny/app-page-builder/dataInjection";
+export const AddEntriesListDataSourceContext = Element.createDecorator(Original => {
+  return function WithDataSourceContext(props) {
+    const {
+      dataSources
+    } = useDynamicDocument();
+    const {
+      element
+    } = props;
+    const renderOriginal = /*#__PURE__*/React.createElement(Original, props);
+    if (!element) {
+      return renderOriginal;
+    }
+    const isEntriesList = element.type === "entries-list";
+    if (isEntriesList) {
+      const dataSource = dataSources.find(source => source.name === `element:${element.id}`);
+      return /*#__PURE__*/React.createElement(DataSourceProvider, {
+        dataSource: dataSource
+      }, renderOriginal);
+    }
+    return renderOriginal;
+  };
+});
+
+//# sourceMappingURL=AddEntriesListDataSourceContext.js.map

package/dataInjection/AddEntriesListDataSourceContext.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Element","DataSourceProvider","useDynamicDocument","AddEntriesListDataSourceContext","createDecorator","Original","WithDataSourceContext","props","dataSources","element","renderOriginal","createElement","isEntriesList","type","dataSource","find","source","name","id"],"sources":["AddEntriesListDataSourceContext.tsx"],"sourcesContent":["import React from \"react\";\nimport { Element } from \"@webiny/app-page-builder-elements\";\nimport { DataSourceProvider, useDynamicDocument } from \"@webiny/app-page-builder/dataInjection\";\n\nexport const AddEntriesListDataSourceContext = Element.createDecorator(Original => {\n    return function WithDataSourceContext(props) {\n        const { dataSources } = useDynamicDocument();\n\n        const { element } = props;\n\n        const renderOriginal = <Original {...props} />;\n\n        if (!element) {\n            return renderOriginal;\n        }\n\n        const isEntriesList = element.type === \"entries-list\";\n\n        if (isEntriesList) {\n            const dataSource = dataSources.find(source => source.name === `element:${element.id}`);\n\n            return (\n                <DataSourceProvider dataSource={dataSource!}>{renderOriginal}</DataSourceProvider>\n            );\n        }\n\n        return renderOriginal;\n    };\n});\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,OAAO,QAAQ,mCAAmC;AAC3D,SAASC,kBAAkB,EAAEC,kBAAkB,QAAQ,wCAAwC;AAE/F,OAAO,MAAMC,+BAA+B,GAAGH,OAAO,CAACI,eAAe,CAACC,QAAQ,IAAI;EAC/E,OAAO,SAASC,qBAAqBA,CAACC,KAAK,EAAE;IACzC,MAAM;MAAEC;IAAY,CAAC,GAAGN,kBAAkB,CAAC,CAAC;IAE5C,MAAM;MAAEO;IAAQ,CAAC,GAAGF,KAAK;IAEzB,MAAMG,cAAc,gBAAGX,KAAA,CAAAY,aAAA,CAACN,QAAQ,EAAKE,KAAQ,CAAC;IAE9C,IAAI,CAACE,OAAO,EAAE;MACV,OAAOC,cAAc;IACzB;IAEA,MAAME,aAAa,GAAGH,OAAO,CAACI,IAAI,KAAK,cAAc;IAErD,IAAID,aAAa,EAAE;MACf,MAAME,UAAU,GAAGN,WAAW,CAACO,IAAI,CAACC,MAAM,IAAIA,MAAM,CAACC,IAAI,KAAK,WAAWR,OAAO,CAACS,EAAE,EAAE,CAAC;MAEtF,oBACInB,KAAA,CAAAY,aAAA,CAACV,kBAAkB;QAACa,UAAU,EAAEA;MAAY,GAAEJ,cAAmC,CAAC;IAE1F;IAEA,OAAOA,cAAc;EACzB,CAAC;AACL,CAAC,CAAC","ignoreList":[]}

package/dataInjection/editor/DisableGridDelete.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const DisableGridDelete: (props: unknown) => React.JSX.Element;

package/dataInjection/editor/DisableGridDelete.js

@@ -0,0 +1,18 @@
+import React from "react";
+import { EditorConfig } from "@webiny/app-page-builder/editor";
+import { HideIfEntriesListGridWithDataSource } from "./HideIfEntriesListGridWithDataSource";
+const {
+  ElementAction
+} = EditorConfig;
+export const DisableGridDelete = ElementAction.createDecorator(Original => {
+  return function DisableActions(props) {
+    if (props.name === "delete") {
+      return /*#__PURE__*/React.createElement(Original, Object.assign({}, props, {
+        element: /*#__PURE__*/React.createElement(HideIfEntriesListGridWithDataSource, null, props.element)
+      }));
+    }
+    return /*#__PURE__*/React.createElement(Original, props);
+  };
+});
+
+//# sourceMappingURL=DisableGridDelete.js.map