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

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":"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"}
+{"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":"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"}

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

@@ -4,17 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useContentEntry = useContentEntry;
-
 var _react = require("react");
-
 var _ContentEntryContext = require("../ContentEntry/ContentEntryContext");
-
 function useContentEntry() {
   var context = (0, _react.useContext)(_ContentEntryContext.Context);
-
   if (!context) {
     throw Error("useContentEntry() hook can only be used within the ContentEntryContext provider.");
   }
-
   return context;
 }

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,eAAT,GAA2B;EAC9B,IAAMC,OAAO,GAAG,IAAAC,iBAAA,EAAWC,4BAAX,CAAhB;;EACA,IAAI,CAACF,OAAL,EAAc;IACV,MAAMG,KAAK,oFAAX;EAGH;;EACD,OAAOH,OAAP;AACH"}
+{"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"}

package/admin/views/contentModelGroups/ContentModelGroups.js

@@ -1,40 +1,28 @@
 "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.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _appSecurity = require("@webiny/app-security");
-
 var _SplitView = require("@webiny/app-admin/components/SplitView");
-
 var _ContentModelGroupsDataList = _interopRequireDefault(require("./ContentModelGroupsDataList"));
-
 var _ContentModelGroupsForm = _interopRequireDefault(require("./ContentModelGroupsForm"));
-
 var ContentModelGroups = function ContentModelGroups() {
   var _useSecurity = (0, _appSecurity.useSecurity)(),
-      identity = _useSecurity.identity,
-      getPermission = _useSecurity.getPermission;
-
+    identity = _useSecurity.identity,
+    getPermission = _useSecurity.getPermission;
   var canCreate = (0, _react.useMemo)(function () {
     var permission = getPermission("cms.contentModelGroup");
-
     if (!permission) {
       return false;
     }
-
     if (typeof permission.rwd !== "string") {
       return true;
     }
-
     return permission.rwd.includes("w");
   }, [identity]);
   return /*#__PURE__*/_react.default.createElement(_SplitView.SplitView, null, /*#__PURE__*/_react.default.createElement(_SplitView.LeftPanel, {
@@ -47,6 +35,5 @@ var ContentModelGroups = function ContentModelGroups() {
     canCreate: canCreate
   })));
 };
-
 var _default = ContentModelGroups;
 exports.default = _default;

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,kBAA+B,GAAM;EACvC,mBAAoC,IAAAC,wBAAA,GAApC;EAAA,IAAQC,QAAR,gBAAQA,QAAR;EAAA,IAAkBC,aAAlB,gBAAkBA,aAAlB;;EAEA,IAAMC,SAAS,GAAG,IAAAC,cAAA,EAAQ,YAAe;IACrC,IAAMC,UAAU,GAAGH,aAAa,CAAwB,uBAAxB,CAAhC;;IACA,IAAI,CAACG,UAAL,EAAiB;MACb,OAAO,KAAP;IACH;;IAED,IAAI,OAAOA,UAAU,CAACC,GAAlB,KAA0B,QAA9B,EAAwC;MACpC,OAAO,IAAP;IACH;;IAED,OAAOD,UAAU,CAACC,GAAX,CAAeC,QAAf,CAAwB,GAAxB,CAAP;EACH,CAXiB,EAWf,CAACN,QAAD,CAXe,CAAlB;EAaA,oBACI,6BAAC,oBAAD,qBACI,6BAAC,oBAAD;IAAW,IAAI,EAAE;EAAjB,gBACI,6BAAC,mCAAD;IAA4B,SAAS,EAAEE;EAAvC,EADJ,CADJ,eAII,6BAAC,qBAAD;IAAY,IAAI,EAAE;EAAlB,gBACI,6BAAC,+BAAD;IAAwB,SAAS,EAAEA;EAAnC,EADJ,CAJJ,CADJ;AAUH,CA1BD;;eA4BeJ,kB"}
+{"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"}

package/admin/views/contentModelGroups/ContentModelGroupsDataList.js

@@ -1,70 +1,39 @@
 "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.default = void 0;
-
 var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
