@webiny/app-dynamic-pages 0.0.0-unstable.06b2ede40f

package/dataInjection/editor/DisableGridDelete.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","EditorConfig","HideIfEntriesListGridWithDataSource","ElementAction","DisableGridDelete","createDecorator","Original","DisableActions","props","name","createElement","Object","assign","element"],"sources":["DisableGridDelete.tsx"],"sourcesContent":["import React from \"react\";\nimport { EditorConfig } from \"@webiny/app-page-builder/editor\";\nimport { HideIfEntriesListGridWithDataSource } from \"./HideIfEntriesListGridWithDataSource\";\n\nconst { ElementAction } = EditorConfig;\n\nexport const DisableGridDelete = ElementAction.createDecorator(Original => {\n    return function DisableActions(props) {\n        if (props.name === \"delete\") {\n            return (\n                <Original\n                    {...props}\n                    element={\n                        <HideIfEntriesListGridWithDataSource>\n                            {props.element}\n                        </HideIfEntriesListGridWithDataSource>\n                    }\n                />\n            );\n        }\n        return <Original {...props} />;\n    };\n});\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,YAAY,QAAQ,iCAAiC;AAC9D,SAASC,mCAAmC;AAE5C,MAAM;EAAEC;AAAc,CAAC,GAAGF,YAAY;AAEtC,OAAO,MAAMG,iBAAiB,GAAGD,aAAa,CAACE,eAAe,CAACC,QAAQ,IAAI;EACvE,OAAO,SAASC,cAAcA,CAACC,KAAK,EAAE;IAClC,IAAIA,KAAK,CAACC,IAAI,KAAK,QAAQ,EAAE;MACzB,oBACIT,KAAA,CAAAU,aAAA,CAACJ,QAAQ,EAAAK,MAAA,CAAAC,MAAA,KACDJ,KAAK;QACTK,OAAO,eACHb,KAAA,CAAAU,aAAA,CAACR,mCAAmC,QAC/BM,KAAK,CAACK,OAC0B;MACxC,EACJ,CAAC;IAEV;IACA,oBAAOb,KAAA,CAAAU,aAAA,CAACJ,QAAQ,EAAKE,KAAQ,CAAC;EAClC,CAAC;AACL,CAAC,CAAC","ignoreList":[]}

package/dataInjection/editor/ElementDataSettings.d.ts

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

package/dataInjection/editor/ElementDataSettings.js

@@ -0,0 +1,21 @@
+import React from "react";
+import { useActiveElement, useIsElementChildOfType, EditorConfig } from "@webiny/app-page-builder/editor";
+const {
+  Ui
+} = EditorConfig;
+export const ElementDataSettings = () => {
+  const [element] = useActiveElement();
+  const {
+    isChildOfType
+  } = useIsElementChildOfType(element, "entries-list");
+  const isDisabled = !element || isChildOfType && element?.type === "grid";
+  return /*#__PURE__*/React.createElement(Ui.Sidebar.Group.Tab, {
+    label: "Data",
+    element: /*#__PURE__*/React.createElement(Ui.Sidebar.ScrollableContainer, null, /*#__PURE__*/React.createElement(Ui.Sidebar.Elements, {
+      group: "dataSettings"
+    })),
+    disabled: isDisabled
+  });
+};
+
+//# sourceMappingURL=ElementDataSettings.js.map

package/dataInjection/editor/ElementDataSettings.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useActiveElement","useIsElementChildOfType","EditorConfig","Ui","ElementDataSettings","element","isChildOfType","isDisabled","type","createElement","Sidebar","Group","Tab","label","ScrollableContainer","Elements","group","disabled"],"sources":["ElementDataSettings.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n    useActiveElement,\n    useIsElementChildOfType,\n    EditorConfig\n} from \"@webiny/app-page-builder/editor\";\n\nconst { Ui } = EditorConfig;\n\nexport const ElementDataSettings = () => {\n    const [element] = useActiveElement();\n    const { isChildOfType } = useIsElementChildOfType(element, \"entries-list\");\n    const isDisabled = !element || (isChildOfType && element?.type === \"grid\");\n\n    return (\n        <Ui.Sidebar.Group.Tab\n            label={\"Data\"}\n            element={\n                <Ui.Sidebar.ScrollableContainer>\n                    <Ui.Sidebar.Elements group={\"dataSettings\"} />\n                </Ui.Sidebar.ScrollableContainer>\n            }\n            disabled={isDisabled}\n        />\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SACIC,gBAAgB,EAChBC,uBAAuB,EACvBC,YAAY,QACT,iCAAiC;AAExC,MAAM;EAAEC;AAAG,CAAC,GAAGD,YAAY;AAE3B,OAAO,MAAME,mBAAmB,GAAGA,CAAA,KAAM;EACrC,MAAM,CAACC,OAAO,CAAC,GAAGL,gBAAgB,CAAC,CAAC;EACpC,MAAM;IAAEM;EAAc,CAAC,GAAGL,uBAAuB,CAACI,OAAO,EAAE,cAAc,CAAC;EAC1E,MAAME,UAAU,GAAG,CAACF,OAAO,IAAKC,aAAa,IAAID,OAAO,EAAEG,IAAI,KAAK,MAAO;EAE1E,oBACIT,KAAA,CAAAU,aAAA,CAACN,EAAE,CAACO,OAAO,CAACC,KAAK,CAACC,GAAG;IACjBC,KAAK,EAAE,MAAO;IACdR,OAAO,eACHN,KAAA,CAAAU,aAAA,CAACN,EAAE,CAACO,OAAO,CAACI,mBAAmB,qBAC3Bf,KAAA,CAAAU,aAAA,CAACN,EAAE,CAACO,OAAO,CAACK,QAAQ;MAACC,KAAK,EAAE;IAAe,CAAE,CACjB,CACnC;IACDC,QAAQ,EAAEV;EAAW,CACxB,CAAC;AAEV,CAAC","ignoreList":[]}

package/dataInjection/editor/HideIfChildOfEntriesList.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+interface HideIfChildOfEntriesListProps {
+    children: React.ReactNode;
+}
+export declare const HideIfChildOfEntriesList: ({ children }: HideIfChildOfEntriesListProps) => React.JSX.Element | null;
+export {};

package/dataInjection/editor/HideIfChildOfEntriesList.js

