npm - @webiny/app-headless-cms - Versions diffs - 0.0.0-unstable.40876133bb → 0.0.0-unstable.496cf268ac - Mend

@webiny/app-headless-cms 0.0.0-unstable.40876133bb → 0.0.0-unstable.496cf268ac

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (862) hide show

package/admin/views/contentModels/CloneContentModelDialog.js CHANGED Viewed

@@ -1,236 +1,163 @@
 "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;
+exports.CloneContentModelDialog = void 0;
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 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 UID = _interopRequireWildcard(require("@webiny/ui/Dialog"));
 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 _Dialog2 = require("../../components/Dialog");
+var _nameValidator = require("./helpers/nameValidator");
+var _apiNameValidator = require("./helpers/apiNameValidator");
+var _IconPicker = require("../../components/IconPicker");
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15;
 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;
 };
 var CloneContentModelDialog = function CloneContentModelDialog(_ref) {
-  var open = _ref.open,
-      onClose = _ref.onClose,
-      contentModel = _ref.contentModel,
-      closeModal = _ref.closeModal;
+  var 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];
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    loading = _useState2[0],
+    setLoading = _useState2[1];
   var _useSnackbar = (0, _useSnackbar2.useSnackbar)(),
-      showSnackbar = _useSnackbar.showSnackbar;
+    showSnackbar = _useSnackbar.showSnackbar;
   var _useRouter = (0, _reactRouter.useRouter)(),
-      history = _useRouter.history;
+    history = _useRouter.history;
   var _useI18N = (0, _useI18N2.useI18N)(),
-      getLocales = _useI18N.getLocales,
-      getCurrentLocale = _useI18N.getCurrentLocale,
-      setCurrentLocale = _useI18N.setCurrentLocale;
+    getLocales = _useI18N.getLocales,
+    getCurrentLocale = _useI18N.getCurrentLocale,
+    setCurrentLocale = _useI18N.setCurrentLocale;
+  var client = (0, _hooks.useApolloClient)();
   var currentLocale = getCurrentLocale("content");
   var _useState3 = (0, _react.useState)(currentLocale || ""),
-      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-      locale = _useState4[0],
-      setLocale = _useState4[1];
+    _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];
+    _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
+    groups = _useState6[0],
+    setGroups = _useState6[1];
+  var _useState7 = (0, _react.useState)([]),
+    _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
+    models = _useState8[0],
+    setModels = _useState8[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) {
+      onError: function onError(error) {
         setLoading(false);
         showSnackbar(error.message);
-        return;
-      }
-      if (currentLocale !== locale) {
-        setCurrentLocale(locale, "content");
-        window.location.reload();
-        return;
+      },
+      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();
       }
-      (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];
+    }),
+    _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
+      label: code === currentLocale ? "Current locale (".concat(code, ")") : code
     };
   });
