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

package/admin/views/contentModels/CloneContentModelDialog.js

@@ -1,16 +1,10 @@
-import React, { useCallback, useEffect, useState } from "react";
-import * as UID from "@webiny/ui/Dialog/index.js";
+import react, { useCallback, useEffect, useState } from "react";
 import { useRouter } from "@webiny/app-admin";
 import { Form } from "@webiny/form";
-import { Input } from "@webiny/ui/Input/index.js";
-import { Select } from "@webiny/ui/Select/index.js";
-import { useToast } from "@webiny/admin-ui";
-import { CircularProgress } from "@webiny/ui/Progress/index.js";
+import { Button, Grid, Input, OverlayLoader, Select, Textarea, useToast } from "@webiny/admin-ui";
 import { validation } from "@webiny/validation";
 import { useApolloClient, useMutation, useQuery } from "../../hooks/index.js";
 import { i18n } from "@webiny/app/i18n/index.js";
-import { ButtonDefault } from "@webiny/ui/Button/index.js";
-import { Cell, Grid } from "@webiny/ui/Grid/index.js";
 import { addModelToGroupCache, addModelToListCache } from "./cache.js";
 import { CREATE_CONTENT_MODEL_FROM, LIST_MENU_CONTENT_GROUPS_MODELS } from "../../viewsGraphql.js";
 import { Dialog } from "../../components/Dialog.js";
@@ -19,174 +13,174 @@ import { createApiNameValidator } from "./helpers/apiNameValidator.js";
 import { IconPicker } from "../../components/IconPicker.js";
 import { Routes } from "../../../routes.js";
 const t = i18n.ns("app-headless-cms/admin/views/content-models/clone-content-model-dialog");