@@ -0,0 +1,16 @@
+import React from "react";
+import { useActiveElement, useIsElementChildOfType } from "@webiny/app-page-builder/editor";
+export const HideIfChildOfEntriesList = ({
+  children
+}) => {
+  const [element] = useActiveElement();
+  const {
+    isChildOfType
+  } = useIsElementChildOfType(element, "entries-list");
+  if (!element) {
+    return null;
+  }
+  return isChildOfType ? null : /*#__PURE__*/React.createElement(React.Fragment, null, children);
+};
+
+//# sourceMappingURL=HideIfChildOfEntriesList.js.map

package/dataInjection/editor/HideIfChildOfEntriesList.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useActiveElement","useIsElementChildOfType","HideIfChildOfEntriesList","children","element","isChildOfType","createElement","Fragment"],"sources":["HideIfChildOfEntriesList.tsx"],"sourcesContent":["import React from \"react\";\nimport { useActiveElement, useIsElementChildOfType } from \"@webiny/app-page-builder/editor\";\n\ninterface HideIfChildOfEntriesListProps {\n    children: React.ReactNode;\n}\n\nexport const HideIfChildOfEntriesList = ({ children }: HideIfChildOfEntriesListProps) => {\n    const [element] = useActiveElement();\n    const { isChildOfType } = useIsElementChildOfType(element, \"entries-list\");\n\n    if (!element) {\n        return null;\n    }\n\n    return isChildOfType ? null : <>{children}</>;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,gBAAgB,EAAEC,uBAAuB,QAAQ,iCAAiC;AAM3F,OAAO,MAAMC,wBAAwB,GAAGA,CAAC;EAAEC;AAAwC,CAAC,KAAK;EACrF,MAAM,CAACC,OAAO,CAAC,GAAGJ,gBAAgB,CAAC,CAAC;EACpC,MAAM;IAAEK;EAAc,CAAC,GAAGJ,uBAAuB,CAACG,OAAO,EAAE,cAAc,CAAC;EAE1E,IAAI,CAACA,OAAO,EAAE;IACV,OAAO,IAAI;EACf;EAEA,OAAOC,aAAa,GAAG,IAAI,gBAAGN,KAAA,CAAAO,aAAA,CAAAP,KAAA,CAAAQ,QAAA,QAAGJ,QAAW,CAAC;AACjD,CAAC","ignoreList":[]}

package/dataInjection/editor/HideIfEntriesListGridWithDataSource.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+interface HideIfEntriesListGridWithDataSourceProps {
+    children: React.ReactNode;
+}
+export declare const HideIfEntriesListGridWithDataSource: ({ children }: HideIfEntriesListGridWithDataSourceProps) => React.JSX.Element | null;
+export {};

package/dataInjection/editor/HideIfEntriesListGridWithDataSource.js

@@ -0,0 +1,22 @@
+import React from "react";
+import { useActiveElement, useIsElementChildOfType } from "@webiny/app-page-builder/editor";
+import { useElementBindings } from "@webiny/app-page-builder/dataInjection";
+export const HideIfEntriesListGridWithDataSource = ({
+  children
+}) => {
+  const [element] = useActiveElement();
+  const {
+    bindings
+  } = useElementBindings(element.id);
+  const {
+    isChildOfType
+  } = useIsElementChildOfType(element, "entries-list");
+  if (!element) {
+    return null;
+  }
+  const hasDataSourceBinding = bindings.some(binding => binding.bindFrom === "*");
+  const shouldHide = isChildOfType && element.type === "grid" && hasDataSourceBinding;
+  return shouldHide ? null : /*#__PURE__*/React.createElement(React.Fragment, null, children);
+};
+
+//# sourceMappingURL=HideIfEntriesListGridWithDataSource.js.map

package/dataInjection/editor/HideIfEntriesListGridWithDataSource.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useActiveElement","useIsElementChildOfType","useElementBindings","HideIfEntriesListGridWithDataSource","children","element","bindings","id","isChildOfType","hasDataSourceBinding","some","binding","bindFrom","shouldHide","type","createElement","Fragment"],"sources":["HideIfEntriesListGridWithDataSource.tsx"],"sourcesContent":["import React from \"react\";\nimport { useActiveElement, useIsElementChildOfType } from \"@webiny/app-page-builder/editor\";\nimport { useElementBindings } from \"@webiny/app-page-builder/dataInjection\";\n\ninterface HideIfEntriesListGridWithDataSourceProps {\n    children: React.ReactNode;\n}\n\nexport const HideIfEntriesListGridWithDataSource = ({\n    children\n}: HideIfEntriesListGridWithDataSourceProps) => {\n    const [element] = useActiveElement();\n    const { bindings } = useElementBindings(element!.id);\n    const { isChildOfType } = useIsElementChildOfType(element, \"entries-list\");\n\n    if (!element) {\n        return null;\n    }\n\n    const hasDataSourceBinding = bindings.some(binding => binding.bindFrom === \"*\");\n    const shouldHide = isChildOfType && element.type === \"grid\" && hasDataSourceBinding;\n\n    return shouldHide ? null : <>{children}</>;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,gBAAgB,EAAEC,uBAAuB,QAAQ,iCAAiC;AAC3F,SAASC,kBAAkB,QAAQ,wCAAwC;AAM3E,OAAO,MAAMC,mCAAmC,GAAGA,CAAC;EAChDC;AACsC,CAAC,KAAK;EAC5C,MAAM,CAACC,OAAO,CAAC,GAAGL,gBAAgB,CAAC,CAAC;EACpC,MAAM;IAAEM;EAAS,CAAC,GAAGJ,kBAAkB,CAACG,OAAO,CAAEE,EAAE,CAAC;EACpD,MAAM;IAAEC;EAAc,CAAC,GAAGP,uBAAuB,CAACI,OAAO,EAAE,cAAc,CAAC;EAE1E,IAAI,CAACA,OAAO,EAAE;IACV,OAAO,IAAI;EACf;EAEA,MAAMI,oBAAoB,GAAGH,QAAQ,CAACI,IAAI,CAACC,OAAO,IAAIA,OAAO,CAACC,QAAQ,KAAK,GAAG,CAAC;EAC/E,MAAMC,UAAU,GAAGL,aAAa,IAAIH,OAAO,CAACS,IAAI,KAAK,MAAM,IAAIL,oBAAoB;EAEnF,OAAOI,UAAU,GAAG,IAAI,gBAAGd,KAAA,CAAAgB,aAAA,CAAAhB,KAAA,CAAAiB,QAAA,QAAGZ,QAAW,CAAC;AAC9C,CAAC","ignoreList":[]}

