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

package/admin/views/contentModels/NewContentModelDialog.js

@@ -1,273 +1,127 @@
 "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 _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
-
-var _createForOfIteratorHelper2 = _interopRequireDefault(require("@babel/runtime/helpers/createForOfIteratorHelper"));
-
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
 var _react = _interopRequireWildcard(require("react"));
-
-var _graphqlTag = _interopRequireDefault(require("graphql-tag"));
-
-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 GQL = _interopRequireWildcard(require("../../viewsGraphql"));
-
-var _upperFirst = _interopRequireDefault(require("lodash/upperFirst"));
-
-var _camelCase = _interopRequireDefault(require("lodash/camelCase"));
-
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
-
+var _Dialog2 = require("../../components/Dialog");
+var _apiNameValidator = require("./helpers/apiNameValidator");
+var _nameValidator = require("./helpers/nameValidator");
+var _Checkbox = require("@webiny/ui/Checkbox");
+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/new-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 SCHEMA_TYPES = (0, _graphqlTag.default)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n    query ListSchemaTypes {\n        __schema {\n            types {\n                name\n            }\n        }\n    }\n"])));
-
 var NewContentModelDialog = function NewContentModelDialog(_ref) {
   var open = _ref.open,
-      onClose = _ref.onClose;
-
+    onClose = _ref.onClose;
   var _React$useState = _react.default.useState(false),
-      _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
-      loading = _React$useState2[0],
-      setLoading = _React$useState2[1];
-
+    _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
+    loading = _React$useState2[0],
+    setLoading = _React$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 client = (0, _hooks.useApolloClient)();
-
   var _useMutation = (0, _hooks.useMutation)(GQL.CREATE_CONTENT_MODEL, {
-    update: function update(cache, _ref2) {
-      var data = _ref2.data;
-
-      if (!data) {
-        setLoading(false);
-        showSnackbar("Missing data on Create Content Model Mutation Response.");
-        return;
-      }
-
-      var _data$createContentMo = data.createContentModel,
+      update: function update(cache, _ref2) {
+        var data = _ref2.data;
+        if (!data) {
+          setLoading(false);
+          showSnackbar("Missing data on Create Content Model Mutation Response.");
+          return;
+        }
+        var _data$createContentMo = data.createContentModel,
           model = _data$createContentMo.data,
           error = _data$createContentMo.error;
-
-      if (error) {
-        setLoading(false);
-        showSnackbar(error.message);
-        return;
+        if (error) {
+          setLoading(false);
+          showSnackbar(error.message);
+          return;
+        }
+        (0, _cache.addModelToListCache)(cache, model);
+        (0, _cache.addModelToGroupCache)(cache, model);
+        history.push("/cms/content-models/" + model.modelId);
       }
-
-      (0, _cache.addModelToListCache)(cache, model);
-      (0, _cache.addModelToGroupCache)(cache, model);
-      history.push("/cms/content-models/" + model.modelId);
-    }
-  }),
-      _useMutation2 = (0, _slicedToArray2.default)(_useMutation, 1),
-      createContentModel = _useMutation2[0];
-
+    }),
+    _useMutation2 = (0, _slicedToArray2.default)(_useMutation, 1),
+    createContentModel = _useMutation2[0];
   var listMenuGroupsQuery = (0, _hooks.useQuery)(GQL.LIST_MENU_CONTENT_GROUPS_MODELS, {
     skip: !open
   });