-  var _useQueryLocale = (0, _hooks.useQueryLocale)(_viewsGraphql.LIST_MENU_CONTENT_GROUPS_MODELS, locale, {
-    skip: !open || !!groups
-  }),
-      data = _useQueryLocale.data,
-      groupsLoading = _useQueryLocale.loading;
+  var listMenuGroupsQuery = (0, _hooks.useQueryLocale)(_viewsGraphql.LIST_MENU_CONTENT_GROUPS_MODELS, locale);
   (0, _react.useEffect)(function () {
-    if (!data || groupsLoading) {
+    if (!listMenuGroupsQuery.data || listMenuGroupsQuery.loading) {
       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;
+    var options = [];
+    var models = [];
+    var items = listMenuGroupsQuery.data.listContentModelGroups.data || [];
+    var _iterator = (0, _createForOfIteratorHelper2.default)(items),
+      _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;
-        }
-        throw new Error("Model name that ends with \"".concat(ending, "\" is not allowed."));
+        var item = _step.value;
+        options.push({
+          value: item.id,
+          label: item.name
+        });
+        models.push.apply(models, (0, _toConsumableArray2.default)(item.contentModels));
       }
     } catch (err) {
       _iterator.e(err);
     } finally {
       _iterator.f();
     }
-    return true;
-  }, []);
-  return /*#__PURE__*/_react.default.createElement(UID.Dialog, {
-    open: open,
+    setGroups(options);
+    setModels(models);
+  }, [listMenuGroupsQuery.data, listMenuGroupsQuery.loading]);
+  var selectedGroup = getSelectedGroup(groups, contentModel);
+  var nameValidator = (0, _react.useCallback)((0, _nameValidator.createNameValidator)({
+    models: models
+  }), [client, models]);
+  var apiNameValidator = (0, _react.useCallback)((0, _apiNameValidator.createApiNameValidator)({
+    client: client,
+    models: models
+  }), [client, models]);
+  return /*#__PURE__*/_react.default.createElement(_Dialog2.Dialog, {
+    open: true,
     onClose: onClose,
-    className: narrowDialog,
     "data-testid": "cms-clone-content-model-modal"
-  }, (!groups || groupsLoading) && /*#__PURE__*/_react.default.createElement(_Progress.CircularProgress, {
+  }, !groups && /*#__PURE__*/_react.default.createElement(_Progress.CircularProgress, {
     label: "Please wait while we load required information."
-  }), open && /*#__PURE__*/_react.default.createElement(_form.Form, {
+  }), /*#__PURE__*/_react.default.createElement(_form.Form, {
     data: {
       group: selectedGroup,
       locale: locale,
@@ -241,7 +168,6 @@ var CloneContentModelDialog = function CloneContentModelDialog(_ref) {
       createContentModelFrom({
         variables: {
           modelId: contentModel.modelId,
           /**
            * We know that data is CmsModel
            */
@@ -251,10 +177,8 @@ var CloneContentModelDialog = function CloneContentModelDialog(_ref) {
     }
   }, 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, {
+      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, null, /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
       span: 12
     }, /*#__PURE__*/_react.default.createElement(Bind, {
       name: "name",
@@ -271,7 +195,6 @@ var CloneContentModelDialog = function CloneContentModelDialog(_ref) {
         if (!value) {
           return;
         }
         setLocale(value);
         setGroups(null);
       }
@@ -281,32 +204,52 @@ var CloneContentModelDialog = function CloneContentModelDialog(_ref) {
       options: locales
     }))), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
       span: 12
+    }, /*#__PURE__*/_react.default.createElement(Bind, {
+      name: "singularApiName",
+      validators: [_validation.validation.create("required,maxLength:100"), apiNameValidator]
+    }, /*#__PURE__*/_react.default.createElement(_Input.Input, {
+      label: t(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["Singular API Name"]))),
+      description: t(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["The API name of the content model. For example: AuthorCategory."]))),
+      "data-testid": "cms.newcontentmodeldialog.singularApiName"
+    }))), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
+      span: 12
+    }, /*#__PURE__*/_react.default.createElement(Bind, {
+      name: "pluralApiName",
+      validators: [_validation.validation.create("required,maxLength:100"), apiNameValidator]
+    }, /*#__PURE__*/_react.default.createElement(_Input.Input, {
+      label: t(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["Plural API Name"]))),
+      description: t(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2.default)(["The plural API name of the content model. For example: AuthorCategories."]))),
+      "data-testid": "cms.newcontentmodeldialog.pluralApiName"
+    }))), /*#__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"]))),
+      description: t(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2.default)(["Choose a content model group"]))),
+      label: t(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteral2.default)(["Content model group"]))),
       options: groups || []
     }))), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
       span: 12
+    }, /*#__PURE__*/_react.default.createElement(Bind, {
+      name: "icon"
+    }, /*#__PURE__*/_react.default.createElement(_IconPicker.IconPicker, {
+      label: t(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteral2.default)(["Icon"]))),
+      description: t(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteral2.default)(["Choose an icon to represent the model."])))
+    }))), /*#__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, {
+    }, /*#__PURE__*/_react.default.createElement(_Input.Input, {
+      rows: 4,
+      maxLength: 200,
+      characterCount: true,
+      label: t(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteral2.default)(["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"]))))));
+    }, "+ ", t(_templateObject15 || (_templateObject15 = (0, _taggedTemplateLiteral2.default)(["Clone"]))))));
   }));
 };
-var _default = CloneContentModelDialog;
-exports.default = _default;
+exports.CloneContentModelDialog = CloneContentModelDialog;

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

	@@ -1 +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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"}