-const getSelectedGroup = (groups, model) => {
-  if (!groups || groups.length === 0 || !model) {
-    return "";
-  }
-  const current = model.group;
-  const group = groups.find(g => g.value === current);
-  if (group) {
-    return group.value;
-  }
-  const defaultSelected = groups.find(() => true);
-  return defaultSelected ? defaultSelected.value : null;
+const getSelectedGroup = (groups, model)=>{
+    if (!groups || 0 === groups.length || !model) return "";
+    const current = model.group;
+    const group = groups.find((g)=>g.value === current);
+    if (group) return group.value;
+    const defaultSelected = groups.find(()=>true);
+    return defaultSelected ? defaultSelected.value : null;
 };
-export const CloneContentModelDialog = ({
-  onClose,
-  contentModel,
-  closeModal
-}) => {
-  const [loading, setLoading] = useState(false);
-  const {
-    showWarningToast
-  } = useToast();
-  const {
-    goToRoute
-  } = useRouter();
-  const client = useApolloClient();
-  const [groups, setGroups] = useState(null);
-  const [models, setModels] = useState([]);
-  const [createContentModelFrom] = useMutation(CREATE_CONTENT_MODEL_FROM, {
-    onError(error) {
-      setLoading(false);
-      showWarningToast({
-        title: "Failed to create model",
-        description: error.message
-      });
-    },
-    update(cache, response) {
-      if (!response.data) {
-        showWarningToast({
-          title: "Failed to create model",
-          description: `Missing data on Create Content Model From Mutation Response.`
-        });
-        return;
-      }
-      const {
-        data: model,
-        error
-      } = response.data.createContentModelFrom;
-      if (error) {
-        setLoading(false);
-        showWarningToast({
-          title: "Failed to create model",
-          description: error.message
-        });
-        return;
-      }
-      addModelToListCache(cache, model);
-      addModelToGroupCache(cache, model);
-      closeModal();
-      goToRoute(Routes.ContentModels.List);
-    }
-  });
-  const listMenuGroupsQuery = useQuery(LIST_MENU_CONTENT_GROUPS_MODELS);
-  useEffect(() => {
-    if (!listMenuGroupsQuery.data || listMenuGroupsQuery.loading) {
-      return;
-    }
-    const options = [];
-    const models = [];
-    const items = listMenuGroupsQuery.data.listContentModelGroups.data || [];
-    for (const item of items) {
-      options.push({
-        value: item.slug,
-        label: item.name
-      });
-      models.push(...item.contentModels);
-    }
-    setGroups(options);
-    setModels(models);
-  }, [listMenuGroupsQuery.data, listMenuGroupsQuery.loading]);
-  const selectedGroup = getSelectedGroup(groups, contentModel);
-  const nameValidator = useCallback(createNameValidator({
-    models
-  }), [client, models]);
-  const apiNameValidator = useCallback(createApiNameValidator({
-    client,
-    models
-  }), [client, models]);
-  return /*#__PURE__*/React.createElement(Dialog, {
-    open: true,
-    onClose: onClose,
-    "data-testid": "cms-clone-content-model-modal"
-  }, !groups && /*#__PURE__*/React.createElement(CircularProgress, {
-    label: "Please wait while we load required information."
-  }), /*#__PURE__*/React.createElement(Form, {
-    data: {
-      group: selectedGroup,
-      name: contentModel.name
-    },
-    onSubmit: data => {
-      setLoading(true);
-      createContentModelFrom({
-        variables: {
-          modelId: contentModel.modelId,
-          /**
-           * We know that data is CmsModel
-           */
-          data: data
+const CloneContentModelDialog = ({ onClose, contentModel, closeModal })=>{
+    const [loading, setLoading] = useState(false);
+    const { showWarningToast } = useToast();
+    const { goToRoute } = useRouter();
+    const client = useApolloClient();
+    const [groups, setGroups] = useState(null);
+    const [models, setModels] = useState([]);
+    const [createContentModelFrom] = useMutation(CREATE_CONTENT_MODEL_FROM, {
+        onError (error) {
+            setLoading(false);
+            showWarningToast({
+                title: "Failed to create model",
+                description: error.message
+            });
+        },
+        update (cache, response) {
+            if (!response.data) return void showWarningToast({
+                title: "Failed to create model",
+                description: "Missing data on Create Content Model From Mutation Response."
+            });
+            const { data: model, error } = response.data.createContentModelFrom;
+            if (error) {
+                setLoading(false);
+                showWarningToast({
+                    title: "Failed to create model",
+                    description: error.message
+                });
+                return;
+            }
+            addModelToListCache(cache, model);
+            addModelToGroupCache(cache, model);
+            closeModal();
+            goToRoute(Routes.ContentModels.List);
         }
-      });
-    }
-  }, ({
-    Bind,
-    submit
-  }) => /*#__PURE__*/React.createElement(React.Fragment, null, loading && /*#__PURE__*/React.createElement(CircularProgress, null), /*#__PURE__*/React.createElement(UID.DialogTitle, null, t`Clone Content Model`), /*#__PURE__*/React.createElement(UID.DialogContent, null, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Cell, {
-    span: 12
-  }, /*#__PURE__*/React.createElement(Bind, {
-    name: "name",
-    validators: [validation.create("required,maxLength:100"), nameValidator]
-  }, /*#__PURE__*/React.createElement(Input, {
-    label: t`Name`,
-    description: t`The name of the content model`
-  }))), /*#__PURE__*/React.createElement(Cell, {
-    span: 12
-  }, /*#__PURE__*/React.createElement(Bind, {
-    name: "singularApiName",
-    validators: [validation.create("required,maxLength:100"), apiNameValidator]
-  }, /*#__PURE__*/React.createElement(Input, {
-    label: t`Singular API Name`,
-    description: t`The API name of the content model. For example: AuthorCategory.`,
-    "data-testid": "cms.newcontentmodeldialog.singularApiName"
-  }))), /*#__PURE__*/React.createElement(Cell, {
-    span: 12
-  }, /*#__PURE__*/React.createElement(Bind, {
-    name: "pluralApiName",
-    validators: [validation.create("required,maxLength:100"), apiNameValidator]
-  }, /*#__PURE__*/React.createElement(Input, {
-    label: t`Plural API Name`,
-    description: t`The plural API name of the content model. For example: AuthorCategories.`,
-    "data-testid": "cms.newcontentmodeldialog.pluralApiName"
-  }))), /*#__PURE__*/React.createElement(Cell, {
-    span: 12
-  }, /*#__PURE__*/React.createElement(Bind, {
-    name: "group",
-    validators: validation.create("required")
-  }, /*#__PURE__*/React.createElement(Select, {
-    description: t`Choose a content model group`,
-    label: t`Content model group`,
-    options: groups || []
-  }))), /*#__PURE__*/React.createElement(Cell, {
-    span: 12
-  }, /*#__PURE__*/React.createElement(Bind, {
-    name: "icon"
-  }, /*#__PURE__*/React.createElement(IconPicker, {
-    label: t`Icon`,
-    description: t`Choose an icon to represent the model.`
-  }))), /*#__PURE__*/React.createElement(Cell, {
-    span: 12
-  }, /*#__PURE__*/React.createElement(Bind, {
-    name: "description"
-  }, /*#__PURE__*/React.createElement(Input, {
-    rows: 4,
-    maxLength: 200,
-    label: t`Description`
-  }))))), /*#__PURE__*/React.createElement(UID.DialogActions, null, /*#__PURE__*/React.createElement(ButtonDefault, {
-    onClick: ev => {
-      submit(ev);
-    }
-  }, "+ ", t`Clone`)))));
+    });
+    const listMenuGroupsQuery = useQuery(LIST_MENU_CONTENT_GROUPS_MODELS);
+    useEffect(()=>{
+        if (!listMenuGroupsQuery.data || listMenuGroupsQuery.loading) return;
+        const options = [];
+        const models = [];
+        const items = listMenuGroupsQuery.data.listContentModelGroups.data || [];
+        for (const item of items){
+            options.push({
+                value: item.slug,
+                label: item.name
+            });
+            models.push(...item.contentModels);
+        }
+        setGroups(options);
+        setModels(models);
+    }, [
+        listMenuGroupsQuery.data,
+        listMenuGroupsQuery.loading
+    ]);
+    const selectedGroup = getSelectedGroup(groups, contentModel);
+    const nameValidator = useCallback(createNameValidator({
+        models
+    }), [
+        client,
+        models
+    ]);
+    const apiNameValidator = useCallback(createApiNameValidator({
+        client,
+        models
+    }), [
+        client,
+        models
+    ]);
+    return /*#__PURE__*/ react.createElement(Dialog, {
+        open: true,
+        onClose: onClose,
+        "data-testid": "cms-clone-content-model-modal",
+        title: t`Clone Content Model`
+    }, !groups && /*#__PURE__*/ react.createElement(OverlayLoader, {
+        text: "Please wait while we load required information."
+    }), /*#__PURE__*/ react.createElement(Form, {
+        data: {
+            group: selectedGroup,
+            name: contentModel.name
+        },
+        onSubmit: (data)=>{
+            setLoading(true);
+            createContentModelFrom({
+                variables: {
+                    modelId: contentModel.modelId,
+                    data: data
+                }
+            });
+        }
+    }, ({ Bind, submit })=>/*#__PURE__*/ react.createElement(react.Fragment, null, loading && /*#__PURE__*/ react.createElement(OverlayLoader, null), /*#__PURE__*/ react.createElement(Grid, null, /*#__PURE__*/ react.createElement(Grid.Column, {
+            span: 12
+        }, /*#__PURE__*/ react.createElement(Bind, {
+            name: "name",
+            validators: [
+                validation.create("required,maxLength:100"),
+                nameValidator
+            ]
+        }, /*#__PURE__*/ react.createElement(Input, {
+            label: t`Name`,
+            description: t`The name of the content model`
+        }))), /*#__PURE__*/ react.createElement(Grid.Column, {
+            span: 12
+        }, /*#__PURE__*/ react.createElement(Bind, {
+            name: "singularApiName",
+            validators: [
+                validation.create("required,maxLength:100"),
+                apiNameValidator
+            ]
+        }, /*#__PURE__*/ react.createElement(Input, {
+            label: t`Singular API Name`,
+            description: t`The API name of the content model. For example: AuthorCategory.`,
+            "data-testid": "cms.newcontentmodeldialog.singularApiName"
+        }))), /*#__PURE__*/ react.createElement(Grid.Column, {
+            span: 12
+        }, /*#__PURE__*/ react.createElement(Bind, {
+            name: "pluralApiName",
+            validators: [
+                validation.create("required,maxLength:100"),
+                apiNameValidator
+            ]
+        }, /*#__PURE__*/ react.createElement(Input, {
+            label: t`Plural API Name`,
+            description: t`The plural API name of the content model. For example: AuthorCategories.`,
+            "data-testid": "cms.newcontentmodeldialog.pluralApiName"
+        }))), /*#__PURE__*/ react.createElement(Grid.Column, {
+            span: 12
+        }, /*#__PURE__*/ react.createElement(Bind, {
+            name: "group",
+            validators: validation.create("required")
+        }, /*#__PURE__*/ react.createElement(Select, {
+            description: t`Choose a content model group`,
+            label: t`Content model group`,
+            options: groups || []
+        }))), /*#__PURE__*/ react.createElement(Grid.Column, {
+            span: 12
+        }, /*#__PURE__*/ react.createElement(Bind, {
+            name: "icon"
+        }, /*#__PURE__*/ react.createElement(IconPicker, {
+            label: t`Icon`,
+            description: t`Choose an icon to represent the model.`
+        }))), /*#__PURE__*/ react.createElement(Grid.Column, {
+            span: 12
+        }, /*#__PURE__*/ react.createElement(Bind, {
+            name: "description"
+        }, /*#__PURE__*/ react.createElement(Textarea, {
+            maxLength: 200,
+            label: t`Description`
+        })))), /*#__PURE__*/ react.createElement("div", {
+            style: {
+                display: "flex",
+                justifyContent: "flex-end",
+                marginTop: "16px"
+            }
+        }, /*#__PURE__*/ react.createElement(Button, {
+            variant: "secondary",
+            onClick: (ev)=>{
+                submit(ev);
+            }
+        }, "+ ", t`Clone`)))));
 };
+export { CloneContentModelDialog };
 
 //# sourceMappingURL=CloneContentModelDialog.js.map

package/admin/views/contentModels/CloneContentModelDialog.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","useEffect","useState","UID","useRouter","Form","Input","Select","useToast","CircularProgress","validation","useApolloClient","useMutation","useQuery","i18n","ButtonDefault","Cell","Grid","addModelToGroupCache","addModelToListCache","CREATE_CONTENT_MODEL_FROM","LIST_MENU_CONTENT_GROUPS_MODELS","Dialog","createNameValidator","createApiNameValidator","IconPicker","Routes","t","ns","getSelectedGroup","groups","model","length","current","group","find","g","value","defaultSelected","CloneContentModelDialog","onClose","contentModel","closeModal","loading","setLoading","showWarningToast","goToRoute","client","setGroups","models","setModels","createContentModelFrom","onError","error","title","description","message","update","cache","response","data","ContentModels","List","listMenuGroupsQuery","options","items","listContentModelGroups","item","push","slug","label","name","contentModels","selectedGroup","nameValidator","apiNameValidator","createElement","open","onSubmit","variables","modelId","Bind","submit","Fragment","DialogTitle","DialogContent","span","validators","create","rows","maxLength","DialogActions","onClick","ev"],"sources":["CloneContentModelDialog.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useState } from \"react\";\nimport * as UID from \"@webiny/ui/Dialog/index.js\";\nimport { useRouter } from \"@webiny/app-admin\";\nimport { Form } from \"@webiny/form\";\nimport { Input } from \"@webiny/ui/Input/index.js\";\nimport { Select } from \"@webiny/ui/Select/index.js\";\nimport { useToast } from \"@webiny/admin-ui\";\nimport { CircularProgress } from \"@webiny/ui/Progress/index.js\";\nimport { validation } from \"@webiny/validation\";\nimport { useApolloClient, useMutation, useQuery } from \"../../hooks/index.js\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport { ButtonDefault } from \"@webiny/ui/Button/index.js\";\nimport { Cell, Grid } from \"@webiny/ui/Grid/index.js\";\nimport { addModelToGroupCache, addModelToListCache } from \"./cache.js\";\nimport type { CmsModel } from \"~/types.js\";\nimport type {\n    CreateCmsModelFromMutationResponse,\n    CreateCmsModelFromMutationVariables,\n    ListMenuCmsGroupsQueryResponse\n} from \"../../viewsGraphql.js\";\nimport { CREATE_CONTENT_MODEL_FROM, LIST_MENU_CONTENT_GROUPS_MODELS } from \"../../viewsGraphql.js\";\nimport type { CmsGroupOption } from \"~/admin/views/contentModels/types.js\";\nimport { Dialog } from \"~/admin/components/Dialog.js\";\nimport { createNameValidator } from \"~/admin/views/contentModels/helpers/nameValidator.js\";\nimport { createApiNameValidator } from \"~/admin/views/contentModels/helpers/apiNameValidator.js\";\nimport { IconPicker } from \"~/admin/components/IconPicker.js\";\nimport { Routes } from \"~/routes.js\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/views/content-models/clone-content-model-dialog\");\n\nconst getSelectedGroup = (groups: CmsGroupOption[] | null, model: CmsModel): string | null => {\n    if (!groups || groups.length === 0 || !model) {\n        return \"\";\n    }\n    const current = model.group;\n    const group = groups.find(g => g.value === current);\n    if (group) {\n        return group.value;\n    }\n    const defaultSelected = groups.find(() => true);\n    return defaultSelected ? defaultSelected.value : null;\n};\n\ninterface CloneContentModelDialogProps {\n    onClose: UID.DialogOnClose;\n    contentModel: CmsModel;\n    closeModal: () => void;\n}\n\nexport const CloneContentModelDialog = ({\n    onClose,\n    contentModel,\n    closeModal\n}: CloneContentModelDialogProps) => {\n    const [loading, setLoading] = useState<boolean>(false);\n    const { showWarningToast } = useToast();\n    const { goToRoute } = useRouter();\n    const client = useApolloClient();\n\n    const [groups, setGroups] = useState<CmsGroupOption[] | null>(null);\n    const [models, setModels] = useState<CmsModel[]>([]);\n\n    const [createContentModelFrom] = useMutation<\n        CreateCmsModelFromMutationResponse,\n        CreateCmsModelFromMutationVariables\n    >(CREATE_CONTENT_MODEL_FROM, {\n        onError(error) {\n            setLoading(false);\n            showWarningToast({ title: \"Failed to create model\", description: error.message });\n        },\n        update(cache, response) {\n            if (!response.data) {\n                showWarningToast({\n                    title: \"Failed to create model\",\n                    description: `Missing data on Create Content Model From Mutation Response.`\n                });\n                return;\n            }\n            const { data: model, error } = response.data.createContentModelFrom;\n\n            if (error) {\n                setLoading(false);\n                showWarningToast({ title: \"Failed to create model\", description: error.message });\n                return;\n            }\n\n            addModelToListCache(cache, model);\n            addModelToGroupCache(cache, model);\n\n            closeModal();\n            goToRoute(Routes.ContentModels.List);\n        }\n    });\n\n    const listMenuGroupsQuery = useQuery<ListMenuCmsGroupsQueryResponse>(\n        LIST_MENU_CONTENT_GROUPS_MODELS\n    );\n\n    useEffect(() => {\n        if (!listMenuGroupsQuery.data || listMenuGroupsQuery.loading) {\n            return;\n        }\n        const options: CmsGroupOption[] = [];\n        const models: CmsModel[] = [];\n        const items = listMenuGroupsQuery.data.listContentModelGroups.data || [];\n        for (const item of items) {\n            options.push({\n                value: item.slug,\n                label: item.name\n            });\n            models.push(...item.contentModels);\n        }\n        setGroups(options);\n        setModels(models);\n    }, [listMenuGroupsQuery.data, listMenuGroupsQuery.loading]);\n\n    const selectedGroup = getSelectedGroup(groups, contentModel);\n\n    const nameValidator = useCallback(createNameValidator({ models }), [client, models]);\n\n    const apiNameValidator = useCallback(createApiNameValidator({ client, models }), [\n        client,\n        models\n    ]);\n\n    return (\n        <Dialog open={true} onClose={onClose} data-testid=\"cms-clone-content-model-modal\">\n            {!groups && (\n                <CircularProgress label={\"Please wait while we load required information.\"} />\n            )}\n\n            <Form\n                data={{\n                    group: selectedGroup,\n                    name: contentModel.name\n                }}\n                onSubmit={data => {\n                    setLoading(true);\n                    createContentModelFrom({\n                        variables: {\n                            modelId: contentModel.modelId,\n                            /**\n                             * We know that data is CmsModel\n                             */\n                            data: data as unknown as CmsModel\n                        }\n                    });\n                }}\n            >\n                {({ Bind, submit }) => (\n                    <>\n                        {loading && <CircularProgress />}\n                        <UID.DialogTitle>{t`Clone Content Model`}</UID.DialogTitle>\n                        <UID.DialogContent>\n                            <Grid>\n                                <Cell span={12}>\n                                    <Bind\n                                        name={\"name\"}\n                                        validators={[\n                                            validation.create(\"required,maxLength:100\"),\n                                            nameValidator\n                                        ]}\n                                    >\n                                        <Input\n                                            label={t`Name`}\n                                            description={t`The name of the content model`}\n                                        />\n                                    </Bind>\n                                </Cell>\n                                <Cell span={12}>\n                                    <Bind\n                                        name={\"singularApiName\"}\n                                        validators={[\n                                            validation.create(\"required,maxLength:100\"),\n                                            apiNameValidator\n                                        ]}\n                                    >\n                                        <Input\n                                            label={t`Singular API Name`}\n                                            description={t`The API name of the content model. For example: AuthorCategory.`}\n                                            data-testid=\"cms.newcontentmodeldialog.singularApiName\"\n                                        />\n                                    </Bind>\n                                </Cell>\n                                <Cell span={12}>\n                                    <Bind\n                                        name={\"pluralApiName\"}\n                                        validators={[\n                                            validation.create(\"required,maxLength:100\"),\n                                            apiNameValidator\n                                        ]}\n                                    >\n                                        <Input\n                                            label={t`Plural API Name`}\n                                            description={t`The plural API name of the content model. For example: AuthorCategories.`}\n                                            data-testid=\"cms.newcontentmodeldialog.pluralApiName\"\n                                        />\n                                    </Bind>\n                                </Cell>\n                                <Cell span={12}>\n                                    <Bind name={\"group\"} validators={validation.create(\"required\")}>\n                                        <Select\n                                            description={t`Choose a content model group`}\n                                            label={t`Content model group`}\n                                            options={groups || []}\n                                        />\n                                    </Bind>\n                                </Cell>\n                                <Cell span={12}>\n                                    <Bind name=\"icon\">\n                                        <IconPicker\n                                            label={t`Icon`}\n                                            description={t`Choose an icon to represent the model.`}\n                                        />\n                                    </Bind>\n                                </Cell>\n                                <Cell span={12}>\n                                    <Bind name=\"description\">\n                                        <Input rows={4} maxLength={200} label={t`Description`} />\n                                    </Bind>\n                                </Cell>\n                            </Grid>\n                        </UID.DialogContent>\n                        <UID.DialogActions>\n                            <ButtonDefault\n                                onClick={ev => {\n                                    submit(ev);\n                                }}\n                            >\n                                + {t`Clone`}\n                            </ButtonDefault>\n                        </UID.DialogActions>\n                    </>\n                )}\n            </Form>\n        </Dialog>\n    );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"admin/views/contentModels/CloneContentModelDialog.js","sources":["../../../../src/admin/views/contentModels/CloneContentModelDialog.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useState } from \"react\";\n\nimport { useRouter } from \"@webiny/app-admin\";\nimport { Form } from \"@webiny/form\";\nimport { Input, Button, Textarea, Grid, Select, OverlayLoader } from \"@webiny/admin-ui\";\n\nimport { useToast } from \"@webiny/admin-ui\";\n\nimport { validation } from \"@webiny/validation\";\nimport { useApolloClient, useMutation, useQuery } from \"../../hooks/index.js\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\n\nimport { addModelToGroupCache, addModelToListCache } from \"./cache.js\";\nimport type { CmsModel } from \"~/types.js\";\nimport type {\n    CreateCmsModelFromMutationResponse,\n    CreateCmsModelFromMutationVariables,\n    ListMenuCmsGroupsQueryResponse\n} from \"../../viewsGraphql.js\";\nimport { CREATE_CONTENT_MODEL_FROM, LIST_MENU_CONTENT_GROUPS_MODELS } from \"../../viewsGraphql.js\";\nimport type { CmsGroupOption } from \"~/admin/views/contentModels/types.js\";\nimport { Dialog } from \"~/admin/components/Dialog.js\";\nimport { createNameValidator } from \"~/admin/views/contentModels/helpers/nameValidator.js\";\nimport { createApiNameValidator } from \"~/admin/views/contentModels/helpers/apiNameValidator.js\";\nimport { IconPicker } from \"~/admin/components/IconPicker.js\";\nimport { Routes } from \"~/routes.js\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/views/content-models/clone-content-model-dialog\");\n\nconst getSelectedGroup = (groups: CmsGroupOption[] | null, model: CmsModel): string | null => {\n    if (!groups || groups.length === 0 || !model) {\n        return \"\";\n    }\n    const current = model.group;\n    const group = groups.find(g => g.value === current);\n    if (group) {\n        return group.value;\n    }\n    const defaultSelected = groups.find(() => true);\n    return defaultSelected ? defaultSelected.value : null;\n};\n\ninterface CloneContentModelDialogProps {\n    onClose: () => void;\n    contentModel: CmsModel;\n    closeModal: () => void;\n}\n\nexport const CloneContentModelDialog = ({\n    onClose,\n    contentModel,\n    closeModal\n}: CloneContentModelDialogProps) => {\n    const [loading, setLoading] = useState<boolean>(false);\n    const { showWarningToast } = useToast();\n    const { goToRoute } = useRouter();\n    const client = useApolloClient();\n\n    const [groups, setGroups] = useState<CmsGroupOption[] | null>(null);\n    const [models, setModels] = useState<CmsModel[]>([]);\n\n    const [createContentModelFrom] = useMutation<\n        CreateCmsModelFromMutationResponse,\n        CreateCmsModelFromMutationVariables\n    >(CREATE_CONTENT_MODEL_FROM, {\n        onError(error) {\n            setLoading(false);\n            showWarningToast({ title: \"Failed to create model\", description: error.message });\n        },\n        update(cache, response) {\n            if (!response.data) {\n                showWarningToast({\n                    title: \"Failed to create model\",\n                    description: `Missing data on Create Content Model From Mutation Response.`\n                });\n                return;\n            }\n            const { data: model, error } = response.data.createContentModelFrom;\n\n            if (error) {\n                setLoading(false);\n                showWarningToast({ title: \"Failed to create model\", description: error.message });\n                return;\n            }\n\n            addModelToListCache(cache, model);\n            addModelToGroupCache(cache, model);\n\n            closeModal();\n            goToRoute(Routes.ContentModels.List);\n        }\n    });\n\n    const listMenuGroupsQuery = useQuery<ListMenuCmsGroupsQueryResponse>(\n        LIST_MENU_CONTENT_GROUPS_MODELS\n    );\n\n    useEffect(() => {\n        if (!listMenuGroupsQuery.data || listMenuGroupsQuery.loading) {\n            return;\n        }\n        const options: CmsGroupOption[] = [];\n        const models: CmsModel[] = [];\n        const items = listMenuGroupsQuery.data.listContentModelGroups.data || [];\n        for (const item of items) {\n            options.push({\n                value: item.slug,\n                label: item.name\n            });\n            models.push(...item.contentModels);\n        }\n        setGroups(options);\n        setModels(models);\n    }, [listMenuGroupsQuery.data, listMenuGroupsQuery.loading]);\n\n    const selectedGroup = getSelectedGroup(groups, contentModel);\n\n    const nameValidator = useCallback(createNameValidator({ models }), [client, models]);\n\n    const apiNameValidator = useCallback(createApiNameValidator({ client, models }), [\n        client,\n        models\n    ]);\n\n    return (\n        <Dialog\n            open={true}\n            onClose={onClose}\n            data-testid=\"cms-clone-content-model-modal\"\n            title={t`Clone Content Model`}\n        >\n            {!groups && <OverlayLoader text={\"Please wait while we load required information.\"} />}\n\n            <Form\n                data={{\n                    group: selectedGroup,\n                    name: contentModel.name\n                }}\n                onSubmit={data => {\n                    setLoading(true);\n                    createContentModelFrom({\n                        variables: {\n                            modelId: contentModel.modelId,\n                            /**\n                             * We know that data is CmsModel\n                             */\n                            data: data as unknown as CmsModel\n                        }\n                    });\n                }}\n            >\n                {({ Bind, submit }) => (\n                    <>\n                        {loading && <OverlayLoader />}\n                        <Grid>\n                            <Grid.Column span={12}>\n                                <Bind\n                                    name={\"name\"}\n                                    validators={[\n                                        validation.create(\"required,maxLength:100\"),\n                                        nameValidator\n                                    ]}\n                                >\n                                    <Input\n                                        label={t`Name`}\n                                        description={t`The name of the content model`}\n                                    />\n                                </Bind>\n                            </Grid.Column>\n                            <Grid.Column span={12}>\n                                <Bind\n                                    name={\"singularApiName\"}\n                                    validators={[\n                                        validation.create(\"required,maxLength:100\"),\n                                        apiNameValidator\n                                    ]}\n                                >\n                                    <Input\n                                        label={t`Singular API Name`}\n                                        description={t`The API name of the content model. For example: AuthorCategory.`}\n                                        data-testid=\"cms.newcontentmodeldialog.singularApiName\"\n                                    />\n                                </Bind>\n                            </Grid.Column>\n                            <Grid.Column span={12}>\n                                <Bind\n                                    name={\"pluralApiName\"}\n                                    validators={[\n                                        validation.create(\"required,maxLength:100\"),\n                                        apiNameValidator\n                                    ]}\n                                >\n                                    <Input\n                                        label={t`Plural API Name`}\n                                        description={t`The plural API name of the content model. For example: AuthorCategories.`}\n                                        data-testid=\"cms.newcontentmodeldialog.pluralApiName\"\n                                    />\n                                </Bind>\n                            </Grid.Column>\n                            <Grid.Column span={12}>\n                                <Bind name={\"group\"} validators={validation.create(\"required\")}>\n                                    <Select\n                                        description={t`Choose a content model group`}\n                                        label={t`Content model group`}\n                                        options={groups || []}\n                                    />\n                                </Bind>\n                            </Grid.Column>\n                            <Grid.Column span={12}>\n                                <Bind name=\"icon\">\n                                    <IconPicker\n                                        label={t`Icon`}\n                                        description={t`Choose an icon to represent the model.`}\n                                    />\n                                </Bind>\n                            </Grid.Column>\n                            <Grid.Column span={12}>\n                                <Bind name=\"description\">\n                                    <Textarea maxLength={200} label={t`Description`} />\n                                </Bind>\n                            </Grid.Column>\n                        </Grid>\n                        <div\n                            style={{\n                                display: \"flex\",\n                                justifyContent: \"flex-end\",\n                                marginTop: \"16px\"\n                            }}\n                        >\n                            <Button\n                                variant={\"secondary\"}\n                                onClick={ev => {\n                                    submit(ev);\n                                }}\n                            >\n                                + {t`Clone`}\n                            </Button>\n                        </div>\n                    </>\n                )}\n            </Form>\n        </Dialog>\n    );\n};\n"],"names":["t","i18n","getSelectedGroup","groups","model","current","group","g","defaultSelected","CloneContentModelDialog","onClose","contentModel","closeModal","loading","setLoading","useState","showWarningToast","useToast","goToRoute","useRouter","client","useApolloClient","setGroups","models","setModels","createContentModelFrom","useMutation","CREATE_CONTENT_MODEL_FROM","error","cache","response","addModelToListCache","addModelToGroupCache","Routes","listMenuGroupsQuery","useQuery","LIST_MENU_CONTENT_GROUPS_MODELS","useEffect","options","items","item","selectedGroup","nameValidator","useCallback","createNameValidator","apiNameValidator","createApiNameValidator","Dialog","OverlayLoader","Form","data","Bind","submit","Grid","validation","Input","Select","IconPicker","Textarea","Button","ev"],"mappings":"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"}