-  var contentModelGroups = (0, _get.default)(listMenuGroupsQuery, "data.listContentModelGroups.data", []).map(function (item) {
-    return {
-      value: item.id,
-      label: item.name
-    };
-  });
-  var nameValidator = (0, _react.useCallback)( /*#__PURE__*/function () {
-    var _ref3 = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee(name) {
-      var target, _iterator, _step, ending, re, matched, _yield$client$query, data, types, modelId;
-
+  var groups = (0, _react.useMemo)(function () {
+    var _listMenuGroupsQuery$, _listMenuGroupsQuery$2;
+    return ((_listMenuGroupsQuery$ = listMenuGroupsQuery.data) === null || _listMenuGroupsQuery$ === void 0 ? void 0 : (_listMenuGroupsQuery$2 = _listMenuGroupsQuery$.listContentModelGroups) === null || _listMenuGroupsQuery$2 === void 0 ? void 0 : _listMenuGroupsQuery$2.data) || [];
+  }, [listMenuGroupsQuery.data]);
+  var contentModelGroups = (0, _react.useMemo)(function () {
+    return groups.map(function (item) {
+      return {
+        value: item.id,
+        label: item.name
+      };
+    });
+  }, [groups]);
+  var models = (0, _react.useMemo)(function () {
+    return groups.reduce(function (collection, group) {
+      collection.push.apply(collection, (0, _toConsumableArray2.default)(group.contentModels));
+      return collection;
+    }, []);
+  }, [groups]);
+  var nameValidator = (0, _react.useCallback)((0, _nameValidator.createNameValidator)({
+    models: models
+  }), [models]);
+  var apiNameValidator = (0, _react.useCallback)((0, _apiNameValidator.createApiNameValidator)({
+    client: client,
+    models: models
+  }), [client, models]);
+  var group = contentModelGroups.length > 0 ? contentModelGroups[0].value : null;
+  var _onSubmit = /*#__PURE__*/function () {
+    var _ref3 = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee(data) {
       return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              target = (name || "").trim();
-
-              if (target.charAt(0).match(/[a-zA-Z]/)) {
-                _context.next = 3;
-                break;
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            setLoading(true);
+            _context.next = 3;
+            return createContentModel({
+              variables: {
+                data: data
               }
-
-              throw new Error("Model name can't start with a number.");
-
-            case 3:
-              _iterator = (0, _createForOfIteratorHelper2.default)(disallowedModelIdEndingList);
-              _context.prev = 4;
-
-              _iterator.s();
-
-            case 6:
-              if ((_step = _iterator.n()).done) {
-                _context.next = 15;
-                break;
-              }
-
-              ending = _step.value;
-              re = new RegExp("".concat(ending, "$"), "i");
-              matched = target.match(re);
-
-              if (!(matched === null)) {
-                _context.next = 12;
-                break;
-              }
-
-              return _context.abrupt("continue", 13);
-
-            case 12:
-              throw new Error("Model must not end with \"".concat(ending, "\"."));
-
-            case 13:
-              _context.next = 6;
-              break;
-
-            case 15:
-              _context.next = 20;
-              break;
-
-            case 17:
-              _context.prev = 17;
-              _context.t0 = _context["catch"](4);
-
-              _iterator.e(_context.t0);
-
-            case 20:
-              _context.prev = 20;
-
-              _iterator.f();
-
-              return _context.finish(20);
-
-            case 23:
-              _context.next = 25;
-              return client.query({
-                query: SCHEMA_TYPES,
-                fetchPolicy: "network-only"
-              });
-
-            case 25:
-              _yield$client$query = _context.sent;
-              data = _yield$client$query.data;
-              types = data.__schema.types.map(function (t) {
-                return t.name;
-              });
-              modelId = (0, _upperFirst.default)((0, _camelCase.default)(name));
-
-              if (!types.includes(modelId)) {
-                _context.next = 31;
-                break;
-              }
-
-              throw new Error("\"".concat(name, "\" type already exists in the GraphQL schema. Please pick a different name."));
-
-            case 31:
-              return _context.abrupt("return", true);
-
-            case 32:
-            case "end":
-              return _context.stop();
-          }
+            });
+          case 3:
+          case "end":
+            return _context.stop();
         }
-      }, _callee, null, [[4, 17, 20, 23]]);
+      }, _callee);
     }));
-
-    return function (_x) {
+    return function onSubmit(_x) {
       return _ref3.apply(this, arguments);
     };
-  }(), [client]);
-  var group = (contentModelGroups === null || contentModelGroups === void 0 ? void 0 : contentModelGroups.length) > 0 ? contentModelGroups[0].value : null;
-
-  var _onSubmit = /*#__PURE__*/function () {
-    var _ref4 = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee2(data) {
-      return (0, _regeneratorRuntime2.default)().wrap(function _callee2$(_context2) {
-        while (1) {
-          switch (_context2.prev = _context2.next) {
-            case 0:
-              setLoading(true);
-              _context2.next = 3;
-              return createContentModel({
-                variables: {
-                  data: data
-                }
-              });
-
-            case 3:
-            case "end":
-              return _context2.stop();
-          }
-        }
-      }, _callee2);
-    }));
-
-    return function onSubmit(_x2) {
-      return _ref4.apply(this, arguments);
-    };
   }();
