@webiny/app-headless-cms 5.27.0 → 5.28.0-beta.0

package/admin/views/contentModelGroups/ContentModelGroupsDataList.js

@@ -1,99 +1,136 @@
-import _objectSpread from "@babel/runtime/helpers/objectSpread2";
-import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
+"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;
 
-import _regeneratorRuntime from "@babel/runtime/regenerator";
-import React, { useCallback, useMemo, useState } from "react";
-import get from "lodash/get";
-import orderBy from "lodash/orderBy";
-import dotProp from "dot-prop-immutable";
-import { i18n } from "@webiny/app/i18n";
-import { DeleteIcon } from "@webiny/ui/List/DataList/icons";
-import { DataList, List, ListItem, ListItemText, ListItemTextSecondary, ListItemMeta, ListActions, DataListModalOverlay, DataListModalOverlayAction } from "@webiny/ui/List";
-import { useRouter } from "@webiny/react-router";
-import { useSnackbar } from "@webiny/app-admin/hooks/useSnackbar";
-import { useQuery, useApolloClient } from "../../hooks";
-import { useConfirmationDialog } from "@webiny/app-admin/hooks/useConfirmationDialog";
-import * as GQL from "./graphql";
-import { ButtonIcon, ButtonSecondary } from "@webiny/ui/Button";
-import { Cell, Grid } from "@webiny/ui/Grid";
-import { Select } from "@webiny/ui/Select";
-import SearchUI from "@webiny/app-admin/components/SearchUI";
-import { ReactComponent as AddIcon } from "@webiny/app-admin/assets/icons/add-18px.svg";
-import { ReactComponent as FilterIcon } from "@webiny/app-admin/assets/icons/filter-24px.svg";
-import { deserializeSorters } from "../utils";
-import usePermission from "../../hooks/usePermission";
-import { Tooltip } from "@webiny/ui/Tooltip";
-var t = i18n.ns("app-headless-cms/admin/content-model-groups/data-list");
+var t = _i18n.i18n.ns("app-headless-cms/admin/content-model-groups/data-list");
+
 var SORTERS = [{
-  label: t(_templateObject || (_templateObject = _taggedTemplateLiteral(["Newest to oldest"]))),
+  label: t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Newest to oldest"]))),
   sorters: "createdOn_DESC"
 }, {
-  label: t(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["Oldest to newest"]))),
+  label: t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["Oldest to newest"]))),
   sorters: "createdOn_ASC"
 }, {
-  label: t(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["Name A-Z"]))),
+  label: t(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["Name A-Z"]))),
   sorters: "name_ASC"
 }, {
-  label: t(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["Name Z-A"]))),
+  label: t(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["Name Z-A"]))),
   sorters: "name_DESC"
 }];
 
 var ContentModelGroupsDataList = function ContentModelGroupsDataList(_ref) {
   var canCreate = _ref.canCreate;
 
-  var _useState = useState(""),
-      _useState2 = _slicedToArray(_useState, 2),
+  var _useState = (0, _react.useState)(""),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
       filter = _useState2[0],
       setFilter = _useState2[1];
 
-  var _useState3 = useState(SORTERS[0].sorters),
-      _useState4 = _slicedToArray(_useState3, 2),
+  var _useState3 = (0, _react.useState)(SORTERS[0].sorters),
+      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
       sort = _useState4[0],
       setSort = _useState4[1];
 
-  var _useRouter = useRouter(),
+  var _useRouter = (0, _reactRouter.useRouter)(),
       history = _useRouter.history;
 
-  var _useSnackbar = useSnackbar(),
+  var _useSnackbar = (0, _useSnackbar2.useSnackbar)(),
       showSnackbar = _useSnackbar.showSnackbar;
 
-  var client = useApolloClient();
-  var listQuery = useQuery(GQL.LIST_CONTENT_MODEL_GROUPS);
+  var client = (0, _hooks.useApolloClient)();
+  var listQuery = (0, _hooks.useQuery)(GQL.LIST_CONTENT_MODEL_GROUPS);
 
-  var _useConfirmationDialo = useConfirmationDialog({
+  var _useConfirmationDialo = (0, _useConfirmationDialog.useConfirmationDialog)({
     dataTestId: "cms.contentModelGroup.list-item.delete-dialog"
   }),
       showConfirmation = _useConfirmationDialo.showConfirmation;
 
-  var _usePermission = usePermission(),
+  var _usePermission = (0, _usePermission2.default)(),
       canDelete = _usePermission.canDelete;
 
-  var filterData = useCallback(function (_ref2) {
+  var filterData = (0, _react.useCallback)(function (_ref2) {
     var name = _ref2.name;
     return name.toLowerCase().includes(filter);
   }, [filter]);
-  var sortData = useCallback(function (list) {
+  var sortData = (0, _react.useCallback)(function (list) {
     if (!sort) {
       return list;
     }
 
-    var _deserializeSorters = deserializeSorters(sort),
-        _deserializeSorters2 = _slicedToArray(_deserializeSorters, 2),
+    var _deserializeSorters = (0, _utils.deserializeSorters)(sort),
+        _deserializeSorters2 = (0, _slicedToArray2.default)(_deserializeSorters, 2),
         sortField = _deserializeSorters2[0],
         sortOrderBy = _deserializeSorters2[1];
 
-    return orderBy(list, [sortField], [sortOrderBy]);
+    return (0, _orderBy.default)(list, [sortField], [sortOrderBy]);
   }, [sort]);
-  var data = listQuery.loading ? [] : get(listQuery, "data.listContentModelGroups.data", []);
+  var data = listQuery.loading ? [] : (0, _get.default)(listQuery, "data.listContentModelGroups.data", []);
   var groupId = new URLSearchParams(location.search).get("id");
-  var deleteItem = useCallback(function (group) {
-    showConfirmation( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+  var deleteItem = (0, _react.useCallback)(function (group) {
+    showConfirmation( /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee() {
       var response, error;
-      return _regeneratorRuntime.wrap(function _callee$(_context) {
+      return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
         while (1) {
           switch (_context.prev = _context.next) {
             case 0:
@@ -113,7 +150,6 @@ var ContentModelGroupsDataList = function ContentModelGroupsDataList(_ref) {
                   } // Delete the item from list cache
 
 
-                  // Delete the item from list cache
                   var gqlParams = {
                     query: GQL.LIST_CONTENT_MODEL_GROUPS
                   };
@@ -127,9 +163,9 @@ var ContentModelGroupsDataList = function ContentModelGroupsDataList(_ref) {
                   var index = listContentModelGroups.data.findIndex(function (item) {
                     return item.id === group.id;
                   });
-                  cache.writeQuery(_objectSpread(_objectSpread({}, gqlParams), {}, {
+                  cache.writeQuery((0, _objectSpread2.default)((0, _objectSpread2.default)({}, gqlParams), {}, {
                     data: {
-                      listContentModelGroups: dotProp.delete(listContentModelGroups, "data.".concat(index))
+                      listContentModelGroups: _dotPropImmutable.default.delete(listContentModelGroups, "data.".concat(index))
                     }
                   }));
                 }
@@ -147,7 +183,7 @@ var ContentModelGroupsDataList = function ContentModelGroupsDataList(_ref) {
               return _context.abrupt("return", showSnackbar(error.message));
 
             case 6:
-              showSnackbar(t(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["Content model group \"{name}\" deleted."])))({
+              showSnackbar(t(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["Content model group \"{name}\" deleted."])))({
                 name: group.name
               }));
 
@@ -163,18 +199,18 @@ var ContentModelGroupsDataList = function ContentModelGroupsDataList(_ref) {
       }, _callee);
     })));
   }, [groupId]);
-  var contentModelGroupsDataListModalOverlay = useMemo(function () {
-    return /*#__PURE__*/React.createElement(DataListModalOverlay, null, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Cell, {
+  var contentModelGroupsDataListModalOverlay = (0, _react.useMemo)(function () {
+    return /*#__PURE__*/_react.default.createElement(_List.DataListModalOverlay, null, /*#__PURE__*/_react.default.createElement(_Grid.Grid, null, /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
       span: 12
-    }, /*#__PURE__*/React.createElement(Select, {
+    }, /*#__PURE__*/_react.default.createElement(_Select.Select, {
       value: sort,
       onChange: setSort,
-      label: t(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["Sort by"]))),
+      label: t(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["Sort by"]))),
       description: "Sort groups by"
     }, SORTERS.map(function (_ref5) {
       var label = _ref5.label,
           sorters = _ref5.sorters;
-      return /*#__PURE__*/React.createElement("option", {
+      return /*#__PURE__*/_react.default.createElement("option", {
         key: label,
         value: sorters
       }, label);
@@ -182,49 +218,49 @@ var ContentModelGroupsDataList = function ContentModelGroupsDataList(_ref) {
   }, [sort]);
   var filteredData = filter === "" ? data : data.filter(filterData);
   var contentModelGroups = sortData(filteredData);
-  return /*#__PURE__*/React.createElement(DataList, {
+  return /*#__PURE__*/_react.default.createElement(_List.DataList, {
     loading: listQuery.loading,
     data: contentModelGroups,
-    title: t(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["Content Model Groups"]))),
-    actions: canCreate ? /*#__PURE__*/React.createElement(ButtonSecondary, {
+    title: t(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["Content Model Groups"]))),
+    actions: canCreate ? /*#__PURE__*/_react.default.createElement(_Button.ButtonSecondary, {
       "data-testid": "new-record-button",
       onClick: function onClick() {
         return history.push("/cms/content-model-groups?new=true");
       }
-    }, /*#__PURE__*/React.createElement(ButtonIcon, {
-      icon: /*#__PURE__*/React.createElement(AddIcon, null)
-    }), " ", t(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["New Group"])))) : null,
-    search: /*#__PURE__*/React.createElement(SearchUI, {
+    }, /*#__PURE__*/_react.default.createElement(_Button.ButtonIcon, {
+      icon: /*#__PURE__*/_react.default.createElement(_add18px.ReactComponent, null)
+    }), " ", t(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["New Group"])))) : null,
+    search: /*#__PURE__*/_react.default.createElement(_SearchUI.default, {
       value: filter,
       onChange: setFilter,
-      inputPlaceholder: t(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["Search content model group"])))
+      inputPlaceholder: t(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2.default)(["Search content model group"])))
     }),
     modalOverlay: contentModelGroupsDataListModalOverlay,
-    modalOverlayAction: /*#__PURE__*/React.createElement(DataListModalOverlayAction, {
-      icon: /*#__PURE__*/React.createElement(FilterIcon, null),
+    modalOverlayAction: /*#__PURE__*/_react.default.createElement(_List.DataListModalOverlayAction, {
+      icon: /*#__PURE__*/_react.default.createElement(_filter24px.ReactComponent, null),
       "data-testid": "default-data-list.filter"
     })
   }, function (_ref6) {
     var data = _ref6.data;
-    return /*#__PURE__*/React.createElement(List, {
+    return /*#__PURE__*/_react.default.createElement(_List.List, {
       "data-testid": "default-data-list"
     }, data.map(function (item) {
-      return /*#__PURE__*/React.createElement(ListItem, {
+      return /*#__PURE__*/_react.default.createElement(_List.ListItem, {
         key: item.id,
         selected: item.id === groupId
-      }, /*#__PURE__*/React.createElement(ListItemText, {
+      }, /*#__PURE__*/_react.default.createElement(_List.ListItemText, {
         onClick: function onClick() {
           return history.push("/cms/content-model-groups?id=".concat(item.id));
         }
-      }, item.name, /*#__PURE__*/React.createElement(ListItemTextSecondary, null, item.contentModels.length ? t(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["{contentModels|count:1:content model:default:content models}"])))({
+      }, item.name, /*#__PURE__*/_react.default.createElement(_List.ListItemTextSecondary, null, item.contentModels.length ? t(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2.default)(["{contentModels|count:1:content model:default:content models}"])))({
         contentModels: item.contentModels.length
-      }) : t(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["No content models"]))))), canDelete(item, "cms.contentModelGroup") && /*#__PURE__*/React.createElement(ListItemMeta, null, /*#__PURE__*/React.createElement(ListActions, null, item.plugin ? /*#__PURE__*/React.createElement(Tooltip, {
+      }) : t(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteral2.default)(["No content models"]))))), canDelete(item, "cms.contentModelGroup") && /*#__PURE__*/_react.default.createElement(_List.ListItemMeta, null, /*#__PURE__*/_react.default.createElement(_List.ListActions, null, item.plugin ? /*#__PURE__*/_react.default.createElement(_Tooltip.Tooltip, {
         content: "Content model group is registered via a plugin.",
         placement: "bottom"
-      }, /*#__PURE__*/React.createElement(DeleteIcon, {
+      }, /*#__PURE__*/_react.default.createElement(_icons.DeleteIcon, {
         disabled: true,
         "data-testid": "cms.contentModelGroup.list-item.delete"
-      })) : /*#__PURE__*/React.createElement(DeleteIcon, {
+      })) : /*#__PURE__*/_react.default.createElement(_icons.DeleteIcon, {
         onClick: function onClick() {
           return deleteItem(item);
         },
@@ -234,4 +270,5 @@ var ContentModelGroupsDataList = function ContentModelGroupsDataList(_ref) {
   });
 };
 
-export default ContentModelGroupsDataList;
+var _default = ContentModelGroupsDataList;
+exports.default = _default;

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

@@ -1 +1 @@
-{"version":3,"sources":["ContentModelGroupsDataList.tsx"],"names":["React","useCallback","useMemo","useState","get","orderBy","dotProp","i18n","DeleteIcon","DataList","List","ListItem","ListItemText","ListItemTextSecondary","ListItemMeta","ListActions","DataListModalOverlay","DataListModalOverlayAction","useRouter","useSnackbar","useQuery","useApolloClient","useConfirmationDialog","GQL","ButtonIcon","ButtonSecondary","Cell","Grid","Select","SearchUI","ReactComponent","AddIcon","FilterIcon","deserializeSorters","usePermission","Tooltip","t","ns","SORTERS","label","sorters","ContentModelGroupsDataList","canCreate","filter","setFilter","sort","setSort","history","showSnackbar","client","listQuery","LIST_CONTENT_MODEL_GROUPS","dataTestId","showConfirmation","canDelete","filterData","name","toLowerCase","includes","sortData","list","sortField","sortOrderBy","data","loading","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","delete","response","push","contentModelGroupsDataListModalOverlay","map","filteredData","contentModelGroups","contentModels","length","plugin"],"mappings":"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","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"]}
+{"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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"}