@webiny/app-headless-cms 5.36.2 → 5.37.0-beta.1

package/admin/views/contentEntries/Table/Sidebar.js

@@ -0,0 +1,63 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Sidebar = void 0;
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _react = _interopRequireDefault(require("react"));
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+var _appAco = require("@webiny/app-aco");
+var _styled2 = require("./styled");
+var _Typography = require("@webiny/ui/Typography");
+var _Tooltip = require("@webiny/ui/Tooltip");
+var _reactRouter = require("@webiny/react-router");
+var _ModelProvider = require("../../../components/ModelProvider");
+var _i18n = require("@webiny/app/i18n");
+var _emotion = require("emotion");
+var _templateObject, _templateObject2;
+var t = _i18n.i18n.ns("app-headless-cms/admin/content-entries/table");
+var ModelName = /*#__PURE__*/(0, _styled.default)("div", {
+  label: "ModelName",
+  target: "efbsdge0"
+})("padding:10px 0;font-size:24px;");
+var ModelId = /*#__PURE__*/(0, _styled.default)("span", {
+  target: "efbsdge1",
+  label: "ModelId"
+})({
+  color: "var(--mdc-theme-text-secondary-on-background)"
+});
+var disabled = /*#__PURE__*/(0, _emotion.css)({
+  color: "rgba(0, 0, 0, 0.54)",
+  cursor: "default"
+}, "label:disabled;");
+var Sidebar = function Sidebar(_ref) {
+  var folderId = _ref.folderId;
+  var _useNavigateFolder = (0, _appAco.useNavigateFolder)(),
+    navigateToFolder = _useNavigateFolder.navigateToFolder;
+  var _useModel = (0, _ModelProvider.useModel)(),
+    model = _useModel.model;
+  return /*#__PURE__*/_react.default.createElement(_styled2.SidebarContainer, null, /*#__PURE__*/_react.default.createElement(ModelName, null, model.name, /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
+    use: "subtitle1"
+  }, /*#__PURE__*/_react.default.createElement(ModelId, null, "Model ID:", " ", model.plugin ? /*#__PURE__*/_react.default.createElement(_Tooltip.Tooltip, {
+    content: t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Content model is registered via a plugin."]))),
+    placement: "top"
+  }, /*#__PURE__*/_react.default.createElement(_reactRouter.Link, {
+    to: "#",
+    className: disabled
+  }, model.modelId)) : /*#__PURE__*/_react.default.createElement(_Tooltip.Tooltip, {
+    content: t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["Edit content model"]))),
+    placement: "top"
+  }, /*#__PURE__*/_react.default.createElement(_reactRouter.Link, {
+    to: "/cms/content-models/".concat(model.modelId)
+  }, model.modelId))))), /*#__PURE__*/_react.default.createElement(_appAco.FolderTree, {
+    focusedFolderId: folderId,
+    onFolderClick: function onFolderClick(data) {
+      return navigateToFolder(data.id);
+    },
+    enableActions: true,
+    enableCreate: true
+  }));
+};
+exports.Sidebar = Sidebar;

package/admin/views/contentEntries/Table/Sidebar.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_styled","_appAco","_styled2","_Typography","_Tooltip","_reactRouter","_ModelProvider","_i18n","_emotion","_templateObject","_templateObject2","t","i18n","ns","ModelName","styled","label","target","ModelId","color","disabled","css","cursor","Sidebar","_ref","folderId","_useNavigateFolder","useNavigateFolder","navigateToFolder","_useModel","useModel","model","default","createElement","SidebarContainer","name","Typography","use","plugin","Tooltip","content","_taggedTemplateLiteral2","placement","Link","to","className","modelId","concat","FolderTree","focusedFolderId","onFolderClick","data","id","enableActions","enableCreate","exports"],"sources":["Sidebar.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { FolderTree, useNavigateFolder } from \"@webiny/app-aco\";\nimport { SidebarContainer } from \"./styled\";\nimport { Typography } from \"@webiny/ui/Typography\";\nimport { Tooltip } from \"@webiny/ui/Tooltip\";\nimport { Link } from \"@webiny/react-router\";\nimport { useModel } from \"~/admin/components/ModelProvider\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { css } from \"emotion\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/content-entries/table\");\n\nconst ModelName = styled.div`\n    padding: 10px 0;\n    font-size: 24px;\n`;\n\nconst ModelId = styled(\"span\")({\n    color: \"var(--mdc-theme-text-secondary-on-background)\"\n});\n\nconst disabled = css({\n    color: \"rgba(0, 0, 0, 0.54)\",\n    cursor: \"default\"\n});\n\ninterface Props {\n    folderId?: string;\n}\n\nexport const Sidebar: React.VFC<Props> = ({ folderId }) => {\n    const { navigateToFolder } = useNavigateFolder();\n\n    const { model } = useModel();\n\n    return (\n        <SidebarContainer>\n            <ModelName>\n                {model.name}\n                <br />\n                <Typography use={\"subtitle1\"}>\n                    <ModelId>\n                        Model ID:{\" \"}\n                        {model.plugin ? (\n                            <Tooltip\n                                content={t`Content model is registered via a plugin.`}\n                                placement={\"top\"}\n                            >\n                                <Link to=\"#\" className={disabled}>\n                                    {model.modelId}\n                                </Link>\n                            </Tooltip>\n                        ) : (\n                            <Tooltip content={t`Edit content model`} placement={\"top\"}>\n                                <Link to={`/cms/content-models/${model.modelId}`}>\n                                    {model.modelId}\n                                </Link>\n                            </Tooltip>\n                        )}\n                    </ModelId>\n                </Typography>\n            </ModelName>\n            <FolderTree\n                focusedFolderId={folderId}\n                onFolderClick={data => navigateToFolder(data.id)}\n                enableActions={true}\n                enableCreate={true}\n            />\n        </SidebarContainer>\n    );\n};\n"],"mappings":"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"}

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

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

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