1	+ {"version":3,"names":["t","i18n","ns","getSelectedGroup","groups","model","length","current","group","id","find","g","value","defaultSelected","CloneContentModelDialog","onClose","contentModel","closeModal","useState","loading","setLoading","useSnackbar","showSnackbar","useRouter","history","useI18N","getLocales","getCurrentLocale","setCurrentLocale","client","useApolloClient","currentLocale","locale","setLocale","setGroups","models","setModels","useMutation","CREATE_CONTENT_MODEL_FROM","onError","error","message","update","cache","response","data","createContentModelFrom","window","location","reload","addModelToListCache","addModelToGroupCache","push","locales","map","code","label","listMenuGroupsQuery","useQueryLocale","LIST_MENU_CONTENT_GROUPS_MODELS","useEffect","options","items","listContentModelGroups","item","name","contentModels","selectedGroup","nameValidator","useCallback","createNameValidator","apiNameValidator","createApiNameValidator","variables","modelId","Bind","submit","validation","create","ev"],"sources":["CloneContentModelDialog.tsx"],"sourcesContent":["import React, { useState, useCallback, useEffect } from \"react\";\nimport * as UID from \"@webiny/ui/Dialog\";\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 { useApolloClient, useMutation, useQueryLocale } from \"../../hooks\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { ButtonDefault } from \"@webiny/ui/Button\";\nimport { Grid, Cell } from \"@webiny/ui/Grid\";\nimport { addModelToGroupCache, addModelToListCache } from \"./cache\";\nimport { 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 { CmsGroupOption } from \"~/admin/views/contentModels/types\";\nimport { Dialog } from \"~/admin/components/Dialog\";\nimport { createNameValidator } from \"~/admin/views/contentModels/helpers/nameValidator\";\nimport { createApiNameValidator } from \"~/admin/views/contentModels/helpers/apiNameValidator\";\nimport { IconPicker } from \"~/admin/components/IconPicker\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/views/content-models/clone-content-model-dialog\");\n\ninterface Props {\n onClose: UID.DialogOnClose;\n contentModel: CmsModel;\n closeModal: () => void;\n}\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.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\nexport const CloneContentModelDialog: React.FC<Props> = ({ 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 const client = useApolloClient();\n\n const currentLocale = getCurrentLocale(\"content\");\n const [locale, setLocale] = useState<string>(currentLocale \|\| \"\");\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 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})` : code\n };\n });\n\n const listMenuGroupsQuery = useQueryLocale<ListMenuCmsGroupsQueryResponse>(\n LIST_MENU_CONTENT_GROUPS_MODELS,\n locale\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.id,\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 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>\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={\"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\n rows={4}\n maxLength={200}\n characterCount\n label={t`Description`}\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 </Dialog>\n );\n};\n"],"mappings":"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"}

package/admin/views/contentModels/ContentModelEditor.js CHANGED Viewed

@@ -1,41 +1,28 @@
 "use strict";
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _reactDndHtml5Backend = require("react-dnd-html5-backend");
 var _reactDnd = require("react-dnd");
 var _Editor = require("../../components/ContentModelEditor/Editor");
 var _reactRouter = require("@webiny/react-router");
 var _hooks = require("../../hooks");
