@webiny/app-dynamic-pages 5.42.0-beta.0

package/admin/templateEditor/ElementEventHandlers.js

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

package/admin/templateEditor/ElementEventHandlers.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_editor","_actions","_dataInjection","doNothing","actions","addCmsListDataSource","document","element","dataSourceName","concat","id","gridElement","elements","_objectSpread2","default","dataSources","_toConsumableArray2","name","type","config","modelId","undefined","limit","dataBindings","dataSource","bindFrom","bindTo","ElementEventHandlers","exports","eventHandler","useEventActionHandler","onElementCreate","state","_","args","template","updatedTemplate","onElementDelete","withDescendants","getElementTree","traverser","ContentTraverser","deletedElements","traverse","node","push","deleteDataSources","map","deleteDataBindings","filter","ds","includes","binding","some","toDelete","startsWith","useEffect","offCreateElement","on","CreateElementActionEvent","offDeleteElement","DeleteElementActionEvent"],"sources":["ElementEventHandlers.tsx"],"sourcesContent":["import { useEffect } from \"react\";\nimport { useEventActionHandler } from \"@webiny/app-page-builder/editor\";\nimport {\n    CreateElementActionEvent,\n    DeleteElementActionEvent\n} from \"@webiny/app-page-builder/editor/recoil/actions\";\nimport type {\n    DynamicDocument,\n    EventActionCallable,\n    PbEditorElementTree,\n    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,38 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.EntrySelector = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
+var _Input = require("@webiny/ui/Input");
+var _templateEditor = require("@webiny/app-page-builder/templateEditor");
+var EntrySelector = exports.EntrySelector = function EntrySelector() {
+  var _useDocumentDataSourc = (0, _templateEditor.useDocumentDataSource)(),
+    getDataSource = _useDocumentDataSourc.getDataSource,
+    updateDataSource = _useDocumentDataSourc.updateDataSource;
+  var mainDataSource = getDataSource("main");
+  var _useState = (0, _react.useState)(mainDataSource ? mainDataSource.config.entryId : ""),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    localId = _useState2[0],
+    setLocalId = _useState2[1];
+  var applyPreviewId = function applyPreviewId() {
+    updateDataSource("main", function (config) {
+      return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, config), {}, {
+        entryId: localId
+      });
+    });
+  };
+  return /*#__PURE__*/_react.default.createElement(_Input.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","_interopRequireWildcard","require","_Input","_templateEditor","EntrySelector","exports","_useDocumentDataSourc","useDocumentDataSource","getDataSource","updateDataSource","mainDataSource","_useState","useState","config","entryId","_useState2","_slicedToArray2","default","localId","setLocalId","applyPreviewId","_objectSpread2","createElement","Input","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,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,eAAA,GAAAF,OAAA;AAEO,IAAMG,aAAa,GAAAC,OAAA,CAAAD,aAAA,GAAG,SAAhBA,aAAaA,CAAA,EAAS;EAC/B,IAAAE,qBAAA,GAA4C,IAAAC,qCAAqB,EAAC,CAAC;IAA3DC,aAAa,GAAAF,qBAAA,CAAbE,aAAa;IAAEC,gBAAgB,GAAAH,qBAAA,CAAhBG,gBAAgB;EACvC,IAAMC,cAAc,GAAGF,aAAa,CAAC,MAAM,CAAC;EAC5C,IAAAG,SAAA,GAA8B,IAAAC,eAAQ,EAACF,cAAc,GAAGA,cAAc,CAACG,MAAM,CAACC,OAAO,GAAG,EAAE,CAAC;IAAAC,UAAA,OAAAC,eAAA,CAAAC,OAAA,EAAAN,SAAA;IAApFO,OAAO,GAAAH,UAAA;IAAEI,UAAU,GAAAJ,UAAA;EAE1B,IAAMK,cAAc,GAAG,SAAjBA,cAAcA,CAAA,EAAS;IACzBX,gBAAgB,CAAC,MAAM,EAAE,UAAAI,MAAM,EAAI;MAC/B,WAAAQ,cAAA,CAAAJ,OAAA,MAAAI,cAAA,CAAAJ,OAAA,MACOJ,MAAM;QACTC,OAAO,EAAEI;MAAO;IAExB,CAAC,CAAC;EACN,CAAC;EAED,oBACInB,MAAA,CAAAkB,OAAA,CAAAK,aAAA,CAACpB,MAAA,CAAAqB,KAAK;IACFC,KAAK,EAAEN,OAAQ;IACfO,QAAQ,EAAEN,UAAW;IACrBO,MAAM,EAAEN,cAAe;IACvBO,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,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _EntrySelector = require("./EntrySelector");
+Object.keys(_EntrySelector).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _EntrySelector[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _EntrySelector[key];
+    }
+  });
+});
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_EntrySelector","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["index.ts"],"sourcesContent":["export * from \"./EntrySelector\";\n"],"mappings":";;;;;AAAA,IAAAA,cAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,cAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,cAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAT,cAAA,CAAAK,GAAA;IAAA;EAAA;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,33 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AddEntriesListDataSourceContext = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _appPageBuilderElements = require("@webiny/app-page-builder-elements");
+var _dataInjection = require("@webiny/app-page-builder/dataInjection");
+var AddEntriesListDataSourceContext = exports.AddEntriesListDataSourceContext = _appPageBuilderElements.Element.createDecorator(function (Original) {
+  return function WithDataSourceContext(props) {
+    var _useDynamicDocument = (0, _dataInjection.useDynamicDocument)(),
+      dataSources = _useDynamicDocument.dataSources;
+    var element = props.element;
+    var renderOriginal = /*#__PURE__*/_react.default.createElement(Original, props);
+    if (!element) {
+      return renderOriginal;
+    }
+    var isEntriesList = element.type === "entries-list";
+    if (isEntriesList) {
+      var dataSource = dataSources.find(function (source) {
+        return source.name === "element:".concat(element.id);
+      });
+      return /*#__PURE__*/_react.default.createElement(_dataInjection.DataSourceProvider, {
+        dataSource: dataSource
+      }, renderOriginal);
+    }
+    return renderOriginal;
+  };
+});
+
+//# sourceMappingURL=AddEntriesListDataSourceContext.js.map