@@ -0,0 +1,48 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Table = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _SplitView = require("@webiny/app-admin/components/SplitView");
+var _Sidebar = require("./Sidebar");
+var _Main = require("./Main");
+var _ContentEntryContext = require("../ContentEntry/ContentEntryContext");
+var _appAco = require("@webiny/app-aco");
+var _hooks = require("../../../hooks");
+var _constants = require("../../../constants");
+var View = function View() {
+  var _useNavigateFolder = (0, _appAco.useNavigateFolder)(),
+    currentFolderId = _useNavigateFolder.currentFolderId;
+  return /*#__PURE__*/_react.default.createElement(_SplitView.SplitView, null, /*#__PURE__*/_react.default.createElement(_SplitView.LeftPanel, {
+    span: 2
+  }, /*#__PURE__*/_react.default.createElement(_Sidebar.Sidebar, {
+    folderId: currentFolderId
+  })), /*#__PURE__*/_react.default.createElement(_SplitView.RightPanel, {
+    span: 10
+  }, /*#__PURE__*/_react.default.createElement(_ContentEntryContext.ContentEntryProvider, null, /*#__PURE__*/_react.default.createElement(_Main.Main, {
+    folderId: currentFolderId
+  }))));
+};
+var Table = function Table() {
+  var _useModel = (0, _hooks.useModel)(),
+    model = _useModel.model;
+  var client = (0, _hooks.useApolloClient)();
+  var createNavigateFolderListLink = (0, _react.useCallback)(function () {
+    return "".concat(_constants.CMS_ENTRY_LIST_LINK, "/").concat(model.modelId);
+  }, [model.modelId]);
+  var createNavigateFolderStorageKey = (0, _react.useCallback)(function () {
+    return "".concat(_constants.LOCAL_STORAGE_LATEST_VISITED_FOLDER, "_").concat(model.modelId);
+  }, [model.modelId]);
+  return /*#__PURE__*/_react.default.createElement(_appAco.AcoProvider, {
+    id: "cms:".concat(model.modelId),
+    folderIdPath: "wbyAco_location.folderId",
+    client: client,
+    model: model,
+    createNavigateFolderListLink: createNavigateFolderListLink,
+    createNavigateFolderStorageKey: createNavigateFolderStorageKey
+  }, /*#__PURE__*/_react.default.createElement(View, null));
+};
+exports.Table = Table;

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_SplitView","_Sidebar","_Main","_ContentEntryContext","_appAco","_hooks","_constants","View","_useNavigateFolder","useNavigateFolder","currentFolderId","default","createElement","SplitView","LeftPanel","span","Sidebar","folderId","RightPanel","ContentEntryProvider","Main","Table","_useModel","useModel","model","client","useApolloClient","createNavigateFolderListLink","useCallback","concat","CMS_ENTRY_LIST_LINK","modelId","createNavigateFolderStorageKey","LOCAL_STORAGE_LATEST_VISITED_FOLDER","AcoProvider","id","folderIdPath","exports"],"sources":["index.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { LeftPanel, RightPanel, SplitView } from \"@webiny/app-admin/components/SplitView\";\nimport { Sidebar } from \"./Sidebar\";\nimport { Main } from \"./Main\";\nimport { ContentEntryProvider } from \"~/admin/views/contentEntries/ContentEntry/ContentEntryContext\";\nimport { AcoProvider, useNavigateFolder } from \"@webiny/app-aco\";\nimport { useApolloClient, useModel } from \"~/admin/hooks\";\nimport { CMS_ENTRY_LIST_LINK, LOCAL_STORAGE_LATEST_VISITED_FOLDER } from \"~/admin/constants\";\n\nconst View: React.VFC = () => {\n    const { currentFolderId } = useNavigateFolder();\n\n    return (\n        <SplitView>\n            <LeftPanel span={2}>\n                <Sidebar folderId={currentFolderId} />\n            </LeftPanel>\n            <RightPanel span={10}>\n                <ContentEntryProvider>\n                    <Main folderId={currentFolderId} />\n                </ContentEntryProvider>\n            </RightPanel>\n        </SplitView>\n    );\n};\n\nexport const Table: React.VFC = () => {\n    const { model } = useModel();\n    const client = useApolloClient();\n\n    const createNavigateFolderListLink = useCallback(() => {\n        return `${CMS_ENTRY_LIST_LINK}/${model.modelId}`;\n    }, [model.modelId]);\n    const createNavigateFolderStorageKey = useCallback(() => {\n        return `${LOCAL_STORAGE_LATEST_VISITED_FOLDER}_${model.modelId}`;\n    }, [model.modelId]);\n\n    return (\n        <AcoProvider\n            id={`cms:${model.modelId}`}\n            folderIdPath={\"wbyAco_location.folderId\"}\n            client={client}\n            model={model}\n            createNavigateFolderListLink={createNavigateFolderListLink}\n            createNavigateFolderStorageKey={createNavigateFolderStorageKey}\n        >\n            <View />\n        </AcoProvider>\n    );\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,oBAAA,GAAAJ,OAAA;AACA,IAAAK,OAAA,GAAAL,OAAA;AACA,IAAAM,MAAA,GAAAN,OAAA;AACA,IAAAO,UAAA,GAAAP,OAAA;AAEA,IAAMQ,IAAe,GAAG,SAAlBA,IAAeA,CAAA,EAAS;EAC1B,IAAAC,kBAAA,GAA4B,IAAAC,yBAAiB,EAAC,CAAC;IAAvCC,eAAe,GAAAF,kBAAA,CAAfE,eAAe;EAEvB,oBACIb,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACZ,UAAA,CAAAa,SAAS,qBACNhB,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACZ,UAAA,CAAAc,SAAS;IAACC,IAAI,EAAE;EAAE,gBACflB,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACX,QAAA,CAAAe,OAAO;IAACC,QAAQ,EAAEP;EAAgB,CAAE,CAC9B,CAAC,eACZb,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACZ,UAAA,CAAAkB,UAAU;IAACH,IAAI,EAAE;EAAG,gBACjBlB,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACT,oBAAA,CAAAgB,oBAAoB,qBACjBtB,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACV,KAAA,CAAAkB,IAAI;IAACH,QAAQ,EAAEP;EAAgB,CAAE,CAChB,CACd,CACL,CAAC;AAEpB,CAAC;AAEM,IAAMW,KAAgB,GAAG,SAAnBA,KAAgBA,CAAA,EAAS;EAClC,IAAAC,SAAA,GAAkB,IAAAC,eAAQ,EAAC,CAAC;IAApBC,KAAK,GAAAF,SAAA,CAALE,KAAK;EACb,IAAMC,MAAM,GAAG,IAAAC,sBAAe,EAAC,CAAC;EAEhC,IAAMC,4BAA4B,GAAG,IAAAC,kBAAW,EAAC,YAAM;IACnD,UAAAC,MAAA,CAAUC,8BAAmB,OAAAD,MAAA,CAAIL,KAAK,CAACO,OAAO;EAClD,CAAC,EAAE,CAACP,KAAK,CAACO,OAAO,CAAC,CAAC;EACnB,IAAMC,8BAA8B,GAAG,IAAAJ,kBAAW,EAAC,YAAM;IACrD,UAAAC,MAAA,CAAUI,8CAAmC,OAAAJ,MAAA,CAAIL,KAAK,CAACO,OAAO;EAClE,CAAC,EAAE,CAACP,KAAK,CAACO,OAAO,CAAC,CAAC;EAEnB,oBACIlC,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACR,OAAA,CAAA8B,WAAW;IACRC,EAAE,SAAAN,MAAA,CAASL,KAAK,CAACO,OAAO,CAAG;IAC3BK,YAAY,EAAE,0BAA2B;IACzCX,MAAM,EAAEA,MAAO;IACfD,KAAK,EAAEA,KAAM;IACbG,4BAA4B,EAAEA,4BAA6B;IAC3DK,8BAA8B,EAAEA;EAA+B,gBAE/DnC,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACL,IAAI,MAAE,CACE,CAAC;AAEtB,CAAC;AAAC8B,OAAA,CAAAhB,KAAA,GAAAA,KAAA"}

package/admin/views/contentEntries/Table/styled.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+/// <reference types="react" />
+/// <reference types="web" />
+export declare const MainContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Wrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const SidebarContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/admin/views/contentEntries/Table/styled.js

