@webiny/app-headless-cms 0.0.0-mt-2 → 0.0.0-unstable.06b2ede40f

package/admin/views/contentModelGroups/ContentModelGroupsDataList.js

@@ -1,242 +1,181 @@
-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";
-
-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 { ReactComponent as AddIcon } from "@webiny/icons/add.svg";
 import { DeleteIcon } from "@webiny/ui/List/DataList/icons";
-import { DataList, List, ListItem, ListItemText, ListItemTextSecondary, ListItemMeta, ListActions, DataListModalOverlay, DataListModalOverlayAction } from "@webiny/ui/List";
+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 { useQuery, useApolloClient } from "../../hooks";
+import { useApolloClient, useQuery } 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 "@svgr/webpack!@webiny/app-admin/assets/icons/add-18px.svg";
-import { ReactComponent as FilterIcon } from "@svgr/webpack!@webiny/app-admin/assets/icons/filter-24px.svg";
-import { serializeSorters, deserializeSorters } from "../utils";
+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 SORTERS = [{
-  label: t(_templateObject || (_templateObject = _taggedTemplateLiteral(["Newest to oldest"]))),
-  sorters: {
-    createdOn: "desc"
-  }
+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 = _taggedTemplateLiteral(["Oldest to newest"]))),
-  sorters: {
-    createdOn: "asc"
-  }
+  label: t`Oldest to newest`,
+  sorters: "createdOn_ASC"
 }, {
-  label: t(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["Name A-Z"]))),
-  sorters: {
-    name: "asc"
-  }
+  label: t`Name A-Z`,
+  sorters: "name_ASC"
 }, {
-  label: t(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["Name Z-A"]))),
-  sorters: {
-    name: "desc"
-  }
+  label: t`Name Z-A`,
+  sorters: "name_DESC"
 }];
