@webiny/app-headless-cms 0.0.0-unstable.496cf268ac → 0.0.0-unstable.5387e5f7c8

package/admin/views/contentEntries/ContentEntry.js

@@ -1,97 +0,0 @@
-"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;
-var t = _i18n.i18n.namespace("app-headless-cms/admin/content-model-entries/details");
-var DetailsContainer = /*#__PURE__*/(0, _styled.default)("div", {
-  target: "e68rq0j0",
-  label: "DetailsContainer"
-})({
-  height: "calc(100% - 10px)",
-  overflow: "hidden",
-  position: "relative",
-  nav: {
-    backgroundColor: "var(--mdc-theme-surface)"
-  }
-});
-var RenderBlock = /*#__PURE__*/(0, _styled.default)("div", {
-  target: "e68rq0j1",
-  label: "RenderBlock"
-})({
-  position: "relative",
-  zIndex: 0,
-  backgroundColor: "var(--mdc-theme-background)",
-  height: "100%",
-  /*overflow: "scroll",*/
-  padding: 25
-});
-var elevationStyles = /*#__PURE__*/(0, _emotion.css)({
-  position: "relative"
-}, "label:elevationStyles;");
-var ContentEntry = function ContentEntry() {
-  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.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.default.createElement(_Button.ButtonDefault, {
-        "data-testid": "new-record-button",
-        onClick: createEntry
-      }, /*#__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.default.createElement(DetailsContainer, null, /*#__PURE__*/_react.default.createElement("test-id", {
-    "data-testid": "cms-content-details"
-  }, /*#__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.default.createElement(RenderBlock, null, /*#__PURE__*/_react.default.createElement(_Elevation.Elevation, {
-    z: 2,
-    className: elevationStyles
-  }, 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);
-    },
-    addEntryToListCache: true
-  })))), /*#__PURE__*/_react.default.createElement(_Tabs.Tab, {
-    label: "Revisions",
-    disabled: loading,
-    "data-testid": "cms.content-form.tabs.revisions"
-  }, /*#__PURE__*/_react.default.createElement(_RevisionsList.default, null)))));
-};
-exports.ContentEntry = ContentEntry;

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1,34 +0,0 @@
-/**
- * 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 {};

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

@@ -1,200 +0,0 @@
-"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 {
-        obj[prop.name] = asObject[prop.name];
-      }
-    }
-  });
-  return obj;
-}
-function toArray(objects) {
-  return objects.map(function (obj) {
-    return obj.properties.reduce(function (acc, item) {
-      return (0, _objectSpread3.default)((0, _objectSpread3.default)({}, acc), toObject(item));
-    }, {});
-  });
-}
-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;
-  var ref = (0, _react.useRef)(store);
-  var context = (0, _react.useMemo)(function () {
-    return {
-      updateContainer: function updateContainer(updater) {
-        var current = store.get(name) || [];
-        var properties = cleanup(updater(current));
-        store.set(name, properties);
-        onChange(properties);
-      }
-    };
-  }, [ref]);
-  return /*#__PURE__*/_react.default.createElement(PropertyContainerContext.Provider, {
-    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);
-  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];
-  var _useContext = (0, _react.useContext)(PropertyContainerContext),
-    updateContainer = _useContext.updateContainer;
-  var parentProperty = useProperty();
-  var context = {
-    removeProperty: function removeProperty(id) {
-      setProperties(function (properties) {
-        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;
-      });
-    },
-    updateProperty: function updateProperty(property) {
-      setProperties(function (properties) {
-        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), {}, {
-            properties: mergeProperties(properties[index].properties, property.properties)
-          })], (0, _toConsumableArray2.default)(properties.slice(index + 1)));
-        }
-      }
-      return [].concat((0, _toConsumableArray2.default)(properties), [property]);
-    });
-  };
-  (0, _useDeepCompareEffect.default)(function () {
-    var property = {
-      id: id.current,
-      name: name,
-      value: value,
-      properties: properties
-    };
-    if (!parentProperty) {
-      return updateParentContainer(property);
-    }
-    parentProperty.updateProperty(property);
-  }, [properties]);
-  (0, _useDeepCompareEffect.default)(function () {
-    // On mount, we need to report to our parent.
-    if (parentProperty) {
-      if (props.remove) {
-        parentProperty.removeProperty(id.current);
-      } else {
-        parentProperty.updateProperty({
-          id: id.current,
-          name: name,
-          value: value,
-          properties: properties
-        });
-      }
-    }
-  }, [props.remove, properties]);
-  if (!children) {
-    return null;
-  }
-  return /*#__PURE__*/_react.default.createElement(PropertyContext.Provider, {
-    value: context
-  }, children);
-};
-exports.Property = Property;