package/dataInjection/AddEntriesListDataSourceContext.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_appPageBuilderElements","_dataInjection","AddEntriesListDataSourceContext","exports","Element","createDecorator","Original","WithDataSourceContext","props","_useDynamicDocument","useDynamicDocument","dataSources","element","renderOriginal","default","createElement","isEntriesList","type","dataSource","find","source","name","concat","id","DataSourceProvider"],"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,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,uBAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AAEO,IAAMG,+BAA+B,GAAAC,OAAA,CAAAD,+BAAA,GAAGE,+BAAO,CAACC,eAAe,CAAC,UAAAC,QAAQ,EAAI;EAC/E,OAAO,SAASC,qBAAqBA,CAACC,KAAK,EAAE;IACzC,IAAAC,mBAAA,GAAwB,IAAAC,iCAAkB,EAAC,CAAC;MAApCC,WAAW,GAAAF,mBAAA,CAAXE,WAAW;IAEnB,IAAQC,OAAO,GAAKJ,KAAK,CAAjBI,OAAO;IAEf,IAAMC,cAAc,gBAAGhB,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACT,QAAQ,EAAKE,KAAQ,CAAC;IAE9C,IAAI,CAACI,OAAO,EAAE;MACV,OAAOC,cAAc;IACzB;IAEA,IAAMG,aAAa,GAAGJ,OAAO,CAACK,IAAI,KAAK,cAAc;IAErD,IAAID,aAAa,EAAE;MACf,IAAME,UAAU,GAAGP,WAAW,CAACQ,IAAI,CAAC,UAAAC,MAAM;QAAA,OAAIA,MAAM,CAACC,IAAI,gBAAAC,MAAA,CAAgBV,OAAO,CAACW,EAAE,CAAE;MAAA,EAAC;MAEtF,oBACI1B,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACd,cAAA,CAAAuB,kBAAkB;QAACN,UAAU,EAAEA;MAAY,GAAEL,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,23 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DisableGridDelete = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _editor = require("@webiny/app-page-builder/editor");
+var _HideIfEntriesListGridWithDataSource = require("./HideIfEntriesListGridWithDataSource");
+var ElementAction = _editor.EditorConfig.ElementAction;
+var DisableGridDelete = exports.DisableGridDelete = ElementAction.createDecorator(function (Original) {
+  return function DisableActions(props) {
+    if (props.name === "delete") {
+      return /*#__PURE__*/_react.default.createElement(Original, Object.assign({}, props, {
+        element: /*#__PURE__*/_react.default.createElement(_HideIfEntriesListGridWithDataSource.HideIfEntriesListGridWithDataSource, null, props.element)
+      }));
+    }
+    return /*#__PURE__*/_react.default.createElement(Original, props);
+  };
+});
+
+//# sourceMappingURL=DisableGridDelete.js.map

