@webiny/app-headless-cms 5.34.8 → 5.35.0-beta.0

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","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,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,IAAMC,OAAO,GAAG,CACZ;IAAEC,KAAK,EAAE,KAAT;IAAgBR,KAAK,EAAE;EAAvB,CADY,EAEZ;IAAEQ,KAAK,EAAE,OAAT;IAAkBR,KAAK,EAAE;EAAzB,CAFY,EAGZ;IAAEQ,KAAK,EAAE,WAAT;IAAsBR,KAAK,EAAE;EAA7B,CAHY,EAIZ;IAAEQ,KAAK,EAAE,aAAT;IAAwBR,KAAK,EAAE;EAA/B,CAJY,CAAhB;EAOAG,mBAAmB,CAACM,OAApB,CAA4B,UAAAC,EAAE,EAAI;IAC9BH,OAAO,CAACI,IAAR,CAAa;MAAEH,KAAK,EAAEE,EAAE,CAACF,KAAZ;MAAmBR,KAAK,EAAEU,EAAE,CAACV;IAA7B,CAAb;EACH,CAFD;EAIA,oBACI,6BAAC,cAAD,oBACQL,IADR;IAEI,KAAK,EAAE,kBAFX;IAGI,WAAW,EAAE,oCAHjB;IAII,OAAO,EAAEY;EAJb,GADJ;AAQH,CAhCD;;AAkCO,IAAMK,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.d.ts

