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

package/admin/views/contentModelGroups/ContentModelGroupsForm.js

@@ -1,242 +1,206 @@
-import React, { useCallback } from "react";
+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 { Form } from "@webiny/form";
+import { Bind, Form, useForm, useGenerateSlug } from "@webiny/form";
+import { ReactComponent } from "@webiny/icons/devices_other.svg";
 import { i18n } from "@webiny/app/i18n/index.js";
 import { validation } from "@webiny/validation";
-import { useRoute, useRouter, useSnackbar, EmptyView, SimpleFormHeader, SimpleForm, SimpleFormFooter, SimpleFormContent } from "@webiny/app-admin";
+import { EmptyView, SimpleForm, SimpleFormContent, SimpleFormFooter, SimpleFormHeader, useRoute, useRouter, useSnackbar } 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/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 { ReactComponent as add_18px_svg_ReactComponent } from "@webiny/app-admin/assets/icons/add-18px.svg";
+import { useMutation, usePermission, useQuery } from "../../hooks/index.js";
+import { Button, Grid, Input, OverlayLoader, Textarea, Tooltip } from "@webiny/admin-ui";
 import { Routes } from "../../../routes.js";
+import * as __rspack_external__graphql_js_d64db012 from "./graphql.js";
 const t = i18n.ns("app-headless-cms/admin/content-model-groups/form");
