@webiny/app-headless-cms 0.0.0-mt-3 → 0.0.0-unstable.2af142b57e

package/admin/views/contentEntries/ContentEntry.js

@@ -1,23 +1,28 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
+"use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ContentEntry = void 0;
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _react = _interopRequireDefault(require("react"));
+var _emotion = require("emotion");
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+var _EmptyView = _interopRequireDefault(require("@webiny/app-admin/components/EmptyView"));
+var _Button = require("@webiny/ui/Button");
+var _add18px = require("@webiny/app-admin/assets/icons/add-18px.svg");
+var _i18n = require("@webiny/app/i18n");
+var _Tabs = require("@webiny/ui/Tabs");
+var _Elevation = require("@webiny/ui/Elevation");
+var _Progress = require("@webiny/ui/Progress");
+var _RevisionsList = _interopRequireDefault(require("./ContentEntry/RevisionsList"));
+var _Header = _interopRequireDefault(require("./ContentEntry/header/Header"));
+var _useContentEntry2 = require("./hooks/useContentEntry");
+var _ContentEntryForm = require("../../components/ContentEntryForm/ContentEntryForm");
 var _templateObject, _templateObject2;
-
-import React from "react";
-import { css } from "emotion";
-import styled from "@emotion/styled";
-import EmptyView from "@webiny/app-admin/components/EmptyView";
-import { ButtonDefault, ButtonIcon } from "@webiny/ui/Button";
-import { ReactComponent as AddIcon } from "@svgr/webpack!@webiny/app-admin/assets/icons/add-18px.svg";
-import { i18n } from "@webiny/app/i18n";
-import { Tab, Tabs } from "@webiny/ui/Tabs";
-import { Elevation } from "@webiny/ui/Elevation";
-import { CircularProgress } from "@webiny/ui/Progress";
-import RevisionsList from "./ContentEntry/RevisionsList";
-import Header from "./ContentEntry/header/Header";
-import { useContentEntry } from "./hooks/useContentEntry";
-import { ContentEntryForm } from "../../components/ContentEntryForm/ContentEntryForm";
-var t = i18n.namespace("app-headless-cms/admin/content-model-entries/details");
-var DetailsContainer = /*#__PURE__*/styled("div", {
+var t = _i18n.i18n.namespace("app-headless-cms/admin/content-model-entries/details");
+var DetailsContainer = /*#__PURE__*/(0, _styled.default)("div", {
   target: "e68rq0j0",
   label: "DetailsContainer"
 })({
@@ -28,7 +33,7 @@ var DetailsContainer = /*#__PURE__*/styled("div", {
     backgroundColor: "var(--mdc-theme-surface)"
   }
 });
-var RenderBlock = /*#__PURE__*/styled("div", {
+var RenderBlock = /*#__PURE__*/(0, _styled.default)("div", {
   target: "e68rq0j1",
   label: "RenderBlock"
 })({
@@ -36,64 +41,57 @@ var RenderBlock = /*#__PURE__*/styled("div", {
   zIndex: 0,
   backgroundColor: "var(--mdc-theme-background)",
   height: "100%",
-
   /*overflow: "scroll",*/
   padding: 25
 });
-var elevationStyles = /*#__PURE__*/css({
+var elevationStyles = /*#__PURE__*/(0, _emotion.css)({
   position: "relative"
 }, "label:elevationStyles;");
-
 var ContentEntry = function ContentEntry() {
-  var _useContentEntry = useContentEntry(),
-      contentModel = _useContentEntry.contentModel,
-      loading = _useContentEntry.loading,
-      entry = _useContentEntry.entry,
-      showEmptyView = _useContentEntry.showEmptyView,
-      canCreate = _useContentEntry.canCreate,
-      createEntry = _useContentEntry.createEntry,
-      setTabsRef = _useContentEntry.setTabsRef,
-      setFormRef = _useContentEntry.setFormRef; // Render "No content selected" view.
-
+  var _useContentEntry = (0, _useContentEntry2.useContentEntry)(),
+    loading = _useContentEntry.loading,
+    entry = _useContentEntry.entry,
+    showEmptyView = _useContentEntry.showEmptyView,
+    canCreate = _useContentEntry.canCreate,
+    createEntry = _useContentEntry.createEntry,
+    tabsRef = _useContentEntry.tabsRef,
+    setFormRef = _useContentEntry.setFormRef;
 
+  // Render "No content selected" view.
   if (showEmptyView) {
-    return /*#__PURE__*/React.createElement(EmptyView, {
-      title: t(_templateObject || (_templateObject = _taggedTemplateLiteral(["Click on the left side list to display entry details {message}"])))({
+    return /*#__PURE__*/_react.default.createElement(_EmptyView.default, {
+      title: t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Click on the left side list to display entry details {message}"])))({
         message: canCreate ? "or create a..." : ""
       }),
-      action: canCreate ? /*#__PURE__*/React.createElement(ButtonDefault, {
+      action: canCreate ? /*#__PURE__*/_react.default.createElement(_Button.ButtonDefault, {
         "data-testid": "new-record-button",
         onClick: createEntry
-      }, /*#__PURE__*/React.createElement(ButtonIcon, {
-        icon: /*#__PURE__*/React.createElement(AddIcon, null)
-      }), " ", t(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["New Entry"])))) : null
+      }, /*#__PURE__*/_react.default.createElement(_Button.ButtonIcon, {
+        icon: /*#__PURE__*/_react.default.createElement(_add18px.ReactComponent, null)
+      }), " ", t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["New Entry"])))) : null
     });
   }
-
-  return /*#__PURE__*/React.createElement(DetailsContainer, null, /*#__PURE__*/React.createElement("test-id", {
+  return /*#__PURE__*/_react.default.createElement(DetailsContainer, null, /*#__PURE__*/_react.default.createElement("test-id", {
     "data-testid": "cms-content-details"
-  }, /*#__PURE__*/React.createElement(Tabs, {
-    ref: function ref(tabs) {
-      return setTabsRef(tabs);
-    }
-  }, /*#__PURE__*/React.createElement(Tab, {
+  }, /*#__PURE__*/_react.default.createElement(_Tabs.Tabs, {
+    ref: tabsRef
+  }, /*#__PURE__*/_react.default.createElement(_Tabs.Tab, {
     label: "Content",
     disabled: loading,
     "data-testid": "cms.content-form.tabs.content"
-  }, /*#__PURE__*/React.createElement(RenderBlock, null, /*#__PURE__*/React.createElement(Elevation, {
+  }, /*#__PURE__*/_react.default.createElement(RenderBlock, null, /*#__PURE__*/_react.default.createElement(_Elevation.Elevation, {
     z: 2,
     className: elevationStyles
-  }, loading && /*#__PURE__*/React.createElement(CircularProgress, null), /*#__PURE__*/React.createElement(Header, null), /*#__PURE__*/React.createElement(ContentEntryForm, {
-    contentModel: contentModel,
+  }, loading && /*#__PURE__*/_react.default.createElement(_Progress.CircularProgress, null), /*#__PURE__*/_react.default.createElement(_Header.default, null), /*#__PURE__*/_react.default.createElement(_ContentEntryForm.ContentEntryForm, {
     entry: entry,
     onForm: function onForm(form) {
       return setFormRef(form);
-    }
-  })))), /*#__PURE__*/React.createElement(Tab, {
+    },
+    addEntryToListCache: true
+  })))), /*#__PURE__*/_react.default.createElement(_Tabs.Tab, {
     label: "Revisions",
     disabled: loading,
     "data-testid": "cms.content-form.tabs.revisions"
-  }, /*#__PURE__*/React.createElement(RevisionsList, null)))));
+  }, /*#__PURE__*/_react.default.createElement(_RevisionsList.default, null)))));
 };
-
-export default ContentEntry;
+exports.ContentEntry = ContentEntry;

package/admin/views/contentEntries/ContentEntry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["t","i18n","namespace","DetailsContainer","styled","height","overflow","position","nav","backgroundColor","RenderBlock","zIndex","padding","elevationStyles","css","ContentEntry","useContentEntry","loading","entry","showEmptyView","canCreate","createEntry","tabsRef","setFormRef","message","form"],"sources":["ContentEntry.tsx"],"sourcesContent":["import React from \"react\";\nimport { css } from \"emotion\";\nimport styled from \"@emotion/styled\";\nimport EmptyView from \"@webiny/app-admin/components/EmptyView\";\nimport { ButtonDefault, ButtonIcon } from \"@webiny/ui/Button\";\nimport { ReactComponent as AddIcon } from \"@webiny/app-admin/assets/icons/add-18px.svg\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { Tab, Tabs } from \"@webiny/ui/Tabs\";\nimport { Elevation } from \"@webiny/ui/Elevation\";\nimport { CircularProgress } from \"@webiny/ui/Progress\";\nimport RevisionsList from \"./ContentEntry/RevisionsList\";\nimport Header from \"./ContentEntry/header/Header\";\nimport { useContentEntry } from \"./hooks/useContentEntry\";\nimport { ContentEntryForm } from \"~/admin/components/ContentEntryForm/ContentEntryForm\";\n\nconst t = i18n.namespace(\"app-headless-cms/admin/content-model-entries/details\");\n\nconst DetailsContainer = styled(\"div\")({\n    height: \"calc(100% - 10px)\",\n    overflow: \"hidden\",\n    position: \"relative\",\n    nav: {\n        backgroundColor: \"var(--mdc-theme-surface)\"\n    }\n});\n\nconst RenderBlock = styled(\"div\")({\n    position: \"relative\",\n    zIndex: 0,\n    backgroundColor: \"var(--mdc-theme-background)\",\n    height: \"100%\",\n    /*overflow: \"scroll\",*/\n    padding: 25\n});\n\nconst elevationStyles = css({\n    position: \"relative\"\n});\n\ndeclare global {\n    // eslint-disable-next-line\n    namespace JSX {\n        interface IntrinsicElements {\n            \"test-id\": {\n                children?: React.ReactNode;\n            };\n        }\n    }\n}\n\nexport const ContentEntry: React.FC = () => {\n    const { loading, entry, showEmptyView, canCreate, createEntry, tabsRef, setFormRef } =\n        useContentEntry();\n\n    // Render \"No content selected\" view.\n    if (showEmptyView) {\n        return (\n            <EmptyView\n                title={t`Click on the left side list to display entry details {message}`({\n                    message: canCreate ? \"or create a...\" : \"\"\n                })}\n                action={\n                    canCreate ? (\n                        <ButtonDefault data-testid=\"new-record-button\" onClick={createEntry}>\n                            <ButtonIcon icon={<AddIcon />} /> {t`New Entry`}\n                        </ButtonDefault>\n                    ) : null\n                }\n            />\n        );\n    }\n\n    return (\n        <DetailsContainer>\n            <test-id data-testid=\"cms-content-details\">\n                <Tabs ref={tabsRef}>\n                    <Tab\n                        label={\"Content\"}\n                        disabled={loading}\n                        data-testid={\"cms.content-form.tabs.content\"}\n                    >\n                        <RenderBlock>\n                            <Elevation z={2} className={elevationStyles}>\n                                {loading && <CircularProgress />}\n                                <Header />\n                                <ContentEntryForm\n                                    entry={entry}\n                                    onForm={form => setFormRef(form)}\n                                    addEntryToListCache={true}\n                                />\n                            </Elevation>\n                        </RenderBlock>\n                    </Tab>\n                    <Tab\n                        label={\"Revisions\"}\n                        disabled={loading}\n                        data-testid={\"cms.content-form.tabs.revisions\"}\n                    >\n                        <RevisionsList />\n                    </Tab>\n                </Tabs>\n            </test-id>\n        </DetailsContainer>\n    );\n};\n"],"mappings":";;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAwF;AAExF,IAAMA,CAAC,GAAGC,UAAI,CAACC,SAAS,CAAC,sDAAsD,CAAC;AAEhF,IAAMC,gBAAgB,oBAAGC,eAAM,EAAC,KAAK;EAAA;EAAA;AAAA,GAAE;EACnCC,MAAM,EAAE,mBAAmB;EAC3BC,QAAQ,EAAE,QAAQ;EAClBC,QAAQ,EAAE,UAAU;EACpBC,GAAG,EAAE;IACDC,eAAe,EAAE;EACrB;AACJ,CAAC,CAAC;AAEF,IAAMC,WAAW,oBAAGN,eAAM,EAAC,KAAK;EAAA;EAAA;AAAA,GAAE;EAC9BG,QAAQ,EAAE,UAAU;EACpBI,MAAM,EAAE,CAAC;EACTF,eAAe,EAAE,6BAA6B;EAC9CJ,MAAM,EAAE,MAAM;EACd;EACAO,OAAO,EAAE;AACb,CAAC,CAAC;AAEF,IAAMC,eAAe,gBAAG,IAAAC,YAAG,EAAC;EACxBP,QAAQ,EAAE;AACd,CAAC,2BAAC;AAaK,IAAMQ,YAAsB,GAAG,SAAzBA,YAAsB,GAAS;EACxC,uBACI,IAAAC,iCAAe,GAAE;IADbC,OAAO,oBAAPA,OAAO;IAAEC,KAAK,oBAALA,KAAK;IAAEC,aAAa,oBAAbA,aAAa;IAAEC,SAAS,oBAATA,SAAS;IAAEC,WAAW,oBAAXA,WAAW;IAAEC,OAAO,oBAAPA,OAAO;IAAEC,UAAU,oBAAVA,UAAU;;EAGlF;EACA,IAAIJ,aAAa,EAAE;IACf,oBACI,6BAAC,kBAAS;MACN,KAAK,EAAEnB,CAAC,kJAAiE;QACrEwB,OAAO,EAAEJ,SAAS,GAAG,gBAAgB,GAAG;MAC5C,CAAC,CAAE;MACH,MAAM,EACFA,SAAS,gBACL,6BAAC,qBAAa;QAAC,eAAY,mBAAmB;QAAC,OAAO,EAAEC;MAAY,gBAChE,6BAAC,kBAAU;QAAC,IAAI,eAAE,6BAAC,uBAAO;MAAI,EAAG,KAAC,EAACrB,CAAC,+FACxB,GAChB;IACP,EACH;EAEV;EAEA,oBACI,6BAAC,gBAAgB,qBACb;IAAS,eAAY;EAAqB,gBACtC,6BAAC,UAAI;IAAC,GAAG,EAAEsB;EAAQ,gBACf,6BAAC,SAAG;IACA,KAAK,EAAE,SAAU;IACjB,QAAQ,EAAEL,OAAQ;IAClB,eAAa;EAAgC,gBAE7C,6BAAC,WAAW,qBACR,6BAAC,oBAAS;IAAC,CAAC,EAAE,CAAE;IAAC,SAAS,EAAEJ;EAAgB,GACvCI,OAAO,iBAAI,6BAAC,0BAAgB,OAAG,eAChC,6BAAC,eAAM,OAAG,eACV,6BAAC,kCAAgB;IACb,KAAK,EAAEC,KAAM;IACb,MAAM,EAAE,gBAAAO,IAAI;MAAA,OAAIF,UAAU,CAACE,IAAI,CAAC;IAAA,CAAC;IACjC,mBAAmB,EAAE;EAAK,EAC5B,CACM,CACF,CACZ,eACN,6BAAC,SAAG;IACA,KAAK,EAAE,WAAY;IACnB,QAAQ,EAAER,OAAQ;IAClB,eAAa;EAAkC,gBAE/C,6BAAC,sBAAa,OAAG,CACf,CACH,CACD,CACK;AAE3B,CAAC;AAAC"}

package/admin/views/contentEntries/experiment/ContentEntriesModule.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const ContentEntriesModule: React.FC;

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

@@ -0,0 +1,68 @@
+"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;
+var FilterByStatus = function FilterByStatus() {
+  var bind = (0, _form.useBind)({
+    name: "status",
+    defaultValue: "all",
+    beforeChange: function beforeChange(value, cb) {
+      cb(value === "all" ? undefined : value);
+    }
+  });
+  var filterStatusPlugins = (0, _react.useMemo)(function () {
+    return _plugins.plugins.byType("cms.entry.filter.status");
+  }, []);
+  var options = [{
+    label: "All",
+    value: "all"
+  }, {
+    label: "Draft",
+    value: "draft"
+  }, {
+    label: "Published",
+    value: "published"
+  }, {
+    label: "Unpublished",
+    value: "unpublished"
+  }];
+  filterStatusPlugins.forEach(function (pl) {
+    options.push({
+      label: pl.label,
+      value: pl.value
+    });
+  });
+  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,
+    with: _ContentEntriesRenderer.ContentEntriesRenderer
+  }), /*#__PURE__*/_react.default.createElement(_appAdmin.Plugins, null, /*#__PURE__*/_react.default.createElement(_ContentEntriesViewConfig.ContentEntriesViewConfig, null, /*#__PURE__*/_react.default.createElement(Filter, {
+    name: "status",
+    element: /*#__PURE__*/_react.default.createElement(FilterByStatus, null)
+  }), /*#__PURE__*/_react.default.createElement(Sorter, {
+    name: "savedOn_DESC",
+    label: "Newest to oldest"
+  }), /*#__PURE__*/_react.default.createElement(Sorter, {
+    name: "savedOn_ASC",
+    label: "Oldest to newest"
+  }))));
+};
+exports.ContentEntriesModule = ContentEntriesModule;

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

@@ -0,0 +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,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.d.ts

@@ -0,0 +1,2 @@
+import { HigherOrderComponent } from "@webiny/app-admin";
+export declare const ContentEntriesRenderer: HigherOrderComponent;

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

@@ -0,0 +1,24 @@
+"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, {
+      fallback: /*#__PURE__*/_react.default.createElement(_Progress.CircularProgress, null)
+    }, /*#__PURE__*/_react.default.createElement(ContentEntriesView, null));
+  };
+};
+exports.ContentEntriesRenderer = ContentEntriesRenderer;

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

