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

package/admin/views/contentModels/NewContentModelDialog.js

@@ -1,329 +1,206 @@
-"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__*/(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.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) {
-        setLoading(false);
-        showSnackbar(error.message);
-        return;
-      }
-
-      (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];
-
-  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;
-
-      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;
-              }
-
-              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();
-          }
+import react, { useCallback, useMemo } from "react";
+import { useRouter, useSnackbar } from "@webiny/app-admin";
+import { Form } from "@webiny/form";
+import { Checkbox, Dialog, Grid, Input, Select, Switch, Textarea } from "@webiny/admin-ui";
+import { validation } from "@webiny/validation";
+import { useApolloClient, useMutation, useQuery } from "../../hooks/index.js";
+import { i18n } from "@webiny/app/i18n/index.js";
+import { CMS_MODEL_SINGLETON_TAG } from "@webiny/app-headless-cms-common";
+import { addModelToGroupCache, addModelToListCache } from "./cache.js";
+import { createApiNameValidator } from "./helpers/apiNameValidator.js";
+import { createNameValidator } from "./helpers/nameValidator.js";
+import { IconPicker } from "../../components/IconPicker.js";
+import { Routes } from "../../../routes.js";
+import * as __rspack_external__viewsGraphql_js_dfa92829 from "../../viewsGraphql.js";
+const t = i18n.ns("app-headless-cms/admin/views/content-models/new-content-model-dialog");
+const NewContentModelDialog = ({ open, onClose })=>{
+    const [loading, setLoading] = react.useState(false);
+    const { showSnackbar } = useSnackbar();
+    const { goToRoute } = useRouter();
+    const client = useApolloClient();
+    const [createContentModel] = useMutation(__rspack_external__viewsGraphql_js_dfa92829.CREATE_CONTENT_MODEL, {
+        onCompleted (data) {
+            setLoading(false);
+            if (!data) return void showSnackbar("Missing data on Create Content Model Mutation Response.");
+            const { data: model, error } = data.createContentModel;
+            if (error) {
+                setLoading(false);
+                showSnackbar(error.message);
+                return;
+            }
+            goToRoute(Routes.ContentModels.Editor, {
+                modelId: model.modelId
+            });
+        },
+        update (cache, { data }) {
+            if (!data) return;
+            const { data: model, error } = data.createContentModel;
+            if (error) return;
+            addModelToListCache(cache, model);
+            addModelToGroupCache(cache, model);
         }
-      }, _callee, null, [[4, 17, 20, 23]]);
-    }));
-
-    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
-                }
-              });
-
-            case 3:
-            case "end":
-              return _context2.stop();
-          }
+    });
+    const listMenuGroupsQuery = useQuery(__rspack_external__viewsGraphql_js_dfa92829.LIST_MENU_CONTENT_GROUPS_MODELS, {
+        skip: !open
+    });
+    const groups = useMemo(()=>listMenuGroupsQuery.data?.listContentModelGroups?.data || [], [
+        listMenuGroupsQuery.data
+    ]);
+    const contentModelGroups = useMemo(()=>groups.map((item)=>({
+                value: item.slug,
+                label: item.name
+            })), [
+        groups
+    ]);
+    const models = useMemo(()=>groups.reduce((collection, group)=>{
+            collection.push(...group.contentModels);
+            return collection;
+        }, []), [
+        groups
+    ]);
+    const nameValidator = useCallback(createNameValidator({
+        models
+    }), [
+        models
+    ]);
+    const apiNameValidator = useCallback(createApiNameValidator({
+        client,
+        models
+    }), [
+        client,
+        models
+    ]);
+    const group = useMemo(()=>{
+        if (!contentModelGroups.length) return;
+        return contentModelGroups[0]?.value;
+    }, [
+        contentModelGroups
+    ]);
+    const onSubmit = useCallback(async (data)=>{
+        setLoading(true);
+        const tags = Array.isArray(data.tags) ? data.tags : [];
+        if (data.singleEntry) {
+            tags.push(CMS_MODEL_SINGLETON_TAG);
+            data.pluralApiName = `${data.singularApiName}Unused`;
         }
-      }, _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.default.createElement(_form.Form, {
-    data: {
-      group: group
-    },
-    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.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."]))),
-      "data-testid": "cms.newcontentmodeldialog.name"
-    }))), /*#__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"]))),
-      options: contentModelGroups,
-      "data-testid": "cms.newcontentmodeldialog.selectgroup"
-    }))), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
-      span: 12
-    }, /*#__PURE__*/_react.default.createElement(Bind, {
-      name: "description"
-    }, function (props) {
-      return /*#__PURE__*/_react.default.createElement(_Input.Input, Object.assign({}, props, {
-        rows: 4,
-        maxLength: 200,
-        characterCount: true,
-        label: t(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["Description"]))),
-        "data-testid": "cms.newcontentmodeldialog.description"
-      }));
-    })))), /*#__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"]))))));
-  }));
+        delete data.singleEntry;
+        await createContentModel({
+            variables: {
+                data: {
+                    ...data,
+                    tags
+                }
+            }
+        });
+    }, [
+        loading,
+        createContentModel
+    ]);
+    return /*#__PURE__*/ react.createElement(Form, {
+        data: {
+            group,
+            singleEntry: false
+        },
+        onSubmit: onSubmit
+    }, ({ Bind, submit, data })=>/*#__PURE__*/ react.createElement(Dialog, {
+            open: open,
+            onClose: onClose,
+            "data-testid": "cms-new-content-model-modal",
+            title: t`New Content Model`,
+            loading: loading ? {
+                text: "Creating content model..."
+            } : false,
+            actions: /*#__PURE__*/ react.createElement(Dialog.ConfirmAction, {
+                onClick: submit
+            }, "+ ", t`Create Model`)
+        }, /*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(Grid, null, /*#__PURE__*/ react.createElement(Grid.Column, {
+            span: 12
+        }, /*#__PURE__*/ react.createElement(Bind, {
+            name: "name",
+            validators: [
+                validation.create("required,maxLength:100"),
+                nameValidator
+            ]
+        }, /*#__PURE__*/ react.createElement(Input, {
+            label: t`Name`,
+            description: t`The name of the content model. Use the singular form, e.g. Author Category, not Author Categories.`,
+            "data-testid": "cms.newcontentmodeldialog.name"
+        }))), /*#__PURE__*/ react.createElement(Grid.Column, {
+            span: 12
+        }, /*#__PURE__*/ react.createElement(Bind, {
+            name: "singularApiName",
+            validators: [
+                validation.create("required,maxLength:100"),
+                apiNameValidator
+            ]
+        }, /*#__PURE__*/ react.createElement(Input, {
+            label: t`Singular API Name`,
+            description: t`The API name of the content model. For example: AuthorCategory.`,
+            "data-testid": "cms.newcontentmodeldialog.singularApiName"
+        }))), /*#__PURE__*/ react.createElement(Grid.Column, {
+            span: 12
+        }, /*#__PURE__*/ react.createElement(Bind, {
+            name: "singleEntry",
+            defaultValue: false
+        }, ({ value, onChange })=>/*#__PURE__*/ react.createElement(Switch, {
+                checked: Boolean(value),
+                onChange: onChange,
+                description: t`Create a model that can hold only one entry. Cannot be changed later.`,
+                label: t`Single entry model`,
+                "data-testid": "cms.newcontentmodeldialog.singleEntry"
+            }))), /*#__PURE__*/ react.createElement(Grid.Column, {
+            span: 12
+        }, /*#__PURE__*/ react.createElement(Bind, {
+            name: "pluralApiName",
+            validators: data.singleEntry ? [] : [
+                validation.create("required,maxLength:100"),
+                apiNameValidator
+            ]
+        }, /*#__PURE__*/ react.createElement(Input, {
+            disabled: data.singleEntry,
+            label: t`Plural API Name`,
+            description: t`The plural API name of the content model. For example: AuthorCategories.`,
+            "data-testid": "cms.newcontentmodeldialog.pluralApiName"
+        }))), /*#__PURE__*/ react.createElement(Grid.Column, {
+            span: 12
+        }, /*#__PURE__*/ react.createElement(Bind, {
+            name: "group",
+            validators: validation.create("required")
+        }, /*#__PURE__*/ react.createElement(Select, {
+            description: t`Choose a content model group`,
+            label: t`Content model group`,
+            options: contentModelGroups,
+            "data-testid": "cms.newcontentmodeldialog.selectgroup"
+        }))), /*#__PURE__*/ react.createElement(Grid.Column, {
+            span: 12
+        }, /*#__PURE__*/ react.createElement(Bind, {
+            name: "icon"
+        }, /*#__PURE__*/ react.createElement(IconPicker, {
+            label: t`Icon`,
+            description: t`Choose an icon to represent the model.`
+        }))), /*#__PURE__*/ react.createElement(Grid.Column, {
+            span: 12
+        }, /*#__PURE__*/ react.createElement(Bind, {
+            name: "description"
+        }, (props)=>/*#__PURE__*/ react.createElement(Textarea, {
+                ...props,
+                maxLength: 200,
+                label: t`Description`,
+                "data-testid": "cms.newcontentmodeldialog.description"
+            }))), /*#__PURE__*/ react.createElement(Grid.Column, {
+            span: 12
+        }, /*#__PURE__*/ react.createElement(Bind, {
+            name: "defaultFields",
+            defaultValue: true
+        }, ({ value, onChange })=>/*#__PURE__*/ react.createElement(Checkbox, {
+                checked: Boolean(value),
+                onChange: onChange,
+                description: t`Create model with default title (text), description (long text) and image (file) fields`,
+                label: t`Create model with default fields`,
+                "data-testid": "cms.newcontentmodeldialog.defaultfields"
+            })))))));
 };