@@ -0,0 +1,23 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Wrapper = exports.SidebarContainer = exports.MainContainer = void 0;
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+var MainContainer = /*#__PURE__*/(0, _styled.default)("div", {
+  label: "MainContainer",
+  target: "el1opqr0"
+})("overflow:hidden;position:relative;height:100%;");
+exports.MainContainer = MainContainer;
+var Wrapper = /*#__PURE__*/(0, _styled.default)("div", {
+  label: "Wrapper",
+  target: "el1opqr1"
+})("width:100%;position:absolute;top:64px;bottom:0;left:0;border-radius:4px;overflow:hidden;.mdc-data-table{display:inline-table;}.mdc-data-table__cell{width:250px;max-width:250px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}");
+exports.Wrapper = Wrapper;
+var SidebarContainer = /*#__PURE__*/(0, _styled.default)("div", {
+  label: "SidebarContainer",
+  target: "el1opqr2"
+})("height:calc(100vh - 91px);overflow-y:scroll;background:var(--mdc-theme-surface);border-right:1px solid var(--mdc-theme-on-background);padding:10px 10px 0;");
+exports.SidebarContainer = SidebarContainer;

package/admin/views/contentEntries/Table/styled.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_styled","_interopRequireDefault","require","MainContainer","styled","label","target","exports","Wrapper","SidebarContainer"],"sources":["styled.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\n\nexport const MainContainer = styled(\"div\")`\n    overflow: hidden;\n    position: relative;\n    height: 100%;\n`;\n\nexport const Wrapper = styled(\"div\")`\n    width: 100%;\n    position: absolute;\n    top: 64px;\n    bottom: 0;\n    left: 0;\n    border-radius: 4px;\n    overflow: hidden;\n\n    .mdc-data-table {\n        display: inline-table;\n    }\n\n    .mdc-data-table__cell {\n        width: 250px;\n        max-width: 250px;\n\n        white-space: nowrap;\n        overflow: hidden;\n        text-overflow: ellipsis;\n    }\n`;\n\nexport const SidebarContainer = styled(\"div\")`\n    height: calc(100vh - 91px);\n    overflow-y: scroll;\n    background: var(--mdc-theme-surface);\n    border-right: 1px solid var(--mdc-theme-on-background);\n    padding: 10px 10px 0;\n`;\n"],"mappings":";;;;;;;AAAA,IAAAA,OAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEO,IAAMC,aAAa,oBAAGC,eAAM,EAAC,KAAK;EAAAC,KAAA;EAAAC,MAAA;AAAA,oDAIxC;AAACC,OAAA,CAAAJ,aAAA,GAAAA,aAAA;AAEK,IAAMK,OAAO,oBAAGJ,eAAM,EAAC,KAAK;EAAAC,KAAA;EAAAC,MAAA;AAAA,iPAqBlC;AAACC,OAAA,CAAAC,OAAA,GAAAA,OAAA;AAEK,IAAMC,gBAAgB,oBAAGL,eAAM,EAAC,KAAK;EAAAC,KAAA;EAAAC,MAAA;AAAA,gKAM3C;AAACC,OAAA,CAAAE,gBAAA,GAAAA,gBAAA"}

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

@@ -1 +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"}
+{"version":3,"names":["_useContentEntries","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_useContentEntriesList","_useContentEntry"],"sources":["index.ts"],"sourcesContent":["export * from \"./useContentEntries\";\nexport * from \"./useContentEntriesList\";\nexport * from \"./useContentEntry\";\n"],"mappings":";;;;;AAAA,IAAAA,kBAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,kBAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,kBAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAT,kBAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAK,sBAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,sBAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,sBAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAC,sBAAA,CAAAL,GAAA;IAAA;EAAA;AAAA;AACA,IAAAM,gBAAA,GAAAV,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAQ,gBAAA,EAAAP,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAM,gBAAA,CAAAN,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAE,gBAAA,CAAAN,GAAA;IAAA;EAAA;AAAA"}

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,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"}
+{"version":3,"names":["_react","require","_ContentEntriesContext","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,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,sBAAA,GAAAD,OAAA;AAEO,SAASE,iBAAiBA,CAAA,EAAG;EAChC,IAAMC,OAAO,GAAG,IAAAC,iBAAU,EAACC,8BAAO,CAAC;EACnC,IAAI,CAACF,OAAO,EAAE;IACV,MAAMG,KAAK,oEAAkE,CAAC;EAClF;EAEA,OAAOH,OAAO;AAClB"}

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

@@ -1,18 +1,23 @@
-/// <reference types="react" />
-import { CmsEditorContentEntry } from "../../../../types";
-export declare function useContentEntriesList(): {
-    contentModel: import("../../../../types").CmsModel;
-    listQueryVariables: import("../ContentEntriesContext").ListQueryVariables;
-    setListQueryVariables: import("react").Dispatch<import("react").SetStateAction<import("../ContentEntriesContext").ListQueryVariables>>;
-    sorters: import("../ContentEntriesContext").CmsEntriesSorter[];
-    id: string | null;
-    loading: boolean;
-    data: import("../../../../types").CmsContentEntry[];
-    loadMore: () => void;
-    loadMoreLoading: boolean;
-    canCreate: boolean;
-    onCreate: () => void;
-    filter: string;
-    setFilter: import("react").Dispatch<import("react").SetStateAction<string>>;
-    editEntry: (entry: CmsEditorContentEntry) => () => void;
-};
+import { OnSortingChange, Sorting } from "@webiny/ui/DataTable";
+import { ListMeta } from "@webiny/app-aco/types";
+import { FolderEntry, RecordEntry } from "../../../components/ContentEntries/Table/types";
+interface UseContentEntries {
+    folders: FolderEntry[];
+    hideFilters: () => void;
+    isListLoading: boolean;
+    isListLoadingMore: boolean;
+    isSearch: boolean;
+    listMoreRecords: () => void;
+    listTitle?: string;
+    meta: ListMeta;
+    records: RecordEntry[];
+    search: string;
+    setSearch: (value: string) => void;
+    setSorting: OnSortingChange;
+    showFilters: () => void;
+    showingFilters: boolean;
+    sorting: Sorting;
+    setFilters: (data: Record<string, any>) => void;
+}
+export declare const useContentEntriesList: () => UseContentEntries;
+export {};

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

@@ -4,147 +4,113 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 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"));
+exports.useContentEntriesList = void 0;
 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 _appAco = require("@webiny/app-aco");
+var _constants = require("../../../constants");
+var _acoRecordTransform = require("../../../../utils/acoRecordTransform");
+var useContentEntriesList = function useContentEntriesList() {
+  var _useRouter = (0, _reactRouter.useRouter)(),
+    history = _useRouter.history;
   var _useContentEntries = (0, _useContentEntries2.useContentEntries)(),
-    contentModel = _useContentEntries.contentModel,
-    listQueryVariables = _useContentEntries.listQueryVariables,
-    setListQueryVariables = _useContentEntries.setListQueryVariables,
-    sorters = _useContentEntries.sorters,
-    canCreate = _useContentEntries.canCreate;
-  var _useState = (0, _react.useState)(false),
+    contentModel = _useContentEntries.contentModel;
+  var _useAcoList = (0, _appAco.useAcoList)(),
+    initialFolders = _useAcoList.folders,
+    isListLoading = _useAcoList.isListLoading,
+    isListLoadingMore = _useAcoList.isListLoadingMore,
+    isSearch = _useAcoList.isSearch,
+    listMoreRecords = _useAcoList.listMoreRecords,
+    listTitle = _useAcoList.listTitle,
+    meta = _useAcoList.meta,
+    initialRecords = _useAcoList.records,
+    setSearchQuery = _useAcoList.setSearchQuery,
+    setListSort = _useAcoList.setListSort,
+    setFilters = _useAcoList.setFilters,
+    showFilters = _useAcoList.showFilters,
+    hideFilters = _useAcoList.hideFilters,
+    showingFilters = _useAcoList.showingFilters;
+  var _useState = (0, _react.useState)([]),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    loadMoreLoading = _useState2[0],
-    setLoadMoreLoading = _useState2[1];
+    sorting = _useState2[0],
+    setSorting = _useState2[1];
   var _useState3 = (0, _react.useState)(""),
     _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)
+    search = _useState4[0],
+    setSearch = _useState4[1];
   var query = new URLSearchParams(location.search);
-  var id = query.get("id");
-  var searchQuery = query.get("search");
+  var searchQuery = query.get("search") || "";
+  var baseUrl = "".concat(_constants.CMS_ENTRY_LIST_LINK, "/").concat(contentModel.modelId);
+
+  // Search-related logics: update `searchQuery` state and querystring
   var updateSearch = (0, _react.useCallback)((0, _debounce.default)(function (_ref) {
-    var filter = _ref.filter,
+    var search = _ref.search,
       query = _ref.query;
-    var search = query.get("search");
-    if (typeof search !== "string" && !filter) {
+    var searchQuery = query.get("search");
+    if (typeof searchQuery !== "string" && !search) {
       return;
     }
-
-    // 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);
+    setSearchQuery(search);
+    if (searchQuery !== search) {
+      if (!search) {
+        // In case of empty `search` - remove it from `querystring`
+        query.delete("search");
       } else {
-        (0, _unset.default)(next, "where.".concat(searchField));
+        // Otherwise, add it to `querystring`
+        query.set("search", search);
       }
-      return next;
-    });
-    if (search !== filter) {
-      query.set("search", filter);
       history.push("".concat(baseUrl, "?").concat(query.toString()));
     }
-  }, 250), [baseUrl]);
+  }, 500), [baseUrl]);
 
