@webiny/app-headless-cms 5.43.2 → 6.0.0-alpha.0

package/admin/views/contentModelGroups/ContentModelGroupsDataList.js

@@ -1,208 +1,181 @@
-"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 _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-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"]))),
+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 { ReactComponent as AddIcon } from "@webiny/icons/add.svg";
+import { DeleteIcon } from "@webiny/ui/List/DataList/icons";
+import { DataList, DataListModalOverlay, DataListModalOverlayAction, List, ListActions, ListItem, ListItemMeta, ListItemText, ListItemTextPrimary, ListItemTextSecondary } from "@webiny/ui/List";
+import { useRouter } from "@webiny/react-router";
+import { useSnackbar } from "@webiny/app-admin/hooks/useSnackbar";
+import { useApolloClient, useQuery } from "../../hooks";
+import { useConfirmationDialog } from "@webiny/app-admin/hooks/useConfirmationDialog";
+import * as GQL from "./graphql";
+import SearchUI from "@webiny/app-admin/components/SearchUI";
+import { deserializeSorters } from "../utils";
+import usePermission from "../../hooks/usePermission";
+import { Button, Select, Tooltip } from "@webiny/admin-ui";
+const t = i18n.ns("app-headless-cms/admin/content-model-groups/data-list");
+const SORTERS = [{
+  label: t`Newest to oldest`,
   sorters: "createdOn_DESC"
 }, {
-  label: t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["Oldest to newest"]))),
+  label: t`Oldest to newest`,
   sorters: "createdOn_ASC"
 }, {
-  label: t(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["Name A-Z"]))),
+  label: t`Name A-Z`,
   sorters: "name_ASC"
 }, {
-  label: t(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["Name Z-A"]))),
+  label: t`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];
-  var _useState3 = (0, _react.useState)(SORTERS[0].sorters),
-    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-    sort = _useState4[0],
-    setSort = _useState4[1];
-  var _useRouter = (0, _reactRouter.useRouter)(),
-    history = _useRouter.history;
-  var _useSnackbar = (0, _useSnackbar2.useSnackbar)(),
-    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;
-  var _usePermission = (0, _usePermission2.default)(),
-    canDelete = _usePermission.canDelete;
-  var filterData = (0, _react.useCallback)(function (_ref2) {
-    var name = _ref2.name;
+const ContentModelGroupsDataList = ({
+  canCreate
+}) => {
+  const [filter, setFilter] = useState("");
+  const [sort, setSort] = useState(SORTERS[0].sorters);
+  const {
+    history
+  } = useRouter();
+  const {
+    showSnackbar
+  } = useSnackbar();
+  const client = useApolloClient();
+  const listQuery = useQuery(GQL.LIST_CONTENT_MODEL_GROUPS);
+  const {
+    showConfirmation
+  } = useConfirmationDialog({
+    dataTestId: "cms.contentModelGroup.list-item.delete-dialog"
+  });
+  const {
+    canDelete
+  } = usePermission();
+  const filterData = useCallback(({
+    name
+  }) => {
     return name.toLowerCase().includes(filter);
   }, [filter]);
-  var sortData = (0, _react.useCallback)(function (list) {
+  const sortData = useCallback(list => {
     if (!sort) {
       return list;
     }
-    var _deserializeSorters = (0, _utils.deserializeSorters)(sort),
-      _deserializeSorters2 = (0, _slicedToArray2.default)(_deserializeSorters, 2),
-      sortField = _deserializeSorters2[0],
-      sortOrderBy = _deserializeSorters2[1];
-    return (0, _orderBy.default)(list, [sortField], [sortOrderBy]);
+    const [sortField, sortOrderBy] = deserializeSorters(sort);
+    return orderBy(list, [sortField], [sortOrderBy]);
   }, [sort]);
-  var data = listQuery.loading ? [] : (0, _get.default)(listQuery, "data.listContentModelGroups.data", []);
-  var groupId = new URLSearchParams(location.search).get("id");
-  var deleteItem = (0, _react.useCallback)(function (group) {
-    showConfirmation(async function () {
-      var response = await client.mutate({
+  const data = listQuery.loading ? [] : get(listQuery, "data.listContentModelGroups.data", []);
+  const groupId = new URLSearchParams(location.search).get("id");
+  const deleteItem = useCallback(group => {
+    showConfirmation(async () => {
+      const response = await client.mutate({
         mutation: GQL.DELETE_CONTENT_MODEL_GROUP,
         variables: {
           id: group.id
         },
-        update: function update(cache, _ref3) {
-          var data = _ref3.data;
-          var error = data.deleteContentModelGroup.error;
+        update(cache, {
+          data
+        }) {
+          const {
+            error
+          } = data.deleteContentModelGroup;
           if (error) {
             showSnackbar(error.message);
             return;
           }
 
           // Delete the item from list cache
-          var gqlParams = {
+          const gqlParams = {
             query: GQL.LIST_CONTENT_MODEL_GROUPS
           };
-          var result = cache.readQuery(gqlParams);
+          const 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), {}, {
+          const {
+            listContentModelGroups
+          } = result;
+          const index = listContentModelGroups.data.findIndex(item => item.id === group.id);
+          cache.writeQuery({
+            ...gqlParams,
             data: {
-              listContentModelGroups: _dotPropImmutable.default.delete(listContentModelGroups, "data.".concat(index))
+              listContentModelGroups: dotProp.delete(listContentModelGroups, `data.${index}`)
             }
-          }));
+          });
         }
       });
-      var error = response.data.deleteContentModelGroup.error;
+      const {
+        error
+      } = response.data.deleteContentModelGroup;
       if (error) {
         return showSnackbar(error.message);
       }
-      showSnackbar(t(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["Content model group \"{name}\" deleted."])))({
+      showSnackbar(t`Content model group "{name}" deleted.`({
         name: group.name
       }));
       if (groupId === group.id) {
-        history.push("/cms/content-model-groups");
+        history.push(`/cms/content-model-groups`);
       }
     });
   }, [groupId]);
-  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.default.createElement(_Select.Select, {
-      value: sort,
-      onChange: setSort,
-      label: t(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["Sort by"]))),
-      description: "Sort groups by"
-    }, SORTERS.map(function (_ref4) {
-      var label = _ref4.label,
-        sorters = _ref4.sorters;
-      return /*#__PURE__*/_react.default.createElement("option", {
-        key: label,
-        value: sorters
-      }, label);
-    })))));
-  }, [sort]);
-  var filteredData = filter === "" ? data : data.filter(filterData);
-  var contentModelGroups = sortData(filteredData);
-  var onRefreshClick = (0, _react.useCallback)(function () {
+  const contentModelGroupsDataListModalOverlay = useMemo(() => /*#__PURE__*/React.createElement(DataListModalOverlay, null, /*#__PURE__*/React.createElement(Select, {
+    value: sort,
+    onChange: setSort,
+    label: t`Sort by`,
+    description: "Sort groups by",
+    options: SORTERS.map(sorter => ({
+      label: sorter.label,
+      value: sorter.sorters
+    }))
+  })), [sort]);
+  const filteredData = filter === "" ? data : data.filter(filterData);
+  const contentModelGroups = sortData(filteredData);
+  const onRefreshClick = useCallback(() => {
     listQuery.refetch();
   }, []);
-  return /*#__PURE__*/_react.default.createElement(_List.DataList, {
+  return /*#__PURE__*/React.createElement(DataList, {
     loading: listQuery.loading,
     data: contentModelGroups,
-    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.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, {
+    title: t`Content model groups`,
+    actions: canCreate ? /*#__PURE__*/React.createElement(Button, {
+      "data-testid": "new-group-button",
+      onClick: () => history.push("/cms/content-model-groups?new=true"),
+      text: t`New`,
+      icon: /*#__PURE__*/React.createElement(AddIcon, null),
+      size: "sm",
+      className: "wby-ml-xs"
+    }) : null,
+    search: /*#__PURE__*/React.createElement(SearchUI, {
       value: filter,
       onChange: setFilter,
-      inputPlaceholder: t(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2.default)(["Search content model group"])))
+      inputPlaceholder: t`Search content model group...`
     }),
     modalOverlay: contentModelGroupsDataListModalOverlay,
-    modalOverlayAction: /*#__PURE__*/_react.default.createElement(_List.DataListModalOverlayAction, {
-      icon: /*#__PURE__*/_react.default.createElement(_filter24px.ReactComponent, null),
+    modalOverlayAction: /*#__PURE__*/React.createElement(DataListModalOverlayAction, {
       "data-testid": "default-data-list.filter"
     }),
     refresh: onRefreshClick
-  }, function (_ref5) {
-    var data = _ref5.data;
-    return /*#__PURE__*/_react.default.createElement(_List.List, {
-      "data-testid": "default-data-list"
-    }, data.map(function (item) {
-      return /*#__PURE__*/_react.default.createElement(_List.ListItem, {
-        key: item.id,
-        selected: item.id === groupId
-      }, /*#__PURE__*/_react.default.createElement(_List.ListItemText, {
-        onClick: function onClick() {
-          return history.push("/cms/content-model-groups?id=".concat(item.id));
-        }
-      }, 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 = (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.default.createElement(_icons.DeleteIcon, {
-        disabled: true,
-        "data-testid": "cms.contentModelGroup.list-item.delete"
-      })) : /*#__PURE__*/_react.default.createElement(_icons.DeleteIcon, {
-        onClick: function onClick() {
-          return deleteItem(item);
-        },
-        "data-testid": "cms.contentModelGroup.list-item.delete"
-      }))));
-    }));
-  });
+  }, ({
+    data
+  }) => /*#__PURE__*/React.createElement(List, {
+    "data-testid": "default-data-list"
+  }, data.map(item => /*#__PURE__*/React.createElement(ListItem, {
+    key: item.id,
+    selected: item.id === groupId
+  }, /*#__PURE__*/React.createElement(ListItemText, {
+    onClick: () => history.push(`/cms/content-model-groups?id=${item.id}`)
+  }, /*#__PURE__*/React.createElement(ListItemTextPrimary, null, item.name), /*#__PURE__*/React.createElement(ListItemTextSecondary, null, item.contentModels.length ? t`{contentModels|count:1:content model:default:content models}`({
+    contentModels: item.contentModels.length
+  }) : t`No content models`)), canDelete(item, "cms.contentModelGroup") && /*#__PURE__*/React.createElement(ListItemMeta, null, /*#__PURE__*/React.createElement(ListActions, null, item.plugin ? /*#__PURE__*/React.createElement(Tooltip, {
+    content: "Content model group is registered via a plugin.",
+    side: "bottom",
+    trigger: /*#__PURE__*/React.createElement(DeleteIcon, {
+      disabled: true,
+      "data-testid": "cms.contentModelGroup.list-item.delete"
+    })
+  }) : /*#__PURE__*/React.createElement(DeleteIcon, {
+    onClick: () => deleteItem(item),
+    "data-testid": "cms.contentModelGroup.list-item.delete"
+  })))))));
 };
-var _default = exports.default = ContentModelGroupsDataList;
+export default ContentModelGroupsDataList;
 
 //# sourceMappingURL=ContentModelGroupsDataList.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_get","_interopRequireDefault","_orderBy","_dotPropImmutable","_i18n","_icons","_List","_reactRouter","_useSnackbar2","_hooks","_useConfirmationDialog","GQL","_Button","_Grid","_Select","_SearchUI","_add18px","_filter24px","_utils","_usePermission2","_Tooltip","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","_templateObject9","_templateObject10","_templateObject11","t","i18n","ns","SORTERS","label","_taggedTemplateLiteral2","default","sorters","ContentModelGroupsDataList","_ref","canCreate","_useState","useState","_useState2","_slicedToArray2","filter","setFilter","_useState3","_useState4","sort","setSort","_useRouter","useRouter","history","_useSnackbar","useSnackbar","showSnackbar","client","useApolloClient","listQuery","useQuery","LIST_CONTENT_MODEL_GROUPS","_useConfirmationDialo","useConfirmationDialog","dataTestId","showConfirmation","_usePermission","usePermission","canDelete","filterData","useCallback","_ref2","name","toLowerCase","includes","sortData","list","_deserializeSorters","deserializeSorters","_deserializeSorters2","sortField","sortOrderBy","orderBy","data","loading","get","groupId","URLSearchParams","location","search","deleteItem","group","response","mutate","mutation","DELETE_CONTENT_MODEL_GROUP","variables","id","update","cache","_ref3","error","deleteContentModelGroup","message","gqlParams","query","result","readQuery","listContentModelGroups","index","findIndex","item","writeQuery","_objectSpread2","dotProp","delete","concat","push","contentModelGroupsDataListModalOverlay","useMemo","createElement","DataListModalOverlay","Grid","Cell","span","Select","value","onChange","description","map","_ref4","key","filteredData","contentModelGroups","onRefreshClick","refetch","DataList","title","actions","ButtonSecondary","onClick","ButtonIcon","icon","ReactComponent","inputPlaceholder","modalOverlay","modalOverlayAction","DataListModalOverlayAction","refresh","_ref5","List","ListItem","selected","ListItemText","ListItemTextSecondary","contentModels","length","ListItemMeta","ListActions","plugin","Tooltip","content","placement","DeleteIcon","disabled","_default","exports"],"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    DataListModalOverlay,\n    DataListModalOverlayAction,\n    List,\n    ListActions,\n    ListItem,\n    ListItemMeta,\n    ListItemText,\n    ListItemTextSecondary\n} from \"@webiny/ui/List\";\nimport { useRouter } from \"@webiny/react-router\";\nimport { useSnackbar } from \"@webiny/app-admin/hooks/useSnackbar\";\nimport { useApolloClient, useQuery } from \"../../hooks\";\nimport { useConfirmationDialog } from \"@webiny/app-admin/hooks/useConfirmationDialog\";\nimport * as GQL from \"./graphql\";\nimport { CmsGroupWithModels, ListCmsGroupsQueryResponse } 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 { CmsGroup } from \"~/types\";\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 = ({ canCreate }: ContentModelGroupsDataListProps) => {\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 }: Pick<CmsGroup, \"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: Pick<CmsGroup, \"id\" | \"name\">) => {\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    const onRefreshClick = useCallback(() => {\n        listQuery.refetch();\n    }, []);\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            refresh={onRefreshClick}\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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","ignoreList":[]}
+{"version":3,"names":["React","useCallback","useMemo","useState","get","orderBy","dotProp","i18n","ReactComponent","AddIcon","DeleteIcon","DataList","DataListModalOverlay","DataListModalOverlayAction","List","ListActions","ListItem","ListItemMeta","ListItemText","ListItemTextPrimary","ListItemTextSecondary","useRouter","useSnackbar","useApolloClient","useQuery","useConfirmationDialog","GQL","SearchUI","deserializeSorters","usePermission","Button","Select","Tooltip","t","ns","SORTERS","label","sorters","ContentModelGroupsDataList","canCreate","filter","setFilter","sort","setSort","history","showSnackbar","client","listQuery","LIST_CONTENT_MODEL_GROUPS","showConfirmation","dataTestId","canDelete","filterData","name","toLowerCase","includes","sortData","list","sortField","sortOrderBy","data","loading","groupId","URLSearchParams","location","search","deleteItem","group","response","mutate","mutation","DELETE_CONTENT_MODEL_GROUP","variables","id","update","cache","error","deleteContentModelGroup","message","gqlParams","query","result","readQuery","listContentModelGroups","index","findIndex","item","writeQuery","delete","push","contentModelGroupsDataListModalOverlay","createElement","value","onChange","description","options","map","sorter","filteredData","contentModelGroups","onRefreshClick","refetch","title","actions","onClick","text","icon","size","className","inputPlaceholder","modalOverlay","modalOverlayAction","refresh","key","selected","contentModels","length","plugin","content","side","trigger","disabled"],"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 { ReactComponent as AddIcon } from \"@webiny/icons/add.svg\";\nimport { DeleteIcon } from \"@webiny/ui/List/DataList/icons\";\nimport {\n    DataList,\n    DataListModalOverlay,\n    DataListModalOverlayAction,\n    List,\n    ListActions,\n    ListItem,\n    ListItemMeta,\n    ListItemText,\n    ListItemTextPrimary,\n    ListItemTextSecondary\n} from \"@webiny/ui/List\";\nimport { useRouter } from \"@webiny/react-router\";\nimport { useSnackbar } from \"@webiny/app-admin/hooks/useSnackbar\";\nimport { useApolloClient, useQuery } from \"../../hooks\";\nimport { useConfirmationDialog } from \"@webiny/app-admin/hooks/useConfirmationDialog\";\nimport * as GQL from \"./graphql\";\nimport { CmsGroupWithModels, ListCmsGroupsQueryResponse } from \"./graphql\";\nimport SearchUI from \"@webiny/app-admin/components/SearchUI\";\nimport { deserializeSorters } from \"../utils\";\nimport usePermission from \"../../hooks/usePermission\";\nimport { CmsGroup } from \"~/types\";\nimport { Button, Select, Tooltip } from \"@webiny/admin-ui\";\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 = ({ canCreate }: ContentModelGroupsDataListProps) => {\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 }: Pick<CmsGroup, \"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: Pick<CmsGroup, \"id\" | \"name\">) => {\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                <Select\n                    value={sort}\n                    onChange={setSort}\n                    label={t`Sort by`}\n                    description={\"Sort groups by\"}\n                    options={SORTERS.map(sorter => ({\n                        label: sorter.label,\n                        value: sorter.sorters\n                    }))}\n                />\n            </DataListModalOverlay>\n        ),\n        [sort]\n    );\n\n    const filteredData = filter === \"\" ? data : data.filter(filterData);\n    const contentModelGroups = sortData(filteredData);\n\n    const onRefreshClick = useCallback(() => {\n        listQuery.refetch();\n    }, []);\n\n    return (\n        <DataList\n            loading={listQuery.loading}\n            data={contentModelGroups}\n            title={t`Content model groups`}\n            actions={\n                canCreate ? (\n                    <Button\n                        data-testid=\"new-group-button\"\n                        onClick={() => history.push(\"/cms/content-model-groups?new=true\")}\n                        text={t`New`}\n                        icon={<AddIcon />}\n                        size={\"sm\"}\n                        className={\"wby-ml-xs\"}\n                    />\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 data-testid={\"default-data-list.filter\"} />\n            }\n            refresh={onRefreshClick}\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                                <ListItemTextPrimary>{item.name}</ListItemTextPrimary>\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                                                side={\"bottom\"}\n                                                trigger={\n                                                    <DeleteIcon\n                                                        disabled\n                                                        data-testid={\n                                                            \"cms.contentModelGroup.list-item.delete\"\n                                                        }\n                                                    />\n                                                }\n                                            />\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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","ignoreList":[]}