package/dataInjection/editor/SetupElementDataSettings.d.ts

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

package/dataInjection/editor/SetupElementDataSettings.js

@@ -0,0 +1,14 @@
+import React from "react";
+import { ElementDataSettings } from "./ElementDataSettings";
+import { EditorConfig } from "@webiny/app-page-builder/editor";
+const {
+  Ui
+} = EditorConfig;
+export const SetupElementDataSettings = () => {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Ui.Sidebar.Group, {
+    name: "data",
+    element: /*#__PURE__*/React.createElement(ElementDataSettings, null)
+  }));
+};
+
+//# sourceMappingURL=SetupElementDataSettings.js.map

package/dataInjection/editor/SetupElementDataSettings.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","ElementDataSettings","EditorConfig","Ui","SetupElementDataSettings","createElement","Fragment","Sidebar","Group","name","element"],"sources":["SetupElementDataSettings.tsx"],"sourcesContent":["import React from \"react\";\nimport { ElementDataSettings } from \"./ElementDataSettings\";\nimport { EditorConfig } from \"@webiny/app-page-builder/editor\";\n\nconst { Ui } = EditorConfig;\n\nexport const SetupElementDataSettings = () => {\n    return (\n        <>\n            <Ui.Sidebar.Group name={\"data\"} element={<ElementDataSettings />} />\n        </>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,mBAAmB;AAC5B,SAASC,YAAY,QAAQ,iCAAiC;AAE9D,MAAM;EAAEC;AAAG,CAAC,GAAGD,YAAY;AAE3B,OAAO,MAAME,wBAAwB,GAAGA,CAAA,KAAM;EAC1C,oBACIJ,KAAA,CAAAK,aAAA,CAAAL,KAAA,CAAAM,QAAA,qBACIN,KAAA,CAAAK,aAAA,CAACF,EAAE,CAACI,OAAO,CAACC,KAAK;IAACC,IAAI,EAAE,MAAO;IAACC,OAAO,eAAEV,KAAA,CAAAK,aAAA,CAACJ,mBAAmB,MAAE;EAAE,CAAE,CACrE,CAAC;AAEX,CAAC","ignoreList":[]}

package/dataInjection/renderers/DynamicElementRenderers.d.ts

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

package/dataInjection/renderers/DynamicElementRenderers.js

@@ -0,0 +1,20 @@
+import React from "react";
+import { PbRenderElementPlugin } from "@webiny/app-page-builder";
+import { RepeaterRenderer } from "./Repeater";
+import { EntriesListRenderer } from "./EntriesList";
+import { EntriesSearchRenderer } from "./EntriesSearch";
+import { DynamicGrid } from "./DynamicGrid";
+export const DynamicElementRenderers = () => {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(PbRenderElementPlugin, {
+    elementType: "repeater",
+    renderer: RepeaterRenderer
+  }), /*#__PURE__*/React.createElement(PbRenderElementPlugin, {
+    elementType: "entries-list",
+    renderer: EntriesListRenderer
+  }), /*#__PURE__*/React.createElement(PbRenderElementPlugin, {
+    elementType: "entries-search",
+    renderer: EntriesSearchRenderer
+  }), /*#__PURE__*/React.createElement(DynamicGrid, null));
+};
+
+//# sourceMappingURL=DynamicElementRenderers.js.map

package/dataInjection/renderers/DynamicElementRenderers.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","PbRenderElementPlugin","RepeaterRenderer","EntriesListRenderer","EntriesSearchRenderer","DynamicGrid","DynamicElementRenderers","createElement","Fragment","elementType","renderer"],"sources":["DynamicElementRenderers.tsx"],"sourcesContent":["import React from \"react\";\nimport { PbRenderElementPlugin } from \"@webiny/app-page-builder\";\nimport { RepeaterRenderer } from \"~/dataInjection/renderers/Repeater\";\nimport { EntriesListRenderer } from \"~/dataInjection/renderers/EntriesList\";\nimport { EntriesSearchRenderer } from \"~/dataInjection/renderers/EntriesSearch\";\nimport { DynamicGrid } from \"~/dataInjection/renderers/DynamicGrid\";\n\nexport const DynamicElementRenderers = () => {\n    return (\n        <>\n            <PbRenderElementPlugin elementType={\"repeater\"} renderer={RepeaterRenderer} />\n            <PbRenderElementPlugin elementType={\"entries-list\"} renderer={EntriesListRenderer} />\n            <PbRenderElementPlugin\n                elementType={\"entries-search\"}\n                renderer={EntriesSearchRenderer}\n            />\n            <DynamicGrid />\n        </>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,qBAAqB,QAAQ,0BAA0B;AAChE,SAASC,gBAAgB;AACzB,SAASC,mBAAmB;AAC5B,SAASC,qBAAqB;AAC9B,SAASC,WAAW;AAEpB,OAAO,MAAMC,uBAAuB,GAAGA,CAAA,KAAM;EACzC,oBACIN,KAAA,CAAAO,aAAA,CAAAP,KAAA,CAAAQ,QAAA,qBACIR,KAAA,CAAAO,aAAA,CAACN,qBAAqB;IAACQ,WAAW,EAAE,UAAW;IAACC,QAAQ,EAAER;EAAiB,CAAE,CAAC,eAC9EF,KAAA,CAAAO,aAAA,CAACN,qBAAqB;IAACQ,WAAW,EAAE,cAAe;IAACC,QAAQ,EAAEP;EAAoB,CAAE,CAAC,eACrFH,KAAA,CAAAO,aAAA,CAACN,qBAAqB;IAClBQ,WAAW,EAAE,gBAAiB;IAC9BC,QAAQ,EAAEN;EAAsB,CACnC,CAAC,eACFJ,KAAA,CAAAO,aAAA,CAACF,WAAW,MAAE,CAChB,CAAC;AAEX,CAAC","ignoreList":[]}

package/dataInjection/renderers/DynamicGrid.d.ts

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

