@webiny/app-headless-cms 0.0.0-mt-3 → 0.0.0-unstable.13771d80a8

package/admin/views/contentModels/NewContentModelDialog.js

@@ -1,196 +1,214 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
-import _createForOfIteratorHelper from "@babel/runtime/helpers/createForOfIteratorHelper";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
-
-import _regeneratorRuntime from "@babel/runtime/regenerator";
-import React, { useCallback } from "react";
-import { css } from "emotion";
-import get from "lodash/get";
-import { useRouter } from "@webiny/react-router";
-import { Form } from "@webiny/form";
-import { Input } from "@webiny/ui/Input";
-import { Select } from "@webiny/ui/Select";
-import { useSnackbar } from "@webiny/app-admin/hooks/useSnackbar";
-import { CircularProgress } from "@webiny/ui/Progress";
-import { validation } from "@webiny/validation";
-import { useQuery, useMutation } from "../../hooks";
-import { i18n } from "@webiny/app/i18n";
-import { ButtonDefault } from "@webiny/ui/Button";
-import * as UID from "@webiny/ui/Dialog";
-import { Grid, Cell } from "@webiny/ui/Grid";
-import { addModelToGroupCache, addModelToListCache } from "./cache";
-import * as GQL from "../../viewsGraphql";
-var t = i18n.ns("app-headless-cms/admin/views/content-models/new-content-model-dialog");
-var narrowDialog = /*#__PURE__*/css({
-  ".mdc-dialog__surface": {
-    width: 600,
-    minWidth: 600
-  }
-}, "label:narrowDialog;");
-var noPadding = /*#__PURE__*/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"];
-
+"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 _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
+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 _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 NewContentModelDialog = function NewContentModelDialog(_ref) {
   var open = _ref.open,
-      onClose = _ref.onClose;
-
-  var _React$useState = React.useState(false),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      loading = _React$useState2[0],
-      setLoading = _React$useState2[1];
-
-  var _useSnackbar = useSnackbar(),
-      showSnackbar = _useSnackbar.showSnackbar;
-
-  var _useRouter = useRouter(),
-      history = _useRouter.history;
-
-  var _useMutation = useMutation(GQL.CREATE_CONTENT_MODEL, {
-    update: function update(cache, _ref2) {
-      var data = _ref2.data;
-      var _data$createContentMo = data.createContentModel,
+    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];
+  var _useSnackbar = (0, _useSnackbar2.useSnackbar)(),
+    showSnackbar = _useSnackbar.showSnackbar;
+  var _useRouter = (0, _reactRouter.useRouter)(),
+    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,
           model = _data$createContentMo.data,
           error = _data$createContentMo.error;
-
-      if (error) {
-        return showSnackbar(error.message);
+        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);
       }
-
-      addModelToListCache(cache, model);
-      addModelToGroupCache(cache, model);
-      history.push("/cms/content-models/" + model.modelId);
-    }
-  }),
-      _useMutation2 = _slicedToArray(_useMutation, 1),
-      createContentModel = _useMutation2[0];
-
-  var _useQuery = useQuery(GQL.LIST_MENU_CONTENT_GROUPS_MODELS, {
+    }),
+    _useMutation2 = (0, _slicedToArray2.default)(_useMutation, 1),
+    createContentModel = _useMutation2[0];
+  var listMenuGroupsQuery = (0, _hooks.useQuery)(GQL.LIST_MENU_CONTENT_GROUPS_MODELS, {
     skip: !open
-  }),
-      data = _useQuery.data;
-
-  var contentModelGroups = get(data, "listContentModelGroups.data", []).map(function (item) {
-    return {
-      value: item.id,
-      label: item.name
-    };
   });
-  var nameValidator = 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 = _createForOfIteratorHelper(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;
+  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:
+            setLoading(true);
+            _context.next = 3;
+            return createContentModel({
+              variables: {
+                data: data
+              }
+            });
+          case 3:
+          case "end":
+            return _context.stop();
         }