package/dataInjection/editor/DisableGridDelete.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_editor","_HideIfEntriesListGridWithDataSource","ElementAction","EditorConfig","DisableGridDelete","exports","createDecorator","Original","DisableActions","props","name","default","createElement","Object","assign","element","HideIfEntriesListGridWithDataSource"],"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,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,oCAAA,GAAAF,OAAA;AAEA,IAAQG,aAAa,GAAKC,oBAAY,CAA9BD,aAAa;AAEd,IAAME,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAGF,aAAa,CAACI,eAAe,CAAC,UAAAC,QAAQ,EAAI;EACvE,OAAO,SAASC,cAAcA,CAACC,KAAK,EAAE;IAClC,IAAIA,KAAK,CAACC,IAAI,KAAK,QAAQ,EAAE;MACzB,oBACIb,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACL,QAAQ,EAAAM,MAAA,CAAAC,MAAA,KACDL,KAAK;QACTM,OAAO,eACHlB,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACX,oCAAA,CAAAe,mCAAmC,QAC/BP,KAAK,CAACM,OAC0B;MACxC,EACJ,CAAC;IAEV;IACA,oBAAOlB,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACL,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,28 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ElementDataSettings = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireDefault(require("react"));
+var _editor = require("@webiny/app-page-builder/editor");
+var Ui = _editor.EditorConfig.Ui;
+var ElementDataSettings = exports.ElementDataSettings = function ElementDataSettings() {
+  var _useActiveElement = (0, _editor.useActiveElement)(),
+    _useActiveElement2 = (0, _slicedToArray2.default)(_useActiveElement, 1),
+    element = _useActiveElement2[0];
+  var _useIsElementChildOfT = (0, _editor.useIsElementChildOfType)(element, "entries-list"),
+    isChildOfType = _useIsElementChildOfT.isChildOfType;
+  var isDisabled = !element || isChildOfType && element?.type === "grid";
+  return /*#__PURE__*/_react.default.createElement(Ui.Sidebar.Group.Tab, {
+    label: "Data",
+    element: /*#__PURE__*/_react.default.createElement(Ui.Sidebar.ScrollableContainer, null, /*#__PURE__*/_react.default.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","_interopRequireDefault","require","_editor","Ui","EditorConfig","ElementDataSettings","exports","_useActiveElement","useActiveElement","_useActiveElement2","_slicedToArray2","default","element","_useIsElementChildOfT","useIsElementChildOfType","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,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AAMA,IAAQE,EAAE,GAAKC,oBAAY,CAAnBD,EAAE;AAEH,IAAME,mBAAmB,GAAAC,OAAA,CAAAD,mBAAA,GAAG,SAAtBA,mBAAmBA,CAAA,EAAS;EACrC,IAAAE,iBAAA,GAAkB,IAAAC,wBAAgB,EAAC,CAAC;IAAAC,kBAAA,OAAAC,eAAA,CAAAC,OAAA,EAAAJ,iBAAA;IAA7BK,OAAO,GAAAH,kBAAA;EACd,IAAAI,qBAAA,GAA0B,IAAAC,+BAAuB,EAACF,OAAO,EAAE,cAAc,CAAC;IAAlEG,aAAa,GAAAF,qBAAA,CAAbE,aAAa;EACrB,IAAMC,UAAU,GAAG,CAACJ,OAAO,IAAKG,aAAa,IAAIH,OAAO,EAAEK,IAAI,KAAK,MAAO;EAE1E,oBACIlB,MAAA,CAAAY,OAAA,CAAAO,aAAA,CAACf,EAAE,CAACgB,OAAO,CAACC,KAAK,CAACC,GAAG;IACjBC,KAAK,EAAE,MAAO;IACdV,OAAO,eACHb,MAAA,CAAAY,OAAA,CAAAO,aAAA,CAACf,EAAE,CAACgB,OAAO,CAACI,mBAAmB,qBAC3BxB,MAAA,CAAAY,OAAA,CAAAO,aAAA,CAACf,EAAE,CAACgB,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,24 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.HideIfChildOfEntriesList = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireDefault(require("react"));
+var _editor = require("@webiny/app-page-builder/editor");
+var HideIfChildOfEntriesList = exports.HideIfChildOfEntriesList = function HideIfChildOfEntriesList(_ref) {
+  var children = _ref.children;
+  var _useActiveElement = (0, _editor.useActiveElement)(),
+    _useActiveElement2 = (0, _slicedToArray2.default)(_useActiveElement, 1),
+    element = _useActiveElement2[0];
+  var _useIsElementChildOfT = (0, _editor.useIsElementChildOfType)(element, "entries-list"),
+    isChildOfType = _useIsElementChildOfT.isChildOfType;
+  if (!element) {
+    return null;
+  }
+  return isChildOfType ? null : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, children);
+};
+
+//# sourceMappingURL=HideIfChildOfEntriesList.js.map

package/dataInjection/editor/HideIfChildOfEntriesList.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_editor","HideIfChildOfEntriesList","exports","_ref","children","_useActiveElement","useActiveElement","_useActiveElement2","_slicedToArray2","default","element","_useIsElementChildOfT","useIsElementChildOfType","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,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AAMO,IAAME,wBAAwB,GAAAC,OAAA,CAAAD,wBAAA,GAAG,SAA3BA,wBAAwBA,CAAAE,IAAA,EAAoD;EAAA,IAA9CC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;EAC/C,IAAAC,iBAAA,GAAkB,IAAAC,wBAAgB,EAAC,CAAC;IAAAC,kBAAA,OAAAC,eAAA,CAAAC,OAAA,EAAAJ,iBAAA;IAA7BK,OAAO,GAAAH,kBAAA;EACd,IAAAI,qBAAA,GAA0B,IAAAC,+BAAuB,EAACF,OAAO,EAAE,cAAc,CAAC;IAAlEG,aAAa,GAAAF,qBAAA,CAAbE,aAAa;EAErB,IAAI,CAACH,OAAO,EAAE;IACV,OAAO,IAAI;EACf;EAEA,OAAOG,aAAa,GAAG,IAAI,gBAAGhB,MAAA,CAAAY,OAAA,CAAAK,aAAA,CAAAjB,MAAA,CAAAY,OAAA,CAAAM,QAAA,QAAGX,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,31 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.HideIfEntriesListGridWithDataSource = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireDefault(require("react"));
+var _editor = require("@webiny/app-page-builder/editor");
+var _dataInjection = require("@webiny/app-page-builder/dataInjection");
+var HideIfEntriesListGridWithDataSource = exports.HideIfEntriesListGridWithDataSource = function HideIfEntriesListGridWithDataSource(_ref) {
+  var children = _ref.children;
+  var _useActiveElement = (0, _editor.useActiveElement)(),
+    _useActiveElement2 = (0, _slicedToArray2.default)(_useActiveElement, 1),
+    element = _useActiveElement2[0];
+  var _useElementBindings = (0, _dataInjection.useElementBindings)(element.id),
+    bindings = _useElementBindings.bindings;
+  var _useIsElementChildOfT = (0, _editor.useIsElementChildOfType)(element, "entries-list"),
+    isChildOfType = _useIsElementChildOfT.isChildOfType;
+  if (!element) {
+    return null;
+  }
+  var hasDataSourceBinding = bindings.some(function (binding) {
+    return binding.bindFrom === "*";
+  });
+  var shouldHide = isChildOfType && element.type === "grid" && hasDataSourceBinding;
+  return shouldHide ? null : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, children);
+};
+
+//# sourceMappingURL=HideIfEntriesListGridWithDataSource.js.map

package/dataInjection/editor/HideIfEntriesListGridWithDataSource.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_editor","_dataInjection","HideIfEntriesListGridWithDataSource","exports","_ref","children","_useActiveElement","useActiveElement","_useActiveElement2","_slicedToArray2","default","element","_useElementBindings","useElementBindings","id","bindings","_useIsElementChildOfT","useIsElementChildOfType","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,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AAMO,IAAMG,mCAAmC,GAAAC,OAAA,CAAAD,mCAAA,GAAG,SAAtCA,mCAAmCA,CAAAE,IAAA,EAEA;EAAA,IAD5CC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;EAER,IAAAC,iBAAA,GAAkB,IAAAC,wBAAgB,EAAC,CAAC;IAAAC,kBAAA,OAAAC,eAAA,CAAAC,OAAA,EAAAJ,iBAAA;IAA7BK,OAAO,GAAAH,kBAAA;EACd,IAAAI,mBAAA,GAAqB,IAAAC,iCAAkB,EAACF,OAAO,CAAEG,EAAE,CAAC;IAA5CC,QAAQ,GAAAH,mBAAA,CAARG,QAAQ;EAChB,IAAAC,qBAAA,GAA0B,IAAAC,+BAAuB,EAACN,OAAO,EAAE,cAAc,CAAC;IAAlEO,aAAa,GAAAF,qBAAA,CAAbE,aAAa;EAErB,IAAI,CAACP,OAAO,EAAE;IACV,OAAO,IAAI;EACf;EAEA,IAAMQ,oBAAoB,GAAGJ,QAAQ,CAACK,IAAI,CAAC,UAAAC,OAAO;IAAA,OAAIA,OAAO,CAACC,QAAQ,KAAK,GAAG;EAAA,EAAC;EAC/E,IAAMC,UAAU,GAAGL,aAAa,IAAIP,OAAO,CAACa,IAAI,KAAK,MAAM,IAAIL,oBAAoB;EAEnF,OAAOI,UAAU,GAAG,IAAI,gBAAG1B,MAAA,CAAAa,OAAA,CAAAe,aAAA,CAAA5B,MAAA,CAAAa,OAAA,CAAAgB,QAAA,QAAGrB,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,19 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SetupElementDataSettings = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _ElementDataSettings = require("./ElementDataSettings");
+var _editor = require("@webiny/app-page-builder/editor");
+var Ui = _editor.EditorConfig.Ui;
+var SetupElementDataSettings = exports.SetupElementDataSettings = function SetupElementDataSettings() {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(Ui.Sidebar.Group, {
+    name: "data",
+    element: /*#__PURE__*/_react.default.createElement(_ElementDataSettings.ElementDataSettings, null)
+  }));
+};
+
+//# sourceMappingURL=SetupElementDataSettings.js.map

package/dataInjection/editor/SetupElementDataSettings.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_ElementDataSettings","_editor","Ui","EditorConfig","SetupElementDataSettings","exports","default","createElement","Fragment","Sidebar","Group","name","element","ElementDataSettings"],"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,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,oBAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AAEA,IAAQG,EAAE,GAAKC,oBAAY,CAAnBD,EAAE;AAEH,IAAME,wBAAwB,GAAAC,OAAA,CAAAD,wBAAA,GAAG,SAA3BA,wBAAwBA,CAAA,EAAS;EAC1C,oBACIP,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAAAV,MAAA,CAAAS,OAAA,CAAAE,QAAA,qBACIX,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACL,EAAE,CAACO,OAAO,CAACC,KAAK;IAACC,IAAI,EAAE,MAAO;IAACC,OAAO,eAAEf,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACP,oBAAA,CAAAa,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,27 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DynamicElementRenderers = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _appPageBuilder = require("@webiny/app-page-builder");
+var _Repeater = require("./Repeater");
+var _EntriesList = require("./EntriesList");
+var _EntriesSearch = require("./EntriesSearch");
+var _DynamicGrid = require("./DynamicGrid");
+var DynamicElementRenderers = exports.DynamicElementRenderers = function DynamicElementRenderers() {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_appPageBuilder.PbRenderElementPlugin, {
+    elementType: "repeater",
+    renderer: _Repeater.RepeaterRenderer
+  }), /*#__PURE__*/_react.default.createElement(_appPageBuilder.PbRenderElementPlugin, {
+    elementType: "entries-list",
+    renderer: _EntriesList.EntriesListRenderer
+  }), /*#__PURE__*/_react.default.createElement(_appPageBuilder.PbRenderElementPlugin, {
+    elementType: "entries-search",
+    renderer: _EntriesSearch.EntriesSearchRenderer
+  }), /*#__PURE__*/_react.default.createElement(_DynamicGrid.DynamicGrid, null));
+};
+
+//# sourceMappingURL=DynamicElementRenderers.js.map