-var _Context = require("../../components/ContentModelEditor/Context");
+var _ContentModelEditor = require("../../components/ContentModelEditor");
 var ContentModelEditorView = function ContentModelEditorView() {
   var _useRouter = (0, _reactRouter.useRouter)(),
-      params = _useRouter.params;
+    params = _useRouter.params;
   var _useCms = (0, _hooks.useCms)(),
-      apolloClient = _useCms.apolloClient;
+    apolloClient = _useCms.apolloClient;
   var _ref = params ? params : {},
-      modelId = _ref.modelId;
+    modelId = _ref.modelId;
   if (!apolloClient) {
     return null;
   }
-  return /*#__PURE__*/_react.default.createElement(_Context.ContentModelEditorProvider, {
+  return /*#__PURE__*/_react.default.createElement(_ContentModelEditor.ContentModelEditorProvider, {
     key: modelId,
     apolloClient: apolloClient,
     modelId: modelId
@@ -43,6 +30,5 @@ var ContentModelEditorView = function ContentModelEditorView() {
     backend: _reactDndHtml5Backend.HTML5Backend
   }, /*#__PURE__*/_react.default.createElement(_Editor.Editor, null)));
 };
 var _default = ContentModelEditorView;
 exports.default = _default;

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

	@@ -1 +1 @@
1	- {"version":3,"names":["ContentModelEditorView","useRouter","params","useCms","apolloClient","modelId","HTML5Backend"],"sources":["ContentModelEditor.tsx"],"sourcesContent":["import React from \"react\";\nimport { HTML5Backend } from \"react-dnd-html5-backend\";\nimport { DndProvider } from \"react-dnd\";\nimport { Editor } from \"~/admin/components/ContentModelEditor/Editor\";\nimport { useRouter } from \"@webiny/react-router\";\nimport { useCms } from \"~/admin/hooks\";\nimport { ContentModelEditorProvider } from \"~/admin/components/ContentModelEditor~~/Context~~\";\nimport { CmsModel } from \"~/types\";\n\ntype QueryMatch = Pick<Partial<CmsModel>, \"modelId\">;\n\nconst ContentModelEditorView: React.FC = () => {\n const { params } = useRouter();\n const { apolloClient } = useCms();\n\n const { modelId } = (params ? params : {}) as QueryMatch;\n if (!apolloClient) {\n return null;\n }\n return (\n <ContentModelEditorProvider key={modelId} apolloClient={apolloClient} modelId={modelId}>\n <DndProvider backend={HTML5Backend}>\n <Editor />\n </DndProvider>\n </ContentModelEditorProvider>\n );\n};\nexport default ContentModelEditorView;\n"],"mappings":"~~;;;;;;;;;~~AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAKA,IAAMA,sBAAgC,GAAG,SAAnCA,~~sBAAmC~~,~~GAAM~~;EAC3C,iBAAmB,IAAAC,~~sBAAA~~,~~GAAnB~~;~~EAAA~~,~~IAAQC~~,~~MAAR~~,~~cAAQA~~,~~MAAR;;EACA,~~cAAyB,IAAAC,~~aAAA~~,~~GAAzB~~;~~EAAA~~,~~IAAQC~~,~~YAAR~~,~~WAAQA~~,~~YAAR;;EAEA,~~WAAqBF,MAAM,GAAGA,~~MAAH~~,~~GAAY~~,~~EAAvC~~;~~EAAA~~,~~IAAQG~~,~~OAAR~~,~~QAAQA~~,~~OAAR;;EACA,~~IAAI,CAACD,~~YAAL~~,~~EAAmB~~;IACf,OAAO,~~IAAP~~;~~EACH;;EACD~~,oBACI,6BAAC,~~mCAAD~~;~~IAA4B~~,GAAG,EAAEC,~~OAAjC~~;~~IAA0C~~,YAAY,EAAED,~~YAAxD~~;~~IAAsE~~,OAAO,EAAEC;~~EAA/E~~,~~gBACI~~,6BAAC,~~qBAAD~~;~~IAAa~~,OAAO,EAAEC;~~EAAtB~~,~~gBACI~~,6BAAC,~~cAAD~~,~~OADJ~~,~~CADJ~~,~~CADJ~~;~~AAOH~~,~~CAfD;;eAgBeN~~,sB"}
1	+ {"version":3,"names":["ContentModelEditorView","useRouter","params","useCms","apolloClient","modelId","HTML5Backend"],"sources":["ContentModelEditor.tsx"],"sourcesContent":["import React from \"react\";\nimport { HTML5Backend } from \"react-dnd-html5-backend\";\nimport { DndProvider } from \"react-dnd\";\nimport { Editor } from \"~/admin/components/ContentModelEditor/Editor\";\nimport { useRouter } from \"@webiny/react-router\";\nimport { useCms } from \"~/admin/hooks\";\nimport { ContentModelEditorProvider } from \"~/admin/components/ContentModelEditor\";\nimport { CmsModel } from \"~/types\";\n\ntype QueryMatch = Pick<Partial<CmsModel>, \"modelId\">;\n\nconst ContentModelEditorView: React.FC = () => {\n const { params } = useRouter();\n const { apolloClient } = useCms();\n\n const { modelId } = (params ? params : {}) as QueryMatch;\n if (!apolloClient) {\n return null;\n }\n return (\n <ContentModelEditorProvider key={modelId} apolloClient={apolloClient} modelId={modelId}>\n <DndProvider backend={HTML5Backend}>\n <Editor />\n </DndProvider>\n </ContentModelEditorProvider>\n );\n};\nexport default ContentModelEditorView;\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AAKA,IAAMA,sBAAgC,GAAG,SAAnCA,sBAAgC,GAAS;EAC3C,iBAAmB,IAAAC,sBAAS,GAAE;IAAtBC,MAAM,cAANA,MAAM;EACd,cAAyB,IAAAC,aAAM,GAAE;IAAzBC,YAAY,WAAZA,YAAY;EAEpB,WAAqBF,MAAM,GAAGA,MAAM,GAAG,CAAC,CAAC;IAAjCG,OAAO,QAAPA,OAAO;EACf,IAAI,CAACD,YAAY,EAAE;IACf,OAAO,IAAI;EACf;EACA,oBACI,6BAAC,8CAA0B;IAAC,GAAG,EAAEC,OAAQ;IAAC,YAAY,EAAED,YAAa;IAAC,OAAO,EAAEC;EAAQ,gBACnF,6BAAC,qBAAW;IAAC,OAAO,EAAEC;EAAa,gBAC/B,6BAAC,cAAM,OAAG,CACA,CACW;AAErC,CAAC;AAAC,eACaN,sBAAsB;AAAA"}