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

package/admin/views/contentEntries/hooks/useMoveContentEntryToFolder.js

@@ -29,7 +29,7 @@ export function useMoveContentEntryToFolder({
             folderId: folder.id
           }
         });
-        showSnackbar(`Entry "${record.title}" was successfully moved to folder "${folder.label}"!`);
+        showSnackbar(`Entry "${record.meta?.title || "unknown"}" was successfully moved to folder "${folder.label}"!`);
       }
     });
   }, [record.id]);

package/admin/views/contentEntries/hooks/useMoveContentEntryToFolder.js.map

@@ -1 +1 @@
-{"version":3,"names":["useCallback","useSnackbar","useMoveToFolderDialog","useRecords","useMoveContentEntryToFolder","record","showSnackbar","showDialog","moveRecord","title","message","loadingLabel","acceptLabel","focusedFolderId","wbyAco_location","folderId","onAccept","folder","id","location","label"],"sources":["useMoveContentEntryToFolder.ts"],"sourcesContent":["import { useCallback } from \"react\";\nimport { useSnackbar } from \"@webiny/app-admin\";\nimport { useMoveToFolderDialog, useRecords } from \"@webiny/app-aco\";\nimport type { CmsContentEntry } from \"~/types\";\n\ninterface UseMoveContentEntryToFolder {\n    record: CmsContentEntry;\n}\n\nexport function useMoveContentEntryToFolder({ record }: UseMoveContentEntryToFolder) {\n    const { showSnackbar } = useSnackbar();\n    const { showDialog } = useMoveToFolderDialog();\n    const { moveRecord } = useRecords();\n\n    return useCallback(() => {\n        showDialog({\n            title: \"Move entry to a new location\",\n            message: \"Select a new location for this entry:\",\n            loadingLabel: \"Moving entry...\",\n            acceptLabel: \"Move entry\",\n            focusedFolderId: record.wbyAco_location.folderId,\n            async onAccept({ folder }) {\n                await moveRecord({\n                    id: record.id,\n                    location: {\n                        folderId: folder.id\n                    }\n                });\n                showSnackbar(\n                    `Entry \"${record.title}\" was successfully moved to folder \"${folder.label}\"!`\n                );\n            }\n        });\n    }, [record.id]);\n}\n"],"mappings":"AAAA,SAASA,WAAW,QAAQ,OAAO;AACnC,SAASC,WAAW,QAAQ,mBAAmB;AAC/C,SAASC,qBAAqB,EAAEC,UAAU,QAAQ,iBAAiB;AAOnE,OAAO,SAASC,2BAA2BA,CAAC;EAAEC;AAAoC,CAAC,EAAE;EACjF,MAAM;IAAEC;EAAa,CAAC,GAAGL,WAAW,CAAC,CAAC;EACtC,MAAM;IAAEM;EAAW,CAAC,GAAGL,qBAAqB,CAAC,CAAC;EAC9C,MAAM;IAAEM;EAAW,CAAC,GAAGL,UAAU,CAAC,CAAC;EAEnC,OAAOH,WAAW,CAAC,MAAM;IACrBO,UAAU,CAAC;MACPE,KAAK,EAAE,8BAA8B;MACrCC,OAAO,EAAE,uCAAuC;MAChDC,YAAY,EAAE,iBAAiB;MAC/BC,WAAW,EAAE,YAAY;MACzBC,eAAe,EAAER,MAAM,CAACS,eAAe,CAACC,QAAQ;MAChD,MAAMC,QAAQA,CAAC;QAAEC;MAAO,CAAC,EAAE;QACvB,MAAMT,UAAU,CAAC;UACbU,EAAE,EAAEb,MAAM,CAACa,EAAE;UACbC,QAAQ,EAAE;YACNJ,QAAQ,EAAEE,MAAM,CAACC;UACrB;QACJ,CAAC,CAAC;QACFZ,YAAY,CACR,UAAUD,MAAM,CAACI,KAAK,uCAAuCQ,MAAM,CAACG,KAAK,IAC7E,CAAC;MACL;IACJ,CAAC,CAAC;EACN,CAAC,EAAE,CAACf,MAAM,CAACa,EAAE,CAAC,CAAC;AACnB","ignoreList":[]}
+{"version":3,"names":["useCallback","useSnackbar","useMoveToFolderDialog","useRecords","useMoveContentEntryToFolder","record","showSnackbar","showDialog","moveRecord","title","message","loadingLabel","acceptLabel","focusedFolderId","wbyAco_location","folderId","onAccept","folder","id","location","meta","label"],"sources":["useMoveContentEntryToFolder.ts"],"sourcesContent":["import { useCallback } from \"react\";\nimport { useSnackbar } from \"@webiny/app-admin\";\nimport { useMoveToFolderDialog, useRecords } from \"@webiny/app-aco\";\nimport type { CmsContentEntry } from \"~/types.js\";\n\ninterface UseMoveContentEntryToFolder {\n    record: CmsContentEntry;\n}\n\nexport function useMoveContentEntryToFolder({ record }: UseMoveContentEntryToFolder) {\n    const { showSnackbar } = useSnackbar();\n    const { showDialog } = useMoveToFolderDialog();\n    const { moveRecord } = useRecords();\n\n    return useCallback(() => {\n        showDialog({\n            title: \"Move entry to a new location\",\n            message: \"Select a new location for this entry:\",\n            loadingLabel: \"Moving entry...\",\n            acceptLabel: \"Move entry\",\n            focusedFolderId: record.wbyAco_location.folderId,\n            async onAccept({ folder }) {\n                await moveRecord({\n                    id: record.id,\n                    location: {\n                        folderId: folder.id\n                    }\n                });\n                showSnackbar(\n                    `Entry \"${record.meta?.title || \"unknown\"}\" was successfully moved to folder \"${folder.label}\"!`\n                );\n            }\n        });\n    }, [record.id]);\n}\n"],"mappings":"AAAA,SAASA,WAAW,QAAQ,OAAO;AACnC,SAASC,WAAW,QAAQ,mBAAmB;AAC/C,SAASC,qBAAqB,EAAEC,UAAU,QAAQ,iBAAiB;AAOnE,OAAO,SAASC,2BAA2BA,CAAC;EAAEC;AAAoC,CAAC,EAAE;EACjF,MAAM;IAAEC;EAAa,CAAC,GAAGL,WAAW,CAAC,CAAC;EACtC,MAAM;IAAEM;EAAW,CAAC,GAAGL,qBAAqB,CAAC,CAAC;EAC9C,MAAM;IAAEM;EAAW,CAAC,GAAGL,UAAU,CAAC,CAAC;EAEnC,OAAOH,WAAW,CAAC,MAAM;IACrBO,UAAU,CAAC;MACPE,KAAK,EAAE,8BAA8B;MACrCC,OAAO,EAAE,uCAAuC;MAChDC,YAAY,EAAE,iBAAiB;MAC/BC,WAAW,EAAE,YAAY;MACzBC,eAAe,EAAER,MAAM,CAACS,eAAe,CAACC,QAAQ;MAChD,MAAMC,QAAQA,CAAC;QAAEC;MAAO,CAAC,EAAE;QACvB,MAAMT,UAAU,CAAC;UACbU,EAAE,EAAEb,MAAM,CAACa,EAAE;UACbC,QAAQ,EAAE;YACNJ,QAAQ,EAAEE,MAAM,CAACC;UACrB;QACJ,CAAC,CAAC;QACFZ,YAAY,CACR,UAAUD,MAAM,CAACe,IAAI,EAAEX,KAAK,IAAI,SAAS,uCAAuCQ,MAAM,CAACI,KAAK,IAChG,CAAC;MACL;IACJ,CAAC,CAAC;EACN,CAAC,EAAE,CAAChB,MAAM,CAACa,EAAE,CAAC,CAAC;AACnB","ignoreList":[]}

package/admin/views/contentEntries/hooks/useSingletonContentEntry.d.ts

@@ -1,8 +1,7 @@
-/// <reference types="react" />
-import { SingletonContentEntryContext } from "../ContentEntry/SingletonContentEntryContext";
+import { SingletonContentEntryContext } from "../ContentEntry/SingletonContentEntryContext.js";
 export declare const useSingletonContentEntry: import("@webiny/app-admin").GenericHook<unknown, SingletonContentEntryContext> & {
     original: import("@webiny/app-admin").GenericHook<unknown, SingletonContentEntryContext>;
     originalName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/app-admin").Decorator<() => SingletonContentEntryContext>) => () => import("react").JSX.Element;
+    createDecorator: (decorator: import("@webiny/app-admin").Decorator<() => SingletonContentEntryContext>) => () => React.JSX.Element;
 };

package/admin/views/contentEntries/hooks/useSingletonContentEntry.js

@@ -1,6 +1,6 @@
 import { useContext } from "react";
 import { makeDecoratable } from "@webiny/app-admin";