@@ -9,6 +9,8 @@ export interface ContentEntriesViewConfigFilterProps {
     element?: React.ReactElement<unknown>;
     modelIds?: string[];
     remove?: boolean;
+    before?: string;
+    after?: string;
 }
 export interface ContentEntriesViewConfigSorterProps {
     name: string;

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 _appAdmin = require("@webiny/app-admin");
+var _reactProperties = require("@webiny/react-properties");
 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,114 +30,99 @@ 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;
-  return /*#__PURE__*/_react.default.createElement(_Property.Property, {
-    id: name,
-    name: "filter",
-    merge: true,
-    remove: remove
-  }, /*#__PURE__*/_react.default.createElement(_Property.Property, {
-    id: "name",
+    element = _ref4.element,
+    _ref4$modelIds = _ref4.modelIds,
+    modelIds = _ref4$modelIds === void 0 ? [] : _ref4$modelIds,
+    _ref4$after = _ref4.after,
+    after = _ref4$after === void 0 ? undefined : _ref4$after,
+    _ref4$before = _ref4.before,
+    before = _ref4$before === void 0 ? undefined : _ref4$before,
+    _ref4$remove = _ref4.remove,
+    remove = _ref4$remove === void 0 ? false : _ref4$remove;
+  var placeBefore = before !== undefined ? "filter:".concat(before) : undefined;
+  var placeAfter = after !== undefined ? "filter:".concat(after) : undefined;
+  return /*#__PURE__*/_react.default.createElement(_reactProperties.Property, {
+    id: "filter:".concat(name),
+    name: "filters",
+    remove: remove,
+    array: true,
+    before: placeBefore,
+    after: placeAfter
+  }, /*#__PURE__*/_react.default.createElement(_reactProperties.Property, {
+    id: "filter:".concat(name, ":name"),
     name: "name",
     value: name
-  }), /*#__PURE__*/_react.default.createElement(_Property.Property, {
-    id: "modelIds",
+  }), /*#__PURE__*/_react.default.createElement(_reactProperties.Property, {
+    id: "filter:".concat(name, ":modelIds"),
     name: "modelIds",
     value: modelIds
-  }), element ? /*#__PURE__*/_react.default.createElement(_Property.Property, {
-    id: "element",
+  }), element ? /*#__PURE__*/_react.default.createElement(_reactProperties.Property, {
+    id: "filter:".concat(name, ":element"),
     name: "element",
     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;
-  return /*#__PURE__*/_react.default.createElement(_Property.Property, {
-    id: name,
-    name: "sorter",
-    merge: true,
-    remove: remove
-  }, /*#__PURE__*/_react.default.createElement(_Property.Property, {
-    id: "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;
+  return /*#__PURE__*/_react.default.createElement(_reactProperties.Property, {
+    id: "sorter:".concat(name),
+    name: "sorters",
+    remove: remove,
+    array: true
+  }, /*#__PURE__*/_react.default.createElement(_reactProperties.Property, {
+    id: "sorter:".concat(name, ":name"),
     name: "name",
     value: name
-  }), /*#__PURE__*/_react.default.createElement(_Property.Property, {
-    id: "label",
+  }), /*#__PURE__*/_react.default.createElement(_reactProperties.Property, {
+    id: "sorter:".concat(name, ":label"),
     name: "label",
     value: label
-  }), /*#__PURE__*/_react.default.createElement(_Property.Property, {
-    id: "modelIds",
+  }), /*#__PURE__*/_react.default.createElement(_reactProperties.Property, {
+    id: "sorter:".concat(name, ":modelIds"),
     name: "modelIds",
     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, {
-    name: "view",
+  }, /*#__PURE__*/_react.default.createElement(_reactProperties.Properties, {
     onChange: stateUpdater
   }, /*#__PURE__*/_react.default.createElement(ContentEntriesViewConfigApply, null), /*#__PURE__*/_react.default.createElement(ContentEntriesViewRenderer, null)));
 });
 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;
-
-  var filters = properties.filter(byName("filter")).map(function (f) {
-    return (0, _Property.toObject)(f);
-  });
-  var sorters = properties.filter(byName("sorter")).map(function (f) {
-    return (0, _Property.toObject)(f);
-  });
+    properties = _useContext.properties;
+  var config = (0, _reactProperties.toObject)(properties);
   return {
-    filters: filters,
-    sorters: sorters
+    filters: config.filters || [],
+    sorters: config.sorters || []
   };
 }

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","after","undefined","before","remove","placeBefore","placeAfter","Sorter","label","defaultContext","properties","ViewContext","React","createContext","ContentEntriesView","useState","setProperties","context","stateUpdater","ContentEntriesViewRenderer","useContentEntriesViewConfig","useContext","config","toObject","filters","sorters"],"sources":["ContentEntriesViewConfig.tsx"],"sourcesContent":["import React, { useContext, useState } from \"react\";\nimport { makeComposable, Compose, HigherOrderComponent } from \"@webiny/app-admin\";\nimport { Property, Properties, toObject } from \"@webiny/react-properties\";\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    before?: string;\n    after?: string;\n}\n\nconst Filter: React.FC<ContentEntriesViewConfigFilterProps> = ({\n    name,\n    element,\n    modelIds = [],\n    after = undefined,\n    before = undefined,\n    remove = false\n}) => {\n    const placeBefore = before !== undefined ? `filter:${before}` : undefined;\n    const placeAfter = after !== undefined ? `filter:${after}` : undefined;\n\n    return (\n        <Property\n            id={`filter:${name}`}\n            name={\"filters\"}\n            remove={remove}\n            array={true}\n            before={placeBefore}\n            after={placeAfter}\n        >\n            <Property id={`filter:${name}:name`} name={\"name\"} value={name} />\n            <Property id={`filter:${name}:modelIds`} name={\"modelIds\"} value={modelIds} />\n            {element ? (\n                <Property id={`filter:${name}:element`} name={\"element\"} value={element} />\n            ) : 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={`sorter:${name}`} name={\"sorters\"} remove={remove} array={true}>\n            <Property id={`sorter:${name}:name`} name={\"name\"} value={name} />\n            <Property id={`sorter:${name}:label`} name={\"label\"} value={label} />\n            <Property id={`sorter:${name}: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            <Properties onChange={stateUpdater}>\n                <ContentEntriesViewConfigApply />\n                <ContentEntriesViewRenderer />\n            </Properties>\n        </ViewContext.Provider>\n    );\n});\n\nexport const ContentEntriesViewRenderer = makeComposable(\"ContentEntriesViewRenderer\");\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\ninterface ContentEntriesViewConfigData {\n    filters: ContentEntriesViewConfigFilter[];\n    sorters: ContentEntriesViewConfigSorter[];\n}\n\nexport function useContentEntriesViewConfig() {\n    const { properties } = useContext(ViewContext);\n\n    const config = toObject<ContentEntriesViewConfigData>(properties);\n\n    return {\n        filters: config.filters || [],\n        sorters: config.sorters || []\n    };\n}\n"],"mappings":"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"}

package/admin/views/contentEntries/hooks/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./useContentEntries";
+export * from "./useContentEntriesList";
+export * from "./useContentEntry";

package/admin/views/contentEntries/hooks/index.js

@@ -0,0 +1,38 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _useContentEntries = require("./useContentEntries");
+Object.keys(_useContentEntries).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _useContentEntries[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _useContentEntries[key];
+    }
+  });
+});
+var _useContentEntriesList = require("./useContentEntriesList");
+Object.keys(_useContentEntriesList).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _useContentEntriesList[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _useContentEntriesList[key];
+    }
+  });
+});
+var _useContentEntry = require("./useContentEntry");
+Object.keys(_useContentEntry).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _useContentEntry[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _useContentEntry[key];
+    }
+  });
+});