package/admin/views/contentModels/ContentModelEditor.js

@@ -1,4 +1,4 @@
-import React from "react";
+import react from "react";
 import { HTML5Backend } from "react-dnd-html5-backend";
 import { DndProvider } from "react-dnd";
 import { ContentModelEditor } from "../../components/ContentModelEditor/ContentModelEditor.js";
@@ -6,22 +6,19 @@ import { useRoute } from "@webiny/app-admin";
 import { useCms } from "../../hooks/index.js";
 import { ContentModelEditorProvider } from "../../components/ContentModelEditor/index.js";
 import { Routes } from "../../../routes.js";
-const ContentModelEditorView = () => {
-  const {
-    route
-  } = useRoute(Routes.ContentModels.Editor);
-  const {
-    apolloClient
-  } = useCms();
-  const modelId = route.params.modelId;
-  return /*#__PURE__*/React.createElement(ContentModelEditorProvider, {
-    key: modelId,
-    apolloClient: apolloClient,
-    modelId: modelId
-  }, /*#__PURE__*/React.createElement(DndProvider, {
-    backend: HTML5Backend
-  }, /*#__PURE__*/React.createElement(ContentModelEditor, null)));
+const ContentModelEditorView = ()=>{
+    const { route } = useRoute(Routes.ContentModels.Editor);
+    const { apolloClient } = useCms();
+    const modelId = route.params.modelId;
+    return /*#__PURE__*/ react.createElement(ContentModelEditorProvider, {
+        key: modelId,
+        apolloClient: apolloClient,
+        modelId: modelId
+    }, /*#__PURE__*/ react.createElement(DndProvider, {
+        backend: HTML5Backend
+    }, /*#__PURE__*/ react.createElement(ContentModelEditor, null)));
 };
-export default ContentModelEditorView;
+const contentModels_ContentModelEditor = ContentModelEditorView;
+export default contentModels_ContentModelEditor;
 
 //# sourceMappingURL=ContentModelEditor.js.map

package/admin/views/contentModels/ContentModelEditor.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","HTML5Backend","DndProvider","ContentModelEditor","useRoute","useCms","ContentModelEditorProvider","Routes","ContentModelEditorView","route","ContentModels","Editor","apolloClient","modelId","params","createElement","key","backend"],"sources":["ContentModelEditor.tsx"],"sourcesContent":["import React from \"react\";\nimport { HTML5Backend } from \"react-dnd-html5-backend\";\nimport { DndProvider } from \"react-dnd\";\nimport { ContentModelEditor } from \"~/admin/components/ContentModelEditor/ContentModelEditor.js\";\nimport { useRoute } from \"@webiny/app-admin\";\nimport { useCms } from \"~/admin/hooks/index.js\";\nimport { ContentModelEditorProvider } from \"~/admin/components/ContentModelEditor/index.js\";\nimport { Routes } from \"~/routes.js\";\n\nconst ContentModelEditorView = () => {\n    const { route } = useRoute(Routes.ContentModels.Editor);\n    const { apolloClient } = useCms();\n\n    const modelId = route.params.modelId;\n\n    return (\n        <ContentModelEditorProvider key={modelId} apolloClient={apolloClient} modelId={modelId}>\n            <DndProvider backend={HTML5Backend}>\n                <ContentModelEditor />\n            </DndProvider>\n        </ContentModelEditorProvider>\n    );\n};\nexport default ContentModelEditorView;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,YAAY,QAAQ,yBAAyB;AACtD,SAASC,WAAW,QAAQ,WAAW;AACvC,SAASC,kBAAkB;AAC3B,SAASC,QAAQ,QAAQ,mBAAmB;AAC5C,SAASC,MAAM;AACf,SAASC,0BAA0B;AACnC,SAASC,MAAM;AAEf,MAAMC,sBAAsB,GAAGA,CAAA,KAAM;EACjC,MAAM;IAAEC;EAAM,CAAC,GAAGL,QAAQ,CAACG,MAAM,CAACG,aAAa,CAACC,MAAM,CAAC;EACvD,MAAM;IAAEC;EAAa,CAAC,GAAGP,MAAM,CAAC,CAAC;EAEjC,MAAMQ,OAAO,GAAGJ,KAAK,CAACK,MAAM,CAACD,OAAO;EAEpC,oBACIb,KAAA,CAAAe,aAAA,CAACT,0BAA0B;IAACU,GAAG,EAAEH,OAAQ;IAACD,YAAY,EAAEA,YAAa;IAACC,OAAO,EAAEA;EAAQ,gBACnFb,KAAA,CAAAe,aAAA,CAACb,WAAW;IAACe,OAAO,EAAEhB;EAAa,gBAC/BD,KAAA,CAAAe,aAAA,CAACZ,kBAAkB,MAAE,CACZ,CACW,CAAC;AAErC,CAAC;AACD,eAAeK,sBAAsB","ignoreList":[]}
+{"version":3,"file":"admin/views/contentModels/ContentModelEditor.js","sources":["../../../../src/admin/views/contentModels/ContentModelEditor.tsx"],"sourcesContent":["import React from \"react\";\nimport { HTML5Backend } from \"react-dnd-html5-backend\";\nimport { DndProvider } from \"react-dnd\";\nimport { ContentModelEditor } from \"~/admin/components/ContentModelEditor/ContentModelEditor.js\";\nimport { useRoute } from \"@webiny/app-admin\";\nimport { useCms } from \"~/admin/hooks/index.js\";\nimport { ContentModelEditorProvider } from \"~/admin/components/ContentModelEditor/index.js\";\nimport { Routes } from \"~/routes.js\";\n\nconst ContentModelEditorView = () => {\n    const { route } = useRoute(Routes.ContentModels.Editor);\n    const { apolloClient } = useCms();\n\n    const modelId = route.params.modelId;\n\n    return (\n        <ContentModelEditorProvider key={modelId} apolloClient={apolloClient} modelId={modelId}>\n            <DndProvider backend={HTML5Backend}>\n                <ContentModelEditor />\n            </DndProvider>\n        </ContentModelEditorProvider>\n    );\n};\nexport default ContentModelEditorView;\n"],"names":["ContentModelEditorView","route","useRoute","Routes","apolloClient","useCms","modelId","ContentModelEditorProvider","DndProvider","HTML5Backend","ContentModelEditor"],"mappings":";;;;;;;;AASA,MAAMA,yBAAyB;IAC3B,MAAM,EAAEC,KAAK,EAAE,GAAGC,SAASC,OAAO,aAAa,CAAC,MAAM;IACtD,MAAM,EAAEC,YAAY,EAAE,GAAGC;IAEzB,MAAMC,UAAUL,MAAM,MAAM,CAAC,OAAO;IAEpC,OAAO,WAAP,GACI,oBAACM,4BAA0BA;QAAC,KAAKD;QAAS,cAAcF;QAAc,SAASE;qBAC3E,oBAACE,aAAWA;QAAC,SAASC;qBAClB,oBAACC,oBAAkBA;AAInC;AACA,yCAAeV"}