package/dataInjection/renderers/DynamicGrid.js

@@ -0,0 +1,44 @@
+import React from "react";
+import { useRenderer, Elements, ElementInput } from "@webiny/app-page-builder-elements";
+import { GridRenderer } from "@webiny/app-page-builder-elements/renderers/grid";
+import { DataSourceDataProvider } from "@webiny/app-page-builder/dataInjection";
+const elementInputs = {
+  dataSource: ElementInput.create({
+    name: "dataSource",
+    type: "array",
+    translatable: false,
+    getDefaultValue() {
+      return [];
+    }
+  })
+};
+export const DynamicGrid = GridRenderer.Component.createDecorator(Original => {
+  return function DynamicGrid(props) {
+    const {
+      getElement,
+      getInputValues
+    } = useRenderer();
+    const element = getElement();
+    const inputs = getInputValues();
+    if (Array.isArray(inputs.dataSource)) {
+      const hasData = inputs.dataSource.length > 0;
+      const baseCell = element.elements[0];
+      const dynamicElement = {
+        ...element,
+        elements: hasData ? Array(inputs.dataSource.length).fill(baseCell) : element.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/dataInjection/renderers/DynamicGrid.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useRenderer","Elements","ElementInput","GridRenderer","DataSourceDataProvider","elementInputs","dataSource","create","name","type","translatable","getDefaultValue","DynamicGrid","Component","createDecorator","Original","props","getElement","getInputValues","element","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 { GridRenderer } from \"@webiny/app-page-builder-elements/renderers/grid\";\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 = GridRenderer.Component.createDecorator(Original => {\n    return function DynamicGrid(props) {\n        const { getElement, getInputValues } = useRenderer();\n        const element = getElement();\n        const inputs = getInputValues<typeof elementInputs>();\n\n        if (Array.isArray(inputs.dataSource)) {\n            const hasData = inputs.dataSource.length > 0;\n\n            const baseCell = element.elements[0];\n            const dynamicElement = {\n                ...element,\n                elements: hasData\n                    ? Array(inputs.dataSource.length).fill(baseCell)\n                    : element.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,YAAY,QAAQ,kDAAkD;AAE/E,SAASC,sBAAsB,QAAQ,wCAAwC;AAE/E,MAAMC,aAAa,GAAG;EAClBC,UAAU,EAAEJ,YAAY,CAACK,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,GAAGT,YAAY,CAACU,SAAS,CAACC,eAAe,CAACC,QAAQ,IAAI;EAC1E,OAAO,SAASH,WAAWA,CAACI,KAAK,EAAE;IAC/B,MAAM;MAAEC,UAAU;MAAEC;IAAe,CAAC,GAAGlB,WAAW,CAAC,CAAC;IACpD,MAAMmB,OAAO,GAAGF,UAAU,CAAC,CAAC;IAC5B,MAAMG,MAAM,GAAGF,cAAc,CAAuB,CAAC;IAErD,IAAIG,KAAK,CAACC,OAAO,CAACF,MAAM,CAACd,UAAU,CAAC,EAAE;MAClC,MAAMiB,OAAO,GAAGH,MAAM,CAACd,UAAU,CAACkB,MAAM,GAAG,CAAC;MAE5C,MAAMC,QAAQ,GAAGN,OAAO,CAACO,QAAQ,CAAC,CAAC,CAAC;MACpC,MAAMC,cAAc,GAAG;QACnB,GAAGR,OAAO;QACVO,QAAQ,EAAEH,OAAO,GACXF,KAAK,CAACD,MAAM,CAACd,UAAU,CAACkB,MAAM,CAAC,CAACI,IAAI,CAACH,QAAQ,CAAC,GAC9CN,OAAO,CAACO;MAClB,CAAC;MAED,oBACI3B,KAAA,CAAA8B,aAAA,CAAC5B,QAAQ;QACLkB,OAAO,EAAEQ,cAAe;QACxBG,OAAO,EAAEA,CAACX,OAAO,EAAEY,KAAK,KAAK;UACzB,MAAMzB,UAAU,GAAGc,MAAM,CAACd,UAAU,GAAGc,MAAM,CAACd,UAAU,CAACyB,KAAK,CAAC,GAAG,CAAC,CAAC;UAEpE,oBACIhC,KAAA,CAAA8B,aAAA,CAACzB,sBAAsB;YAACE,UAAU,EAAEA;UAAW,GAC1Ca,OACmB,CAAC;QAEjC;MAAE,CACL,CAAC;IAEV;IAEA,oBAAOpB,KAAA,CAAA8B,aAAA,CAACd,QAAQ,EAAKC,KAAQ,CAAC;EAClC,CAAC;AACL,CAAC,CAAC","ignoreList":[]}

package/dataInjection/renderers/EntriesList.d.ts

@@ -0,0 +1,70 @@
+import React from "react";
+import { ElementInput } from "@webiny/app-page-builder-elements";
+import type { GenericRecord } from "@webiny/app/types";
+export declare const elementInputs: {
+    dataSource: ElementInput<GenericRecord[], any>;
+};
+interface EntriesListRendererProps {
+    ifEmpty?: JSX.Element;
+}
+export declare const EntriesListRenderer: React.FunctionComponent<import("@webiny/app-page-builder-elements/types").RendererProps<Record<string, any>> & EntriesListRendererProps & import("@webiny/app-page-builder-elements").Inputs<{
+    dataSource: ElementInput<GenericRecord[], any>;
+}>> & {
+    inputs?: import("@webiny/app-page-builder-elements").ElementInputs | undefined;
+} & {
+    original: import("@webiny/app-page-builder-elements/types").Renderer<EntriesListRendererProps & import("@webiny/app-page-builder-elements").Inputs<{
+        dataSource: ElementInput<GenericRecord[], any>;
+    }>>;
+    originalName: string;
+    displayName: string;
+} & {
+    original: React.FunctionComponent<import("@webiny/app-page-builder-elements/types").RendererProps<Record<string, any>> & EntriesListRendererProps & import("@webiny/app-page-builder-elements").Inputs<{
+        dataSource: ElementInput<GenericRecord[], any>;
+    }>> & {
+        inputs?: import("@webiny/app-page-builder-elements").ElementInputs | undefined;
+    } & {
+        original: import("@webiny/app-page-builder-elements/types").Renderer<EntriesListRendererProps & import("@webiny/app-page-builder-elements").Inputs<{
+            dataSource: ElementInput<GenericRecord[], any>;
+        }>>;
+        originalName: string;
+        displayName: string;
+    };
+    originalName: string;
+    displayName: string;
+} & {
+    createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<React.FunctionComponent<import("@webiny/app-page-builder-elements/types").RendererProps<Record<string, any>> & EntriesListRendererProps & import("@webiny/app-page-builder-elements").Inputs<{
+        dataSource: ElementInput<GenericRecord[], any>;
+    }>> & {
+        inputs?: import("@webiny/app-page-builder-elements").ElementInputs | undefined;
+    } & {
+        original: import("@webiny/app-page-builder-elements/types").Renderer<EntriesListRendererProps & import("@webiny/app-page-builder-elements").Inputs<{
+            dataSource: ElementInput<GenericRecord[], any>;
+        }>>;
+        originalName: string;
+        displayName: string;
+    }>) => (props: unknown) => React.JSX.Element;
+} & {
+    Component: React.FunctionComponent<EntriesListRendererProps> & {
+        original: React.FunctionComponent<EntriesListRendererProps>;
+        originalName: string;
+        displayName: string;
+    } & {
+        original: React.FunctionComponent<EntriesListRendererProps> & {
+            original: React.FunctionComponent<EntriesListRendererProps>;
+            originalName: string;
+            displayName: string;
+        };
+        originalName: string;
+        displayName: string;
+    } & {
+        createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<React.FunctionComponent<EntriesListRendererProps> & {
+            original: React.FunctionComponent<EntriesListRendererProps>;
+            originalName: string;
+            displayName: string;
+        }>) => (props: unknown) => React.JSX.Element;
+    };
+    inputs?: {
+        dataSource: ElementInput<GenericRecord[], any>;
+    } | undefined;
+};
+export {};

package/dataInjection/renderers/EntriesList.js

@@ -0,0 +1,45 @@
+import React from "react";
+import { createRenderer, ElementInput, Elements, useRenderer } from "@webiny/app-page-builder-elements";
+import { DataSourceDataProvider } from "@webiny/app-page-builder/dataInjection";
+export const elementInputs = {
+  dataSource: ElementInput.create({
+    name: "dataSource",
+    type: "array",
+    translatable: false,
+    getDefaultValue() {
+      return [];
+    }
+  })
+};
+export const EntriesListRenderer = createRenderer(({
+  ifEmpty = null
+}) => {
+  const {
+    getElement,
+    getInputValues
+  } = useRenderer();
+  const element = getElement();
+  const inputs = getInputValues();
+  const dataSources = inputs.dataSource || [];
+  if (element.elements.length === 0) {
+    return ifEmpty;
+  }
+  if (!dataSources.length) {
+    return /*#__PURE__*/React.createElement(Elements, {
+      element: element
+    });
+  }
+  return /*#__PURE__*/React.createElement(React.Fragment, null, dataSources.map((dataSource, index) => {
+    return /*#__PURE__*/React.createElement(DataSourceDataProvider, {
+      dataSource: dataSource,
+      key: index
+    }, /*#__PURE__*/React.createElement(Elements, {
+      element: element,
+      elementKeyPrefix: index.toString()
+    }));
+  }));
+}, {
+  inputs: elementInputs
+});
+
+//# sourceMappingURL=EntriesList.js.map

package/dataInjection/renderers/EntriesList.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","createRenderer","ElementInput","Elements","useRenderer","DataSourceDataProvider","elementInputs","dataSource","create","name","type","translatable","getDefaultValue","EntriesListRenderer","ifEmpty","getElement","getInputValues","element","inputs","dataSources","elements","length","createElement","Fragment","map","index","key","elementKeyPrefix","toString"],"sources":["EntriesList.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n    createRenderer,\n    ElementInput,\n    Elements,\n    useRenderer\n} from \"@webiny/app-page-builder-elements\";\nimport type { GenericRecord } from \"@webiny/app/types\";\nimport { DataSourceDataProvider } from \"@webiny/app-page-builder/dataInjection\";\n\nexport const elementInputs = {\n    dataSource: ElementInput.create<GenericRecord[]>({\n        name: \"dataSource\",\n        type: \"array\",\n        translatable: false,\n        getDefaultValue() {\n            return [];\n        }\n    })\n};\n\ninterface EntriesListRendererProps {\n    ifEmpty?: JSX.Element;\n}\n\nexport const EntriesListRenderer = createRenderer<EntriesListRendererProps, typeof elementInputs>(\n    ({ ifEmpty = null }) => {\n        const { getElement, getInputValues } = useRenderer();\n\n        const element = getElement();\n        const inputs = getInputValues<typeof elementInputs>();\n        const dataSources = inputs.dataSource || [];\n\n        if (element.elements.length === 0) {\n            return ifEmpty;\n        }\n\n        if (!dataSources.length) {\n            return <Elements element={element} />;\n        }\n\n        return (\n            <>\n                {dataSources.map((dataSource, index) => {\n                    return (\n                        <DataSourceDataProvider dataSource={dataSource} key={index}>\n                            <Elements element={element} elementKeyPrefix={index.toString()} />\n                        </DataSourceDataProvider>\n                    );\n                })}\n            </>\n        );\n    },\n    {\n        inputs: elementInputs\n    }\n);\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SACIC,cAAc,EACdC,YAAY,EACZC,QAAQ,EACRC,WAAW,QACR,mCAAmC;AAE1C,SAASC,sBAAsB,QAAQ,wCAAwC;AAE/E,OAAO,MAAMC,aAAa,GAAG;EACzBC,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;AAMD,OAAO,MAAMC,mBAAmB,GAAGZ,cAAc,CAC7C,CAAC;EAAEa,OAAO,GAAG;AAAK,CAAC,KAAK;EACpB,MAAM;IAAEC,UAAU;IAAEC;EAAe,CAAC,GAAGZ,WAAW,CAAC,CAAC;EAEpD,MAAMa,OAAO,GAAGF,UAAU,CAAC,CAAC;EAC5B,MAAMG,MAAM,GAAGF,cAAc,CAAuB,CAAC;EACrD,MAAMG,WAAW,GAAGD,MAAM,CAACX,UAAU,IAAI,EAAE;EAE3C,IAAIU,OAAO,CAACG,QAAQ,CAACC,MAAM,KAAK,CAAC,EAAE;IAC/B,OAAOP,OAAO;EAClB;EAEA,IAAI,CAACK,WAAW,CAACE,MAAM,EAAE;IACrB,oBAAOrB,KAAA,CAAAsB,aAAA,CAACnB,QAAQ;MAACc,OAAO,EAAEA;IAAQ,CAAE,CAAC;EACzC;EAEA,oBACIjB,KAAA,CAAAsB,aAAA,CAAAtB,KAAA,CAAAuB,QAAA,QACKJ,WAAW,CAACK,GAAG,CAAC,CAACjB,UAAU,EAAEkB,KAAK,KAAK;IACpC,oBACIzB,KAAA,CAAAsB,aAAA,CAACjB,sBAAsB;MAACE,UAAU,EAAEA,UAAW;MAACmB,GAAG,EAAED;IAAM,gBACvDzB,KAAA,CAAAsB,aAAA,CAACnB,QAAQ;MAACc,OAAO,EAAEA,OAAQ;MAACU,gBAAgB,EAAEF,KAAK,CAACG,QAAQ,CAAC;IAAE,CAAE,CAC7C,CAAC;EAEjC,CAAC,CACH,CAAC;AAEX,CAAC,EACD;EACIV,MAAM,EAAEZ;AACZ,CACJ,CAAC","ignoreList":[]}