package/admin/views/contentEntries/hooks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./useContentEntries\";\nexport * from \"./useContentEntriesList\";\nexport * from \"./useContentEntry\";\n"],"mappings":";;;;;AAAA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}

package/admin/views/contentEntries/hooks/useContentEntries.js

@@ -4,17 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useContentEntries = useContentEntries;
-
 var _react = require("react");
-
 var _ContentEntriesContext = require("../ContentEntriesContext");
-
 function useContentEntries() {
   var context = (0, _react.useContext)(_ContentEntriesContext.Context);
-
   if (!context) {
     throw Error("Missing \"ContentEntriesContext\" provider in the component tree!");
   }
-
   return context;
 }

package/admin/views/contentEntries/hooks/useContentEntries.js.map

@@ -1 +1 @@
-{"version":3,"names":["useContentEntries","context","useContext","Context","Error"],"sources":["useContentEntries.ts"],"sourcesContent":["import { useContext } from \"react\";\nimport { Context } from \"../ContentEntriesContext\";\n\nexport function useContentEntries() {\n    const context = useContext(Context);\n    if (!context) {\n        throw Error(`Missing \"ContentEntriesContext\" provider in the component tree!`);\n    }\n\n    return context;\n}\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEO,SAASA,iBAAT,GAA6B;EAChC,IAAMC,OAAO,GAAG,IAAAC,iBAAA,EAAWC,8BAAX,CAAhB;;EACA,IAAI,CAACF,OAAL,EAAc;IACV,MAAMG,KAAK,qEAAX;EACH;;EAED,OAAOH,OAAP;AACH"}
+{"version":3,"names":["useContentEntries","context","useContext","Context","Error"],"sources":["useContentEntries.ts"],"sourcesContent":["import { useContext } from \"react\";\nimport { Context } from \"../ContentEntriesContext\";\n\nexport function useContentEntries() {\n    const context = useContext(Context);\n    if (!context) {\n        throw Error(`Missing \"ContentEntriesContext\" provider in the component tree!`);\n    }\n\n    return context;\n}\n"],"mappings":";;;;;;AAAA;AACA;AAEO,SAASA,iBAAiB,GAAG;EAChC,IAAMC,OAAO,GAAG,IAAAC,iBAAU,EAACC,8BAAO,CAAC;EACnC,IAAI,CAACF,OAAO,EAAE;IACV,MAAMG,KAAK,qEAAmE;EAClF;EAEA,OAAOH,OAAO;AAClB"}

package/admin/views/contentEntries/hooks/useContentEntriesList.d.ts

@@ -7,7 +7,7 @@ export declare function useContentEntriesList(): {
     sorters: import("../ContentEntriesContext").CmsEntriesSorter[];
     id: string | null;
     loading: boolean;
-    data: CmsEditorContentEntry[];
+    data: import("../../../../types").CmsContentEntry[];
     loadMore: () => void;
     loadMoreLoading: boolean;
     canCreate: boolean;

package/admin/views/contentEntries/hooks/useContentEntriesList.js

@@ -1,118 +1,97 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useContentEntriesList = useContentEntriesList;
-
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _react = require("react");
-
 var _get = _interopRequireDefault(require("lodash/get"));
-
 var _set = _interopRequireDefault(require("lodash/set"));
-
 var _unset = _interopRequireDefault(require("lodash/unset"));
-
 var _cloneDeep = _interopRequireDefault(require("lodash/cloneDeep"));
-
 var _debounce = _interopRequireDefault(require("lodash/debounce"));
-
 var _reactRouter = require("@webiny/react-router");
-
 var _contentEntries = require("../../../graphql/contentEntries");
-
 var _hooks = require("../../../hooks");
-
 var _useContentEntries2 = require("./useContentEntries");
-
 function useContentEntriesList() {
   var _useContentEntries = (0, _useContentEntries2.useContentEntries)(),
-      contentModel = _useContentEntries.contentModel,
-      listQueryVariables = _useContentEntries.listQueryVariables,
-      setListQueryVariables = _useContentEntries.setListQueryVariables,
-      sorters = _useContentEntries.sorters,
-      canCreate = _useContentEntries.canCreate;
-
+    contentModel = _useContentEntries.contentModel,
+    listQueryVariables = _useContentEntries.listQueryVariables,
+    setListQueryVariables = _useContentEntries.setListQueryVariables,
+    sorters = _useContentEntries.sorters,
+    canCreate = _useContentEntries.canCreate;
   var _useState = (0, _react.useState)(false),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      loadMoreLoading = _useState2[0],
-      setLoadMoreLoading = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    loadMoreLoading = _useState2[0],
+    setLoadMoreLoading = _useState2[1];
   var _useState3 = (0, _react.useState)(""),
-      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-      filter = _useState4[0],
-      setFilter = _useState4[1];
-
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    filter = _useState4[0],
+    setFilter = _useState4[1];
   var _useRouter = (0, _reactRouter.useRouter)(),
-      history = _useRouter.history;
-
-  var baseUrl = "/cms/content-entries/".concat(contentModel.modelId); // Get entry ID and search query (if any)
+    history = _useRouter.history;
+  var baseUrl = "/cms/content-entries/".concat(contentModel.modelId);
 
+  // Get entry ID and search query (if any)
   var query = new URLSearchParams(location.search);
   var id = query.get("id");
   var searchQuery = query.get("search");
   var updateSearch = (0, _react.useCallback)((0, _debounce.default)(function (_ref) {
     var filter = _ref.filter,
-        query = _ref.query;
+      query = _ref.query;
     var search = query.get("search");
-
     if (typeof search !== "string" && !filter) {
       return;
-    } // We use the title field with the "contains" operator for doing basic searches.
-
+    }
 
+    // We use the title field with the "contains" operator for doing basic searches.
     var searchField = contentModel.titleFieldId + "_contains";
     setListQueryVariables(function (prev) {
       var next = (0, _cloneDeep.default)(prev);
-
       if (filter) {
         (0, _set.default)(next, "where.".concat(searchField), filter);
       } else {
         (0, _unset.default)(next, "where.".concat(searchField));
       }
-
       return next;
     });
-
     if (search !== filter) {
       query.set("search", filter);
       history.push("".concat(baseUrl, "?").concat(query.toString()));
     }
-  }, 250), [baseUrl]); // Set "filter" from search "query" on page load.
+  }, 250), [baseUrl]);
 