-
-  return /*#__PURE__*/_react.default.createElement(UID.Dialog, {
+  return /*#__PURE__*/_react.default.createElement(_Dialog2.Dialog, {
     open: open,
     onClose: onClose,
-    className: narrowDialog,
     "data-testid": "cms-new-content-model-modal"
   }, open && /*#__PURE__*/_react.default.createElement(_form.Form, {
     data: {
@@ -279,34 +133,57 @@ var NewContentModelDialog = function NewContentModelDialog(_ref) {
        */
       _onSubmit(data);
     }
-  }, function (_ref5) {
-    var Bind = _ref5.Bind,
-        submit = _ref5.submit;
+  }, function (_ref4) {
+    var Bind = _ref4.Bind,
+      submit = _ref4.submit;
     return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, loading && /*#__PURE__*/_react.default.createElement(_Progress.CircularProgress, {
       label: "Creating content model..."
-    }), /*#__PURE__*/_react.default.createElement(UID.DialogTitle, null, t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["New Content Model"])))), /*#__PURE__*/_react.default.createElement(UID.DialogContent, null, /*#__PURE__*/_react.default.createElement(_Grid.Grid, {
-      className: noPadding
-    }, /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
+    }), /*#__PURE__*/_react.default.createElement(UID.DialogTitle, null, t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["New 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",
       validators: [_validation.validation.create("required,maxLength:100"), nameValidator]
     }, /*#__PURE__*/_react.default.createElement(_Input.Input, {
-      label: t(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["Name"]))),
-      description: t(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["The name of the content model. Use the singular form, e.g. Person, not Persons."]))),
+      label: t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["Name"]))),
+      description: t(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["The name of the content model. Use the singular form, e.g. Author Category, not Author Categories."]))),
       "data-testid": "cms.newcontentmodeldialog.name"
     }))), /*#__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(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["Singular API Name"]))),
+      description: t(_templateObject5 || (_templateObject5 = (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(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["Plural API Name"]))),
+      description: t(_templateObject7 || (_templateObject7 = (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(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["Choose a content model group"]))),
-      label: t(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["Content model group"]))),
+      description: t(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["Choose a content model group"]))),
+      label: t(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2.default)(["Content model group"]))),
       options: contentModelGroups,
       "data-testid": "cms.newcontentmodeldialog.selectgroup"
     }))), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
       span: 12
+    }, /*#__PURE__*/_react.default.createElement(Bind, {
+      name: "icon"
+    }, /*#__PURE__*/_react.default.createElement(_IconPicker.IconPicker, {
+      label: t(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2.default)(["Icon"]))),
+      description: t(_templateObject11 || (_templateObject11 = (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) {
@@ -314,16 +191,24 @@ var NewContentModelDialog = function NewContentModelDialog(_ref) {
         rows: 4,
         maxLength: 200,
         characterCount: true,
-        label: t(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["Description"]))),
+        label: t(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteral2.default)(["Description"]))),
         "data-testid": "cms.newcontentmodeldialog.description"
       }));
-    })))), /*#__PURE__*/_react.default.createElement(UID.DialogActions, null, /*#__PURE__*/_react.default.createElement(_Button.ButtonPrimary, {
+    })), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
+      span: 12
+    }, /*#__PURE__*/_react.default.createElement(Bind, {
+      name: "defaultFields",
+      defaultValue: true
+    }, /*#__PURE__*/_react.default.createElement(_Checkbox.Checkbox, {
+      description: t(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteral2.default)(["Create model with default title (text), description (long text) and image (file) fields"]))),
+      label: t(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteral2.default)(["Create model with default fields"]))),
+      "data-testid": "cms.newcontentmodeldialog.defaultfields"
+    }))))), /*#__PURE__*/_react.default.createElement(UID.DialogActions, null, /*#__PURE__*/_react.default.createElement(_Button.ButtonPrimary, {
       onClick: function onClick(ev) {
         submit(ev);
       }
-    }, "+ ", t(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["Create Model"]))))));
+    }, "+ ", t(_templateObject15 || (_templateObject15 = (0, _taggedTemplateLiteral2.default)(["Create Model"]))))));
   }));
 };
-
 var _default = NewContentModelDialog;
 exports.default = _default;

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

