@webiny/app-headless-cms 0.0.0-unstable.78f581c1d2 → 0.0.0-unstable.7be00a75a9

package/admin/views/contentModelGroups/ContentModelGroupsDataList.js

@@ -1,274 +1,167 @@
-"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"
-}, {
-  label: t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["Oldest to newest"]))),
-  sorters: "createdOn_ASC"
-}, {
-  label: t(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["Name A-Z"]))),
-  sorters: "name_ASC"
-}, {
-  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];
-
-  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;
-    return name.toLowerCase().includes(filter);
-  }, [filter]);
-  var sortData = (0, _react.useCallback)(function (list) {
-    if (!sort) {
-      return list;
+import react, { useCallback, useMemo, useState } from "react";
+import get from "lodash/get.js";
+import orderBy from "lodash/orderBy.js";
+import dot_prop_immutable from "dot-prop-immutable";
+import { i18n } from "@webiny/app/i18n/index.js";
+import { ReactComponent } from "@webiny/icons/add.svg";
+import { Button, DataList, DataListModal, DeleteIcon, List, Select, Tooltip } from "@webiny/admin-ui";
+import { SearchUI, useConfirmationDialog, useRouter, useSnackbar } from "@webiny/app-admin";
+import { useApolloClient, usePermission, useQuery } from "../../hooks/index.js";
+import { deserializeSorters } from "../utils.js";
+import { Routes } from "../../../routes.js";
+import * as __rspack_external__graphql_js_d64db012 from "./graphql.js";
+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`Oldest to newest`,
+        sorters: "createdOn_ASC"
+    },
+    {
+        label: t`Name A-Z`,
+        sorters: "name_ASC"
+    },
+    {
+        label: t`Name Z-A`,
+        sorters: "name_DESC"
     }
-
-    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]);
-  }, [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( /*#__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,
+];
+const ContentModelGroupsDataList = ({ canCreate })=>{
+    const [filter, setFilter] = useState("");
+    const [sort, setSort] = useState(SORTERS[0].sorters);
+    const { goToRoute } = useRouter();
+    const { showSnackbar } = useSnackbar();
+    const client = useApolloClient();
+    const listQuery = useQuery(__rspack_external__graphql_js_d64db012.LIST_CONTENT_MODEL_GROUPS);
+    const { showConfirmation } = useConfirmationDialog({
+        dataTestId: "cms.contentModelGroup.list-item.delete-dialog"
+    });
+    const { canDelete } = usePermission();
+    const filterData = useCallback(({ name })=>name.toLowerCase().includes(filter), [
+        filter
+    ]);
+    const sortData = useCallback((list)=>{
+        if (!sort) return list;
+        const [sortField, sortOrderBy] = deserializeSorters(sort);
+        return orderBy(list, [
+            sortField
+        ], [
+            sortOrderBy
+        ]);
+    }, [
+        sort
+    ]);
+    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: __rspack_external__graphql_js_d64db012.DELETE_CONTENT_MODEL_GROUP,
                 variables: {
-                  id: group.id
+                    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))
-                    }
-                  }));
+                update (cache, { data }) {
+                    const { error } = data.deleteContentModelGroup;
+                    if (error) return void showSnackbar(error.message);
+                    const gqlParams = {
+                        query: __rspack_external__graphql_js_d64db012.LIST_CONTENT_MODEL_GROUPS
+                    };
+                    const result = cache.readQuery(gqlParams);
+                    if (!result || !result.listContentModelGroups) return;
+                    const { listContentModelGroups } = result;
+                    const index = listContentModelGroups.data.findIndex((item)=>item.id === group.id);
+                    cache.writeQuery({
+                        ...gqlParams,
+                        data: {
+                            listContentModelGroups: dot_prop_immutable["delete"](listContentModelGroups, `data.${index}`)
+                        }
+                    });
                 }
-              });
-
-            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."])))({
+            });
+            const { error } = response.data.deleteContentModelGroup;
+            if (error) return showSnackbar(error.message);
+            showSnackbar(t`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);
-    })));
-  }, [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 (_ref5) {
-      var label = _ref5.label,
-          sorters = _ref5.sorters;
-      return /*#__PURE__*/_react.default.createElement("option", {
-        key: label,
-        value: sorters
-      }, label);
-    })))));
-  }, [sort]);
-  var filteredData = filter === "" ? data : data.filter(filterData);
-  var contentModelGroups = sortData(filteredData);
-  return /*#__PURE__*/_react.default.createElement(_List.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, {
-      value: filter,
-      onChange: setFilter,
-      inputPlaceholder: t(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2.default)(["Search content model group"])))
-    }),
-    modalOverlay: contentModelGroupsDataListModalOverlay,
-    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.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"
-      }))));
-    }));
-  });
+            }));
+            if (groupId === group.id) goToRoute(Routes.ContentModelGroups.List);
+        });
+    }, [
+        groupId
+    ]);
+    const contentModelGroupsDataListModalOverlay = useMemo(()=>/*#__PURE__*/ react.createElement(DataListModal.Content, 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.createElement(DataList, {
+        loading: listQuery.loading,
+        data: contentModelGroups,
+        title: t`Content model groups`,
+        actions: canCreate ? /*#__PURE__*/ react.createElement(Button, {
+            "data-testid": "new-group-button",
+            onClick: ()=>{
+                goToRoute(Routes.ContentModelGroups.List, {
+                    new: true
+                });
+            },
+            text: t`New`,
+            icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+            size: "sm",
+            className: "ml-xs"
+        }) : null,
+        search: /*#__PURE__*/ react.createElement(SearchUI, {
+            value: filter,
+            onChange: setFilter,
+            inputPlaceholder: t`Search content model group...`
+        }),
+        modalOverlay: contentModelGroupsDataListModalOverlay,
+        modalOverlayAction: /*#__PURE__*/ react.createElement(DataListModal.Trigger, {
+            "data-testid": "default-data-list.filter"
+        }),
+        refresh: onRefreshClick
+    }, ({ data })=>/*#__PURE__*/ react.createElement(List, {
+            "data-testid": "default-data-list"
+        }, data.map((item)=>/*#__PURE__*/ react.createElement(List.Item, {
+                key: item.id,
+                selected: item.id === groupId,
+                title: item.name,
+                description: item.contentModels.length ? t`{contentModels|count:1:content model:default:content models}`({
+                    contentModels: item.contentModels.length
+                }) : t`No content models`,
+                onClick: ()=>{
+                    goToRoute(Routes.ContentModelGroups.List, {
+                        id: item.id
+                    });
+                },
+                actions: canDelete(item, "cms.contentModelGroup") ? 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"
+                }) : void 0
+            }))));
 };