@@ -0,0 +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,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

@@ -0,0 +1,35 @@
+import React from "react";
+interface ContentEntriesViewConfig extends React.FC<unknown> {
+    Filter: React.FC<ContentEntriesViewConfigFilterProps>;
+    Sorter: React.FC<ContentEntriesViewConfigSorterProps>;
+}
+export declare const ContentEntriesViewConfig: ContentEntriesViewConfig;
+export interface ContentEntriesViewConfigFilterProps {
+    name: string;
+    element?: React.ReactElement<unknown>;
+    modelIds?: string[];
+    remove?: boolean;
+}
+export interface ContentEntriesViewConfigSorterProps {
+    name: string;
+    label: string;
+    modelIds?: string[];
+    remove?: boolean;
+}
+export declare const ContentEntriesView: import("@webiny/app-admin").ComposableFC<unknown>;
+export declare const ContentEntriesViewRenderer: import("@webiny/app-admin").ComposableFC<unknown>;
+export interface ContentEntriesViewConfigFilter {
+    name: string;
+    element: React.ReactElement;
+    modelIds: string[];
+}
+export interface ContentEntriesViewConfigSorter {
+    name: string;
+    label: string;
+    modelIds: string[];
+}
+export declare function useContentEntriesViewConfig(): {
+    filters: ContentEntriesViewConfigFilter[];
+    sorters: ContentEntriesViewConfigSorter[];
+};
+export {};

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

