@webiny/app-headless-cms 5.27.0 → 5.28.0-beta.0

package/admin/views/contentModels/CloneContentModelDialog.js

@@ -1,35 +1,67 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-import _createForOfIteratorHelper from "@babel/runtime/helpers/createForOfIteratorHelper";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+"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 _createForOfIteratorHelper2 = _interopRequireDefault(require("@babel/runtime/helpers/createForOfIteratorHelper"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _emotion = require("emotion");
+
+var _get = _interopRequireDefault(require("lodash/get"));
+
+var _reactRouter = require("@webiny/react-router");
+
+var _form = require("@webiny/form");
+
+var _Input = require("@webiny/ui/Input");
+
+var _Select = require("@webiny/ui/Select");
+
+var _useSnackbar2 = require("@webiny/app-admin/hooks/useSnackbar");
+
+var _Progress = require("@webiny/ui/Progress");
+
+var _validation = require("@webiny/validation");
+
+var _hooks = require("../../hooks");
+
+var _i18n = require("@webiny/app/i18n");
+
+var _Button = require("@webiny/ui/Button");
+
+var UID = _interopRequireWildcard(require("@webiny/ui/Dialog"));
+
+var _Grid = require("@webiny/ui/Grid");
+
+var _cache = require("./cache");
+
+var _useI18N2 = require("@webiny/app-i18n/hooks/useI18N");
+
+var _viewsGraphql = require("../../viewsGraphql");
 
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9;
 
-import React, { useState, useCallback, useEffect } 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 { useMutation, useQueryLocale } 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 { useI18N } from "@webiny/app-i18n/hooks/useI18N";
-import { CREATE_CONTENT_MODEL_FROM, LIST_MENU_CONTENT_GROUPS_MODELS } from "../../viewsGraphql";
-var t = i18n.ns("app-headless-cms/admin/views/content-models/clone-content-model-dialog");
-var narrowDialog = /*#__PURE__*/css({
+var t = _i18n.i18n.ns("app-headless-cms/admin/views/content-models/clone-content-model-dialog");
+
+var narrowDialog = /*#__PURE__*/(0, _emotion.css)({
   ".mdc-dialog__surface": {
     width: 600,
     minWidth: 600
   }
 }, "label:narrowDialog;");
-var noPadding = /*#__PURE__*/css({
+var noPadding = /*#__PURE__*/(0, _emotion.css)({
   padding: "5px !important"
 }, "label:noPadding;");
 
@@ -65,35 +97,35 @@ var CloneContentModelDialog = function CloneContentModelDialog(_ref) {
       contentModel = _ref.contentModel,
       closeModal = _ref.closeModal;
 
-  var _useState = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
+  var _useState = (0, _react.useState)(false),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
       loading = _useState2[0],
       setLoading = _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 _useI18N = useI18N(),
+  var _useI18N = (0, _useI18N2.useI18N)(),
       getLocales = _useI18N.getLocales,
       getCurrentLocale = _useI18N.getCurrentLocale,
       setCurrentLocale = _useI18N.setCurrentLocale;
 
   var currentLocale = getCurrentLocale("content");
 
-  var _useState3 = useState(currentLocale || ""),
-      _useState4 = _slicedToArray(_useState3, 2),
+  var _useState3 = (0, _react.useState)(currentLocale || ""),
+      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
       locale = _useState4[0],
       setLocale = _useState4[1];
 
-  var _useState5 = useState(null),
-      _useState6 = _slicedToArray(_useState5, 2),
+  var _useState5 = (0, _react.useState)(null),
+      _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
       groups = _useState6[0],
       setGroups = _useState6[1];
 
-  var _useMutation = useMutation(CREATE_CONTENT_MODEL_FROM, {
+  var _useMutation = (0, _hooks.useMutation)(_viewsGraphql.CREATE_CONTENT_MODEL_FROM, {
     onError: function onError(error) {
       setLoading(false);
       showSnackbar(error.message);
@@ -120,13 +152,13 @@ var CloneContentModelDialog = function CloneContentModelDialog(_ref) {
         return;
       }
 
-      addModelToListCache(cache, model);
-      addModelToGroupCache(cache, model);
+      (0, _cache.addModelToListCache)(cache, model);
+      (0, _cache.addModelToGroupCache)(cache, model);
       history.push("/cms/content-models/");
       closeModal();
     }
   }),
-      _useMutation2 = _slicedToArray(_useMutation, 1),
+      _useMutation2 = (0, _slicedToArray2.default)(_useMutation, 1),
       createContentModelFrom = _useMutation2[0];
 
   var locales = getLocales().map(function (_ref2) {
@@ -137,18 +169,18 @@ var CloneContentModelDialog = function CloneContentModelDialog(_ref) {
     };
   });
 
-  var _useQueryLocale = useQueryLocale(LIST_MENU_CONTENT_GROUPS_MODELS, locale, {
+  var _useQueryLocale = (0, _hooks.useQueryLocale)(_viewsGraphql.LIST_MENU_CONTENT_GROUPS_MODELS, locale, {
     skip: !open || !!groups
   }),
       data = _useQueryLocale.data,
       groupsLoading = _useQueryLocale.loading;
 
-  useEffect(function () {
+  (0, _react.useEffect)(function () {
     if (!data || groupsLoading) {
       return;
     }
 
-    var contentModelGroups = get(data, "listContentModelGroups.data", []).map(function (item) {
+    var contentModelGroups = (0, _get.default)(data, "listContentModelGroups.data", []).map(function (item) {
       return {
         value: item.id,
         label: item.name
@@ -157,7 +189,7 @@ var CloneContentModelDialog = function CloneContentModelDialog(_ref) {
     setGroups(contentModelGroups);
   }, [data, groupsLoading]);
   var selectedGroup = getSelectedGroup(groups, contentModel);
-  var nameValidator = useCallback(function (name) {
+  var nameValidator = (0, _react.useCallback)(function (name) {
     var target = (name || "").trim();
 
     if (!target.charAt(0).match(/[a-zA-Z]/)) {
@@ -168,7 +200,7 @@ var CloneContentModelDialog = function CloneContentModelDialog(_ref) {
       throw new Error('Value is not valid - "id" is an auto-generated field.');
     }
 
-    var _iterator = _createForOfIteratorHelper(disallowedModelIdEndingList),
+    var _iterator = (0, _createForOfIteratorHelper2.default)(disallowedModelIdEndingList),
         _step;
 
     try {
@@ -191,14 +223,14 @@ var CloneContentModelDialog = function CloneContentModelDialog(_ref) {
 
     return true;
   }, []);
-  return /*#__PURE__*/React.createElement(UID.Dialog, {
+  return /*#__PURE__*/_react.default.createElement(UID.Dialog, {
     open: open,
     onClose: onClose,
     className: narrowDialog,
     "data-testid": "cms-clone-content-model-modal"
-  }, (!groups || groupsLoading) && /*#__PURE__*/React.createElement(CircularProgress, {
+  }, (!groups || groupsLoading) && /*#__PURE__*/_react.default.createElement(_Progress.CircularProgress, {
     label: "Please wait while we load required information."
-  }), open && /*#__PURE__*/React.createElement(Form, {
+  }), open && /*#__PURE__*/_react.default.createElement(_form.Form, {
     data: {
       group: selectedGroup,
       locale: locale,
@@ -220,21 +252,21 @@ var CloneContentModelDialog = function CloneContentModelDialog(_ref) {
   }, function (_ref3) {
     var Bind = _ref3.Bind,
         submit = _ref3.submit;
-    return /*#__PURE__*/React.createElement(React.Fragment, null, loading && /*#__PURE__*/React.createElement(CircularProgress, null), /*#__PURE__*/React.createElement(UID.DialogTitle, null, t(_templateObject || (_templateObject = _taggedTemplateLiteral(["Clone Content Model"])))), /*#__PURE__*/React.createElement(UID.DialogContent, null, /*#__PURE__*/React.createElement(Grid, {
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, loading && /*#__PURE__*/_react.default.createElement(_Progress.CircularProgress, null), /*#__PURE__*/_react.default.createElement(UID.DialogTitle, null, t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Clone Content Model"])))), /*#__PURE__*/_react.default.createElement(UID.DialogContent, null, /*#__PURE__*/_react.default.createElement(_Grid.Grid, {
       className: noPadding
-    }, /*#__PURE__*/React.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(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["Name"]))),
+      description: t(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["The name of the content model"])))
+    }))), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
       span: 12
-    }, /*#__PURE__*/React.createElement(Bind, {
+    }, /*#__PURE__*/_react.default.createElement(Bind, {
       name: "locale",
-      validators: validation.create("required"),
+      validators: _validation.validation.create("required"),
       afterChange: function afterChange(value) {
         if (!value) {
           return;
@@ -243,37 +275,38 @@ var CloneContentModelDialog = function CloneContentModelDialog(_ref) {
         setLocale(value);
         setGroups(null);
       }
-    }, /*#__PURE__*/React.createElement(Select, {
-      description: t(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["Choose a locale into which you wish to clone the model"]))),
-      label: t(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["Content model locale"]))),
+    }, /*#__PURE__*/_react.default.createElement(_Select.Select, {
+      description: t(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["Choose a locale into which you wish to clone the model"]))),
+      label: t(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["Content model locale"]))),
       options: locales
-    }))), /*#__PURE__*/React.createElement(Cell, {
+    }))), /*#__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(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["Choose a content model group"]))),
-      label: t(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["Content model group"]))),
+      validators: _validation.validation.create("required")
+    }, /*#__PURE__*/_react.default.createElement(_Select.Select, {
+      description: t(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["Choose a content model group"]))),
+      label: t(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["Content model group"]))),
       options: groups || []
-    }))), /*#__PURE__*/React.createElement(Cell, {
+    }))), /*#__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(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["Description"]))),
+        label: t(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["Description"]))),
         value: contentModel.description
       }));
-    })))), /*#__PURE__*/React.createElement(UID.DialogActions, null, /*#__PURE__*/React.createElement(ButtonDefault, {
+    })))), /*#__PURE__*/_react.default.createElement(UID.DialogActions, null, /*#__PURE__*/_react.default.createElement(_Button.ButtonDefault, {
       onClick: function onClick(ev) {
         submit(ev);
       }
-    }, "+ ", t(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["Clone"]))))));
+    }, "+ ", t(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2.default)(["Clone"]))))));
   }));
 };
 