package/admin/views/contentModels/ContentModels.js

@@ -1,66 +1,62 @@
-import React, { useCallback, useMemo, useState } from "react";
+import react, { useCallback, useMemo, useState } from "react";
 import { CloneContentModelDialog } from "./CloneContentModelDialog.js";
 import NewContentModelDialog from "./NewContentModelDialog.js";
 import ContentModelsDataList from "./ContentModelsDataList.js";
 import { useSecurity } from "@webiny/app-admin";
 import { ImportContentModelsDialog } from "./importing/ImportContentModelsDialog.js";
 import { Grid } from "@webiny/admin-ui";
-const ContentModels = () => {
-  const [newContentModelDialogOpened, openNewContentModelDialog] = React.useState(false);
-  const [cloneContentModel, setCloneContentModel] = React.useState(null);
-  const {
-    identity,
-    getPermission
-  } = useSecurity();
-  const canCreate = useMemo(() => {
-    const permission = getPermission("cms.contentModel");
-    if (!permission) {
-      return false;
-    }
-    if (typeof permission.rwd !== "string") {
-      return true;
-    }
-    return permission.rwd.includes("w");
-  }, [identity]);
-  const closeCloneModal = useCallback(() => {
-    setCloneContentModel(null);
-  }, []);
-  const onCreate = useCallback(() => openNewContentModelDialog(true), []);
-  const onClose = useCallback(() => openNewContentModelDialog(false), []);
-  const onClone = useCallback(contentModel => setCloneContentModel(contentModel), []);
-  const onCloneClose = useCallback(() => setCloneContentModel(null), []);
-  const [importModels, setImportModels] = useState(false);
-  const showImportModelModal = useCallback(() => {
-    setImportModels(true);
-  }, []);
-  const closeImportModelModal = useCallback(() => {
-    setImportModels(false);
-  }, []);
-  return /*#__PURE__*/React.createElement("div", {
-    className: "container h-main-content"
-  }, /*#__PURE__*/React.createElement(Grid, {
-    className: "h-full pt-lg"
-  }, /*#__PURE__*/React.createElement(Grid.Column, {
-    span: 10,
-    offset: 1
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "h-full border-sm border-b-none border-neutral-dimmed-darker rounded-t-3xl"
-  }, /*#__PURE__*/React.createElement(ContentModelsDataList, {
-    showImportModelModal: showImportModelModal,
-    canCreate: canCreate,
-    onCreate: onCreate,
-    onClone: onClone
-  })))), /*#__PURE__*/React.createElement(NewContentModelDialog, {
-    open: newContentModelDialogOpened,
-    onClose: onClose
-  }), cloneContentModel ? /*#__PURE__*/React.createElement(CloneContentModelDialog, {
-    contentModel: cloneContentModel,
-    onClose: onCloneClose,
-    closeModal: closeCloneModal
-  }) : null, importModels ? /*#__PURE__*/React.createElement(ImportContentModelsDialog, {
-    onClose: closeImportModelModal
-  }) : null);
+const ContentModels = ()=>{
+    const [newContentModelDialogOpened, openNewContentModelDialog] = react.useState(false);
+    const [cloneContentModel, setCloneContentModel] = react.useState(null);
+    const { identity, getPermission } = useSecurity();
+    const canCreate = useMemo(()=>{
+        const permission = getPermission("cms.contentModel");
+        if (!permission) return false;
+        if ("string" != typeof permission.rwd) return true;
+        return permission.rwd.includes("w");
+    }, [
+        identity
+    ]);
+    const closeCloneModal = useCallback(()=>{
+        setCloneContentModel(null);
+    }, []);
+    const onCreate = useCallback(()=>openNewContentModelDialog(true), []);
+    const onClose = useCallback(()=>openNewContentModelDialog(false), []);
+    const onClone = useCallback((contentModel)=>setCloneContentModel(contentModel), []);
+    const onCloneClose = useCallback(()=>setCloneContentModel(null), []);
+    const [importModels, setImportModels] = useState(false);
+    const showImportModelModal = useCallback(()=>{
+        setImportModels(true);
+    }, []);
+    const closeImportModelModal = useCallback(()=>{
+        setImportModels(false);
+    }, []);
+    return /*#__PURE__*/ react.createElement("div", {
+        className: "container h-main-content"
+    }, /*#__PURE__*/ react.createElement(Grid, {
+        className: "h-full pt-lg"
+    }, /*#__PURE__*/ react.createElement(Grid.Column, {
+        span: 10,
+        offset: 1
+    }, /*#__PURE__*/ react.createElement("div", {
+        className: "h-full border-sm border-b-none border-neutral-dimmed-darker rounded-t-3xl"
+    }, /*#__PURE__*/ react.createElement(ContentModelsDataList, {
+        showImportModelModal: showImportModelModal,
+        canCreate: canCreate,
+        onCreate: onCreate,
+        onClone: onClone
+    })))), /*#__PURE__*/ react.createElement(NewContentModelDialog, {
+        open: newContentModelDialogOpened,
+        onClose: onClose
+    }), cloneContentModel ? /*#__PURE__*/ react.createElement(CloneContentModelDialog, {
+        contentModel: cloneContentModel,
+        onClose: onCloneClose,
+        closeModal: closeCloneModal
+    }) : null, importModels ? /*#__PURE__*/ react.createElement(ImportContentModelsDialog, {
+        onClose: closeImportModelModal
+    }) : null);
 };
-export default ContentModels;
+const contentModels_ContentModels = ContentModels;
+export default contentModels_ContentModels;
 
 //# sourceMappingURL=ContentModels.js.map