@@ -1 +1 @@
-{"version":3,"names":["t","i18n","ns","narrowDialog","css","width","minWidth","noPadding","padding","disallowedModelIdEndingList","SCHEMA_TYPES","gql","NewContentModelDialog","open","onClose","React","useState","loading","setLoading","useSnackbar","showSnackbar","useRouter","history","client","useApolloClient","useMutation","GQL","CREATE_CONTENT_MODEL","update","cache","data","createContentModel","model","error","message","addModelToListCache","addModelToGroupCache","push","modelId","listMenuGroupsQuery","useQuery","LIST_MENU_CONTENT_GROUPS_MODELS","skip","contentModelGroups","get","map","item","value","id","label","name","nameValidator","useCallback","target","trim","charAt","match","Error","ending","re","RegExp","matched","query","fetchPolicy","types","__schema","lodashUpperFirst","lodashCamelCase","includes","group","length","onSubmit","variables","Bind","submit","validation","create","props","ev"],"sources":["NewContentModelDialog.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport gql from \"graphql-tag\";\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 { useQuery, useMutation, useApolloClient } from \"../../hooks\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { ButtonPrimary } from \"@webiny/ui/Button\";\nimport * as UID from \"@webiny/ui/Dialog\";\nimport { Grid, Cell } from \"@webiny/ui/Grid\";\nimport { addModelToGroupCache, addModelToListCache } from \"./cache\";\nimport * as GQL from \"../../viewsGraphql\";\nimport {\n    CreateCmsModelMutationResponse,\n    CreateCmsModelMutationVariables,\n    ListMenuCmsGroupsQueryResponse\n} from \"../../viewsGraphql\";\nimport { CmsGroup } from \"~/types\";\nimport { CmsGroupOption } from \"./types\";\nimport lodashUpperFirst from \"lodash/upperFirst\";\nimport lodashCamelCase from \"lodash/camelCase\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/views/content-models/new-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\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\nexport interface NewContentModelDialogProps {\n    open: boolean;\n    onClose: UID.DialogOnClose;\n}\n\nconst SCHEMA_TYPES = gql`\n    query ListSchemaTypes {\n        __schema {\n            types {\n                name\n            }\n        }\n    }\n`;\n\ninterface SchemaTypes {\n    __schema: {\n        types: { name: string }[];\n    };\n}\n\ninterface CmsModelData {\n    name: string;\n    description: string;\n    group: string;\n}\n\nconst NewContentModelDialog: React.FC<NewContentModelDialogProps> = ({ open, onClose }) => {\n    const [loading, setLoading] = React.useState(false);\n    const { showSnackbar } = useSnackbar();\n    const { history } = useRouter();\n    const client = useApolloClient();\n\n    const [createContentModel] = useMutation<\n        CreateCmsModelMutationResponse,\n        CreateCmsModelMutationVariables\n    >(GQL.CREATE_CONTENT_MODEL, {\n        update(cache, { data }) {\n            if (!data) {\n                setLoading(false);\n                showSnackbar(\"Missing data on Create Content Model Mutation Response.\");\n                return;\n            }\n            const { data: model, error } = data.createContentModel;\n\n            if (error) {\n                setLoading(false);\n                showSnackbar(error.message);\n                return;\n            }\n\n            addModelToListCache(cache, model);\n            addModelToGroupCache(cache, model);\n\n            history.push(\"/cms/content-models/\" + model.modelId);\n        }\n    });\n\n    const listMenuGroupsQuery = useQuery<ListMenuCmsGroupsQueryResponse>(\n        GQL.LIST_MENU_CONTENT_GROUPS_MODELS,\n        {\n            skip: !open\n        }\n    );\n\n    const contentModelGroups = get(listMenuGroupsQuery, \"data.listContentModelGroups.data\", []).map(\n        (item: CmsGroup): CmsGroupOption => {\n            return {\n                value: item.id,\n                label: item.name\n            };\n        }\n    );\n\n    const nameValidator = useCallback(\n        async (name: string): Promise<boolean> => {\n            const target = (name || \"\").trim();\n            if (!target.charAt(0).match(/[a-zA-Z]/)) {\n                throw new Error(\"Model name can't start with a number.\");\n            }\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 must not end with \"${ending}\".`);\n            }\n\n            // Validate GraphQL Schema type\n            const { data } = await client.query<SchemaTypes>({\n                query: SCHEMA_TYPES,\n                fetchPolicy: \"network-only\"\n            });\n\n            const types = data.__schema.types.map(t => t.name);\n\n            const modelId = lodashUpperFirst(lodashCamelCase(name));\n\n            if (types.includes(modelId)) {\n                throw new Error(\n                    `\"${name}\" type already exists in the GraphQL schema. Please pick a different name.`\n                );\n            }\n\n            return true;\n        },\n        [client]\n    );\n\n    const group = contentModelGroups?.length > 0 ? contentModelGroups[0].value : null;\n\n    const onSubmit = async (data: CmsModelData) => {\n        setLoading(true);\n        await createContentModel({\n            variables: { data }\n        });\n    };\n\n    return (\n        <UID.Dialog\n            open={open}\n            onClose={onClose}\n            className={narrowDialog}\n            data-testid=\"cms-new-content-model-modal\"\n        >\n            {open && (\n                <Form\n                    data={{ group }}\n                    onSubmit={data => {\n                        /**\n                         * We are positive that data is CmsModelData.\n                         */\n                        onSubmit(data as unknown as CmsModelData);\n                    }}\n                >\n                    {({ Bind, submit }) => (\n                        <>\n                            {loading && <CircularProgress label={\"Creating content model...\"} />}\n                            <UID.DialogTitle>{t`New 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. Use the singular form, e.g. Person, not Persons.`}\n                                                data-testid=\"cms.newcontentmodeldialog.name\"\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={contentModelGroups}\n                                                data-testid=\"cms.newcontentmodeldialog.selectgroup\"\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                                                    data-testid=\"cms.newcontentmodeldialog.description\"\n                                                />\n                                            )}\n                                        </Bind>\n                                    </Cell>\n                                </Grid>\n                            </UID.DialogContent>\n                            <UID.DialogActions>\n                                <ButtonPrimary\n                                    onClick={ev => {\n                                        submit(ev);\n                                    }}\n                                >\n                                    + {t`Create Model`}\n                                </ButtonPrimary>\n                            </UID.DialogActions>\n                        </>\n                    )}\n                </Form>\n            )}\n        </UID.Dialog>\n    );\n};\n\nexport default NewContentModelDialog;\n"],"mappings":"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"}
+{"version":3,"names":["t","i18n","ns","NewContentModelDialog","open","onClose","React","useState","loading","setLoading","useSnackbar","showSnackbar","useRouter","history","client","useApolloClient","useMutation","GQL","CREATE_CONTENT_MODEL","update","cache","data","createContentModel","model","error","message","addModelToListCache","addModelToGroupCache","push","modelId","listMenuGroupsQuery","useQuery","LIST_MENU_CONTENT_GROUPS_MODELS","skip","groups","useMemo","listContentModelGroups","contentModelGroups","map","item","value","id","label","name","models","reduce","collection","group","contentModels","nameValidator","useCallback","createNameValidator","apiNameValidator","createApiNameValidator","length","onSubmit","variables","Bind","submit","validation","create","props","ev"],"sources":["NewContentModelDialog.tsx"],"sourcesContent":["import React, { useCallback, useMemo } from \"react\";\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 { useQuery, useMutation, useApolloClient } from \"../../hooks\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { ButtonPrimary } from \"@webiny/ui/Button\";\nimport * as UID from \"@webiny/ui/Dialog\";\nimport { Grid, Cell } from \"@webiny/ui/Grid\";\nimport { addModelToGroupCache, addModelToListCache } from \"./cache\";\nimport * as GQL from \"../../viewsGraphql\";\nimport {\n    CreateCmsModelMutationResponse,\n    CreateCmsModelMutationVariables,\n    ListMenuCmsGroupsQueryResponse\n} from \"../../viewsGraphql\";\nimport { CmsModel } from \"~/types\";\nimport { CmsGroupOption } from \"./types\";\nimport { Dialog } from \"~/admin/components/Dialog\";\nimport { createApiNameValidator } from \"~/admin/views/contentModels/helpers/apiNameValidator\";\nimport { createNameValidator } from \"~/admin/views/contentModels/helpers/nameValidator\";\nimport { Checkbox } from \"@webiny/ui/Checkbox\";\nimport { IconPicker } from \"~/admin/components/IconPicker\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/views/content-models/new-content-model-dialog\");\n\nexport interface NewContentModelDialogProps {\n    open: boolean;\n    onClose: UID.DialogOnClose;\n}\n\ninterface CmsModelData {\n    name: string;\n    description: string;\n    group: string;\n}\n\nconst NewContentModelDialog: React.FC<NewContentModelDialogProps> = ({ open, onClose }) => {\n    const [loading, setLoading] = React.useState(false);\n    const { showSnackbar } = useSnackbar();\n    const { history } = useRouter();\n    const client = useApolloClient();\n\n    const [createContentModel] = useMutation<\n        CreateCmsModelMutationResponse,\n        CreateCmsModelMutationVariables\n    >(GQL.CREATE_CONTENT_MODEL, {\n        update(cache, { data }) {\n            if (!data) {\n                setLoading(false);\n                showSnackbar(\"Missing data on Create Content Model Mutation Response.\");\n                return;\n            }\n            const { data: model, error } = data.createContentModel;\n\n            if (error) {\n                setLoading(false);\n                showSnackbar(error.message);\n                return;\n            }\n\n            addModelToListCache(cache, model);\n            addModelToGroupCache(cache, model);\n\n            history.push(\"/cms/content-models/\" + model.modelId);\n        }\n    });\n\n    const listMenuGroupsQuery = useQuery<ListMenuCmsGroupsQueryResponse>(\n        GQL.LIST_MENU_CONTENT_GROUPS_MODELS,\n        {\n            skip: !open\n        }\n    );\n\n    const groups = useMemo(() => {\n        return listMenuGroupsQuery.data?.listContentModelGroups?.data || [];\n    }, [listMenuGroupsQuery.data]);\n\n    const contentModelGroups = useMemo(() => {\n        return groups.map((item): CmsGroupOption => {\n            return {\n                value: item.id,\n                label: item.name\n            };\n        });\n    }, [groups]);\n\n    const models = useMemo(() => {\n        return groups.reduce<CmsModel[]>((collection, group) => {\n            collection.push(...group.contentModels);\n            return collection;\n        }, []);\n    }, [groups]);\n\n    const nameValidator = useCallback(createNameValidator({ models }), [models]);\n\n    const apiNameValidator = useCallback(createApiNameValidator({ client, models }), [\n        client,\n        models\n    ]);\n\n    const group = contentModelGroups.length > 0 ? contentModelGroups[0].value : null;\n\n    const onSubmit = async (data: CmsModelData) => {\n        setLoading(true);\n        await createContentModel({\n            variables: { data }\n        });\n    };\n\n    return (\n        <Dialog open={open} onClose={onClose} data-testid=\"cms-new-content-model-modal\">\n            {open && (\n                <Form\n                    data={{ group }}\n                    onSubmit={data => {\n                        /**\n                         * We are positive that data is CmsModelData.\n                         */\n                        onSubmit(data as unknown as CmsModelData);\n                    }}\n                >\n                    {({ Bind, submit }) => (\n                        <>\n                            {loading && <CircularProgress label={\"Creating content model...\"} />}\n                            <UID.DialogTitle>{t`New 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. Use the singular form, e.g. Author Category, not Author Categories.`}\n                                                data-testid=\"cms.newcontentmodeldialog.name\"\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\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={contentModelGroups}\n                                                data-testid=\"cms.newcontentmodeldialog.selectgroup\"\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                                            {props => (\n                                                <Input\n                                                    {...props}\n                                                    rows={4}\n                                                    maxLength={200}\n                                                    characterCount\n                                                    label={t`Description`}\n                                                    data-testid=\"cms.newcontentmodeldialog.description\"\n                                                />\n                                            )}\n                                        </Bind>\n                                    </Cell>\n                                    <Cell span={12}>\n                                        <Bind name={\"defaultFields\"} defaultValue={true}>\n                                            <Checkbox\n                                                description={t`Create model with default title (text), description (long text) and image (file) fields`}\n                                                label={t`Create model with default fields`}\n                                                data-testid=\"cms.newcontentmodeldialog.defaultfields\"\n                                            />\n                                        </Bind>\n                                    </Cell>\n                                </Grid>\n                            </UID.DialogContent>\n                            <UID.DialogActions>\n                                <ButtonPrimary\n                                    onClick={ev => {\n                                        submit(ev);\n                                    }}\n                                >\n                                    + {t`Create Model`}\n                                </ButtonPrimary>\n                            </UID.DialogActions>\n                        </>\n                    )}\n                </Form>\n            )}\n        </Dialog>\n    );\n};\n\nexport default NewContentModelDialog;\n"],"mappings":"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"}

