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

package/dataInjection/editor/SetupElementDataSettings.js

@@ -1,18 +1,13 @@
-"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, {
+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.default.createElement(_ElementDataSettings.ElementDataSettings, null)
+    element: /*#__PURE__*/React.createElement(ElementDataSettings, null)
   }));
 };
 

package/dataInjection/editor/SetupElementDataSettings.js.map

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

@@ -1,27 +1,20 @@
-"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, {
+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: _Repeater.RepeaterRenderer
-  }), /*#__PURE__*/_react.default.createElement(_appPageBuilder.PbRenderElementPlugin, {
+    renderer: RepeaterRenderer
+  }), /*#__PURE__*/React.createElement(PbRenderElementPlugin, {
     elementType: "entries-list",
-    renderer: _EntriesList.EntriesListRenderer
-  }), /*#__PURE__*/_react.default.createElement(_appPageBuilder.PbRenderElementPlugin, {
+    renderer: EntriesListRenderer
+  }), /*#__PURE__*/React.createElement(PbRenderElementPlugin, {
     elementType: "entries-search",
-    renderer: _EntriesSearch.EntriesSearchRenderer
-  }), /*#__PURE__*/_react.default.createElement(_DynamicGrid.DynamicGrid, null));
+    renderer: EntriesSearchRenderer
+  }), /*#__PURE__*/React.createElement(DynamicGrid, null));
 };
 
 //# sourceMappingURL=DynamicElementRenderers.js.map

package/dataInjection/renderers/DynamicElementRenderers.js.map

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

@@ -1,49 +1,43 @@
-"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({
+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: function getDefaultValue() {
+    getDefaultValue() {
       return [];
     }
   })
 };