-
-        throw new Error("Model name that ends with \"".concat(ending, "\" is not allowed."));
-      }
-    } catch (err) {
-      _iterator.e(err);
-    } finally {
-      _iterator.f();
-    }
-
-    return true;
-  }, undefined);
-  return /*#__PURE__*/React.createElement(UID.Dialog, {
+      }, _callee);
+    }));
+    return function onSubmit(_x) {
+      return _ref3.apply(this, arguments);
+    };
+  }();
+  return /*#__PURE__*/_react.default.createElement(_Dialog2.Dialog, {
     open: open,
     onClose: onClose,
-    className: narrowDialog,
     "data-testid": "cms-new-content-model-modal"
-  }, open && /*#__PURE__*/React.createElement(Form, {
+  }, open && /*#__PURE__*/_react.default.createElement(_form.Form, {
     data: {
-      group: get(contentModelGroups, "0.value")
+      group: group
     },
-    onSubmit: /*#__PURE__*/function () {
-      var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(data) {
-        return _regeneratorRuntime.wrap(function _callee$(_context) {
-          while (1) {
-            switch (_context.prev = _context.next) {
-              case 0:
-                setLoading(true);
-                _context.next = 3;
-                return createContentModel({
-                  variables: {
-                    data: data
-                  }
-                });
-
-              case 3:
-              case "end":
-                return _context.stop();
-            }
-          }
-        }, _callee);
-      }));
-
-      return function (_x) {
-        return _ref3.apply(this, arguments);
-      };
-    }()
+    onSubmit: function onSubmit(data) {
+      /**
+       * We are positive that data is CmsModelData.
+       */
+      _onSubmit(data);
+    }
   }, function (_ref4) {
     var Bind = _ref4.Bind,
-        submit = _ref4.submit;
-    return /*#__PURE__*/React.createElement(React.Fragment, null, loading && /*#__PURE__*/React.createElement(CircularProgress, null), /*#__PURE__*/React.createElement(UID.DialogTitle, null, t(_templateObject || (_templateObject = _taggedTemplateLiteral(["New Content Model"])))), /*#__PURE__*/React.createElement(UID.DialogContent, null, /*#__PURE__*/React.createElement(Grid, {
-      className: noPadding
-    }, /*#__PURE__*/React.createElement(Cell, {
+      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(_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.createElement(Bind, {
+    }, /*#__PURE__*/_react.default.createElement(Bind, {
       name: "name",
-      validators: [validation.create("required,maxLength:100"), nameValidator]
-    }, /*#__PURE__*/React.createElement(Input, {
-      label: t(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["Name"]))),
-      description: t(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["The name of the content model"])))
-    }))), /*#__PURE__*/React.createElement(Cell, {
+      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. 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.createElement(Bind, {
+    }, /*#__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.create("required")
-    }, /*#__PURE__*/React.createElement(Select, {
-      description: t(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["Choose a content model group"]))),
-      label: t(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["Content model group"]))),
-      options: contentModelGroups
-    }))), /*#__PURE__*/React.createElement(Cell, {
+      validators: _validation.validation.create("required")
+    }, /*#__PURE__*/_react.default.createElement(_Select.Select, {
+      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.createElement(Bind, {
+    }, /*#__PURE__*/_react.default.createElement(Bind, {
       name: "description"
     }, function (props) {
-      return /*#__PURE__*/React.createElement(Input, Object.assign({}, props, {
+      return /*#__PURE__*/_react.default.createElement(_Input.Input, Object.assign({}, props, {
         rows: 4,
         maxLength: 200,
         characterCount: true,
-        label: t(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["Description"])))
+        label: t(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteral2.default)(["Description"]))),
+        "data-testid": "cms.newcontentmodeldialog.description"
       }));
-    })))), /*#__PURE__*/React.createElement(UID.DialogActions, null, /*#__PURE__*/React.createElement(ButtonDefault, {
-      onClick: submit
-    }, "+ ", t(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["Create"]))))));
+    })), /*#__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(_templateObject15 || (_templateObject15 = (0, _taggedTemplateLiteral2.default)(["Create Model"]))))));
   }));
 };
-
-export default NewContentModelDialog;
+var _default = NewContentModelDialog;
+exports.default = _default;

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

@@ -0,0 +1 @@
+{"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.d.ts

@@ -1,5 +1,13 @@
+import { DataProxy } from "apollo-cache";
+import ApolloClient from "apollo-client";
 import { CmsEditorContentModel } from "../../../types";
-export declare const addModelToListCache: (cache: any, model: CmsEditorContentModel) => void;
-export declare const addModelToGroupCache: (cache: any, model: CmsEditorContentModel) => void;
-export declare const removeModelFromListCache: (cache: any, model: CmsEditorContentModel) => void;
-export declare const removeModelFromGroupCache: (cache: any, model: CmsEditorContentModel) => void;
+export declare const addModelToListCache: (cache: DataProxy, model: CmsEditorContentModel) => void;
+export declare const addModelToGroupCache: (cache: DataProxy, model: CmsEditorContentModel) => void;
+/**
+ * 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.
+ */
+export declare const removeModelFromCache: (client: ApolloClient<any>, model: CmsEditorContentModel) => void;
+export declare const removeModelFromListCache: (cache: DataProxy, model: CmsEditorContentModel) => void;
+export declare const removeModelFromGroupCache: (cache: DataProxy, model: CmsEditorContentModel) => void;