package/admin/views/contentModels/cache.js

@@ -1,25 +1,19 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.removeModelFromListCache = exports.removeModelFromGroupCache = exports.removeModelFromCache = exports.addModelToListCache = exports.addModelToGroupCache = void 0;
-
 var _dotPropImmutable = _interopRequireDefault(require("dot-prop-immutable"));
-
 var _viewsGraphql = require("../../viewsGraphql");
-
 var addModelToListCache = function addModelToListCache(cache, model) {
   var response = cache.readQuery({
     query: _viewsGraphql.LIST_CONTENT_MODELS
   });
-
   if (!response || !response.listContentModels) {
     return;
   }
-
   var listContentModels = response.listContentModels;
   var newModelIndex = listContentModels.data.length;
   cache.writeQuery({
@@ -29,18 +23,14 @@ var addModelToListCache = function addModelToListCache(cache, model) {
     }
   });
 };
-
 exports.addModelToListCache = addModelToListCache;
-
 var addModelToGroupCache = function addModelToGroupCache(cache, model) {
   var response = cache.readQuery({
     query: _viewsGraphql.LIST_MENU_CONTENT_GROUPS_MODELS
   });
-
   if (!response || !response.listContentModelGroups) {
     return;
   }
-
   var groupsList = response.listContentModelGroups;
   var groupIndex = groupsList.data.findIndex(function (g) {
     return g.id === model.group.id;
@@ -53,20 +43,20 @@ var addModelToGroupCache = function addModelToGroupCache(cache, model) {
     }
   });
 };