-
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _get = _interopRequireDefault(require("lodash/get"));
-
 var _orderBy = _interopRequireDefault(require("lodash/orderBy"));
-
 var _dotPropImmutable = _interopRequireDefault(require("dot-prop-immutable"));
-
 var _i18n = require("@webiny/app/i18n");
-
 var _icons = require("@webiny/ui/List/DataList/icons");
-
 var _List = require("@webiny/ui/List");
-
 var _reactRouter = require("@webiny/react-router");
-
 var _useSnackbar2 = require("@webiny/app-admin/hooks/useSnackbar");
-
 var _hooks = require("../../hooks");
-
 var _useConfirmationDialog = require("@webiny/app-admin/hooks/useConfirmationDialog");
-
 var GQL = _interopRequireWildcard(require("./graphql"));
-
 var _Button = require("@webiny/ui/Button");
-
 var _Grid = require("@webiny/ui/Grid");
-
 var _Select = require("@webiny/ui/Select");
-
 var _SearchUI = _interopRequireDefault(require("@webiny/app-admin/components/SearchUI"));
-
 var _add18px = require("@webiny/app-admin/assets/icons/add-18px.svg");
-
 var _filter24px = require("@webiny/app-admin/assets/icons/filter-24px.svg");
-
 var _utils = require("../utils");
-
 var _usePermission2 = _interopRequireDefault(require("../../hooks/usePermission"));
-
 var _Tooltip = require("@webiny/ui/Tooltip");
-
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11;
-
 var t = _i18n.i18n.ns("app-headless-cms/admin/content-model-groups/data-list");
-
 var SORTERS = [{
   label: t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Newest to oldest"]))),
   sorters: "createdOn_DESC"
@@ -78,37 +47,28 @@ var SORTERS = [{
   label: t(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["Name Z-A"]))),
   sorters: "name_DESC"
 }];
-
 var ContentModelGroupsDataList = function ContentModelGroupsDataList(_ref) {
   var canCreate = _ref.canCreate;
-
   var _useState = (0, _react.useState)(""),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      filter = _useState2[0],
-      setFilter = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    filter = _useState2[0],
+    setFilter = _useState2[1];
   var _useState3 = (0, _react.useState)(SORTERS[0].sorters),
-      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-      sort = _useState4[0],
-      setSort = _useState4[1];
-
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    sort = _useState4[0],
+    setSort = _useState4[1];
   var _useRouter = (0, _reactRouter.useRouter)(),
-      history = _useRouter.history;
-
+    history = _useRouter.history;
   var _useSnackbar = (0, _useSnackbar2.useSnackbar)(),
-      showSnackbar = _useSnackbar.showSnackbar;
-
+    showSnackbar = _useSnackbar.showSnackbar;
   var client = (0, _hooks.useApolloClient)();
   var listQuery = (0, _hooks.useQuery)(GQL.LIST_CONTENT_MODEL_GROUPS);
-
   var _useConfirmationDialo = (0, _useConfirmationDialog.useConfirmationDialog)({
-    dataTestId: "cms.contentModelGroup.list-item.delete-dialog"
-  }),
-      showConfirmation = _useConfirmationDialo.showConfirmation;
-
+      dataTestId: "cms.contentModelGroup.list-item.delete-dialog"
+    }),
+    showConfirmation = _useConfirmationDialo.showConfirmation;
   var _usePermission = (0, _usePermission2.default)(),