+const contentModelGroups_ContentModelGroupsDataList = ContentModelGroupsDataList;
+export default contentModelGroups_ContentModelGroupsDataList;
 
-var _default = ContentModelGroupsDataList;
-exports.default = _default;
+//# sourceMappingURL=ContentModelGroupsDataList.js.map

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,"file":"admin/views/contentModelGroups/ContentModelGroupsDataList.js","sources":["../../../../src/admin/views/contentModelGroups/ContentModelGroupsDataList.tsx"],"sourcesContent":["import React, { useCallback, useMemo, useState } from \"react\";\nimport get from \"lodash/get.js\";\nimport orderBy from \"lodash/orderBy.js\";\nimport dotProp from \"dot-prop-immutable\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport { ReactComponent as AddIcon } from \"@webiny/icons/add.svg\";\nimport { DataList, DataListModal, List, DeleteIcon } from \"@webiny/admin-ui\";\nimport { useSnackbar, useRouter, useConfirmationDialog, SearchUI } from \"@webiny/app-admin\";\nimport { Button, Select, Tooltip } from \"@webiny/admin-ui\";\nimport { useApolloClient, useQuery } from \"../../hooks/index.js\";\nimport * as GQL from \"./graphql.js\";\nimport type { CmsGroupWithModels, ListCmsGroupsQueryResponse } from \"./graphql.js\";\nimport { deserializeSorters } from \"../utils.js\";\nimport { usePermission } from \"~/admin/hooks/index.js\";\nimport type { CmsGroup } from \"~/types.js\";\nimport { Routes } from \"~/routes.js\";\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 { goToRoute } = 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                    goToRoute(Routes.ContentModelGroups.List);\n                }\n            });\n        },\n        [groupId]\n    );\n\n    const contentModelGroupsDataListModalOverlay = useMemo(\n        () => (\n            <DataListModal.Content>\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            </DataListModal.Content>\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={() => {\n                            goToRoute(Routes.ContentModelGroups.List, { new: true });\n                        }}\n                        text={t`New`}\n                        icon={<AddIcon />}\n                        size={\"sm\"}\n                        className={\"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={<DataListModal.Trigger data-testid={\"default-data-list.filter\"} />}\n            refresh={onRefreshClick}\n        >\n            {({ data }: { data: CmsGroupWithModels[] }) => (\n                <List data-testid=\"default-data-list\">\n                    {data.map(item => (\n                        <List.Item\n                            key={item.id}\n                            selected={item.id === groupId}\n                            title={item.name}\n                            description={\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                            }\n                            onClick={() => {\n                                goToRoute(Routes.ContentModelGroups.List, { id: item.id });\n                            }}\n                            actions={\n                                canDelete(item, \"cms.contentModelGroup\") ? (\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={\"cms.contentModelGroup.list-item.delete\"}\n                                        />\n                                    )\n                                ) : undefined\n                            }\n                        />\n                    ))}\n                </List>\n            )}\n        </DataList>\n    );\n};\n\nexport default ContentModelGroupsDataList;\n"],"names":["t","i18n","SORTERS","ContentModelGroupsDataList","canCreate","filter","setFilter","useState","sort","setSort","goToRoute","useRouter","showSnackbar","useSnackbar","client","useApolloClient","listQuery","useQuery","GQL","showConfirmation","useConfirmationDialog","canDelete","usePermission","filterData","useCallback","name","sortData","list","sortField","sortOrderBy","deserializeSorters","orderBy","data","get","groupId","URLSearchParams","location","deleteItem","group","response","cache","error","gqlParams","result","listContentModelGroups","index","item","dotProp","Routes","contentModelGroupsDataListModalOverlay","useMemo","DataListModal","Select","sorter","filteredData","contentModelGroups","onRefreshClick","DataList","Button","AddIcon","SearchUI","List","Tooltip","DeleteIcon","undefined"],"mappings":"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"}

package/admin/views/contentModelGroups/ContentModelGroupsForm.d.ts

@@ -2,5 +2,5 @@ import React from "react";
 interface ContentModelGroupsFormProps {
     canCreate: boolean;
 }
-declare const ContentModelGroupsForm: React.FC<ContentModelGroupsFormProps>;
+declare const ContentModelGroupsForm: ({ canCreate }: ContentModelGroupsFormProps) => React.JSX.Element;
 export default ContentModelGroupsForm;