@webiny/app-headless-cms 0.0.0-unstable.78f581c1d2 → 0.0.0-unstable.7be00a75a9

package/admin/views/contentModels/CloneContentModelDialog.js

@@ -1,312 +1,186 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
-var _createForOfIteratorHelper2 = _interopRequireDefault(require("@babel/runtime/helpers/createForOfIteratorHelper"));
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _emotion = require("emotion");
-
-var _get = _interopRequireDefault(require("lodash/get"));
-
-var _reactRouter = require("@webiny/react-router");
-
-var _form = require("@webiny/form");
-
-var _Input = require("@webiny/ui/Input");
-
-var _Select = require("@webiny/ui/Select");
-
-var _useSnackbar2 = require("@webiny/app-admin/hooks/useSnackbar");
-
-var _Progress = require("@webiny/ui/Progress");
-
-var _validation = require("@webiny/validation");
-
-var _hooks = require("../../hooks");
-
-var _i18n = require("@webiny/app/i18n");
-
-var _Button = require("@webiny/ui/Button");
-
-var UID = _interopRequireWildcard(require("@webiny/ui/Dialog"));
-
-var _Grid = require("@webiny/ui/Grid");
-
-var _cache = require("./cache");
-
-var _useI18N2 = require("@webiny/app-i18n/hooks/useI18N");
-
-var _viewsGraphql = require("../../viewsGraphql");
-
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9;
-
-var t = _i18n.i18n.ns("app-headless-cms/admin/views/content-models/clone-content-model-dialog");
-
-var narrowDialog = /*#__PURE__*/(0, _emotion.css)({
-  ".mdc-dialog__surface": {
-    width: 600,
-    minWidth: 600
-  }
-}, "label:narrowDialog;");
-var noPadding = /*#__PURE__*/(0, _emotion.css)({
-  padding: "5px !important"
-}, "label:noPadding;");
-
-/**
- * This list is to disallow creating models that might interfere with GraphQL schema creation.
- * Add more if required.
- */
-var disallowedModelIdEndingList = ["Response", "List", "Meta", "Input", "Sorter"];
-
-var getSelectedGroup = function getSelectedGroup(groups, model) {
-  if (!groups || groups.length === 0 || !model) {
-    return "";
-  }
-
-  var current = model.group.id;
-  var group = groups.find(function (g) {
-    return g.value === current;
-  });
-
-  if (group) {
-    return group.value;
-  }
-
-  var defaultSelected = groups.find(function () {
-    return true;
-  });
-  return defaultSelected ? defaultSelected.value : null;
+import react, { useCallback, useEffect, useState } from "react";
+import { useRouter } from "@webiny/app-admin";
+import { Form } from "@webiny/form";
+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 { addModelToGroupCache, addModelToListCache } from "./cache.js";
+import { CREATE_CONTENT_MODEL_FROM, LIST_MENU_CONTENT_GROUPS_MODELS } from "../../viewsGraphql.js";
+import { Dialog } from "../../components/Dialog.js";
+import { createNameValidator } from "./helpers/nameValidator.js";
+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 || 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;
 };