@@ -0,0 +1,131 @@
+"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) {
+      var children = _ref2.children;
+      return /*#__PURE__*/_react.default.createElement(BaseComponent, null, newChildren, children);
+    };
+  };
+};
+var ContentEntriesViewConfig = function ContentEntriesViewConfig(_ref3) {
+  var children = _ref3.children;
+  return /*#__PURE__*/_react.default.createElement(_appAdmin.Compose, {
+    component: ContentEntriesViewConfigApply,
+    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",
+    name: "name",
+    value: name
+  }), /*#__PURE__*/_react.default.createElement(_Property.Property, {
+    id: "modelIds",
+    name: "modelIds",
+    value: modelIds
+  }), element ? /*#__PURE__*/_react.default.createElement(_Property.Property, {
+    id: "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",
+    name: "name",
+    value: name
+  }), /*#__PURE__*/_react.default.createElement(_Property.Property, {
+    id: "label",
+    name: "label",
+    value: label
+  }), /*#__PURE__*/_react.default.createElement(_Property.Property, {
+    id: "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];
+  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",
+    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);
+  });
+  return {
+    filters: filters,
+    sorters: sorters
+  };
+}

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

@@ -0,0 +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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"}

package/admin/views/contentEntries/experiment/Property.d.ts

@@ -0,0 +1,34 @@
+/**
+ * Note by @pavel910:
+ *
+ * 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
+ * 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
+ * extract this whole logic into a separate package, as this is a tiny framework for building data objects using React, and
+ * we might want to use it in many more places (all views, Page Builder Editor, etc.).
+ *
+ * More on this a bit later, if the experiment is successful.
+ */
+import { FC } from "react";
+export declare function toObject<T = unknown>(property: Property): T;
+export declare function toArray(objects: Property[]): {}[];
+export interface Property<TValue = unknown> {
+    id?: string;
+    name: string;
+    value?: TValue;
+    properties?: Property[];
+}
+interface PropertyContainerProps {
+    name: string;
+    onChange: any;
+}
+export declare const PropertyContainer: FC<PropertyContainerProps>;
+interface PropertyProps {
+    id?: string;
+    name: string;
+    value?: unknown;
+    merge?: boolean;
+    replace?: boolean;
+    remove?: boolean;
+}
+export declare const Property: FC<PropertyProps>;
+export {};