package/dataInjection/renderers/DynamicElementRenderers.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_appPageBuilder","_Repeater","_EntriesList","_EntriesSearch","_DynamicGrid","DynamicElementRenderers","exports","default","createElement","Fragment","PbRenderElementPlugin","elementType","renderer","RepeaterRenderer","EntriesListRenderer","EntriesSearchRenderer","DynamicGrid"],"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,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,eAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AACA,IAAAG,YAAA,GAAAH,OAAA;AACA,IAAAI,cAAA,GAAAJ,OAAA;AACA,IAAAK,YAAA,GAAAL,OAAA;AAEO,IAAMM,uBAAuB,GAAAC,OAAA,CAAAD,uBAAA,GAAG,SAA1BA,uBAAuBA,CAAA,EAAS;EACzC,oBACIR,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAAAX,MAAA,CAAAU,OAAA,CAAAE,QAAA,qBACIZ,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACR,eAAA,CAAAU,qBAAqB;IAACC,WAAW,EAAE,UAAW;IAACC,QAAQ,EAAEC;EAAiB,CAAE,CAAC,eAC9EhB,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACR,eAAA,CAAAU,qBAAqB;IAACC,WAAW,EAAE,cAAe;IAACC,QAAQ,EAAEE;EAAoB,CAAE,CAAC,eACrFjB,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACR,eAAA,CAAAU,qBAAqB;IAClBC,WAAW,EAAE,gBAAiB;IAC9BC,QAAQ,EAAEG;EAAsB,CACnC,CAAC,eACFlB,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACJ,YAAA,CAAAY,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,50 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DynamicGrid = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _react = _interopRequireDefault(require("react"));
+var _appPageBuilderElements = require("@webiny/app-page-builder-elements");
+var _grid = require("@webiny/app-page-builder-elements/renderers/grid");
+var _dataInjection = require("@webiny/app-page-builder/dataInjection");
+var elementInputs = {
+  dataSource: _appPageBuilderElements.ElementInput.create({
+    name: "dataSource",
+    type: "array",
+    translatable: false,
+    getDefaultValue: function getDefaultValue() {
+      return [];
+    }
+  })
+};
+var DynamicGrid = exports.DynamicGrid = _grid.GridRenderer.Component.createDecorator(function (Original) {
+  return function DynamicGrid(props) {
+    var _useRenderer = (0, _appPageBuilderElements.useRenderer)(),
+      getElement = _useRenderer.getElement,
+      getInputValues = _useRenderer.getInputValues;
+    var element = getElement();
+    var inputs = getInputValues();
+    if (Array.isArray(inputs.dataSource)) {
+      var hasData = inputs.dataSource.length > 0;
+      var baseCell = element.elements[0];
+      var dynamicElement = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, element), {}, {
+        elements: hasData ? Array(inputs.dataSource.length).fill(baseCell) : element.elements
+      });
+      return /*#__PURE__*/_react.default.createElement(_appPageBuilderElements.Elements, {
+        element: dynamicElement,
+        wrapper: function wrapper(element, index) {
+          var dataSource = inputs.dataSource ? inputs.dataSource[index] : {};
+          return /*#__PURE__*/_react.default.createElement(_dataInjection.DataSourceDataProvider, {
+            dataSource: dataSource
+          }, element);
+        }
+      });
+    }
+    return /*#__PURE__*/_react.default.createElement(Original, props);
+  };
+});
+
+//# sourceMappingURL=DynamicGrid.js.map