+const contentModels_NewContentModelDialog = NewContentModelDialog;
+export default contentModels_NewContentModelDialog;
 
-var _default = NewContentModelDialog;
-exports.default = _default;
+//# sourceMappingURL=NewContentModelDialog.js.map

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,"file":"admin/views/contentModels/NewContentModelDialog.js","sources":["../../../../src/admin/views/contentModels/NewContentModelDialog.tsx"],"sourcesContent":["import React, { useCallback, useMemo } from \"react\";\nimport { useRouter, useSnackbar } from \"@webiny/app-admin\";\nimport { Form } from \"@webiny/form\";\nimport { Input, Select, Checkbox, Switch, Textarea } from \"@webiny/admin-ui\";\nimport { validation } from \"@webiny/validation\";\nimport { useApolloClient, useMutation, useQuery } from \"../../hooks/index.js\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport { Dialog, DialogProps, Grid } from \"@webiny/admin-ui\";\nimport { CMS_MODEL_SINGLETON_TAG } from \"@webiny/app-headless-cms-common\";\nimport { addModelToGroupCache, addModelToListCache } from \"./cache.js\";\nimport type {\n    CreateCmsModelMutationResponse,\n    CreateCmsModelMutationVariables,\n    ListMenuCmsGroupsQueryResponse\n} from \"../../viewsGraphql.js\";\nimport * as GQL from \"../../viewsGraphql.js\";\nimport type { CmsModel } from \"~/types.js\";\nimport type { CmsGroupOption } from \"./types.js\";\nimport { createApiNameValidator } from \"~/admin/views/contentModels/helpers/apiNameValidator.js\";\nimport { createNameValidator } from \"~/admin/views/contentModels/helpers/nameValidator.js\";\n\nimport { IconPicker } from \"~/admin/components/IconPicker.js\";\n\nimport { Routes } from \"~/routes.js\";\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: DialogProps[\"onClose\"];\n}\n\ninterface CmsModelData {\n    name: string;\n    description: string;\n    group: string;\n    singleEntry?: boolean;\n    singularApiName: string;\n    pluralApiName: string;\n    defaultFields: boolean;\n}\n\nconst NewContentModelDialog = ({ open, onClose }: NewContentModelDialogProps) => {\n    const [loading, setLoading] = React.useState(false);\n    const { showSnackbar } = useSnackbar();\n    const { goToRoute } = useRouter();\n    const client = useApolloClient();\n\n    const [createContentModel] = useMutation<\n        CreateCmsModelMutationResponse,\n        CreateCmsModelMutationVariables\n    >(GQL.CREATE_CONTENT_MODEL, {\n        onCompleted(data) {\n            setLoading(false);\n\n            if (!data) {\n                showSnackbar(\"Missing data on Create Content Model Mutation Response.\");\n                return;\n            }\n\n            const { data: model, error } = data.createContentModel;\n\n            if (error) {\n                setLoading(false);\n                showSnackbar(error.message);\n                return;\n            }\n\n            goToRoute(Routes.ContentModels.Editor, { modelId: model.modelId });\n        },\n        update(cache, { data }) {\n            if (!data) {\n                return;\n            }\n\n            const { data: model, error } = data.createContentModel;\n\n            if (error) {\n                return;\n            }\n\n            addModelToListCache(cache, model);\n            addModelToGroupCache(cache, model);\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.slug,\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 = useMemo<string | undefined>(() => {\n        if (!contentModelGroups.length) {\n            return undefined;\n        }\n        return contentModelGroups[0]?.value;\n    }, [contentModelGroups]);\n\n    const onSubmit = useCallback(\n        async (data: CmsModelData) => {\n            setLoading(true);\n            /**\n             * We need to make sure that tags are always an array.\n             * At the moment there is no tags on the CmsModelData type.\n             * If it is added at some point, the @ts-expect-error should be removed - it will cause TS error.\n             */\n            // @ts-expect-error\n            const tags: string[] = Array.isArray(data.tags) ? data.tags : [];\n            /**\n             * If a model is a singleEntry, we add a special tag to it.\n             * + we need to put the pluralApiName to something that is not used.\n             */\n            if (data.singleEntry) {\n                tags.push(CMS_MODEL_SINGLETON_TAG);\n                data.pluralApiName = `${data.singularApiName}Unused`;\n            }\n            delete data.singleEntry;\n            await createContentModel({\n                variables: {\n                    data: {\n                        ...data,\n                        tags\n                    }\n                }\n            });\n        },\n        [loading, createContentModel]\n    );\n\n    return (\n        <Form<CmsModelData> data={{ group, singleEntry: false }} onSubmit={onSubmit}>\n            {({ Bind, submit, data }) => {\n                return (\n                    <Dialog\n                        open={open}\n                        onClose={onClose}\n                        data-testid=\"cms-new-content-model-modal\"\n                        title={t`New Content Model`}\n                        loading={loading ? { text: \"Creating content model...\" } : false}\n                        actions={\n                            <Dialog.ConfirmAction onClick={submit}>\n                                + {t`Create Model`}\n                            </Dialog.ConfirmAction>\n                        }\n                    >\n                        <>\n                            <Grid>\n                                <Grid.Column span={12}>\n                                    <Bind\n                                        name={\"name\"}\n                                        validators={[\n                                            validation.create(\"required,maxLength:100\"),\n                                            nameValidator\n                                        ]}\n                                    >\n                                        <Input\n                                            label={t`Name`}\n                                            description={t`The name of the content model. Use the singular form, e.g. Author Category, not Author Categories.`}\n                                            data-testid=\"cms.newcontentmodeldialog.name\"\n                                        />\n                                    </Bind>\n                                </Grid.Column>\n                                <Grid.Column span={12}>\n                                    <Bind\n                                        name={\"singularApiName\"}\n                                        validators={[\n                                            validation.create(\"required,maxLength:100\"),\n                                            apiNameValidator\n                                        ]}\n                                    >\n                                        <Input\n                                            label={t`Singular API Name`}\n                                            description={t`The API name of the content model. For example: AuthorCategory.`}\n                                            data-testid=\"cms.newcontentmodeldialog.singularApiName\"\n                                        />\n                                    </Bind>\n                                </Grid.Column>\n                                <Grid.Column span={12}>\n                                    <Bind name={\"singleEntry\"} defaultValue={false}>\n                                        {({ value, onChange }) => (\n                                            <Switch\n                                                checked={Boolean(value)}\n                                                onChange={onChange}\n                                                description={t`Create a model that can hold only one entry. Cannot be changed later.`}\n                                                label={t`Single entry model`}\n                                                data-testid=\"cms.newcontentmodeldialog.singleEntry\"\n                                            />\n                                        )}\n                                    </Bind>\n                                </Grid.Column>\n                                <Grid.Column span={12}>\n                                    <Bind\n                                        name={\"pluralApiName\"}\n                                        validators={\n                                            data.singleEntry\n                                                ? []\n                                                : [\n                                                      validation.create(\"required,maxLength:100\"),\n                                                      apiNameValidator\n                                                  ]\n                                        }\n                                    >\n                                        <Input\n                                            disabled={data.singleEntry}\n                                            label={t`Plural API Name`}\n                                            description={t`The plural API name of the content model. For example: AuthorCategories.`}\n                                            data-testid=\"cms.newcontentmodeldialog.pluralApiName\"\n                                        />\n                                    </Bind>\n                                </Grid.Column>\n                                <Grid.Column span={12}>\n                                    <Bind name={\"group\"} validators={validation.create(\"required\")}>\n                                        <Select\n                                            description={t`Choose a content model group`}\n                                            label={t`Content model group`}\n                                            options={contentModelGroups}\n                                            data-testid=\"cms.newcontentmodeldialog.selectgroup\"\n                                        />\n                                    </Bind>\n                                </Grid.Column>\n                                <Grid.Column span={12}>\n                                    <Bind name=\"icon\">\n                                        <IconPicker\n                                            label={t`Icon`}\n                                            description={t`Choose an icon to represent the model.`}\n                                        />\n                                    </Bind>\n                                </Grid.Column>\n                                <Grid.Column span={12}>\n                                    <Bind name=\"description\">\n                                        {props => (\n                                            <Textarea\n                                                {...props}\n                                                maxLength={200}\n                                                label={t`Description`}\n                                                data-testid=\"cms.newcontentmodeldialog.description\"\n                                            />\n                                        )}\n                                    </Bind>\n                                </Grid.Column>\n                                <Grid.Column span={12}>\n                                    <Bind name={\"defaultFields\"} defaultValue={true}>\n                                        {({ value, onChange }) => (\n                                            <Checkbox\n                                                checked={Boolean(value)}\n                                                onChange={onChange}\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                                        )}\n                                    </Bind>\n                                </Grid.Column>\n                            </Grid>\n                        </>\n                    </Dialog>\n                );\n            }}\n        </Form>\n    );\n};\n\nexport default NewContentModelDialog;\n"],"names":["t","i18n","NewContentModelDialog","open","onClose","loading","setLoading","React","showSnackbar","useSnackbar","goToRoute","useRouter","client","useApolloClient","createContentModel","useMutation","GQL","data","model","error","Routes","cache","addModelToListCache","addModelToGroupCache","listMenuGroupsQuery","useQuery","groups","useMemo","contentModelGroups","item","models","collection","group","nameValidator","useCallback","createNameValidator","apiNameValidator","createApiNameValidator","onSubmit","tags","Array","CMS_MODEL_SINGLETON_TAG","Form","Bind","submit","Dialog","Grid","validation","Input","value","onChange","Switch","Boolean","Select","IconPicker","props","Textarea","Checkbox"],"mappings":"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"}