package/dataInjection/renderers/EntriesSearch.d.ts

@@ -0,0 +1,47 @@
+import React from "react";
+export declare const EntriesSearchRenderer: React.FunctionComponent<import("@webiny/app-page-builder-elements/types").RendererProps<Record<string, any>> & Record<string, any> & import("@webiny/app-page-builder-elements").Inputs<import("@webiny/app-page-builder-elements").ElementInputs>> & {
+    inputs?: import("@webiny/app-page-builder-elements").ElementInputs | undefined;
+} & {
+    original: import("@webiny/app-page-builder-elements/types").Renderer<Record<string, any> & import("@webiny/app-page-builder-elements").Inputs<import("@webiny/app-page-builder-elements").ElementInputs>>;
+    originalName: string;
+    displayName: string;
+} & {
+    original: React.FunctionComponent<import("@webiny/app-page-builder-elements/types").RendererProps<Record<string, any>> & Record<string, any> & import("@webiny/app-page-builder-elements").Inputs<import("@webiny/app-page-builder-elements").ElementInputs>> & {
+        inputs?: import("@webiny/app-page-builder-elements").ElementInputs | undefined;
+    } & {
+        original: import("@webiny/app-page-builder-elements/types").Renderer<Record<string, any> & import("@webiny/app-page-builder-elements").Inputs<import("@webiny/app-page-builder-elements").ElementInputs>>;
+        originalName: string;
+        displayName: string;
+    };
+    originalName: string;
+    displayName: string;
+} & {
+    createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<React.FunctionComponent<import("@webiny/app-page-builder-elements/types").RendererProps<Record<string, any>> & Record<string, any> & import("@webiny/app-page-builder-elements").Inputs<import("@webiny/app-page-builder-elements").ElementInputs>> & {
+        inputs?: import("@webiny/app-page-builder-elements").ElementInputs | undefined;
+    } & {
+        original: import("@webiny/app-page-builder-elements/types").Renderer<Record<string, any> & import("@webiny/app-page-builder-elements").Inputs<import("@webiny/app-page-builder-elements").ElementInputs>>;
+        originalName: string;
+        displayName: string;
+    }>) => (props: unknown) => React.JSX.Element;
+} & {
+    Component: React.FunctionComponent<Record<string, any>> & {
+        original: React.FunctionComponent<Record<string, any>>;
+        originalName: string;
+        displayName: string;
+    } & {
+        original: React.FunctionComponent<Record<string, any>> & {
+            original: React.FunctionComponent<Record<string, any>>;
+            originalName: string;
+            displayName: string;
+        };
+        originalName: string;
+        displayName: string;
+    } & {
+        createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<React.FunctionComponent<Record<string, any>> & {
+            original: React.FunctionComponent<Record<string, any>>;
+            originalName: string;
+            displayName: string;
+        }>) => (props: unknown) => React.JSX.Element;
+    };
+    inputs?: import("@webiny/app-page-builder-elements").ElementInputs | undefined;
+};

