@webiny/app-headless-cms 6.3.0 → 6.4.0-beta.0

package/admin/views/contentModelGroups/ContentModelGroupsDataList.js

@@ -1,187 +1,167 @@
-import React, { useCallback, useMemo, useState } from "react";
+import react, { useCallback, useMemo, useState } from "react";
 import get from "lodash/get.js";
 import orderBy from "lodash/orderBy.js";
-import dotProp from "dot-prop-immutable";
+import dot_prop_immutable from "dot-prop-immutable";
 import { i18n } from "@webiny/app/i18n/index.js";
-import { ReactComponent as AddIcon } from "@webiny/icons/add.svg";
-import { DeleteIcon } from "@webiny/ui/List/DataList/icons/index.js";
-import { DataList, DataListModalOverlay, DataListModalOverlayAction, List, ListActions, ListItem, ListItemMeta, ListItemText, ListItemTextPrimary, ListItemTextSecondary } from "@webiny/ui/List/index.js";
-import { useSnackbar, useRouter, useConfirmationDialog, SearchUI } from "@webiny/app-admin";
-import { Button, Select, Tooltip } from "@webiny/admin-ui";
-import { useApolloClient, useQuery } from "../../hooks/index.js";
-import * as GQL from "./graphql.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 { usePermission } from "../../hooks/index.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"
-}];
-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(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]);
-  const sortData = useCallback(list => {
-    if (!sort) {
-      return 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"
     }
-    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: GQL.DELETE_CONTENT_MODEL_GROUP,
-        variables: {
-          id: group.id
-        },
-        update(cache, {
-          data
-        }) {
-          const {
-            error
-          } = data.deleteContentModelGroup;
-          if (error) {
-            showSnackbar(error.message);
-            return;
-          }
-
-          // 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}`)
-            }
-          });
-        }
-      });
-      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) {
-        goToRoute(Routes.ContentModelGroups.List);
-      }
+];
+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"
     });