-  // Set "filter" from search "query" on page load.
+  // Set "search" from search "query" on page load.
   (0, _react.useEffect)(function () {
-    if (searchQuery) {
-      setFilter(searchQuery);
-    }
-  }, [baseUrl, searchQuery]);
+    setSearch(searchQuery);
+  }, [searchQuery]);
 
-  // When filter changes, run GQL query
+  // When "search" changes, trigger search-related logics
   (0, _react.useEffect)(function () {
-    return updateSearch({
-      filter: filter,
+    updateSearch({
+      search: search,
       query: query
     });
-  }, [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;
-  var onCreate = (0, _react.useCallback)(function () {
-    history.push("/cms/content-entries/".concat(contentModel.modelId, "?new=true"));
-  }, [contentModel]);
-  var filterByStatus = (0, _react.useCallback)(function (entries, status) {
-    if (!status || status === "all") {
-      return entries;
+  }, [search]);
+  var records = (0, _react.useMemo)(function () {
+    return (0, _acoRecordTransform.transformCmsContentEntriesToRecordEntries)(initialRecords);
+  }, [initialRecords]);
+  var folders = (0, _react.useMemo)(function () {
+    return (0, _acoRecordTransform.transformFolderItemsToFolderEntries)(initialFolders);
+  }, [initialFolders]);
+  (0, _react.useEffect)(function () {
+    if (!(sorting !== null && sorting !== void 0 && sorting.length)) {
+      return;
     }
-    return entries.filter(function (item) {
-      return item.meta.status === status;
-    });
-  }, []);
-
-  // 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({
-        variables: {
-          after: meta.cursor
-        },
-        updateQuery: function updateQuery(prev, result) {
-          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));
-          setLoadMoreLoading(false);
-          return next;
-        }
-      });
+    var sort = (0, _appAco.createSort)(sorting);
+    if (!sort) {
+      return;
     }
-  }, [data]);
-  var editEntry = (0, _react.useCallback)(function (entry) {
-    return function () {
-      history.push("/cms/content-entries/".concat(contentModel.modelId, "?id=").concat(encodeURIComponent(entry.id)));
-    };
-  }, [contentModel.modelId]);
+    setListSort(sort);
+  }, [sorting]);
   return {
-    contentModel: contentModel,
-    listQueryVariables: listQueryVariables,
-    setListQueryVariables: setListQueryVariables,
-    sorters: sorters,
-    id: id,
-    loading: loading,
-    data: filterByStatus((0, _get.default)(data, "content.data", []), listQueryVariables.status),
-    loadMore: loadMore,
-    loadMoreLoading: loadMoreLoading,
-    canCreate: canCreate,
-    onCreate: onCreate,
-    filter: filter,
-    setFilter: setFilter,
-    editEntry: editEntry
+    folders: folders,
+    isListLoading: isListLoading,
+    isListLoadingMore: isListLoadingMore,
+    isSearch: isSearch,
+    listTitle: listTitle,
+    listMoreRecords: listMoreRecords,
+    meta: meta,
+    records: records,
+    search: search,
+    setSearch: setSearch,
+    sorting: sorting,
+    setSorting: setSorting,
+    showingFilters: showingFilters,
+    showFilters: showFilters,
+    hideFilters: hideFilters,
+    setFilters: setFilters
   };
-}
+};
+exports.useContentEntriesList = useContentEntriesList;

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