-
-var ContentModelGroupsDataList = function ContentModelGroupsDataList(_ref) {
-  var canCreate = _ref.canCreate;
-
-  var _useState = useState(""),
-      _useState2 = _slicedToArray(_useState, 2),
-      filter = _useState2[0],
-      setFilter = _useState2[1];
-
-  var _useState3 = useState(serializeSorters(SORTERS[0].sorters)),
-      _useState4 = _slicedToArray(_useState3, 2),
-      sort = _useState4[0],
-      setSort = _useState4[1];
-
-  var _useRouter = useRouter(),
-      history = _useRouter.history;
-
-  var _useSnackbar = useSnackbar(),
-      showSnackbar = _useSnackbar.showSnackbar;
-
-  var client = useApolloClient();
-  var listQuery = useQuery(GQL.LIST_CONTENT_MODEL_GROUPS);
-
-  var _useConfirmationDialo = useConfirmationDialog({
+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"
-  }),
-      showConfirmation = _useConfirmationDialo.showConfirmation;
-
-  var _usePermission = usePermission(),
-      canDelete = _usePermission.canDelete;
-
-  var filterData = useCallback(function (_ref2) {
-    var name = _ref2.name;
+  });
+  const {
+    canDelete
+  } = usePermission();
+  const filterData = useCallback(({
+    name
+  }) => {
     return name.toLowerCase().includes(filter);
   }, [filter]);
-  var sortData = useCallback(function (list) {
+  const sortData = useCallback(list => {
     if (!sort) {
       return list;
     }
-
-    var _Object$entries = Object.entries(deserializeSorters(sort)),
-        _Object$entries2 = _slicedToArray(_Object$entries, 1),
-        _Object$entries2$ = _slicedToArray(_Object$entries2[0], 2),
-        key = _Object$entries2$[0],
-        value = _Object$entries2$[1];
-
-    return orderBy(list, [key], [value]);
+    const [sortField, sortOrderBy] = deserializeSorters(sort);
+    return orderBy(list, [sortField], [sortOrderBy]);
   }, [sort]);
-  var data = listQuery.loading ? [] : get(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 response, error;
-      return _regeneratorRuntime.wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              _context.next = 2;
-              return client.mutate({
-                mutation: GQL.DELETE_CONTENT_MODEL_GROUP,
-                variables: {
-                  id: group.id
-                },
-                update: function update(cache, _ref4) {
-                  var data = _ref4.data;
-                  var error = data.deleteContentModelGroup.error;
-
-                  if (error) {
-                    return;
-                  } // Delete the item from list cache
-
-
-                  // Delete the item from list cache
-                  var gqlParams = {
-                    query: GQL.LIST_CONTENT_MODEL_GROUPS
-                  };
-
-                  var _cache$readQuery = cache.readQuery(gqlParams),
-                      listContentModelGroups = _cache$readQuery.listContentModelGroups;
-
-                  var index = listContentModelGroups.data.findIndex(function (item) {
-                    return item.id === group.id;
-                  });
-                  cache.writeQuery(_objectSpread(_objectSpread({}, gqlParams), {}, {
-                    data: {
-                      listContentModelGroups: dotProp.delete(listContentModelGroups, "data.".concat(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 = _taggedTemplateLiteral(["Content model group \"{name}\" deleted."])))({
-                name: group.name
-              }));
-
-              if (groupId === group.id) {
-                history.push("/cms/content-model-groups");
-              }
+  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(cache, {
+          data
+        }) {
+          const {
+            error
+          } = data.deleteContentModelGroup;
+          if (error) {
+            showSnackbar(error.message);
+            return;
+          }
 
-            case 8:
-            case "end":
-              return _context.stop();
+          // Delete the item from list cache
+          const gqlParams = {
+            query: GQL.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: dotProp.delete(listContentModelGroups, `data.${index}`)
+            }
+          });
         }
-      }, _callee);
-    })));
+      });
+      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`);
+      }
+    });
   }, [groupId]);
-  var contentModelGroupsDataListModalOverlay = useMemo(function () {
-    return /*#__PURE__*/React.createElement(DataListModalOverlay, null, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Cell, {
-      span: 12
-    }, /*#__PURE__*/React.createElement(Select, {
-      value: sort,
-      onChange: setSort,
-      label: t(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["Sort by"]))),
-      description: "Sort pages by"
-    }, SORTERS.map(function (_ref5) {
-      var label = _ref5.label,
-          sorters = _ref5.sorters;
-      return /*#__PURE__*/React.createElement("option", {
-        key: label,
-        value: serializeSorters(sorters)
-      }, label);
-    })))));
-  }, [sort]);
-  var filteredData = filter === "" ? data : data.filter(filterData);
-  var contentModelGroups = sortData(filteredData);
+  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.createElement(DataList, {
     loading: listQuery.loading,
     data: contentModelGroups,
-    title: t(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["Content Model Groups"]))),
-    actions: canCreate ? /*#__PURE__*/React.createElement(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,
+    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 = _taggedTemplateLiteral(["Search content model group"])))
+      inputPlaceholder: t`Search content model group...`
     }),
     modalOverlay: contentModelGroupsDataListModalOverlay,
     modalOverlayAction: /*#__PURE__*/React.createElement(DataListModalOverlayAction, {
-      icon: /*#__PURE__*/React.createElement(FilterIcon, null),
       "data-testid": "default-data-list.filter"
+    }),
+    refresh: onRefreshClick
+  }, ({
+    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"
     })
-  }, function (_ref6) {
-    var data = _ref6.data;
-    return /*#__PURE__*/React.createElement(List, {
-      "data-testid": "default-data-list"
-    }, data.map(function (item) {
-      return /*#__PURE__*/React.createElement(ListItem, {
-        key: item.id,
-        selected: item.id === groupId
-      }, /*#__PURE__*/React.createElement(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}"])))({
-        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, {
-        content: "Content model group is registered via a plugin.",
-        placement: "bottom"
-      }, /*#__PURE__*/React.createElement(DeleteIcon, {
-        disabled: true,
-        "data-testid": "cms.contentModelGroup.list-item.delete"
-      })) : /*#__PURE__*/React.createElement(DeleteIcon, {
-        onClick: function onClick() {
-          return deleteItem(item);
-        },
-        "data-testid": "cms.contentModelGroup.list-item.delete"
-      }))));
-    }));
-  });
+  }) : /*#__PURE__*/React.createElement(DeleteIcon, {
+    onClick: () => deleteItem(item),
+    "data-testid": "cms.contentModelGroup.list-item.delete"
+  })))))));
 };
+export default ContentModelGroupsDataList;
 
-export default ContentModelGroupsDataList;
+//# sourceMappingURL=ContentModelGroupsDataList.js.map

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

@@ -0,0 +1 @@
+{"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 type { CmsGroupWithModels, ListCmsGroupsQueryResponse } from \"./graphql\";\nimport SearchUI from \"@webiny/app-admin/components/SearchUI\";\nimport { deserializeSorters } from \"../utils\";\nimport usePermission from \"../../hooks/usePermission\";\nimport type { 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":[]}

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

@@ -1,6 +1,6 @@
-/// <reference types="react" />
-declare type ContentModelGroupsFormProps = {
+import React from "react";
+interface ContentModelGroupsFormProps {
     canCreate: boolean;
-};
-declare function ContentModelGroupsForm({ canCreate }: ContentModelGroupsFormProps): JSX.Element;
+}
+declare const ContentModelGroupsForm: ({ canCreate }: ContentModelGroupsFormProps) => React.JSX.Element;
 export default ContentModelGroupsForm;