-var DynamicGrid = exports.DynamicGrid = _grid.GridRenderer.Component.createDecorator(function (Original) {
+export const DynamicGrid = GridRenderer.Component.createDecorator(Original => {
   return function DynamicGrid(props) {
-    var _useRenderer = (0, _appPageBuilderElements.useRenderer)(),
-      getElement = _useRenderer.getElement,
-      getInputValues = _useRenderer.getInputValues;
-    var element = getElement();
-    var inputs = getInputValues();
+    const {
+      getElement,
+      getInputValues
+    } = useRenderer();
+    const element = getElement();
+    const 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), {}, {
+      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.default.createElement(_appPageBuilderElements.Elements, {
+      };
+      return /*#__PURE__*/React.createElement(Elements, {
         element: dynamicElement,
-        wrapper: function wrapper(element, index) {
-          var dataSource = inputs.dataSource ? inputs.dataSource[index] : {};
-          return /*#__PURE__*/_react.default.createElement(_dataInjection.DataSourceDataProvider, {
+        wrapper: (element, index) => {
+          const dataSource = inputs.dataSource ? inputs.dataSource[index] : {};
+          return /*#__PURE__*/React.createElement(DataSourceDataProvider, {
             dataSource: dataSource
           }, element);
         }
       });
     }
-    return /*#__PURE__*/_react.default.createElement(Original, props);
+    return /*#__PURE__*/React.createElement(Original, props);
   };
 });
 

package/dataInjection/renderers/DynamicGrid.js.map

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

@@ -1,6 +1,6 @@
 import React from "react";
 import { ElementInput } from "@webiny/app-page-builder-elements";
-import { GenericRecord } from "@webiny/app/types";
+import type { GenericRecord } from "@webiny/app/types";
 export declare const elementInputs: {
     dataSource: ElementInput<GenericRecord[], any>;
 };

package/dataInjection/renderers/EntriesList.js

@@ -1,45 +1,39 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.elementInputs = exports.EntriesListRenderer = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _appPageBuilderElements = require("@webiny/app-page-builder-elements");
-var _dataInjection = require("@webiny/app-page-builder/dataInjection");
-var elementInputs = exports.elementInputs = {
-  dataSource: _appPageBuilderElements.ElementInput.create({
+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: function getDefaultValue() {
+    getDefaultValue() {
       return [];
     }
   })
 };
-var EntriesListRenderer = exports.EntriesListRenderer = (0, _appPageBuilderElements.createRenderer)(function (_ref) {
-  var _ref$ifEmpty = _ref.ifEmpty,
-    ifEmpty = _ref$ifEmpty === void 0 ? null : _ref$ifEmpty;
-  var _useRenderer = (0, _appPageBuilderElements.useRenderer)(),
-    getElement = _useRenderer.getElement,
-    getInputValues = _useRenderer.getInputValues;
-  var element = getElement();
-  var inputs = getInputValues();
-  var dataSources = inputs.dataSource || [];
+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.default.createElement(_appPageBuilderElements.Elements, {
+    return /*#__PURE__*/React.createElement(Elements, {
       element: element
     });
   }
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, dataSources.map(function (dataSource, index) {
-    return /*#__PURE__*/_react.default.createElement(_dataInjection.DataSourceDataProvider, {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, dataSources.map((dataSource, index) => {
+    return /*#__PURE__*/React.createElement(DataSourceDataProvider, {
       dataSource: dataSource,
       key: index
-    }, /*#__PURE__*/_react.default.createElement(_appPageBuilderElements.Elements, {
+    }, /*#__PURE__*/React.createElement(Elements, {
       element: element,
       elementKeyPrefix: index.toString()
     }));

package/dataInjection/renderers/EntriesList.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_appPageBuilderElements","_dataInjection","elementInputs","exports","dataSource","ElementInput","create","name","type","translatable","getDefaultValue","EntriesListRenderer","createRenderer","_ref","_ref$ifEmpty","ifEmpty","_useRenderer","useRenderer","getElement","getInputValues","element","inputs","dataSources","elements","length","default","createElement","Elements","Fragment","map","index","DataSourceDataProvider","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 { 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,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,uBAAA,GAAAD,OAAA;AAOA,IAAAE,cAAA,GAAAF,OAAA;AAEO,IAAMG,aAAa,GAAAC,OAAA,CAAAD,aAAA,GAAG;EACzBE,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;AAMM,IAAMC,mBAAmB,GAAAR,OAAA,CAAAQ,mBAAA,GAAG,IAAAC,sCAAc,EAC7C,UAAAC,IAAA,EAAwB;EAAA,IAAAC,YAAA,GAAAD,IAAA,CAArBE,OAAO;IAAPA,OAAO,GAAAD,YAAA,cAAG,IAAI,GAAAA,YAAA;EACb,IAAAE,YAAA,GAAuC,IAAAC,mCAAW,EAAC,CAAC;IAA5CC,UAAU,GAAAF,YAAA,CAAVE,UAAU;IAAEC,cAAc,GAAAH,YAAA,CAAdG,cAAc;EAElC,IAAMC,OAAO,GAAGF,UAAU,CAAC,CAAC;EAC5B,IAAMG,MAAM,GAAGF,cAAc,CAAuB,CAAC;EACrD,IAAMG,WAAW,GAAGD,MAAM,CAACjB,UAAU,IAAI,EAAE;EAE3C,IAAIgB,OAAO,CAACG,QAAQ,CAACC,MAAM,KAAK,CAAC,EAAE;IAC/B,OAAOT,OAAO;EAClB;EAEA,IAAI,CAACO,WAAW,CAACE,MAAM,EAAE;IACrB,oBAAO3B,MAAA,CAAA4B,OAAA,CAAAC,aAAA,CAAC1B,uBAAA,CAAA2B,QAAQ;MAACP,OAAO,EAAEA;IAAQ,CAAE,CAAC;EACzC;EAEA,oBACIvB,MAAA,CAAA4B,OAAA,CAAAC,aAAA,CAAA7B,MAAA,CAAA4B,OAAA,CAAAG,QAAA,QACKN,WAAW,CAACO,GAAG,CAAC,UAACzB,UAAU,EAAE0B,KAAK,EAAK;IACpC,oBACIjC,MAAA,CAAA4B,OAAA,CAAAC,aAAA,CAACzB,cAAA,CAAA8B,sBAAsB;MAAC3B,UAAU,EAAEA,UAAW;MAAC4B,GAAG,EAAEF;IAAM,gBACvDjC,MAAA,CAAA4B,OAAA,CAAAC,aAAA,CAAC1B,uBAAA,CAAA2B,QAAQ;MAACP,OAAO,EAAEA,OAAQ;MAACa,gBAAgB,EAAEH,KAAK,CAACI,QAAQ,CAAC;IAAE,CAAE,CAC7C,CAAC;EAEjC,CAAC,CACH,CAAC;AAEX,CAAC,EACD;EACIb,MAAM,EAAEnB;AACZ,CACJ,CAAC","ignoreList":[]}
+{"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.js

@@ -1,33 +1,21 @@
-"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.EntriesSearchRenderer = void 0;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = _interopRequireWildcard(require("react"));
-var _appPageBuilderElements = require("@webiny/app-page-builder-elements");
-var _dataInjection = require("@webiny/app-page-builder/dataInjection");
-var EntriesSearchRenderer = exports.EntriesSearchRenderer = (0, _appPageBuilderElements.createRenderer)(function () {
-  var data = (0, _dataInjection.useDataSource)();
-  var _useState = (0, _react.useState)(""),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    value = _useState2[0],
-    setValue = _useState2[1];
-  var onChange = (0, _react.useCallback)(function (e) {
+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();
-    var value = e.target.value;
+    const value = e.target.value;
     setValue(value);
     data.loadData({
       search: value !== "" ? value : undefined
     });
   }, [data]);
-  return /*#__PURE__*/_react.default.createElement("input", {
+  return /*#__PURE__*/React.createElement("input", {
     type: "text",
     placeholder: "Search",
     value: value,

package/dataInjection/renderers/EntriesSearch.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_appPageBuilderElements","_dataInjection","EntriesSearchRenderer","exports","createRenderer","data","useDataSource","_useState","useState","_useState2","_slicedToArray2","default","value","setValue","onChange","useCallback","e","preventDefault","target","loadData","search","undefined","createElement","type","placeholder"],"sources":["EntriesSearch.tsx"],"sourcesContent":["import React, { ChangeEvent, 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":";;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,uBAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AAEO,IAAMG,qBAAqB,GAAAC,OAAA,CAAAD,qBAAA,GAAG,IAAAE,sCAAc,EAAC,YAAM;EACtD,IAAMC,IAAI,GAAG,IAAAC,4BAAa,EAAC,CAAC;EAC5B,IAAAC,SAAA,GAA0B,IAAAC,eAAQ,EAAC,EAAE,CAAC;IAAAC,UAAA,OAAAC,eAAA,CAAAC,OAAA,EAAAJ,SAAA;IAA/BK,KAAK,GAAAH,UAAA;IAAEI,QAAQ,GAAAJ,UAAA;EAEtB,IAAMK,QAAQ,GAAG,IAAAC,kBAAW,EACxB,UAACC,CAAgC,EAAK;IAClC,IAAI,CAACX,IAAI,EAAE;MACP;IACJ;IAEAW,CAAC,CAACC,cAAc,CAAC,CAAC;IAElB,IAAML,KAAK,GAAGI,CAAC,CAACE,MAAM,CAACN,KAAK;IAE5BC,QAAQ,CAACD,KAAK,CAAC;IAEfP,IAAI,CAACc,QAAQ,CAAC;MACVC,MAAM,EAAER,KAAK,KAAK,EAAE,GAAGA,KAAK,GAAGS;IACnC,CAAC,CAAC;EACN,CAAC,EACD,CAAChB,IAAI,CACT,CAAC;EAED,oBAAOR,MAAA,CAAAc,OAAA,CAAAW,aAAA;IAAOC,IAAI,EAAE,MAAO;IAACC,WAAW,EAAE,QAAS;IAACZ,KAAK,EAAEA,KAAM;IAACE,QAAQ,EAAEA;EAAS,CAAE,CAAC;AAC3F,CAAC,CAAC","ignoreList":[]}
+{"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

@@ -1,6 +1,6 @@
 import React from "react";
 import { ElementInput } from "@webiny/app-page-builder-elements";
-import { GenericRecord } from "@webiny/app/types";
+import type { GenericRecord } from "@webiny/app/types";
 export declare const elementInputs: {
     dataSource: ElementInput<GenericRecord[], any>;
 };

package/dataInjection/renderers/Repeater.js

@@ -1,45 +1,39 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.elementInputs = exports.RepeaterRenderer = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _appPageBuilderElements = require("@webiny/app-page-builder-elements");
-var _dataInjection = require("@webiny/app-page-builder/dataInjection");
-var elementInputs = exports.elementInputs = {
-  dataSource: _appPageBuilderElements.ElementInput.create({
+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: function getDefaultValue() {
+    getDefaultValue() {
       return [];
     }
   })
 };
-var RepeaterRenderer = exports.RepeaterRenderer = (0, _appPageBuilderElements.createRenderer)(function (_ref) {
-  var _ref$ifEmpty = _ref.ifEmpty,
-    ifEmpty = _ref$ifEmpty === void 0 ? null : _ref$ifEmpty;
-  var _useRenderer = (0, _appPageBuilderElements.useRenderer)(),
-    getElement = _useRenderer.getElement,
-    getInputValues = _useRenderer.getInputValues;
-  var element = getElement();
-  var inputs = getInputValues();
-  var dataSources = inputs.dataSource || [];
+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.default.createElement(_appPageBuilderElements.Elements, {
+    return /*#__PURE__*/React.createElement(Elements, {
       element: element
     });
   }
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, dataSources.map(function (dataSource, index) {
-    return /*#__PURE__*/_react.default.createElement(_dataInjection.DataSourceDataProvider, {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, dataSources.map((dataSource, index) => {
+    return /*#__PURE__*/React.createElement(DataSourceDataProvider, {
       dataSource: dataSource,
       key: index
-    }, /*#__PURE__*/_react.default.createElement(_appPageBuilderElements.Elements, {
+    }, /*#__PURE__*/React.createElement(Elements, {
       element: element,
       elementKeyPrefix: index.toString()
     }));

package/dataInjection/renderers/Repeater.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_appPageBuilderElements","_dataInjection","elementInputs","exports","dataSource","ElementInput","create","name","type","translatable","getDefaultValue","RepeaterRenderer","createRenderer","_ref","_ref$ifEmpty","ifEmpty","_useRenderer","useRenderer","getElement","getInputValues","element","inputs","dataSources","elements","length","default","createElement","Elements","Fragment","map","index","DataSourceDataProvider","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 { 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,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,uBAAA,GAAAD,OAAA;AAOA,IAAAE,cAAA,GAAAF,OAAA;AAEO,IAAMG,aAAa,GAAAC,OAAA,CAAAD,aAAA,GAAG;EACzBE,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;AAMM,IAAMC,gBAAgB,GAAAR,OAAA,CAAAQ,gBAAA,GAAG,IAAAC,sCAAc,EAC1C,UAAAC,IAAA,EAAwB;EAAA,IAAAC,YAAA,GAAAD,IAAA,CAArBE,OAAO;IAAPA,OAAO,GAAAD,YAAA,cAAG,IAAI,GAAAA,YAAA;EACb,IAAAE,YAAA,GAAuC,IAAAC,mCAAW,EAAC,CAAC;IAA5CC,UAAU,GAAAF,YAAA,CAAVE,UAAU;IAAEC,cAAc,GAAAH,YAAA,CAAdG,cAAc;EAElC,IAAMC,OAAO,GAAGF,UAAU,CAAC,CAAC;EAC5B,IAAMG,MAAM,GAAGF,cAAc,CAAuB,CAAC;EACrD,IAAMG,WAAW,GAAGD,MAAM,CAACjB,UAAU,IAAI,EAAE;EAE3C,IAAIgB,OAAO,CAACG,QAAQ,CAACC,MAAM,KAAK,CAAC,EAAE;IAC/B,OAAOT,OAAO;EAClB;EAEA,IAAI,CAACO,WAAW,CAACE,MAAM,EAAE;IACrB,oBAAO3B,MAAA,CAAA4B,OAAA,CAAAC,aAAA,CAAC1B,uBAAA,CAAA2B,QAAQ;MAACP,OAAO,EAAEA;IAAQ,CAAE,CAAC;EACzC;EAEA,oBACIvB,MAAA,CAAA4B,OAAA,CAAAC,aAAA,CAAA7B,MAAA,CAAA4B,OAAA,CAAAG,QAAA,QACKN,WAAW,CAACO,GAAG,CAAC,UAACzB,UAAU,EAAE0B,KAAK,EAAK;IACpC,oBACIjC,MAAA,CAAA4B,OAAA,CAAAC,aAAA,CAACzB,cAAA,CAAA8B,sBAAsB;MAAC3B,UAAU,EAAEA,UAAW;MAAC4B,GAAG,EAAEF;IAAM,gBACvDjC,MAAA,CAAA4B,OAAA,CAAAC,aAAA,CAAC1B,uBAAA,CAAA2B,QAAQ;MAACP,OAAO,EAAEA,OAAQ;MAACa,gBAAgB,EAAEH,KAAK,CAACI,QAAQ,CAAC;IAAE,CAAE,CAC7C,CAAC;EAEjC,CAAC,CACH,CAAC;AAEX,CAAC,EACD;EACIb,MAAM,EAAEnB;AACZ,CACJ,CAAC","ignoreList":[]}
+{"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.js

@@ -1,40 +1,5 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _hasMainDataSource = require("./pageTemplate/hasMainDataSource");
-Object.keys(_hasMainDataSource).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _hasMainDataSource[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _hasMainDataSource[key];
-    }
-  });
-});
-var _useCreateDynamicTemplate = require("./pageTemplate/createDynamicTemplate/useCreateDynamicTemplate");
-Object.keys(_useCreateDynamicTemplate).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _useCreateDynamicTemplate[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _useCreateDynamicTemplate[key];
-    }
-  });
-});
-var _useListDynamicTemplates = require("./pageTemplate/listDynamicTemplates/useListDynamicTemplates");
-Object.keys(_useListDynamicTemplates).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _useListDynamicTemplates[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _useListDynamicTemplates[key];
-    }
-  });
-});
+export * from "./pageTemplate/hasMainDataSource";
+export * from "./pageTemplate/createDynamicTemplate/useCreateDynamicTemplate";
+export * from "./pageTemplate/listDynamicTemplates/useListDynamicTemplates";
 
 //# sourceMappingURL=index.js.map

package/features/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_hasMainDataSource","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_useCreateDynamicTemplate","_useListDynamicTemplates"],"sources":["index.ts"],"sourcesContent":["export * from \"./pageTemplate/hasMainDataSource\";\nexport * from \"./pageTemplate/createDynamicTemplate/useCreateDynamicTemplate\";\nexport * from \"./pageTemplate/listDynamicTemplates/useListDynamicTemplates\";\n"],"mappings":";;;;;AAAA,IAAAA,kBAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,kBAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,kBAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAT,kBAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAK,yBAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,yBAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,yBAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAC,yBAAA,CAAAL,GAAA;IAAA;EAAA;AAAA;AACA,IAAAM,wBAAA,GAAAV,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAQ,wBAAA,EAAAP,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAM,wBAAA,CAAAN,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAE,wBAAA,CAAAN,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}
+{"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

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

package/features/pageTemplate/createDynamicTemplate/useCreateDynamicTemplate.js

@@ -1,24 +1,17 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useCreateDynamicPageTemplate = void 0;
-var _react = require("react");
-var _slugify = _interopRequireDefault(require("slugify"));
-var _features = require("@webiny/app-page-builder/features");
-var _useListDynamicTemplates = require("../listDynamicTemplates/useListDynamicTemplates");
-var useCreateDynamicPageTemplate = exports.useCreateDynamicPageTemplate = function useCreateDynamicPageTemplate() {
-  var _useListDynamicTempla = (0, _useListDynamicTemplates.useListDynamicTemplates)(),
-    dynamicTemplates = _useListDynamicTempla.dynamicTemplates;
-  var _useCreatePageTemplat = (0, _features.useCreatePageTemplate)(),
-    createPageTemplate = _useCreatePageTemplat.createPageTemplate;
-  var createDynamicPageTemplate = (0, _react.useCallback)(async function (model) {
-    var existingDynamicTemplate = dynamicTemplates.find(function (template) {
-      var dataSource = template.dataSources.find(function (ds) {
-        return ds.name === "main";
-      });
+import { useCallback } from "react";
+import slugify from "slugify";
+import { useCreatePageTemplate } from "@webiny/app-page-builder/features";
+import { useListDynamicTemplates } from "../listDynamicTemplates/useListDynamicTemplates";
+export const useCreateDynamicPageTemplate = () => {
+  const {
+    dynamicTemplates
+  } = useListDynamicTemplates();
+  const {
+    createPageTemplate
+  } = useCreatePageTemplate();
+  const createDynamicPageTemplate = useCallback(async model => {
+    const existingDynamicTemplate = dynamicTemplates.find(template => {
+      const dataSource = template.dataSources.find(ds => ds.name === "main");
       if (!dataSource) {
         return false;
       }
@@ -27,17 +20,17 @@ var useCreateDynamicPageTemplate = exports.useCreateDynamicPageTemplate = functi
     if (existingDynamicTemplate) {
       return existingDynamicTemplate;
     }
-    var templateSlug = (0, _slugify.default)(model.name, {
+    const templateSlug = slugify(model.name, {
       replacement: "-",
       lower: true,
       remove: /[*#\?<>_\{\}\[\]+~.()'"!:;@]/g,
       trim: false
     });
     return createPageTemplate({
-      title: "".concat(model.name, " Page Template"),
+      title: `${model.name} Page Template`,
       slug: templateSlug,
       description: "Dynamic page template",
-      tags: ["model:".concat(model.modelId)],
+      tags: [`model:${model.modelId}`],
       layout: "static",
       dataSources: [{
         name: "main",
@@ -58,7 +51,7 @@ var useCreateDynamicPageTemplate = exports.useCreateDynamicPageTemplate = functi
     });
   }, [dynamicTemplates]);
   return {
-    createDynamicPageTemplate: createDynamicPageTemplate
+    createDynamicPageTemplate
   };
 };