package/dataInjection/renderers/EntriesSearch.js

@@ -0,0 +1,26 @@
+import React, { useCallback, useState } from "react";
+import { createRenderer } from "@webiny/app-page-builder-elements";
+import { useDataSource } from "@webiny/app-page-builder/dataInjection";
+export const EntriesSearchRenderer = createRenderer(() => {
+  const data = useDataSource();
+  const [value, setValue] = useState("");
+  const onChange = useCallback(e => {
+    if (!data) {
+      return;
+    }
+    e.preventDefault();
+    const value = e.target.value;
+    setValue(value);
+    data.loadData({
+      search: value !== "" ? value : undefined
+    });
+  }, [data]);
+  return /*#__PURE__*/React.createElement("input", {
+    type: "text",
+    placeholder: "Search",
+    value: value,
+    onChange: onChange
+  });
+});
+
+//# sourceMappingURL=EntriesSearch.js.map

package/dataInjection/renderers/EntriesSearch.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","useState","createRenderer","useDataSource","EntriesSearchRenderer","data","value","setValue","onChange","e","preventDefault","target","loadData","search","undefined","createElement","type","placeholder"],"sources":["EntriesSearch.tsx"],"sourcesContent":["import type { ChangeEvent } from \"react\";\nimport React, { useCallback, useState } from \"react\";\nimport { createRenderer } from \"@webiny/app-page-builder-elements\";\nimport { useDataSource } from \"@webiny/app-page-builder/dataInjection\";\n\nexport const EntriesSearchRenderer = createRenderer(() => {\n    const data = useDataSource();\n    const [value, setValue] = useState(\"\");\n\n    const onChange = useCallback(\n        (e: ChangeEvent<HTMLInputElement>) => {\n            if (!data) {\n                return;\n            }\n\n            e.preventDefault();\n\n            const value = e.target.value;\n\n            setValue(value);\n\n            data.loadData({\n                search: value !== \"\" ? value : undefined\n            });\n        },\n        [data]\n    );\n\n    return <input type={\"text\"} placeholder={\"Search\"} value={value} onChange={onChange} />;\n});\n"],"mappings":"AACA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,QAAQ,QAAQ,OAAO;AACpD,SAASC,cAAc,QAAQ,mCAAmC;AAClE,SAASC,aAAa,QAAQ,wCAAwC;AAEtE,OAAO,MAAMC,qBAAqB,GAAGF,cAAc,CAAC,MAAM;EACtD,MAAMG,IAAI,GAAGF,aAAa,CAAC,CAAC;EAC5B,MAAM,CAACG,KAAK,EAAEC,QAAQ,CAAC,GAAGN,QAAQ,CAAC,EAAE,CAAC;EAEtC,MAAMO,QAAQ,GAAGR,WAAW,CACvBS,CAAgC,IAAK;IAClC,IAAI,CAACJ,IAAI,EAAE;MACP;IACJ;IAEAI,CAAC,CAACC,cAAc,CAAC,CAAC;IAElB,MAAMJ,KAAK,GAAGG,CAAC,CAACE,MAAM,CAACL,KAAK;IAE5BC,QAAQ,CAACD,KAAK,CAAC;IAEfD,IAAI,CAACO,QAAQ,CAAC;MACVC,MAAM,EAAEP,KAAK,KAAK,EAAE,GAAGA,KAAK,GAAGQ;IACnC,CAAC,CAAC;EACN,CAAC,EACD,CAACT,IAAI,CACT,CAAC;EAED,oBAAON,KAAA,CAAAgB,aAAA;IAAOC,IAAI,EAAE,MAAO;IAACC,WAAW,EAAE,QAAS;IAACX,KAAK,EAAEA,KAAM;IAACE,QAAQ,EAAEA;EAAS,CAAE,CAAC;AAC3F,CAAC,CAAC","ignoreList":[]}