+  // Set "filter" from search "query" on page load.
   (0, _react.useEffect)(function () {
     if (searchQuery) {
       setFilter(searchQuery);
     }
-  }, [baseUrl, searchQuery]); // When filter changes, run GQL query
+  }, [baseUrl, searchQuery]);
 
+  // When filter changes, run GQL query
   (0, _react.useEffect)(function () {
     return updateSearch({
       filter: filter,
       query: query
     });
-  }, [baseUrl, filter]); // Generate a query based on current content model
+  }, [baseUrl, filter]);
 
+  // Generate a query based on current content model
   var LIST_QUERY = (0, _react.useMemo)(function () {
     return (0, _contentEntries.createListQuery)(contentModel);
   }, [contentModel.modelId]);
-
   var _useQuery = (0, _hooks.useQuery)(LIST_QUERY, {
-    variables: listQueryVariables,
-    fetchPolicy: "network-only"
-  }),
-      data = _useQuery.data,
-      loading = _useQuery.loading,
-      fetchMore = _useQuery.fetchMore;
-
+      variables: listQueryVariables,
+      fetchPolicy: "network-only"
+    }),
+    data = _useQuery.data,
+    loading = _useQuery.loading,
+    fetchMore = _useQuery.fetchMore;
   var onCreate = (0, _react.useCallback)(function () {
     history.push("/cms/content-entries/".concat(contentModel.modelId, "?new=true"));
   }, [contentModel]);
@@ -120,15 +99,14 @@ function useContentEntriesList() {
     if (!status || status === "all") {
       return entries;
     }
-
     return entries.filter(function (item) {
       return item.meta.status === status;
     });
-  }, []); // Load more entries on scroll
+  }, []);
 
+  // Load more entries on scroll
   var loadMore = (0, _react.useCallback)(function () {
     var meta = (0, _get.default)(data, "content.meta", {});
-
     if (meta.hasMoreItems) {
       setLoadMoreLoading(true);
       fetchMore({
@@ -139,7 +117,6 @@ function useContentEntriesList() {
           if (!result || !result.fetchMoreResult) {
             return prev;
           }
-
           var fetchMoreResult = result.fetchMoreResult;
           var next = (0, _objectSpread2.default)({}, fetchMoreResult);
           next.content.data = [].concat((0, _toConsumableArray2.default)(prev.content.data), (0, _toConsumableArray2.default)(fetchMoreResult.content.data));