-
-var CloneContentModelDialog = function CloneContentModelDialog(_ref) {
-  var open = _ref.open,
-      onClose = _ref.onClose,
-      contentModel = _ref.contentModel,
-      closeModal = _ref.closeModal;
-
-  var _useState = (0, _react.useState)(false),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      loading = _useState2[0],
-      setLoading = _useState2[1];
-
-  var _useSnackbar = (0, _useSnackbar2.useSnackbar)(),
-      showSnackbar = _useSnackbar.showSnackbar;
-
-  var _useRouter = (0, _reactRouter.useRouter)(),
-      history = _useRouter.history;
-
-  var _useI18N = (0, _useI18N2.useI18N)(),
-      getLocales = _useI18N.getLocales,
-      getCurrentLocale = _useI18N.getCurrentLocale,
-      setCurrentLocale = _useI18N.setCurrentLocale;
-
-  var currentLocale = getCurrentLocale("content");
-
-  var _useState3 = (0, _react.useState)(currentLocale || ""),
-      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-      locale = _useState4[0],
-      setLocale = _useState4[1];
-
-  var _useState5 = (0, _react.useState)(null),
-      _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
-      groups = _useState6[0],
-      setGroups = _useState6[1];
-
-  var _useMutation = (0, _hooks.useMutation)(_viewsGraphql.CREATE_CONTENT_MODEL_FROM, {
-    onError: function onError(error) {
-      setLoading(false);
-      showSnackbar(error.message);
-    },
-    update: function update(cache, response) {
-      if (!response.data) {
-        showSnackbar("Missing data on Create Content Model From Mutation Response.");
-        return;
-      }
-
-      var _response$data$create = response.data.createContentModelFrom,
-          model = _response$data$create.data,
-          error = _response$data$create.error;
-
-      if (error) {
-        setLoading(false);
-        showSnackbar(error.message);
-        return;
-      }
-
-      if (currentLocale !== locale) {
-        setCurrentLocale(locale, "content");
-        window.location.reload();
-        return;
-      }
-
-      (0, _cache.addModelToListCache)(cache, model);
-      (0, _cache.addModelToGroupCache)(cache, model);
-      history.push("/cms/content-models/");
-      closeModal();
-    }
-  }),
-      _useMutation2 = (0, _slicedToArray2.default)(_useMutation, 1),
-      createContentModelFrom = _useMutation2[0];
-
-  var locales = getLocales().map(function (_ref2) {
-    var code = _ref2.code;
-    return {
-      value: code,
-      label: code === currentLocale ? "Current locale" : code
-    };
-  });
-
-  var _useQueryLocale = (0, _hooks.useQueryLocale)(_viewsGraphql.LIST_MENU_CONTENT_GROUPS_MODELS, locale, {
-    skip: !open || !!groups
-  }),
-      data = _useQueryLocale.data,
-      groupsLoading = _useQueryLocale.loading;
-
-  (0, _react.useEffect)(function () {
-    if (!data || groupsLoading) {
-      return;
-    }
-
-    var contentModelGroups = (0, _get.default)(data, "listContentModelGroups.data", []).map(function (item) {
-      return {
-        value: item.id,
-        label: item.name
-      };
-    });
-    setGroups(contentModelGroups);
-  }, [data, groupsLoading]);
-  var selectedGroup = getSelectedGroup(groups, contentModel);
-  var nameValidator = (0, _react.useCallback)(function (name) {
-    var target = (name || "").trim();
-
-    if (!target.charAt(0).match(/[a-zA-Z]/)) {
-      throw new Error("Value is not valid - must not start with a number.");
-    }
-
-    if (target.toLowerCase() === "id") {
-      throw new Error('Value is not valid - "id" is an auto-generated field.');
-    }
-
-    var _iterator = (0, _createForOfIteratorHelper2.default)(disallowedModelIdEndingList),
-        _step;
-
-    try {
-      for (_iterator.s(); !(_step = _iterator.n()).done;) {
-        var ending = _step.value;
-        var re = new RegExp("".concat(ending, "$"), "i");
-        var matched = target.match(re);
-
-        if (matched === null) {
-          continue;
+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);
         }
-
-        throw new Error("Model name that ends with \"".concat(ending, "\" is not allowed."));
-      }
-    } catch (err) {
-      _iterator.e(err);
-    } finally {
-      _iterator.f();
-    }
-
-    return true;
-  }, []);
-  return /*#__PURE__*/_react.default.createElement(UID.Dialog, {
-    open: open,
-    onClose: onClose,
-    className: narrowDialog,
-    "data-testid": "cms-clone-content-model-modal"
-  }, (!groups || groupsLoading) && /*#__PURE__*/_react.default.createElement(_Progress.CircularProgress, {
-    label: "Please wait while we load required information."
-  }), open && /*#__PURE__*/_react.default.createElement(_form.Form, {
-    data: {
-      group: selectedGroup,
-      locale: locale,
-      name: contentModel.name
-    },
-    onSubmit: function onSubmit(data) {
-      setLoading(true);
-      createContentModelFrom({
-        variables: {
-          modelId: contentModel.modelId,
-
-          /**
-           * We know that data is CmsModel
-           */
-          data: data
+    });
+    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);
         }
-      });
-    }
-  }, function (_ref3) {
-    var Bind = _ref3.Bind,
-        submit = _ref3.submit;
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, loading && /*#__PURE__*/_react.default.createElement(_Progress.CircularProgress, null), /*#__PURE__*/_react.default.createElement(UID.DialogTitle, null, t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Clone Content Model"])))), /*#__PURE__*/_react.default.createElement(UID.DialogContent, null, /*#__PURE__*/_react.default.createElement(_Grid.Grid, {
-      className: noPadding
-    }, /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
-      span: 12
-    }, /*#__PURE__*/_react.default.createElement(Bind, {
-      name: "name",
-      validators: [_validation.validation.create("required,maxLength:100"), nameValidator]
-    }, /*#__PURE__*/_react.default.createElement(_Input.Input, {
-      label: t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["Name"]))),
-      description: t(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["The name of the content model"])))
-    }))), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
-      span: 12
-    }, /*#__PURE__*/_react.default.createElement(Bind, {
-      name: "locale",
-      validators: _validation.validation.create("required"),
-      afterChange: function afterChange(value) {
-        if (!value) {
-          return;
+        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
+                }
+            });
         }