-export default CloneContentModelDialog;
+var _default = CloneContentModelDialog;
+exports.default = _default;

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

@@ -1 +1 @@
-{"version":3,"sources":["CloneContentModelDialog.tsx"],"names":["React","useState","useCallback","useEffect","css","get","useRouter","Form","Input","Select","useSnackbar","CircularProgress","validation","useMutation","useQueryLocale","i18n","ButtonDefault","UID","Grid","Cell","addModelToGroupCache","addModelToListCache","useI18N","CREATE_CONTENT_MODEL_FROM","LIST_MENU_CONTENT_GROUPS_MODELS","t","ns","narrowDialog","width","minWidth","noPadding","padding","disallowedModelIdEndingList","getSelectedGroup","groups","model","length","current","group","id","find","g","value","defaultSelected","CloneContentModelDialog","open","onClose","contentModel","closeModal","loading","setLoading","showSnackbar","history","getLocales","getCurrentLocale","setCurrentLocale","currentLocale","locale","setLocale","setGroups","onError","error","message","update","cache","response","data","createContentModelFrom","window","location","reload","push","locales","map","code","label","skip","groupsLoading","contentModelGroups","item","name","selectedGroup","nameValidator","target","trim","charAt","match","Error","toLowerCase","ending","re","RegExp","matched","variables","modelId","Bind","submit","create","props","description","ev"],"mappings":"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","sourcesContent":["import React, { useState, useCallback, useEffect } from \"react\";\nimport { css } from \"emotion\";\nimport get from \"lodash/get\";\nimport { useRouter } from \"@webiny/react-router\";\nimport { Form } from \"@webiny/form\";\nimport { Input } from \"@webiny/ui/Input\";\nimport { Select } from \"@webiny/ui/Select\";\nimport { useSnackbar } from \"@webiny/app-admin/hooks/useSnackbar\";\nimport { CircularProgress } from \"@webiny/ui/Progress\";\nimport { validation } from \"@webiny/validation\";\nimport { useMutation, useQueryLocale } from \"../../hooks\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { ButtonDefault } from \"@webiny/ui/Button\";\nimport * as UID from \"@webiny/ui/Dialog\";\nimport { Grid, Cell } from \"@webiny/ui/Grid\";\nimport { addModelToGroupCache, addModelToListCache } from \"./cache\";\nimport { CmsEditorContentModel, CmsModel } from \"~/types\";\nimport { useI18N } from \"@webiny/app-i18n/hooks/useI18N\";\nimport {\n    CREATE_CONTENT_MODEL_FROM,\n    LIST_MENU_CONTENT_GROUPS_MODELS,\n    CreateCmsModelFromMutationResponse,\n    CreateCmsModelFromMutationVariables,\n    ListMenuCmsGroupsQueryResponse\n} from \"../../viewsGraphql\";\nimport { CmsGroup } from \"~/admin/views/contentModelGroups/graphql\";\nimport { CmsGroupOption } from \"~/admin/views/contentModels/types\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/views/content-models/clone-content-model-dialog\");\n\nconst narrowDialog = css({\n    \".mdc-dialog__surface\": {\n        width: 600,\n        minWidth: 600\n    }\n});\n\nconst noPadding = css({\n    padding: \"5px !important\"\n});\n\nexport interface Props {\n    open: boolean;\n    onClose: UID.DialogOnClose;\n    contentModel: CmsEditorContentModel;\n    closeModal: () => void;\n}\n\n/**\n * This list is to disallow creating models that might interfere with GraphQL schema creation.\n * Add more if required.\n */\nconst disallowedModelIdEndingList: string[] = [\"Response\", \"List\", \"Meta\", \"Input\", \"Sorter\"];\n\nconst getSelectedGroup = (\n    groups: CmsGroupOption[] | null,\n    model: CmsEditorContentModel\n): string | null => {\n    if (!groups || groups.length === 0 || !model) {\n        return \"\";\n    }\n    const current = model.group.id;\n    const group = groups.find(g => g.value === current);\n    if (group) {\n        return group.value;\n    }\n    const defaultSelected = groups.find(() => true);\n    return defaultSelected ? defaultSelected.value : null;\n};\n\nconst CloneContentModelDialog: React.FC<Props> = ({ open, onClose, contentModel, closeModal }) => {\n    const [loading, setLoading] = useState<boolean>(false);\n    const { showSnackbar } = useSnackbar();\n    const { history } = useRouter();\n    const { getLocales, getCurrentLocale, setCurrentLocale } = useI18N();\n\n    const currentLocale = getCurrentLocale(\"content\");\n    const [locale, setLocale] = useState<string>(currentLocale || \"\");\n    const [groups, setGroups] = useState<CmsGroupOption[] | null>(null);\n\n    const [createContentModelFrom] = useMutation<\n        CreateCmsModelFromMutationResponse,\n        CreateCmsModelFromMutationVariables\n    >(CREATE_CONTENT_MODEL_FROM, {\n        onError(error) {\n            setLoading(false);\n            showSnackbar(error.message);\n        },\n        update(cache, response) {\n            if (!response.data) {\n                showSnackbar(`Missing data on Create Content Model From Mutation Response.`);\n                return;\n            }\n            const { data: model, error } = response.data.createContentModelFrom;\n\n            if (error) {\n                setLoading(false);\n                showSnackbar(error.message);\n                return;\n            }\n\n            if (currentLocale !== locale) {\n                setCurrentLocale(locale, \"content\");\n                window.location.reload();\n                return;\n            }\n\n            addModelToListCache(cache, model);\n            addModelToGroupCache(cache, model);\n\n            history.push(\"/cms/content-models/\");\n            closeModal();\n        }\n    });\n\n    const locales = getLocales().map(({ code }) => {\n        return {\n            value: code,\n            label: code === currentLocale ? \"Current locale\" : code\n        };\n    });\n\n    const { data, loading: groupsLoading } = useQueryLocale<ListMenuCmsGroupsQueryResponse>(\n        LIST_MENU_CONTENT_GROUPS_MODELS,\n        locale,\n        {\n            skip: !open || !!groups\n        }\n    );\n\n    useEffect(() => {\n        if (!data || groupsLoading) {\n            return;\n        }\n        const contentModelGroups: CmsGroupOption[] = get(\n            data,\n            \"listContentModelGroups.data\",\n            []\n        ).map((item: CmsGroup): CmsGroupOption => {\n            return {\n                value: item.id,\n                label: item.name\n            };\n        });\n        setGroups(contentModelGroups);\n    }, [data, groupsLoading]);\n\n    const selectedGroup = getSelectedGroup(groups, contentModel);\n\n    const nameValidator = useCallback((name: string) => {\n        const target = (name || \"\").trim();\n        if (!target.charAt(0).match(/[a-zA-Z]/)) {\n            throw new Error(\"Value is not valid - must not start with a number.\");\n        }\n        if (target.toLowerCase() === \"id\") {\n            throw new Error('Value is not valid - \"id\" is an auto-generated field.');\n        }\n        for (const ending of disallowedModelIdEndingList) {\n            const re = new RegExp(`${ending}$`, \"i\");\n            const matched = target.match(re);\n            if (matched === null) {\n                continue;\n            }\n            throw new Error(`Model name that ends with \"${ending}\" is not allowed.`);\n        }\n        return true;\n    }, []);\n\n    return (\n        <UID.Dialog\n            open={open}\n            onClose={onClose}\n            className={narrowDialog}\n            data-testid=\"cms-clone-content-model-modal\"\n        >\n            {(!groups || groupsLoading) && (\n                <CircularProgress label={\"Please wait while we load required information.\"} />\n            )}\n            {open && (\n                <Form\n                    data={{\n                        group: selectedGroup,\n                        locale,\n                        name: contentModel.name\n                    }}\n                    onSubmit={data => {\n                        setLoading(true);\n                        createContentModelFrom({\n                            variables: {\n                                modelId: contentModel.modelId,\n                                /**\n                                 * We know that data is CmsModel\n                                 */\n                                data: data as unknown as CmsModel\n                            }\n                        });\n                    }}\n                >\n                    {({ Bind, submit }) => (\n                        <>\n                            {loading && <CircularProgress />}\n                            <UID.DialogTitle>{t`Clone Content Model`}</UID.DialogTitle>\n                            <UID.DialogContent>\n                                <Grid className={noPadding}>\n                                    <Cell span={12}>\n                                        <Bind\n                                            name={\"name\"}\n                                            validators={[\n                                                validation.create(\"required,maxLength:100\"),\n                                                nameValidator\n                                            ]}\n                                        >\n                                            <Input\n                                                label={t`Name`}\n                                                description={t`The name of the content model`}\n                                            />\n                                        </Bind>\n                                    </Cell>\n                                    <Cell span={12}>\n                                        <Bind\n                                            name={\"locale\"}\n                                            validators={validation.create(\"required\")}\n                                            afterChange={(value?: string) => {\n                                                if (!value) {\n                                                    return;\n                                                }\n                                                setLocale(value);\n                                                setGroups(null);\n                                            }}\n                                        >\n                                            <Select\n                                                description={t`Choose a locale into which you wish to clone the model`}\n                                                label={t`Content model locale`}\n                                                options={locales}\n                                            />\n                                        </Bind>\n                                    </Cell>\n                                    <Cell span={12}>\n                                        <Bind\n                                            name={\"group\"}\n                                            validators={validation.create(\"required\")}\n                                        >\n                                            <Select\n                                                description={t`Choose a content model group`}\n                                                label={t`Content model group`}\n                                                options={groups || []}\n                                            />\n                                        </Bind>\n                                    </Cell>\n                                    <Cell span={12}>\n                                        <Bind name=\"description\">\n                                            {props => (\n                                                <Input\n                                                    {...props}\n                                                    rows={4}\n                                                    maxLength={200}\n                                                    characterCount\n                                                    label={t`Description`}\n                                                    value={contentModel.description}\n                                                />\n                                            )}\n                                        </Bind>\n                                    </Cell>\n                                </Grid>\n                            </UID.DialogContent>\n                            <UID.DialogActions>\n                                <ButtonDefault\n                                    onClick={ev => {\n                                        submit(ev);\n                                    }}\n                                >\n                                    + {t`Clone`}\n                                </ButtonDefault>\n                            </UID.DialogActions>\n                        </>\n                    )}\n                </Form>\n            )}\n        </UID.Dialog>\n    );\n};\n\nexport default CloneContentModelDialog;\n"]}
+{"version":3,"names":["t","i18n","ns","narrowDialog","css","width","minWidth","noPadding","padding","disallowedModelIdEndingList","getSelectedGroup","groups","model","length","current","group","id","find","g","value","defaultSelected","CloneContentModelDialog","open","onClose","contentModel","closeModal","useState","loading","setLoading","useSnackbar","showSnackbar","useRouter","history","useI18N","getLocales","getCurrentLocale","setCurrentLocale","currentLocale","locale","setLocale","setGroups","useMutation","CREATE_CONTENT_MODEL_FROM","onError","error","message","update","cache","response","data","createContentModelFrom","window","location","reload","addModelToListCache","addModelToGroupCache","push","locales","map","code","label","useQueryLocale","LIST_MENU_CONTENT_GROUPS_MODELS","skip","groupsLoading","useEffect","contentModelGroups","get","item","name","selectedGroup","nameValidator","useCallback","target","trim","charAt","match","Error","toLowerCase","ending","re","RegExp","matched","variables","modelId","Bind","submit","validation","create","props","description","ev"],"sources":["CloneContentModelDialog.tsx"],"sourcesContent":["import React, { useState, useCallback, useEffect } from \"react\";\nimport { css } from \"emotion\";\nimport get from \"lodash/get\";\nimport { useRouter } from \"@webiny/react-router\";\nimport { Form } from \"@webiny/form\";\nimport { Input } from \"@webiny/ui/Input\";\nimport { Select } from \"@webiny/ui/Select\";\nimport { useSnackbar } from \"@webiny/app-admin/hooks/useSnackbar\";\nimport { CircularProgress } from \"@webiny/ui/Progress\";\nimport { validation } from \"@webiny/validation\";\nimport { useMutation, useQueryLocale } from \"../../hooks\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { ButtonDefault } from \"@webiny/ui/Button\";\nimport * as UID from \"@webiny/ui/Dialog\";\nimport { Grid, Cell } from \"@webiny/ui/Grid\";\nimport { addModelToGroupCache, addModelToListCache } from \"./cache\";\nimport { CmsEditorContentModel, CmsModel } from \"~/types\";\nimport { useI18N } from \"@webiny/app-i18n/hooks/useI18N\";\nimport {\n    CREATE_CONTENT_MODEL_FROM,\n    LIST_MENU_CONTENT_GROUPS_MODELS,\n    CreateCmsModelFromMutationResponse,\n    CreateCmsModelFromMutationVariables,\n    ListMenuCmsGroupsQueryResponse\n} from \"../../viewsGraphql\";\nimport { CmsGroup } from \"~/admin/views/contentModelGroups/graphql\";\nimport { CmsGroupOption } from \"~/admin/views/contentModels/types\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/views/content-models/clone-content-model-dialog\");\n\nconst narrowDialog = css({\n    \".mdc-dialog__surface\": {\n        width: 600,\n        minWidth: 600\n    }\n});\n\nconst noPadding = css({\n    padding: \"5px !important\"\n});\n\nexport interface Props {\n    open: boolean;\n    onClose: UID.DialogOnClose;\n    contentModel: CmsEditorContentModel;\n    closeModal: () => void;\n}\n\n/**\n * This list is to disallow creating models that might interfere with GraphQL schema creation.\n * Add more if required.\n */\nconst disallowedModelIdEndingList: string[] = [\"Response\", \"List\", \"Meta\", \"Input\", \"Sorter\"];\n\nconst getSelectedGroup = (\n    groups: CmsGroupOption[] | null,\n    model: CmsEditorContentModel\n): string | null => {\n    if (!groups || groups.length === 0 || !model) {\n        return \"\";\n    }\n    const current = model.group.id;\n    const group = groups.find(g => g.value === current);\n    if (group) {\n        return group.value;\n    }\n    const defaultSelected = groups.find(() => true);\n    return defaultSelected ? defaultSelected.value : null;\n};\n\nconst CloneContentModelDialog: React.FC<Props> = ({ open, onClose, contentModel, closeModal }) => {\n    const [loading, setLoading] = useState<boolean>(false);\n    const { showSnackbar } = useSnackbar();\n    const { history } = useRouter();\n    const { getLocales, getCurrentLocale, setCurrentLocale } = useI18N();\n\n    const currentLocale = getCurrentLocale(\"content\");\n    const [locale, setLocale] = useState<string>(currentLocale || \"\");\n    const [groups, setGroups] = useState<CmsGroupOption[] | null>(null);\n\n    const [createContentModelFrom] = useMutation<\n        CreateCmsModelFromMutationResponse,\n        CreateCmsModelFromMutationVariables\n    >(CREATE_CONTENT_MODEL_FROM, {\n        onError(error) {\n            setLoading(false);\n            showSnackbar(error.message);\n        },\n        update(cache, response) {\n            if (!response.data) {\n                showSnackbar(`Missing data on Create Content Model From Mutation Response.`);\n                return;\n            }\n            const { data: model, error } = response.data.createContentModelFrom;\n\n            if (error) {\n                setLoading(false);\n                showSnackbar(error.message);\n                return;\n            }\n\n            if (currentLocale !== locale) {\n                setCurrentLocale(locale, \"content\");\n                window.location.reload();\n                return;\n            }\n\n            addModelToListCache(cache, model);\n            addModelToGroupCache(cache, model);\n\n            history.push(\"/cms/content-models/\");\n            closeModal();\n        }\n    });\n\n    const locales = getLocales().map(({ code }) => {\n        return {\n            value: code,\n            label: code === currentLocale ? \"Current locale\" : code\n        };\n    });\n\n    const { data, loading: groupsLoading } = useQueryLocale<ListMenuCmsGroupsQueryResponse>(\n        LIST_MENU_CONTENT_GROUPS_MODELS,\n        locale,\n        {\n            skip: !open || !!groups\n        }\n    );\n\n    useEffect(() => {\n        if (!data || groupsLoading) {\n            return;\n        }\n        const contentModelGroups: CmsGroupOption[] = get(\n            data,\n            \"listContentModelGroups.data\",\n            []\n        ).map((item: CmsGroup): CmsGroupOption => {\n            return {\n                value: item.id,\n                label: item.name\n            };\n        });\n        setGroups(contentModelGroups);\n    }, [data, groupsLoading]);\n\n    const selectedGroup = getSelectedGroup(groups, contentModel);\n\n    const nameValidator = useCallback((name: string) => {\n        const target = (name || \"\").trim();\n        if (!target.charAt(0).match(/[a-zA-Z]/)) {\n            throw new Error(\"Value is not valid - must not start with a number.\");\n        }\n        if (target.toLowerCase() === \"id\") {\n            throw new Error('Value is not valid - \"id\" is an auto-generated field.');\n        }\n        for (const ending of disallowedModelIdEndingList) {\n            const re = new RegExp(`${ending}$`, \"i\");\n            const matched = target.match(re);\n            if (matched === null) {\n                continue;\n            }\n            throw new Error(`Model name that ends with \"${ending}\" is not allowed.`);\n        }\n        return true;\n    }, []);\n\n    return (\n        <UID.Dialog\n            open={open}\n            onClose={onClose}\n            className={narrowDialog}\n            data-testid=\"cms-clone-content-model-modal\"\n        >\n            {(!groups || groupsLoading) && (\n                <CircularProgress label={\"Please wait while we load required information.\"} />\n            )}\n            {open && (\n                <Form\n                    data={{\n                        group: selectedGroup,\n                        locale,\n                        name: contentModel.name\n                    }}\n                    onSubmit={data => {\n                        setLoading(true);\n                        createContentModelFrom({\n                            variables: {\n                                modelId: contentModel.modelId,\n                                /**\n                                 * We know that data is CmsModel\n                                 */\n                                data: data as unknown as CmsModel\n                            }\n                        });\n                    }}\n                >\n                    {({ Bind, submit }) => (\n                        <>\n                            {loading && <CircularProgress />}\n                            <UID.DialogTitle>{t`Clone Content Model`}</UID.DialogTitle>\n                            <UID.DialogContent>\n                                <Grid className={noPadding}>\n                                    <Cell span={12}>\n                                        <Bind\n                                            name={\"name\"}\n                                            validators={[\n                                                validation.create(\"required,maxLength:100\"),\n                                                nameValidator\n                                            ]}\n                                        >\n                                            <Input\n                                                label={t`Name`}\n                                                description={t`The name of the content model`}\n                                            />\n                                        </Bind>\n                                    </Cell>\n                                    <Cell span={12}>\n                                        <Bind\n                                            name={\"locale\"}\n                                            validators={validation.create(\"required\")}\n                                            afterChange={(value?: string) => {\n                                                if (!value) {\n                                                    return;\n                                                }\n                                                setLocale(value);\n                                                setGroups(null);\n                                            }}\n                                        >\n                                            <Select\n                                                description={t`Choose a locale into which you wish to clone the model`}\n                                                label={t`Content model locale`}\n                                                options={locales}\n                                            />\n                                        </Bind>\n                                    </Cell>\n                                    <Cell span={12}>\n                                        <Bind\n                                            name={\"group\"}\n                                            validators={validation.create(\"required\")}\n                                        >\n                                            <Select\n                                                description={t`Choose a content model group`}\n                                                label={t`Content model group`}\n                                                options={groups || []}\n                                            />\n                                        </Bind>\n                                    </Cell>\n                                    <Cell span={12}>\n                                        <Bind name=\"description\">\n                                            {props => (\n                                                <Input\n                                                    {...props}\n                                                    rows={4}\n                                                    maxLength={200}\n                                                    characterCount\n                                                    label={t`Description`}\n                                                    value={contentModel.description}\n                                                />\n                                            )}\n                                        </Bind>\n                                    </Cell>\n                                </Grid>\n                            </UID.DialogContent>\n                            <UID.DialogActions>\n                                <ButtonDefault\n                                    onClick={ev => {\n                                        submit(ev);\n                                    }}\n                                >\n                                    + {t`Clone`}\n                                </ButtonDefault>\n                            </UID.DialogActions>\n                        </>\n                    )}\n                </Form>\n            )}\n        </UID.Dialog>\n    );\n};\n\nexport default CloneContentModelDialog;\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAEA;;AACA;;;;AAUA,IAAMA,CAAC,GAAGC,UAAA,CAAKC,EAAL,CAAQ,wEAAR,CAAV;;AAEA,IAAMC,YAAY,gBAAG,IAAAC,YAAA,EAAI;EACrB,wBAAwB;IACpBC,KAAK,EAAE,GADa;IAEpBC,QAAQ,EAAE;EAFU;AADH,CAAJ,wBAArB;AAOA,IAAMC,SAAS,gBAAG,IAAAH,YAAA,EAAI;EAClBI,OAAO,EAAE;AADS,CAAJ,qBAAlB;;AAWA;AACA;AACA;AACA;AACA,IAAMC,2BAAqC,GAAG,CAAC,UAAD,EAAa,MAAb,EAAqB,MAArB,EAA6B,OAA7B,EAAsC,QAAtC,CAA9C;;AAEA,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAmB,CACrBC,MADqB,EAErBC,KAFqB,EAGL;EAChB,IAAI,CAACD,MAAD,IAAWA,MAAM,CAACE,MAAP,KAAkB,CAA7B,IAAkC,CAACD,KAAvC,EAA8C;IAC1C,OAAO,EAAP;EACH;;EACD,IAAME,OAAO,GAAGF,KAAK,CAACG,KAAN,CAAYC,EAA5B;EACA,IAAMD,KAAK,GAAGJ,MAAM,CAACM,IAAP,CAAY,UAAAC,CAAC;IAAA,OAAIA,CAAC,CAACC,KAAF,KAAYL,OAAhB;EAAA,CAAb,CAAd;;EACA,IAAIC,KAAJ,EAAW;IACP,OAAOA,KAAK,CAACI,KAAb;EACH;;EACD,IAAMC,eAAe,GAAGT,MAAM,CAACM,IAAP,CAAY;IAAA,OAAM,IAAN;EAAA,CAAZ,CAAxB;EACA,OAAOG,eAAe,GAAGA,eAAe,CAACD,KAAnB,GAA2B,IAAjD;AACH,CAdD;;AAgBA,IAAME,uBAAwC,GAAG,SAA3CA,uBAA2C,OAAiD;EAAA,IAA9CC,IAA8C,QAA9CA,IAA8C;EAAA,IAAxCC,OAAwC,QAAxCA,OAAwC;EAAA,IAA/BC,YAA+B,QAA/BA,YAA+B;EAAA,IAAjBC,UAAiB,QAAjBA,UAAiB;;EAC9F,gBAA8B,IAAAC,eAAA,EAAkB,KAAlB,CAA9B;EAAA;EAAA,IAAOC,OAAP;EAAA,IAAgBC,UAAhB;;EACA,mBAAyB,IAAAC,yBAAA,GAAzB;EAAA,IAAQC,YAAR,gBAAQA,YAAR;;EACA,iBAAoB,IAAAC,sBAAA,GAApB;EAAA,IAAQC,OAAR,cAAQA,OAAR;;EACA,eAA2D,IAAAC,iBAAA,GAA3D;EAAA,IAAQC,UAAR,YAAQA,UAAR;EAAA,IAAoBC,gBAApB,YAAoBA,gBAApB;EAAA,IAAsCC,gBAAtC,YAAsCA,gBAAtC;;EAEA,IAAMC,aAAa,GAAGF,gBAAgB,CAAC,SAAD,CAAtC;;EACA,iBAA4B,IAAAT,eAAA,EAAiBW,aAAa,IAAI,EAAlC,CAA5B;EAAA;EAAA,IAAOC,MAAP;EAAA,IAAeC,SAAf;;EACA,iBAA4B,IAAAb,eAAA,EAAkC,IAAlC,CAA5B;EAAA;EAAA,IAAOf,MAAP;EAAA,IAAe6B,SAAf;;EAEA,mBAAiC,IAAAC,kBAAA,EAG/BC,uCAH+B,EAGJ;IACzBC,OADyB,mBACjBC,KADiB,EACV;MACXhB,UAAU,CAAC,KAAD,CAAV;MACAE,YAAY,CAACc,KAAK,CAACC,OAAP,CAAZ;IACH,CAJwB;IAKzBC,MALyB,kBAKlBC,KALkB,EAKXC,QALW,EAKD;MACpB,IAAI,CAACA,QAAQ,CAACC,IAAd,EAAoB;QAChBnB,YAAY,gEAAZ;QACA;MACH;;MACD,4BAA+BkB,QAAQ,CAACC,IAAT,CAAcC,sBAA7C;MAAA,IAActC,KAAd,yBAAQqC,IAAR;MAAA,IAAqBL,KAArB,yBAAqBA,KAArB;;MAEA,IAAIA,KAAJ,EAAW;QACPhB,UAAU,CAAC,KAAD,CAAV;QACAE,YAAY,CAACc,KAAK,CAACC,OAAP,CAAZ;QACA;MACH;;MAED,IAAIR,aAAa,KAAKC,MAAtB,EAA8B;QAC1BF,gBAAgB,CAACE,MAAD,EAAS,SAAT,CAAhB;QACAa,MAAM,CAACC,QAAP,CAAgBC,MAAhB;QACA;MACH;;MAED,IAAAC,0BAAA,EAAoBP,KAApB,EAA2BnC,KAA3B;MACA,IAAA2C,2BAAA,EAAqBR,KAArB,EAA4BnC,KAA5B;MAEAoB,OAAO,CAACwB,IAAR,CAAa,sBAAb;MACA/B,UAAU;IACb;EA7BwB,CAHI,CAAjC;EAAA;EAAA,IAAOyB,sBAAP;;EAmCA,IAAMO,OAAO,GAAGvB,UAAU,GAAGwB,GAAb,CAAiB,iBAAc;IAAA,IAAXC,IAAW,SAAXA,IAAW;IAC3C,OAAO;MACHxC,KAAK,EAAEwC,IADJ;MAEHC,KAAK,EAAED,IAAI,KAAKtB,aAAT,GAAyB,gBAAzB,GAA4CsB;IAFhD,CAAP;EAIH,CALe,CAAhB;;EAOA,sBAAyC,IAAAE,qBAAA,EACrCC,6CADqC,EAErCxB,MAFqC,EAGrC;IACIyB,IAAI,EAAE,CAACzC,IAAD,IAAS,CAAC,CAACX;EADrB,CAHqC,CAAzC;EAAA,IAAQsC,IAAR,mBAAQA,IAAR;EAAA,IAAuBe,aAAvB,mBAAcrC,OAAd;;EAQA,IAAAsC,gBAAA,EAAU,YAAM;IACZ,IAAI,CAAChB,IAAD,IAASe,aAAb,EAA4B;MACxB;IACH;;IACD,IAAME,kBAAoC,GAAG,IAAAC,YAAA,EACzClB,IADyC,EAEzC,6BAFyC,EAGzC,EAHyC,EAI3CS,GAJ2C,CAIvC,UAACU,IAAD,EAAoC;MACtC,OAAO;QACHjD,KAAK,EAAEiD,IAAI,CAACpD,EADT;QAEH4C,KAAK,EAAEQ,IAAI,CAACC;MAFT,CAAP;IAIH,CAT4C,CAA7C;IAUA7B,SAAS,CAAC0B,kBAAD,CAAT;EACH,CAfD,EAeG,CAACjB,IAAD,EAAOe,aAAP,CAfH;EAiBA,IAAMM,aAAa,GAAG5D,gBAAgB,CAACC,MAAD,EAASa,YAAT,CAAtC;EAEA,IAAM+C,aAAa,GAAG,IAAAC,kBAAA,EAAY,UAACH,IAAD,EAAkB;IAChD,IAAMI,MAAM,GAAG,CAACJ,IAAI,IAAI,EAAT,EAAaK,IAAb,EAAf;;IACA,IAAI,CAACD,MAAM,CAACE,MAAP,CAAc,CAAd,EAAiBC,KAAjB,CAAuB,UAAvB,CAAL,EAAyC;MACrC,MAAM,IAAIC,KAAJ,CAAU,oDAAV,CAAN;IACH;;IACD,IAAIJ,MAAM,CAACK,WAAP,OAAyB,IAA7B,EAAmC;MAC/B,MAAM,IAAID,KAAJ,CAAU,uDAAV,CAAN;IACH;;IAP+C,yDAQ3BpE,2BAR2B;IAAA;;IAAA;MAQhD,oDAAkD;QAAA,IAAvCsE,MAAuC;QAC9C,IAAMC,EAAE,GAAG,IAAIC,MAAJ,WAAcF,MAAd,QAAyB,GAAzB,CAAX;QACA,IAAMG,OAAO,GAAGT,MAAM,CAACG,KAAP,CAAaI,EAAb,CAAhB;;QACA,IAAIE,OAAO,KAAK,IAAhB,EAAsB;UAClB;QACH;;QACD,MAAM,IAAIL,KAAJ,uCAAwCE,MAAxC,wBAAN;MACH;IAf+C;MAAA;IAAA;MAAA;IAAA;;IAgBhD,OAAO,IAAP;EACH,CAjBqB,EAiBnB,EAjBmB,CAAtB;EAmBA,oBACI,6BAAC,GAAD,CAAK,MAAL;IACI,IAAI,EAAEzD,IADV;IAEI,OAAO,EAAEC,OAFb;IAGI,SAAS,EAAEpB,YAHf;IAII,eAAY;EAJhB,GAMK,CAAC,CAACQ,MAAD,IAAWqD,aAAZ,kBACG,6BAAC,0BAAD;IAAkB,KAAK,EAAE;EAAzB,EAPR,EASK1C,IAAI,iBACD,6BAAC,UAAD;IACI,IAAI,EAAE;MACFP,KAAK,EAAEuD,aADL;MAEFhC,MAAM,EAANA,MAFE;MAGF+B,IAAI,EAAE7C,YAAY,CAAC6C;IAHjB,CADV;IAMI,QAAQ,EAAE,kBAAApB,IAAI,EAAI;MACdrB,UAAU,CAAC,IAAD,CAAV;MACAsB,sBAAsB,CAAC;QACnBiC,SAAS,EAAE;UACPC,OAAO,EAAE5D,YAAY,CAAC4D,OADf;;UAEP;AAChC;AACA;UACgCnC,IAAI,EAAEA;QALC;MADQ,CAAD,CAAtB;IASH;EAjBL,GAmBK;IAAA,IAAGoC,IAAH,SAAGA,IAAH;IAAA,IAASC,MAAT,SAASA,MAAT;IAAA,oBACG,4DACK3D,OAAO,iBAAI,6BAAC,0BAAD,OADhB,eAEI,6BAAC,GAAD,CAAK,WAAL,QAAkB3B,CAAlB,uGAFJ,eAGI,6BAAC,GAAD,CAAK,aAAL,qBACI,6BAAC,UAAD;MAAM,SAAS,EAAEO;IAAjB,gBACI,6BAAC,UAAD;MAAM,IAAI,EAAE;IAAZ,gBACI,6BAAC,IAAD;MACI,IAAI,EAAE,MADV;MAEI,UAAU,EAAE,CACRgF,sBAAA,CAAWC,MAAX,CAAkB,wBAAlB,CADQ,EAERjB,aAFQ;IAFhB,gBAOI,6BAAC,YAAD;MACI,KAAK,EAAEvE,CAAF,yFADT;MAEI,WAAW,EAAEA,CAAF;IAFf,EAPJ,CADJ,CADJ,eAeI,6BAAC,UAAD;MAAM,IAAI,EAAE;IAAZ,gBACI,6BAAC,IAAD;MACI,IAAI,EAAE,QADV;MAEI,UAAU,EAAEuF,sBAAA,CAAWC,MAAX,CAAkB,UAAlB,CAFhB;MAGI,WAAW,EAAE,qBAACrE,KAAD,EAAoB;QAC7B,IAAI,CAACA,KAAL,EAAY;UACR;QACH;;QACDoB,SAAS,CAACpB,KAAD,CAAT;QACAqB,SAAS,CAAC,IAAD,CAAT;MACH;IATL,gBAWI,6BAAC,cAAD;MACI,WAAW,EAAExC,CAAF,2IADf;MAEI,KAAK,EAAEA,CAAF,yGAFT;MAGI,OAAO,EAAEyD;IAHb,EAXJ,CADJ,CAfJ,eAkCI,6BAAC,UAAD;MAAM,IAAI,EAAE;IAAZ,gBACI,6BAAC,IAAD;MACI,IAAI,EAAE,OADV;MAEI,UAAU,EAAE8B,sBAAA,CAAWC,MAAX,CAAkB,UAAlB;IAFhB,gBAII,6BAAC,cAAD;MACI,WAAW,EAAExF,CAAF,iHADf;MAEI,KAAK,EAAEA,CAAF,wGAFT;MAGI,OAAO,EAAEW,MAAM,IAAI;IAHvB,EAJJ,CADJ,CAlCJ,eA8CI,6BAAC,UAAD;MAAM,IAAI,EAAE;IAAZ,gBACI,6BAAC,IAAD;MAAM,IAAI,EAAC;IAAX,GACK,UAAA8E,KAAK;MAAA,oBACF,6BAAC,YAAD,oBACQA,KADR;QAEI,IAAI,EAAE,CAFV;QAGI,SAAS,EAAE,GAHf;QAII,cAAc,MAJlB;QAKI,KAAK,EAAEzF,CAAF,gGALT;QAMI,KAAK,EAAEwB,YAAY,CAACkE;MANxB,GADE;IAAA,CADV,CADJ,CA9CJ,CADJ,CAHJ,eAkEI,6BAAC,GAAD,CAAK,aAAL,qBACI,6BAAC,qBAAD;MACI,OAAO,EAAE,iBAAAC,EAAE,EAAI;QACXL,MAAM,CAACK,EAAD,CAAN;MACH;IAHL,SAKO3F,CALP,2FADJ,CAlEJ,CADH;EAAA,CAnBL,CAVR,CADJ;AAgHH,CAlND;;eAoNeqB,uB"}

package/admin/views/contentModels/ContentModelEditor.js

@@ -1,16 +1,31 @@
-import React from "react";
-import { HTML5Backend } from "react-dnd-html5-backend";
-import { DndProvider } from "react-dnd";
-import { Editor } from "../../components/ContentModelEditor/Editor";
-import { useRouter } from "@webiny/react-router";
-import { useCms } from "../../hooks";
-import { ContentModelEditorProvider } from "../../components/ContentModelEditor/Context";
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _reactDndHtml5Backend = require("react-dnd-html5-backend");
+
+var _reactDnd = require("react-dnd");
+
+var _Editor = require("../../components/ContentModelEditor/Editor");
+
+var _reactRouter = require("@webiny/react-router");
+
+var _hooks = require("../../hooks");
+
+var _Context = require("../../components/ContentModelEditor/Context");
 
 var ContentModelEditorView = function ContentModelEditorView() {
-  var _useRouter = useRouter(),
+  var _useRouter = (0, _reactRouter.useRouter)(),
       params = _useRouter.params;
 
-  var _useCms = useCms(),
+  var _useCms = (0, _hooks.useCms)(),
       apolloClient = _useCms.apolloClient;
 
   var _ref = params ? params : {},
@@ -20,13 +35,14 @@ var ContentModelEditorView = function ContentModelEditorView() {
     return null;
   }
 
-  return /*#__PURE__*/React.createElement(ContentModelEditorProvider, {
+  return /*#__PURE__*/_react.default.createElement(_Context.ContentModelEditorProvider, {
     key: modelId,
     apolloClient: apolloClient,
     modelId: modelId
-  }, /*#__PURE__*/React.createElement(DndProvider, {
-    backend: HTML5Backend
-  }, /*#__PURE__*/React.createElement(Editor, null)));
+  }, /*#__PURE__*/_react.default.createElement(_reactDnd.DndProvider, {
+    backend: _reactDndHtml5Backend.HTML5Backend
+  }, /*#__PURE__*/_react.default.createElement(_Editor.Editor, null)));
 };
 
-export default ContentModelEditorView;
+var _default = ContentModelEditorView;
+exports.default = _default;

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

@@ -1 +1 @@
-{"version":3,"sources":["ContentModelEditor.tsx"],"names":["React","HTML5Backend","DndProvider","Editor","useRouter","useCms","ContentModelEditorProvider","ContentModelEditorView","params","apolloClient","modelId"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,YAAT,QAA6B,yBAA7B;AACA,SAASC,WAAT,QAA4B,WAA5B;AACA,SAASC,MAAT;AACA,SAASC,SAAT,QAA0B,sBAA1B;AACA,SAASC,MAAT;AACA,SAASC,0BAAT;;AAKA,IAAMC,sBAAgC,GAAG,SAAnCA,sBAAmC,GAAM;AAC3C,mBAAmBH,SAAS,EAA5B;AAAA,MAAQI,MAAR,cAAQA,MAAR;;AACA,gBAAyBH,MAAM,EAA/B;AAAA,MAAQI,YAAR,WAAQA,YAAR;;AAEA,aAAqBD,MAAM,GAAGA,MAAH,GAAY,EAAvC;AAAA,MAAQE,OAAR,QAAQA,OAAR;;AACA,MAAI,CAACD,YAAL,EAAmB;AACf,WAAO,IAAP;AACH;;AACD,sBACI,oBAAC,0BAAD;AAA4B,IAAA,GAAG,EAAEC,OAAjC;AAA0C,IAAA,YAAY,EAAED,YAAxD;AAAsE,IAAA,OAAO,EAAEC;AAA/E,kBACI,oBAAC,WAAD;AAAa,IAAA,OAAO,EAAET;AAAtB,kBACI,oBAAC,MAAD,OADJ,CADJ,CADJ;AAOH,CAfD;;AAgBA,eAAeM,sBAAf","sourcesContent":["import React from \"react\";\nimport { HTML5Backend } from \"react-dnd-html5-backend\";\nimport { DndProvider } from \"react-dnd\";\nimport { Editor } from \"~/admin/components/ContentModelEditor/Editor\";\nimport { useRouter } from \"@webiny/react-router\";\nimport { useCms } from \"~/admin/hooks\";\nimport { ContentModelEditorProvider } from \"~/admin/components/ContentModelEditor/Context\";\nimport { CmsModel } from \"~/types\";\n\ntype QueryMatch = Pick<Partial<CmsModel>, \"modelId\">;\n\nconst ContentModelEditorView: React.FC = () => {\n    const { params } = useRouter();\n    const { apolloClient } = useCms();\n\n    const { modelId } = (params ? params : {}) as QueryMatch;\n    if (!apolloClient) {\n        return null;\n    }\n    return (\n        <ContentModelEditorProvider key={modelId} apolloClient={apolloClient} modelId={modelId}>\n            <DndProvider backend={HTML5Backend}>\n                <Editor />\n            </DndProvider>\n        </ContentModelEditorProvider>\n    );\n};\nexport default ContentModelEditorView;\n"]}
+{"version":3,"names":["ContentModelEditorView","useRouter","params","useCms","apolloClient","modelId","HTML5Backend"],"sources":["ContentModelEditor.tsx"],"sourcesContent":["import React from \"react\";\nimport { HTML5Backend } from \"react-dnd-html5-backend\";\nimport { DndProvider } from \"react-dnd\";\nimport { Editor } from \"~/admin/components/ContentModelEditor/Editor\";\nimport { useRouter } from \"@webiny/react-router\";\nimport { useCms } from \"~/admin/hooks\";\nimport { ContentModelEditorProvider } from \"~/admin/components/ContentModelEditor/Context\";\nimport { CmsModel } from \"~/types\";\n\ntype QueryMatch = Pick<Partial<CmsModel>, \"modelId\">;\n\nconst ContentModelEditorView: React.FC = () => {\n    const { params } = useRouter();\n    const { apolloClient } = useCms();\n\n    const { modelId } = (params ? params : {}) as QueryMatch;\n    if (!apolloClient) {\n        return null;\n    }\n    return (\n        <ContentModelEditorProvider key={modelId} apolloClient={apolloClient} modelId={modelId}>\n            <DndProvider backend={HTML5Backend}>\n                <Editor />\n            </DndProvider>\n        </ContentModelEditorProvider>\n    );\n};\nexport default ContentModelEditorView;\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAKA,IAAMA,sBAAgC,GAAG,SAAnCA,sBAAmC,GAAM;EAC3C,iBAAmB,IAAAC,sBAAA,GAAnB;EAAA,IAAQC,MAAR,cAAQA,MAAR;;EACA,cAAyB,IAAAC,aAAA,GAAzB;EAAA,IAAQC,YAAR,WAAQA,YAAR;;EAEA,WAAqBF,MAAM,GAAGA,MAAH,GAAY,EAAvC;EAAA,IAAQG,OAAR,QAAQA,OAAR;;EACA,IAAI,CAACD,YAAL,EAAmB;IACf,OAAO,IAAP;EACH;;EACD,oBACI,6BAAC,mCAAD;IAA4B,GAAG,EAAEC,OAAjC;IAA0C,YAAY,EAAED,YAAxD;IAAsE,OAAO,EAAEC;EAA/E,gBACI,6BAAC,qBAAD;IAAa,OAAO,EAAEC;EAAtB,gBACI,6BAAC,cAAD,OADJ,CADJ,CADJ;AAOH,CAfD;;eAgBeN,sB"}

package/admin/views/contentModels/ContentModels.js

@@ -1,13 +1,31 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import React, { useCallback, useMemo } from "react";
-import CloneContentModelDialog from "./CloneContentModelDialog";
-import NewContentModelDialog from "./NewContentModelDialog";
-import ContentModelsDataList from "./ContentModelsDataList";
-import { css } from "emotion";
-import { useSecurity } from "@webiny/app-security";
-import { Cell } from "@webiny/ui/Grid";
-import { Grid } from "@webiny/ui/Grid";
-var grid = /*#__PURE__*/css({
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _CloneContentModelDialog = _interopRequireDefault(require("./CloneContentModelDialog"));
+
+var _NewContentModelDialog = _interopRequireDefault(require("./NewContentModelDialog"));
+
+var _ContentModelsDataList = _interopRequireDefault(require("./ContentModelsDataList"));
+
+var _emotion = require("emotion");
+
+var _appSecurity = require("@webiny/app-security");
+
+var _Grid = require("@webiny/ui/Grid");
+
+var grid = /*#__PURE__*/(0, _emotion.css)({
   "&.mdc-layout-grid": {
     padding: 0,
     backgroundColor: "var(--mdc-theme-background)",
@@ -16,7 +34,7 @@ var grid = /*#__PURE__*/css({
     }
   }
 }, "label:grid;");
-var centeredContent = /*#__PURE__*/css({
+var centeredContent = /*#__PURE__*/(0, _emotion.css)({
   backgroundColor: "var(--mdc-theme-surface)",
   ">.webiny-data-list": {
     display: "flex",
@@ -35,21 +53,21 @@ var centeredContent = /*#__PURE__*/css({
 }, "label:centeredContent;");
 
 var ContentModels = function ContentModels() {
-  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),
       newContentModelDialogOpened = _React$useState2[0],
       openNewContentModelDialog = _React$useState2[1];
 
-  var _React$useState3 = React.useState(null),
-      _React$useState4 = _slicedToArray(_React$useState3, 2),
+  var _React$useState3 = _react.default.useState(null),
+      _React$useState4 = (0, _slicedToArray2.default)(_React$useState3, 2),
       cloneContentModel = _React$useState4[0],
       setCloneContentModel = _React$useState4[1];
 
-  var _useSecurity = useSecurity(),
+  var _useSecurity = (0, _appSecurity.useSecurity)(),
       identity = _useSecurity.identity,
       getPermission = _useSecurity.getPermission;
 
-  var canCreate = useMemo(function () {
+  var canCreate = (0, _react.useMemo)(function () {
     var permission = getPermission("cms.contentModel");
 
     if (!permission) {
@@ -62,43 +80,44 @@ var ContentModels = function ContentModels() {
 
     return permission.rwd.includes("w");
   }, [identity]);
-  var closeModal = useCallback(function () {
+  var closeModal = (0, _react.useCallback)(function () {
     setCloneContentModel(null);
   }, []);
-  var onCreate = useCallback(function () {
+  var onCreate = (0, _react.useCallback)(function () {
     return openNewContentModelDialog(true);
   }, []);
-  var onClose = useCallback(function () {
+  var onClose = (0, _react.useCallback)(function () {
     return openNewContentModelDialog(false);
   }, []);
-  var onClone = useCallback(function (contentModel) {
+  var onClone = (0, _react.useCallback)(function (contentModel) {
     return setCloneContentModel(contentModel);
   }, []);
-  var onCloneClose = useCallback(function () {
+  var onCloneClose = (0, _react.useCallback)(function () {
     return setCloneContentModel(null);
   }, []);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(NewContentModelDialog, {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_NewContentModelDialog.default, {
     open: newContentModelDialogOpened,
     onClose: onClose
-  }), cloneContentModel && /*#__PURE__*/React.createElement(CloneContentModelDialog, {
+  }), cloneContentModel && /*#__PURE__*/_react.default.createElement(_CloneContentModelDialog.default, {
     open: !!cloneContentModel,
     contentModel: cloneContentModel,
     onClose: onCloneClose,
     closeModal: closeModal
-  }), /*#__PURE__*/React.createElement(Grid, {
+  }), /*#__PURE__*/_react.default.createElement(_Grid.Grid, {
     className: grid
-  }, /*#__PURE__*/React.createElement(Cell, {
+  }, /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
     span: 3
-  }), /*#__PURE__*/React.createElement(Cell, {
+  }), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
     span: 6,
     className: centeredContent
-  }, /*#__PURE__*/React.createElement(ContentModelsDataList, {
+  }, /*#__PURE__*/_react.default.createElement(_ContentModelsDataList.default, {
     canCreate: canCreate,
     onCreate: onCreate,
     onClone: onClone
-  })), /*#__PURE__*/React.createElement(Cell, {
+  })), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
     span: 3
   })));
 };
 
-export default ContentModels;
+var _default = ContentModels;
+exports.default = _default;