package/admin/views/contentModels/cache.js

@@ -1,68 +1,114 @@
-import dotProp from "dot-prop-immutable";
-import * as GQL from "../../viewsGraphql";
-export var addModelToListCache = function addModelToListCache(cache, model) {
-  var _cache$readQuery = cache.readQuery({
-    query: GQL.LIST_CONTENT_MODELS
-  }),
-      listContentModels = _cache$readQuery.listContentModels;
+"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({
-    query: GQL.LIST_CONTENT_MODELS,
+    query: _viewsGraphql.LIST_CONTENT_MODELS,
     data: {
-      listContentModels: dotProp.set(listContentModels, "data.".concat(newModelIndex), model)
+      listContentModels: _dotPropImmutable.default.set(listContentModels, "data.".concat(newModelIndex), model)
     }
   });
 };
-export var addModelToGroupCache = function addModelToGroupCache(cache, model) {
-  var _cache$readQuery2 = cache.readQuery({
-    query: GQL.LIST_MENU_CONTENT_GROUPS_MODELS
-  }),
-      groupsList = _cache$readQuery2.listContentModelGroups;
-
+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;
   });
   var newGroupModelIndex = groupsList.data[groupIndex].contentModels.length;
   cache.writeQuery({
-    query: GQL.LIST_MENU_CONTENT_GROUPS_MODELS,
+    query: _viewsGraphql.LIST_MENU_CONTENT_GROUPS_MODELS,
     data: {
-      listContentModelGroups: dotProp.set(groupsList, "data.".concat(groupIndex, ".contentModels.").concat(newGroupModelIndex), model)
+      listContentModelGroups: _dotPropImmutable.default.set(groupsList, "data.".concat(groupIndex, ".contentModels.").concat(newGroupModelIndex), model)
     }
   });
 };