package/admin/views/contentModels/OptionsMenu.d.ts

@@ -0,0 +1,31 @@
+import React from "react";
+export interface OptionsMenuItem {
+    label: string;
+    icon: React.ReactElement;
+    onClick: () => void;
+    disabled?: boolean;
+    "data-testid"?: string;
+}
+export interface OptionsMenuProps {
+    items: OptionsMenuItem[];
+    "data-testid"?: string;
+}
+export declare const OptionsMenu: (({ items, ...props }: OptionsMenuProps) => React.JSX.Element | null) & {
+    original: ({ items, ...props }: OptionsMenuProps) => React.JSX.Element | null;
+    originalName: string;
+    displayName: string;
+} & {
+    original: (({ items, ...props }: OptionsMenuProps) => React.JSX.Element | null) & {
+        original: ({ items, ...props }: OptionsMenuProps) => React.JSX.Element | null;
+        originalName: string;
+        displayName: string;
+    };
+    originalName: string;
+    displayName: string;
+} & {
+    createDecorator: (decorator: import("@webiny/app-admin").ComponentDecorator<(({ items, ...props }: OptionsMenuProps) => React.JSX.Element | null) & {
+        original: ({ items, ...props }: OptionsMenuProps) => React.JSX.Element | null;
+        originalName: string;
+        displayName: string;
+    }>) => (props: unknown) => React.JSX.Element;
+};