-  }, [groupId]);
-  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`Content model groups`,
-    actions: canCreate ? /*#__PURE__*/React.createElement(Button, {
-      "data-testid": "new-group-button",
-      onClick: () => {
-        goToRoute(Routes.ContentModelGroups.List, {
-          new: true
+    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
+                },
+                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}`)
+                        }
+                    });
+                }
+            });
+            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) goToRoute(Routes.ContentModelGroups.List);
         });
-      },
-      text: t`New`,
-      icon: /*#__PURE__*/React.createElement(AddIcon, 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(DataListModalOverlayAction, {
-      "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: () => {
-      goToRoute(Routes.ContentModelGroups.List, {
-        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"
-  })))))));
+    }, [
+        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
+            }))));
 };
-export default ContentModelGroupsDataList;
+const contentModelGroups_ContentModelGroupsDataList = ContentModelGroupsDataList;
+export default contentModelGroups_ContentModelGroupsDataList;
 
 //# sourceMappingURL=ContentModelGroupsDataList.js.map

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

@@ -1 +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","useSnackbar","useRouter","useConfirmationDialog","SearchUI","Button","Select","Tooltip","useApolloClient","useQuery","GQL","deserializeSorters","usePermission","Routes","t","ns","SORTERS","label","sorters","ContentModelGroupsDataList","canCreate","filter","setFilter","sort","setSort","goToRoute","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","ContentModelGroups","contentModelGroupsDataListModalOverlay","createElement","value","onChange","description","options","map","sorter","filteredData","contentModelGroups","onRefreshClick","refetch","title","actions","onClick","new","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.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 { DeleteIcon } from \"@webiny/ui/List/DataList/icons/index.js\";\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/index.js\";\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            <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={() => {\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={\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                                    goToRoute(Routes.ContentModelGroups.List, { 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":[]}
+{"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":";;;;;;;;;;;;AAiBA,MAAMA,IAAIC,KAAK,EAAE,CAAC;AAMlB,MAAMC,UAAkB;IACpB;QACI,OAAOF,CAAC,CAAC,gBAAgB,CAAC;QAC1B,SAAS;IACb;IACA;QACI,OAAOA,CAAC,CAAC,gBAAgB,CAAC;QAC1B,SAAS;IACb;IACA;QACI,OAAOA,CAAC,CAAC,QAAQ,CAAC;QAClB,SAAS;IACb;IACA;QACI,OAAOA,CAAC,CAAC,QAAQ,CAAC;QAClB,SAAS;IACb;CACH;AAKD,MAAMG,6BAA6B,CAAC,EAAEC,SAAS,EAAmC;IAC9E,MAAM,CAACC,QAAQC,UAAU,GAAGC,SAAiB;IAC7C,MAAM,CAACC,MAAMC,QAAQ,GAAGF,SAAiBL,OAAO,CAAC,EAAE,CAAC,OAAO;IAC3D,MAAM,EAAEQ,SAAS,EAAE,GAAGC;IACtB,MAAM,EAAEC,YAAY,EAAE,GAAGC;IACzB,MAAMC,SAASC;IACf,MAAMC,YAAYC,SAASC,uCAAAA,yBAA6B;IAExD,MAAM,EAAEC,gBAAgB,EAAE,GAAGC,sBAAsB;QAC/C,YAAY;IAChB;IACA,MAAM,EAAEC,SAAS,EAAE,GAAGC;IAEtB,MAAMC,aAAaC,YACf,CAAC,EAAEC,IAAI,EAA0B,GACtBA,KAAK,WAAW,GAAG,QAAQ,CAACpB,SAEvC;QAACA;KAAO;IAGZ,MAAMqB,WAAWF,YACb,CAACG;QACG,IAAI,CAACnB,MACD,OAAOmB;QAEX,MAAM,CAACC,WAAWC,YAAY,GAAGC,mBAAmBtB;QACpD,OAAOuB,QAAQJ,MAAM;YAACC;SAAU,EAAE;YAACC;SAAY;IACnD,GACA;QAACrB;KAAK;IAGV,MAAMwB,OAA6BhB,UAAU,OAAO,GAC9C,EAAE,GACFiB,IAAIjB,WAAW,oCAAoC,EAAE;IAC3D,MAAMkB,UAAU,IAAIC,gBAAgBC,SAAS,MAAM,EAAE,GAAG,CAAC;IAEzD,MAAMC,aAAab,YACf,CAACc;QACGnB,iBAAiB;YACb,MAAMoB,WAAW,MAAMzB,OAAO,MAAM,CAAC;gBACjC,UAAUI,uCAAAA,0BAA8B;gBACxC,WAAW;oBAAE,IAAIoB,MAAM,EAAE;gBAAC;gBAC1B,QAAOE,KAAK,EAAE,EAAER,IAAI,EAAE;oBAClB,MAAM,EAAES,KAAK,EAAE,GAAGT,KAAK,uBAAuB;oBAC9C,IAAIS,OAAO,YACP7B,aAAa6B,MAAM,OAAO;oBAK9B,MAAMC,YAAY;wBAAE,OAAOxB,uCAAAA,yBAA6B;oBAAC;oBACzD,MAAMyB,SAASH,MAAM,SAAS,CAA6BE;oBAC3D,IAAI,CAACC,UAAU,CAACA,OAAO,sBAAsB,EACzC;oBAEJ,MAAM,EAAEC,sBAAsB,EAAE,GAAGD;oBACnC,MAAME,QAAQD,uBAAuB,IAAI,CAAC,SAAS,CAC/CE,CAAAA,OAAQA,KAAK,EAAE,KAAKR,MAAM,EAAE;oBAGhCE,MAAM,UAAU,CAAC;wBACb,GAAGE,SAAS;wBACZ,MAAM;4BACF,wBAAwBK,kBAAAA,CAAAA,SAAc,CAClCH,wBACA,CAAC,KAAK,EAAEC,OAAO;wBAEvB;oBACJ;gBACJ;YACJ;YAEA,MAAM,EAAEJ,KAAK,EAAE,GAAGF,SAAS,IAAI,CAAC,uBAAuB;YACvD,IAAIE,OACA,OAAO7B,aAAa6B,MAAM,OAAO;YAGrC7B,aAAaZ,CAAC,CAAC,qCAAqC,CAAC,CAAC;gBAAE,MAAMsC,MAAM,IAAI;YAAC;YAEzE,IAAIJ,YAAYI,MAAM,EAAE,EACpB5B,UAAUsC,OAAO,kBAAkB,CAAC,IAAI;QAEhD;IACJ,GACA;QAACd;KAAQ;IAGb,MAAMe,yCAAyCC,QAC3C,kBACI,oBAACC,cAAc,OAAO,sBAClB,oBAACC,QAAMA;YACH,OAAO5C;YACP,UAAUC;YACV,OAAOT,CAAC,CAAC,OAAO,CAAC;YACjB,aAAa;YACb,SAASE,QAAQ,GAAG,CAACmD,CAAAA,SAAW;oBAC5B,OAAOA,OAAO,KAAK;oBACnB,OAAOA,OAAO,OAAO;gBACzB;aAIZ;QAAC7C;KAAK;IAGV,MAAM8C,eAAejD,AAAW,OAAXA,SAAgB2B,OAAOA,KAAK,MAAM,CAACT;IACxD,MAAMgC,qBAAqB7B,SAAS4B;IAEpC,MAAME,iBAAiBhC,YAAY;QAC/BR,UAAU,OAAO;IACrB,GAAG,EAAE;IAEL,OAAO,WAAP,GACI,oBAACyC,UAAQA;QACL,SAASzC,UAAU,OAAO;QAC1B,MAAMuC;QACN,OAAOvD,CAAC,CAAC,oBAAoB,CAAC;QAC9B,SACII,YAAY,WAAZA,GACI,oBAACsD,QAAMA;YACH,eAAY;YACZ,SAAS;gBACLhD,UAAUsC,OAAO,kBAAkB,CAAC,IAAI,EAAE;oBAAE,KAAK;gBAAK;YAC1D;YACA,MAAMhD,CAAC,CAAC,GAAG,CAAC;YACZ,oBAAM,oBAAC2D,gBAAOA;YACd,MAAM;YACN,WAAW;aAEf;QAER,sBACI,oBAACC,UAAQA;YACL,OAAOvD;YACP,UAAUC;YACV,kBAAkBN,CAAC,CAAC,6BAA6B,CAAC;;QAG1D,cAAciD;QACd,kCAAoB,oBAACE,cAAc,OAAO;YAAC,eAAa;;QACxD,SAASK;OAER,CAAC,EAAExB,IAAI,EAAkC,iBACtC,oBAAC6B,MAAIA;YAAC,eAAY;WACb7B,KAAK,GAAG,CAACc,CAAAA,OAAAA,WAAAA,GACN,oBAACe,KAAK,IAAI;gBACN,KAAKf,KAAK,EAAE;gBACZ,UAAUA,KAAK,EAAE,KAAKZ;gBACtB,OAAOY,KAAK,IAAI;gBAChB,aACIA,KAAK,aAAa,CAAC,MAAM,GACnB9C,CAAC,CAAC,4DAA4D,CAAC,CAC3D;oBACI,eAAe8C,KAAK,aAAa,CAAC,MAAM;gBAC5C,KAEJ9C,CAAC,CAAC,iBAAiB,CAAC;gBAE9B,SAAS;oBACLU,UAAUsC,OAAO,kBAAkB,CAAC,IAAI,EAAE;wBAAE,IAAIF,KAAK,EAAE;oBAAC;gBAC5D;gBACA,SACIzB,UAAUyB,MAAM,2BACZA,KAAK,MAAM,GAAG,WAAH,GACP,oBAACgB,SAAOA;oBACJ,SACI;oBAEJ,MAAM;oBACN,uBACI,oBAACC,YAAUA;wBACP;wBACA,eACI;;mCAMhB,oBAACA,YAAUA;oBACP,SAAS,IAAM1B,WAAWS;oBAC1B,eAAa;qBAGrBkB;;AAQpC;AAEA,sDAAe7D"}