-import { SingletonContentEntryContext } from "../ContentEntry/SingletonContentEntryContext";
+import { SingletonContentEntryContext } from "../ContentEntry/SingletonContentEntryContext.js";
 export const useSingletonContentEntry = makeDecoratable(() => {
   const context = useContext(SingletonContentEntryContext);
   if (!context) {

package/admin/views/contentEntries/hooks/useSingletonContentEntry.js.map

@@ -1 +1 @@
-{"version":3,"names":["useContext","makeDecoratable","SingletonContentEntryContext","useSingletonContentEntry","context","Error"],"sources":["useSingletonContentEntry.ts"],"sourcesContent":["import { useContext } from \"react\";\nimport { makeDecoratable } from \"@webiny/app-admin\";\nimport { SingletonContentEntryContext } from \"../ContentEntry/SingletonContentEntryContext\";\n\nexport const useSingletonContentEntry = makeDecoratable(() => {\n    const context = useContext(SingletonContentEntryContext);\n    if (!context) {\n        throw Error(\n            `useSingletonContentEntry() hook can only be used within the SingletonContentEntryContext provider.`\n        );\n    }\n    return context;\n});\n"],"mappings":"AAAA,SAASA,UAAU,QAAQ,OAAO;AAClC,SAASC,eAAe,QAAQ,mBAAmB;AACnD,SAASC,4BAA4B;AAErC,OAAO,MAAMC,wBAAwB,GAAGF,eAAe,CAAC,MAAM;EAC1D,MAAMG,OAAO,GAAGJ,UAAU,CAACE,4BAA4B,CAAC;EACxD,IAAI,CAACE,OAAO,EAAE;IACV,MAAMC,KAAK,CACP,oGACJ,CAAC;EACL;EACA,OAAOD,OAAO;AAClB,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["useContext","makeDecoratable","SingletonContentEntryContext","useSingletonContentEntry","context","Error"],"sources":["useSingletonContentEntry.ts"],"sourcesContent":["import { useContext } from \"react\";\nimport { makeDecoratable } from \"@webiny/app-admin\";\nimport { SingletonContentEntryContext } from \"../ContentEntry/SingletonContentEntryContext.js\";\n\nexport const useSingletonContentEntry = makeDecoratable(() => {\n    const context = useContext(SingletonContentEntryContext);\n    if (!context) {\n        throw Error(\n            `useSingletonContentEntry() hook can only be used within the SingletonContentEntryContext provider.`\n        );\n    }\n    return context;\n});\n"],"mappings":"AAAA,SAASA,UAAU,QAAQ,OAAO;AAClC,SAASC,eAAe,QAAQ,mBAAmB;AACnD,SAASC,4BAA4B;AAErC,OAAO,MAAMC,wBAAwB,GAAGF,eAAe,CAAC,MAAM;EAC1D,MAAMG,OAAO,GAAGJ,UAAU,CAACE,4BAA4B,CAAC;EACxD,IAAI,CAACE,OAAO,EAAE;IACV,MAAMC,KAAK,CACP,oGACJ,CAAC;EACL;EACA,OAAOD,OAAO;AAClB,CAAC,CAAC","ignoreList":[]}

package/admin/views/contentModelGroups/ContentModelGroups.js

@@ -1,8 +1,8 @@
 import React, { useMemo } from "react";
-import { useSecurity } from "@webiny/app-security";
-import { SplitView, LeftPanel, RightPanel } from "@webiny/app-admin/components/SplitView";
-import ContentModelGroupsDataList from "./ContentModelGroupsDataList";
-import ContentModelGroupsForm from "./ContentModelGroupsForm";
+import { useSecurity } from "@webiny/app-admin";
+import { SplitView, LeftPanel, RightPanel } from "@webiny/app-admin";
+import ContentModelGroupsDataList from "./ContentModelGroupsDataList.js";
+import ContentModelGroupsForm from "./ContentModelGroupsForm.js";
 const ContentModelGroups = () => {
   const {
     identity,
@@ -25,7 +25,7 @@ const ContentModelGroups = () => {
   })), /*#__PURE__*/React.createElement(RightPanel, {
     span: 8
   }, /*#__PURE__*/React.createElement("div", {
-    className: "wby-w-full wby-overflow-y-auto wby-h-main-content"
+    className: "w-full overflow-y-auto h-main-content"
   }, /*#__PURE__*/React.createElement(ContentModelGroupsForm, {
     canCreate: canCreate
   }))));

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

@@ -1 +1 @@
-{"version":3,"names":["React","useMemo","useSecurity","SplitView","LeftPanel","RightPanel","ContentModelGroupsDataList","ContentModelGroupsForm","ContentModelGroups","identity","getPermission","canCreate","permission","rwd","includes","createElement","span","className"],"sources":["ContentModelGroups.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { useSecurity } from \"@webiny/app-security\";\nimport { SplitView, LeftPanel, RightPanel } from \"@webiny/app-admin/components/SplitView\";\nimport ContentModelGroupsDataList from \"./ContentModelGroupsDataList\";\nimport ContentModelGroupsForm from \"./ContentModelGroupsForm\";\nimport type { CmsSecurityPermission } from \"~/types\";\n\nconst ContentModelGroups = () => {\n    const { identity, getPermission } = useSecurity();\n\n    const canCreate = useMemo((): boolean => {\n        const permission = getPermission<CmsSecurityPermission>(\"cms.contentModelGroup\");\n        if (!permission) {\n            return false;\n        }\n\n        if (typeof permission.rwd !== \"string\") {\n            return true;\n        }\n\n        return permission.rwd.includes(\"w\");\n    }, [identity]);\n\n    return (\n        <SplitView>\n            <LeftPanel span={4}>\n                <ContentModelGroupsDataList canCreate={canCreate} />\n            </LeftPanel>\n            <RightPanel span={8}>\n                <div className={\"wby-w-full wby-overflow-y-auto wby-h-main-content\"}>\n                    <ContentModelGroupsForm canCreate={canCreate} />\n                </div>\n            </RightPanel>\n        </SplitView>\n    );\n};\n\nexport default ContentModelGroups;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SAASC,WAAW,QAAQ,sBAAsB;AAClD,SAASC,SAAS,EAAEC,SAAS,EAAEC,UAAU,QAAQ,wCAAwC;AACzF,OAAOC,0BAA0B;AACjC,OAAOC,sBAAsB;AAG7B,MAAMC,kBAAkB,GAAGA,CAAA,KAAM;EAC7B,MAAM;IAAEC,QAAQ;IAAEC;EAAc,CAAC,GAAGR,WAAW,CAAC,CAAC;EAEjD,MAAMS,SAAS,GAAGV,OAAO,CAAC,MAAe;IACrC,MAAMW,UAAU,GAAGF,aAAa,CAAwB,uBAAuB,CAAC;IAChF,IAAI,CAACE,UAAU,EAAE;MACb,OAAO,KAAK;IAChB;IAEA,IAAI,OAAOA,UAAU,CAACC,GAAG,KAAK,QAAQ,EAAE;MACpC,OAAO,IAAI;IACf;IAEA,OAAOD,UAAU,CAACC,GAAG,CAACC,QAAQ,CAAC,GAAG,CAAC;EACvC,CAAC,EAAE,CAACL,QAAQ,CAAC,CAAC;EAEd,oBACIT,KAAA,CAAAe,aAAA,CAACZ,SAAS,qBACNH,KAAA,CAAAe,aAAA,CAACX,SAAS;IAACY,IAAI,EAAE;EAAE,gBACfhB,KAAA,CAAAe,aAAA,CAACT,0BAA0B;IAACK,SAAS,EAAEA;EAAU,CAAE,CAC5C,CAAC,eACZX,KAAA,CAAAe,aAAA,CAACV,UAAU;IAACW,IAAI,EAAE;EAAE,gBAChBhB,KAAA,CAAAe,aAAA;IAAKE,SAAS,EAAE;EAAoD,gBAChEjB,KAAA,CAAAe,aAAA,CAACR,sBAAsB;IAACI,SAAS,EAAEA;EAAU,CAAE,CAC9C,CACG,CACL,CAAC;AAEpB,CAAC;AAED,eAAeH,kBAAkB","ignoreList":[]}
+{"version":3,"names":["React","useMemo","useSecurity","SplitView","LeftPanel","RightPanel","ContentModelGroupsDataList","ContentModelGroupsForm","ContentModelGroups","identity","getPermission","canCreate","permission","rwd","includes","createElement","span","className"],"sources":["ContentModelGroups.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { useSecurity } from \"@webiny/app-admin\";\nimport { SplitView, LeftPanel, RightPanel } from \"@webiny/app-admin\";\nimport ContentModelGroupsDataList from \"./ContentModelGroupsDataList.js\";\nimport ContentModelGroupsForm from \"./ContentModelGroupsForm.js\";\nimport type { CmsSecurityPermission } from \"~/types.js\";\n\nconst ContentModelGroups = () => {\n    const { identity, getPermission } = useSecurity();\n\n    const canCreate = useMemo((): boolean => {\n        const permission = getPermission<CmsSecurityPermission>(\"cms.contentModelGroup\");\n        if (!permission) {\n            return false;\n        }\n\n        if (typeof permission.rwd !== \"string\") {\n            return true;\n        }\n\n        return permission.rwd.includes(\"w\");\n    }, [identity]);\n\n    return (\n        <SplitView>\n            <LeftPanel span={4}>\n                <ContentModelGroupsDataList canCreate={canCreate} />\n            </LeftPanel>\n            <RightPanel span={8}>\n                <div className={\"w-full overflow-y-auto h-main-content\"}>\n                    <ContentModelGroupsForm canCreate={canCreate} />\n                </div>\n            </RightPanel>\n        </SplitView>\n    );\n};\n\nexport default ContentModelGroups;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SAASC,WAAW,QAAQ,mBAAmB;AAC/C,SAASC,SAAS,EAAEC,SAAS,EAAEC,UAAU,QAAQ,mBAAmB;AACpE,OAAOC,0BAA0B;AACjC,OAAOC,sBAAsB;AAG7B,MAAMC,kBAAkB,GAAGA,CAAA,KAAM;EAC7B,MAAM;IAAEC,QAAQ;IAAEC;EAAc,CAAC,GAAGR,WAAW,CAAC,CAAC;EAEjD,MAAMS,SAAS,GAAGV,OAAO,CAAC,MAAe;IACrC,MAAMW,UAAU,GAAGF,aAAa,CAAwB,uBAAuB,CAAC;IAChF,IAAI,CAACE,UAAU,EAAE;MACb,OAAO,KAAK;IAChB;IAEA,IAAI,OAAOA,UAAU,CAACC,GAAG,KAAK,QAAQ,EAAE;MACpC,OAAO,IAAI;IACf;IAEA,OAAOD,UAAU,CAACC,GAAG,CAACC,QAAQ,CAAC,GAAG,CAAC;EACvC,CAAC,EAAE,CAACL,QAAQ,CAAC,CAAC;EAEd,oBACIT,KAAA,CAAAe,aAAA,CAACZ,SAAS,qBACNH,KAAA,CAAAe,aAAA,CAACX,SAAS;IAACY,IAAI,EAAE;EAAE,gBACfhB,KAAA,CAAAe,aAAA,CAACT,0BAA0B;IAACK,SAAS,EAAEA;EAAU,CAAE,CAC5C,CAAC,eACZX,KAAA,CAAAe,aAAA,CAACV,UAAU;IAACW,IAAI,EAAE;EAAE,gBAChBhB,KAAA,CAAAe,aAAA;IAAKE,SAAS,EAAE;EAAwC,gBACpDjB,KAAA,CAAAe,aAAA,CAACR,sBAAsB;IAACI,SAAS,EAAEA;EAAU,CAAE,CAC9C,CACG,CACL,CAAC;AAEpB,CAAC;AAED,eAAeH,kBAAkB","ignoreList":[]}

package/admin/views/contentModelGroups/ContentModelGroupsDataList.js

@@ -1,20 +1,18 @@
 import React, { useCallback, useMemo, useState } from "react";
-import get from "lodash/get";
-import orderBy from "lodash/orderBy";
+import get from "lodash/get.js";
+import orderBy from "lodash/orderBy.js";
 import dotProp from "dot-prop-immutable";
-import { i18n } from "@webiny/app/i18n";
+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";
-import { DataList, DataListModalOverlay, DataListModalOverlayAction, List, ListActions, ListItem, ListItemMeta, ListItemText, ListItemTextPrimary, ListItemTextSecondary } from "@webiny/ui/List";
-import { useRouter } from "@webiny/react-router";
-import { useSnackbar } from "@webiny/app-admin/hooks/useSnackbar";
-import { useApolloClient, useQuery } from "../../hooks";
-import { useConfirmationDialog } from "@webiny/app-admin/hooks/useConfirmationDialog";
-import * as GQL from "./graphql";
-import SearchUI from "@webiny/app-admin/components/SearchUI";
-import { deserializeSorters } from "../utils";
-import usePermission from "../../hooks/usePermission";
+import { 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 { deserializeSorters } from "../utils.js";
+import { usePermission } from "../../hooks/index.js";
+import { Routes } from "../../../routes.js";
 const t = i18n.ns("app-headless-cms/admin/content-model-groups/data-list");
 const SORTERS = [{
   label: t`Newest to oldest`,
@@ -35,7 +33,7 @@ const ContentModelGroupsDataList = ({
   const [filter, setFilter] = useState("");
   const [sort, setSort] = useState(SORTERS[0].sorters);
   const {
-    history
+    goToRoute
   } = useRouter();
   const {
     showSnackbar
@@ -112,7 +110,7 @@ const ContentModelGroupsDataList = ({
         name: group.name
       }));
       if (groupId === group.id) {
-        history.push(`/cms/content-model-groups`);
+        goToRoute(Routes.ContentModelGroups.List);
       }
     });
   }, [groupId]);
@@ -137,11 +135,15 @@ const ContentModelGroupsDataList = ({
     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"),
+      onClick: () => {
+        goToRoute(Routes.ContentModelGroups.List, {
+          new: true
+        });
+      },
       text: t`New`,
       icon: /*#__PURE__*/React.createElement(AddIcon, null),
       size: "sm",
-      className: "wby-ml-xs"
+      className: "ml-xs"
     }) : null,
     search: /*#__PURE__*/React.createElement(SearchUI, {
       value: filter,
@@ -161,7 +163,11 @@ const ContentModelGroupsDataList = ({
     key: item.id,
     selected: item.id === groupId
   }, /*#__PURE__*/React.createElement(ListItemText, {
-    onClick: () => history.push(`/cms/content-model-groups?id=${item.id}`)
+    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, {

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","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":[]}
+{"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":[]}

package/admin/views/contentModelGroups/ContentModelGroupsForm.js

@@ -1,37 +1,38 @@
 import React, { useCallback } from "react";
+import isEmpty from "lodash/isEmpty.js";
+import get from "lodash/get.js";
+import { Bind, useForm, useGenerateSlug } from "@webiny/form";
 import { ReactComponent as DevicesIcon } from "@webiny/icons/devices_other.svg";
-import isEmpty from "lodash/isEmpty";
-import get from "lodash/get";
 import { Form } from "@webiny/form";
-import { i18n } from "@webiny/app/i18n";
+import { i18n } from "@webiny/app/i18n/index.js";
 import { validation } from "@webiny/validation";
-import { SimpleFormHeader, SimpleForm, SimpleFormFooter, SimpleFormContent } from "@webiny/app-admin/components/SimpleForm";
-import { IconPicker } from "../../components/IconPicker";
-import { useRouter } from "@webiny/react-router";
-import { useSnackbar } from "@webiny/app-admin/hooks/useSnackbar";
-import EmptyView from "@webiny/app-admin/components/EmptyView";
+import { useRoute, useRouter, useSnackbar, EmptyView, SimpleFormHeader, SimpleForm, SimpleFormFooter, SimpleFormContent } from "@webiny/app-admin";
+import { IconPicker } from "../../components/IconPicker.js";
 import { ReactComponent as AddIcon } from "@webiny/app-admin/assets/icons/add-18px.svg";
-import { useMutation, useQuery } from "../../hooks";
-import * as GQL from "./graphql";
-import usePermission from "../../hooks/usePermission";
-import { Tooltip } from "@webiny/ui/Tooltip";
+import { useMutation, useQuery } from "../../hooks/index.js";
+import * as GQL from "./graphql.js";
+import { usePermission } from "../../hooks/index.js";
+import { Tooltip } from "@webiny/ui/Tooltip/index.js";
 import { Button, Grid, Input, OverlayLoader, Textarea } from "@webiny/admin-ui";
+import { Routes } from "../../../routes.js";
 const t = i18n.ns("app-headless-cms/admin/content-model-groups/form");
 const ContentModelGroupsForm = ({
   canCreate
 }) => {
   const {
-    location,
-    history
+    goToRoute
   } = useRouter();
+  const {
+    route
+  } = useRoute(Routes.ContentModelGroups.List);
   const {
     showSnackbar
   } = useSnackbar();
   const {
     canEdit
   } = usePermission();
-  const newEntry = new URLSearchParams(location.search).get("new") === "true";
-  const id = new URLSearchParams(location.search).get("id");
+  const newEntry = route.params.new === true;
+  const id = route.params.id;
   const getQuery = useQuery(GQL.GET_CONTENT_MODEL_GROUP, {
     variables: {
       id: id
@@ -45,7 +46,7 @@ const ContentModelGroupsForm = ({
         error
       } = data.contentModelGroup;
       if (error) {
-        history.push("/cms/content-model-group");
+        goToRoute(Routes.ContentModelGroups.List);
         showSnackbar(error.message);
       }
     }
@@ -85,9 +86,11 @@ const ContentModelGroupsForm = ({
   const createOperation = useCallback(group => {
     if (!group.id) {
       return create({
+        refetchQueries: ["CmsListMenuContentGroupsModels"],
         variables: {
           data: {
             name: group.name,
+            slug: group.slug,
             description: group.description,
             icon: group.icon
           }
@@ -95,6 +98,7 @@ const ContentModelGroupsForm = ({
       });
     }
     return update({
+      refetchQueries: ["CmsListMenuContentGroupsModels"],
       variables: {
         id: group.id,
         data: {
@@ -126,7 +130,9 @@ const ContentModelGroupsForm = ({
      * Redirect to a new group
      */
     if (!group.id) {
-      history.push(`/cms/content-model-groups?id=${data.id}`);
+      goToRoute(Routes.ContentModelGroups.List, {
+        id: data.id
+      });
     }
     showSnackbar(t`Content model group saved successfully!`);
   }, [id]);
@@ -143,7 +149,11 @@ const ContentModelGroupsForm = ({
         text: t`New Group`,
         icon: /*#__PURE__*/React.createElement(AddIcon, null),
         "data-testid": "new-record-button",
-        onClick: () => history.push("/cms/content-model-groups?new=true")
+        onClick: () => {
+          goToRoute(Routes.ContentModelGroups.List, {
+            new: true
+          });
+        }
       }) : /*#__PURE__*/React.createElement(React.Fragment, null)
     });
   }
@@ -154,21 +164,60 @@ const ContentModelGroupsForm = ({
     }
   }, ({
     data,
-    form,
-    Bind
+    form
   }) => /*#__PURE__*/React.createElement(SimpleForm, {
     "data-testid": "pb-content-model-groups-form"
   }, /*#__PURE__*/React.createElement(SimpleFormHeader, {
     title: data.name ? data.name : t`New content model group`
-  }), loading && /*#__PURE__*/React.createElement(OverlayLoader, null), /*#__PURE__*/React.createElement(SimpleFormContent, null, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Grid.Column, {
+  }), loading && /*#__PURE__*/React.createElement(OverlayLoader, null), /*#__PURE__*/React.createElement(SimpleFormContent, null, /*#__PURE__*/React.createElement(FormContent, {
+    newEntry: newEntry
+  })), /*#__PURE__*/React.createElement(SimpleFormFooter, null, /*#__PURE__*/React.createElement(Button, {
+    variant: "secondary",
+    text: t`Cancel`,
+    onClick: () => {
+      goToRoute(Routes.ContentModelGroups.List);
+    }
+  }), canEdit(data, "cms.contentModelGroup") && /*#__PURE__*/React.createElement(React.Fragment, null, !data.plugin ? /*#__PURE__*/React.createElement(Button, {
+    variant: "primary",
+    text: t`Save`,
+    onClick: form.submit,
+    "data-testid": "cms.form.group.submit"
+  }) : /*#__PURE__*/React.createElement(Tooltip, {
+    content: "Content model group is registered via a plugin.",
+    placement: "bottom"
+  }, /*#__PURE__*/React.createElement(Button, {
+    disabled: true,
+    variant: "primary",
+    text: t`Save`,
+    "data-testid": "cms.form.group.submit"
+  }))))));
+};
+const FormContent = ({
+  newEntry
+}) => {
+  const form = useForm();
+  const {
+    generateSlug
+  } = useGenerateSlug(form, "name", "slug");
+  return /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Grid.Column, {
     span: 12
   }, /*#__PURE__*/React.createElement(Bind, {
     name: "name",
     validators: validation.create("required,maxLength:100")
   }, /*#__PURE__*/React.createElement(Input, {
-    size: "lg",
     "data-testid": "cms.form.group.name",
-    label: t`Name`
+    label: t`Name`,
+    onBlur: generateSlug,
+    required: true
+  }))), /*#__PURE__*/React.createElement(Grid.Column, {
+    span: 12
+  }, /*#__PURE__*/React.createElement(Bind, {
+    name: "slug",
+    validators: [validation.create("required,slug")]
+  }, /*#__PURE__*/React.createElement(Input, {
+    label: "Slug",
+    required: true,
+    disabled: !newEntry
   }))), /*#__PURE__*/React.createElement(Grid.Column, {
     span: 12
   }, /*#__PURE__*/React.createElement(Bind, {
@@ -180,32 +229,13 @@ const ContentModelGroupsForm = ({
   }))), /*#__PURE__*/React.createElement(Grid.Column, {
     span: 12
   }, /*#__PURE__*/React.createElement(Bind, {
-    name: "description"
+    name: "description",
+    defaultValue: ""
   }, /*#__PURE__*/React.createElement(Textarea, {
-    size: "lg",
     "data-testid": "cms.form.group.description",
     rows: 5,
     label: t`Description`
-  }))))), /*#__PURE__*/React.createElement(SimpleFormFooter, null, /*#__PURE__*/React.createElement(Button, {
-    variant: "secondary",
-    text: t`Cancel`,
-    onClick: () => history.push("/cms/content-model-groups")
-  }), canEdit(data, "cms.contentModelGroup") && /*#__PURE__*/React.createElement(React.Fragment, null, !data.plugin ? /*#__PURE__*/React.createElement(Button, {
-    variant: "primary",
-    text: t`Save`,
-    onClick: ev => {
-      form.submit(ev);
-    },
-    "data-testid": "cms.form.group.submit"
-  }) : /*#__PURE__*/React.createElement(Tooltip, {
-    content: "Content model group is registered via a plugin.",
-    placement: "bottom"
-  }, /*#__PURE__*/React.createElement(Button, {
-    disabled: true,
-    variant: "primary",
-    text: t`Save`,
-    "data-testid": "cms.form.group.submit"
-  }))))));
+  }))));
 };
 export default ContentModelGroupsForm;
 

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

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","ReactComponent","DevicesIcon","isEmpty","get","Form","i18n","validation","SimpleFormHeader","SimpleForm","SimpleFormFooter","SimpleFormContent","IconPicker","useRouter","useSnackbar","EmptyView","AddIcon","useMutation","useQuery","GQL","usePermission","Tooltip","Button","Grid","Input","OverlayLoader","Textarea","t","ns","ContentModelGroupsForm","canCreate","location","history","showSnackbar","canEdit","newEntry","URLSearchParams","search","id","getQuery","GET_CONTENT_MODEL_GROUP","variables","skip","onCompleted","data","error","contentModelGroup","push","message","create","createMutation","CREATE_CONTENT_MODEL_GROUP","update","cache","gqlParams","query","LIST_CONTENT_MODEL_GROUPS","result","readQuery","listContentModelGroups","writeQuery","updateMutation","UPDATE_CONTENT_MODEL_GROUP","loading","find","item","createOperation","group","name","description","icon","onSubmit","response","showEmptyView","createElement","title","action","text","onClick","Fragment","form","Bind","Column","span","validators","size","label","rows","variant","plugin","ev","submit","content","placement","disabled"],"sources":["ContentModelGroupsForm.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { ReactComponent as DevicesIcon } from \"@webiny/icons/devices_other.svg\";\nimport isEmpty from \"lodash/isEmpty\";\nimport get from \"lodash/get\";\nimport type { FormRenderPropParams } from \"@webiny/form\";\nimport { Form } from \"@webiny/form\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { validation } from \"@webiny/validation\";\n\nimport {\n    SimpleFormHeader,\n    SimpleForm,\n    SimpleFormFooter,\n    SimpleFormContent\n} from \"@webiny/app-admin/components/SimpleForm\";\nimport { IconPicker } from \"~/admin/components/IconPicker\";\nimport { useRouter } from \"@webiny/react-router\";\nimport { useSnackbar } from \"@webiny/app-admin/hooks/useSnackbar\";\nimport EmptyView from \"@webiny/app-admin/components/EmptyView\";\nimport { ReactComponent as AddIcon } from \"@webiny/app-admin/assets/icons/add-18px.svg\";\nimport { useMutation, useQuery } from \"../../hooks\";\nimport * as GQL from \"./graphql\";\nimport usePermission from \"../../hooks/usePermission\";\nimport { Tooltip } from \"@webiny/ui/Tooltip\";\nimport type {\n    CmsGroup,\n    CreateCmsGroupMutationResponse,\n    CreateCmsGroupMutationVariables,\n    GetCmsGroupQueryResponse,\n    GetCmsGroupQueryVariables,\n    ListCmsGroupsQueryResponse,\n    UpdateCmsGroupMutationResponse,\n    UpdateCmsGroupMutationVariables\n} from \"./graphql\";\nimport { Button, Grid, Input, OverlayLoader, Textarea } from \"@webiny/admin-ui\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/content-model-groups/form\");\n\ninterface ContentModelGroupsFormProps {\n    canCreate: boolean;\n}\nconst ContentModelGroupsForm = ({ canCreate }: ContentModelGroupsFormProps) => {\n    const { location, history } = useRouter();\n    const { showSnackbar } = useSnackbar();\n    const { canEdit } = usePermission();\n\n    const newEntry = new URLSearchParams(location.search).get(\"new\") === \"true\";\n    const id = new URLSearchParams(location.search).get(\"id\");\n\n    const getQuery = useQuery<GetCmsGroupQueryResponse, GetCmsGroupQueryVariables>(\n        GQL.GET_CONTENT_MODEL_GROUP,\n        {\n            variables: {\n                id: id as string\n            },\n            skip: !id,\n            onCompleted: data => {\n                if (!data) {\n                    return;\n                }\n\n                const { error } = data.contentModelGroup;\n                if (error) {\n                    history.push(\"/cms/content-model-group\");\n                    showSnackbar(error.message);\n                }\n            }\n        }\n    );\n\n    // Create a new group and update list cache\n    const [create, createMutation] = useMutation<\n        CreateCmsGroupMutationResponse,\n        CreateCmsGroupMutationVariables\n    >(GQL.CREATE_CONTENT_MODEL_GROUP, {\n        update(cache, { data }) {\n            if (!data || data.contentModelGroup.error) {\n                return;\n            }\n\n            const gqlParams = {\n                query: GQL.LIST_CONTENT_MODEL_GROUPS\n            };\n            const result = cache.readQuery<ListCmsGroupsQueryResponse>(gqlParams);\n            if (!result || !result.listContentModelGroups) {\n                return;\n            }\n            const { listContentModelGroups } = result;\n            cache.writeQuery({\n                ...gqlParams,\n                data: {\n                    listContentModelGroups: {\n                        ...listContentModelGroups,\n                        data: [data.contentModelGroup.data, ...listContentModelGroups.data]\n                    }\n                }\n            });\n        }\n    });\n    const [update, updateMutation] = useMutation<\n        UpdateCmsGroupMutationResponse,\n        UpdateCmsGroupMutationVariables\n    >(GQL.UPDATE_CONTENT_MODEL_GROUP);\n\n    const loading = [getQuery, createMutation, updateMutation].find(item => item.loading);\n\n    const createOperation = useCallback(\n        (group: Partial<CmsGroup>) => {\n            if (!group.id) {\n                return create({\n                    variables: {\n                        data: {\n                            name: group.name,\n                            description: group.description,\n                            icon: group.icon\n                        }\n                    }\n                });\n            }\n            return update({\n                variables: {\n                    id: group.id,\n                    data: {\n                        name: group.name,\n                        description: group.description,\n                        icon: group.icon\n                    }\n                }\n            });\n        },\n        [create, update]\n    );\n\n    const onSubmit = useCallback(\n        async (group: Partial<CmsGroup>): Promise<void> => {\n            /**\n             * Create or update, depends if group object has id property\n             */\n            const response = await createOperation(group);\n            if (!response.data) {\n                showSnackbar(`Missing response data ain Content Model Group Mutation Response.`);\n                return;\n            }\n\n            const { data, error } = response.data.contentModelGroup;\n            if (error) {\n                showSnackbar(error.message);\n                return;\n            }\n            /**\n             * Redirect to a new group\n             */\n            if (!group.id) {\n                history.push(`/cms/content-model-groups?id=${data.id}`);\n            }\n            showSnackbar(t`Content model group saved successfully!`);\n        },\n        [id]\n    );\n\n    const data: CmsGroup | null = getQuery.loading\n        ? null\n        : get(getQuery, \"data.contentModelGroup.data\", null);\n\n    const showEmptyView = !newEntry && !loading && isEmpty(data);\n    // Render \"No content selected\" view.\n    if (showEmptyView) {\n        return (\n            <EmptyView\n                icon={<DevicesIcon />}\n                title={t`Click on the left side list to display group details {message}`({\n                    message: canCreate ? \"or create a...\" : \"\"\n                })}\n                action={\n                    canCreate ? (\n                        <Button\n                            text={t`New Group`}\n                            icon={<AddIcon />}\n                            data-testid=\"new-record-button\"\n                            onClick={() => history.push(\"/cms/content-model-groups?new=true\")}\n                        />\n                    ) : (\n                        <></>\n                    )\n                }\n            />\n        );\n    }\n\n    return (\n        <Form onSubmit={onSubmit} data={data || { icon: \"fas/star\" }}>\n            {({ data, form, Bind }: FormRenderPropParams<CmsGroup>) => (\n                <SimpleForm data-testid={\"pb-content-model-groups-form\"}>\n                    <SimpleFormHeader title={data.name ? data.name : t`New content model group`} />\n                    {loading && <OverlayLoader />}\n                    <SimpleFormContent>\n                        <Grid>\n                            <Grid.Column span={12}>\n                                <Bind\n                                    name=\"name\"\n                                    validators={validation.create(\"required,maxLength:100\")}\n                                >\n                                    <Input\n                                        size={\"lg\"}\n                                        data-testid={\"cms.form.group.name\"}\n                                        label={t`Name`}\n                                    />\n                                </Bind>\n                            </Grid.Column>\n\n                            <Grid.Column span={12}>\n                                <Bind name=\"icon\" validators={validation.create(\"required\")}>\n                                    <IconPicker\n                                        label={t`Group icon`}\n                                        description={t`Icon that will be displayed in the main menu.`}\n                                    />\n                                </Bind>\n                            </Grid.Column>\n                            <Grid.Column span={12}>\n                                <Bind name=\"description\">\n                                    <Textarea\n                                        size={\"lg\"}\n                                        data-testid={\"cms.form.group.description\"}\n                                        rows={5}\n                                        label={t`Description`}\n                                    />\n                                </Bind>\n                            </Grid.Column>\n                        </Grid>\n                    </SimpleFormContent>\n                    <SimpleFormFooter>\n                        <Button\n                            variant={\"secondary\"}\n                            text={t`Cancel`}\n                            onClick={() => history.push(\"/cms/content-model-groups\")}\n                        />\n\n                        {canEdit(data, \"cms.contentModelGroup\") && (\n                            <React.Fragment>\n                                {!data.plugin ? (\n                                    <Button\n                                        variant={\"primary\"}\n                                        text={t`Save`}\n                                        onClick={ev => {\n                                            form.submit(ev);\n                                        }}\n                                        data-testid={\"cms.form.group.submit\"}\n                                    />\n                                ) : (\n                                    <Tooltip\n                                        content={\"Content model group is registered via a plugin.\"}\n                                        placement={\"bottom\"}\n                                    >\n                                        <Button\n                                            disabled\n                                            variant={\"primary\"}\n                                            text={t`Save`}\n                                            data-testid={\"cms.form.group.submit\"}\n                                        />\n                                    </Tooltip>\n                                )}\n                            </React.Fragment>\n                        )}\n                    </SimpleFormFooter>\n                </SimpleForm>\n            )}\n        </Form>\n    );\n};\n\nexport default ContentModelGroupsForm;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,QAAQ,OAAO;AAC1C,SAASC,cAAc,IAAIC,WAAW,QAAQ,iCAAiC;AAC/E,OAAOC,OAAO,MAAM,gBAAgB;AACpC,OAAOC,GAAG,MAAM,YAAY;AAE5B,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,IAAI,QAAQ,kBAAkB;AACvC,SAASC,UAAU,QAAQ,oBAAoB;AAE/C,SACIC,gBAAgB,EAChBC,UAAU,EACVC,gBAAgB,EAChBC,iBAAiB,QACd,yCAAyC;AAChD,SAASC,UAAU;AACnB,SAASC,SAAS,QAAQ,sBAAsB;AAChD,SAASC,WAAW,QAAQ,qCAAqC;AACjE,OAAOC,SAAS,MAAM,wCAAwC;AAC9D,SAASd,cAAc,IAAIe,OAAO,QAAQ,6CAA6C;AACvF,SAASC,WAAW,EAAEC,QAAQ;AAC9B,OAAO,KAAKC,GAAG;AACf,OAAOC,aAAa;AACpB,SAASC,OAAO,QAAQ,oBAAoB;AAW5C,SAASC,MAAM,EAAEC,IAAI,EAAEC,KAAK,EAAEC,aAAa,EAAEC,QAAQ,QAAQ,kBAAkB;AAE/E,MAAMC,CAAC,GAAGrB,IAAI,CAACsB,EAAE,CAAC,kDAAkD,CAAC;AAKrE,MAAMC,sBAAsB,GAAGA,CAAC;EAAEC;AAAuC,CAAC,KAAK;EAC3E,MAAM;IAAEC,QAAQ;IAAEC;EAAQ,CAAC,GAAGnB,SAAS,CAAC,CAAC;EACzC,MAAM;IAAEoB;EAAa,CAAC,GAAGnB,WAAW,CAAC,CAAC;EACtC,MAAM;IAAEoB;EAAQ,CAAC,GAAGd,aAAa,CAAC,CAAC;EAEnC,MAAMe,QAAQ,GAAG,IAAIC,eAAe,CAACL,QAAQ,CAACM,MAAM,CAAC,CAACjC,GAAG,CAAC,KAAK,CAAC,KAAK,MAAM;EAC3E,MAAMkC,EAAE,GAAG,IAAIF,eAAe,CAACL,QAAQ,CAACM,MAAM,CAAC,CAACjC,GAAG,CAAC,IAAI,CAAC;EAEzD,MAAMmC,QAAQ,GAAGrB,QAAQ,CACrBC,GAAG,CAACqB,uBAAuB,EAC3B;IACIC,SAAS,EAAE;MACPH,EAAE,EAAEA;IACR,CAAC;IACDI,IAAI,EAAE,CAACJ,EAAE;IACTK,WAAW,EAAEC,IAAI,IAAI;MACjB,IAAI,CAACA,IAAI,EAAE;QACP;MACJ;MAEA,MAAM;QAAEC;MAAM,CAAC,GAAGD,IAAI,CAACE,iBAAiB;MACxC,IAAID,KAAK,EAAE;QACPb,OAAO,CAACe,IAAI,CAAC,0BAA0B,CAAC;QACxCd,YAAY,CAACY,KAAK,CAACG,OAAO,CAAC;MAC/B;IACJ;EACJ,CACJ,CAAC;;EAED;EACA,MAAM,CAACC,MAAM,EAAEC,cAAc,CAAC,GAAGjC,WAAW,CAG1CE,GAAG,CAACgC,0BAA0B,EAAE;IAC9BC,MAAMA,CAACC,KAAK,EAAE;MAAET;IAAK,CAAC,EAAE;MACpB,IAAI,CAACA,IAAI,IAAIA,IAAI,CAACE,iBAAiB,CAACD,KAAK,EAAE;QACvC;MACJ;MAEA,MAAMS,SAAS,GAAG;QACdC,KAAK,EAAEpC,GAAG,CAACqC;MACf,CAAC;MACD,MAAMC,MAAM,GAAGJ,KAAK,CAACK,SAAS,CAA6BJ,SAAS,CAAC;MACrE,IAAI,CAACG,MAAM,IAAI,CAACA,MAAM,CAACE,sBAAsB,EAAE;QAC3C;MACJ;MACA,MAAM;QAAEA;MAAuB,CAAC,GAAGF,MAAM;MACzCJ,KAAK,CAACO,UAAU,CAAC;QACb,GAAGN,SAAS;QACZV,IAAI,EAAE;UACFe,sBAAsB,EAAE;YACpB,GAAGA,sBAAsB;YACzBf,IAAI,EAAE,CAACA,IAAI,CAACE,iBAAiB,CAACF,IAAI,EAAE,GAAGe,sBAAsB,CAACf,IAAI;UACtE;QACJ;MACJ,CAAC,CAAC;IACN;EACJ,CAAC,CAAC;EACF,MAAM,CAACQ,MAAM,EAAES,cAAc,CAAC,GAAG5C,WAAW,CAG1CE,GAAG,CAAC2C,0BAA0B,CAAC;EAEjC,MAAMC,OAAO,GAAG,CAACxB,QAAQ,EAAEW,cAAc,EAAEW,cAAc,CAAC,CAACG,IAAI,CAACC,IAAI,IAAIA,IAAI,CAACF,OAAO,CAAC;EAErF,MAAMG,eAAe,GAAGlE,WAAW,CAC9BmE,KAAwB,IAAK;IAC1B,IAAI,CAACA,KAAK,CAAC7B,EAAE,EAAE;MACX,OAAOW,MAAM,CAAC;QACVR,SAAS,EAAE;UACPG,IAAI,EAAE;YACFwB,IAAI,EAAED,KAAK,CAACC,IAAI;YAChBC,WAAW,EAAEF,KAAK,CAACE,WAAW;YAC9BC,IAAI,EAAEH,KAAK,CAACG;UAChB;QACJ;MACJ,CAAC,CAAC;IACN;IACA,OAAOlB,MAAM,CAAC;MACVX,SAAS,EAAE;QACPH,EAAE,EAAE6B,KAAK,CAAC7B,EAAE;QACZM,IAAI,EAAE;UACFwB,IAAI,EAAED,KAAK,CAACC,IAAI;UAChBC,WAAW,EAAEF,KAAK,CAACE,WAAW;UAC9BC,IAAI,EAAEH,KAAK,CAACG;QAChB;MACJ;IACJ,CAAC,CAAC;EACN,CAAC,EACD,CAACrB,MAAM,EAAEG,MAAM,CACnB,CAAC;EAED,MAAMmB,QAAQ,GAAGvE,WAAW,CACxB,MAAOmE,KAAwB,IAAoB;IAC/C;AACZ;AACA;IACY,MAAMK,QAAQ,GAAG,MAAMN,eAAe,CAACC,KAAK,CAAC;IAC7C,IAAI,CAACK,QAAQ,CAAC5B,IAAI,EAAE;MAChBX,YAAY,CAAC,kEAAkE,CAAC;MAChF;IACJ;IAEA,MAAM;MAAEW,IAAI;MAAEC;IAAM,CAAC,GAAG2B,QAAQ,CAAC5B,IAAI,CAACE,iBAAiB;IACvD,IAAID,KAAK,EAAE;MACPZ,YAAY,CAACY,KAAK,CAACG,OAAO,CAAC;MAC3B;IACJ;IACA;AACZ;AACA;IACY,IAAI,CAACmB,KAAK,CAAC7B,EAAE,EAAE;MACXN,OAAO,CAACe,IAAI,CAAC,gCAAgCH,IAAI,CAACN,EAAE,EAAE,CAAC;IAC3D;IACAL,YAAY,CAACN,CAAC,yCAAyC,CAAC;EAC5D,CAAC,EACD,CAACW,EAAE,CACP,CAAC;EAED,MAAMM,IAAqB,GAAGL,QAAQ,CAACwB,OAAO,GACxC,IAAI,GACJ3D,GAAG,CAACmC,QAAQ,EAAE,6BAA6B,EAAE,IAAI,CAAC;EAExD,MAAMkC,aAAa,GAAG,CAACtC,QAAQ,IAAI,CAAC4B,OAAO,IAAI5D,OAAO,CAACyC,IAAI,CAAC;EAC5D;EACA,IAAI6B,aAAa,EAAE;IACf,oBACI1E,KAAA,CAAA2E,aAAA,CAAC3D,SAAS;MACNuD,IAAI,eAAEvE,KAAA,CAAA2E,aAAA,CAACxE,WAAW,MAAE,CAAE;MACtByE,KAAK,EAAEhD,CAAC,gEAAgE,CAAC;QACrEqB,OAAO,EAAElB,SAAS,GAAG,gBAAgB,GAAG;MAC5C,CAAC,CAAE;MACH8C,MAAM,EACF9C,SAAS,gBACL/B,KAAA,CAAA2E,aAAA,CAACpD,MAAM;QACHuD,IAAI,EAAElD,CAAC,WAAY;QACnB2C,IAAI,eAAEvE,KAAA,CAAA2E,aAAA,CAAC1D,OAAO,MAAE,CAAE;QAClB,eAAY,mBAAmB;QAC/B8D,OAAO,EAAEA,CAAA,KAAM9C,OAAO,CAACe,IAAI,CAAC,oCAAoC;MAAE,CACrE,CAAC,gBAEFhD,KAAA,CAAA2E,aAAA,CAAA3E,KAAA,CAAAgF,QAAA,MAAI;IAEX,CACJ,CAAC;EAEV;EAEA,oBACIhF,KAAA,CAAA2E,aAAA,CAACrE,IAAI;IAACkE,QAAQ,EAAEA,QAAS;IAAC3B,IAAI,EAAEA,IAAI,IAAI;MAAE0B,IAAI,EAAE;IAAW;EAAE,GACxD,CAAC;IAAE1B,IAAI;IAAEoC,IAAI;IAAEC;EAAqC,CAAC,kBAClDlF,KAAA,CAAA2E,aAAA,CAACjE,UAAU;IAAC,eAAa;EAA+B,gBACpDV,KAAA,CAAA2E,aAAA,CAAClE,gBAAgB;IAACmE,KAAK,EAAE/B,IAAI,CAACwB,IAAI,GAAGxB,IAAI,CAACwB,IAAI,GAAGzC,CAAC;EAA0B,CAAE,CAAC,EAC9EoC,OAAO,iBAAIhE,KAAA,CAAA2E,aAAA,CAACjD,aAAa,MAAE,CAAC,eAC7B1B,KAAA,CAAA2E,aAAA,CAAC/D,iBAAiB,qBACdZ,KAAA,CAAA2E,aAAA,CAACnD,IAAI,qBACDxB,KAAA,CAAA2E,aAAA,CAACnD,IAAI,CAAC2D,MAAM;IAACC,IAAI,EAAE;EAAG,gBAClBpF,KAAA,CAAA2E,aAAA,CAACO,IAAI;IACDb,IAAI,EAAC,MAAM;IACXgB,UAAU,EAAE7E,UAAU,CAAC0C,MAAM,CAAC,wBAAwB;EAAE,gBAExDlD,KAAA,CAAA2E,aAAA,CAAClD,KAAK;IACF6D,IAAI,EAAE,IAAK;IACX,eAAa,qBAAsB;IACnCC,KAAK,EAAE3D,CAAC;EAAO,CAClB,CACC,CACG,CAAC,eAEd5B,KAAA,CAAA2E,aAAA,CAACnD,IAAI,CAAC2D,MAAM;IAACC,IAAI,EAAE;EAAG,gBAClBpF,KAAA,CAAA2E,aAAA,CAACO,IAAI;IAACb,IAAI,EAAC,MAAM;IAACgB,UAAU,EAAE7E,UAAU,CAAC0C,MAAM,CAAC,UAAU;EAAE,gBACxDlD,KAAA,CAAA2E,aAAA,CAAC9D,UAAU;IACP0E,KAAK,EAAE3D,CAAC,YAAa;IACrB0C,WAAW,EAAE1C,CAAC;EAAgD,CACjE,CACC,CACG,CAAC,eACd5B,KAAA,CAAA2E,aAAA,CAACnD,IAAI,CAAC2D,MAAM;IAACC,IAAI,EAAE;EAAG,gBAClBpF,KAAA,CAAA2E,aAAA,CAACO,IAAI;IAACb,IAAI,EAAC;EAAa,gBACpBrE,KAAA,CAAA2E,aAAA,CAAChD,QAAQ;IACL2D,IAAI,EAAE,IAAK;IACX,eAAa,4BAA6B;IAC1CE,IAAI,EAAE,CAAE;IACRD,KAAK,EAAE3D,CAAC;EAAc,CACzB,CACC,CACG,CACX,CACS,CAAC,eACpB5B,KAAA,CAAA2E,aAAA,CAAChE,gBAAgB,qBACbX,KAAA,CAAA2E,aAAA,CAACpD,MAAM;IACHkE,OAAO,EAAE,WAAY;IACrBX,IAAI,EAAElD,CAAC,QAAS;IAChBmD,OAAO,EAAEA,CAAA,KAAM9C,OAAO,CAACe,IAAI,CAAC,2BAA2B;EAAE,CAC5D,CAAC,EAEDb,OAAO,CAACU,IAAI,EAAE,uBAAuB,CAAC,iBACnC7C,KAAA,CAAA2E,aAAA,CAAC3E,KAAK,CAACgF,QAAQ,QACV,CAACnC,IAAI,CAAC6C,MAAM,gBACT1F,KAAA,CAAA2E,aAAA,CAACpD,MAAM;IACHkE,OAAO,EAAE,SAAU;IACnBX,IAAI,EAAElD,CAAC,MAAO;IACdmD,OAAO,EAAEY,EAAE,IAAI;MACXV,IAAI,CAACW,MAAM,CAACD,EAAE,CAAC;IACnB,CAAE;IACF,eAAa;EAAwB,CACxC,CAAC,gBAEF3F,KAAA,CAAA2E,aAAA,CAACrD,OAAO;IACJuE,OAAO,EAAE,iDAAkD;IAC3DC,SAAS,EAAE;EAAS,gBAEpB9F,KAAA,CAAA2E,aAAA,CAACpD,MAAM;IACHwE,QAAQ;IACRN,OAAO,EAAE,SAAU;IACnBX,IAAI,EAAElD,CAAC,MAAO;IACd,eAAa;EAAwB,CACxC,CACI,CAED,CAEN,CACV,CAEd,CAAC;AAEf,CAAC;AAED,eAAeE,sBAAsB","ignoreList":[]}
+{"version":3,"names":["React","useCallback","isEmpty","get","Bind","useForm","useGenerateSlug","ReactComponent","DevicesIcon","Form","i18n","validation","useRoute","useRouter","useSnackbar","EmptyView","SimpleFormHeader","SimpleForm","SimpleFormFooter","SimpleFormContent","IconPicker","AddIcon","useMutation","useQuery","GQL","usePermission","Tooltip","Button","Grid","Input","OverlayLoader","Textarea","Routes","t","ns","ContentModelGroupsForm","canCreate","goToRoute","route","ContentModelGroups","List","showSnackbar","canEdit","newEntry","params","new","id","getQuery","GET_CONTENT_MODEL_GROUP","variables","skip","onCompleted","data","error","contentModelGroup","message","create","createMutation","CREATE_CONTENT_MODEL_GROUP","update","cache","gqlParams","query","LIST_CONTENT_MODEL_GROUPS","result","readQuery","listContentModelGroups","writeQuery","updateMutation","UPDATE_CONTENT_MODEL_GROUP","loading","find","item","createOperation","group","refetchQueries","name","slug","description","icon","onSubmit","response","showEmptyView","createElement","title","action","text","onClick","Fragment","form","FormContent","variant","plugin","submit","content","placement","disabled","generateSlug","Column","span","validators","label","onBlur","required","defaultValue","rows"],"sources":["ContentModelGroupsForm.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport isEmpty from \"lodash/isEmpty.js\";\nimport get from \"lodash/get.js\";\nimport { Bind, type FormRenderPropParams, useForm, useGenerateSlug } from \"@webiny/form\";\nimport { ReactComponent as DevicesIcon } from \"@webiny/icons/devices_other.svg\";\nimport { Form } from \"@webiny/form\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport { validation } from \"@webiny/validation\";\n\nimport {\n    useRoute,\n    useRouter,\n    useSnackbar,\n    EmptyView,\n    SimpleFormHeader,\n    SimpleForm,\n    SimpleFormFooter,\n    SimpleFormContent\n} from \"@webiny/app-admin\";\nimport { IconPicker } from \"~/admin/components/IconPicker.js\";\nimport { ReactComponent as AddIcon } from \"@webiny/app-admin/assets/icons/add-18px.svg\";\nimport { useMutation, useQuery } from \"../../hooks/index.js\";\nimport * as GQL from \"./graphql.js\";\nimport { usePermission } from \"~/admin/hooks/index.js\";\nimport { Tooltip } from \"@webiny/ui/Tooltip/index.js\";\nimport type {\n    CmsGroup,\n    CreateCmsGroupMutationResponse,\n    CreateCmsGroupMutationVariables,\n    GetCmsGroupQueryResponse,\n    GetCmsGroupQueryVariables,\n    ListCmsGroupsQueryResponse,\n    UpdateCmsGroupMutationResponse,\n    UpdateCmsGroupMutationVariables\n} from \"./graphql.js\";\nimport { Button, Grid, Input, OverlayLoader, Textarea } from \"@webiny/admin-ui\";\nimport { Routes } from \"~/routes.js\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/content-model-groups/form\");\n\ninterface ContentModelGroupsFormProps {\n    canCreate: boolean;\n}\nconst ContentModelGroupsForm = ({ canCreate }: ContentModelGroupsFormProps) => {\n    const { goToRoute } = useRouter();\n    const { route } = useRoute(Routes.ContentModelGroups.List);\n    const { showSnackbar } = useSnackbar();\n    const { canEdit } = usePermission();\n\n    const newEntry = route.params.new === true;\n    const id = route.params.id;\n\n    const getQuery = useQuery<GetCmsGroupQueryResponse, GetCmsGroupQueryVariables>(\n        GQL.GET_CONTENT_MODEL_GROUP,\n        {\n            variables: {\n                id: id as string\n            },\n            skip: !id,\n            onCompleted: data => {\n                if (!data) {\n                    return;\n                }\n\n                const { error } = data.contentModelGroup;\n                if (error) {\n                    goToRoute(Routes.ContentModelGroups.List);\n                    showSnackbar(error.message);\n                }\n            }\n        }\n    );\n\n    // Create a new group and update list cache\n    const [create, createMutation] = useMutation<\n        CreateCmsGroupMutationResponse,\n        CreateCmsGroupMutationVariables\n    >(GQL.CREATE_CONTENT_MODEL_GROUP, {\n        update(cache, { data }) {\n            if (!data || data.contentModelGroup.error) {\n                return;\n            }\n\n            const gqlParams = {\n                query: GQL.LIST_CONTENT_MODEL_GROUPS\n            };\n            const result = cache.readQuery<ListCmsGroupsQueryResponse>(gqlParams);\n            if (!result || !result.listContentModelGroups) {\n                return;\n            }\n            const { listContentModelGroups } = result;\n            cache.writeQuery({\n                ...gqlParams,\n                data: {\n                    listContentModelGroups: {\n                        ...listContentModelGroups,\n                        data: [data.contentModelGroup.data, ...listContentModelGroups.data]\n                    }\n                }\n            });\n        }\n    });\n    const [update, updateMutation] = useMutation<\n        UpdateCmsGroupMutationResponse,\n        UpdateCmsGroupMutationVariables\n    >(GQL.UPDATE_CONTENT_MODEL_GROUP);\n\n    const loading = [getQuery, createMutation, updateMutation].find(item => item.loading);\n\n    const createOperation = useCallback(\n        (group: Partial<CmsGroup>) => {\n            if (!group.id) {\n                return create({\n                    refetchQueries: [\"CmsListMenuContentGroupsModels\"],\n                    variables: {\n                        data: {\n                            name: group.name,\n                            slug: group.slug,\n                            description: group.description,\n                            icon: group.icon\n                        }\n                    }\n                });\n            }\n            return update({\n                refetchQueries: [\"CmsListMenuContentGroupsModels\"],\n                variables: {\n                    id: group.id,\n                    data: {\n                        name: group.name,\n                        description: group.description,\n                        icon: group.icon\n                    }\n                }\n            });\n        },\n        [create, update]\n    );\n\n    const onSubmit = useCallback(\n        async (group: Partial<CmsGroup>): Promise<void> => {\n            /**\n             * Create or update, depends if group object has id property\n             */\n            const response = await createOperation(group);\n            if (!response.data) {\n                showSnackbar(`Missing response data ain Content Model Group Mutation Response.`);\n                return;\n            }\n\n            const { data, error } = response.data.contentModelGroup;\n            if (error) {\n                showSnackbar(error.message);\n                return;\n            }\n            /**\n             * Redirect to a new group\n             */\n            if (!group.id) {\n                goToRoute(Routes.ContentModelGroups.List, { id: data.id });\n            }\n            showSnackbar(t`Content model group saved successfully!`);\n        },\n        [id]\n    );\n\n    const data: CmsGroup | null = getQuery.loading\n        ? null\n        : get(getQuery, \"data.contentModelGroup.data\", null);\n\n    const showEmptyView = !newEntry && !loading && isEmpty(data);\n    // Render \"No content selected\" view.\n    if (showEmptyView) {\n        return (\n            <EmptyView\n                icon={<DevicesIcon />}\n                title={t`Click on the left side list to display group details {message}`({\n                    message: canCreate ? \"or create a...\" : \"\"\n                })}\n                action={\n                    canCreate ? (\n                        <Button\n                            text={t`New Group`}\n                            icon={<AddIcon />}\n                            data-testid=\"new-record-button\"\n                            onClick={() => {\n                                goToRoute(Routes.ContentModelGroups.List, { new: true });\n                            }}\n                        />\n                    ) : (\n                        <></>\n                    )\n                }\n            />\n        );\n    }\n\n    return (\n        <Form onSubmit={onSubmit} data={data || { icon: \"fas/star\" }}>\n            {({ data, form }: FormRenderPropParams<CmsGroup>) => (\n                <SimpleForm data-testid={\"pb-content-model-groups-form\"}>\n                    <SimpleFormHeader title={data.name ? data.name : t`New content model group`} />\n                    {loading && <OverlayLoader />}\n                    <SimpleFormContent>\n                        <FormContent newEntry={newEntry} />\n                    </SimpleFormContent>\n                    <SimpleFormFooter>\n                        <Button\n                            variant={\"secondary\"}\n                            text={t`Cancel`}\n                            onClick={() => {\n                                goToRoute(Routes.ContentModelGroups.List);\n                            }}\n                        />\n\n                        {canEdit(data, \"cms.contentModelGroup\") && (\n                            <React.Fragment>\n                                {!data.plugin ? (\n                                    <Button\n                                        variant={\"primary\"}\n                                        text={t`Save`}\n                                        onClick={form.submit}\n                                        data-testid={\"cms.form.group.submit\"}\n                                    />\n                                ) : (\n                                    <Tooltip\n                                        content={\"Content model group is registered via a plugin.\"}\n                                        placement={\"bottom\"}\n                                    >\n                                        <Button\n                                            disabled\n                                            variant={\"primary\"}\n                                            text={t`Save`}\n                                            data-testid={\"cms.form.group.submit\"}\n                                        />\n                                    </Tooltip>\n                                )}\n                            </React.Fragment>\n                        )}\n                    </SimpleFormFooter>\n                </SimpleForm>\n            )}\n        </Form>\n    );\n};\n\ninterface FormContentProps {\n    newEntry: boolean;\n}\n\nconst FormContent = ({ newEntry }: FormContentProps) => {\n    const form = useForm();\n    const { generateSlug } = useGenerateSlug(form, \"name\", \"slug\");\n\n    return (\n        <Grid>\n            <Grid.Column span={12}>\n                <Bind name=\"name\" validators={validation.create(\"required,maxLength:100\")}>\n                    <Input\n                        data-testid={\"cms.form.group.name\"}\n                        label={t`Name`}\n                        onBlur={generateSlug}\n                        required\n                    />\n                </Bind>\n            </Grid.Column>\n            <Grid.Column span={12}>\n                <Bind name={\"slug\"} validators={[validation.create(\"required,slug\")]}>\n                    <Input label={\"Slug\"} required disabled={!newEntry} />\n                </Bind>\n            </Grid.Column>\n\n            <Grid.Column span={12}>\n                <Bind name=\"icon\" validators={validation.create(\"required\")}>\n                    <IconPicker\n                        label={t`Group icon`}\n                        description={t`Icon that will be displayed in the main menu.`}\n                    />\n                </Bind>\n            </Grid.Column>\n            <Grid.Column span={12}>\n                <Bind name=\"description\" defaultValue={\"\"}>\n                    <Textarea\n                        data-testid={\"cms.form.group.description\"}\n                        rows={5}\n                        label={t`Description`}\n                    />\n                </Bind>\n            </Grid.Column>\n        </Grid>\n    );\n};\n\nexport default ContentModelGroupsForm;\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,4 +1,4 @@
-import type { CmsErrorResponse, CmsGroup as BaseCmsGroup, CmsModel } from "../../../types";
+import type { CmsErrorResponse, CmsGroup as BaseCmsGroup, CmsModel } from "../../../types.js";
 export type CmsGroup = Omit<BaseCmsGroup, "contentModels">;
 export interface CmsGroupWithModels extends CmsGroup {
     contentModels: Pick<CmsModel, "modelId" | "name">[];

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

@@ -1 +1 @@
-{"version":3,"names":["gql","ERROR_FIELS","fields","LIST_CONTENT_MODEL_GROUPS","GET_CONTENT_MODEL_GROUP","CREATE_CONTENT_MODEL_GROUP","UPDATE_CONTENT_MODEL_GROUP","DELETE_CONTENT_MODEL_GROUP"],"sources":["graphql.ts"],"sourcesContent":["import gql from \"graphql-tag\";\nimport type { CmsErrorResponse, CmsGroup as BaseCmsGroup, CmsModel } from \"~/types\";\n\nconst ERROR_FIELS = `\n    message\n    code\n    data\n`;\nconst fields = `\n    id\n    name\n    slug\n    description\n    icon\n    createdOn\n    plugin\n    createdBy {\n        id\n        displayName\n        type\n    }\n`;\nexport type CmsGroup = Omit<BaseCmsGroup, \"contentModels\">;\nexport interface CmsGroupWithModels extends CmsGroup {\n    contentModels: Pick<CmsModel, \"modelId\" | \"name\">[];\n}\n/**\n * ############################\n * List groups with basic models info Query\n */\nexport interface ListCmsGroupsQueryResponse {\n    listContentModelGroups: {\n        data: CmsGroupWithModels[];\n        error?: CmsErrorResponse;\n    };\n}\nexport const LIST_CONTENT_MODEL_GROUPS = gql`\n    query CmsListContentModelGroups {\n        listContentModelGroups {\n            data {\n                ${fields}\n                contentModels {\n                    modelId\n                    name\n                }\n            }\n            error {\n                ${ERROR_FIELS}\n            }\n        }\n    }\n`;\n/**\n * ############################\n * Get Group Query\n */\nexport interface GetCmsGroupQueryResponse {\n    contentModelGroup: {\n        data: CmsGroup;\n        error?: CmsErrorResponse;\n    };\n}\nexport interface GetCmsGroupQueryVariables {\n    id: string;\n}\nexport const GET_CONTENT_MODEL_GROUP = gql`\n    query CmsGetContentModelGroup($id: ID!) {\n        contentModelGroup: getContentModelGroup(id: $id){\n            data {\n                ${fields}\n            }\n            error {\n                ${ERROR_FIELS}\n            }\n        }\n    }\n`;\n\n/**\n * ############################\n * Create Group Mutation\n */\nexport interface CreateCmsGroupMutationResponse {\n    contentModelGroup: {\n        data: CmsGroupWithModels;\n        error?: CmsErrorResponse;\n    };\n}\nexport interface CreateCmsGroupMutationVariables {\n    // @ts-refactor write the types.\n    data: Record<string, any>;\n}\nexport const CREATE_CONTENT_MODEL_GROUP = gql`\n    mutation CmsCreateContentModelGroup($data: CmsContentModelGroupInput!){\n        contentModelGroup: createContentModelGroup(data: $data) {\n            data {\n                ${fields}\n                contentModels {\n                    modelId\n                    name\n                }\n            }\n            error {\n                ${ERROR_FIELS}\n            }\n        }\n    }\n`;\n/**\n * ############################\n * Update Group Mutation\n */\nexport interface UpdateCmsGroupMutationResponse {\n    contentModelGroup: {\n        data: CmsGroup;\n        error?: CmsErrorResponse;\n    };\n}\nexport interface UpdateCmsGroupMutationVariables {\n    id: string;\n    // @ts-refactor write the types.\n    data: Record<string, any>;\n}\nexport const UPDATE_CONTENT_MODEL_GROUP = gql`\n    mutation CmsUpdateContentModelGroup($id: ID!, $data: CmsContentModelGroupInput!){\n        contentModelGroup: updateContentModelGroup(id: $id, data: $data) {\n            data {\n                ${fields}\n            }\n            error {\n                ${ERROR_FIELS}\n            }\n        }\n    }\n`;\n/**\n * ############################\n * Delete Group Mutation\n */\nexport interface DeleteCmsGroupMutationResponse {\n    contentModelGroup: {\n        data: boolean;\n        error?: CmsErrorResponse;\n    };\n}\nexport interface DeleteCmsGroupMutationVariables {\n    id: string;\n}\nexport const DELETE_CONTENT_MODEL_GROUP = gql`\n    mutation CmsDeleteContentModelGroup($id: ID!) {\n        deleteContentModelGroup(id: $id) {\n            data\n            error {\n                ${ERROR_FIELS}\n            }\n        }\n    }\n`;\n"],"mappings":"AAAA,OAAOA,GAAG,MAAM,aAAa;AAG7B,MAAMC,WAAW,GAAG;AACpB;AACA;AACA;AACA,CAAC;AACD,MAAMC,MAAM,GAAG;AACf;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;;AAKD;AACA;AACA;AACA;;AAOA,OAAO,MAAMC,yBAAyB,GAAGH,GAAG;AAC5C;AACA;AACA;AACA,kBAAkBE,MAAM;AACxB;AACA;AACA;AACA;AACA;AACA;AACA,kBAAkBD,WAAW;AAC7B;AACA;AACA;AACA,CAAC;AACD;AACA;AACA;AACA;;AAUA,OAAO,MAAMG,uBAAuB,GAAGJ,GAAG;AAC1C;AACA;AACA;AACA,kBAAkBE,MAAM;AACxB;AACA;AACA,kBAAkBD,WAAW;AAC7B;AACA;AACA;AACA,CAAC;;AAED;AACA;AACA;AACA;;AAWA,OAAO,MAAMI,0BAA0B,GAAGL,GAAG;AAC7C;AACA;AACA;AACA,kBAAkBE,MAAM;AACxB;AACA;AACA;AACA;AACA;AACA;AACA,kBAAkBD,WAAW;AAC7B;AACA;AACA;AACA,CAAC;AACD;AACA;AACA;AACA;;AAYA,OAAO,MAAMK,0BAA0B,GAAGN,GAAG;AAC7C;AACA;AACA;AACA,kBAAkBE,MAAM;AACxB;AACA;AACA,kBAAkBD,WAAW;AAC7B;AACA;AACA;AACA,CAAC;AACD;AACA;AACA;AACA;;AAUA,OAAO,MAAMM,0BAA0B,GAAGP,GAAG;AAC7C;AACA;AACA;AACA;AACA,kBAAkBC,WAAW;AAC7B;AACA;AACA;AACA,CAAC","ignoreList":[]}
+{"version":3,"names":["gql","ERROR_FIELS","fields","LIST_CONTENT_MODEL_GROUPS","GET_CONTENT_MODEL_GROUP","CREATE_CONTENT_MODEL_GROUP","UPDATE_CONTENT_MODEL_GROUP","DELETE_CONTENT_MODEL_GROUP"],"sources":["graphql.ts"],"sourcesContent":["import gql from \"graphql-tag\";\nimport type { CmsErrorResponse, CmsGroup as BaseCmsGroup, CmsModel } from \"~/types.js\";\n\nconst ERROR_FIELS = `\n    message\n    code\n    data\n`;\nconst fields = `\n    id\n    name\n    slug\n    description\n    icon\n    createdOn\n    plugin\n    createdBy {\n        id\n        displayName\n        type\n    }\n`;\nexport type CmsGroup = Omit<BaseCmsGroup, \"contentModels\">;\nexport interface CmsGroupWithModels extends CmsGroup {\n    contentModels: Pick<CmsModel, \"modelId\" | \"name\">[];\n}\n/**\n * ############################\n * List groups with basic models info Query\n */\nexport interface ListCmsGroupsQueryResponse {\n    listContentModelGroups: {\n        data: CmsGroupWithModels[];\n        error?: CmsErrorResponse;\n    };\n}\nexport const LIST_CONTENT_MODEL_GROUPS = gql`\n    query CmsListContentModelGroups {\n        listContentModelGroups {\n            data {\n                ${fields}\n                contentModels {\n                    modelId\n                    name\n                }\n            }\n            error {\n                ${ERROR_FIELS}\n            }\n        }\n    }\n`;\n/**\n * ############################\n * Get Group Query\n */\nexport interface GetCmsGroupQueryResponse {\n    contentModelGroup: {\n        data: CmsGroup;\n        error?: CmsErrorResponse;\n    };\n}\nexport interface GetCmsGroupQueryVariables {\n    id: string;\n}\nexport const GET_CONTENT_MODEL_GROUP = gql`\n    query CmsGetContentModelGroup($id: ID!) {\n        contentModelGroup: getContentModelGroup(id: $id){\n            data {\n                ${fields}\n            }\n            error {\n                ${ERROR_FIELS}\n            }\n        }\n    }\n`;\n\n/**\n * ############################\n * Create Group Mutation\n */\nexport interface CreateCmsGroupMutationResponse {\n    contentModelGroup: {\n        data: CmsGroupWithModels;\n        error?: CmsErrorResponse;\n    };\n}\nexport interface CreateCmsGroupMutationVariables {\n    // @ts-refactor write the types.\n    data: Record<string, any>;\n}\nexport const CREATE_CONTENT_MODEL_GROUP = gql`\n    mutation CmsCreateContentModelGroup($data: CmsContentModelGroupInput!){\n        contentModelGroup: createContentModelGroup(data: $data) {\n            data {\n                ${fields}\n                contentModels {\n                    modelId\n                    name\n                }\n            }\n            error {\n                ${ERROR_FIELS}\n            }\n        }\n    }\n`;\n/**\n * ############################\n * Update Group Mutation\n */\nexport interface UpdateCmsGroupMutationResponse {\n    contentModelGroup: {\n        data: CmsGroup;\n        error?: CmsErrorResponse;\n    };\n}\nexport interface UpdateCmsGroupMutationVariables {\n    id: string;\n    // @ts-refactor write the types.\n    data: Record<string, any>;\n}\nexport const UPDATE_CONTENT_MODEL_GROUP = gql`\n    mutation CmsUpdateContentModelGroup($id: ID!, $data: CmsContentModelGroupInput!){\n        contentModelGroup: updateContentModelGroup(id: $id, data: $data) {\n            data {\n                ${fields}\n            }\n            error {\n                ${ERROR_FIELS}\n            }\n        }\n    }\n`;\n/**\n * ############################\n * Delete Group Mutation\n */\nexport interface DeleteCmsGroupMutationResponse {\n    contentModelGroup: {\n        data: boolean;\n        error?: CmsErrorResponse;\n    };\n}\nexport interface DeleteCmsGroupMutationVariables {\n    id: string;\n}\nexport const DELETE_CONTENT_MODEL_GROUP = gql`\n    mutation CmsDeleteContentModelGroup($id: ID!) {\n        deleteContentModelGroup(id: $id) {\n            data\n            error {\n                ${ERROR_FIELS}\n            }\n        }\n    }\n`;\n"],"mappings":"AAAA,OAAOA,GAAG,MAAM,aAAa;AAG7B,MAAMC,WAAW,GAAG;AACpB;AACA;AACA;AACA,CAAC;AACD,MAAMC,MAAM,GAAG;AACf;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;;AAKD;AACA;AACA;AACA;;AAOA,OAAO,MAAMC,yBAAyB,GAAGH,GAAG;AAC5C;AACA;AACA;AACA,kBAAkBE,MAAM;AACxB;AACA;AACA;AACA;AACA;AACA;AACA,kBAAkBD,WAAW;AAC7B;AACA;AACA;AACA,CAAC;AACD;AACA;AACA;AACA;;AAUA,OAAO,MAAMG,uBAAuB,GAAGJ,GAAG;AAC1C;AACA;AACA;AACA,kBAAkBE,MAAM;AACxB;AACA;AACA,kBAAkBD,WAAW;AAC7B;AACA;AACA;AACA,CAAC;;AAED;AACA;AACA;AACA;;AAWA,OAAO,MAAMI,0BAA0B,GAAGL,GAAG;AAC7C;AACA;AACA;AACA,kBAAkBE,MAAM;AACxB;AACA;AACA;AACA;AACA;AACA;AACA,kBAAkBD,WAAW;AAC7B;AACA;AACA;AACA,CAAC;AACD;AACA;AACA;AACA;;AAYA,OAAO,MAAMK,0BAA0B,GAAGN,GAAG;AAC7C;AACA;AACA;AACA,kBAAkBE,MAAM;AACxB;AACA;AACA,kBAAkBD,WAAW;AAC7B;AACA;AACA;AACA,CAAC;AACD;AACA;AACA;AACA;;AAUA,OAAO,MAAMM,0BAA0B,GAAGP,GAAG;AAC7C;AACA;AACA;AACA;AACA,kBAAkBC,WAAW;AAC7B;AACA;AACA;AACA,CAAC","ignoreList":[]}