package/dataInjection/renderers/Repeater.d.ts

@@ -0,0 +1,70 @@
+import React from "react";
+import { ElementInput } from "@webiny/app-page-builder-elements";
+import type { GenericRecord } from "@webiny/app/types";
+export declare const elementInputs: {
+    dataSource: ElementInput<GenericRecord[], any>;
+};
+interface RepeaterRendererProps {
+    ifEmpty?: JSX.Element;
+}
+export declare const RepeaterRenderer: React.FunctionComponent<import("@webiny/app-page-builder-elements/types").RendererProps<Record<string, any>> & RepeaterRendererProps & import("@webiny/app-page-builder-elements").Inputs<{
+    dataSource: ElementInput<GenericRecord[], any>;
+}>> & {
+    inputs?: import("@webiny/app-page-builder-elements").ElementInputs | undefined;
+} & {
+    original: import("@webiny/app-page-builder-elements/types").Renderer<RepeaterRendererProps & import("@webiny/app-page-builder-elements").Inputs<{
+        dataSource: ElementInput<GenericRecord[], any>;
+    }>>;
+    originalName: string;
+    displayName: string;
+} & {
+    original: React.FunctionComponent<import("@webiny/app-page-builder-elements/types").RendererProps<Record<string, any>> & RepeaterRendererProps & import("@webiny/app-page-builder-elements").Inputs<{
+        dataSource: ElementInput<GenericRecord[], any>;
+    }>> & {
+        inputs?: import("@webiny/app-page-builder-elements").ElementInputs | undefined;
+    } & {
+        original: import("@webiny/app-page-builder-elements/types").Renderer<RepeaterRendererProps & import("@webiny/app-page-builder-elements").Inputs<{
+            dataSource: ElementInput<GenericRecord[], any>;
+        }>>;
+        originalName: string;
+        displayName: string;
+    };
+    originalName: string;
+    displayName: string;
+} & {
+    createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<React.FunctionComponent<import("@webiny/app-page-builder-elements/types").RendererProps<Record<string, any>> & RepeaterRendererProps & import("@webiny/app-page-builder-elements").Inputs<{
+        dataSource: ElementInput<GenericRecord[], any>;
+    }>> & {
+        inputs?: import("@webiny/app-page-builder-elements").ElementInputs | undefined;
+    } & {
+        original: import("@webiny/app-page-builder-elements/types").Renderer<RepeaterRendererProps & import("@webiny/app-page-builder-elements").Inputs<{
+            dataSource: ElementInput<GenericRecord[], any>;
+        }>>;
+        originalName: string;
+        displayName: string;
+    }>) => (props: unknown) => React.JSX.Element;
+} & {
+    Component: React.FunctionComponent<RepeaterRendererProps> & {
+        original: React.FunctionComponent<RepeaterRendererProps>;
+        originalName: string;
+        displayName: string;
+    } & {
+        original: React.FunctionComponent<RepeaterRendererProps> & {
+            original: React.FunctionComponent<RepeaterRendererProps>;
+            originalName: string;
+            displayName: string;
+        };
+        originalName: string;
+        displayName: string;
+    } & {
+        createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<React.FunctionComponent<RepeaterRendererProps> & {
+            original: React.FunctionComponent<RepeaterRendererProps>;
+            originalName: string;
+            displayName: string;
+        }>) => (props: unknown) => React.JSX.Element;
+    };
+    inputs?: {
+        dataSource: ElementInput<GenericRecord[], any>;
+    } | undefined;
+};
+export {};

package/dataInjection/renderers/Repeater.js

@@ -0,0 +1,45 @@
+import React from "react";
+import { createRenderer, ElementInput, Elements, useRenderer } from "@webiny/app-page-builder-elements";
+import { DataSourceDataProvider } from "@webiny/app-page-builder/dataInjection";
+export const elementInputs = {
+  dataSource: ElementInput.create({
+    name: "dataSource",
+    type: "array",
+    translatable: false,
+    getDefaultValue() {
+      return [];
+    }
+  })
+};
+export const RepeaterRenderer = createRenderer(({
+  ifEmpty = null
+}) => {
+  const {
+    getElement,
+    getInputValues
+  } = useRenderer();
+  const element = getElement();
+  const inputs = getInputValues();
+  const dataSources = inputs.dataSource || [];
+  if (element.elements.length === 0) {
+    return ifEmpty;
+  }
+  if (!dataSources.length) {
+    return /*#__PURE__*/React.createElement(Elements, {
+      element: element
+    });
+  }
+  return /*#__PURE__*/React.createElement(React.Fragment, null, dataSources.map((dataSource, index) => {
+    return /*#__PURE__*/React.createElement(DataSourceDataProvider, {
+      dataSource: dataSource,
+      key: index
+    }, /*#__PURE__*/React.createElement(Elements, {
+      element: element,
+      elementKeyPrefix: index.toString()
+    }));
+  }));
+}, {
+  inputs: elementInputs
+});
+
+//# sourceMappingURL=Repeater.js.map