-      canDelete = _usePermission.canDelete;
-
+    canDelete = _usePermission.canDelete;
   var filterData = (0, _react.useCallback)(function (_ref2) {
     var name = _ref2.name;
     return name.toLowerCase().includes(filter);
@@ -117,12 +77,10 @@ var ContentModelGroupsDataList = function ContentModelGroupsDataList(_ref) {
     if (!sort) {
       return list;
     }
-
     var _deserializeSorters = (0, _utils.deserializeSorters)(sort),
-        _deserializeSorters2 = (0, _slicedToArray2.default)(_deserializeSorters, 2),
-        sortField = _deserializeSorters2[0],
-        sortOrderBy = _deserializeSorters2[1];
-
+      _deserializeSorters2 = (0, _slicedToArray2.default)(_deserializeSorters, 2),
+      sortField = _deserializeSorters2[0],
+      sortOrderBy = _deserializeSorters2[1];
     return (0, _orderBy.default)(list, [sortField], [sortOrderBy]);
   }, [sort]);
   var data = listQuery.loading ? [] : (0, _get.default)(listQuery, "data.listContentModelGroups.data", []);
@@ -131,70 +89,59 @@ var ContentModelGroupsDataList = function ContentModelGroupsDataList(_ref) {
     showConfirmation( /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee() {
       var response, error;
       return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              _context.next = 2;
-              return client.mutate({
-                mutation: GQL.DELETE_CONTENT_MODEL_GROUP,
-                variables: {
-                  id: group.id
-                },
-                update: function update(cache, _ref4) {
-                  var data = _ref4.data;
-                  var error = data.deleteContentModelGroup.error;
-
-                  if (error) {
-                    showSnackbar(error.message);
-                    return;
-                  } // Delete the item from list cache
-
-
-                  var gqlParams = {
-                    query: GQL.LIST_CONTENT_MODEL_GROUPS
-                  };
-                  var result = cache.readQuery(gqlParams);
-
-                  if (!result || !result.listContentModelGroups) {
-                    return;
-                  }
-
-                  var listContentModelGroups = result.listContentModelGroups;
-                  var index = listContentModelGroups.data.findIndex(function (item) {
-                    return item.id === group.id;
-                  });
-                  cache.writeQuery((0, _objectSpread2.default)((0, _objectSpread2.default)({}, gqlParams), {}, {
-                    data: {
-                      listContentModelGroups: _dotPropImmutable.default.delete(listContentModelGroups, "data.".concat(index))
-                    }
-                  }));
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            _context.next = 2;
+            return client.mutate({
+              mutation: GQL.DELETE_CONTENT_MODEL_GROUP,
+              variables: {
+                id: group.id
+              },
+              update: function update(cache, _ref4) {
+                var data = _ref4.data;
+                var error = data.deleteContentModelGroup.error;
+                if (error) {
+                  showSnackbar(error.message);
+                  return;
                 }
-              });
-
-            case 2:
-              response = _context.sent;
-              error = response.data.deleteContentModelGroup.error;
-
-              if (!error) {
-                _context.next = 6;
-                break;
-              }
-
-              return _context.abrupt("return", showSnackbar(error.message));
 
-            case 6:
-              showSnackbar(t(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["Content model group \"{name}\" deleted."])))({
-                name: group.name
-              }));
-
-              if (groupId === group.id) {
-                history.push("/cms/content-model-groups");
+                // Delete the item from list cache
+                var gqlParams = {
+                  query: GQL.LIST_CONTENT_MODEL_GROUPS
+                };
+                var result = cache.readQuery(gqlParams);
+                if (!result || !result.listContentModelGroups) {
+                  return;
+                }
+                var listContentModelGroups = result.listContentModelGroups;
+                var index = listContentModelGroups.data.findIndex(function (item) {
+                  return item.id === group.id;
+                });
+                cache.writeQuery((0, _objectSpread2.default)((0, _objectSpread2.default)({}, gqlParams), {}, {
+                  data: {
+                    listContentModelGroups: _dotPropImmutable.default.delete(listContentModelGroups, "data.".concat(index))
+                  }
+                }));
               }
-
-            case 8:
-            case "end":
-              return _context.stop();
-          }
+            });
+          case 2:
+            response = _context.sent;
+            error = response.data.deleteContentModelGroup.error;
+            if (!error) {
+              _context.next = 6;
+              break;
+            }
+            return _context.abrupt("return", showSnackbar(error.message));
+          case 6:
+            showSnackbar(t(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["Content model group \"{name}\" deleted."])))({
+              name: group.name
+            }));
+            if (groupId === group.id) {
+              history.push("/cms/content-model-groups");
+            }
+          case 8:
+          case "end":
+            return _context.stop();
         }
       }, _callee);
     })));