@@ -1 +1 @@
-{"version":3,"names":["useContentEntriesList","useContentEntries","contentModel","listQueryVariables","setListQueryVariables","sorters","canCreate","useState","loadMoreLoading","setLoadMoreLoading","filter","setFilter","useRouter","history","baseUrl","modelId","query","URLSearchParams","location","search","id","get","searchQuery","updateSearch","useCallback","debounce","searchField","titleFieldId","prev","next","cloneDeep","set","unset","push","toString","useEffect","LIST_QUERY","useMemo","createListQuery","useQuery","variables","fetchPolicy","data","loading","fetchMore","onCreate","filterByStatus","entries","status","item","meta","loadMore","hasMoreItems","after","cursor","updateQuery","result","fetchMoreResult","content","editEntry","entry","encodeURIComponent"],"sources":["useContentEntriesList.ts"],"sourcesContent":["import { useCallback, useEffect, useMemo, useState } from \"react\";\nimport get from \"lodash/get\";\nimport set from \"lodash/set\";\nimport unset from \"lodash/unset\";\nimport cloneDeep from \"lodash/cloneDeep\";\nimport debounce from \"lodash/debounce\";\nimport { useRouter } from \"@webiny/react-router\";\nimport {\n    createListQuery,\n    CmsEntriesListQueryVariables,\n    CmsEntriesListQueryResponse\n} from \"~/admin/graphql/contentEntries\";\nimport { useQuery } from \"~/admin/hooks\";\nimport { useContentEntries } from \"./useContentEntries\";\nimport { CmsEditorContentEntry, CmsMetaResponse } from \"~/types\";\n\ninterface UpdateSearchCallableParams {\n    filter: string;\n    query: URLSearchParams;\n}\ninterface UpdateSearchCallable {\n    (params: UpdateSearchCallableParams): void;\n}\n\nexport function useContentEntriesList() {\n    const { contentModel, listQueryVariables, setListQueryVariables, sorters, canCreate } =\n        useContentEntries();\n\n    const [loadMoreLoading, setLoadMoreLoading] = useState<boolean>(false);\n    const [filter, setFilter] = useState<string>(\"\");\n\n    const { history } = useRouter();\n    const baseUrl = `/cms/content-entries/${contentModel.modelId}`;\n\n    // Get entry ID and search query (if any)\n    const query = new URLSearchParams(location.search);\n    const id = query.get(\"id\");\n    const searchQuery = query.get(\"search\");\n    const updateSearch = useCallback(\n        debounce<UpdateSearchCallable>(({ filter, query }) => {\n            const search = query.get(\"search\");\n            if (typeof search !== \"string\" && !filter) {\n                return;\n            }\n\n            // We use the title field with the \"contains\" operator for doing basic searches.\n            const searchField = contentModel.titleFieldId + \"_contains\";\n            setListQueryVariables(prev => {\n                const next = cloneDeep(prev);\n                if (filter) {\n                    set(next, `where.${searchField}`, filter);\n                } else {\n                    unset(next, `where.${searchField}`);\n                }\n\n                return next;\n            });\n\n            if (search !== filter) {\n                query.set(\"search\", filter);\n                history.push(`${baseUrl}?${query.toString()}`);\n            }\n        }, 250),\n        [baseUrl]\n    );\n\n    // Set \"filter\" from search \"query\" on page load.\n    useEffect(() => {\n        if (searchQuery) {\n            setFilter(searchQuery);\n        }\n    }, [baseUrl, searchQuery]);\n\n    // When filter changes, run GQL query\n    useEffect(() => updateSearch({ filter, query }), [baseUrl, filter]);\n\n    // Generate a query based on current content model\n    const LIST_QUERY = useMemo(() => createListQuery(contentModel), [contentModel.modelId]);\n    const { data, loading, fetchMore } = useQuery<\n        CmsEntriesListQueryResponse,\n        CmsEntriesListQueryVariables\n    >(LIST_QUERY, { variables: listQueryVariables, fetchPolicy: \"network-only\" });\n\n    const onCreate = useCallback(() => {\n        history.push(`/cms/content-entries/${contentModel.modelId}?new=true`);\n    }, [contentModel]);\n\n    const filterByStatus = useCallback((entries: CmsEditorContentEntry[], status?: string) => {\n        if (!status || status === \"all\") {\n            return entries;\n        }\n        return entries.filter(item => item.meta.status === status);\n    }, []);\n\n    // Load more entries on scroll\n    const loadMore = useCallback((): void => {\n        const meta = get(data, \"content.meta\", {}) as unknown as CmsMetaResponse;\n        if (meta.hasMoreItems) {\n            setLoadMoreLoading(true);\n            fetchMore({\n                variables: {\n                    after: meta.cursor\n                },\n                updateQuery: (prev: CmsEntriesListQueryResponse, result) => {\n                    if (!result || !result.fetchMoreResult) {\n                        return prev;\n                    }\n                    const fetchMoreResult = result.fetchMoreResult;\n\n                    const next = { ...fetchMoreResult };\n\n                    next.content.data = [...prev.content.data, ...fetchMoreResult.content.data];\n                    setLoadMoreLoading(false);\n                    return next;\n                }\n            });\n        }\n    }, [data]);\n\n    const editEntry = useCallback(\n        (entry: CmsEditorContentEntry) => () => {\n            history.push(\n                `/cms/content-entries/${contentModel.modelId}?id=${encodeURIComponent(entry.id)}`\n            );\n        },\n        [contentModel.modelId]\n    );\n\n    return {\n        contentModel,\n        listQueryVariables,\n        setListQueryVariables,\n        sorters,\n        id,\n        loading,\n        data: filterByStatus(get(data, \"content.data\", []), listQueryVariables.status),\n        loadMore,\n        loadMoreLoading,\n        canCreate,\n        onCreate,\n        filter,\n        setFilter,\n        editEntry\n    };\n}\n"],"mappings":";;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAKA;AACA;AAWO,SAASA,qBAAqB,GAAG;EACpC,yBACI,IAAAC,qCAAiB,GAAE;IADfC,YAAY,sBAAZA,YAAY;IAAEC,kBAAkB,sBAAlBA,kBAAkB;IAAEC,qBAAqB,sBAArBA,qBAAqB;IAAEC,OAAO,sBAAPA,OAAO;IAAEC,SAAS,sBAATA,SAAS;EAGnF,gBAA8C,IAAAC,eAAQ,EAAU,KAAK,CAAC;IAAA;IAA/DC,eAAe;IAAEC,kBAAkB;EAC1C,iBAA4B,IAAAF,eAAQ,EAAS,EAAE,CAAC;IAAA;IAAzCG,MAAM;IAAEC,SAAS;EAExB,iBAAoB,IAAAC,sBAAS,GAAE;IAAvBC,OAAO,cAAPA,OAAO;EACf,IAAMC,OAAO,kCAA2BZ,YAAY,CAACa,OAAO,CAAE;;EAE9D;EACA,IAAMC,KAAK,GAAG,IAAIC,eAAe,CAACC,QAAQ,CAACC,MAAM,CAAC;EAClD,IAAMC,EAAE,GAAGJ,KAAK,CAACK,GAAG,CAAC,IAAI,CAAC;EAC1B,IAAMC,WAAW,GAAGN,KAAK,CAACK,GAAG,CAAC,QAAQ,CAAC;EACvC,IAAME,YAAY,GAAG,IAAAC,kBAAW,EAC5B,IAAAC,iBAAQ,EAAuB,gBAAuB;IAAA,IAApBf,MAAM,QAANA,MAAM;MAAEM,KAAK,QAALA,KAAK;IAC3C,IAAMG,MAAM,GAAGH,KAAK,CAACK,GAAG,CAAC,QAAQ,CAAC;IAClC,IAAI,OAAOF,MAAM,KAAK,QAAQ,IAAI,CAACT,MAAM,EAAE;MACvC;IACJ;;IAEA;IACA,IAAMgB,WAAW,GAAGxB,YAAY,CAACyB,YAAY,GAAG,WAAW;IAC3DvB,qBAAqB,CAAC,UAAAwB,IAAI,EAAI;MAC1B,IAAMC,IAAI,GAAG,IAAAC,kBAAS,EAACF,IAAI,CAAC;MAC5B,IAAIlB,MAAM,EAAE;QACR,IAAAqB,YAAG,EAACF,IAAI,kBAAWH,WAAW,GAAIhB,MAAM,CAAC;MAC7C,CAAC,MAAM;QACH,IAAAsB,cAAK,EAACH,IAAI,kBAAWH,WAAW,EAAG;MACvC;MAEA,OAAOG,IAAI;IACf,CAAC,CAAC;IAEF,IAAIV,MAAM,KAAKT,MAAM,EAAE;MACnBM,KAAK,CAACe,GAAG,CAAC,QAAQ,EAAErB,MAAM,CAAC;MAC3BG,OAAO,CAACoB,IAAI,WAAInB,OAAO,cAAIE,KAAK,CAACkB,QAAQ,EAAE,EAAG;IAClD;EACJ,CAAC,EAAE,GAAG,CAAC,EACP,CAACpB,OAAO,CAAC,CACZ;;EAED;EACA,IAAAqB,gBAAS,EAAC,YAAM;IACZ,IAAIb,WAAW,EAAE;MACbX,SAAS,CAACW,WAAW,CAAC;IAC1B;EACJ,CAAC,EAAE,CAACR,OAAO,EAAEQ,WAAW,CAAC,CAAC;;EAE1B;EACA,IAAAa,gBAAS,EAAC;IAAA,OAAMZ,YAAY,CAAC;MAAEb,MAAM,EAANA,MAAM;MAAEM,KAAK,EAALA;IAAM,CAAC,CAAC;EAAA,GAAE,CAACF,OAAO,EAAEJ,MAAM,CAAC,CAAC;;EAEnE;EACA,IAAM0B,UAAU,GAAG,IAAAC,cAAO,EAAC;IAAA,OAAM,IAAAC,+BAAe,EAACpC,YAAY,CAAC;EAAA,GAAE,CAACA,YAAY,CAACa,OAAO,CAAC,CAAC;EACvF,gBAAqC,IAAAwB,eAAQ,EAG3CH,UAAU,EAAE;MAAEI,SAAS,EAAErC,kBAAkB;MAAEsC,WAAW,EAAE;IAAe,CAAC,CAAC;IAHrEC,IAAI,aAAJA,IAAI;IAAEC,OAAO,aAAPA,OAAO;IAAEC,SAAS,aAATA,SAAS;EAKhC,IAAMC,QAAQ,GAAG,IAAArB,kBAAW,EAAC,YAAM;IAC/BX,OAAO,CAACoB,IAAI,gCAAyB/B,YAAY,CAACa,OAAO,eAAY;EACzE,CAAC,EAAE,CAACb,YAAY,CAAC,CAAC;EAElB,IAAM4C,cAAc,GAAG,IAAAtB,kBAAW,EAAC,UAACuB,OAAgC,EAAEC,MAAe,EAAK;IACtF,IAAI,CAACA,MAAM,IAAIA,MAAM,KAAK,KAAK,EAAE;MAC7B,OAAOD,OAAO;IAClB;IACA,OAAOA,OAAO,CAACrC,MAAM,CAAC,UAAAuC,IAAI;MAAA,OAAIA,IAAI,CAACC,IAAI,CAACF,MAAM,KAAKA,MAAM;IAAA,EAAC;EAC9D,CAAC,EAAE,EAAE,CAAC;;EAEN;EACA,IAAMG,QAAQ,GAAG,IAAA3B,kBAAW,EAAC,YAAY;IACrC,IAAM0B,IAAI,GAAG,IAAA7B,YAAG,EAACqB,IAAI,EAAE,cAAc,EAAE,CAAC,CAAC,CAA+B;IACxE,IAAIQ,IAAI,CAACE,YAAY,EAAE;MACnB3C,kBAAkB,CAAC,IAAI,CAAC;MACxBmC,SAAS,CAAC;QACNJ,SAAS,EAAE;UACPa,KAAK,EAAEH,IAAI,CAACI;QAChB,CAAC;QACDC,WAAW,EAAE,qBAAC3B,IAAiC,EAAE4B,MAAM,EAAK;UACxD,IAAI,CAACA,MAAM,IAAI,CAACA,MAAM,CAACC,eAAe,EAAE;YACpC,OAAO7B,IAAI;UACf;UACA,IAAM6B,eAAe,GAAGD,MAAM,CAACC,eAAe;UAE9C,IAAM5B,IAAI,mCAAQ4B,eAAe,CAAE;UAEnC5B,IAAI,CAAC6B,OAAO,CAAChB,IAAI,8CAAOd,IAAI,CAAC8B,OAAO,CAAChB,IAAI,oCAAKe,eAAe,CAACC,OAAO,CAAChB,IAAI,EAAC;UAC3EjC,kBAAkB,CAAC,KAAK,CAAC;UACzB,OAAOoB,IAAI;QACf;MACJ,CAAC,CAAC;IACN;EACJ,CAAC,EAAE,CAACa,IAAI,CAAC,CAAC;EAEV,IAAMiB,SAAS,GAAG,IAAAnC,kBAAW,EACzB,UAACoC,KAA4B;IAAA,OAAK,YAAM;MACpC/C,OAAO,CAACoB,IAAI,gCACgB/B,YAAY,CAACa,OAAO,iBAAO8C,kBAAkB,CAACD,KAAK,CAACxC,EAAE,CAAC,EAClF;IACL,CAAC;EAAA,GACD,CAAClB,YAAY,CAACa,OAAO,CAAC,CACzB;EAED,OAAO;IACHb,YAAY,EAAZA,YAAY;IACZC,kBAAkB,EAAlBA,kBAAkB;IAClBC,qBAAqB,EAArBA,qBAAqB;IACrBC,OAAO,EAAPA,OAAO;IACPe,EAAE,EAAFA,EAAE;IACFuB,OAAO,EAAPA,OAAO;IACPD,IAAI,EAAEI,cAAc,CAAC,IAAAzB,YAAG,EAACqB,IAAI,EAAE,cAAc,EAAE,EAAE,CAAC,EAAEvC,kBAAkB,CAAC6C,MAAM,CAAC;IAC9EG,QAAQ,EAARA,QAAQ;IACR3C,eAAe,EAAfA,eAAe;IACfF,SAAS,EAATA,SAAS;IACTuC,QAAQ,EAARA,QAAQ;IACRnC,MAAM,EAANA,MAAM;IACNC,SAAS,EAATA,SAAS;IACTgD,SAAS,EAATA;EACJ,CAAC;AACL"}
+{"version":3,"names":["_react","require","_debounce","_interopRequireDefault","_reactRouter","_useContentEntries2","_appAco","_constants","_acoRecordTransform","useContentEntriesList","_useRouter","useRouter","history","_useContentEntries","useContentEntries","contentModel","_useAcoList","useAcoList","initialFolders","folders","isListLoading","isListLoadingMore","isSearch","listMoreRecords","listTitle","meta","initialRecords","records","setSearchQuery","setListSort","setFilters","showFilters","hideFilters","showingFilters","_useState","useState","_useState2","_slicedToArray2","default","sorting","setSorting","_useState3","_useState4","search","setSearch","query","URLSearchParams","location","searchQuery","get","baseUrl","concat","CMS_ENTRY_LIST_LINK","modelId","updateSearch","useCallback","debounce","_ref","delete","set","push","toString","useEffect","useMemo","transformCmsContentEntriesToRecordEntries","transformFolderItemsToFolderEntries","length","sort","createSort","exports"],"sources":["useContentEntriesList.ts"],"sourcesContent":["import { useCallback, useEffect, useMemo, useState } from \"react\";\nimport debounce from \"lodash/debounce\";\nimport { useRouter } from \"@webiny/react-router\";\nimport { useContentEntries } from \"./useContentEntries\";\nimport { CmsContentEntry } from \"~/types\";\nimport { OnSortingChange, Sorting } from \"@webiny/ui/DataTable\";\nimport { useAcoList, createSort } from \"@webiny/app-aco\";\nimport { CMS_ENTRY_LIST_LINK } from \"~/admin/constants\";\nimport { ListMeta } from \"@webiny/app-aco/types\";\nimport {\n    transformCmsContentEntriesToRecordEntries,\n    transformFolderItemsToFolderEntries\n} from \"~/utils/acoRecordTransform\";\nimport { FolderEntry, RecordEntry } from \"~/admin/components/ContentEntries/Table/types\";\n\ninterface UpdateSearchCallableParams {\n    search: string;\n    query: URLSearchParams;\n}\ninterface UpdateSearchCallable {\n    (params: UpdateSearchCallableParams): void;\n}\n\ninterface UseContentEntries {\n    folders: FolderEntry[];\n    hideFilters: () => void;\n    isListLoading: boolean;\n    isListLoadingMore: boolean;\n    isSearch: boolean;\n    listMoreRecords: () => void;\n    listTitle?: string;\n    meta: ListMeta;\n    records: RecordEntry[];\n    search: string;\n    setSearch: (value: string) => void;\n    setSorting: OnSortingChange;\n    showFilters: () => void;\n    showingFilters: boolean;\n    sorting: Sorting;\n    setFilters: (data: Record<string, any>) => void;\n}\n\nexport const useContentEntriesList = (): UseContentEntries => {\n    const { history } = useRouter();\n    const { contentModel } = useContentEntries();\n\n    const {\n        folders: initialFolders,\n        isListLoading,\n        isListLoadingMore,\n        isSearch,\n        listMoreRecords,\n        listTitle,\n        meta,\n        records: initialRecords,\n        setSearchQuery,\n        setListSort,\n        setFilters,\n        showFilters,\n        hideFilters,\n        showingFilters\n    } = useAcoList();\n\n    const [sorting, setSorting] = useState<Sorting>([]);\n    const [search, setSearch] = useState<string>(\"\");\n    const query = new URLSearchParams(location.search);\n    const searchQuery = query.get(\"search\") || \"\";\n    const baseUrl = `${CMS_ENTRY_LIST_LINK}/${contentModel.modelId}`;\n\n    // Search-related logics: update `searchQuery` state and querystring\n    const updateSearch = useCallback(\n        debounce<UpdateSearchCallable>(({ search, query }) => {\n            const searchQuery = query.get(\"search\");\n\n            if (typeof searchQuery !== \"string\" && !search) {\n                return;\n            }\n\n            setSearchQuery(search);\n\n            if (searchQuery !== search) {\n                if (!search) {\n                    // In case of empty `search` - remove it from `querystring`\n                    query.delete(\"search\");\n                } else {\n                    // Otherwise, add it to `querystring`\n                    query.set(\"search\", search);\n                }\n                history.push(`${baseUrl}?${query.toString()}`);\n            }\n        }, 500),\n        [baseUrl]\n    );\n\n    // Set \"search\" from search \"query\" on page load.\n    useEffect(() => {\n        setSearch(searchQuery);\n    }, [searchQuery]);\n\n    // When \"search\" changes, trigger search-related logics\n    useEffect(() => {\n        updateSearch({ search, query });\n    }, [search]);\n\n    const records = useMemo(() => {\n        return transformCmsContentEntriesToRecordEntries(\n            initialRecords as unknown as CmsContentEntry[]\n        );\n    }, [initialRecords]);\n\n    const folders = useMemo(() => {\n        return transformFolderItemsToFolderEntries(initialFolders);\n    }, [initialFolders]);\n\n    useEffect(() => {\n        if (!sorting?.length) {\n            return;\n        }\n        const sort = createSort(sorting);\n        if (!sort) {\n            return;\n        }\n        setListSort(sort);\n    }, [sorting]);\n\n    return {\n        folders,\n        isListLoading,\n        isListLoadingMore,\n        isSearch,\n        listTitle,\n        listMoreRecords,\n        meta,\n        records,\n        search,\n        setSearch,\n        sorting,\n        setSorting,\n        showingFilters,\n        showFilters,\n        hideFilters,\n        setFilters\n    };\n};\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"names":["useContentEntry","context","useContext","Context","Error"],"sources":["useContentEntry.ts"],"sourcesContent":["import { useContext } from \"react\";\nimport { Context } from \"../ContentEntry/ContentEntryContext\";\n\nexport function useContentEntry() {\n    const context = useContext(Context);\n    if (!context) {\n        throw Error(\n            `useContentEntry() hook can only be used within the ContentEntryContext provider.`\n        );\n    }\n    return context;\n}\n"],"mappings":";;;;;;AAAA;AACA;AAEO,SAASA,eAAe,GAAG;EAC9B,IAAMC,OAAO,GAAG,IAAAC,iBAAU,EAACC,4BAAO,CAAC;EACnC,IAAI,CAACF,OAAO,EAAE;IACV,MAAMG,KAAK,oFAEV;EACL;EACA,OAAOH,OAAO;AAClB"}
+{"version":3,"names":["_react","require","_ContentEntryContext","useContentEntry","context","useContext","Context","Error"],"sources":["useContentEntry.ts"],"sourcesContent":["import { useContext } from \"react\";\nimport { Context } from \"../ContentEntry/ContentEntryContext\";\n\nexport function useContentEntry() {\n    const context = useContext(Context);\n    if (!context) {\n        throw Error(\n            `useContentEntry() hook can only be used within the ContentEntryContext provider.`\n        );\n    }\n    return context;\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,oBAAA,GAAAD,OAAA;AAEO,SAASE,eAAeA,CAAA,EAAG;EAC9B,IAAMC,OAAO,GAAG,IAAAC,iBAAU,EAACC,4BAAO,CAAC;EACnC,IAAI,CAACF,OAAO,EAAE;IACV,MAAMG,KAAK,mFAEX,CAAC;EACL;EACA,OAAOH,OAAO;AAClB"}

package/admin/views/contentModelGroups/ContentModelGroups.js.map

@@ -1 +1 @@
-{"version":3,"names":["ContentModelGroups","useSecurity","identity","getPermission","canCreate","useMemo","permission","rwd","includes"],"sources":["ContentModelGroups.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { useSecurity } from \"@webiny/app-security\";\nimport { SplitView, LeftPanel, RightPanel } from \"@webiny/app-admin/components/SplitView\";\nimport ContentModelGroupsDataList from \"./ContentModelGroupsDataList\";\nimport ContentModelGroupsForm from \"./ContentModelGroupsForm\";\nimport { CmsSecurityPermission } from \"~/types\";\n\nconst ContentModelGroups: React.FC = () => {\n    const { identity, getPermission } = useSecurity();\n\n    const canCreate = useMemo((): boolean => {\n        const permission = getPermission<CmsSecurityPermission>(\"cms.contentModelGroup\");\n        if (!permission) {\n            return false;\n        }\n\n        if (typeof permission.rwd !== \"string\") {\n            return true;\n        }\n\n        return permission.rwd.includes(\"w\");\n    }, [identity]);\n\n    return (\n        <SplitView>\n            <LeftPanel span={4}>\n                <ContentModelGroupsDataList canCreate={canCreate} />\n            </LeftPanel>\n            <RightPanel span={8}>\n                <ContentModelGroupsForm canCreate={canCreate} />\n            </RightPanel>\n        </SplitView>\n    );\n};\n\nexport default ContentModelGroups;\n"],"mappings":";;;;;;;;AAAA;AACA;AACA;AACA;AACA;AAGA,IAAMA,kBAA4B,GAAG,SAA/BA,kBAA4B,GAAS;EACvC,mBAAoC,IAAAC,wBAAW,GAAE;IAAzCC,QAAQ,gBAARA,QAAQ;IAAEC,aAAa,gBAAbA,aAAa;EAE/B,IAAMC,SAAS,GAAG,IAAAC,cAAO,EAAC,YAAe;IACrC,IAAMC,UAAU,GAAGH,aAAa,CAAwB,uBAAuB,CAAC;IAChF,IAAI,CAACG,UAAU,EAAE;MACb,OAAO,KAAK;IAChB;IAEA,IAAI,OAAOA,UAAU,CAACC,GAAG,KAAK,QAAQ,EAAE;MACpC,OAAO,IAAI;IACf;IAEA,OAAOD,UAAU,CAACC,GAAG,CAACC,QAAQ,CAAC,GAAG,CAAC;EACvC,CAAC,EAAE,CAACN,QAAQ,CAAC,CAAC;EAEd,oBACI,6BAAC,oBAAS,qBACN,6BAAC,oBAAS;IAAC,IAAI,EAAE;EAAE,gBACf,6BAAC,mCAA0B;IAAC,SAAS,EAAEE;EAAU,EAAG,CAC5C,eACZ,6BAAC,qBAAU;IAAC,IAAI,EAAE;EAAE,gBAChB,6BAAC,+BAAsB;IAAC,SAAS,EAAEA;EAAU,EAAG,CACvC,CACL;AAEpB,CAAC;AAAC,eAEaJ,kBAAkB;AAAA"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_appSecurity","_SplitView","_ContentModelGroupsDataList","_interopRequireDefault","_ContentModelGroupsForm","ContentModelGroups","_useSecurity","useSecurity","identity","getPermission","canCreate","useMemo","permission","rwd","includes","default","createElement","SplitView","LeftPanel","span","RightPanel","_default","exports"],"sources":["ContentModelGroups.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { useSecurity } from \"@webiny/app-security\";\nimport { SplitView, LeftPanel, RightPanel } from \"@webiny/app-admin/components/SplitView\";\nimport ContentModelGroupsDataList from \"./ContentModelGroupsDataList\";\nimport ContentModelGroupsForm from \"./ContentModelGroupsForm\";\nimport { CmsSecurityPermission } from \"~/types\";\n\nconst ContentModelGroups: React.FC = () => {\n    const { identity, getPermission } = useSecurity();\n\n    const canCreate = useMemo((): boolean => {\n        const permission = getPermission<CmsSecurityPermission>(\"cms.contentModelGroup\");\n        if (!permission) {\n            return false;\n        }\n\n        if (typeof permission.rwd !== \"string\") {\n            return true;\n        }\n\n        return permission.rwd.includes(\"w\");\n    }, [identity]);\n\n    return (\n        <SplitView>\n            <LeftPanel span={4}>\n                <ContentModelGroupsDataList canCreate={canCreate} />\n            </LeftPanel>\n            <RightPanel span={8}>\n                <ContentModelGroupsForm canCreate={canCreate} />\n            </RightPanel>\n        </SplitView>\n    );\n};\n\nexport default ContentModelGroups;\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAF,OAAA;AACA,IAAAG,2BAAA,GAAAC,sBAAA,CAAAJ,OAAA;AACA,IAAAK,uBAAA,GAAAD,sBAAA,CAAAJ,OAAA;AAGA,IAAMM,kBAA4B,GAAG,SAA/BA,kBAA4BA,CAAA,EAAS;EACvC,IAAAC,YAAA,GAAoC,IAAAC,wBAAW,EAAC,CAAC;IAAzCC,QAAQ,GAAAF,YAAA,CAARE,QAAQ;IAAEC,aAAa,GAAAH,YAAA,CAAbG,aAAa;EAE/B,IAAMC,SAAS,GAAG,IAAAC,cAAO,EAAC,YAAe;IACrC,IAAMC,UAAU,GAAGH,aAAa,CAAwB,uBAAuB,CAAC;IAChF,IAAI,CAACG,UAAU,EAAE;MACb,OAAO,KAAK;IAChB;IAEA,IAAI,OAAOA,UAAU,CAACC,GAAG,KAAK,QAAQ,EAAE;MACpC,OAAO,IAAI;IACf;IAEA,OAAOD,UAAU,CAACC,GAAG,CAACC,QAAQ,CAAC,GAAG,CAAC;EACvC,CAAC,EAAE,CAACN,QAAQ,CAAC,CAAC;EAEd,oBACIX,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAACf,UAAA,CAAAgB,SAAS,qBACNpB,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAACf,UAAA,CAAAiB,SAAS;IAACC,IAAI,EAAE;EAAE,gBACftB,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAACd,2BAAA,CAAAa,OAA0B;IAACL,SAAS,EAAEA;EAAU,CAAE,CAC5C,CAAC,eACZb,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAACf,UAAA,CAAAmB,UAAU;IAACD,IAAI,EAAE;EAAE,gBAChBtB,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAACZ,uBAAA,CAAAW,OAAsB;IAACL,SAAS,EAAEA;EAAU,CAAE,CACvC,CACL,CAAC;AAEpB,CAAC;AAAC,IAAAW,QAAA,GAEahB,kBAAkB;AAAAiB,OAAA,CAAAP,OAAA,GAAAM,QAAA"}

package/admin/views/contentModelGroups/ContentModelGroupsDataList.js

@@ -165,6 +165,9 @@ var ContentModelGroupsDataList = function ContentModelGroupsDataList(_ref) {
   }, [sort]);
   var filteredData = filter === "" ? data : data.filter(filterData);
   var contentModelGroups = sortData(filteredData);
+  var onRefreshClick = (0, _react.useCallback)(function () {
+    listQuery.refetch();
+  }, []);
   return /*#__PURE__*/_react.default.createElement(_List.DataList, {
     loading: listQuery.loading,
     data: contentModelGroups,
@@ -186,7 +189,8 @@ var ContentModelGroupsDataList = function ContentModelGroupsDataList(_ref) {
     modalOverlayAction: /*#__PURE__*/_react.default.createElement(_List.DataListModalOverlayAction, {
       icon: /*#__PURE__*/_react.default.createElement(_filter24px.ReactComponent, null),
       "data-testid": "default-data-list.filter"
-    })
+    }),
+    refresh: onRefreshClick
   }, function (_ref6) {
     var data = _ref6.data;
     return /*#__PURE__*/_react.default.createElement(_List.List, {