+
 /**
  * This function is an ugly hack, but I don't know a better way to remove items from cache in Apollo Client v2.
  * When a Content Model is deleted, we need to remove it from cache, because a model can be recreated with the same
  * modelId, and it will cause problems, because Apollo will think that the data in cache belongs to this new model.
  */
-
-
 exports.addModelToGroupCache = addModelToGroupCache;
-
 var removeModelFromCache = function removeModelFromCache(client, model) {
-  var id = "CmsContentModel:".concat(model.modelId); // @ts-ignore
+  var id = "CmsContentModel:".concat(model.modelId);
 
-  client.cache.data.delete(id); // @ts-ignore
+  // @ts-ignore
+  client.cache.data.delete(id);
 
+  // @ts-ignore
   Object.keys(client.cache.data.data).forEach(function (key) {
     if (key.startsWith("".concat(id, ".")) || key.startsWith("$".concat(id, "."))) {
       // @ts-ignore
@@ -74,18 +64,14 @@ var removeModelFromCache = function removeModelFromCache(client, model) {
     }
   });
 };
-
 exports.removeModelFromCache = removeModelFromCache;
-
 var removeModelFromListCache = function removeModelFromListCache(cache, model) {
   var response = cache.readQuery({
     query: _viewsGraphql.LIST_CONTENT_MODELS
   });
-
   if (!response || !response.listContentModels) {
     return;
   }
-
   var listContentModels = response.listContentModels;
   var modelIndex = listContentModels.data.findIndex(function (m) {
     return m.modelId === model.modelId;
@@ -97,35 +83,27 @@ var removeModelFromListCache = function removeModelFromListCache(cache, model) {
     }
   });
 };
-
 exports.removeModelFromListCache = removeModelFromListCache;
-
 var removeModelFromGroupCache = function removeModelFromGroupCache(cache, model) {
   var response = cache.readQuery({
     query: _viewsGraphql.LIST_MENU_CONTENT_GROUPS_MODELS
   });
-
   if (!response || !response.listContentModelGroups) {
     return;
   }
-
   var groupsList = response.listContentModelGroups;
   var groupIndex = groupsList.data.findIndex(function (g) {
     return g.id === model.group.id;
   });
-
   if (groupIndex < 0) {
     return;
   }
-
   var modelIndex = groupsList.data[groupIndex].contentModels.findIndex(function (m) {
     return m.modelId === model.modelId;
   });
-
   if (modelIndex < 0) {
     return;
   }
-
   cache.writeQuery({
     query: _viewsGraphql.LIST_MENU_CONTENT_GROUPS_MODELS,
     data: {
@@ -133,5 +111,4 @@ var removeModelFromGroupCache = function removeModelFromGroupCache(cache, model)
     }
   });
 };
-
 exports.removeModelFromGroupCache = removeModelFromGroupCache;