-
-        setLocale(value);
-        setGroups(null);
-      }
-    }, /*#__PURE__*/_react.default.createElement(_Select.Select, {
-      description: t(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["Choose a locale into which you wish to clone the model"]))),
-      label: t(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["Content model locale"]))),
-      options: locales
-    }))), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
-      span: 12
-    }, /*#__PURE__*/_react.default.createElement(Bind, {
-      name: "group",
-      validators: _validation.validation.create("required")
-    }, /*#__PURE__*/_react.default.createElement(_Select.Select, {
-      description: t(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["Choose a content model group"]))),
-      label: t(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["Content model group"]))),
-      options: groups || []
-    }))), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
-      span: 12
-    }, /*#__PURE__*/_react.default.createElement(Bind, {
-      name: "description"
-    }, function (props) {
-      return /*#__PURE__*/_react.default.createElement(_Input.Input, Object.assign({}, props, {
-        rows: 4,
-        maxLength: 200,
-        characterCount: true,
-        label: t(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["Description"]))),
-        value: contentModel.description
-      }));
-    })))), /*#__PURE__*/_react.default.createElement(UID.DialogActions, null, /*#__PURE__*/_react.default.createElement(_Button.ButtonDefault, {
-      onClick: function onClick(ev) {
-        submit(ev);
-      }
-    }, "+ ", t(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2.default)(["Clone"]))))));
-  }));
+    }, ({ 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 };
 
-var _default = CloneContentModelDialog;
-exports.default = _default;
+//# sourceMappingURL=CloneContentModelDialog.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["t","i18n","ns","narrowDialog","css","width","minWidth","noPadding","padding","disallowedModelIdEndingList","getSelectedGroup","groups","model","length","current","group","id","find","g","value","defaultSelected","CloneContentModelDialog","open","onClose","contentModel","closeModal","useState","loading","setLoading","useSnackbar","showSnackbar","useRouter","history","useI18N","getLocales","getCurrentLocale","setCurrentLocale","currentLocale","locale","setLocale","setGroups","useMutation","CREATE_CONTENT_MODEL_FROM","onError","error","message","update","cache","response","data","createContentModelFrom","window","location","reload","addModelToListCache","addModelToGroupCache","push","locales","map","code","label","useQueryLocale","LIST_MENU_CONTENT_GROUPS_MODELS","skip","groupsLoading","useEffect","contentModelGroups","get","item","name","selectedGroup","nameValidator","useCallback","target","trim","charAt","match","Error","toLowerCase","ending","re","RegExp","matched","variables","modelId","Bind","submit","validation","create","props","description","ev"],"sources":["CloneContentModelDialog.tsx"],"sourcesContent":["import React, { useState, useCallback, useEffect } from \"react\";\nimport { css } from \"emotion\";\nimport get from \"lodash/get\";\nimport { useRouter } from \"@webiny/react-router\";\nimport { Form } from \"@webiny/form\";\nimport { Input } from \"@webiny/ui/Input\";\nimport { Select } from \"@webiny/ui/Select\";\nimport { useSnackbar } from \"@webiny/app-admin/hooks/useSnackbar\";\nimport { CircularProgress } from \"@webiny/ui/Progress\";\nimport { validation } from \"@webiny/validation\";\nimport { useMutation, useQueryLocale } from \"../../hooks\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { ButtonDefault } from \"@webiny/ui/Button\";\nimport * as UID from \"@webiny/ui/Dialog\";\nimport { Grid, Cell } from \"@webiny/ui/Grid\";\nimport { addModelToGroupCache, addModelToListCache } from \"./cache\";\nimport { CmsEditorContentModel, CmsModel } from \"~/types\";\nimport { useI18N } from \"@webiny/app-i18n/hooks/useI18N\";\nimport {\n    CREATE_CONTENT_MODEL_FROM,\n    LIST_MENU_CONTENT_GROUPS_MODELS,\n    CreateCmsModelFromMutationResponse,\n    CreateCmsModelFromMutationVariables,\n    ListMenuCmsGroupsQueryResponse\n} from \"../../viewsGraphql\";\nimport { CmsGroup } from \"~/admin/views/contentModelGroups/graphql\";\nimport { CmsGroupOption } from \"~/admin/views/contentModels/types\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/views/content-models/clone-content-model-dialog\");\n\nconst narrowDialog = css({\n    \".mdc-dialog__surface\": {\n        width: 600,\n        minWidth: 600\n    }\n});\n\nconst noPadding = css({\n    padding: \"5px !important\"\n});\n\nexport interface Props {\n    open: boolean;\n    onClose: UID.DialogOnClose;\n    contentModel: CmsEditorContentModel;\n    closeModal: () => void;\n}\n\n/**\n * This list is to disallow creating models that might interfere with GraphQL schema creation.\n * Add more if required.\n */\nconst disallowedModelIdEndingList: string[] = [\"Response\", \"List\", \"Meta\", \"Input\", \"Sorter\"];\n\nconst getSelectedGroup = (\n    groups: CmsGroupOption[] | null,\n    model: CmsEditorContentModel\n): string | null => {\n    if (!groups || groups.length === 0 || !model) {\n        return \"\";\n    }\n    const current = model.group.id;\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\nconst CloneContentModelDialog: React.FC<Props> = ({ open, onClose, contentModel, closeModal }) => {\n    const [loading, setLoading] = useState<boolean>(false);\n    const { showSnackbar } = useSnackbar();\n    const { history } = useRouter();\n    const { getLocales, getCurrentLocale, setCurrentLocale } = useI18N();\n\n    const currentLocale = getCurrentLocale(\"content\");\n    const [locale, setLocale] = useState<string>(currentLocale || \"\");\n    const [groups, setGroups] = useState<CmsGroupOption[] | null>(null);\n\n    const [createContentModelFrom] = useMutation<\n        CreateCmsModelFromMutationResponse,\n        CreateCmsModelFromMutationVariables\n    >(CREATE_CONTENT_MODEL_FROM, {\n        onError(error) {\n            setLoading(false);\n            showSnackbar(error.message);\n        },\n        update(cache, response) {\n            if (!response.data) {\n                showSnackbar(`Missing data on Create Content Model From Mutation Response.`);\n                return;\n            }\n            const { data: model, error } = response.data.createContentModelFrom;\n\n            if (error) {\n                setLoading(false);\n                showSnackbar(error.message);\n                return;\n            }\n\n            if (currentLocale !== locale) {\n                setCurrentLocale(locale, \"content\");\n                window.location.reload();\n                return;\n            }\n\n            addModelToListCache(cache, model);\n            addModelToGroupCache(cache, model);\n\n            history.push(\"/cms/content-models/\");\n            closeModal();\n        }\n    });\n\n    const locales = getLocales().map(({ code }) => {\n        return {\n            value: code,\n            label: code === currentLocale ? \"Current locale\" : code\n        };\n    });\n\n    const { data, loading: groupsLoading } = useQueryLocale<ListMenuCmsGroupsQueryResponse>(\n        LIST_MENU_CONTENT_GROUPS_MODELS,\n        locale,\n        {\n            skip: !open || !!groups\n        }\n    );\n\n    useEffect(() => {\n        if (!data || groupsLoading) {\n            return;\n        }\n        const contentModelGroups: CmsGroupOption[] = get(\n            data,\n            \"listContentModelGroups.data\",\n            []\n        ).map((item: CmsGroup): CmsGroupOption => {\n            return {\n                value: item.id,\n                label: item.name\n            };\n        });\n        setGroups(contentModelGroups);\n    }, [data, groupsLoading]);\n\n    const selectedGroup = getSelectedGroup(groups, contentModel);\n\n    const nameValidator = useCallback((name: string) => {\n        const target = (name || \"\").trim();\n        if (!target.charAt(0).match(/[a-zA-Z]/)) {\n            throw new Error(\"Value is not valid - must not start with a number.\");\n        }\n        if (target.toLowerCase() === \"id\") {\n            throw new Error('Value is not valid - \"id\" is an auto-generated field.');\n        }\n        for (const ending of disallowedModelIdEndingList) {\n            const re = new RegExp(`${ending}$`, \"i\");\n            const matched = target.match(re);\n            if (matched === null) {\n                continue;\n            }\n            throw new Error(`Model name that ends with \"${ending}\" is not allowed.`);\n        }\n        return true;\n    }, []);\n\n    return (\n        <UID.Dialog\n            open={open}\n            onClose={onClose}\n            className={narrowDialog}\n            data-testid=\"cms-clone-content-model-modal\"\n        >\n            {(!groups || groupsLoading) && (\n                <CircularProgress label={\"Please wait while we load required information.\"} />\n            )}\n            {open && (\n                <Form\n                    data={{\n                        group: selectedGroup,\n                        locale,\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 className={noPadding}>\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={\"locale\"}\n                                            validators={validation.create(\"required\")}\n                                            afterChange={(value?: string) => {\n                                                if (!value) {\n                                                    return;\n                                                }\n                                                setLocale(value);\n                                                setGroups(null);\n                                            }}\n                                        >\n                                            <Select\n                                                description={t`Choose a locale into which you wish to clone the model`}\n                                                label={t`Content model locale`}\n                                                options={locales}\n                                            />\n                                        </Bind>\n                                    </Cell>\n                                    <Cell span={12}>\n                                        <Bind\n                                            name={\"group\"}\n                                            validators={validation.create(\"required\")}\n                                        >\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=\"description\">\n                                            {props => (\n                                                <Input\n                                                    {...props}\n                                                    rows={4}\n                                                    maxLength={200}\n                                                    characterCount\n                                                    label={t`Description`}\n                                                    value={contentModel.description}\n                                                />\n                                            )}\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            )}\n        </UID.Dialog>\n    );\n};\n\nexport default CloneContentModelDialog;\n"],"mappings":"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"}
+{"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.d.ts

@@ -1,3 +1,3 @@
 import React from "react";
-declare const ContentModelEditorView: React.FC;
+declare const ContentModelEditorView: () => React.JSX.Element;
 export default ContentModelEditorView;