-const ContentModelGroupsForm = ({
-  canCreate
-}) => {
-  const {
-    goToRoute
-  } = useRouter();
-  const {
-    route
-  } = useRoute(Routes.ContentModelGroups.List);
-  const {
-    showSnackbar
-  } = useSnackbar();
-  const {
-    canEdit
-  } = usePermission();
-  const newEntry = route.params.new === true;
-  const id = route.params.id;
-  const getQuery = useQuery(GQL.GET_CONTENT_MODEL_GROUP, {
-    variables: {
-      id: id
-    },
-    skip: !id,
-    onCompleted: data => {
-      if (!data) {
-        return;
-      }
-      const {
-        error
-      } = data.contentModelGroup;
-      if (error) {
-        goToRoute(Routes.ContentModelGroups.List);
-        showSnackbar(error.message);
-      }
-    }
-  });
-
-  // Create a new group and update list cache
-  const [create, createMutation] = useMutation(GQL.CREATE_CONTENT_MODEL_GROUP, {
-    update(cache, {
-      data
-    }) {
-      if (!data || data.contentModelGroup.error) {
-        return;
-      }
-      const gqlParams = {
-        query: GQL.LIST_CONTENT_MODEL_GROUPS
-      };
-      const result = cache.readQuery(gqlParams);
-      if (!result || !result.listContentModelGroups) {
-        return;
-      }
-      const {
-        listContentModelGroups
-      } = result;
-      cache.writeQuery({
-        ...gqlParams,
-        data: {
-          listContentModelGroups: {
-            ...listContentModelGroups,
-            data: [data.contentModelGroup.data, ...listContentModelGroups.data]
-          }
-        }
-      });
-    }
-  });
-  const [update, updateMutation] = useMutation(GQL.UPDATE_CONTENT_MODEL_GROUP);
-  const loading = [getQuery, createMutation, updateMutation].find(item => item.loading);
-  const createOperation = useCallback(group => {
-    if (!group.id) {
-      return create({
-        refetchQueries: ["CmsListMenuContentGroupsModels"],
+const ContentModelGroupsForm = ({ canCreate })=>{
+    const { goToRoute } = useRouter();
+    const { route } = useRoute(Routes.ContentModelGroups.List);
+    const { showSnackbar } = useSnackbar();
+    const { canEdit } = usePermission();
+    const newEntry = true === route.params.new;
+    const id = route.params.id;
+    const getQuery = useQuery(__rspack_external__graphql_js_d64db012.GET_CONTENT_MODEL_GROUP, {
         variables: {
-          data: {
-            name: group.name,
-            slug: group.slug,
-            description: group.description,
-            icon: group.icon
-          }
-        }
-      });
-    }
-    return update({
-      refetchQueries: ["CmsListMenuContentGroupsModels"],
-      variables: {
-        id: group.id,
-        data: {
-          name: group.name,
-          description: group.description,
-          icon: group.icon
+            id: id
+        },
+        skip: !id,
+        onCompleted: (data)=>{
+            if (!data) return;
+            const { error } = data.contentModelGroup;
+            if (error) {
+                goToRoute(Routes.ContentModelGroups.List);
+                showSnackbar(error.message);
+            }
         }
-      }
     });
-  }, [create, update]);
-  const onSubmit = useCallback(async group => {
-    /**
-     * Create or update, depends if group object has id property
-     */
-    const response = await createOperation(group);
-    if (!response.data) {
-      showSnackbar(`Missing response data ain Content Model Group Mutation Response.`);
-      return;
-    }
-    const {
-      data,
-      error
-    } = response.data.contentModelGroup;
-    if (error) {
-      showSnackbar(error.message);
-      return;
-    }
-    /**
-     * Redirect to a new group
-     */
-    if (!group.id) {
-      goToRoute(Routes.ContentModelGroups.List, {
-        id: data.id
-      });
-    }
-    showSnackbar(t`Content model group saved successfully!`);
-  }, [id]);
-  const data = getQuery.loading ? null : get(getQuery, "data.contentModelGroup.data", null);
-  const showEmptyView = !newEntry && !loading && isEmpty(data);
-  // Render "No content selected" view.
-  if (showEmptyView) {
-    return /*#__PURE__*/React.createElement(EmptyView, {
-      icon: /*#__PURE__*/React.createElement(DevicesIcon, null),
-      title: t`Click on the left side list to display group details {message}`({
-        message: canCreate ? "or create a..." : ""
-      }),
-      action: canCreate ? /*#__PURE__*/React.createElement(Button, {
-        text: t`New Group`,
-        icon: /*#__PURE__*/React.createElement(AddIcon, null),
-        "data-testid": "new-record-button",
-        onClick: () => {
-          goToRoute(Routes.ContentModelGroups.List, {
-            new: true
-          });
+    const [create, createMutation] = useMutation(__rspack_external__graphql_js_d64db012.CREATE_CONTENT_MODEL_GROUP, {
+        update (cache, { data }) {
+            if (!data || data.contentModelGroup.error) return;
+            const gqlParams = {
+                query: __rspack_external__graphql_js_d64db012.LIST_CONTENT_MODEL_GROUPS
+            };
+            const result = cache.readQuery(gqlParams);
+            if (!result || !result.listContentModelGroups) return;
+            const { listContentModelGroups } = result;
+            cache.writeQuery({
+                ...gqlParams,
+                data: {
+                    listContentModelGroups: {
+                        ...listContentModelGroups,
+                        data: [
+                            data.contentModelGroup.data,
+                            ...listContentModelGroups.data
+                        ]
+                    }
+                }
+            });
         }
-      }) : /*#__PURE__*/React.createElement(React.Fragment, null)
     });
-  }
-  return /*#__PURE__*/React.createElement(Form, {
-    onSubmit: onSubmit,
-    data: data || {
-      icon: "fas/star"
-    }
-  }, ({
-    data,
-    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(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 [update, updateMutation] = useMutation(__rspack_external__graphql_js_d64db012.UPDATE_CONTENT_MODEL_GROUP);
+    const loading = [
+        getQuery,
+        createMutation,
+        updateMutation
+    ].find((item)=>item.loading);
+    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
+                }
+            }
+        });
+        return update({
+            refetchQueries: [
+                "CmsListMenuContentGroupsModels"
+            ],
+            variables: {
+                id: group.id,
+                data: {
+                    name: group.name,
+                    description: group.description,
+                    icon: group.icon
+                }
+            }
+        });
+    }, [
+        create,
+        update
+    ]);
+    const onSubmit = useCallback(async (group)=>{
+        const response = await createOperation(group);
+        if (!response.data) return void showSnackbar("Missing response data ain Content Model Group Mutation Response.");
+        const { data, error } = response.data.contentModelGroup;
+        if (error) return void showSnackbar(error.message);
+        if (!group.id) goToRoute(Routes.ContentModelGroups.List, {
+            id: data.id
+        });
+        showSnackbar(t`Content model group saved successfully!`);
+    }, [
+        id
+    ]);
+    const data = getQuery.loading ? null : get(getQuery, "data.contentModelGroup.data", null);
+    const showEmptyView = !newEntry && !loading && isEmpty(data);
+    if (showEmptyView) return /*#__PURE__*/ react.createElement(EmptyView, {
+        icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+        title: t`Click on the left side list to display group details {message}`({
+            message: canCreate ? "or create a..." : ""
+        }),
+        action: canCreate ? /*#__PURE__*/ react.createElement(Button, {
+            text: t`New Group`,
+            icon: /*#__PURE__*/ react.createElement(add_18px_svg_ReactComponent, null),
+            "data-testid": "new-record-button",
+            onClick: ()=>{
+                goToRoute(Routes.ContentModelGroups.List, {
+                    new: true
+                });
+            }
+        }) : /*#__PURE__*/ react.createElement(react.Fragment, null)
+    });
+    return /*#__PURE__*/ react.createElement(Form, {
+        onSubmit: onSubmit,
+        data: data || {
+            icon: "fas/star"
+        }
+    }, ({ data, 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(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(Tooltip, {
+            content: "Content model group is registered via a plugin.",
+            side: "bottom",
+            trigger: /*#__PURE__*/ react.createElement(Button, {
+                disabled: true,
+                variant: "primary",
+                text: t`Save`,
+                "data-testid": "cms.form.group.submit"
+            })
+        }) : /*#__PURE__*/ react.createElement(Button, {
+            variant: "primary",
+            text: t`Save`,
+            onClick: form.submit,
+            "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, {
-    "data-testid": "cms.form.group.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, {
-    name: "icon",
-    validators: validation.create("required")
-  }, /*#__PURE__*/React.createElement(IconPicker, {
-    label: t`Group icon`,
-    description: t`Icon that will be displayed in the main menu.`
-  }))), /*#__PURE__*/React.createElement(Grid.Column, {
-    span: 12
-  }, /*#__PURE__*/React.createElement(Bind, {
-    name: "description",
-    defaultValue: ""
-  }, /*#__PURE__*/React.createElement(Textarea, {
-    "data-testid": "cms.form.group.description",
-    rows: 5,
-    label: t`Description`
-  }))));
+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, {
+        "data-testid": "cms.form.group.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, {
+        name: "icon",
+        validators: validation.create("required")
+    }, /*#__PURE__*/ react.createElement(IconPicker, {
+        label: t`Group icon`,
+        description: t`Icon that will be displayed in the main menu.`
+    }))), /*#__PURE__*/ react.createElement(Grid.Column, {
+        span: 12
+    }, /*#__PURE__*/ react.createElement(Bind, {
+        name: "description",
+        defaultValue: ""
+    }, /*#__PURE__*/ react.createElement(Textarea, {
+        "data-testid": "cms.form.group.description",
+        rows: 5,
+        label: t`Description`
+    }))));
 };
-export default ContentModelGroupsForm;
+const contentModelGroups_ContentModelGroupsForm = ContentModelGroupsForm;
+export default contentModelGroups_ContentModelGroupsForm;
 
 //# sourceMappingURL=ContentModelGroupsForm.js.map

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

@@ -1 +1 @@
-{"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":[]}
+{"version":3,"file":"admin/views/contentModelGroups/ContentModelGroupsForm.js","sources":["../../../../src/admin/views/contentModelGroups/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/admin-ui\";\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                                        side={\"bottom\"}\n                                        trigger={\n                                            <Button\n                                                disabled\n                                                variant={\"primary\"}\n                                                text={t`Save`}\n                                                data-testid={\"cms.form.group.submit\"}\n                                            />\n                                        }\n                                    />\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"],"names":["t","i18n","ContentModelGroupsForm","canCreate","goToRoute","useRouter","route","useRoute","Routes","showSnackbar","useSnackbar","canEdit","usePermission","newEntry","id","getQuery","useQuery","GQL","data","error","create","createMutation","useMutation","cache","gqlParams","result","listContentModelGroups","update","updateMutation","loading","item","createOperation","useCallback","group","onSubmit","response","get","showEmptyView","isEmpty","EmptyView","DevicesIcon","Button","AddIcon","Form","form","SimpleForm","SimpleFormHeader","OverlayLoader","SimpleFormContent","FormContent","SimpleFormFooter","React","Tooltip","useForm","generateSlug","useGenerateSlug","Grid","Bind","validation","Input","IconPicker","Textarea"],"mappings":";;;;;;;;;;;;;;AAsCA,MAAMA,IAAIC,KAAK,EAAE,CAAC;AAKlB,MAAMC,yBAAyB,CAAC,EAAEC,SAAS,EAA+B;IACtE,MAAM,EAAEC,SAAS,EAAE,GAAGC;IACtB,MAAM,EAAEC,KAAK,EAAE,GAAGC,SAASC,OAAO,kBAAkB,CAAC,IAAI;IACzD,MAAM,EAAEC,YAAY,EAAE,GAAGC;IACzB,MAAM,EAAEC,OAAO,EAAE,GAAGC;IAEpB,MAAMC,WAAWP,AAAqB,SAArBA,MAAM,MAAM,CAAC,GAAG;IACjC,MAAMQ,KAAKR,MAAM,MAAM,CAAC,EAAE;IAE1B,MAAMS,WAAWC,SACbC,uCAAAA,uBAA2B,EAC3B;QACI,WAAW;YACP,IAAIH;QACR;QACA,MAAM,CAACA;QACP,aAAaI,CAAAA;YACT,IAAI,CAACA,MACD;YAGJ,MAAM,EAAEC,KAAK,EAAE,GAAGD,KAAK,iBAAiB;YACxC,IAAIC,OAAO;gBACPf,UAAUI,OAAO,kBAAkB,CAAC,IAAI;gBACxCC,aAAaU,MAAM,OAAO;YAC9B;QACJ;IACJ;IAIJ,MAAM,CAACC,QAAQC,eAAe,GAAGC,YAG/BL,uCAAAA,0BAA8B,EAAE;QAC9B,QAAOM,KAAK,EAAE,EAAEL,IAAI,EAAE;YAClB,IAAI,CAACA,QAAQA,KAAK,iBAAiB,CAAC,KAAK,EACrC;YAGJ,MAAMM,YAAY;gBACd,OAAOP,uCAAAA,yBAA6B;YACxC;YACA,MAAMQ,SAASF,MAAM,SAAS,CAA6BC;YAC3D,IAAI,CAACC,UAAU,CAACA,OAAO,sBAAsB,EACzC;YAEJ,MAAM,EAAEC,sBAAsB,EAAE,GAAGD;YACnCF,MAAM,UAAU,CAAC;gBACb,GAAGC,SAAS;gBACZ,MAAM;oBACF,wBAAwB;wBACpB,GAAGE,sBAAsB;wBACzB,MAAM;4BAACR,KAAK,iBAAiB,CAAC,IAAI;+BAAKQ,uBAAuB,IAAI;yBAAC;oBACvE;gBACJ;YACJ;QACJ;IACJ;IACA,MAAM,CAACC,QAAQC,eAAe,GAAGN,YAG/BL,uCAAAA,0BAA8B;IAEhC,MAAMY,UAAU;QAACd;QAAUM;QAAgBO;KAAe,CAAC,IAAI,CAACE,CAAAA,OAAQA,KAAK,OAAO;IAEpF,MAAMC,kBAAkBC,YACpB,CAACC;QACG,IAAI,CAACA,MAAM,EAAE,EACT,OAAOb,OAAO;YACV,gBAAgB;gBAAC;aAAiC;YAClD,WAAW;gBACP,MAAM;oBACF,MAAMa,MAAM,IAAI;oBAChB,MAAMA,MAAM,IAAI;oBAChB,aAAaA,MAAM,WAAW;oBAC9B,MAAMA,MAAM,IAAI;gBACpB;YACJ;QACJ;QAEJ,OAAON,OAAO;YACV,gBAAgB;gBAAC;aAAiC;YAClD,WAAW;gBACP,IAAIM,MAAM,EAAE;gBACZ,MAAM;oBACF,MAAMA,MAAM,IAAI;oBAChB,aAAaA,MAAM,WAAW;oBAC9B,MAAMA,MAAM,IAAI;gBACpB;YACJ;QACJ;IACJ,GACA;QAACb;QAAQO;KAAO;IAGpB,MAAMO,WAAWF,YACb,OAAOC;QAIH,MAAME,WAAW,MAAMJ,gBAAgBE;QACvC,IAAI,CAACE,SAAS,IAAI,EAAE,YAChB1B,aAAa;QAIjB,MAAM,EAAES,IAAI,EAAEC,KAAK,EAAE,GAAGgB,SAAS,IAAI,CAAC,iBAAiB;QACvD,IAAIhB,OAAO,YACPV,aAAaU,MAAM,OAAO;QAM9B,IAAI,CAACc,MAAM,EAAE,EACT7B,UAAUI,OAAO,kBAAkB,CAAC,IAAI,EAAE;YAAE,IAAIU,KAAK,EAAE;QAAC;QAE5DT,aAAaT,CAAC,CAAC,uCAAuC,CAAC;IAC3D,GACA;QAACc;KAAG;IAGR,MAAMI,OAAwBH,SAAS,OAAO,GACxC,OACAqB,IAAIrB,UAAU,+BAA+B;IAEnD,MAAMsB,gBAAgB,CAACxB,YAAY,CAACgB,WAAWS,QAAQpB;IAEvD,IAAImB,eACA,OAAO,WAAP,GACI,oBAACE,WAASA;QACN,oBAAM,oBAACC,gBAAWA;QAClB,OAAOxC,CAAC,CAAC,8DAA8D,CAAC,CAAC;YACrE,SAASG,YAAY,mBAAmB;QAC5C;QACA,QACIA,YAAY,WAAZA,GACI,oBAACsC,QAAMA;YACH,MAAMzC,CAAC,CAAC,SAAS,CAAC;YAClB,oBAAM,oBAAC0C,6BAAOA;YACd,eAAY;YACZ,SAAS;gBACLtC,UAAUI,OAAO,kBAAkB,CAAC,IAAI,EAAE;oBAAE,KAAK;gBAAK;YAC1D;2BAGJ;;IAOpB,OAAO,WAAP,GACI,oBAACmC,MAAIA;QAAC,UAAUT;QAAU,MAAMhB,QAAQ;YAAE,MAAM;QAAW;OACtD,CAAC,EAAEA,IAAI,EAAE0B,IAAI,EAAkC,iBAC5C,oBAACC,YAAUA;YAAC,eAAa;yBACrB,oBAACC,kBAAgBA;YAAC,OAAO5B,KAAK,IAAI,GAAGA,KAAK,IAAI,GAAGlB,CAAC,CAAC,uBAAuB,CAAC;YAC1E6B,WAAW,WAAXA,GAAW,oBAACkB,eAAaA,OAAAA,WAAAA,GAC1B,oBAACC,mBAAiBA,MAAAA,WAAAA,GACd,oBAACC,aAAWA;YAAC,UAAUpC;2BAE3B,oBAACqC,kBAAgBA,MAAAA,WAAAA,GACb,oBAACT,QAAMA;YACH,SAAS;YACT,MAAMzC,CAAC,CAAC,MAAM,CAAC;YACf,SAAS;gBACLI,UAAUI,OAAO,kBAAkB,CAAC,IAAI;YAC5C;YAGHG,QAAQO,MAAM,4BAA4B,WAA5B,GACX,oBAACiC,MAAAA,QAAc,QACV,AAACjC,KAAK,MAAM,G,cAQT,oBAACkC,SAAOA;YACJ,SAAS;YACT,MAAM;YACN,uBACI,oBAACX,QAAMA;gBACH;gBACA,SAAS;gBACT,MAAMzC,CAAC,CAAC,IAAI,CAAC;gBACb,eAAa;;aAhBb,WAAH,GACT,oBAACyC,QAAMA;YACH,SAAS;YACT,MAAMzC,CAAC,CAAC,IAAI,CAAC;YACb,SAAS4C,KAAK,MAAM;YACpB,eAAa;;AAuBrD;AAMA,MAAMK,cAAc,CAAC,EAAEpC,QAAQ,EAAoB;IAC/C,MAAM+B,OAAOS;IACb,MAAM,EAAEC,YAAY,EAAE,GAAGC,gBAAgBX,MAAM,QAAQ;IAEvD,OAAO,WAAP,GACI,oBAACY,MAAIA,MAAAA,WAAAA,GACD,oBAACA,KAAK,MAAM;QAAC,MAAM;qBACf,oBAACC,MAAIA;QAAC,MAAK;QAAO,YAAYC,WAAW,MAAM,CAAC;qBAC5C,oBAACC,OAAKA;QACF,eAAa;QACb,OAAO3D,CAAC,CAAC,IAAI,CAAC;QACd,QAAQsD;QACR;wBAIZ,oBAACE,KAAK,MAAM;QAAC,MAAM;qBACf,oBAACC,MAAIA;QAAC,MAAM;QAAQ,YAAY;YAACC,WAAW,MAAM,CAAC;SAAiB;qBAChE,oBAACC,OAAKA;QAAC,OAAO;QAAQ;QAAS,UAAU,CAAC9C;wBAIlD,oBAAC2C,KAAK,MAAM;QAAC,MAAM;qBACf,oBAACC,MAAIA;QAAC,MAAK;QAAO,YAAYC,WAAW,MAAM,CAAC;qBAC5C,oBAACE,YAAUA;QACP,OAAO5D,CAAC,CAAC,UAAU,CAAC;QACpB,aAAaA,CAAC,CAAC,6CAA6C,CAAC;wBAIzE,oBAACwD,KAAK,MAAM;QAAC,MAAM;qBACf,oBAACC,MAAIA;QAAC,MAAK;QAAc,cAAc;qBACnC,oBAACI,UAAQA;QACL,eAAa;QACb,MAAM;QACN,OAAO7D,CAAC,CAAC,WAAW,CAAC;;AAM7C;AAEA,kDAAeE"}

package/admin/views/contentModelGroups/graphql.js

@@ -1,4 +1,4 @@
-import gql from "graphql-tag";
+import graphql_tag from "graphql-tag";
 const ERROR_FIELS = `
     message
     code
@@ -18,13 +18,7 @@ const fields = `
         type
     }
 `;
-
-/**
- * ############################
- * List groups with basic models info Query
- */
-
-export const LIST_CONTENT_MODEL_GROUPS = gql`
+const LIST_CONTENT_MODEL_GROUPS = graphql_tag`
     query CmsListContentModelGroups {
         listContentModelGroups {
             data {
@@ -40,12 +34,7 @@ export const LIST_CONTENT_MODEL_GROUPS = gql`
         }
     }
 `;
-/**
- * ############################
- * Get Group Query
- */
-
-export const GET_CONTENT_MODEL_GROUP = gql`
+const GET_CONTENT_MODEL_GROUP = graphql_tag`
     query CmsGetContentModelGroup($id: ID!) {
         contentModelGroup: getContentModelGroup(id: $id){
             data {
@@ -57,13 +46,7 @@ export const GET_CONTENT_MODEL_GROUP = gql`
         }
     }
 `;
-
-/**
- * ############################
- * Create Group Mutation
- */
-
-export const CREATE_CONTENT_MODEL_GROUP = gql`
+const CREATE_CONTENT_MODEL_GROUP = graphql_tag`
     mutation CmsCreateContentModelGroup($data: CmsContentModelGroupInput!){
         contentModelGroup: createContentModelGroup(data: $data) {
             data {
@@ -79,12 +62,7 @@ export const CREATE_CONTENT_MODEL_GROUP = gql`
         }
     }
 `;
-/**
- * ############################
- * Update Group Mutation
- */
-
-export const UPDATE_CONTENT_MODEL_GROUP = gql`
+const UPDATE_CONTENT_MODEL_GROUP = graphql_tag`
     mutation CmsUpdateContentModelGroup($id: ID!, $data: CmsContentModelGroupInput!){
         contentModelGroup: updateContentModelGroup(id: $id, data: $data) {
             data {
@@ -96,12 +74,7 @@ export const UPDATE_CONTENT_MODEL_GROUP = gql`
         }
     }
 `;
-/**
- * ############################
- * Delete Group Mutation
- */
-
-export const DELETE_CONTENT_MODEL_GROUP = gql`
+const DELETE_CONTENT_MODEL_GROUP = graphql_tag`
     mutation CmsDeleteContentModelGroup($id: ID!) {
         deleteContentModelGroup(id: $id) {
             data
@@ -111,5 +84,6 @@ export const DELETE_CONTENT_MODEL_GROUP = gql`
         }
     }
 `;
+export { CREATE_CONTENT_MODEL_GROUP, DELETE_CONTENT_MODEL_GROUP, GET_CONTENT_MODEL_GROUP, LIST_CONTENT_MODEL_GROUPS, UPDATE_CONTENT_MODEL_GROUP };
 
 //# sourceMappingURL=graphql.js.map

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.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":[]}
+{"version":3,"file":"admin/views/contentModelGroups/graphql.js","sources":["../../../../src/admin/views/contentModelGroups/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"],"names":["ERROR_FIELS","fields","LIST_CONTENT_MODEL_GROUPS","gql","GET_CONTENT_MODEL_GROUP","CREATE_CONTENT_MODEL_GROUP","UPDATE_CONTENT_MODEL_GROUP","DELETE_CONTENT_MODEL_GROUP"],"mappings":";AAGA,MAAMA,cAAc,CAAC;;;;AAIrB,CAAC;AACD,MAAMC,SAAS,CAAC;;;;;;;;;;;;;AAahB,CAAC;AAeM,MAAMC,4BAA4BC,WAAG,CAAC;;;;gBAI7B,EAAEF,OAAO;;;;;;;gBAOT,EAAED,YAAY;;;;AAI9B,CAAC;AAcM,MAAMI,0BAA0BD,WAAG,CAAC;;;;gBAI3B,EAAEF,OAAO;;;gBAGT,EAAED,YAAY;;;;AAI9B,CAAC;AAgBM,MAAMK,6BAA6BF,WAAG,CAAC;;;;gBAI9B,EAAEF,OAAO;;;;;;;gBAOT,EAAED,YAAY;;;;AAI9B,CAAC;AAgBM,MAAMM,6BAA6BH,WAAG,CAAC;;;;gBAI9B,EAAEF,OAAO;;;gBAGT,EAAED,YAAY;;;;AAI9B,CAAC;AAcM,MAAMO,6BAA6BJ,WAAG,CAAC;;;;;gBAK9B,EAAEH,YAAY;;;;AAI9B,CAAC"}

package/admin/views/contentModels/CloneContentModelDialog.d.ts

@@ -1,8 +1,7 @@
 import React from "react";
-import * as UID from "@webiny/ui/Dialog/index.js";
 import type { CmsModel } from "../../../types.js";
 interface CloneContentModelDialogProps {
-    onClose: UID.DialogOnClose;
+    onClose: () => void;
     contentModel: CmsModel;
     closeModal: () => void;
 }