@webiny/app-dynamic-pages 5.43.2 → 6.0.0-alpha.0

package/admin/ContentEntryForm/AddPreviewPane.js

@@ -1,19 +1,14 @@
-"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.AddPreviewPane = void 0;
-var _base = _interopRequireDefault(require("@emotion/styled/base"));
-var _react = _interopRequireWildcard(require("react"));
-var _appHeadlessCms = require("@webiny/app-headless-cms");
-var _features = require("@webiny/app-page-builder/features");
-var _PreviewPane = require("./PreviewPane");
+import _styled from "@emotion/styled/base";
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-var ContentEntry = _appHeadlessCms.ContentEntryEditorConfig.ContentEntry;
-var SplitView = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
+import React, { useMemo } from "react";
+import { useModel } from "@webiny/app-headless-cms";
+import { ContentEntryEditorConfig } from "@webiny/app-headless-cms";
+import { useListPageTemplates } from "@webiny/app-page-builder/features";
+import { PreviewPane } from "./PreviewPane";
+const {
+  ContentEntry
+} = ContentEntryEditorConfig;
+const SplitView = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
   target: "ezyij0e0"
 } : {
   target: "ezyij0e0",
@@ -27,25 +22,25 @@ var SplitView = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV ===
   map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFkZFByZXZpZXdQYW5lLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFTNEIiLCJmaWxlIjoiQWRkUHJldmlld1BhbmUudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IHVzZU1lbW8gfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdXNlTW9kZWwgfSBmcm9tIFwiQHdlYmlueS9hcHAtaGVhZGxlc3MtY21zXCI7XG5pbXBvcnQgeyBDb250ZW50RW50cnlFZGl0b3JDb25maWcgfSBmcm9tIFwiQHdlYmlueS9hcHAtaGVhZGxlc3MtY21zXCI7XG5pbXBvcnQgeyB1c2VMaXN0UGFnZVRlbXBsYXRlcyB9IGZyb20gXCJAd2ViaW55L2FwcC1wYWdlLWJ1aWxkZXIvZmVhdHVyZXNcIjtcbmltcG9ydCB7IFByZXZpZXdQYW5lIH0gZnJvbSBcIn4vYWRtaW4vQ29udGVudEVudHJ5Rm9ybS9QcmV2aWV3UGFuZVwiO1xuXG5jb25zdCB7IENvbnRlbnRFbnRyeSB9ID0gQ29udGVudEVudHJ5RWRpdG9yQ29uZmlnO1xuXG5jb25zdCBTcGxpdFZpZXcgPSBzdHlsZWQuZGl2YFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgPiBkaXYge1xuICAgICAgICBmbGV4OiAxO1xuICAgIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBBZGRQcmV2aWV3UGFuZSA9IENvbnRlbnRFbnRyeS5Db250ZW50RW50cnlGb3JtLmNyZWF0ZURlY29yYXRvcihPcmlnaW5hbCA9PiB7XG4gICAgcmV0dXJuIGZ1bmN0aW9uIENvbnRlbnRFbnRyeUZvcm0ocHJvcHMpIHtcbiAgICAgICAgY29uc3QgeyBtb2RlbCB9ID0gdXNlTW9kZWwoKTtcblxuICAgICAgICBjb25zdCB7IHBhZ2VUZW1wbGF0ZXMgfSA9IHVzZUxpc3RQYWdlVGVtcGxhdGVzKCk7XG5cbiAgICAgICAgY29uc3QgbW9kZWxUZW1wbGF0ZSA9IHVzZU1lbW8oKCkgPT4ge1xuICAgICAgICAgICAgcmV0dXJuIHBhZ2VUZW1wbGF0ZXMuZmluZCh0ZW1wbGF0ZSA9PlxuICAgICAgICAgICAgICAgIHRlbXBsYXRlLmRhdGFTb3VyY2VzLnNvbWUoZHMgPT4ge1xuICAgICAgICAgICAgICAgICAgICByZXR1cm4gZHMubmFtZSA9PT0gXCJtYWluXCIgJiYgZHMuY29uZmlnLm1vZGVsSWQgPT09IG1vZGVsLm1vZGVsSWQ7XG4gICAgICAgICAgICAgICAgfSlcbiAgICAgICAgICAgICk7XG4gICAgICAgIH0sIFtwYWdlVGVtcGxhdGVzXSk7XG5cbiAgICAgICAgaWYgKCFtb2RlbFRlbXBsYXRlKSB7XG4gICAgICAgICAgICByZXR1cm4gPE9yaWdpbmFsIHsuLi5wcm9wc30gLz47XG4gICAgICAgIH1cblxuICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgPFNwbGl0Vmlldz5cbiAgICAgICAgICAgICAgICA8UHJldmlld1BhbmUgdGVtcGxhdGU9e21vZGVsVGVtcGxhdGV9IC8+XG4gICAgICAgICAgICAgICAgPGRpdj5cbiAgICAgICAgICAgICAgICAgICAgPE9yaWdpbmFsIHsuLi5wcm9wc30gLz5cbiAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIDwvU3BsaXRWaWV3PlxuICAgICAgICApO1xuICAgIH07XG59KTtcbiJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
-var AddPreviewPane = exports.AddPreviewPane = ContentEntry.ContentEntryForm.createDecorator(function (Original) {
+export const AddPreviewPane = ContentEntry.ContentEntryForm.createDecorator(Original => {
   return function ContentEntryForm(props) {
-    var _useModel = (0, _appHeadlessCms.useModel)(),
-      model = _useModel.model;
-    var _useListPageTemplates = (0, _features.useListPageTemplates)(),
-      pageTemplates = _useListPageTemplates.pageTemplates;
-    var modelTemplate = (0, _react.useMemo)(function () {
-      return pageTemplates.find(function (template) {
-        return template.dataSources.some(function (ds) {
-          return ds.name === "main" && ds.config.modelId === model.modelId;
-        });
-      });
+    const {
+      model
+    } = useModel();
+    const {
+      pageTemplates
+    } = useListPageTemplates();
+    const modelTemplate = useMemo(() => {
+      return pageTemplates.find(template => template.dataSources.some(ds => {
+        return ds.name === "main" && ds.config.modelId === model.modelId;
+      }));
     }, [pageTemplates]);
     if (!modelTemplate) {
-      return /*#__PURE__*/_react.default.createElement(Original, props);
+      return /*#__PURE__*/React.createElement(Original, props);
     }
-    return /*#__PURE__*/_react.default.createElement(SplitView, null, /*#__PURE__*/_react.default.createElement(_PreviewPane.PreviewPane, {
+    return /*#__PURE__*/React.createElement(SplitView, null, /*#__PURE__*/React.createElement(PreviewPane, {
       template: modelTemplate
-    }), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(Original, props)));
+    }), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Original, props)));
   };
 });
 

package/admin/ContentEntryForm/AddPreviewPane.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_appHeadlessCms","_features","_PreviewPane","_EMOTION_STRINGIFIED_CSS_ERROR__","ContentEntry","ContentEntryEditorConfig","SplitView","_base","default","process","env","NODE_ENV","target","label","name","styles","map","toString","AddPreviewPane","exports","ContentEntryForm","createDecorator","Original","props","_useModel","useModel","model","_useListPageTemplates","useListPageTemplates","pageTemplates","modelTemplate","useMemo","find","template","dataSources","some","ds","config","modelId","createElement","PreviewPane"],"sources":["AddPreviewPane.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport styled from \"@emotion/styled\";\nimport { useModel } from \"@webiny/app-headless-cms\";\nimport { ContentEntryEditorConfig } from \"@webiny/app-headless-cms\";\nimport { useListPageTemplates } from \"@webiny/app-page-builder/features\";\nimport { PreviewPane } from \"~/admin/ContentEntryForm/PreviewPane\";\n\nconst { ContentEntry } = ContentEntryEditorConfig;\n\nconst SplitView = styled.div`\n    display: flex;\n    > div {\n        flex: 1;\n    }\n`;\n\nexport const AddPreviewPane = ContentEntry.ContentEntryForm.createDecorator(Original => {\n    return function ContentEntryForm(props) {\n        const { model } = useModel();\n\n        const { pageTemplates } = useListPageTemplates();\n\n        const modelTemplate = useMemo(() => {\n            return pageTemplates.find(template =>\n                template.dataSources.some(ds => {\n                    return ds.name === \"main\" && ds.config.modelId === model.modelId;\n                })\n            );\n        }, [pageTemplates]);\n\n        if (!modelTemplate) {\n            return <Original {...props} />;\n        }\n\n        return (\n            <SplitView>\n                <PreviewPane template={modelTemplate} />\n                <div>\n                    <Original {...props} />\n                </div>\n            </SplitView>\n        );\n    };\n});\n"],"mappings":";;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,eAAA,GAAAD,OAAA;AAEA,IAAAE,SAAA,GAAAF,OAAA;AACA,IAAAG,YAAA,GAAAH,OAAA;AAAmE,SAAAI,iCAAA;AAEnE,IAAQC,YAAY,GAAKC,wCAAwB,CAAzCD,YAAY;AAEpB,IAAME,SAAS,oBAAAC,KAAA,CAAAC,OAAA,SAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,GAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAG,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,GAAA;EAAAC,QAAA,EAAAd;AAAA,EAKd;AAEM,IAAMe,cAAc,GAAAC,OAAA,CAAAD,cAAA,GAAGd,YAAY,CAACgB,gBAAgB,CAACC,eAAe,CAAC,UAAAC,QAAQ,EAAI;EACpF,OAAO,SAASF,gBAAgBA,CAACG,KAAK,EAAE;IACpC,IAAAC,SAAA,GAAkB,IAAAC,wBAAQ,EAAC,CAAC;MAApBC,KAAK,GAAAF,SAAA,CAALE,KAAK;IAEb,IAAAC,qBAAA,GAA0B,IAAAC,8BAAoB,EAAC,CAAC;MAAxCC,aAAa,GAAAF,qBAAA,CAAbE,aAAa;IAErB,IAAMC,aAAa,GAAG,IAAAC,cAAO,EAAC,YAAM;MAChC,OAAOF,aAAa,CAACG,IAAI,CAAC,UAAAC,QAAQ;QAAA,OAC9BA,QAAQ,CAACC,WAAW,CAACC,IAAI,CAAC,UAAAC,EAAE,EAAI;UAC5B,OAAOA,EAAE,CAACtB,IAAI,KAAK,MAAM,IAAIsB,EAAE,CAACC,MAAM,CAACC,OAAO,KAAKZ,KAAK,CAACY,OAAO;QACpE,CAAC,CAAC;MAAA,CACN,CAAC;IACL,CAAC,EAAE,CAACT,aAAa,CAAC,CAAC;IAEnB,IAAI,CAACC,aAAa,EAAE;MAChB,oBAAOjC,MAAA,CAAAW,OAAA,CAAA+B,aAAA,CAACjB,QAAQ,EAAKC,KAAQ,CAAC;IAClC;IAEA,oBACI1B,MAAA,CAAAW,OAAA,CAAA+B,aAAA,CAACjC,SAAS,qBACNT,MAAA,CAAAW,OAAA,CAAA+B,aAAA,CAACrC,YAAA,CAAAsC,WAAW;MAACP,QAAQ,EAAEH;IAAc,CAAE,CAAC,eACxCjC,MAAA,CAAAW,OAAA,CAAA+B,aAAA,2BACI1C,MAAA,CAAAW,OAAA,CAAA+B,aAAA,CAACjB,QAAQ,EAAKC,KAAQ,CACrB,CACE,CAAC;EAEpB,CAAC;AACL,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useMemo","useModel","ContentEntryEditorConfig","useListPageTemplates","PreviewPane","ContentEntry","SplitView","_styled","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","AddPreviewPane","ContentEntryForm","createDecorator","Original","props","model","pageTemplates","modelTemplate","find","template","dataSources","some","ds","config","modelId","createElement"],"sources":["AddPreviewPane.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport styled from \"@emotion/styled\";\nimport { useModel } from \"@webiny/app-headless-cms\";\nimport { ContentEntryEditorConfig } from \"@webiny/app-headless-cms\";\nimport { useListPageTemplates } from \"@webiny/app-page-builder/features\";\nimport { PreviewPane } from \"~/admin/ContentEntryForm/PreviewPane\";\n\nconst { ContentEntry } = ContentEntryEditorConfig;\n\nconst SplitView = styled.div`\n    display: flex;\n    > div {\n        flex: 1;\n    }\n`;\n\nexport const AddPreviewPane = ContentEntry.ContentEntryForm.createDecorator(Original => {\n    return function ContentEntryForm(props) {\n        const { model } = useModel();\n\n        const { pageTemplates } = useListPageTemplates();\n\n        const modelTemplate = useMemo(() => {\n            return pageTemplates.find(template =>\n                template.dataSources.some(ds => {\n                    return ds.name === \"main\" && ds.config.modelId === model.modelId;\n                })\n            );\n        }, [pageTemplates]);\n\n        if (!modelTemplate) {\n            return <Original {...props} />;\n        }\n\n        return (\n            <SplitView>\n                <PreviewPane template={modelTemplate} />\n                <div>\n                    <Original {...props} />\n                </div>\n            </SplitView>\n        );\n    };\n});\n"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AAEtC,SAASC,QAAQ,QAAQ,0BAA0B;AACnD,SAASC,wBAAwB,QAAQ,0BAA0B;AACnE,SAASC,oBAAoB,QAAQ,mCAAmC;AACxE,SAASC,WAAW;AAEpB,MAAM;EAAEC;AAAa,CAAC,GAAGH,wBAAwB;AAEjD,MAAMI,SAAS,gBAAAC,OAAA,QAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,GAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAG,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,GAAA;EAAAC,QAAA,EAAAC;AAAA,EAKd;AAED,OAAO,MAAMC,cAAc,GAAGb,YAAY,CAACc,gBAAgB,CAACC,eAAe,CAACC,QAAQ,IAAI;EACpF,OAAO,SAASF,gBAAgBA,CAACG,KAAK,EAAE;IACpC,MAAM;MAAEC;IAAM,CAAC,GAAGtB,QAAQ,CAAC,CAAC;IAE5B,MAAM;MAAEuB;IAAc,CAAC,GAAGrB,oBAAoB,CAAC,CAAC;IAEhD,MAAMsB,aAAa,GAAGzB,OAAO,CAAC,MAAM;MAChC,OAAOwB,aAAa,CAACE,IAAI,CAACC,QAAQ,IAC9BA,QAAQ,CAACC,WAAW,CAACC,IAAI,CAACC,EAAE,IAAI;QAC5B,OAAOA,EAAE,CAACjB,IAAI,KAAK,MAAM,IAAIiB,EAAE,CAACC,MAAM,CAACC,OAAO,KAAKT,KAAK,CAACS,OAAO;MACpE,CAAC,CACL,CAAC;IACL,CAAC,EAAE,CAACR,aAAa,CAAC,CAAC;IAEnB,IAAI,CAACC,aAAa,EAAE;MAChB,oBAAO1B,KAAA,CAAAkC,aAAA,CAACZ,QAAQ,EAAKC,KAAQ,CAAC;IAClC;IAEA,oBACIvB,KAAA,CAAAkC,aAAA,CAAC3B,SAAS,qBACNP,KAAA,CAAAkC,aAAA,CAAC7B,WAAW;MAACuB,QAAQ,EAAEF;IAAc,CAAE,CAAC,eACxC1B,KAAA,CAAAkC,aAAA,2BACIlC,KAAA,CAAAkC,aAAA,CAACZ,QAAQ,EAAKC,KAAQ,CACrB,CACE,CAAC;EAEpB,CAAC;AACL,CAAC,CAAC","ignoreList":[]}

package/admin/ContentEntryForm/PassEntryToDataSource.js

@@ -1,75 +1,55 @@
-"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.PassEntryToDataSource = void 0;
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _react = _interopRequireWildcard(require("react"));
-var _mobx = require("mobx");
-var _appHeadlessCms = require("@webiny/app-headless-cms");
-var _features = require("@webiny/app-page-builder/features");
-var ContentEntryForm = _appHeadlessCms.ContentEntryEditorConfig.ContentEntry.ContentEntryForm;
-var WithLocalData = /*#__PURE__*/function () {
-  function WithLocalData(entryContainer, decoratee) {
-    (0, _classCallCheck2.default)(this, WithLocalData);
+import React, { useCallback, useEffect, useMemo } from "react";
+import { makeAutoObservable } from "mobx";
+import { ContentEntryEditorConfig } from "@webiny/app-headless-cms";
+import { useLoadDataSource } from "@webiny/app-page-builder/features";
+const {
+  ContentEntry: {
+    ContentEntryForm
+  }
+} = ContentEntryEditorConfig;
+class WithLocalData {
+  constructor(entryContainer, decoratee) {
     this.entryContainer = entryContainer;
     this.decoratee = decoratee;
-    (0, _mobx.makeAutoObservable)(this);
+    makeAutoObservable(this);
   }
-  return (0, _createClass2.default)(WithLocalData, [{
-    key: "getData",
-    value: function getData(key) {
-      if (key.startsWith("main:")) {
-        return this.entryContainer.getEntry();
-      }
-      return this.decoratee.getData(key);
+  getData(key) {
+    if (key.startsWith("main:")) {
+      return this.entryContainer.getEntry();
     }
-  }, {
-    key: "resolveData",
-    value: async function resolveData(request) {
-      if (request.getName() === "main") {
-        return;
-      }
-      return this.decoratee.resolveData(request);
+    return this.decoratee.getData(key);
+  }
+  async resolveData(request) {
+    if (request.getName() === "main") {
+      return;
     }
-  }]);
-}();
-var EntryContainer = /*#__PURE__*/function () {
-  function EntryContainer(entry) {
-    (0, _classCallCheck2.default)(this, EntryContainer);
+    return this.decoratee.resolveData(request);
+  }
+}
+class EntryContainer {
+  constructor(entry) {
     this.entry = entry;
-    (0, _mobx.makeAutoObservable)(this);
+    makeAutoObservable(this);
   }
-  return (0, _createClass2.default)(EntryContainer, [{
-    key: "setEntry",
-    value: function setEntry(entry) {
-      this.entry = entry;
-    }
-  }, {
-    key: "getEntry",
-    value: function getEntry() {
-      return this.entry;
-    }
-  }]);
-}();
-var PassEntryToDataSource = exports.PassEntryToDataSource = ContentEntryForm.createDecorator(function (Original) {
+  setEntry(entry) {
+    this.entry = entry;
+  }
+  getEntry() {
+    return this.entry;
+  }
+}
+export const PassEntryToDataSource = ContentEntryForm.createDecorator(Original => {
   return function PassEntryToDataSource(props) {
-    var entryContainer = (0, _react.useMemo)(function () {
-      return new EntryContainer(props.entry);
-    }, []);
-    var onEntryChange = (0, _react.useCallback)(function (entry) {
+    const entryContainer = useMemo(() => new EntryContainer(props.entry), []);
+    const onEntryChange = useCallback(entry => {
       entryContainer.setEntry(entry);
     }, []);
-    (0, _react.useEffect)(function () {
-      return _features.useLoadDataSource.decorateRepository(function (repository) {
+    useEffect(() => {
+      return useLoadDataSource.decorateRepository(repository => {
         return new WithLocalData(entryContainer, repository);
       });
     }, []);
-    return /*#__PURE__*/_react.default.createElement(Original, Object.assign({}, props, {
+    return /*#__PURE__*/React.createElement(Original, Object.assign({}, props, {
       onChange: onEntryChange
     }));
   };

package/admin/ContentEntryForm/PassEntryToDataSource.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_mobx","_appHeadlessCms","_features","ContentEntryForm","ContentEntryEditorConfig","ContentEntry","WithLocalData","entryContainer","decoratee","_classCallCheck2","default","makeAutoObservable","_createClass2","key","value","getData","startsWith","getEntry","resolveData","request","getName","EntryContainer","entry","setEntry","PassEntryToDataSource","exports","createDecorator","Original","props","useMemo","onEntryChange","useCallback","useEffect","useLoadDataSource","decorateRepository","repository","createElement","Object","assign","onChange"],"sources":["PassEntryToDataSource.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo } from \"react\";\nimport { makeAutoObservable } from \"mobx\";\nimport { ContentEntryEditorConfig } from \"@webiny/app-headless-cms\";\nimport { CmsContentEntry } from \"@webiny/app-headless-cms/types\";\nimport { useLoadDataSource } from \"@webiny/app-page-builder/features\";\nimport {\n    DataRequest,\n    DataSourceData,\n    IResolveDataSourceRepository\n} from \"@webiny/app-page-builder/features/dataSource/loadDataSource/IResolveDataSourceRepository\";\n\ntype OnChange = NonNullable<React.ComponentProps<typeof ContentEntryForm>[\"onChange\"]>;\n\nconst {\n    ContentEntry: { ContentEntryForm }\n} = ContentEntryEditorConfig;\n\nclass WithLocalData implements IResolveDataSourceRepository {\n    private decoratee: IResolveDataSourceRepository;\n    private entryContainer: EntryContainer;\n\n    constructor(entryContainer: EntryContainer, decoratee: IResolveDataSourceRepository) {\n        this.entryContainer = entryContainer;\n        this.decoratee = decoratee;\n        makeAutoObservable(this);\n    }\n\n    getData(key: string): DataSourceData | undefined {\n        if (key.startsWith(\"main:\")) {\n            return this.entryContainer.getEntry();\n        }\n\n        return this.decoratee.getData(key);\n    }\n\n    async resolveData(request: DataRequest): Promise<void> {\n        if (request.getName() === \"main\") {\n            return;\n        }\n\n        return this.decoratee.resolveData(request);\n    }\n}\n\nclass EntryContainer {\n    private entry: Partial<CmsContentEntry>;\n\n    constructor(entry: Partial<CmsContentEntry>) {\n        this.entry = entry;\n        makeAutoObservable(this);\n    }\n\n    setEntry(entry: Partial<CmsContentEntry>) {\n        this.entry = entry;\n    }\n\n    getEntry() {\n        return this.entry;\n    }\n}\n\nexport const PassEntryToDataSource = ContentEntryForm.createDecorator(Original => {\n    return function PassEntryToDataSource(props) {\n        const entryContainer = useMemo(() => new EntryContainer(props.entry), []);\n\n        const onEntryChange = useCallback<OnChange>(entry => {\n            entryContainer.setEntry(entry);\n        }, []);\n\n        useEffect(() => {\n            return useLoadDataSource.decorateRepository(repository => {\n                return new WithLocalData(entryContainer, repository);\n            });\n        }, []);\n\n        return <Original {...props} onChange={onEntryChange} />;\n    };\n});\n"],"mappings":";;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,eAAA,GAAAF,OAAA;AAEA,IAAAG,SAAA,GAAAH,OAAA;AASA,IACoBI,gBAAgB,GAChCC,wCAAwB,CADxBC,YAAY,CAAIF,gBAAgB;AACP,IAEvBG,aAAa;EAIf,SAAAA,cAAYC,cAA8B,EAAEC,SAAuC,EAAE;IAAA,IAAAC,gBAAA,CAAAC,OAAA,QAAAJ,aAAA;IACjF,IAAI,CAACC,cAAc,GAAGA,cAAc;IACpC,IAAI,CAACC,SAAS,GAAGA,SAAS;IAC1B,IAAAG,wBAAkB,EAAC,IAAI,CAAC;EAC5B;EAAC,WAAAC,aAAA,CAAAF,OAAA,EAAAJ,aAAA;IAAAO,GAAA;IAAAC,KAAA,EAED,SAAAC,OAAOA,CAACF,GAAW,EAA8B;MAC7C,IAAIA,GAAG,CAACG,UAAU,CAAC,OAAO,CAAC,EAAE;QACzB,OAAO,IAAI,CAACT,cAAc,CAACU,QAAQ,CAAC,CAAC;MACzC;MAEA,OAAO,IAAI,CAACT,SAAS,CAACO,OAAO,CAACF,GAAG,CAAC;IACtC;EAAC;IAAAA,GAAA;IAAAC,KAAA,EAED,eAAMI,WAAWA,CAACC,OAAoB,EAAiB;MACnD,IAAIA,OAAO,CAACC,OAAO,CAAC,CAAC,KAAK,MAAM,EAAE;QAC9B;MACJ;MAEA,OAAO,IAAI,CAACZ,SAAS,CAACU,WAAW,CAACC,OAAO,CAAC;IAC9C;EAAC;AAAA;AAAA,IAGCE,cAAc;EAGhB,SAAAA,eAAYC,KAA+B,EAAE;IAAA,IAAAb,gBAAA,CAAAC,OAAA,QAAAW,cAAA;IACzC,IAAI,CAACC,KAAK,GAAGA,KAAK;IAClB,IAAAX,wBAAkB,EAAC,IAAI,CAAC;EAC5B;EAAC,WAAAC,aAAA,CAAAF,OAAA,EAAAW,cAAA;IAAAR,GAAA;IAAAC,KAAA,EAED,SAAAS,QAAQA,CAACD,KAA+B,EAAE;MACtC,IAAI,CAACA,KAAK,GAAGA,KAAK;IACtB;EAAC;IAAAT,GAAA;IAAAC,KAAA,EAED,SAAAG,QAAQA,CAAA,EAAG;MACP,OAAO,IAAI,CAACK,KAAK;IACrB;EAAC;AAAA;AAGE,IAAME,qBAAqB,GAAAC,OAAA,CAAAD,qBAAA,GAAGrB,gBAAgB,CAACuB,eAAe,CAAC,UAAAC,QAAQ,EAAI;EAC9E,OAAO,SAASH,qBAAqBA,CAACI,KAAK,EAAE;IACzC,IAAMrB,cAAc,GAAG,IAAAsB,cAAO,EAAC;MAAA,OAAM,IAAIR,cAAc,CAACO,KAAK,CAACN,KAAK,CAAC;IAAA,GAAE,EAAE,CAAC;IAEzE,IAAMQ,aAAa,GAAG,IAAAC,kBAAW,EAAW,UAAAT,KAAK,EAAI;MACjDf,cAAc,CAACgB,QAAQ,CAACD,KAAK,CAAC;IAClC,CAAC,EAAE,EAAE,CAAC;IAEN,IAAAU,gBAAS,EAAC,YAAM;MACZ,OAAOC,2BAAiB,CAACC,kBAAkB,CAAC,UAAAC,UAAU,EAAI;QACtD,OAAO,IAAI7B,aAAa,CAACC,cAAc,EAAE4B,UAAU,CAAC;MACxD,CAAC,CAAC;IACN,CAAC,EAAE,EAAE,CAAC;IAEN,oBAAOtC,MAAA,CAAAa,OAAA,CAAA0B,aAAA,CAACT,QAAQ,EAAAU,MAAA,CAAAC,MAAA,KAAKV,KAAK;MAAEW,QAAQ,EAAET;IAAc,EAAE,CAAC;EAC3D,CAAC;AACL,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useCallback","useEffect","useMemo","makeAutoObservable","ContentEntryEditorConfig","useLoadDataSource","ContentEntry","ContentEntryForm","WithLocalData","constructor","entryContainer","decoratee","getData","key","startsWith","getEntry","resolveData","request","getName","EntryContainer","entry","setEntry","PassEntryToDataSource","createDecorator","Original","props","onEntryChange","decorateRepository","repository","createElement","Object","assign","onChange"],"sources":["PassEntryToDataSource.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo } from \"react\";\nimport { makeAutoObservable } from \"mobx\";\nimport { ContentEntryEditorConfig } from \"@webiny/app-headless-cms\";\nimport { CmsContentEntry } from \"@webiny/app-headless-cms/types\";\nimport { useLoadDataSource } from \"@webiny/app-page-builder/features\";\nimport {\n    DataRequest,\n    DataSourceData,\n    IResolveDataSourceRepository\n} from \"@webiny/app-page-builder/features/dataSource/loadDataSource/IResolveDataSourceRepository\";\n\ntype OnChange = NonNullable<React.ComponentProps<typeof ContentEntryForm>[\"onChange\"]>;\n\nconst {\n    ContentEntry: { ContentEntryForm }\n} = ContentEntryEditorConfig;\n\nclass WithLocalData implements IResolveDataSourceRepository {\n    private decoratee: IResolveDataSourceRepository;\n    private entryContainer: EntryContainer;\n\n    constructor(entryContainer: EntryContainer, decoratee: IResolveDataSourceRepository) {\n        this.entryContainer = entryContainer;\n        this.decoratee = decoratee;\n        makeAutoObservable(this);\n    }\n\n    getData(key: string): DataSourceData | undefined {\n        if (key.startsWith(\"main:\")) {\n            return this.entryContainer.getEntry();\n        }\n\n        return this.decoratee.getData(key);\n    }\n\n    async resolveData(request: DataRequest): Promise<void> {\n        if (request.getName() === \"main\") {\n            return;\n        }\n\n        return this.decoratee.resolveData(request);\n    }\n}\n\nclass EntryContainer {\n    private entry: Partial<CmsContentEntry>;\n\n    constructor(entry: Partial<CmsContentEntry>) {\n        this.entry = entry;\n        makeAutoObservable(this);\n    }\n\n    setEntry(entry: Partial<CmsContentEntry>) {\n        this.entry = entry;\n    }\n\n    getEntry() {\n        return this.entry;\n    }\n}\n\nexport const PassEntryToDataSource = ContentEntryForm.createDecorator(Original => {\n    return function PassEntryToDataSource(props) {\n        const entryContainer = useMemo(() => new EntryContainer(props.entry), []);\n\n        const onEntryChange = useCallback<OnChange>(entry => {\n            entryContainer.setEntry(entry);\n        }, []);\n\n        useEffect(() => {\n            return useLoadDataSource.decorateRepository(repository => {\n                return new WithLocalData(entryContainer, repository);\n            });\n        }, []);\n\n        return <Original {...props} onChange={onEntryChange} />;\n    };\n});\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,SAAS,EAAEC,OAAO,QAAQ,OAAO;AAC9D,SAASC,kBAAkB,QAAQ,MAAM;AACzC,SAASC,wBAAwB,QAAQ,0BAA0B;AAEnE,SAASC,iBAAiB,QAAQ,mCAAmC;AASrE,MAAM;EACFC,YAAY,EAAE;IAAEC;EAAiB;AACrC,CAAC,GAAGH,wBAAwB;AAE5B,MAAMI,aAAa,CAAyC;EAIxDC,WAAWA,CAACC,cAA8B,EAAEC,SAAuC,EAAE;IACjF,IAAI,CAACD,cAAc,GAAGA,cAAc;IACpC,IAAI,CAACC,SAAS,GAAGA,SAAS;IAC1BR,kBAAkB,CAAC,IAAI,CAAC;EAC5B;EAEAS,OAAOA,CAACC,GAAW,EAA8B;IAC7C,IAAIA,GAAG,CAACC,UAAU,CAAC,OAAO,CAAC,EAAE;MACzB,OAAO,IAAI,CAACJ,cAAc,CAACK,QAAQ,CAAC,CAAC;IACzC;IAEA,OAAO,IAAI,CAACJ,SAAS,CAACC,OAAO,CAACC,GAAG,CAAC;EACtC;EAEA,MAAMG,WAAWA,CAACC,OAAoB,EAAiB;IACnD,IAAIA,OAAO,CAACC,OAAO,CAAC,CAAC,KAAK,MAAM,EAAE;MAC9B;IACJ;IAEA,OAAO,IAAI,CAACP,SAAS,CAACK,WAAW,CAACC,OAAO,CAAC;EAC9C;AACJ;AAEA,MAAME,cAAc,CAAC;EAGjBV,WAAWA,CAACW,KAA+B,EAAE;IACzC,IAAI,CAACA,KAAK,GAAGA,KAAK;IAClBjB,kBAAkB,CAAC,IAAI,CAAC;EAC5B;EAEAkB,QAAQA,CAACD,KAA+B,EAAE;IACtC,IAAI,CAACA,KAAK,GAAGA,KAAK;EACtB;EAEAL,QAAQA,CAAA,EAAG;IACP,OAAO,IAAI,CAACK,KAAK;EACrB;AACJ;AAEA,OAAO,MAAME,qBAAqB,GAAGf,gBAAgB,CAACgB,eAAe,CAACC,QAAQ,IAAI;EAC9E,OAAO,SAASF,qBAAqBA,CAACG,KAAK,EAAE;IACzC,MAAMf,cAAc,GAAGR,OAAO,CAAC,MAAM,IAAIiB,cAAc,CAACM,KAAK,CAACL,KAAK,CAAC,EAAE,EAAE,CAAC;IAEzE,MAAMM,aAAa,GAAG1B,WAAW,CAAWoB,KAAK,IAAI;MACjDV,cAAc,CAACW,QAAQ,CAACD,KAAK,CAAC;IAClC,CAAC,EAAE,EAAE,CAAC;IAENnB,SAAS,CAAC,MAAM;MACZ,OAAOI,iBAAiB,CAACsB,kBAAkB,CAACC,UAAU,IAAI;QACtD,OAAO,IAAIpB,aAAa,CAACE,cAAc,EAAEkB,UAAU,CAAC;MACxD,CAAC,CAAC;IACN,CAAC,EAAE,EAAE,CAAC;IAEN,oBAAO7B,KAAA,CAAA8B,aAAA,CAACL,QAAQ,EAAAM,MAAA,CAAAC,MAAA,KAAKN,KAAK;MAAEO,QAAQ,EAAEN;IAAc,EAAE,CAAC;EAC3D,CAAC;AACL,CAAC,CAAC","ignoreList":[]}

package/admin/ContentEntryForm/PreviewPane.js

@@ -1,19 +1,12 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.PreviewPane = void 0;
-var _base = _interopRequireDefault(require("@emotion/styled/base"));
-var _react = _interopRequireDefault(require("react"));
-var _admin = require("@webiny/app-page-builder/admin");
-var _appPageBuilderElements = require("@webiny/app-page-builder-elements");
-var _dataInjection = require("@webiny/app-page-builder/dataInjection");
-var _icons = require("@webiny/ui/List/DataList/icons");
-var _features = require("@webiny/app-page-builder/features");
+import _styled from "@emotion/styled/base";
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-var LivePreviewContainer = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
+import React from "react";
+import { RenderPluginsLoader } from "@webiny/app-page-builder/admin";
+import { Content } from "@webiny/app-page-builder-elements";
+import { DataSourceProvider, DynamicDocumentProvider } from "@webiny/app-page-builder/dataInjection";
+import { RefreshIcon } from "@webiny/ui/List/DataList/icons";
+import { useRefreshPageTemplates } from "@webiny/app-page-builder/features";
+const LivePreviewContainer = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
   target: "e1n62h5y1"
 } : {
   target: "e1n62h5y1",
@@ -27,7 +20,7 @@ var LivePreviewContainer = /*#__PURE__*/(0, _base.default)("div", process.env.NO
   map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlByZXZpZXdQYW5lLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFZdUMiLCJmaWxlIjoiUHJldmlld1BhbmUudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBQYlBhZ2VUZW1wbGF0ZVdpdGhDb250ZW50IH0gZnJvbSBcIkB3ZWJpbnkvYXBwLXBhZ2UtYnVpbGRlci90eXBlc1wiO1xuaW1wb3J0IHsgUmVuZGVyUGx1Z2luc0xvYWRlciB9IGZyb20gXCJAd2ViaW55L2FwcC1wYWdlLWJ1aWxkZXIvYWRtaW5cIjtcbmltcG9ydCB7IENvbnRlbnQgfSBmcm9tIFwiQHdlYmlueS9hcHAtcGFnZS1idWlsZGVyLWVsZW1lbnRzXCI7XG5pbXBvcnQge1xuICAgIERhdGFTb3VyY2VQcm92aWRlcixcbiAgICBEeW5hbWljRG9jdW1lbnRQcm92aWRlclxufSBmcm9tIFwiQHdlYmlueS9hcHAtcGFnZS1idWlsZGVyL2RhdGFJbmplY3Rpb25cIjtcbmltcG9ydCB7IFJlZnJlc2hJY29uIH0gZnJvbSBcIkB3ZWJpbnkvdWkvTGlzdC9EYXRhTGlzdC9pY29uc1wiO1xuaW1wb3J0IHsgdXNlUmVmcmVzaFBhZ2VUZW1wbGF0ZXMgfSBmcm9tIFwiQHdlYmlueS9hcHAtcGFnZS1idWlsZGVyL2ZlYXR1cmVzXCI7XG5cbmNvbnN0IExpdmVQcmV2aWV3Q29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgIGJvcmRlci1yaWdodDogMXB4IHNvbGlkIHZhcigtLW1kYy10aGVtZS1vbi1iYWNrZ3JvdW5kKTtcbiAgICBoZWlnaHQ6IGNhbGMoMTAwdmggLSAyNjBweCk7XG4gICAgb3ZlcmZsb3c6IGF1dG87XG5gO1xuXG5jb25zdCBIZWFkZXIgPSBzdHlsZWQuZGl2YFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgcGFkZGluZzogMTVweDtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gICAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkIHZhcigtLW1kYy10aGVtZS1vbi1iYWNrZ3JvdW5kKTtcbiAgICBmb250LXNpemU6IDI0cHg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbmA7XG5cbmV4cG9ydCBpbnRlcmZhY2UgUHJldmlld1BhbmVQcm9wcyB7XG4gICAgdGVtcGxhdGU6IFBiUGFnZVRlbXBsYXRlV2l0aENvbnRlbnQ7XG59XG5cbmV4cG9ydCBjb25zdCBQcmV2aWV3UGFuZSA9ICh7IHRlbXBsYXRlIH06IFByZXZpZXdQYW5lUHJvcHMpID0+IHtcbiAgICBjb25zdCBtYWluRGF0YVNvdXJjZSA9IHRlbXBsYXRlLmRhdGFTb3VyY2VzLmZpbmQoZHMgPT4gZHMubmFtZSA9PT0gXCJtYWluXCIpO1xuICAgIGNvbnN0IHsgcmVmcmVzaFBhZ2VUZW1wbGF0ZXMgfSA9IHVzZVJlZnJlc2hQYWdlVGVtcGxhdGVzKCk7XG5cbiAgICByZXR1cm4gKFxuICAgICAgICA8UmVuZGVyUGx1Z2luc0xvYWRlcj5cbiAgICAgICAgICAgIDxMaXZlUHJldmlld0NvbnRhaW5lcj5cbiAgICAgICAgICAgICAgICA8SGVhZGVyPlxuICAgICAgICAgICAgICAgICAgICB7dGVtcGxhdGUudGl0bGV9XG4gICAgICAgICAgICAgICAgICAgIDxSZWZyZXNoSWNvbiBvbkNsaWNrPXsoKSA9PiByZWZyZXNoUGFnZVRlbXBsYXRlcygpfSAvPlxuICAgICAgICAgICAgICAgIDwvSGVhZGVyPlxuICAgICAgICAgICAgICAgIDxEeW5hbWljRG9jdW1lbnRQcm92aWRlclxuICAgICAgICAgICAgICAgICAgICBkYXRhU291cmNlcz17dGVtcGxhdGUuZGF0YVNvdXJjZXN9XG4gICAgICAgICAgICAgICAgICAgIGRhdGFCaW5kaW5ncz17dGVtcGxhdGUuZGF0YUJpbmRpbmdzfVxuICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgICAgPERhdGFTb3VyY2VQcm92aWRlciBkYXRhU291cmNlPXttYWluRGF0YVNvdXJjZSF9PlxuICAgICAgICAgICAgICAgICAgICAgICAgPENvbnRlbnQgY29udGVudD17dGVtcGxhdGUuY29udGVudH0gLz5cbiAgICAgICAgICAgICAgICAgICAgPC9EYXRhU291cmNlUHJvdmlkZXI+XG4gICAgICAgICAgICAgICAgPC9EeW5hbWljRG9jdW1lbnRQcm92aWRlcj5cbiAgICAgICAgICAgIDwvTGl2ZVByZXZpZXdDb250YWluZXI+XG4gICAgICAgIDwvUmVuZGVyUGx1Z2luc0xvYWRlcj5cbiAgICApO1xufTtcbiJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
-var Header = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
+const Header = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
   target: "e1n62h5y0"
 } : {
   target: "e1n62h5y0",
@@ -41,23 +34,21 @@ var Header = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "pr
   map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlByZXZpZXdQYW5lLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxQnlCIiwiZmlsZSI6IlByZXZpZXdQYW5lLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgUGJQYWdlVGVtcGxhdGVXaXRoQ29udGVudCB9IGZyb20gXCJAd2ViaW55L2FwcC1wYWdlLWJ1aWxkZXIvdHlwZXNcIjtcbmltcG9ydCB7IFJlbmRlclBsdWdpbnNMb2FkZXIgfSBmcm9tIFwiQHdlYmlueS9hcHAtcGFnZS1idWlsZGVyL2FkbWluXCI7XG5pbXBvcnQgeyBDb250ZW50IH0gZnJvbSBcIkB3ZWJpbnkvYXBwLXBhZ2UtYnVpbGRlci1lbGVtZW50c1wiO1xuaW1wb3J0IHtcbiAgICBEYXRhU291cmNlUHJvdmlkZXIsXG4gICAgRHluYW1pY0RvY3VtZW50UHJvdmlkZXJcbn0gZnJvbSBcIkB3ZWJpbnkvYXBwLXBhZ2UtYnVpbGRlci9kYXRhSW5qZWN0aW9uXCI7XG5pbXBvcnQgeyBSZWZyZXNoSWNvbiB9IGZyb20gXCJAd2ViaW55L3VpL0xpc3QvRGF0YUxpc3QvaWNvbnNcIjtcbmltcG9ydCB7IHVzZVJlZnJlc2hQYWdlVGVtcGxhdGVzIH0gZnJvbSBcIkB3ZWJpbnkvYXBwLXBhZ2UtYnVpbGRlci9mZWF0dXJlc1wiO1xuXG5jb25zdCBMaXZlUHJldmlld0NvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICBib3JkZXItcmlnaHQ6IDFweCBzb2xpZCB2YXIoLS1tZGMtdGhlbWUtb24tYmFja2dyb3VuZCk7XG4gICAgaGVpZ2h0OiBjYWxjKDEwMHZoIC0gMjYwcHgpO1xuICAgIG92ZXJmbG93OiBhdXRvO1xuYDtcblxuY29uc3QgSGVhZGVyID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIHBhZGRpbmc6IDE1cHg7XG4gICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICAgIGJvcmRlci1ib3R0b206IDFweCBzb2xpZCB2YXIoLS1tZGMtdGhlbWUtb24tYmFja2dyb3VuZCk7XG4gICAgZm9udC1zaXplOiAyNHB4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5gO1xuXG5leHBvcnQgaW50ZXJmYWNlIFByZXZpZXdQYW5lUHJvcHMge1xuICAgIHRlbXBsYXRlOiBQYlBhZ2VUZW1wbGF0ZVdpdGhDb250ZW50O1xufVxuXG5leHBvcnQgY29uc3QgUHJldmlld1BhbmUgPSAoeyB0ZW1wbGF0ZSB9OiBQcmV2aWV3UGFuZVByb3BzKSA9PiB7XG4gICAgY29uc3QgbWFpbkRhdGFTb3VyY2UgPSB0ZW1wbGF0ZS5kYXRhU291cmNlcy5maW5kKGRzID0+IGRzLm5hbWUgPT09IFwibWFpblwiKTtcbiAgICBjb25zdCB7IHJlZnJlc2hQYWdlVGVtcGxhdGVzIH0gPSB1c2VSZWZyZXNoUGFnZVRlbXBsYXRlcygpO1xuXG4gICAgcmV0dXJuIChcbiAgICAgICAgPFJlbmRlclBsdWdpbnNMb2FkZXI+XG4gICAgICAgICAgICA8TGl2ZVByZXZpZXdDb250YWluZXI+XG4gICAgICAgICAgICAgICAgPEhlYWRlcj5cbiAgICAgICAgICAgICAgICAgICAge3RlbXBsYXRlLnRpdGxlfVxuICAgICAgICAgICAgICAgICAgICA8UmVmcmVzaEljb24gb25DbGljaz17KCkgPT4gcmVmcmVzaFBhZ2VUZW1wbGF0ZXMoKX0gLz5cbiAgICAgICAgICAgICAgICA8L0hlYWRlcj5cbiAgICAgICAgICAgICAgICA8RHluYW1pY0RvY3VtZW50UHJvdmlkZXJcbiAgICAgICAgICAgICAgICAgICAgZGF0YVNvdXJjZXM9e3RlbXBsYXRlLmRhdGFTb3VyY2VzfVxuICAgICAgICAgICAgICAgICAgICBkYXRhQmluZGluZ3M9e3RlbXBsYXRlLmRhdGFCaW5kaW5nc31cbiAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgIDxEYXRhU291cmNlUHJvdmlkZXIgZGF0YVNvdXJjZT17bWFpbkRhdGFTb3VyY2UhfT5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxDb250ZW50IGNvbnRlbnQ9e3RlbXBsYXRlLmNvbnRlbnR9IC8+XG4gICAgICAgICAgICAgICAgICAgIDwvRGF0YVNvdXJjZVByb3ZpZGVyPlxuICAgICAgICAgICAgICAgIDwvRHluYW1pY0RvY3VtZW50UHJvdmlkZXI+XG4gICAgICAgICAgICA8L0xpdmVQcmV2aWV3Q29udGFpbmVyPlxuICAgICAgICA8L1JlbmRlclBsdWdpbnNMb2FkZXI+XG4gICAgKTtcbn07XG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
-var PreviewPane = exports.PreviewPane = function PreviewPane(_ref) {
-  var template = _ref.template;
-  var mainDataSource = template.dataSources.find(function (ds) {
-    return ds.name === "main";
-  });
-  var _useRefreshPageTempla = (0, _features.useRefreshPageTemplates)(),
-    refreshPageTemplates = _useRefreshPageTempla.refreshPageTemplates;
-  return /*#__PURE__*/_react.default.createElement(_admin.RenderPluginsLoader, null, /*#__PURE__*/_react.default.createElement(LivePreviewContainer, null, /*#__PURE__*/_react.default.createElement(Header, null, template.title, /*#__PURE__*/_react.default.createElement(_icons.RefreshIcon, {
-    onClick: function onClick() {
-      return refreshPageTemplates();
-    }
-  })), /*#__PURE__*/_react.default.createElement(_dataInjection.DynamicDocumentProvider, {
+export const PreviewPane = ({
+  template
+}) => {
+  const mainDataSource = template.dataSources.find(ds => ds.name === "main");
+  const {
+    refreshPageTemplates
+  } = useRefreshPageTemplates();
+  return /*#__PURE__*/React.createElement(RenderPluginsLoader, null, /*#__PURE__*/React.createElement(LivePreviewContainer, null, /*#__PURE__*/React.createElement(Header, null, template.title, /*#__PURE__*/React.createElement(RefreshIcon, {
+    onClick: () => refreshPageTemplates()
+  })), /*#__PURE__*/React.createElement(DynamicDocumentProvider, {
     dataSources: template.dataSources,
     dataBindings: template.dataBindings
-  }, /*#__PURE__*/_react.default.createElement(_dataInjection.DataSourceProvider, {
+  }, /*#__PURE__*/React.createElement(DataSourceProvider, {
     dataSource: mainDataSource
-  }, /*#__PURE__*/_react.default.createElement(_appPageBuilderElements.Content, {
+  }, /*#__PURE__*/React.createElement(Content, {
     content: template.content
   })))));
 };

package/admin/ContentEntryForm/PreviewPane.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_admin","_appPageBuilderElements","_dataInjection","_icons","_features","_EMOTION_STRINGIFIED_CSS_ERROR__","LivePreviewContainer","_base","default","process","env","NODE_ENV","target","label","name","styles","map","toString","Header","PreviewPane","exports","_ref","template","mainDataSource","dataSources","find","ds","_useRefreshPageTempla","useRefreshPageTemplates","refreshPageTemplates","createElement","RenderPluginsLoader","title","RefreshIcon","onClick","DynamicDocumentProvider","dataBindings","DataSourceProvider","dataSource","Content","content"],"sources":["PreviewPane.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { PbPageTemplateWithContent } from \"@webiny/app-page-builder/types\";\nimport { RenderPluginsLoader } from \"@webiny/app-page-builder/admin\";\nimport { Content } from \"@webiny/app-page-builder-elements\";\nimport {\n    DataSourceProvider,\n    DynamicDocumentProvider\n} from \"@webiny/app-page-builder/dataInjection\";\nimport { RefreshIcon } from \"@webiny/ui/List/DataList/icons\";\nimport { useRefreshPageTemplates } from \"@webiny/app-page-builder/features\";\n\nconst LivePreviewContainer = styled.div`\n    position: relative;\n    display: flex;\n    flex-direction: column;\n    border-right: 1px solid var(--mdc-theme-on-background);\n    height: calc(100vh - 260px);\n    overflow: auto;\n`;\n\nconst Header = styled.div`\n    display: flex;\n    padding: 15px;\n    justify-content: space-between;\n    border-bottom: 1px solid var(--mdc-theme-on-background);\n    font-size: 24px;\n    align-items: center;\n`;\n\nexport interface PreviewPaneProps {\n    template: PbPageTemplateWithContent;\n}\n\nexport const PreviewPane = ({ template }: PreviewPaneProps) => {\n    const mainDataSource = template.dataSources.find(ds => ds.name === \"main\");\n    const { refreshPageTemplates } = useRefreshPageTemplates();\n\n    return (\n        <RenderPluginsLoader>\n            <LivePreviewContainer>\n                <Header>\n                    {template.title}\n                    <RefreshIcon onClick={() => refreshPageTemplates()} />\n                </Header>\n                <DynamicDocumentProvider\n                    dataSources={template.dataSources}\n                    dataBindings={template.dataBindings}\n                >\n                    <DataSourceProvider dataSource={mainDataSource!}>\n                        <Content content={template.content} />\n                    </DataSourceProvider>\n                </DynamicDocumentProvider>\n            </LivePreviewContainer>\n        </RenderPluginsLoader>\n    );\n};\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAGA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,uBAAA,GAAAF,OAAA;AACA,IAAAG,cAAA,GAAAH,OAAA;AAIA,IAAAI,MAAA,GAAAJ,OAAA;AACA,IAAAK,SAAA,GAAAL,OAAA;AAA4E,SAAAM,iCAAA;AAE5E,IAAMC,oBAAoB,oBAAAC,KAAA,CAAAC,OAAA,SAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,GAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAG,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,GAAA;EAAAC,QAAA,EAAAZ;AAAA,EAOzB;AAED,IAAMa,MAAM,oBAAAX,KAAA,CAAAC,OAAA,SAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,GAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAG,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,GAAA;EAAAC,QAAA,EAAAZ;AAAA,EAOX;AAMM,IAAMc,WAAW,GAAAC,OAAA,CAAAD,WAAA,GAAG,SAAdA,WAAWA,CAAAE,IAAA,EAAuC;EAAA,IAAjCC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;EAClC,IAAMC,cAAc,GAAGD,QAAQ,CAACE,WAAW,CAACC,IAAI,CAAC,UAAAC,EAAE;IAAA,OAAIA,EAAE,CAACZ,IAAI,KAAK,MAAM;EAAA,EAAC;EAC1E,IAAAa,qBAAA,GAAiC,IAAAC,iCAAuB,EAAC,CAAC;IAAlDC,oBAAoB,GAAAF,qBAAA,CAApBE,oBAAoB;EAE5B,oBACIhC,MAAA,CAAAW,OAAA,CAAAsB,aAAA,CAAC9B,MAAA,CAAA+B,mBAAmB,qBAChBlC,MAAA,CAAAW,OAAA,CAAAsB,aAAA,CAACxB,oBAAoB,qBACjBT,MAAA,CAAAW,OAAA,CAAAsB,aAAA,CAACZ,MAAM,QACFI,QAAQ,CAACU,KAAK,eACfnC,MAAA,CAAAW,OAAA,CAAAsB,aAAA,CAAC3B,MAAA,CAAA8B,WAAW;IAACC,OAAO,EAAE,SAATA,OAAOA,CAAA;MAAA,OAAQL,oBAAoB,CAAC,CAAC;IAAA;EAAC,CAAE,CACjD,CAAC,eACThC,MAAA,CAAAW,OAAA,CAAAsB,aAAA,CAAC5B,cAAA,CAAAiC,uBAAuB;IACpBX,WAAW,EAAEF,QAAQ,CAACE,WAAY;IAClCY,YAAY,EAAEd,QAAQ,CAACc;EAAa,gBAEpCvC,MAAA,CAAAW,OAAA,CAAAsB,aAAA,CAAC5B,cAAA,CAAAmC,kBAAkB;IAACC,UAAU,EAAEf;EAAgB,gBAC5C1B,MAAA,CAAAW,OAAA,CAAAsB,aAAA,CAAC7B,uBAAA,CAAAsC,OAAO;IAACC,OAAO,EAAElB,QAAQ,CAACkB;EAAQ,CAAE,CACrB,CACC,CACP,CACL,CAAC;AAE9B,CAAC","ignoreList":[]}
+{"version":3,"names":["React","RenderPluginsLoader","Content","DataSourceProvider","DynamicDocumentProvider","RefreshIcon","useRefreshPageTemplates","LivePreviewContainer","_styled","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","Header","PreviewPane","template","mainDataSource","dataSources","find","ds","refreshPageTemplates","createElement","title","onClick","dataBindings","dataSource","content"],"sources":["PreviewPane.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { PbPageTemplateWithContent } from \"@webiny/app-page-builder/types\";\nimport { RenderPluginsLoader } from \"@webiny/app-page-builder/admin\";\nimport { Content } from \"@webiny/app-page-builder-elements\";\nimport {\n    DataSourceProvider,\n    DynamicDocumentProvider\n} from \"@webiny/app-page-builder/dataInjection\";\nimport { RefreshIcon } from \"@webiny/ui/List/DataList/icons\";\nimport { useRefreshPageTemplates } from \"@webiny/app-page-builder/features\";\n\nconst LivePreviewContainer = styled.div`\n    position: relative;\n    display: flex;\n    flex-direction: column;\n    border-right: 1px solid var(--mdc-theme-on-background);\n    height: calc(100vh - 260px);\n    overflow: auto;\n`;\n\nconst Header = styled.div`\n    display: flex;\n    padding: 15px;\n    justify-content: space-between;\n    border-bottom: 1px solid var(--mdc-theme-on-background);\n    font-size: 24px;\n    align-items: center;\n`;\n\nexport interface PreviewPaneProps {\n    template: PbPageTemplateWithContent;\n}\n\nexport const PreviewPane = ({ template }: PreviewPaneProps) => {\n    const mainDataSource = template.dataSources.find(ds => ds.name === \"main\");\n    const { refreshPageTemplates } = useRefreshPageTemplates();\n\n    return (\n        <RenderPluginsLoader>\n            <LivePreviewContainer>\n                <Header>\n                    {template.title}\n                    <RefreshIcon onClick={() => refreshPageTemplates()} />\n                </Header>\n                <DynamicDocumentProvider\n                    dataSources={template.dataSources}\n                    dataBindings={template.dataBindings}\n                >\n                    <DataSourceProvider dataSource={mainDataSource!}>\n                        <Content content={template.content} />\n                    </DataSourceProvider>\n                </DynamicDocumentProvider>\n            </LivePreviewContainer>\n        </RenderPluginsLoader>\n    );\n};\n"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AAGzB,SAASC,mBAAmB,QAAQ,gCAAgC;AACpE,SAASC,OAAO,QAAQ,mCAAmC;AAC3D,SACIC,kBAAkB,EAClBC,uBAAuB,QACpB,wCAAwC;AAC/C,SAASC,WAAW,QAAQ,gCAAgC;AAC5D,SAASC,uBAAuB,QAAQ,mCAAmC;AAE3E,MAAMC,oBAAoB,gBAAAC,OAAA,QAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,GAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAG,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,GAAA;EAAAC,QAAA,EAAAC;AAAA,EAOzB;AAED,MAAMC,MAAM,gBAAAX,OAAA,QAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,GAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAG,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,GAAA;EAAAC,QAAA,EAAAC;AAAA,EAOX;AAMD,OAAO,MAAME,WAAW,GAAGA,CAAC;EAAEC;AAA2B,CAAC,KAAK;EAC3D,MAAMC,cAAc,GAAGD,QAAQ,CAACE,WAAW,CAACC,IAAI,CAACC,EAAE,IAAIA,EAAE,CAACX,IAAI,KAAK,MAAM,CAAC;EAC1E,MAAM;IAAEY;EAAqB,CAAC,GAAGpB,uBAAuB,CAAC,CAAC;EAE1D,oBACIN,KAAA,CAAA2B,aAAA,CAAC1B,mBAAmB,qBAChBD,KAAA,CAAA2B,aAAA,CAACpB,oBAAoB,qBACjBP,KAAA,CAAA2B,aAAA,CAACR,MAAM,QACFE,QAAQ,CAACO,KAAK,eACf5B,KAAA,CAAA2B,aAAA,CAACtB,WAAW;IAACwB,OAAO,EAAEA,CAAA,KAAMH,oBAAoB,CAAC;EAAE,CAAE,CACjD,CAAC,eACT1B,KAAA,CAAA2B,aAAA,CAACvB,uBAAuB;IACpBmB,WAAW,EAAEF,QAAQ,CAACE,WAAY;IAClCO,YAAY,EAAET,QAAQ,CAACS;EAAa,gBAEpC9B,KAAA,CAAA2B,aAAA,CAACxB,kBAAkB;IAAC4B,UAAU,EAAET;EAAgB,gBAC5CtB,KAAA,CAAA2B,aAAA,CAACzB,OAAO;IAAC8B,OAAO,EAAEX,QAAQ,CAACW;EAAQ,CAAE,CACrB,CACC,CACP,CACL,CAAC;AAE9B,CAAC","ignoreList":[]}

package/admin/Extensions.js

@@ -1,23 +1,14 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Extensions = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _IfDynamicPagesEnabled = require("@webiny/app-page-builder/IfDynamicPagesEnabled");
-var SetupDynamicPages = /*#__PURE__*/_react.default.lazy(function () {
-  return import(/* webpackChunkName: "experimentalDynamicPages" */"./SetupDynamicPages").then(function (m) {
-    return {
-      default: m.SetupDynamicPages
-    };
-  });
+import React from "react";
+import { IfDynamicPagesEnabled } from "@webiny/app-page-builder/IfDynamicPagesEnabled";
+const SetupDynamicPages = /*#__PURE__*/React.lazy(() => {
+  return import(/* webpackChunkName: "experimentalDynamicPages" */"./SetupDynamicPages").then(m => ({
+    default: m.SetupDynamicPages
+  }));
 });
-var Extensions = exports.Extensions = function Extensions() {
-  return /*#__PURE__*/_react.default.createElement(_IfDynamicPagesEnabled.IfDynamicPagesEnabled, null, /*#__PURE__*/_react.default.createElement(_react.default.Suspense, {
+export const Extensions = () => {
+  return /*#__PURE__*/React.createElement(IfDynamicPagesEnabled, null, /*#__PURE__*/React.createElement(React.Suspense, {
     fallback: null
-  }, /*#__PURE__*/_react.default.createElement(SetupDynamicPages, null)));
+  }, /*#__PURE__*/React.createElement(SetupDynamicPages, null)));
 };
 
 //# sourceMappingURL=Extensions.js.map

package/admin/Extensions.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_IfDynamicPagesEnabled","SetupDynamicPages","React","lazy","then","m","default","Extensions","exports","createElement","IfDynamicPagesEnabled","Suspense","fallback"],"sources":["Extensions.tsx"],"sourcesContent":["import React from \"react\";\nimport { IfDynamicPagesEnabled } from \"@webiny/app-page-builder/IfDynamicPagesEnabled\";\n\nconst SetupDynamicPages = React.lazy(() => {\n    return import(/* webpackChunkName: \"experimentalDynamicPages\" */ \"./SetupDynamicPages\").then(\n        m => ({ default: m.SetupDynamicPages })\n    );\n});\n\nexport const Extensions = () => {\n    return (\n        <IfDynamicPagesEnabled>\n            <React.Suspense fallback={null}>\n                <SetupDynamicPages />\n            </React.Suspense>\n        </IfDynamicPagesEnabled>\n    );\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,sBAAA,GAAAD,OAAA;AAEA,IAAME,iBAAiB,gBAAGC,cAAK,CAACC,IAAI,CAAC,YAAM;EACvC,OAAO,MAAM,CAAC,uEAAwE,CAAC,CAACC,IAAI,CACxF,UAAAC,CAAC;IAAA,OAAK;MAAEC,OAAO,EAAED,CAAC,CAACJ;IAAkB,CAAC;EAAA,CAC1C,CAAC;AACL,CAAC,CAAC;AAEK,IAAMM,UAAU,GAAAC,OAAA,CAAAD,UAAA,GAAG,SAAbA,UAAUA,CAAA,EAAS;EAC5B,oBACIV,MAAA,CAAAS,OAAA,CAAAG,aAAA,CAACT,sBAAA,CAAAU,qBAAqB,qBAClBb,MAAA,CAAAS,OAAA,CAAAG,aAAA,CAACZ,MAAA,CAAAS,OAAK,CAACK,QAAQ;IAACC,QAAQ,EAAE;EAAK,gBAC3Bf,MAAA,CAAAS,OAAA,CAAAG,aAAA,CAACR,iBAAiB,MAAE,CACR,CACG,CAAC;AAEhC,CAAC","ignoreList":[]}
+{"version":3,"names":["React","IfDynamicPagesEnabled","SetupDynamicPages","lazy","then","m","default","Extensions","createElement","Suspense","fallback"],"sources":["Extensions.tsx"],"sourcesContent":["import React from \"react\";\nimport { IfDynamicPagesEnabled } from \"@webiny/app-page-builder/IfDynamicPagesEnabled\";\n\nconst SetupDynamicPages = React.lazy(() => {\n    return import(/* webpackChunkName: \"experimentalDynamicPages\" */ \"./SetupDynamicPages\").then(\n        m => ({ default: m.SetupDynamicPages })\n    );\n});\n\nexport const Extensions = () => {\n    return (\n        <IfDynamicPagesEnabled>\n            <React.Suspense fallback={null}>\n                <SetupDynamicPages />\n            </React.Suspense>\n        </IfDynamicPagesEnabled>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,qBAAqB,QAAQ,gDAAgD;AAEtF,MAAMC,iBAAiB,gBAAGF,KAAK,CAACG,IAAI,CAAC,MAAM;EACvC,OAAO,MAAM,CAAC,uEAAwE,CAAC,CAACC,IAAI,CACxFC,CAAC,KAAK;IAAEC,OAAO,EAAED,CAAC,CAACH;EAAkB,CAAC,CAC1C,CAAC;AACL,CAAC,CAAC;AAEF,OAAO,MAAMK,UAAU,GAAGA,CAAA,KAAM;EAC5B,oBACIP,KAAA,CAAAQ,aAAA,CAACP,qBAAqB,qBAClBD,KAAA,CAAAQ,aAAA,CAACR,KAAK,CAACS,QAAQ;IAACC,QAAQ,EAAE;EAAK,gBAC3BV,KAAA,CAAAQ,aAAA,CAACN,iBAAiB,MAAE,CACR,CACG,CAAC;AAEhC,CAAC","ignoreList":[]}