@webiny/app-headless-cms 0.0.0-unstable.40876133bb → 0.0.0-unstable.496cf268ac

package/admin/views/contentEntries/experiment/ContentEntriesModule.js

@@ -1,29 +1,19 @@
 "use strict";
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ContentEntriesModule = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _appAdmin = require("@webiny/app-admin");
-
 var _form = require("@webiny/form");
-
 var _Select = require("@webiny/ui/Select");
-
 var _ContentEntriesViewConfig = require("./ContentEntriesViewConfig");
-
 var _ContentEntriesRenderer = require("./ContentEntriesRenderer");
-
 var _plugins = require("@webiny/plugins");
-
 var Filter = _ContentEntriesViewConfig.ContentEntriesViewConfig.Filter,
-    Sorter = _ContentEntriesViewConfig.ContentEntriesViewConfig.Sorter;
-
+  Sorter = _ContentEntriesViewConfig.ContentEntriesViewConfig.Sorter;
 var FilterByStatus = function FilterByStatus() {
   var bind = (0, _form.useBind)({
     name: "status",
@@ -35,25 +25,31 @@ var FilterByStatus = function FilterByStatus() {
   var filterStatusPlugins = (0, _react.useMemo)(function () {
     return _plugins.plugins.byType("cms.entry.filter.status");
   }, []);
-  return /*#__PURE__*/_react.default.createElement(_Select.Select, Object.assign({}, bind, {
-    label: "Filter by status",
-    description: "Filter by a specific entry status."
-  }), /*#__PURE__*/_react.default.createElement("option", {
+  var options = [{
+    label: "All",
     value: "all"
-  }, "All"), /*#__PURE__*/_react.default.createElement("option", {
+  }, {
+    label: "Draft",
     value: "draft"
-  }, "Draft"), /*#__PURE__*/_react.default.createElement("option", {
+  }, {
+    label: "Published",
     value: "published"
-  }, "Published"), /*#__PURE__*/_react.default.createElement("option", {
+  }, {
+    label: "Unpublished",
     value: "unpublished"
-  }, "Unpublished"), filterStatusPlugins.map(function (pl) {
-    return /*#__PURE__*/_react.default.createElement("option", {
-      key: pl.value,
+  }];
+  filterStatusPlugins.forEach(function (pl) {
+    options.push({
+      label: pl.label,
       value: pl.value
-    }, pl.label);
+    });
+  });
+  return /*#__PURE__*/_react.default.createElement(_Select.Select, Object.assign({}, bind, {
+    label: "Filter by status",
+    description: "Filter by a specific entry status.",
+    options: options
   }));
 };
-
 var ContentEntriesModule = function ContentEntriesModule() {
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_appAdmin.Compose, {
     component: _ContentEntriesViewConfig.ContentEntriesViewRenderer,
@@ -69,5 +65,4 @@ var ContentEntriesModule = function ContentEntriesModule() {
     label: "Oldest to newest"
   }))));
 };
-
 exports.ContentEntriesModule = ContentEntriesModule;

package/admin/views/contentEntries/experiment/ContentEntriesModule.js.map

@@ -1 +1 @@
-{"version":3,"names":["Filter","ContentEntriesViewConfig","Sorter","FilterByStatus","bind","useBind","name","defaultValue","beforeChange","value","cb","undefined","filterStatusPlugins","useMemo","plugins","byType","map","pl","label","ContentEntriesModule","ContentEntriesViewRenderer","ContentEntriesRenderer"],"sources":["ContentEntriesModule.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { Compose, Plugins } from \"@webiny/app-admin\";\nimport { useBind } from \"@webiny/form\";\nimport { Select } from \"@webiny/ui/Select\";\nimport { ContentEntriesViewRenderer, ContentEntriesViewConfig } from \"./ContentEntriesViewConfig\";\nimport { ContentEntriesRenderer } from \"./ContentEntriesRenderer\";\nimport { plugins } from \"@webiny/plugins\";\nimport { CmsEntryFilterStatusPlugin } from \"~/types\";\n\nconst { Filter, Sorter } = ContentEntriesViewConfig;\n\nconst FilterByStatus: React.FC = () => {\n    const bind = useBind({\n        name: \"status\",\n        defaultValue: \"all\",\n        beforeChange(value, cb) {\n            cb(value === \"all\" ? undefined : value);\n        }\n    });\n\n    const filterStatusPlugins = useMemo(() => {\n        return plugins.byType<CmsEntryFilterStatusPlugin>(\"cms.entry.filter.status\");\n    }, []);\n\n    return (\n        <Select\n            {...bind}\n            label={\"Filter by status\"}\n            description={\"Filter by a specific entry status.\"}\n        >\n            <option value={\"all\"}>All</option>\n            <option value={\"draft\"}>Draft</option>\n            <option value={\"published\"}>Published</option>\n            <option value={\"unpublished\"}>Unpublished</option>\n            {filterStatusPlugins.map(pl => {\n                return (\n                    <option key={pl.value} value={pl.value}>\n                        {pl.label}\n                    </option>\n                );\n            })}\n        </Select>\n    );\n};\n\nexport const ContentEntriesModule: React.FC = () => {\n    return (\n        <>\n            <Compose component={ContentEntriesViewRenderer} with={ContentEntriesRenderer} />\n            <Plugins>\n                <ContentEntriesViewConfig>\n                    <Filter name={\"status\"} element={<FilterByStatus />} />\n                    <Sorter name={\"savedOn_DESC\"} label={\"Newest to oldest\"} />\n                    <Sorter name={\"savedOn_ASC\"} label={\"Oldest to newest\"} />\n                </ContentEntriesViewConfig>\n            </Plugins>\n        </>\n    );\n};\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAGA,IAAQA,MAAR,GAA2BC,kDAA3B,CAAQD,MAAR;AAAA,IAAgBE,MAAhB,GAA2BD,kDAA3B,CAAgBC,MAAhB;;AAEA,IAAMC,cAAwB,GAAG,SAA3BA,cAA2B,GAAM;EACnC,IAAMC,IAAI,GAAG,IAAAC,aAAA,EAAQ;IACjBC,IAAI,EAAE,QADW;IAEjBC,YAAY,EAAE,KAFG;IAGjBC,YAHiB,wBAGJC,KAHI,EAGGC,EAHH,EAGO;MACpBA,EAAE,CAACD,KAAK,KAAK,KAAV,GAAkBE,SAAlB,GAA8BF,KAA/B,CAAF;IACH;EALgB,CAAR,CAAb;EAQA,IAAMG,mBAAmB,GAAG,IAAAC,cAAA,EAAQ,YAAM;IACtC,OAAOC,gBAAA,CAAQC,MAAR,CAA2C,yBAA3C,CAAP;EACH,CAF2B,EAEzB,EAFyB,CAA5B;EAIA,oBACI,6BAAC,cAAD,oBACQX,IADR;IAEI,KAAK,EAAE,kBAFX;IAGI,WAAW,EAAE;EAHjB,iBAKI;IAAQ,KAAK,EAAE;EAAf,SALJ,eAMI;IAAQ,KAAK,EAAE;EAAf,WANJ,eAOI;IAAQ,KAAK,EAAE;EAAf,eAPJ,eAQI;IAAQ,KAAK,EAAE;EAAf,iBARJ,EASKQ,mBAAmB,CAACI,GAApB,CAAwB,UAAAC,EAAE,EAAI;IAC3B,oBACI;MAAQ,GAAG,EAAEA,EAAE,CAACR,KAAhB;MAAuB,KAAK,EAAEQ,EAAE,CAACR;IAAjC,GACKQ,EAAE,CAACC,KADR,CADJ;EAKH,CANA,CATL,CADJ;AAmBH,CAhCD;;AAkCO,IAAMC,oBAA8B,GAAG,SAAjCA,oBAAiC,GAAM;EAChD,oBACI,yEACI,6BAAC,iBAAD;IAAS,SAAS,EAAEC,oDAApB;IAAgD,IAAI,EAAEC;EAAtD,EADJ,eAEI,6BAAC,iBAAD,qBACI,6BAAC,kDAAD,qBACI,6BAAC,MAAD;IAAQ,IAAI,EAAE,QAAd;IAAwB,OAAO,eAAE,6BAAC,cAAD;EAAjC,EADJ,eAEI,6BAAC,MAAD;IAAQ,IAAI,EAAE,cAAd;IAA8B,KAAK,EAAE;EAArC,EAFJ,eAGI,6BAAC,MAAD;IAAQ,IAAI,EAAE,aAAd;IAA6B,KAAK,EAAE;EAApC,EAHJ,CADJ,CAFJ,CADJ;AAYH,CAbM"}
+{"version":3,"names":["Filter","ContentEntriesViewConfig","Sorter","FilterByStatus","bind","useBind","name","defaultValue","beforeChange","value","cb","undefined","filterStatusPlugins","useMemo","plugins","byType","options","label","forEach","pl","push","ContentEntriesModule","ContentEntriesViewRenderer","ContentEntriesRenderer"],"sources":["ContentEntriesModule.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { Compose, Plugins } from \"@webiny/app-admin\";\nimport { useBind } from \"@webiny/form\";\nimport { Select } from \"@webiny/ui/Select\";\nimport { ContentEntriesViewRenderer, ContentEntriesViewConfig } from \"./ContentEntriesViewConfig\";\nimport { ContentEntriesRenderer } from \"./ContentEntriesRenderer\";\nimport { plugins } from \"@webiny/plugins\";\nimport { CmsEntryFilterStatusPlugin } from \"~/types\";\n\nconst { Filter, Sorter } = ContentEntriesViewConfig;\n\nconst FilterByStatus: React.FC = () => {\n    const bind = useBind({\n        name: \"status\",\n        defaultValue: \"all\",\n        beforeChange(value, cb) {\n            cb(value === \"all\" ? undefined : value);\n        }\n    });\n\n    const filterStatusPlugins = useMemo(() => {\n        return plugins.byType<CmsEntryFilterStatusPlugin>(\"cms.entry.filter.status\");\n    }, []);\n\n    const options = [\n        { label: \"All\", value: \"all\" },\n        { label: \"Draft\", value: \"draft\" },\n        { label: \"Published\", value: \"published\" },\n        { label: \"Unpublished\", value: \"unpublished\" }\n    ];\n\n    filterStatusPlugins.forEach(pl => {\n        options.push({ label: pl.label, value: pl.value });\n    });\n\n    return (\n        <Select\n            {...bind}\n            label={\"Filter by status\"}\n            description={\"Filter by a specific entry status.\"}\n            options={options}\n        />\n    );\n};\n\nexport const ContentEntriesModule: React.FC = () => {\n    return (\n        <>\n            <Compose component={ContentEntriesViewRenderer} with={ContentEntriesRenderer} />\n            <Plugins>\n                <ContentEntriesViewConfig>\n                    <Filter name={\"status\"} element={<FilterByStatus />} />\n                    <Sorter name={\"savedOn_DESC\"} label={\"Newest to oldest\"} />\n                    <Sorter name={\"savedOn_ASC\"} label={\"Oldest to newest\"} />\n                </ContentEntriesViewConfig>\n            </Plugins>\n        </>\n    );\n};\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA,IAAQA,MAAM,GAAaC,kDAAwB,CAA3CD,MAAM;EAAEE,MAAM,GAAKD,kDAAwB,CAAnCC,MAAM;AAEtB,IAAMC,cAAwB,GAAG,SAA3BA,cAAwB,GAAS;EACnC,IAAMC,IAAI,GAAG,IAAAC,aAAO,EAAC;IACjBC,IAAI,EAAE,QAAQ;IACdC,YAAY,EAAE,KAAK;IACnBC,YAAY,wBAACC,KAAK,EAAEC,EAAE,EAAE;MACpBA,EAAE,CAACD,KAAK,KAAK,KAAK,GAAGE,SAAS,GAAGF,KAAK,CAAC;IAC3C;EACJ,CAAC,CAAC;EAEF,IAAMG,mBAAmB,GAAG,IAAAC,cAAO,EAAC,YAAM;IACtC,OAAOC,gBAAO,CAACC,MAAM,CAA6B,yBAAyB,CAAC;EAChF,CAAC,EAAE,EAAE,CAAC;EAEN,IAAMC,OAAO,GAAG,CACZ;IAAEC,KAAK,EAAE,KAAK;IAAER,KAAK,EAAE;EAAM,CAAC,EAC9B;IAAEQ,KAAK,EAAE,OAAO;IAAER,KAAK,EAAE;EAAQ,CAAC,EAClC;IAAEQ,KAAK,EAAE,WAAW;IAAER,KAAK,EAAE;EAAY,CAAC,EAC1C;IAAEQ,KAAK,EAAE,aAAa;IAAER,KAAK,EAAE;EAAc,CAAC,CACjD;EAEDG,mBAAmB,CAACM,OAAO,CAAC,UAAAC,EAAE,EAAI;IAC9BH,OAAO,CAACI,IAAI,CAAC;MAAEH,KAAK,EAAEE,EAAE,CAACF,KAAK;MAAER,KAAK,EAAEU,EAAE,CAACV;IAAM,CAAC,CAAC;EACtD,CAAC,CAAC;EAEF,oBACI,6BAAC,cAAM,oBACCL,IAAI;IACR,KAAK,EAAE,kBAAmB;IAC1B,WAAW,EAAE,oCAAqC;IAClD,OAAO,EAAEY;EAAQ,GACnB;AAEV,CAAC;AAEM,IAAMK,oBAA8B,GAAG,SAAjCA,oBAA8B,GAAS;EAChD,oBACI,yEACI,6BAAC,iBAAO;IAAC,SAAS,EAAEC,oDAA2B;IAAC,IAAI,EAAEC;EAAuB,EAAG,eAChF,6BAAC,iBAAO,qBACJ,6BAAC,kDAAwB,qBACrB,6BAAC,MAAM;IAAC,IAAI,EAAE,QAAS;IAAC,OAAO,eAAE,6BAAC,cAAc;EAAI,EAAG,eACvD,6BAAC,MAAM;IAAC,IAAI,EAAE,cAAe;IAAC,KAAK,EAAE;EAAmB,EAAG,eAC3D,6BAAC,MAAM;IAAC,IAAI,EAAE,aAAc;IAAC,KAAK,EAAE;EAAmB,EAAG,CACnC,CACrB,CACX;AAEX,CAAC;AAAC"}

package/admin/views/contentEntries/experiment/ContentEntriesRenderer.js

@@ -1,26 +1,19 @@
 "use strict";
 
 var _interopRequireWildcard3 = require("@babel/runtime/helpers/interopRequireWildcard").default;
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ContentEntriesRenderer = void 0;
-
 var _interopRequireWildcard2 = _interopRequireDefault(require("@babel/runtime/helpers/interopRequireWildcard"));
-
 var _react = _interopRequireWildcard3(require("react"));
-
 var _Progress = require("@webiny/ui/Progress");
-
 var ContentEntriesView = /*#__PURE__*/(0, _react.lazy)(function () {
   return Promise.resolve().then(function () {
     return (0, _interopRequireWildcard2.default)(require("../ContentEntries"));
   });
 });
-
 var ContentEntriesRenderer = function ContentEntriesRenderer() {
   return function ContentEntriesRenderer() {
     return /*#__PURE__*/_react.default.createElement(_react.Suspense, {
@@ -28,5 +21,4 @@ var ContentEntriesRenderer = function ContentEntriesRenderer() {
     }, /*#__PURE__*/_react.default.createElement(ContentEntriesView, null));
   };
 };
-
 exports.ContentEntriesRenderer = ContentEntriesRenderer;

package/admin/views/contentEntries/experiment/ContentEntriesRenderer.js.map

@@ -1 +1 @@
-{"version":3,"names":["ContentEntriesView","lazy","ContentEntriesRenderer"],"sources":["ContentEntriesRenderer.tsx"],"sourcesContent":["import React, { Suspense, lazy } from \"react\";\nimport { CircularProgress } from \"@webiny/ui/Progress\";\nimport { HigherOrderComponent } from \"@webiny/app-admin\";\n\nconst ContentEntriesView = lazy(() => import(\"../ContentEntries\"));\n\nexport const ContentEntriesRenderer: HigherOrderComponent = () => {\n    return function ContentEntriesRenderer() {\n        return (\n            <Suspense fallback={<CircularProgress />}>\n                <ContentEntriesView />\n            </Suspense>\n        );\n    };\n};\n"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;AAGA,IAAMA,kBAAkB,gBAAG,IAAAC,WAAA,EAAK;EAAA;IAAA;EAAA;AAAA,CAAL,CAA3B;;AAEO,IAAMC,sBAA4C,GAAG,SAA/CA,sBAA+C,GAAM;EAC9D,OAAO,SAASA,sBAAT,GAAkC;IACrC,oBACI,6BAAC,eAAD;MAAU,QAAQ,eAAE,6BAAC,0BAAD;IAApB,gBACI,6BAAC,kBAAD,OADJ,CADJ;EAKH,CAND;AAOH,CARM"}
+{"version":3,"names":["ContentEntriesView","lazy","ContentEntriesRenderer"],"sources":["ContentEntriesRenderer.tsx"],"sourcesContent":["import React, { Suspense, lazy } from \"react\";\nimport { CircularProgress } from \"@webiny/ui/Progress\";\nimport { HigherOrderComponent } from \"@webiny/app-admin\";\n\nconst ContentEntriesView = lazy(() => import(\"../ContentEntries\"));\n\nexport const ContentEntriesRenderer: HigherOrderComponent = () => {\n    return function ContentEntriesRenderer() {\n        return (\n            <Suspense fallback={<CircularProgress />}>\n                <ContentEntriesView />\n            </Suspense>\n        );\n    };\n};\n"],"mappings":";;;;;;;;;AAAA;AACA;AAGA,IAAMA,kBAAkB,gBAAG,IAAAC,WAAI,EAAC;EAAA;IAAA;EAAA;AAAA,CAAiC,CAAC;AAE3D,IAAMC,sBAA4C,GAAG,SAA/CA,sBAA4C,GAAS;EAC9D,OAAO,SAASA,sBAAsB,GAAG;IACrC,oBACI,6BAAC,eAAQ;MAAC,QAAQ,eAAE,6BAAC,0BAAgB;IAAI,gBACrC,6BAAC,kBAAkB,OAAG,CACf;EAEnB,CAAC;AACL,CAAC;AAAC"}

package/admin/views/contentEntries/experiment/ContentEntriesViewConfig.js

@@ -1,28 +1,20 @@
 "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.ContentEntriesViewRenderer = exports.ContentEntriesViewConfig = exports.ContentEntriesView = void 0;
 exports.useContentEntriesViewConfig = useContentEntriesViewConfig;
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _appAdmin = require("@webiny/app-admin");
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _Property = require("./Property");
-
 var ContentEntriesViewConfigApply = (0, _appAdmin.makeComposable)("ContentEntriesViewConfigApply", function (_ref) {
   var children = _ref.children;
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, children);
 });
-
 var createHOC = function createHOC(newChildren) {
   return function (BaseComponent) {
     return function ConfigHOC(_ref2) {
@@ -31,7 +23,6 @@ var createHOC = function createHOC(newChildren) {
     };
   };
 };
-
 var ContentEntriesViewConfig = function ContentEntriesViewConfig(_ref3) {
   var children = _ref3.children;
   return /*#__PURE__*/_react.default.createElement(_appAdmin.Compose, {
@@ -39,16 +30,14 @@ var ContentEntriesViewConfig = function ContentEntriesViewConfig(_ref3) {
     with: createHOC(children)
   });
 };
-
 exports.ContentEntriesViewConfig = ContentEntriesViewConfig;
-
 var Filter = function Filter(_ref4) {
   var name = _ref4.name,
-      element = _ref4.element,
-      _ref4$modelIds = _ref4.modelIds,
-      modelIds = _ref4$modelIds === void 0 ? [] : _ref4$modelIds,
-      _ref4$remove = _ref4.remove,
-      remove = _ref4$remove === void 0 ? false : _ref4$remove;
+    element = _ref4.element,
+    _ref4$modelIds = _ref4.modelIds,
+    modelIds = _ref4$modelIds === void 0 ? [] : _ref4$modelIds,
+    _ref4$remove = _ref4.remove,
+    remove = _ref4$remove === void 0 ? false : _ref4$remove;
   return /*#__PURE__*/_react.default.createElement(_Property.Property, {
     id: name,
     name: "filter",
@@ -68,14 +57,13 @@ var Filter = function Filter(_ref4) {
     value: element
   }) : null);
 };
-
 var Sorter = function Sorter(_ref5) {
   var name = _ref5.name,
-      label = _ref5.label,
-      _ref5$modelIds = _ref5.modelIds,
-      modelIds = _ref5$modelIds === void 0 ? [] : _ref5$modelIds,
-      _ref5$remove = _ref5.remove,
-      remove = _ref5$remove === void 0 ? false : _ref5$remove;
+    label = _ref5.label,
+    _ref5$modelIds = _ref5.modelIds,
+    modelIds = _ref5$modelIds === void 0 ? [] : _ref5$modelIds,
+    _ref5$remove = _ref5.remove,
+    remove = _ref5$remove === void 0 ? false : _ref5$remove;
   return /*#__PURE__*/_react.default.createElement(_Property.Property, {
     id: name,
     name: "sorter",
@@ -95,29 +83,23 @@ var Sorter = function Sorter(_ref5) {
     value: modelIds
   }));
 };
-
 ContentEntriesViewConfig.Filter = Filter;
 ContentEntriesViewConfig.Sorter = Sorter;
 var defaultContext = {
   properties: []
 };
-
 var ViewContext = /*#__PURE__*/_react.default.createContext(defaultContext);
-
 var ContentEntriesView = (0, _appAdmin.makeComposable)("ContentEntriesView", function () {
   var _useState = (0, _react.useState)([]),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      properties = _useState2[0],
-      setProperties = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    properties = _useState2[0],
+    setProperties = _useState2[1];
   var context = {
     properties: properties
   };
-
   var stateUpdater = function stateUpdater(properties) {
     setProperties(properties);
   };
-
   return /*#__PURE__*/_react.default.createElement(ViewContext.Provider, {
     value: context
   }, /*#__PURE__*/_react.default.createElement(_Property.PropertyContainer, {
@@ -128,17 +110,14 @@ var ContentEntriesView = (0, _appAdmin.makeComposable)("ContentEntriesView", fun
 exports.ContentEntriesView = ContentEntriesView;
 var ContentEntriesViewRenderer = (0, _appAdmin.makeComposable)("ContentEntriesViewRenderer");
 exports.ContentEntriesViewRenderer = ContentEntriesViewRenderer;
-
 function byName(name) {
   return function (obj) {
     return obj.name === name;
   };
 }
-
 function useContentEntriesViewConfig() {
   var _useContext = (0, _react.useContext)(ViewContext),
-      properties = _useContext.properties;
-
+    properties = _useContext.properties;
   var filters = properties.filter(byName("filter")).map(function (f) {
     return (0, _Property.toObject)(f);
   });

package/admin/views/contentEntries/experiment/ContentEntriesViewConfig.js.map

@@ -1 +1 @@
-{"version":3,"names":["ContentEntriesViewConfigApply","makeComposable","children","createHOC","newChildren","BaseComponent","ConfigHOC","ContentEntriesViewConfig","Filter","name","element","modelIds","remove","Sorter","label","defaultContext","properties","ViewContext","React","createContext","ContentEntriesView","useState","setProperties","context","stateUpdater","ContentEntriesViewRenderer","byName","obj","useContentEntriesViewConfig","useContext","filters","filter","map","f","toObject","sorters"],"sources":["ContentEntriesViewConfig.tsx"],"sourcesContent":["import { makeComposable, Compose, HigherOrderComponent } from \"@webiny/app-admin\";\nimport React, { useContext, useState } from \"react\";\nimport { Property, PropertyContainer, toObject } from \"./Property\";\n\ninterface ContentEntriesViewConfig extends React.FC<unknown> {\n    Filter: React.FC<ContentEntriesViewConfigFilterProps>;\n    Sorter: React.FC<ContentEntriesViewConfigSorterProps>;\n}\n\nconst ContentEntriesViewConfigApply = makeComposable(\n    \"ContentEntriesViewConfigApply\",\n    ({ children }) => {\n        return <>{children}</>;\n    }\n);\n\nconst createHOC =\n    (newChildren: React.ReactNode): HigherOrderComponent =>\n    BaseComponent => {\n        return function ConfigHOC({ children }) {\n            return (\n                <BaseComponent>\n                    {newChildren}\n                    {children}\n                </BaseComponent>\n            );\n        };\n    };\n\nexport const ContentEntriesViewConfig: ContentEntriesViewConfig = ({ children }) => {\n    return <Compose component={ContentEntriesViewConfigApply} with={createHOC(children)} />;\n};\n\nexport interface ContentEntriesViewConfigFilterProps {\n    name: string;\n    element?: React.ReactElement<unknown>;\n    modelIds?: string[];\n    remove?: boolean;\n}\n\nconst Filter: React.FC<ContentEntriesViewConfigFilterProps> = ({\n    name,\n    element,\n    modelIds = [],\n    remove = false\n}) => {\n    return (\n        <Property id={name} name={\"filter\"} merge={true} remove={remove}>\n            <Property id={\"name\"} name={\"name\"} value={name} />\n            <Property id={\"modelIds\"} name={\"modelIds\"} value={modelIds} />\n            {element ? <Property id={\"element\"} name={\"element\"} value={element} /> : null}\n        </Property>\n    );\n};\n\nexport interface ContentEntriesViewConfigSorterProps {\n    name: string;\n    label: string;\n    modelIds?: string[];\n    remove?: boolean;\n}\n\nconst Sorter: React.FC<ContentEntriesViewConfigSorterProps> = ({\n    name,\n    label,\n    modelIds = [],\n    remove = false\n}) => {\n    return (\n        <Property id={name} name={\"sorter\"} merge={true} remove={remove}>\n            <Property id={\"name\"} name={\"name\"} value={name} />\n            <Property id={\"label\"} name={\"label\"} value={label} />\n            <Property id={\"modelIds\"} name={\"modelIds\"} value={modelIds} />\n        </Property>\n    );\n};\n\nContentEntriesViewConfig.Filter = Filter;\nContentEntriesViewConfig.Sorter = Sorter;\n\ninterface ViewContext {\n    properties: Property[];\n}\n\nconst defaultContext = { properties: [] };\n\nconst ViewContext = React.createContext<ViewContext>(defaultContext);\n\nexport const ContentEntriesView = makeComposable(\"ContentEntriesView\", () => {\n    const [properties, setProperties] = useState<Property[]>([]);\n    const context = { properties };\n\n    const stateUpdater = (properties: Property[]) => {\n        setProperties(properties);\n    };\n\n    return (\n        <ViewContext.Provider value={context}>\n            <PropertyContainer name={\"view\"} onChange={stateUpdater}>\n                <ContentEntriesViewConfigApply />\n                <ContentEntriesViewRenderer />\n            </PropertyContainer>\n        </ViewContext.Provider>\n    );\n});\n\nexport const ContentEntriesViewRenderer = makeComposable(\"ContentEntriesViewRenderer\");\n\nfunction byName(name: string) {\n    return (obj: Property) => obj.name === name;\n}\n\nexport interface ContentEntriesViewConfigFilter {\n    name: string;\n    element: React.ReactElement;\n    modelIds: string[];\n}\n\nexport interface ContentEntriesViewConfigSorter {\n    name: string;\n    label: string;\n    modelIds: string[];\n}\n\nexport function useContentEntriesViewConfig(): {\n    filters: ContentEntriesViewConfigFilter[];\n    sorters: ContentEntriesViewConfigSorter[];\n} {\n    const { properties } = useContext(ViewContext);\n\n    const filters = properties\n        .filter(byName(\"filter\"))\n        .map(f => toObject<ContentEntriesViewConfigFilter>(f));\n\n    const sorters = properties\n        .filter(byName(\"sorter\"))\n        .map(f => toObject<ContentEntriesViewConfigSorter>(f));\n\n    return {\n        filters,\n        sorters\n    };\n}\n"],"mappings":"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"}
+{"version":3,"names":["ContentEntriesViewConfigApply","makeComposable","children","createHOC","newChildren","BaseComponent","ConfigHOC","ContentEntriesViewConfig","Filter","name","element","modelIds","remove","Sorter","label","defaultContext","properties","ViewContext","React","createContext","ContentEntriesView","useState","setProperties","context","stateUpdater","ContentEntriesViewRenderer","byName","obj","useContentEntriesViewConfig","useContext","filters","filter","map","f","toObject","sorters"],"sources":["ContentEntriesViewConfig.tsx"],"sourcesContent":["import { makeComposable, Compose, HigherOrderComponent } from \"@webiny/app-admin\";\nimport React, { useContext, useState } from \"react\";\nimport { Property, PropertyContainer, toObject } from \"./Property\";\n\ninterface ContentEntriesViewConfig extends React.FC<unknown> {\n    Filter: React.FC<ContentEntriesViewConfigFilterProps>;\n    Sorter: React.FC<ContentEntriesViewConfigSorterProps>;\n}\n\nconst ContentEntriesViewConfigApply = makeComposable(\n    \"ContentEntriesViewConfigApply\",\n    ({ children }) => {\n        return <>{children}</>;\n    }\n);\n\nconst createHOC =\n    (newChildren: React.ReactNode): HigherOrderComponent =>\n    BaseComponent => {\n        return function ConfigHOC({ children }) {\n            return (\n                <BaseComponent>\n                    {newChildren}\n                    {children}\n                </BaseComponent>\n            );\n        };\n    };\n\nexport const ContentEntriesViewConfig: ContentEntriesViewConfig = ({ children }) => {\n    return <Compose component={ContentEntriesViewConfigApply} with={createHOC(children)} />;\n};\n\nexport interface ContentEntriesViewConfigFilterProps {\n    name: string;\n    element?: React.ReactElement<unknown>;\n    modelIds?: string[];\n    remove?: boolean;\n}\n\nconst Filter: React.FC<ContentEntriesViewConfigFilterProps> = ({\n    name,\n    element,\n    modelIds = [],\n    remove = false\n}) => {\n    return (\n        <Property id={name} name={\"filter\"} merge={true} remove={remove}>\n            <Property id={\"name\"} name={\"name\"} value={name} />\n            <Property id={\"modelIds\"} name={\"modelIds\"} value={modelIds} />\n            {element ? <Property id={\"element\"} name={\"element\"} value={element} /> : null}\n        </Property>\n    );\n};\n\nexport interface ContentEntriesViewConfigSorterProps {\n    name: string;\n    label: string;\n    modelIds?: string[];\n    remove?: boolean;\n}\n\nconst Sorter: React.FC<ContentEntriesViewConfigSorterProps> = ({\n    name,\n    label,\n    modelIds = [],\n    remove = false\n}) => {\n    return (\n        <Property id={name} name={\"sorter\"} merge={true} remove={remove}>\n            <Property id={\"name\"} name={\"name\"} value={name} />\n            <Property id={\"label\"} name={\"label\"} value={label} />\n            <Property id={\"modelIds\"} name={\"modelIds\"} value={modelIds} />\n        </Property>\n    );\n};\n\nContentEntriesViewConfig.Filter = Filter;\nContentEntriesViewConfig.Sorter = Sorter;\n\ninterface ViewContext {\n    properties: Property[];\n}\n\nconst defaultContext = { properties: [] };\n\nconst ViewContext = React.createContext<ViewContext>(defaultContext);\n\nexport const ContentEntriesView = makeComposable(\"ContentEntriesView\", () => {\n    const [properties, setProperties] = useState<Property[]>([]);\n    const context = { properties };\n\n    const stateUpdater = (properties: Property[]) => {\n        setProperties(properties);\n    };\n\n    return (\n        <ViewContext.Provider value={context}>\n            <PropertyContainer name={\"view\"} onChange={stateUpdater}>\n                <ContentEntriesViewConfigApply />\n                <ContentEntriesViewRenderer />\n            </PropertyContainer>\n        </ViewContext.Provider>\n    );\n});\n\nexport const ContentEntriesViewRenderer = makeComposable(\"ContentEntriesViewRenderer\");\n\nfunction byName(name: string) {\n    return (obj: Property) => obj.name === name;\n}\n\nexport interface ContentEntriesViewConfigFilter {\n    name: string;\n    element: React.ReactElement;\n    modelIds: string[];\n}\n\nexport interface ContentEntriesViewConfigSorter {\n    name: string;\n    label: string;\n    modelIds: string[];\n}\n\nexport function useContentEntriesViewConfig(): {\n    filters: ContentEntriesViewConfigFilter[];\n    sorters: ContentEntriesViewConfigSorter[];\n} {\n    const { properties } = useContext(ViewContext);\n\n    const filters = properties\n        .filter(byName(\"filter\"))\n        .map(f => toObject<ContentEntriesViewConfigFilter>(f));\n\n    const sorters = properties\n        .filter(byName(\"sorter\"))\n        .map(f => toObject<ContentEntriesViewConfigSorter>(f));\n\n    return {\n        filters,\n        sorters\n    };\n}\n"],"mappings":"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"}

package/admin/views/contentEntries/experiment/Property.js

@@ -1,51 +1,36 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.PropertyContainer = exports.Property = void 0;
 exports.toArray = toArray;
 exports.toObject = toObject;
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _objectSpread3 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _useDeepCompareEffect = _interopRequireDefault(require("use-deep-compare-effect"));
-
 var _utils = require("@webiny/utils");
-
 var _excluded = ["children", "name", "value"];
-
 function toObject(property) {
   if (property.value !== undefined) {
     return (0, _defineProperty2.default)({}, property.name, property.value);
   }
-
   var obj = {};
   property.properties.forEach(function (prop) {
     // Check if this is a single occurrence of this property
     var isSingle = property.properties.filter(function (p) {
       return p.name === prop.name;
     }).length === 1;
-
     if (prop.value !== undefined) {
       obj[prop.name] = isSingle ? prop.value : [].concat((0, _toConsumableArray2.default)(obj[prop.name] || []), [prop.value]);
     } else {
       var asObject = toObject(prop);
-
       if (!isSingle) {
         obj[prop.name] = [].concat((0, _toConsumableArray2.default)(obj[prop.name] || []), [asObject[prop.name]]);
       } else {
@@ -55,7 +40,6 @@ function toObject(property) {
   });
   return obj;
 }
-
 function toArray(objects) {
   return objects.map(function (obj) {
     return obj.properties.reduce(function (acc, item) {
@@ -63,41 +47,33 @@ function toArray(objects) {
     }, {});
   });
 }
-
 function mergeProperties(properties1, properties2) {
   var temp = [].concat((0, _toConsumableArray2.default)(properties1), (0, _toConsumableArray2.default)(properties2));
   return Object.values(temp.reduce(function (acc, item) {
     return (0, _objectSpread3.default)((0, _objectSpread3.default)({}, acc), {}, (0, _defineProperty2.default)({}, item.id, item));
   }, {}));
 }
-
 var PropertyContext = /*#__PURE__*/(0, _react.createContext)(null);
 PropertyContext.displayName = "PropertyContext";
-
 var useProperty = function useProperty() {
   return (0, _react.useContext)(PropertyContext);
 };
-
 var PropertyContainerContext = /*#__PURE__*/(0, _react.createContext)();
-
 function cleanup(properties) {
   return properties.map(function (property) {
     if ("$remove" in property) {
       return null;
     }
-
     return (0, _objectSpread3.default)((0, _objectSpread3.default)({}, property), {}, {
       properties: cleanup(property.properties)
     });
   }).filter(Boolean);
 }
-
 var store = new Map();
-
 var PropertyContainer = function PropertyContainer(_ref2) {
   var name = _ref2.name,
-      onChange = _ref2.onChange,
-      children = _ref2.children;
+    onChange = _ref2.onChange,
+    children = _ref2.children;
   var ref = (0, _react.useRef)(store);
   var context = (0, _react.useMemo)(function () {
     return {
@@ -113,24 +89,19 @@ var PropertyContainer = function PropertyContainer(_ref2) {
     value: context
   }, children);
 };
-
 exports.PropertyContainer = PropertyContainer;
-
 var Property = function Property(_ref3) {
   var children = _ref3.children,
-      name = _ref3.name,
-      value = _ref3.value,
-      props = (0, _objectWithoutProperties2.default)(_ref3, _excluded);
+    name = _ref3.name,
+    value = _ref3.value,
+    props = (0, _objectWithoutProperties2.default)(_ref3, _excluded);
   var id = (0, _react.useRef)(props.id || (0, _utils.generateAlphaNumericId)(21));
-
   var _useState = (0, _react.useState)([]),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      properties = _useState2[0],
-      setProperties = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    properties = _useState2[0],
+    setProperties = _useState2[1];
   var _useContext = (0, _react.useContext)(PropertyContainerContext),
-      updateContainer = _useContext.updateContainer;
-
+    updateContainer = _useContext.updateContainer;
   var parentProperty = useProperty();
   var context = {
     removeProperty: function removeProperty(id) {
@@ -138,13 +109,11 @@ var Property = function Property(_ref3) {
         var index = properties.findIndex(function (p) {
           return p.id === id;
         });
-
         if (index > -1) {
           return [].concat((0, _toConsumableArray2.default)(properties.slice(0, index)), [(0, _objectSpread3.default)((0, _objectSpread3.default)({}, properties[index]), {}, {
             $remove: true
           })], (0, _toConsumableArray2.default)(properties.slice(index + 1)));
         }
-
         return properties;
       });
     },
@@ -153,47 +122,37 @@ var Property = function Property(_ref3) {
         var index = properties.findIndex(function (p) {
           return p.id === property.id;
         });
-
         if (index > -1) {
           return [].concat((0, _toConsumableArray2.default)(properties.slice(0, index)), [(0, _objectSpread3.default)((0, _objectSpread3.default)({}, properties[index]), property)], (0, _toConsumableArray2.default)(properties.slice(index + 1)));
         }
-
         return [].concat((0, _toConsumableArray2.default)(properties), [property]);
       });
     }
   };
-
   var indexById = function indexById(p) {
     return p.id === props.id;
   };
-
   var indexByName = function indexByName(p) {
     return p.name === name;
   };
-
   var updateParentContainer = function updateParentContainer(property) {
     updateContainer(function (properties) {
       // Check if this property already exists in the parent container.
       var index = properties.findIndex(props.id ? indexById : indexByName);
-
       if (props.remove) {
         if (index > -1) {
           return [].concat((0, _toConsumableArray2.default)(properties.slice(0, index)), [(0, _objectSpread3.default)((0, _objectSpread3.default)({}, properties[index]), {}, {
             $remove: true
           })], (0, _toConsumableArray2.default)(properties.slice(index + 1)));
         }
-
         return properties;
       }
-
       if (props.replace) {
         if (index > -1) {
           return [].concat((0, _toConsumableArray2.default)(properties.slice(0, index)), [(0, _objectSpread3.default)({}, property)], (0, _toConsumableArray2.default)(properties.slice(index + 1)));
         }
-
         return [].concat((0, _toConsumableArray2.default)(properties), [property]);
       }
-
       if (props.merge) {
         if (index > -1) {
           return [].concat((0, _toConsumableArray2.default)(properties.slice(0, index)), [(0, _objectSpread3.default)((0, _objectSpread3.default)((0, _objectSpread3.default)({}, properties[index]), property), {}, {
@@ -201,11 +160,9 @@ var Property = function Property(_ref3) {
           })], (0, _toConsumableArray2.default)(properties.slice(index + 1)));
         }
       }
-
       return [].concat((0, _toConsumableArray2.default)(properties), [property]);
     });
   };
-
   (0, _useDeepCompareEffect.default)(function () {
     var property = {
       id: id.current,
@@ -213,11 +170,9 @@ var Property = function Property(_ref3) {
       value: value,
       properties: properties
     };
-
     if (!parentProperty) {
       return updateParentContainer(property);
     }
-
     parentProperty.updateProperty(property);
   }, [properties]);
   (0, _useDeepCompareEffect.default)(function () {
@@ -235,14 +190,11 @@ var Property = function Property(_ref3) {
       }
     }
   }, [props.remove, properties]);
-
   if (!children) {
     return null;
   }
-
   return /*#__PURE__*/_react.default.createElement(PropertyContext.Provider, {
     value: context
   }, children);
 };
-
 exports.Property = Property;

package/admin/views/contentEntries/experiment/Property.js.map

@@ -1 +1 @@
-{"version":3,"names":["toObject","property","value","undefined","name","obj","properties","forEach","prop","isSingle","filter","p","length","asObject","toArray","objects","map","reduce","acc","item","mergeProperties","properties1","properties2","temp","Object","values","id","PropertyContext","createContext","displayName","useProperty","useContext","PropertyContainerContext","cleanup","Boolean","store","Map","PropertyContainer","onChange","children","ref","useRef","context","useMemo","updateContainer","updater","current","get","set","Property","props","generateAlphaNumericId","useState","setProperties","parentProperty","removeProperty","index","findIndex","slice","$remove","updateProperty","indexById","indexByName","updateParentContainer","remove","replace","merge","useDeepCompareEffect"],"sources":["Property.tsx"],"sourcesContent":["// @ts-nocheck\n/**\n * Note by @pavel910:\n *\n * TS is disabled in this file, as this is a wild experiment, and I need to come back and fix some types, which are not very\n * obvious. I don't have time to do it right now. If the experiment is successful, I'll come back and clean this up, and\n * extract this whole logic into a separate package, as this is a tiny framework for building data objects using React, and\n * we might want to use it in many more places (all views, Page Builder Editor, etc.).\n *\n * More on this a bit later, if the experiment is successful.\n */\nimport React, { createContext, FC, useContext, useMemo, useRef, useState } from \"react\";\nimport useDeepCompareEffect from \"use-deep-compare-effect\";\nimport { generateAlphaNumericId } from \"@webiny/utils\";\n\nexport function toObject<T = unknown>(property: Property): T {\n    if (property.value !== undefined) {\n        return { [property.name]: property.value };\n    }\n\n    const obj = {};\n    property.properties.forEach(prop => {\n        // Check if this is a single occurrence of this property\n        const isSingle = property.properties.filter(p => p.name === prop.name).length === 1;\n        if (prop.value !== undefined) {\n            obj[prop.name] = isSingle ? prop.value : [...(obj[prop.name] || []), prop.value];\n        } else {\n            const asObject = toObject(prop);\n\n            if (!isSingle) {\n                obj[prop.name] = [...(obj[prop.name] || []), asObject[prop.name]];\n            } else {\n                obj[prop.name] = asObject[prop.name];\n            }\n        }\n    });\n\n    return obj;\n}\n\nexport function toArray(objects: Property[]) {\n    return objects.map(obj =>\n        obj.properties.reduce((acc, item) => {\n            return { ...acc, ...toObject(item) };\n        }, {})\n    );\n}\n\nfunction mergeProperties(properties1: Property[], properties2: Property[]) {\n    const temp: Property[] = [...properties1, ...properties2];\n\n    return Object.values(\n        temp.reduce((acc, item) => {\n            return { ...acc, [item.id]: item };\n        }, {})\n    );\n}\n\ninterface PropertyContext {\n    removeProperty(id: string): void;\n    updateProperty(property: Property): void;\n}\n\nconst PropertyContext = createContext<PropertyContext>(null);\nPropertyContext.displayName = \"PropertyContext\";\n\nconst useProperty = () => {\n    return useContext(PropertyContext);\n};\n\ninterface PropertyContainerContext {\n    updateContainer(update): void;\n}\n\nexport interface Property<TValue = unknown> {\n    id?: string;\n    name: string;\n    value?: TValue;\n    properties?: Property[];\n}\n\nconst PropertyContainerContext = createContext<PropertyContainerContext>();\n\nfunction cleanup(properties: Property[]): Property[] {\n    return properties\n        .map(property => {\n            if (\"$remove\" in property) {\n                return null;\n            }\n\n            return {\n                ...property,\n                properties: cleanup(property.properties)\n            };\n        })\n        .filter(Boolean);\n}\n\nconst store = new Map<string, any>();\n\ninterface PropertyContainerProps {\n    name: string;\n    // TODO: create a proper type\n    onChange: any;\n}\n\nexport const PropertyContainer: FC<PropertyContainerProps> = ({ name, onChange, children }) => {\n    const ref = useRef(store);\n    const context = useMemo(\n        () => ({\n            updateContainer(updater) {\n                const current = store.get(name) || [];\n                const properties = cleanup(updater(current));\n                store.set(name, properties);\n                onChange(properties);\n            }\n        }),\n        [ref]\n    );\n\n    return (\n        <PropertyContainerContext.Provider value={context}>\n            {children}\n        </PropertyContainerContext.Provider>\n    );\n};\n\ninterface PropertyProps {\n    id?: string;\n    name: string;\n    value?: unknown;\n    merge?: boolean;\n    replace?: boolean;\n    remove?: boolean;\n}\n\nexport const Property: FC<PropertyProps> = ({ children, name, value, ...props }) => {\n    const id = useRef(props.id || generateAlphaNumericId(21));\n    const [properties, setProperties] = useState([]);\n    const { updateContainer } = useContext(PropertyContainerContext);\n    const parentProperty = useProperty();\n\n    const context: PropertyContext = {\n        removeProperty(id: string) {\n            setProperties(properties => {\n                const index = properties.findIndex(p => p.id === id);\n                if (index > -1) {\n                    return [\n                        ...properties.slice(0, index),\n                        { ...properties[index], $remove: true },\n                        ...properties.slice(index + 1)\n                    ];\n                }\n                return properties;\n            });\n        },\n        updateProperty(property) {\n            setProperties(properties => {\n                const index = properties.findIndex(p => p.id === property.id);\n                if (index > -1) {\n                    return [\n                        ...properties.slice(0, index),\n                        { ...properties[index], ...property },\n                        ...properties.slice(index + 1)\n                    ];\n                }\n                return [...properties, property];\n            });\n        }\n    };\n\n    const indexById = p => p.id === props.id;\n    const indexByName = p => p.name === name;\n\n    const updateParentContainer = property => {\n        updateContainer((properties: Property[]) => {\n            // Check if this property already exists in the parent container.\n            const index = properties.findIndex(props.id ? indexById : indexByName);\n\n            if (props.remove) {\n                if (index > -1) {\n                    return [\n                        ...properties.slice(0, index),\n                        { ...properties[index], $remove: true },\n                        ...properties.slice(index + 1)\n                    ];\n                }\n\n                return properties;\n            }\n\n            if (props.replace) {\n                if (index > -1) {\n                    return [\n                        ...properties.slice(0, index),\n                        { ...property },\n                        ...properties.slice(index + 1)\n                    ];\n                }\n\n                return [...properties, property];\n            }\n\n            if (props.merge) {\n                if (index > -1) {\n                    return [\n                        ...properties.slice(0, index),\n                        {\n                            ...properties[index],\n                            ...property,\n                            properties: mergeProperties(\n                                properties[index].properties,\n                                property.properties\n                            )\n                        },\n                        ...properties.slice(index + 1)\n                    ];\n                }\n            }\n\n            return [...properties, property];\n        });\n    };\n\n    useDeepCompareEffect(() => {\n        const property = { id: id.current, name, value, properties };\n\n        if (!parentProperty) {\n            return updateParentContainer(property);\n        }\n\n        parentProperty.updateProperty(property);\n    }, [properties]);\n\n    useDeepCompareEffect(() => {\n        // On mount, we need to report to our parent.\n        if (parentProperty) {\n            if (props.remove) {\n                parentProperty.removeProperty(id.current);\n            } else {\n                parentProperty.updateProperty({ id: id.current, name, value, properties });\n            }\n        }\n    }, [props.remove, properties]);\n\n    if (!children) {\n        return null;\n    }\n\n    return <PropertyContext.Provider value={context}>{children}</PropertyContext.Provider>;\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAWA;;AACA;;AACA;;;;AAEO,SAASA,QAAT,CAA+BC,QAA/B,EAAsD;EACzD,IAAIA,QAAQ,CAACC,KAAT,KAAmBC,SAAvB,EAAkC;IAC9B,yCAAUF,QAAQ,CAACG,IAAnB,EAA0BH,QAAQ,CAACC,KAAnC;EACH;;EAED,IAAMG,GAAG,GAAG,EAAZ;EACAJ,QAAQ,CAACK,UAAT,CAAoBC,OAApB,CAA4B,UAAAC,IAAI,EAAI;IAChC;IACA,IAAMC,QAAQ,GAAGR,QAAQ,CAACK,UAAT,CAAoBI,MAApB,CAA2B,UAAAC,CAAC;MAAA,OAAIA,CAAC,CAACP,IAAF,KAAWI,IAAI,CAACJ,IAApB;IAAA,CAA5B,EAAsDQ,MAAtD,KAAiE,CAAlF;;IACA,IAAIJ,IAAI,CAACN,KAAL,KAAeC,SAAnB,EAA8B;MAC1BE,GAAG,CAACG,IAAI,CAACJ,IAAN,CAAH,GAAiBK,QAAQ,GAAGD,IAAI,CAACN,KAAR,8CAAqBG,GAAG,CAACG,IAAI,CAACJ,IAAN,CAAH,IAAkB,EAAvC,IAA4CI,IAAI,CAACN,KAAjD,EAAzB;IACH,CAFD,MAEO;MACH,IAAMW,QAAQ,GAAGb,QAAQ,CAACQ,IAAD,CAAzB;;MAEA,IAAI,CAACC,QAAL,EAAe;QACXJ,GAAG,CAACG,IAAI,CAACJ,IAAN,CAAH,8CAAsBC,GAAG,CAACG,IAAI,CAACJ,IAAN,CAAH,IAAkB,EAAxC,IAA6CS,QAAQ,CAACL,IAAI,CAACJ,IAAN,CAArD;MACH,CAFD,MAEO;QACHC,GAAG,CAACG,IAAI,CAACJ,IAAN,CAAH,GAAiBS,QAAQ,CAACL,IAAI,CAACJ,IAAN,CAAzB;MACH;IACJ;EACJ,CAdD;EAgBA,OAAOC,GAAP;AACH;;AAEM,SAASS,OAAT,CAAiBC,OAAjB,EAAsC;EACzC,OAAOA,OAAO,CAACC,GAAR,CAAY,UAAAX,GAAG;IAAA,OAClBA,GAAG,CAACC,UAAJ,CAAeW,MAAf,CAAsB,UAACC,GAAD,EAAMC,IAAN,EAAe;MACjC,mEAAYD,GAAZ,GAAoBlB,QAAQ,CAACmB,IAAD,CAA5B;IACH,CAFD,EAEG,EAFH,CADkB;EAAA,CAAf,CAAP;AAKH;;AAED,SAASC,eAAT,CAAyBC,WAAzB,EAAkDC,WAAlD,EAA2E;EACvE,IAAMC,IAAgB,8CAAOF,WAAP,oCAAuBC,WAAvB,EAAtB;EAEA,OAAOE,MAAM,CAACC,MAAP,CACHF,IAAI,CAACN,MAAL,CAAY,UAACC,GAAD,EAAMC,IAAN,EAAe;IACvB,mEAAYD,GAAZ,yCAAkBC,IAAI,CAACO,EAAvB,EAA4BP,IAA5B;EACH,CAFD,EAEG,EAFH,CADG,CAAP;AAKH;;AAOD,IAAMQ,eAAe,gBAAG,IAAAC,oBAAA,EAA+B,IAA/B,CAAxB;AACAD,eAAe,CAACE,WAAhB,GAA8B,iBAA9B;;AAEA,IAAMC,WAAW,GAAG,SAAdA,WAAc,GAAM;EACtB,OAAO,IAAAC,iBAAA,EAAWJ,eAAX,CAAP;AACH,CAFD;;AAeA,IAAMK,wBAAwB,gBAAG,IAAAJ,oBAAA,GAAjC;;AAEA,SAASK,OAAT,CAAiB3B,UAAjB,EAAqD;EACjD,OAAOA,UAAU,CACZU,GADE,CACE,UAAAf,QAAQ,EAAI;IACb,IAAI,aAAaA,QAAjB,EAA2B;MACvB,OAAO,IAAP;IACH;;IAED,mEACOA,QADP;MAEIK,UAAU,EAAE2B,OAAO,CAAChC,QAAQ,CAACK,UAAV;IAFvB;EAIH,CAVE,EAWFI,MAXE,CAWKwB,OAXL,CAAP;AAYH;;AAED,IAAMC,KAAK,GAAG,IAAIC,GAAJ,EAAd;;AAQO,IAAMC,iBAA6C,GAAG,SAAhDA,iBAAgD,QAAkC;EAAA,IAA/BjC,IAA+B,SAA/BA,IAA+B;EAAA,IAAzBkC,QAAyB,SAAzBA,QAAyB;EAAA,IAAfC,QAAe,SAAfA,QAAe;EAC3F,IAAMC,GAAG,GAAG,IAAAC,aAAA,EAAON,KAAP,CAAZ;EACA,IAAMO,OAAO,GAAG,IAAAC,cAAA,EACZ;IAAA,OAAO;MACHC,eADG,2BACaC,OADb,EACsB;QACrB,IAAMC,OAAO,GAAGX,KAAK,CAACY,GAAN,CAAU3C,IAAV,KAAmB,EAAnC;QACA,IAAME,UAAU,GAAG2B,OAAO,CAACY,OAAO,CAACC,OAAD,CAAR,CAA1B;QACAX,KAAK,CAACa,GAAN,CAAU5C,IAAV,EAAgBE,UAAhB;QACAgC,QAAQ,CAAChC,UAAD,CAAR;MACH;IANE,CAAP;EAAA,CADY,EASZ,CAACkC,GAAD,CATY,CAAhB;EAYA,oBACI,6BAAC,wBAAD,CAA0B,QAA1B;IAAmC,KAAK,EAAEE;EAA1C,GACKH,QADL,CADJ;AAKH,CAnBM;;;;AA8BA,IAAMU,QAA2B,GAAG,SAA9BA,QAA8B,QAAyC;EAAA,IAAtCV,QAAsC,SAAtCA,QAAsC;EAAA,IAA5BnC,IAA4B,SAA5BA,IAA4B;EAAA,IAAtBF,KAAsB,SAAtBA,KAAsB;EAAA,IAAZgD,KAAY;EAChF,IAAMxB,EAAE,GAAG,IAAAe,aAAA,EAAOS,KAAK,CAACxB,EAAN,IAAY,IAAAyB,6BAAA,EAAuB,EAAvB,CAAnB,CAAX;;EACA,gBAAoC,IAAAC,eAAA,EAAS,EAAT,CAApC;EAAA;EAAA,IAAO9C,UAAP;EAAA,IAAmB+C,aAAnB;;EACA,kBAA4B,IAAAtB,iBAAA,EAAWC,wBAAX,CAA5B;EAAA,IAAQY,eAAR,eAAQA,eAAR;;EACA,IAAMU,cAAc,GAAGxB,WAAW,EAAlC;EAEA,IAAMY,OAAwB,GAAG;IAC7Ba,cAD6B,0BACd7B,EADc,EACF;MACvB2B,aAAa,CAAC,UAAA/C,UAAU,EAAI;QACxB,IAAMkD,KAAK,GAAGlD,UAAU,CAACmD,SAAX,CAAqB,UAAA9C,CAAC;UAAA,OAAIA,CAAC,CAACe,EAAF,KAASA,EAAb;QAAA,CAAtB,CAAd;;QACA,IAAI8B,KAAK,GAAG,CAAC,CAAb,EAAgB;UACZ,kDACOlD,UAAU,CAACoD,KAAX,CAAiB,CAAjB,EAAoBF,KAApB,CADP,gEAESlD,UAAU,CAACkD,KAAD,CAFnB;YAE4BG,OAAO,EAAE;UAFrC,sCAGOrD,UAAU,CAACoD,KAAX,CAAiBF,KAAK,GAAG,CAAzB,CAHP;QAKH;;QACD,OAAOlD,UAAP;MACH,CAVY,CAAb;IAWH,CAb4B;IAc7BsD,cAd6B,0BAcd3D,QAdc,EAcJ;MACrBoD,aAAa,CAAC,UAAA/C,UAAU,EAAI;QACxB,IAAMkD,KAAK,GAAGlD,UAAU,CAACmD,SAAX,CAAqB,UAAA9C,CAAC;UAAA,OAAIA,CAAC,CAACe,EAAF,KAASzB,QAAQ,CAACyB,EAAtB;QAAA,CAAtB,CAAd;;QACA,IAAI8B,KAAK,GAAG,CAAC,CAAb,EAAgB;UACZ,kDACOlD,UAAU,CAACoD,KAAX,CAAiB,CAAjB,EAAoBF,KAApB,CADP,gEAESlD,UAAU,CAACkD,KAAD,CAFnB,GAE+BvD,QAF/B,qCAGOK,UAAU,CAACoD,KAAX,CAAiBF,KAAK,GAAG,CAAzB,CAHP;QAKH;;QACD,kDAAWlD,UAAX,IAAuBL,QAAvB;MACH,CAVY,CAAb;IAWH;EA1B4B,CAAjC;;EA6BA,IAAM4D,SAAS,GAAG,SAAZA,SAAY,CAAAlD,CAAC;IAAA,OAAIA,CAAC,CAACe,EAAF,KAASwB,KAAK,CAACxB,EAAnB;EAAA,CAAnB;;EACA,IAAMoC,WAAW,GAAG,SAAdA,WAAc,CAAAnD,CAAC;IAAA,OAAIA,CAAC,CAACP,IAAF,KAAWA,IAAf;EAAA,CAArB;;EAEA,IAAM2D,qBAAqB,GAAG,SAAxBA,qBAAwB,CAAA9D,QAAQ,EAAI;IACtC2C,eAAe,CAAC,UAACtC,UAAD,EAA4B;MACxC;MACA,IAAMkD,KAAK,GAAGlD,UAAU,CAACmD,SAAX,CAAqBP,KAAK,CAACxB,EAAN,GAAWmC,SAAX,GAAuBC,WAA5C,CAAd;;MAEA,IAAIZ,KAAK,CAACc,MAAV,EAAkB;QACd,IAAIR,KAAK,GAAG,CAAC,CAAb,EAAgB;UACZ,kDACOlD,UAAU,CAACoD,KAAX,CAAiB,CAAjB,EAAoBF,KAApB,CADP,gEAESlD,UAAU,CAACkD,KAAD,CAFnB;YAE4BG,OAAO,EAAE;UAFrC,sCAGOrD,UAAU,CAACoD,KAAX,CAAiBF,KAAK,GAAG,CAAzB,CAHP;QAKH;;QAED,OAAOlD,UAAP;MACH;;MAED,IAAI4C,KAAK,CAACe,OAAV,EAAmB;QACf,IAAIT,KAAK,GAAG,CAAC,CAAb,EAAgB;UACZ,kDACOlD,UAAU,CAACoD,KAAX,CAAiB,CAAjB,EAAoBF,KAApB,CADP,oCAESvD,QAFT,qCAGOK,UAAU,CAACoD,KAAX,CAAiBF,KAAK,GAAG,CAAzB,CAHP;QAKH;;QAED,kDAAWlD,UAAX,IAAuBL,QAAvB;MACH;;MAED,IAAIiD,KAAK,CAACgB,KAAV,EAAiB;QACb,IAAIV,KAAK,GAAG,CAAC,CAAb,EAAgB;UACZ,kDACOlD,UAAU,CAACoD,KAAX,CAAiB,CAAjB,EAAoBF,KAApB,CADP,4FAGWlD,UAAU,CAACkD,KAAD,CAHrB,GAIWvD,QAJX;YAKQK,UAAU,EAAEc,eAAe,CACvBd,UAAU,CAACkD,KAAD,CAAV,CAAkBlD,UADK,EAEvBL,QAAQ,CAACK,UAFc;UALnC,sCAUOA,UAAU,CAACoD,KAAX,CAAiBF,KAAK,GAAG,CAAzB,CAVP;QAYH;MACJ;;MAED,kDAAWlD,UAAX,IAAuBL,QAAvB;IACH,CA9Cc,CAAf;EA+CH,CAhDD;;EAkDA,IAAAkE,6BAAA,EAAqB,YAAM;IACvB,IAAMlE,QAAQ,GAAG;MAAEyB,EAAE,EAAEA,EAAE,CAACoB,OAAT;MAAkB1C,IAAI,EAAJA,IAAlB;MAAwBF,KAAK,EAALA,KAAxB;MAA+BI,UAAU,EAAVA;IAA/B,CAAjB;;IAEA,IAAI,CAACgD,cAAL,EAAqB;MACjB,OAAOS,qBAAqB,CAAC9D,QAAD,CAA5B;IACH;;IAEDqD,cAAc,CAACM,cAAf,CAA8B3D,QAA9B;EACH,CARD,EAQG,CAACK,UAAD,CARH;EAUA,IAAA6D,6BAAA,EAAqB,YAAM;IACvB;IACA,IAAIb,cAAJ,EAAoB;MAChB,IAAIJ,KAAK,CAACc,MAAV,EAAkB;QACdV,cAAc,CAACC,cAAf,CAA8B7B,EAAE,CAACoB,OAAjC;MACH,CAFD,MAEO;QACHQ,cAAc,CAACM,cAAf,CAA8B;UAAElC,EAAE,EAAEA,EAAE,CAACoB,OAAT;UAAkB1C,IAAI,EAAJA,IAAlB;UAAwBF,KAAK,EAALA,KAAxB;UAA+BI,UAAU,EAAVA;QAA/B,CAA9B;MACH;IACJ;EACJ,CATD,EASG,CAAC4C,KAAK,CAACc,MAAP,EAAe1D,UAAf,CATH;;EAWA,IAAI,CAACiC,QAAL,EAAe;IACX,OAAO,IAAP;EACH;;EAED,oBAAO,6BAAC,eAAD,CAAiB,QAAjB;IAA0B,KAAK,EAAEG;EAAjC,GAA2CH,QAA3C,CAAP;AACH,CAlHM"}
+{"version":3,"names":["toObject","property","value","undefined","name","obj","properties","forEach","prop","isSingle","filter","p","length","asObject","toArray","objects","map","reduce","acc","item","mergeProperties","properties1","properties2","temp","Object","values","id","PropertyContext","createContext","displayName","useProperty","useContext","PropertyContainerContext","cleanup","Boolean","store","Map","PropertyContainer","onChange","children","ref","useRef","context","useMemo","updateContainer","updater","current","get","set","Property","props","generateAlphaNumericId","useState","setProperties","parentProperty","removeProperty","index","findIndex","slice","$remove","updateProperty","indexById","indexByName","updateParentContainer","remove","replace","merge","useDeepCompareEffect"],"sources":["Property.tsx"],"sourcesContent":["// @ts-nocheck\n/**\n * Note by @pavel910:\n *\n * TS is disabled in this file, as this is a wild experiment, and I need to come back and fix some types, which are not very\n * obvious. I don't have time to do it right now. If the experiment is successful, I'll come back and clean this up, and\n * extract this whole logic into a separate package, as this is a tiny framework for building data objects using React, and\n * we might want to use it in many more places (all views, Page Builder Editor, etc.).\n *\n * More on this a bit later, if the experiment is successful.\n */\nimport React, { createContext, FC, useContext, useMemo, useRef, useState } from \"react\";\nimport useDeepCompareEffect from \"use-deep-compare-effect\";\nimport { generateAlphaNumericId } from \"@webiny/utils\";\n\nexport function toObject<T = unknown>(property: Property): T {\n    if (property.value !== undefined) {\n        return { [property.name]: property.value };\n    }\n\n    const obj = {};\n    property.properties.forEach(prop => {\n        // Check if this is a single occurrence of this property\n        const isSingle = property.properties.filter(p => p.name === prop.name).length === 1;\n        if (prop.value !== undefined) {\n            obj[prop.name] = isSingle ? prop.value : [...(obj[prop.name] || []), prop.value];\n        } else {\n            const asObject = toObject(prop);\n\n            if (!isSingle) {\n                obj[prop.name] = [...(obj[prop.name] || []), asObject[prop.name]];\n            } else {\n                obj[prop.name] = asObject[prop.name];\n            }\n        }\n    });\n\n    return obj;\n}\n\nexport function toArray(objects: Property[]) {\n    return objects.map(obj =>\n        obj.properties.reduce((acc, item) => {\n            return { ...acc, ...toObject(item) };\n        }, {})\n    );\n}\n\nfunction mergeProperties(properties1: Property[], properties2: Property[]) {\n    const temp: Property[] = [...properties1, ...properties2];\n\n    return Object.values(\n        temp.reduce((acc, item) => {\n            return { ...acc, [item.id]: item };\n        }, {})\n    );\n}\n\ninterface PropertyContext {\n    removeProperty(id: string): void;\n    updateProperty(property: Property): void;\n}\n\nconst PropertyContext = createContext<PropertyContext>(null);\nPropertyContext.displayName = \"PropertyContext\";\n\nconst useProperty = () => {\n    return useContext(PropertyContext);\n};\n\ninterface PropertyContainerContext {\n    updateContainer(update): void;\n}\n\nexport interface Property<TValue = unknown> {\n    id?: string;\n    name: string;\n    value?: TValue;\n    properties?: Property[];\n}\n\nconst PropertyContainerContext = createContext<PropertyContainerContext>();\n\nfunction cleanup(properties: Property[]): Property[] {\n    return properties\n        .map(property => {\n            if (\"$remove\" in property) {\n                return null;\n            }\n\n            return {\n                ...property,\n                properties: cleanup(property.properties)\n            };\n        })\n        .filter(Boolean);\n}\n\nconst store = new Map<string, any>();\n\ninterface PropertyContainerProps {\n    name: string;\n    // TODO: create a proper type\n    onChange: any;\n}\n\nexport const PropertyContainer: FC<PropertyContainerProps> = ({ name, onChange, children }) => {\n    const ref = useRef(store);\n    const context = useMemo(\n        () => ({\n            updateContainer(updater) {\n                const current = store.get(name) || [];\n                const properties = cleanup(updater(current));\n                store.set(name, properties);\n                onChange(properties);\n            }\n        }),\n        [ref]\n    );\n\n    return (\n        <PropertyContainerContext.Provider value={context}>\n            {children}\n        </PropertyContainerContext.Provider>\n    );\n};\n\ninterface PropertyProps {\n    id?: string;\n    name: string;\n    value?: unknown;\n    merge?: boolean;\n    replace?: boolean;\n    remove?: boolean;\n}\n\nexport const Property: FC<PropertyProps> = ({ children, name, value, ...props }) => {\n    const id = useRef(props.id || generateAlphaNumericId(21));\n    const [properties, setProperties] = useState([]);\n    const { updateContainer } = useContext(PropertyContainerContext);\n    const parentProperty = useProperty();\n\n    const context: PropertyContext = {\n        removeProperty(id: string) {\n            setProperties(properties => {\n                const index = properties.findIndex(p => p.id === id);\n                if (index > -1) {\n                    return [\n                        ...properties.slice(0, index),\n                        { ...properties[index], $remove: true },\n                        ...properties.slice(index + 1)\n                    ];\n                }\n                return properties;\n            });\n        },\n        updateProperty(property) {\n            setProperties(properties => {\n                const index = properties.findIndex(p => p.id === property.id);\n                if (index > -1) {\n                    return [\n                        ...properties.slice(0, index),\n                        { ...properties[index], ...property },\n                        ...properties.slice(index + 1)\n                    ];\n                }\n                return [...properties, property];\n            });\n        }\n    };\n\n    const indexById = p => p.id === props.id;\n    const indexByName = p => p.name === name;\n\n    const updateParentContainer = property => {\n        updateContainer((properties: Property[]) => {\n            // Check if this property already exists in the parent container.\n            const index = properties.findIndex(props.id ? indexById : indexByName);\n\n            if (props.remove) {\n                if (index > -1) {\n                    return [\n                        ...properties.slice(0, index),\n                        { ...properties[index], $remove: true },\n                        ...properties.slice(index + 1)\n                    ];\n                }\n\n                return properties;\n            }\n\n            if (props.replace) {\n                if (index > -1) {\n                    return [\n                        ...properties.slice(0, index),\n                        { ...property },\n                        ...properties.slice(index + 1)\n                    ];\n                }\n\n                return [...properties, property];\n            }\n\n            if (props.merge) {\n                if (index > -1) {\n                    return [\n                        ...properties.slice(0, index),\n                        {\n                            ...properties[index],\n                            ...property,\n                            properties: mergeProperties(\n                                properties[index].properties,\n                                property.properties\n                            )\n                        },\n                        ...properties.slice(index + 1)\n                    ];\n                }\n            }\n\n            return [...properties, property];\n        });\n    };\n\n    useDeepCompareEffect(() => {\n        const property = { id: id.current, name, value, properties };\n\n        if (!parentProperty) {\n            return updateParentContainer(property);\n        }\n\n        parentProperty.updateProperty(property);\n    }, [properties]);\n\n    useDeepCompareEffect(() => {\n        // On mount, we need to report to our parent.\n        if (parentProperty) {\n            if (props.remove) {\n                parentProperty.removeProperty(id.current);\n            } else {\n                parentProperty.updateProperty({ id: id.current, name, value, properties });\n            }\n        }\n    }, [props.remove, properties]);\n\n    if (!children) {\n        return null;\n    }\n\n    return <PropertyContext.Provider value={context}>{children}</PropertyContext.Provider>;\n};\n"],"mappings":"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"}