package/dataInjection/renderers/Repeater.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","createRenderer","ElementInput","Elements","useRenderer","DataSourceDataProvider","elementInputs","dataSource","create","name","type","translatable","getDefaultValue","RepeaterRenderer","ifEmpty","getElement","getInputValues","element","inputs","dataSources","elements","length","createElement","Fragment","map","index","key","elementKeyPrefix","toString"],"sources":["Repeater.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n    createRenderer,\n    ElementInput,\n    Elements,\n    useRenderer\n} from \"@webiny/app-page-builder-elements\";\nimport type { GenericRecord } from \"@webiny/app/types\";\nimport { DataSourceDataProvider } from \"@webiny/app-page-builder/dataInjection\";\n\nexport const elementInputs = {\n    dataSource: ElementInput.create<GenericRecord[]>({\n        name: \"dataSource\",\n        type: \"array\",\n        translatable: false,\n        getDefaultValue() {\n            return [];\n        }\n    })\n};\n\ninterface RepeaterRendererProps {\n    ifEmpty?: JSX.Element;\n}\n\nexport const RepeaterRenderer = createRenderer<RepeaterRendererProps, typeof elementInputs>(\n    ({ ifEmpty = null }) => {\n        const { getElement, getInputValues } = useRenderer();\n\n        const element = getElement();\n        const inputs = getInputValues<typeof elementInputs>();\n        const dataSources = inputs.dataSource || [];\n\n        if (element.elements.length === 0) {\n            return ifEmpty;\n        }\n\n        if (!dataSources.length) {\n            return <Elements element={element} />;\n        }\n\n        return (\n            <>\n                {dataSources.map((dataSource, index) => {\n                    return (\n                        <DataSourceDataProvider dataSource={dataSource} key={index}>\n                            <Elements element={element} elementKeyPrefix={index.toString()} />\n                        </DataSourceDataProvider>\n                    );\n                })}\n            </>\n        );\n    },\n    {\n        inputs: elementInputs\n    }\n);\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SACIC,cAAc,EACdC,YAAY,EACZC,QAAQ,EACRC,WAAW,QACR,mCAAmC;AAE1C,SAASC,sBAAsB,QAAQ,wCAAwC;AAE/E,OAAO,MAAMC,aAAa,GAAG;EACzBC,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;AAMD,OAAO,MAAMC,gBAAgB,GAAGZ,cAAc,CAC1C,CAAC;EAAEa,OAAO,GAAG;AAAK,CAAC,KAAK;EACpB,MAAM;IAAEC,UAAU;IAAEC;EAAe,CAAC,GAAGZ,WAAW,CAAC,CAAC;EAEpD,MAAMa,OAAO,GAAGF,UAAU,CAAC,CAAC;EAC5B,MAAMG,MAAM,GAAGF,cAAc,CAAuB,CAAC;EACrD,MAAMG,WAAW,GAAGD,MAAM,CAACX,UAAU,IAAI,EAAE;EAE3C,IAAIU,OAAO,CAACG,QAAQ,CAACC,MAAM,KAAK,CAAC,EAAE;IAC/B,OAAOP,OAAO;EAClB;EAEA,IAAI,CAACK,WAAW,CAACE,MAAM,EAAE;IACrB,oBAAOrB,KAAA,CAAAsB,aAAA,CAACnB,QAAQ;MAACc,OAAO,EAAEA;IAAQ,CAAE,CAAC;EACzC;EAEA,oBACIjB,KAAA,CAAAsB,aAAA,CAAAtB,KAAA,CAAAuB,QAAA,QACKJ,WAAW,CAACK,GAAG,CAAC,CAACjB,UAAU,EAAEkB,KAAK,KAAK;IACpC,oBACIzB,KAAA,CAAAsB,aAAA,CAACjB,sBAAsB;MAACE,UAAU,EAAEA,UAAW;MAACmB,GAAG,EAAED;IAAM,gBACvDzB,KAAA,CAAAsB,aAAA,CAACnB,QAAQ;MAACc,OAAO,EAAEA,OAAQ;MAACU,gBAAgB,EAAEF,KAAK,CAACG,QAAQ,CAAC;IAAE,CAAE,CAC7C,CAAC;EAEjC,CAAC,CACH,CAAC;AAEX,CAAC,EACD;EACIV,MAAM,EAAEZ;AACZ,CACJ,CAAC","ignoreList":[]}

package/features/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./pageTemplate/hasMainDataSource";
+export * from "./pageTemplate/createDynamicTemplate/useCreateDynamicTemplate";
+export * from "./pageTemplate/listDynamicTemplates/useListDynamicTemplates";

package/features/index.js

@@ -0,0 +1,5 @@
+export * from "./pageTemplate/hasMainDataSource";
+export * from "./pageTemplate/createDynamicTemplate/useCreateDynamicTemplate";
+export * from "./pageTemplate/listDynamicTemplates/useListDynamicTemplates";
+
+//# sourceMappingURL=index.js.map

package/features/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./pageTemplate/hasMainDataSource\";\nexport * from \"./pageTemplate/createDynamicTemplate/useCreateDynamicTemplate\";\nexport * from \"./pageTemplate/listDynamicTemplates/useListDynamicTemplates\";\n"],"mappings":"AAAA;AACA;AACA","ignoreList":[]}

package/features/pageTemplate/createDynamicTemplate/useCreateDynamicTemplate.d.ts

@@ -0,0 +1,4 @@
+import type { CmsModel } from "@webiny/app-headless-cms/types";
+export declare const useCreateDynamicPageTemplate: () => {
+    createDynamicPageTemplate: (model: CmsModel) => Promise<import("@webiny/app-page-builder/types").PbPageTemplateWithContent>;
+};