package/dataInjection/renderers/DynamicGrid.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_appPageBuilderElements","_grid","_dataInjection","elementInputs","dataSource","ElementInput","create","name","type","translatable","getDefaultValue","DynamicGrid","exports","GridRenderer","Component","createDecorator","Original","props","_useRenderer","useRenderer","getElement","getInputValues","element","inputs","Array","isArray","hasData","length","baseCell","elements","dynamicElement","_objectSpread2","default","fill","createElement","Elements","wrapper","index","DataSourceDataProvider"],"sources":["DynamicGrid.tsx"],"sourcesContent":["import React from \"react\";\nimport { useRenderer, Elements, ElementInput } from \"@webiny/app-page-builder-elements\";\nimport { GridRenderer } from \"@webiny/app-page-builder-elements/renderers/grid\";\nimport { GenericRecord } from \"@webiny/app/types\";\nimport { DataSourceDataProvider } from \"@webiny/app-page-builder/dataInjection\";\n\nconst elementInputs = {\n    dataSource: ElementInput.create<GenericRecord[]>({\n        name: \"dataSource\",\n        type: \"array\",\n        translatable: false,\n        getDefaultValue() {\n            return [];\n        }\n    })\n};\n\nexport const DynamicGrid = 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,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,uBAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AAEA,IAAAG,cAAA,GAAAH,OAAA;AAEA,IAAMI,aAAa,GAAG;EAClBC,UAAU,EAAEC,oCAAY,CAACC,MAAM,CAAkB;IAC7CC,IAAI,EAAE,YAAY;IAClBC,IAAI,EAAE,OAAO;IACbC,YAAY,EAAE,KAAK;IACnBC,eAAe,WAAfA,eAAeA,CAAA,EAAG;MACd,OAAO,EAAE;IACb;EACJ,CAAC;AACL,CAAC;AAEM,IAAMC,WAAW,GAAAC,OAAA,CAAAD,WAAA,GAAGE,kBAAY,CAACC,SAAS,CAACC,eAAe,CAAC,UAAAC,QAAQ,EAAI;EAC1E,OAAO,SAASL,WAAWA,CAACM,KAAK,EAAE;IAC/B,IAAAC,YAAA,GAAuC,IAAAC,mCAAW,EAAC,CAAC;MAA5CC,UAAU,GAAAF,YAAA,CAAVE,UAAU;MAAEC,cAAc,GAAAH,YAAA,CAAdG,cAAc;IAClC,IAAMC,OAAO,GAAGF,UAAU,CAAC,CAAC;IAC5B,IAAMG,MAAM,GAAGF,cAAc,CAAuB,CAAC;IAErD,IAAIG,KAAK,CAACC,OAAO,CAACF,MAAM,CAACnB,UAAU,CAAC,EAAE;MAClC,IAAMsB,OAAO,GAAGH,MAAM,CAACnB,UAAU,CAACuB,MAAM,GAAG,CAAC;MAE5C,IAAMC,QAAQ,GAAGN,OAAO,CAACO,QAAQ,CAAC,CAAC,CAAC;MACpC,IAAMC,cAAc,OAAAC,cAAA,CAAAC,OAAA,MAAAD,cAAA,CAAAC,OAAA,MACbV,OAAO;QACVO,QAAQ,EAAEH,OAAO,GACXF,KAAK,CAACD,MAAM,CAACnB,UAAU,CAACuB,MAAM,CAAC,CAACM,IAAI,CAACL,QAAQ,CAAC,GAC9CN,OAAO,CAACO;MAAQ,EACzB;MAED,oBACIhC,MAAA,CAAAmC,OAAA,CAAAE,aAAA,CAAClC,uBAAA,CAAAmC,QAAQ;QACLb,OAAO,EAAEQ,cAAe;QACxBM,OAAO,EAAE,SAATA,OAAOA,CAAGd,OAAO,EAAEe,KAAK,EAAK;UACzB,IAAMjC,UAAU,GAAGmB,MAAM,CAACnB,UAAU,GAAGmB,MAAM,CAACnB,UAAU,CAACiC,KAAK,CAAC,GAAG,CAAC,CAAC;UAEpE,oBACIxC,MAAA,CAAAmC,OAAA,CAAAE,aAAA,CAAChC,cAAA,CAAAoC,sBAAsB;YAAClC,UAAU,EAAEA;UAAW,GAC1CkB,OACmB,CAAC;QAEjC;MAAE,CACL,CAAC;IAEV;IAEA,oBAAOzB,MAAA,CAAAmC,OAAA,CAAAE,aAAA,CAAClB,QAAQ,EAAKC,KAAQ,CAAC;EAClC,CAAC;AACL,CAAC,CAAC","ignoreList":[]}