-export var removeModelFromListCache = function removeModelFromListCache(cache, model) {
-  var _cache$readQuery3 = cache.readQuery({
-    query: GQL.LIST_CONTENT_MODELS
-  }),
-      listContentModels = _cache$readQuery3.listContentModels;
 
+/**
+ * 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
+  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
+      client.cache.data.delete(key);
+    }
+  });
+};
+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;
   });
   cache.writeQuery({
-    query: GQL.LIST_CONTENT_MODELS,
+    query: _viewsGraphql.LIST_CONTENT_MODELS,
     data: {
-      listContentModels: dotProp.delete(listContentModels, "data.".concat(modelIndex))
+      listContentModels: _dotPropImmutable.default.delete(listContentModels, "data.".concat(modelIndex))
     }
   });
 };
-export var removeModelFromGroupCache = function removeModelFromGroupCache(cache, model) {
-  var _cache$readQuery4 = cache.readQuery({
-    query: GQL.LIST_MENU_CONTENT_GROUPS_MODELS
-  }),
-      groupsList = _cache$readQuery4.listContentModelGroups;
-
+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: GQL.LIST_MENU_CONTENT_GROUPS_MODELS,
+    query: _viewsGraphql.LIST_MENU_CONTENT_GROUPS_MODELS,
     data: {
-      listContentModelGroups: dotProp.delete(groupsList, "data.".concat(groupIndex, ".contentModels.").concat(modelIndex))
+      listContentModelGroups: _dotPropImmutable.default.delete(groupsList, "data.".concat(groupIndex, ".contentModels.").concat(modelIndex))
     }
   });
-};
+};
+exports.removeModelFromGroupCache = removeModelFromGroupCache;

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

@@ -0,0 +1 @@
+{"version":3,"names":["addModelToListCache","cache","model","response","readQuery","query","LIST_CONTENT_MODELS","listContentModels","newModelIndex","data","length","writeQuery","dotProp","set","addModelToGroupCache","LIST_MENU_CONTENT_GROUPS_MODELS","listContentModelGroups","groupsList","groupIndex","findIndex","g","id","group","newGroupModelIndex","contentModels","removeModelFromCache","client","modelId","delete","Object","keys","forEach","key","startsWith","removeModelFromListCache","modelIndex","m","removeModelFromGroupCache"],"sources":["cache.ts"],"sourcesContent":["import dotProp from \"dot-prop-immutable\";\nimport { DataProxy } from \"apollo-cache\";\nimport ApolloClient from \"apollo-client\";\nimport { LIST_CONTENT_MODELS, LIST_MENU_CONTENT_GROUPS_MODELS } from \"../../viewsGraphql\";\nimport { CmsEditorContentModel } from \"~/types\";\nimport { ListCmsModelsQueryResponse, ListMenuCmsGroupsQueryResponse } from \"../../viewsGraphql\";\n\nexport const addModelToListCache = (cache: DataProxy, model: CmsEditorContentModel): void => {\n    const response = cache.readQuery<ListCmsModelsQueryResponse>({\n        query: LIST_CONTENT_MODELS\n    });\n    if (!response || !response.listContentModels) {\n        return;\n    }\n    const { listContentModels } = response;\n    const newModelIndex = listContentModels.data.length;\n\n    cache.writeQuery({\n        query: LIST_CONTENT_MODELS,\n        data: {\n            listContentModels: dotProp.set(listContentModels, `data.${newModelIndex}`, model)\n        }\n    });\n};\n\nexport const addModelToGroupCache = (cache: DataProxy, model: CmsEditorContentModel): void => {\n    const response = cache.readQuery<ListMenuCmsGroupsQueryResponse>({\n        query: LIST_MENU_CONTENT_GROUPS_MODELS\n    });\n    if (!response || !response.listContentModelGroups) {\n        return;\n    }\n\n    const { listContentModelGroups: groupsList } = response;\n\n    const groupIndex = groupsList.data.findIndex(g => g.id === model.group.id);\n    const newGroupModelIndex = groupsList.data[groupIndex].contentModels.length;\n\n    cache.writeQuery({\n        query: LIST_MENU_CONTENT_GROUPS_MODELS,\n        data: {\n            listContentModelGroups: dotProp.set(\n                groupsList,\n                `data.${groupIndex}.contentModels.${newGroupModelIndex}`,\n                model\n            )\n        }\n    });\n};\n\n/**\n * This function is an ugly hack, but I don't know a better way to remove items from cache in Apollo Client v2.\n * When a Content Model is deleted, we need to remove it from cache, because a model can be recreated with the same\n * modelId, and it will cause problems, because Apollo will think that the data in cache belongs to this new model.\n */\nexport const removeModelFromCache = (\n    client: ApolloClient<any>,\n    model: CmsEditorContentModel\n): void => {\n    const id = `CmsContentModel:${model.modelId}`;\n\n    // @ts-ignore\n    client.cache.data.delete(id);\n\n    // @ts-ignore\n    Object.keys(client.cache.data.data).forEach(key => {\n        if (key.startsWith(`${id}.`) || key.startsWith(`$${id}.`)) {\n            // @ts-ignore\n            client.cache.data.delete(key);\n        }\n    });\n};\n\nexport const removeModelFromListCache = (cache: DataProxy, model: CmsEditorContentModel): void => {\n    const response = cache.readQuery<ListCmsModelsQueryResponse>({\n        query: LIST_CONTENT_MODELS\n    });\n    if (!response || !response.listContentModels) {\n        return;\n    }\n    const { listContentModels } = response;\n    const modelIndex = listContentModels.data.findIndex(m => m.modelId === model.modelId);\n\n    cache.writeQuery({\n        query: LIST_CONTENT_MODELS,\n        data: {\n            listContentModels: dotProp.delete(listContentModels, `data.${modelIndex}`)\n        }\n    });\n};\n\nexport const removeModelFromGroupCache = (cache: DataProxy, model: CmsEditorContentModel): void => {\n    const response = cache.readQuery<ListMenuCmsGroupsQueryResponse>({\n        query: LIST_MENU_CONTENT_GROUPS_MODELS\n    });\n    if (!response || !response.listContentModelGroups) {\n        return;\n    }\n    const { listContentModelGroups: groupsList } = response;\n\n    const groupIndex = groupsList.data.findIndex(g => g.id === model.group.id);\n    if (groupIndex < 0) {\n        return;\n    }\n    const modelIndex = groupsList.data[groupIndex].contentModels.findIndex(\n        m => m.modelId === model.modelId\n    );\n\n    if (modelIndex < 0) {\n        return;\n    }\n\n    cache.writeQuery({\n        query: LIST_MENU_CONTENT_GROUPS_MODELS,\n        data: {\n            listContentModelGroups: dotProp.delete(\n                groupsList,\n                `data.${groupIndex}.contentModels.${modelIndex}`\n            )\n        }\n    });\n};\n"],"mappings":"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"}

package/admin/views/contentModels/helpers/apiNameValidator.d.ts

@@ -0,0 +1,8 @@
+import ApolloClient from "apollo-client";
+import { CmsModel } from "../../../../types";
+interface Params {
+    models: CmsModel[];
+    client: ApolloClient<any>;
+}
+export declare const createApiNameValidator: (params: Params) => (name: string) => Promise<boolean>;
+export {};