@webiny/app-headless-cms 0.0.0-mt-3 → 0.0.0-unstable.5e7233243f

package/admin/views/contentModels/NewContentModelDialog.js

@@ -1,196 +1,329 @@
-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({
+"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 _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
+
+var _createForOfIteratorHelper2 = _interopRequireDefault(require("@babel/runtime/helpers/createForOfIteratorHelper"));
+
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+
+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 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__*/css({
+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;
 
-  var _React$useState = React.useState(false),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
+  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 = useSnackbar(),
+  var _useSnackbar = (0, _useSnackbar2.useSnackbar)(),
       showSnackbar = _useSnackbar.showSnackbar;
 
-  var _useRouter = useRouter(),
+  var _useRouter = (0, _reactRouter.useRouter)(),
       history = _useRouter.history;
 
-  var _useMutation = useMutation(GQL.CREATE_CONTENT_MODEL, {
+  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);
+        setLoading(false);
+        showSnackbar(error.message);
+        return;
       }
 
-      addModelToListCache(cache, model);
-      addModelToGroupCache(cache, model);
+      (0, _cache.addModelToListCache)(cache, model);
+      (0, _cache.addModelToGroupCache)(cache, model);
       history.push("/cms/content-models/" + model.modelId);
     }
   }),
-      _useMutation2 = _slicedToArray(_useMutation, 1),
+      _useMutation2 = (0, _slicedToArray2.default)(_useMutation, 1),
       createContentModel = _useMutation2[0];
 
-  var _useQuery = useQuery(GQL.LIST_MENU_CONTENT_GROUPS_MODELS, {
+  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) {
+  });
+  var contentModelGroups = (0, _get.default)(listMenuGroupsQuery, "data.listContentModelGroups.data", []).map(function (item) {
     return {
       value: item.id,
       label: item.name
     };
   });
-  var nameValidator = useCallback(function (name) {
-    var target = (name || "").trim();
+  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;
 
-    if (!target.charAt(0).match(/[a-zA-Z]/)) {
-      throw new Error("Value is not valid - must not start with a number.");
-    }
+      return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              target = (name || "").trim();
 
-    if (target.toLowerCase() === "id") {
-      throw new Error('Value is not valid - "id" is an auto-generated field.');
-    }
+              if (target.charAt(0).match(/[a-zA-Z]/)) {
+                _context.next = 3;
+                break;
+              }
+
+              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);
 
-    var _iterator = _createForOfIteratorHelper(disallowedModelIdEndingList),
-        _step;
+            case 23:
+              _context.next = 25;
+              return client.query({
+                query: SCHEMA_TYPES,
+                fetchPolicy: "network-only"
+              });
 
-    try {
-      for (_iterator.s(); !(_step = _iterator.n()).done;) {
-        var ending = _step.value;
-        var re = new RegExp("".concat(ending, "$"), "i");
-        var matched = target.match(re);
+            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 (matched === null) {
-          continue;
+              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();
+          }
         }
+      }, _callee, null, [[4, 17, 20, 23]]);
+    }));
 
-        throw new Error("Model name that ends with \"".concat(ending, "\" is not allowed."));
-      }
-    } catch (err) {
-      _iterator.e(err);
-    } finally {
-      _iterator.f();
-    }
+    return function (_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
+                }
+              });
 
-    return true;
-  }, undefined);
-  return /*#__PURE__*/React.createElement(UID.Dialog, {
+            case 3:
+            case "end":
+              return _context2.stop();
+          }
+        }
+      }, _callee2);
+    }));
+
+    return function onSubmit(_x2) {
+      return _ref4.apply(this, arguments);
+    };
+  }();
+
+  return /*#__PURE__*/_react.default.createElement(UID.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);
-      };
-    }()
-  }, 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, {
+    onSubmit: function onSubmit(data) {
+      /**
+       * We are positive that data is CmsModelData.
+       */
+      _onSubmit(data);
+    }
+  }, function (_ref5) {
+    var Bind = _ref5.Bind,
+        submit = _ref5.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.createElement(Cell, {
+    }, /*#__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(_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."]))),
+      "data-testid": "cms.newcontentmodeldialog.name"
+    }))), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
       span: 12
-    }, /*#__PURE__*/React.createElement(Bind, {
+    }, /*#__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(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["Choose a content model group"]))),
+      label: t(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["Content model group"]))),
+      options: contentModelGroups,
+      "data-testid": "cms.newcontentmodeldialog.selectgroup"
+    }))), /*#__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(_templateObject7 || (_templateObject7 = (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(UID.DialogActions, null, /*#__PURE__*/_react.default.createElement(_Button.ButtonPrimary, {
+      onClick: function onClick(ev) {
+        submit(ev);
+      }
+    }, "+ ", t(_templateObject8 || (_templateObject8 = (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","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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"}

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;