@@ -209,7 +156,7 @@ var ContentModelGroupsDataList = function ContentModelGroupsDataList(_ref) {
       description: "Sort groups by"
     }, SORTERS.map(function (_ref5) {
       var label = _ref5.label,
-          sorters = _ref5.sorters;
+        sorters = _ref5.sorters;
       return /*#__PURE__*/_react.default.createElement("option", {
         key: label,
         value: sorters
@@ -269,6 +216,5 @@ var ContentModelGroupsDataList = function ContentModelGroupsDataList(_ref) {
     }));
   });
 };
-
 var _default = ContentModelGroupsDataList;
 exports.default = _default;

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

@@ -1 +1 @@
-{"version":3,"names":["t","i18n","ns","SORTERS","label","sorters","ContentModelGroupsDataList","canCreate","useState","filter","setFilter","sort","setSort","useRouter","history","useSnackbar","showSnackbar","client","useApolloClient","listQuery","useQuery","GQL","LIST_CONTENT_MODEL_GROUPS","useConfirmationDialog","dataTestId","showConfirmation","usePermission","canDelete","filterData","useCallback","name","toLowerCase","includes","sortData","list","deserializeSorters","sortField","sortOrderBy","orderBy","data","loading","get","groupId","URLSearchParams","location","search","deleteItem","group","mutate","mutation","DELETE_CONTENT_MODEL_GROUP","variables","id","update","cache","error","deleteContentModelGroup","message","gqlParams","query","result","readQuery","listContentModelGroups","index","findIndex","item","writeQuery","dotProp","delete","response","push","contentModelGroupsDataListModalOverlay","useMemo","map","filteredData","contentModelGroups","contentModels","length","plugin"],"sources":["ContentModelGroupsDataList.tsx"],"sourcesContent":["import React, { useCallback, useMemo, useState } from \"react\";\nimport get from \"lodash/get\";\nimport orderBy from \"lodash/orderBy\";\nimport dotProp from \"dot-prop-immutable\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { DeleteIcon } from \"@webiny/ui/List/DataList/icons\";\nimport {\n    DataList,\n    List,\n    ListItem,\n    ListItemText,\n    ListItemTextSecondary,\n    ListItemMeta,\n    ListActions,\n    DataListModalOverlay,\n    DataListModalOverlayAction\n} from \"@webiny/ui/List\";\nimport { useRouter } from \"@webiny/react-router\";\nimport { useSnackbar } from \"@webiny/app-admin/hooks/useSnackbar\";\nimport { useQuery, useApolloClient } from \"../../hooks\";\nimport { useConfirmationDialog } from \"@webiny/app-admin/hooks/useConfirmationDialog\";\nimport * as GQL from \"./graphql\";\nimport { ButtonIcon, ButtonSecondary } from \"@webiny/ui/Button\";\nimport { Cell, Grid } from \"@webiny/ui/Grid\";\nimport { Select } from \"@webiny/ui/Select\";\nimport SearchUI from \"@webiny/app-admin/components/SearchUI\";\nimport { ReactComponent as AddIcon } from \"@webiny/app-admin/assets/icons/add-18px.svg\";\nimport { ReactComponent as FilterIcon } from \"@webiny/app-admin/assets/icons/filter-24px.svg\";\nimport { deserializeSorters } from \"../utils\";\nimport usePermission from \"../../hooks/usePermission\";\nimport { Tooltip } from \"@webiny/ui/Tooltip\";\nimport { ListCmsGroupsQueryResponse, CmsGroupWithModels } from \"./graphql\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/content-model-groups/data-list\");\n\ninterface Sort {\n    label: string;\n    sorters: string;\n}\nconst SORTERS: Sort[] = [\n    {\n        label: t`Newest to oldest`,\n        sorters: \"createdOn_DESC\"\n    },\n    {\n        label: t`Oldest to newest`,\n        sorters: \"createdOn_ASC\"\n    },\n    {\n        label: t`Name A-Z`,\n        sorters: \"name_ASC\"\n    },\n    {\n        label: t`Name Z-A`,\n        sorters: \"name_DESC\"\n    }\n];\n\ninterface ContentModelGroupsDataListProps {\n    canCreate: boolean;\n}\nconst ContentModelGroupsDataList: React.FC<ContentModelGroupsDataListProps> = ({ canCreate }) => {\n    const [filter, setFilter] = useState<string>(\"\");\n    const [sort, setSort] = useState<string>(SORTERS[0].sorters);\n    const { history } = useRouter();\n    const { showSnackbar } = useSnackbar();\n    const client = useApolloClient();\n    const listQuery = useQuery(GQL.LIST_CONTENT_MODEL_GROUPS);\n\n    const { showConfirmation } = useConfirmationDialog({\n        dataTestId: \"cms.contentModelGroup.list-item.delete-dialog\"\n    });\n    const { canDelete } = usePermission();\n\n    const filterData = useCallback(\n        ({ name }) => {\n            return name.toLowerCase().includes(filter);\n        },\n        [filter]\n    );\n\n    const sortData = useCallback(\n        (list: CmsGroupWithModels[]): CmsGroupWithModels[] => {\n            if (!sort) {\n                return list;\n            }\n            const [sortField, sortOrderBy] = deserializeSorters(sort);\n            return orderBy(list, [sortField], [sortOrderBy]);\n        },\n        [sort]\n    );\n\n    const data: CmsGroupWithModels[] = listQuery.loading\n        ? []\n        : get(listQuery, \"data.listContentModelGroups.data\", []);\n    const groupId = new URLSearchParams(location.search).get(\"id\");\n\n    const deleteItem = useCallback(\n        group => {\n            showConfirmation(async () => {\n                const response = await client.mutate({\n                    mutation: GQL.DELETE_CONTENT_MODEL_GROUP,\n                    variables: { id: group.id },\n                    update(cache, { data }) {\n                        const { error } = data.deleteContentModelGroup;\n                        if (error) {\n                            showSnackbar(error.message);\n                            return;\n                        }\n\n                        // Delete the item from list cache\n                        const gqlParams = { query: GQL.LIST_CONTENT_MODEL_GROUPS };\n                        const result = cache.readQuery<ListCmsGroupsQueryResponse>(gqlParams);\n                        if (!result || !result.listContentModelGroups) {\n                            return;\n                        }\n                        const { listContentModelGroups } = result;\n                        const index = listContentModelGroups.data.findIndex(\n                            item => item.id === group.id\n                        );\n\n                        cache.writeQuery({\n                            ...gqlParams,\n                            data: {\n                                listContentModelGroups: dotProp.delete(\n                                    listContentModelGroups,\n                                    `data.${index}`\n                                )\n                            }\n                        });\n                    }\n                });\n\n                const { error } = response.data.deleteContentModelGroup;\n                if (error) {\n                    return showSnackbar(error.message);\n                }\n\n                showSnackbar(t`Content model group \"{name}\" deleted.`({ name: group.name }));\n\n                if (groupId === group.id) {\n                    history.push(`/cms/content-model-groups`);\n                }\n            });\n        },\n        [groupId]\n    );\n\n    const contentModelGroupsDataListModalOverlay = useMemo(\n        () => (\n            <DataListModalOverlay>\n                <Grid>\n                    <Cell span={12}>\n                        <Select\n                            value={sort}\n                            onChange={setSort}\n                            label={t`Sort by`}\n                            description={\"Sort groups by\"}\n                        >\n                            {SORTERS.map(({ label, sorters }) => {\n                                return (\n                                    <option key={label} value={sorters}>\n                                        {label}\n                                    </option>\n                                );\n                            })}\n                        </Select>\n                    </Cell>\n                </Grid>\n            </DataListModalOverlay>\n        ),\n        [sort]\n    );\n\n    const filteredData = filter === \"\" ? data : data.filter(filterData);\n    const contentModelGroups = sortData(filteredData);\n\n    return (\n        <DataList\n            loading={listQuery.loading}\n            data={contentModelGroups}\n            title={t`Content Model Groups`}\n            actions={\n                canCreate ? (\n                    <ButtonSecondary\n                        data-testid=\"new-record-button\"\n                        onClick={() => history.push(\"/cms/content-model-groups?new=true\")}\n                    >\n                        <ButtonIcon icon={<AddIcon />} /> {t`New Group`}\n                    </ButtonSecondary>\n                ) : null\n            }\n            search={\n                <SearchUI\n                    value={filter}\n                    onChange={setFilter}\n                    inputPlaceholder={t`Search content model group`}\n                />\n            }\n            modalOverlay={contentModelGroupsDataListModalOverlay}\n            modalOverlayAction={\n                <DataListModalOverlayAction\n                    icon={<FilterIcon />}\n                    data-testid={\"default-data-list.filter\"}\n                />\n            }\n        >\n            {({ data }: { data: CmsGroupWithModels[] }) => (\n                <List data-testid=\"default-data-list\">\n                    {data.map(item => (\n                        <ListItem key={item.id} selected={item.id === groupId}>\n                            <ListItemText\n                                onClick={() =>\n                                    history.push(`/cms/content-model-groups?id=${item.id}`)\n                                }\n                            >\n                                {item.name}\n                                <ListItemTextSecondary>\n                                    {item.contentModels.length\n                                        ? t`{contentModels|count:1:content model:default:content models}`(\n                                              {\n                                                  contentModels: item.contentModels.length\n                                              }\n                                          )\n                                        : t`No content models`}\n                                </ListItemTextSecondary>\n                            </ListItemText>\n                            {canDelete(item, \"cms.contentModelGroup\") && (\n                                <ListItemMeta>\n                                    <ListActions>\n                                        {item.plugin ? (\n                                            <Tooltip\n                                                content={\n                                                    \"Content model group is registered via a plugin.\"\n                                                }\n                                                placement={\"bottom\"}\n                                            >\n                                                <DeleteIcon\n                                                    disabled\n                                                    data-testid={\n                                                        \"cms.contentModelGroup.list-item.delete\"\n                                                    }\n                                                />\n                                            </Tooltip>\n                                        ) : (\n                                            <DeleteIcon\n                                                onClick={() => deleteItem(item)}\n                                                data-testid={\n                                                    \"cms.contentModelGroup.list-item.delete\"\n                                                }\n                                            />\n                                        )}\n                                    </ListActions>\n                                </ListItemMeta>\n                            )}\n                        </ListItem>\n                    ))}\n                </List>\n            )}\n        </DataList>\n    );\n};\n\nexport default ContentModelGroupsDataList;\n"],"mappings":"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"}
+{"version":3,"names":["t","i18n","ns","SORTERS","label","sorters","ContentModelGroupsDataList","canCreate","useState","filter","setFilter","sort","setSort","useRouter","history","useSnackbar","showSnackbar","client","useApolloClient","listQuery","useQuery","GQL","LIST_CONTENT_MODEL_GROUPS","useConfirmationDialog","dataTestId","showConfirmation","usePermission","canDelete","filterData","useCallback","name","toLowerCase","includes","sortData","list","deserializeSorters","sortField","sortOrderBy","orderBy","data","loading","get","groupId","URLSearchParams","location","search","deleteItem","group","mutate","mutation","DELETE_CONTENT_MODEL_GROUP","variables","id","update","cache","error","deleteContentModelGroup","message","gqlParams","query","result","readQuery","listContentModelGroups","index","findIndex","item","writeQuery","dotProp","delete","response","push","contentModelGroupsDataListModalOverlay","useMemo","map","filteredData","contentModelGroups","contentModels","length","plugin"],"sources":["ContentModelGroupsDataList.tsx"],"sourcesContent":["import React, { useCallback, useMemo, useState } from \"react\";\nimport get from \"lodash/get\";\nimport orderBy from \"lodash/orderBy\";\nimport dotProp from \"dot-prop-immutable\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { DeleteIcon } from \"@webiny/ui/List/DataList/icons\";\nimport {\n    DataList,\n    List,\n    ListItem,\n    ListItemText,\n    ListItemTextSecondary,\n    ListItemMeta,\n    ListActions,\n    DataListModalOverlay,\n    DataListModalOverlayAction\n} from \"@webiny/ui/List\";\nimport { useRouter } from \"@webiny/react-router\";\nimport { useSnackbar } from \"@webiny/app-admin/hooks/useSnackbar\";\nimport { useQuery, useApolloClient } from \"../../hooks\";\nimport { useConfirmationDialog } from \"@webiny/app-admin/hooks/useConfirmationDialog\";\nimport * as GQL from \"./graphql\";\nimport { ButtonIcon, ButtonSecondary } from \"@webiny/ui/Button\";\nimport { Cell, Grid } from \"@webiny/ui/Grid\";\nimport { Select } from \"@webiny/ui/Select\";\nimport SearchUI from \"@webiny/app-admin/components/SearchUI\";\nimport { ReactComponent as AddIcon } from \"@webiny/app-admin/assets/icons/add-18px.svg\";\nimport { ReactComponent as FilterIcon } from \"@webiny/app-admin/assets/icons/filter-24px.svg\";\nimport { deserializeSorters } from \"../utils\";\nimport usePermission from \"../../hooks/usePermission\";\nimport { Tooltip } from \"@webiny/ui/Tooltip\";\nimport { ListCmsGroupsQueryResponse, CmsGroupWithModels } from \"./graphql\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/content-model-groups/data-list\");\n\ninterface Sort {\n    label: string;\n    sorters: string;\n}\nconst SORTERS: Sort[] = [\n    {\n        label: t`Newest to oldest`,\n        sorters: \"createdOn_DESC\"\n    },\n    {\n        label: t`Oldest to newest`,\n        sorters: \"createdOn_ASC\"\n    },\n    {\n        label: t`Name A-Z`,\n        sorters: \"name_ASC\"\n    },\n    {\n        label: t`Name Z-A`,\n        sorters: \"name_DESC\"\n    }\n];\n\ninterface ContentModelGroupsDataListProps {\n    canCreate: boolean;\n}\nconst ContentModelGroupsDataList: React.FC<ContentModelGroupsDataListProps> = ({ canCreate }) => {\n    const [filter, setFilter] = useState<string>(\"\");\n    const [sort, setSort] = useState<string>(SORTERS[0].sorters);\n    const { history } = useRouter();\n    const { showSnackbar } = useSnackbar();\n    const client = useApolloClient();\n    const listQuery = useQuery(GQL.LIST_CONTENT_MODEL_GROUPS);\n\n    const { showConfirmation } = useConfirmationDialog({\n        dataTestId: \"cms.contentModelGroup.list-item.delete-dialog\"\n    });\n    const { canDelete } = usePermission();\n\n    const filterData = useCallback(\n        ({ name }) => {\n            return name.toLowerCase().includes(filter);\n        },\n        [filter]\n    );\n\n    const sortData = useCallback(\n        (list: CmsGroupWithModels[]): CmsGroupWithModels[] => {\n            if (!sort) {\n                return list;\n            }\n            const [sortField, sortOrderBy] = deserializeSorters(sort);\n            return orderBy(list, [sortField], [sortOrderBy]);\n        },\n        [sort]\n    );\n\n    const data: CmsGroupWithModels[] = listQuery.loading\n        ? []\n        : get(listQuery, \"data.listContentModelGroups.data\", []);\n    const groupId = new URLSearchParams(location.search).get(\"id\");\n\n    const deleteItem = useCallback(\n        group => {\n            showConfirmation(async () => {\n                const response = await client.mutate({\n                    mutation: GQL.DELETE_CONTENT_MODEL_GROUP,\n                    variables: { id: group.id },\n                    update(cache, { data }) {\n                        const { error } = data.deleteContentModelGroup;\n                        if (error) {\n                            showSnackbar(error.message);\n                            return;\n                        }\n\n                        // Delete the item from list cache\n                        const gqlParams = { query: GQL.LIST_CONTENT_MODEL_GROUPS };\n                        const result = cache.readQuery<ListCmsGroupsQueryResponse>(gqlParams);\n                        if (!result || !result.listContentModelGroups) {\n                            return;\n                        }\n                        const { listContentModelGroups } = result;\n                        const index = listContentModelGroups.data.findIndex(\n                            item => item.id === group.id\n                        );\n\n                        cache.writeQuery({\n                            ...gqlParams,\n                            data: {\n                                listContentModelGroups: dotProp.delete(\n                                    listContentModelGroups,\n                                    `data.${index}`\n                                )\n                            }\n                        });\n                    }\n                });\n\n                const { error } = response.data.deleteContentModelGroup;\n                if (error) {\n                    return showSnackbar(error.message);\n                }\n\n                showSnackbar(t`Content model group \"{name}\" deleted.`({ name: group.name }));\n\n                if (groupId === group.id) {\n                    history.push(`/cms/content-model-groups`);\n                }\n            });\n        },\n        [groupId]\n    );\n\n    const contentModelGroupsDataListModalOverlay = useMemo(\n        () => (\n            <DataListModalOverlay>\n                <Grid>\n                    <Cell span={12}>\n                        <Select\n                            value={sort}\n                            onChange={setSort}\n                            label={t`Sort by`}\n                            description={\"Sort groups by\"}\n                        >\n                            {SORTERS.map(({ label, sorters }) => {\n                                return (\n                                    <option key={label} value={sorters}>\n                                        {label}\n                                    </option>\n                                );\n                            })}\n                        </Select>\n                    </Cell>\n                </Grid>\n            </DataListModalOverlay>\n        ),\n        [sort]\n    );\n\n    const filteredData = filter === \"\" ? data : data.filter(filterData);\n    const contentModelGroups = sortData(filteredData);\n\n    return (\n        <DataList\n            loading={listQuery.loading}\n            data={contentModelGroups}\n            title={t`Content Model Groups`}\n            actions={\n                canCreate ? (\n                    <ButtonSecondary\n                        data-testid=\"new-record-button\"\n                        onClick={() => history.push(\"/cms/content-model-groups?new=true\")}\n                    >\n                        <ButtonIcon icon={<AddIcon />} /> {t`New Group`}\n                    </ButtonSecondary>\n                ) : null\n            }\n            search={\n                <SearchUI\n                    value={filter}\n                    onChange={setFilter}\n                    inputPlaceholder={t`Search content model group`}\n                />\n            }\n            modalOverlay={contentModelGroupsDataListModalOverlay}\n            modalOverlayAction={\n                <DataListModalOverlayAction\n                    icon={<FilterIcon />}\n                    data-testid={\"default-data-list.filter\"}\n                />\n            }\n        >\n            {({ data }: { data: CmsGroupWithModels[] }) => (\n                <List data-testid=\"default-data-list\">\n                    {data.map(item => (\n                        <ListItem key={item.id} selected={item.id === groupId}>\n                            <ListItemText\n                                onClick={() =>\n                                    history.push(`/cms/content-model-groups?id=${item.id}`)\n                                }\n                            >\n                                {item.name}\n                                <ListItemTextSecondary>\n                                    {item.contentModels.length\n                                        ? t`{contentModels|count:1:content model:default:content models}`(\n                                              {\n                                                  contentModels: item.contentModels.length\n                                              }\n                                          )\n                                        : t`No content models`}\n                                </ListItemTextSecondary>\n                            </ListItemText>\n                            {canDelete(item, \"cms.contentModelGroup\") && (\n                                <ListItemMeta>\n                                    <ListActions>\n                                        {item.plugin ? (\n                                            <Tooltip\n                                                content={\n                                                    \"Content model group is registered via a plugin.\"\n                                                }\n                                                placement={\"bottom\"}\n                                            >\n                                                <DeleteIcon\n                                                    disabled\n                                                    data-testid={\n                                                        \"cms.contentModelGroup.list-item.delete\"\n                                                    }\n                                                />\n                                            </Tooltip>\n                                        ) : (\n                                            <DeleteIcon\n                                                onClick={() => deleteItem(item)}\n                                                data-testid={\n                                                    \"cms.contentModelGroup.list-item.delete\"\n                                                }\n                                            />\n                                        )}\n                                    </ListActions>\n                                </ListItemMeta>\n                            )}\n                        </ListItem>\n                    ))}\n                </List>\n            )}\n        </DataList>\n    );\n};\n\nexport default ContentModelGroupsDataList;\n"],"mappings":"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"}