@webiny/app-headless-cms 6.0.0-beta.0 → 6.0.0-rc.0

package/admin/views/contentModelGroups/ContentModelGroupsForm.js

@@ -1,121 +1,96 @@
-"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 _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _base = _interopRequireDefault(require("@emotion/styled/base"));
-var _react = _interopRequireWildcard(require("react"));
-var _isEmpty = _interopRequireDefault(require("lodash/isEmpty"));
-var _get = _interopRequireDefault(require("lodash/get"));
-var _form = require("@webiny/form");
-var _Grid = require("@webiny/ui/Grid");
-var _Input = require("@webiny/ui/Input");
-var _Button = require("@webiny/ui/Button");
-var _Progress = require("@webiny/ui/Progress");
-var _i18n = require("@webiny/app/i18n");
-var _validation = require("@webiny/validation");
-var _SimpleForm = require("@webiny/app-admin/components/SimpleForm");
-var _IconPicker = require("../../components/IconPicker");
-var _reactRouter = require("@webiny/react-router");
-var _useSnackbar2 = require("@webiny/app-admin/hooks/useSnackbar");
-var _EmptyView = _interopRequireDefault(require("@webiny/app-admin/components/EmptyView"));
-var _add18px = require("@webiny/app-admin/assets/icons/add-18px.svg");
-var _hooks = require("../../hooks");
-var GQL = _interopRequireWildcard(require("./graphql"));
-var _usePermission2 = _interopRequireDefault(require("../../hooks/usePermission"));
-var _Tooltip = require("@webiny/ui/Tooltip");
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11;
-function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-var t = _i18n.i18n.ns("app-headless-cms/admin/content-model-groups/form");
-var ButtonWrapper = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "e7xbi20"
-} : {
-  target: "e7xbi20",
-  label: "ButtonWrapper"
-})(process.env.NODE_ENV === "production" ? {
-  name: "1eoy87d",
-  styles: "display:flex;justify-content:space-between"
-} : {
-  name: "1eoy87d",
-  styles: "display:flex;justify-content:space-between",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvbnRlbnRNb2RlbEdyb3Vwc0Zvcm0udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXVDc0IiLCJmaWxlIjoiQ29udGVudE1vZGVsR3JvdXBzRm9ybS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgdXNlQ2FsbGJhY2sgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IGlzRW1wdHkgZnJvbSBcImxvZGFzaC9pc0VtcHR5XCI7XG5pbXBvcnQgZ2V0IGZyb20gXCJsb2Rhc2gvZ2V0XCI7XG5pbXBvcnQgeyBGb3JtLCBGb3JtUmVuZGVyUHJvcFBhcmFtcyB9IGZyb20gXCJAd2ViaW55L2Zvcm1cIjtcbmltcG9ydCB7IEdyaWQsIENlbGwgfSBmcm9tIFwiQHdlYmlueS91aS9HcmlkXCI7XG5pbXBvcnQgeyBJbnB1dCB9IGZyb20gXCJAd2ViaW55L3VpL0lucHV0XCI7XG5pbXBvcnQgeyBCdXR0b25EZWZhdWx0LCBCdXR0b25JY29uLCBCdXR0b25QcmltYXJ5IH0gZnJvbSBcIkB3ZWJpbnkvdWkvQnV0dG9uXCI7XG5pbXBvcnQgeyBDaXJjdWxhclByb2dyZXNzIH0gZnJvbSBcIkB3ZWJpbnkvdWkvUHJvZ3Jlc3NcIjtcbmltcG9ydCB7IGkxOG4gfSBmcm9tIFwiQHdlYmlueS9hcHAvaTE4blwiO1xuaW1wb3J0IHsgdmFsaWRhdGlvbiB9IGZyb20gXCJAd2ViaW55L3ZhbGlkYXRpb25cIjtcblxuaW1wb3J0IHtcbiAgICBTaW1wbGVGb3JtSGVhZGVyLFxuICAgIFNpbXBsZUZvcm0sXG4gICAgU2ltcGxlRm9ybUZvb3RlcixcbiAgICBTaW1wbGVGb3JtQ29udGVudFxufSBmcm9tIFwiQHdlYmlueS9hcHAtYWRtaW4vY29tcG9uZW50cy9TaW1wbGVGb3JtXCI7XG5pbXBvcnQgeyBJY29uUGlja2VyIH0gZnJvbSBcIn4vYWRtaW4vY29tcG9uZW50cy9JY29uUGlja2VyXCI7XG5pbXBvcnQgeyB1c2VSb3V0ZXIgfSBmcm9tIFwiQHdlYmlueS9yZWFjdC1yb3V0ZXJcIjtcbmltcG9ydCB7IHVzZVNuYWNrYmFyIH0gZnJvbSBcIkB3ZWJpbnkvYXBwLWFkbWluL2hvb2tzL3VzZVNuYWNrYmFyXCI7XG5pbXBvcnQgRW1wdHlWaWV3IGZyb20gXCJAd2ViaW55L2FwcC1hZG1pbi9jb21wb25lbnRzL0VtcHR5Vmlld1wiO1xuaW1wb3J0IHsgUmVhY3RDb21wb25lbnQgYXMgQWRkSWNvbiB9IGZyb20gXCJAd2ViaW55L2FwcC1hZG1pbi9hc3NldHMvaWNvbnMvYWRkLTE4cHguc3ZnXCI7XG5pbXBvcnQgeyB1c2VNdXRhdGlvbiwgdXNlUXVlcnkgfSBmcm9tIFwiLi4vLi4vaG9va3NcIjtcbmltcG9ydCAqIGFzIEdRTCBmcm9tIFwiLi9ncmFwaHFsXCI7XG5pbXBvcnQgdXNlUGVybWlzc2lvbiBmcm9tIFwiLi4vLi4vaG9va3MvdXNlUGVybWlzc2lvblwiO1xuaW1wb3J0IHsgVG9vbHRpcCB9IGZyb20gXCJAd2ViaW55L3VpL1Rvb2x0aXBcIjtcbmltcG9ydCB7XG4gICAgQ21zR3JvdXAsXG4gICAgQ3JlYXRlQ21zR3JvdXBNdXRhdGlvblJlc3BvbnNlLFxuICAgIENyZWF0ZUNtc0dyb3VwTXV0YXRpb25WYXJpYWJsZXMsXG4gICAgR2V0Q21zR3JvdXBRdWVyeVJlc3BvbnNlLFxuICAgIEdldENtc0dyb3VwUXVlcnlWYXJpYWJsZXMsXG4gICAgTGlzdENtc0dyb3Vwc1F1ZXJ5UmVzcG9uc2UsXG4gICAgVXBkYXRlQ21zR3JvdXBNdXRhdGlvblJlc3BvbnNlLFxuICAgIFVwZGF0ZUNtc0dyb3VwTXV0YXRpb25WYXJpYWJsZXNcbn0gZnJvbSBcIi4vZ3JhcGhxbFwiO1xuXG5jb25zdCB0ID0gaTE4bi5ucyhcImFwcC1oZWFkbGVzcy1jbXMvYWRtaW4vY29udGVudC1tb2RlbC1ncm91cHMvZm9ybVwiKTtcbmNvbnN0IEJ1dHRvbldyYXBwZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGp1c3RpZnlDb250ZW50OiBcInNwYWNlLWJldHdlZW5cIlxufSk7XG5cbmludGVyZmFjZSBDb250ZW50TW9kZWxHcm91cHNGb3JtUHJvcHMge1xuICAgIGNhbkNyZWF0ZTogYm9vbGVhbjtcbn1cbmNvbnN0IENvbnRlbnRNb2RlbEdyb3Vwc0Zvcm0gPSAoeyBjYW5DcmVhdGUgfTogQ29udGVudE1vZGVsR3JvdXBzRm9ybVByb3BzKSA9PiB7XG4gICAgY29uc3QgeyBsb2NhdGlvbiwgaGlzdG9yeSB9ID0gdXNlUm91dGVyKCk7XG4gICAgY29uc3QgeyBzaG93U25hY2tiYXIgfSA9IHVzZVNuYWNrYmFyKCk7XG4gICAgY29uc3QgeyBjYW5FZGl0IH0gPSB1c2VQZXJtaXNzaW9uKCk7XG5cbiAgICBjb25zdCBuZXdFbnRyeSA9IG5ldyBVUkxTZWFyY2hQYXJhbXMobG9jYXRpb24uc2VhcmNoKS5nZXQoXCJuZXdcIikgPT09IFwidHJ1ZVwiO1xuICAgIGNvbnN0IGlkID0gbmV3IFVSTFNlYXJjaFBhcmFtcyhsb2NhdGlvbi5zZWFyY2gpLmdldChcImlkXCIpO1xuXG4gICAgY29uc3QgZ2V0UXVlcnkgPSB1c2VRdWVyeTxHZXRDbXNHcm91cFF1ZXJ5UmVzcG9uc2UsIEdldENtc0dyb3VwUXVlcnlWYXJpYWJsZXM+KFxuICAgICAgICBHUUwuR0VUX0NPTlRFTlRfTU9ERUxfR1JPVVAsXG4gICAgICAgIHtcbiAgICAgICAgICAgIHZhcmlhYmxlczoge1xuICAgICAgICAgICAgICAgIGlkOiBpZCBhcyBzdHJpbmdcbiAgICAgICAgICAgIH0sXG4gICAgICAgICAgICBza2lwOiAhaWQsXG4gICAgICAgICAgICBvbkNvbXBsZXRlZDogZGF0YSA9PiB7XG4gICAgICAgICAgICAgICAgaWYgKCFkYXRhKSB7XG4gICAgICAgICAgICAgICAgICAgIHJldHVybjtcbiAgICAgICAgICAgICAgICB9XG5cbiAgICAgICAgICAgICAgICBjb25zdCB7IGVycm9yIH0gPSBkYXRhLmNvbnRlbnRNb2RlbEdyb3VwO1xuICAgICAgICAgICAgICAgIGlmIChlcnJvcikge1xuICAgICAgICAgICAgICAgICAgICBoaXN0b3J5LnB1c2goXCIvY21zL2NvbnRlbnQtbW9kZWwtZ3JvdXBcIik7XG4gICAgICAgICAgICAgICAgICAgIHNob3dTbmFja2JhcihlcnJvci5tZXNzYWdlKTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICApO1xuXG4gICAgLy8gQ3JlYXRlIGEgbmV3IGdyb3VwIGFuZCB1cGRhdGUgbGlzdCBjYWNoZVxuICAgIGNvbnN0IFtjcmVhdGUsIGNyZWF0ZU11dGF0aW9uXSA9IHVzZU11dGF0aW9uPFxuICAgICAgICBDcmVhdGVDbXNHcm91cE11dGF0aW9uUmVzcG9uc2UsXG4gICAgICAgIENyZWF0ZUNtc0dyb3VwTXV0YXRpb25WYXJpYWJsZXNcbiAgICA+KEdRTC5DUkVBVEVfQ09OVEVOVF9NT0RFTF9HUk9VUCwge1xuICAgICAgICB1cGRhdGUoY2FjaGUsIHsgZGF0YSB9KSB7XG4gICAgICAgICAgICBpZiAoIWRhdGEgfHwgZGF0YS5jb250ZW50TW9kZWxHcm91cC5lcnJvcikge1xuICAgICAgICAgICAgICAgIHJldHVybjtcbiAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgY29uc3QgZ3FsUGFyYW1zID0ge1xuICAgICAgICAgICAgICAgIHF1ZXJ5OiBHUUwuTElTVF9DT05URU5UX01PREVMX0dST1VQU1xuICAgICAgICAgICAgfTtcbiAgICAgICAgICAgIGNvbnN0IHJlc3VsdCA9IGNhY2hlLnJlYWRRdWVyeTxMaXN0Q21zR3JvdXBzUXVlcnlSZXNwb25zZT4oZ3FsUGFyYW1zKTtcbiAgICAgICAgICAgIGlmICghcmVzdWx0IHx8ICFyZXN1bHQubGlzdENvbnRlbnRNb2RlbEdyb3Vwcykge1xuICAgICAgICAgICAgICAgIHJldHVybjtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgIGNvbnN0IHsgbGlzdENvbnRlbnRNb2RlbEdyb3VwcyB9ID0gcmVzdWx0O1xuICAgICAgICAgICAgY2FjaGUud3JpdGVRdWVyeSh7XG4gICAgICAgICAgICAgICAgLi4uZ3FsUGFyYW1zLFxuICAgICAgICAgICAgICAgIGRhdGE6IHtcbiAgICAgICAgICAgICAgICAgICAgbGlzdENvbnRlbnRNb2RlbEdyb3Vwczoge1xuICAgICAgICAgICAgICAgICAgICAgICAgLi4ubGlzdENvbnRlbnRNb2RlbEdyb3VwcyxcbiAgICAgICAgICAgICAgICAgICAgICAgIGRhdGE6IFtkYXRhLmNvbnRlbnRNb2RlbEdyb3VwLmRhdGEsIC4uLmxpc3RDb250ZW50TW9kZWxHcm91cHMuZGF0YV1cbiAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH0pO1xuICAgICAgICB9XG4gICAgfSk7XG4gICAgY29uc3QgW3VwZGF0ZSwgdXBkYXRlTXV0YXRpb25dID0gdXNlTXV0YXRpb248XG4gICAgICAgIFVwZGF0ZUNtc0dyb3VwTXV0YXRpb25SZXNwb25zZSxcbiAgICAgICAgVXBkYXRlQ21zR3JvdXBNdXRhdGlvblZhcmlhYmxlc1xuICAgID4oR1FMLlVQREFURV9DT05URU5UX01PREVMX0dST1VQKTtcblxuICAgIGNvbnN0IGxvYWRpbmcgPSBbZ2V0UXVlcnksIGNyZWF0ZU11dGF0aW9uLCB1cGRhdGVNdXRhdGlvbl0uZmluZChpdGVtID0+IGl0ZW0ubG9hZGluZyk7XG5cbiAgICBjb25zdCBjcmVhdGVPcGVyYXRpb24gPSB1c2VDYWxsYmFjayhcbiAgICAgICAgKGdyb3VwOiBQYXJ0aWFsPENtc0dyb3VwPikgPT4ge1xuICAgICAgICAgICAgaWYgKCFncm91cC5pZCkge1xuICAgICAgICAgICAgICAgIHJldHVybiBjcmVhdGUoe1xuICAgICAgICAgICAgICAgICAgICB2YXJpYWJsZXM6IHtcbiAgICAgICAgICAgICAgICAgICAgICAgIGRhdGE6IHtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBuYW1lOiBncm91cC5uYW1lLFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGRlc2NyaXB0aW9uOiBncm91cC5kZXNjcmlwdGlvbixcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBpY29uOiBncm91cC5pY29uXG4gICAgICAgICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICB9KTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgIHJldHVybiB1cGRhdGUoe1xuICAgICAgICAgICAgICAgIHZhcmlhYmxlczoge1xuICAgICAgICAgICAgICAgICAgICBpZDogZ3JvdXAuaWQsXG4gICAgICAgICAgICAgICAgICAgIGRhdGE6IHtcbiAgICAgICAgICAgICAgICAgICAgICAgIG5hbWU6IGdyb3VwLm5hbWUsXG4gICAgICAgICAgICAgICAgICAgICAgICBkZXNjcmlwdGlvbjogZ3JvdXAuZGVzY3JpcHRpb24sXG4gICAgICAgICAgICAgICAgICAgICAgICBpY29uOiBncm91cC5pY29uXG4gICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9KTtcbiAgICAgICAgfSxcbiAgICAgICAgW2NyZWF0ZSwgdXBkYXRlXVxuICAgICk7XG5cbiAgICBjb25zdCBvblN1Ym1pdCA9IHVzZUNhbGxiYWNrKFxuICAgICAgICBhc3luYyAoZ3JvdXA6IFBhcnRpYWw8Q21zR3JvdXA+KTogUHJvbWlzZTx2b2lkPiA9PiB7XG4gICAgICAgICAgICAvKipcbiAgICAgICAgICAgICAqIENyZWF0ZSBvciB1cGRhdGUsIGRlcGVuZHMgaWYgZ3JvdXAgb2JqZWN0IGhhcyBpZCBwcm9wZXJ0eVxuICAgICAgICAgICAgICovXG4gICAgICAgICAgICBjb25zdCByZXNwb25zZSA9IGF3YWl0IGNyZWF0ZU9wZXJhdGlvbihncm91cCk7XG4gICAgICAgICAgICBpZiAoIXJlc3BvbnNlLmRhdGEpIHtcbiAgICAgICAgICAgICAgICBzaG93U25hY2tiYXIoYE1pc3NpbmcgcmVzcG9uc2UgZGF0YSBhaW4gQ29udGVudCBNb2RlbCBHcm91cCBNdXRhdGlvbiBSZXNwb25zZS5gKTtcbiAgICAgICAgICAgICAgICByZXR1cm47XG4gICAgICAgICAgICB9XG5cbiAgICAgICAgICAgIGNvbnN0IHsgZGF0YSwgZXJyb3IgfSA9IHJlc3BvbnNlLmRhdGEuY29udGVudE1vZGVsR3JvdXA7XG4gICAgICAgICAgICBpZiAoZXJyb3IpIHtcbiAgICAgICAgICAgICAgICBzaG93U25hY2tiYXIoZXJyb3IubWVzc2FnZSk7XG4gICAgICAgICAgICAgICAgcmV0dXJuO1xuICAgICAgICAgICAgfVxuICAgICAgICAgICAgLyoqXG4gICAgICAgICAgICAgKiBSZWRpcmVjdCB0byBhIG5ldyBncm91cFxuICAgICAgICAgICAgICovXG4gICAgICAgICAgICBpZiAoIWdyb3VwLmlkKSB7XG4gICAgICAgICAgICAgICAgaGlzdG9yeS5wdXNoKGAvY21zL2NvbnRlbnQtbW9kZWwtZ3JvdXBzP2lkPSR7ZGF0YS5pZH1gKTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgIHNob3dTbmFja2Jhcih0YENvbnRlbnQgbW9kZWwgZ3JvdXAgc2F2ZWQgc3VjY2Vzc2Z1bGx5IWApO1xuICAgICAgICB9LFxuICAgICAgICBbaWRdXG4gICAgKTtcblxuICAgIGNvbnN0IGRhdGE6IENtc0dyb3VwIHwgbnVsbCA9IGdldFF1ZXJ5LmxvYWRpbmdcbiAgICAgICAgPyBudWxsXG4gICAgICAgIDogZ2V0KGdldFF1ZXJ5LCBcImRhdGEuY29udGVudE1vZGVsR3JvdXAuZGF0YVwiLCBudWxsKTtcblxuICAgIGNvbnN0IHNob3dFbXB0eVZpZXcgPSAhbmV3RW50cnkgJiYgIWxvYWRpbmcgJiYgaXNFbXB0eShkYXRhKTtcbiAgICAvLyBSZW5kZXIgXCJObyBjb250ZW50IHNlbGVjdGVkXCIgdmlldy5cbiAgICBpZiAoc2hvd0VtcHR5Vmlldykge1xuICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgPEVtcHR5Vmlld1xuICAgICAgICAgICAgICAgIHRpdGxlPXt0YENsaWNrIG9uIHRoZSBsZWZ0IHNpZGUgbGlzdCB0byBkaXNwbGF5IGdyb3VwIGRldGFpbHMge21lc3NhZ2V9YCh7XG4gICAgICAgICAgICAgICAgICAgIG1lc3NhZ2U6IGNhbkNyZWF0ZSA/IFwib3IgY3JlYXRlIGEuLi5cIiA6IFwiXCJcbiAgICAgICAgICAgICAgICB9KX1cbiAgICAgICAgICAgICAgICBhY3Rpb249e1xuICAgICAgICAgICAgICAgICAgICBjYW5DcmVhdGUgPyAoXG4gICAgICAgICAgICAgICAgICAgICAgICA8QnV0dG9uRGVmYXVsdFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGRhdGEtdGVzdGlkPVwibmV3LXJlY29yZC1idXR0b25cIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIG9uQ2xpY2s9eygpID0+IGhpc3RvcnkucHVzaChcIi9jbXMvY29udGVudC1tb2RlbC1ncm91cHM/bmV3PXRydWVcIil9XG4gICAgICAgICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPEJ1dHRvbkljb24gaWNvbj17PEFkZEljb24gLz59IC8+IHt0YE5ldyBHcm91cGB9XG4gICAgICAgICAgICAgICAgICAgICAgICA8L0J1dHRvbkRlZmF1bHQ+XG4gICAgICAgICAgICAgICAgICAgICkgOiAoXG4gICAgICAgICAgICAgICAgICAgICAgICA8PjwvPlxuICAgICAgICAgICAgICAgICAgICApXG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgLz5cbiAgICAgICAgKTtcbiAgICB9XG5cbiAgICByZXR1cm4gKFxuICAgICAgICA8Rm9ybSBvblN1Ym1pdD17b25TdWJtaXR9IGRhdGE9e2RhdGEgfHwgeyBpY29uOiBcImZhcy9zdGFyXCIgfX0+XG4gICAgICAgICAgICB7KHsgZGF0YSwgZm9ybSwgQmluZCB9OiBGb3JtUmVuZGVyUHJvcFBhcmFtczxDbXNHcm91cD4pID0+IChcbiAgICAgICAgICAgICAgICA8U2ltcGxlRm9ybSBkYXRhLXRlc3RpZD17XCJwYi1jb250ZW50LW1vZGVsLWdyb3Vwcy1mb3JtXCJ9PlxuICAgICAgICAgICAgICAgICAgICA8U2ltcGxlRm9ybUhlYWRlciB0aXRsZT17ZGF0YS5uYW1lID8gZGF0YS5uYW1lIDogdGBOZXcgY29udGVudCBtb2RlbCBncm91cGB9IC8+XG4gICAgICAgICAgICAgICAgICAgIHtsb2FkaW5nICYmIDxDaXJjdWxhclByb2dyZXNzIC8+fVxuICAgICAgICAgICAgICAgICAgICA8U2ltcGxlRm9ybUNvbnRlbnQ+XG4gICAgICAgICAgICAgICAgICAgICAgICA8R3JpZD5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8Q2VsbCBzcGFuPXsxMn0+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxCaW5kXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBuYW1lPVwibmFtZVwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB2YWxpZGF0b3JzPXt2YWxpZGF0aW9uLmNyZWF0ZShcInJlcXVpcmVkLG1heExlbmd0aDoxMDBcIil9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxJbnB1dCBkYXRhLXRlc3RpZD17XCJjbXMuZm9ybS5ncm91cC5uYW1lXCJ9IGxhYmVsPXt0YE5hbWVgfSAvPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L0JpbmQ+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9DZWxsPlxuXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPENlbGwgc3Bhbj17MTJ9PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8QmluZCBuYW1lPVwiaWNvblwiIHZhbGlkYXRvcnM9e3ZhbGlkYXRpb24uY3JlYXRlKFwicmVxdWlyZWRcIil9PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPEljb25QaWNrZXJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBsYWJlbD17dGBHcm91cCBpY29uYH1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBkZXNjcmlwdGlvbj17dGBJY29uIHRoYXQgd2lsbCBiZSBkaXNwbGF5ZWQgaW4gdGhlIG1haW4gbWVudS5gfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9CaW5kPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvQ2VsbD5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8Q2VsbCBzcGFuPXsxMn0+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxCaW5kIG5hbWU9XCJkZXNjcmlwdGlvblwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPElucHV0XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgZGF0YS10ZXN0aWQ9e1wiY21zLmZvcm0uZ3JvdXAuZGVzY3JpcHRpb25cIn1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICByb3dzPXs1fVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGxhYmVsPXt0YERlc2NyaXB0aW9uYH1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvQmluZD5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L0NlbGw+XG4gICAgICAgICAgICAgICAgICAgICAgICA8L0dyaWQ+XG4gICAgICAgICAgICAgICAgICAgIDwvU2ltcGxlRm9ybUNvbnRlbnQ+XG4gICAgICAgICAgICAgICAgICAgIDxTaW1wbGVGb3JtRm9vdGVyPlxuICAgICAgICAgICAgICAgICAgICAgICAgPEJ1dHRvbldyYXBwZXI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPEJ1dHRvbkRlZmF1bHRcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgb25DbGljaz17KCkgPT4gaGlzdG9yeS5wdXNoKFwiL2Ntcy9jb250ZW50LW1vZGVsLWdyb3Vwc1wiKX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA+e3RgQ2FuY2VsYH08L0J1dHRvbkRlZmF1bHQ+XG5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB7Y2FuRWRpdChkYXRhLCBcImNtcy5jb250ZW50TW9kZWxHcm91cFwiKSAmJiAoXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxSZWFjdC5GcmFnbWVudD5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHshZGF0YS5wbHVnaW4gPyAoXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPEJ1dHRvblByaW1hcnlcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgb25DbGljaz17ZXYgPT4ge1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgZm9ybS5zdWJtaXQoZXYpO1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBkYXRhLXRlc3RpZD17XCJjbXMuZm9ybS5ncm91cC5zdWJtaXRcIn1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA+e3RgU2F2ZSBjb250ZW50IG1vZGVsIGdyb3VwYH08L0J1dHRvblByaW1hcnk+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICApIDogKFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxUb29sdGlwXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNvbnRlbnQ9e1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgXCJDb250ZW50IG1vZGVsIGdyb3VwIGlzIHJlZ2lzdGVyZWQgdmlhIGEgcGx1Z2luLlwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgcGxhY2VtZW50PXtcImJvdHRvbVwifVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPEJ1dHRvblByaW1hcnlcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGRpc2FibGVkXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgID57dGBTYXZlIGNvbnRlbnQgbW9kZWwgZ3JvdXBgfTwvQnV0dG9uUHJpbWFyeT5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L1Rvb2x0aXA+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L1JlYWN0LkZyYWdtZW50PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgICAgICAgICAgICA8L0J1dHRvbldyYXBwZXI+XG4gICAgICAgICAgICAgICAgICAgIDwvU2ltcGxlRm9ybUZvb3Rlcj5cbiAgICAgICAgICAgICAgICA8L1NpbXBsZUZvcm0+XG4gICAgICAgICAgICApfVxuICAgICAgICA8L0Zvcm0+XG4gICAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IENvbnRlbnRNb2RlbEdyb3Vwc0Zvcm07XG4iXX0= */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-var ContentModelGroupsForm = function ContentModelGroupsForm(_ref) {
-  var canCreate = _ref.canCreate;
-  var _useRouter = (0, _reactRouter.useRouter)(),
-    location = _useRouter.location,
-    history = _useRouter.history;
-  var _useSnackbar = (0, _useSnackbar2.useSnackbar)(),
-    showSnackbar = _useSnackbar.showSnackbar;
-  var _usePermission = (0, _usePermission2.default)(),
-    canEdit = _usePermission.canEdit;
-  var newEntry = new URLSearchParams(location.search).get("new") === "true";
-  var id = new URLSearchParams(location.search).get("id");
-  var getQuery = (0, _hooks.useQuery)(GQL.GET_CONTENT_MODEL_GROUP, {
+import React, { useCallback } from "react";
+import isEmpty from "lodash/isEmpty.js";
+import get from "lodash/get.js";
+import { Bind, useForm, useGenerateSlug } from "@webiny/form";
+import { ReactComponent as DevicesIcon } from "@webiny/icons/devices_other.svg";
+import { Form } from "@webiny/form";
+import { i18n } from "@webiny/app/i18n/index.js";
+import { validation } from "@webiny/validation";
+import { useRoute, useRouter, useSnackbar, EmptyView, SimpleFormHeader, SimpleForm, SimpleFormFooter, SimpleFormContent } from "@webiny/app-admin";
+import { IconPicker } from "../../components/IconPicker.js";
+import { ReactComponent as AddIcon } from "@webiny/app-admin/assets/icons/add-18px.svg";
+import { useMutation, useQuery } from "../../hooks/index.js";
+import * as GQL from "./graphql.js";
+import { usePermission } from "../../hooks/index.js";
+import { Tooltip } from "@webiny/ui/Tooltip/index.js";
+import { Button, Grid, Input, OverlayLoader, Textarea } from "@webiny/admin-ui";
+import { Routes } from "../../../routes.js";
+const t = i18n.ns("app-headless-cms/admin/content-model-groups/form");
+const ContentModelGroupsForm = ({
+  canCreate
+}) => {
+  const {
+    goToRoute
+  } = useRouter();
+  const {
+    route
+  } = useRoute(Routes.ContentModelGroups.List);
+  const {
+    showSnackbar
+  } = useSnackbar();
+  const {
+    canEdit
+  } = usePermission();
+  const newEntry = route.params.new === true;
+  const id = route.params.id;
+  const getQuery = useQuery(GQL.GET_CONTENT_MODEL_GROUP, {
     variables: {
       id: id
     },
     skip: !id,
-    onCompleted: function onCompleted(data) {
+    onCompleted: data => {
       if (!data) {
         return;
       }
-      var error = data.contentModelGroup.error;
+      const {
+        error
+      } = data.contentModelGroup;
       if (error) {
-        history.push("/cms/content-model-group");
+        goToRoute(Routes.ContentModelGroups.List);
         showSnackbar(error.message);
       }
     }
   });
 
   // Create a new group and update list cache
-  var _useMutation = (0, _hooks.useMutation)(GQL.CREATE_CONTENT_MODEL_GROUP, {
-      update: function update(cache, _ref2) {
-        var data = _ref2.data;
-        if (!data || data.contentModelGroup.error) {
-          return;
-        }
-        var gqlParams = {
-          query: GQL.LIST_CONTENT_MODEL_GROUPS
-        };
-        var result = cache.readQuery(gqlParams);
-        if (!result || !result.listContentModelGroups) {
-          return;
-        }
-        var listContentModelGroups = result.listContentModelGroups;
-        cache.writeQuery((0, _objectSpread2.default)((0, _objectSpread2.default)({}, gqlParams), {}, {
-          data: {
-            listContentModelGroups: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, listContentModelGroups), {}, {
-              data: [data.contentModelGroup.data].concat((0, _toConsumableArray2.default)(listContentModelGroups.data))
-            })
-          }
-        }));
+  const [create, createMutation] = useMutation(GQL.CREATE_CONTENT_MODEL_GROUP, {
+    update(cache, {
+      data
+    }) {
+      if (!data || data.contentModelGroup.error) {
+        return;
+      }
+      const gqlParams = {
+        query: GQL.LIST_CONTENT_MODEL_GROUPS
+      };
+      const result = cache.readQuery(gqlParams);
+      if (!result || !result.listContentModelGroups) {
+        return;
       }
-    }),
-    _useMutation2 = (0, _slicedToArray2.default)(_useMutation, 2),
-    create = _useMutation2[0],
-    createMutation = _useMutation2[1];
-  var _useMutation3 = (0, _hooks.useMutation)(GQL.UPDATE_CONTENT_MODEL_GROUP),
-    _useMutation4 = (0, _slicedToArray2.default)(_useMutation3, 2),
-    update = _useMutation4[0],
-    updateMutation = _useMutation4[1];
-  var loading = [getQuery, createMutation, updateMutation].find(function (item) {
-    return item.loading;
+      const {
+        listContentModelGroups
+      } = result;
+      cache.writeQuery({
+        ...gqlParams,
+        data: {
+          listContentModelGroups: {
+            ...listContentModelGroups,
+            data: [data.contentModelGroup.data, ...listContentModelGroups.data]
+          }
+        }
+      });
+    }
   });
-  var createOperation = (0, _react.useCallback)(function (group) {
+  const [update, updateMutation] = useMutation(GQL.UPDATE_CONTENT_MODEL_GROUP);
+  const loading = [getQuery, createMutation, updateMutation].find(item => item.loading);
+  const createOperation = useCallback(group => {
     if (!group.id) {
       return create({
+        refetchQueries: ["CmsListMenuContentGroupsModels"],
         variables: {
           data: {
             name: group.name,
+            slug: group.slug,
             description: group.description,
             icon: group.icon
           }
@@ -123,6 +98,7 @@ var ContentModelGroupsForm = function ContentModelGroupsForm(_ref) {
       });
     }
     return update({
+      refetchQueries: ["CmsListMenuContentGroupsModels"],
       variables: {
         id: group.id,
         data: {
@@ -133,18 +109,19 @@ var ContentModelGroupsForm = function ContentModelGroupsForm(_ref) {
       }
     });
   }, [create, update]);
-  var onSubmit = (0, _react.useCallback)(async function (group) {
+  const onSubmit = useCallback(async group => {
     /**
      * Create or update, depends if group object has id property
      */
-    var response = await createOperation(group);
+    const response = await createOperation(group);
     if (!response.data) {
-      showSnackbar("Missing response data ain Content Model Group Mutation Response.");
+      showSnackbar(`Missing response data ain Content Model Group Mutation Response.`);
       return;
     }
-    var _response$data$conten = response.data.contentModelGroup,
-      data = _response$data$conten.data,
-      error = _response$data$conten.error;
+    const {
+      data,
+      error
+    } = response.data.contentModelGroup;
     if (error) {
       showSnackbar(error.message);
       return;
@@ -153,82 +130,113 @@ var ContentModelGroupsForm = function ContentModelGroupsForm(_ref) {
      * Redirect to a new group
      */
     if (!group.id) {
-      history.push("/cms/content-model-groups?id=".concat(data.id));
+      goToRoute(Routes.ContentModelGroups.List, {
+        id: data.id
+      });
     }
-    showSnackbar(t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Content model group saved successfully!"]))));
+    showSnackbar(t`Content model group saved successfully!`);
   }, [id]);
-  var data = getQuery.loading ? null : (0, _get.default)(getQuery, "data.contentModelGroup.data", null);
-  var showEmptyView = !newEntry && !loading && (0, _isEmpty.default)(data);
+  const data = getQuery.loading ? null : get(getQuery, "data.contentModelGroup.data", null);
+  const showEmptyView = !newEntry && !loading && isEmpty(data);
   // Render "No content selected" view.
   if (showEmptyView) {
-    return /*#__PURE__*/_react.default.createElement(_EmptyView.default, {
-      title: t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["Click on the left side list to display group details {message}"])))({
+    return /*#__PURE__*/React.createElement(EmptyView, {
+      icon: /*#__PURE__*/React.createElement(DevicesIcon, null),
+      title: t`Click on the left side list to display group details {message}`({
         message: canCreate ? "or create a..." : ""
       }),
-      action: canCreate ? /*#__PURE__*/_react.default.createElement(_Button.ButtonDefault, {
+      action: canCreate ? /*#__PURE__*/React.createElement(Button, {
+        text: t`New Group`,
+        icon: /*#__PURE__*/React.createElement(AddIcon, null),
         "data-testid": "new-record-button",
-        onClick: function onClick() {
-          return history.push("/cms/content-model-groups?new=true");
+        onClick: () => {
+          goToRoute(Routes.ContentModelGroups.List, {
+            new: true
+          });
         }
-      }, /*#__PURE__*/_react.default.createElement(_Button.ButtonIcon, {
-        icon: /*#__PURE__*/_react.default.createElement(_add18px.ReactComponent, null)
-      }), " ", t(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["New Group"])))) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null)
+      }) : /*#__PURE__*/React.createElement(React.Fragment, null)
     });
   }
-  return /*#__PURE__*/_react.default.createElement(_form.Form, {
+  return /*#__PURE__*/React.createElement(Form, {
     onSubmit: onSubmit,
     data: data || {
       icon: "fas/star"
     }
-  }, function (_ref3) {
-    var data = _ref3.data,
-      form = _ref3.form,
-      Bind = _ref3.Bind;
-    return /*#__PURE__*/_react.default.createElement(_SimpleForm.SimpleForm, {
-      "data-testid": "pb-content-model-groups-form"
-    }, /*#__PURE__*/_react.default.createElement(_SimpleForm.SimpleFormHeader, {
-      title: data.name ? data.name : t(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["New content model group"])))
-    }), loading && /*#__PURE__*/_react.default.createElement(_Progress.CircularProgress, null), /*#__PURE__*/_react.default.createElement(_SimpleForm.SimpleFormContent, null, /*#__PURE__*/_react.default.createElement(_Grid.Grid, null, /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
-      span: 12
-    }, /*#__PURE__*/_react.default.createElement(Bind, {
-      name: "name",
-      validators: _validation.validation.create("required,maxLength:100")
-    }, /*#__PURE__*/_react.default.createElement(_Input.Input, {
-      "data-testid": "cms.form.group.name",
-      label: t(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["Name"])))
-    }))), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
-      span: 12
-    }, /*#__PURE__*/_react.default.createElement(Bind, {
-      name: "icon",
-      validators: _validation.validation.create("required")
-    }, /*#__PURE__*/_react.default.createElement(_IconPicker.IconPicker, {
-      label: t(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["Group icon"]))),
-      description: t(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["Icon that will be displayed in the main menu."])))
-    }))), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
-      span: 12
-    }, /*#__PURE__*/_react.default.createElement(Bind, {
-      name: "description"
-    }, /*#__PURE__*/_react.default.createElement(_Input.Input, {
-      "data-testid": "cms.form.group.description",
-      rows: 5,
-      label: t(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["Description"])))
-    }))))), /*#__PURE__*/_react.default.createElement(_SimpleForm.SimpleFormFooter, null, /*#__PURE__*/_react.default.createElement(ButtonWrapper, null, /*#__PURE__*/_react.default.createElement(_Button.ButtonDefault, {
-      onClick: function onClick() {
-        return history.push("/cms/content-model-groups");
-      }
-    }, t(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2.default)(["Cancel"])))), canEdit(data, "cms.contentModelGroup") && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, !data.plugin ? /*#__PURE__*/_react.default.createElement(_Button.ButtonPrimary, {
-      onClick: function onClick(ev) {
-        form.submit(ev);
-      },
-      "data-testid": "cms.form.group.submit"
-    }, t(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2.default)(["Save content model group"])))) : /*#__PURE__*/_react.default.createElement(_Tooltip.Tooltip, {
-      content: "Content model group is registered via a plugin.",
-      placement: "bottom"
-    }, /*#__PURE__*/_react.default.createElement(_Button.ButtonPrimary, {
-      disabled: true
-    }, t(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteral2.default)(["Save content model group"])))))))));
-  });
+  }, ({
+    data,
+    form
+  }) => /*#__PURE__*/React.createElement(SimpleForm, {
+    "data-testid": "pb-content-model-groups-form"
+  }, /*#__PURE__*/React.createElement(SimpleFormHeader, {
+    title: data.name ? data.name : t`New content model group`
+  }), loading && /*#__PURE__*/React.createElement(OverlayLoader, null), /*#__PURE__*/React.createElement(SimpleFormContent, null, /*#__PURE__*/React.createElement(FormContent, {
+    newEntry: newEntry
+  })), /*#__PURE__*/React.createElement(SimpleFormFooter, null, /*#__PURE__*/React.createElement(Button, {
+    variant: "secondary",
+    text: t`Cancel`,
+    onClick: () => {
+      goToRoute(Routes.ContentModelGroups.List);
+    }
+  }), canEdit(data, "cms.contentModelGroup") && /*#__PURE__*/React.createElement(React.Fragment, null, !data.plugin ? /*#__PURE__*/React.createElement(Button, {
+    variant: "primary",
+    text: t`Save`,
+    onClick: form.submit,
+    "data-testid": "cms.form.group.submit"
+  }) : /*#__PURE__*/React.createElement(Tooltip, {
+    content: "Content model group is registered via a plugin.",
+    placement: "bottom"
+  }, /*#__PURE__*/React.createElement(Button, {
+    disabled: true,
+    variant: "primary",
+    text: t`Save`,
+    "data-testid": "cms.form.group.submit"
+  }))))));
+};
+const FormContent = ({
+  newEntry
+}) => {
+  const form = useForm();
+  const {
+    generateSlug
+  } = useGenerateSlug(form, "name", "slug");
+  return /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Grid.Column, {
+    span: 12
+  }, /*#__PURE__*/React.createElement(Bind, {
+    name: "name",
+    validators: validation.create("required,maxLength:100")
+  }, /*#__PURE__*/React.createElement(Input, {
+    "data-testid": "cms.form.group.name",
+    label: t`Name`,
+    onBlur: generateSlug,
+    required: true
+  }))), /*#__PURE__*/React.createElement(Grid.Column, {
+    span: 12
+  }, /*#__PURE__*/React.createElement(Bind, {
+    name: "slug",
+    validators: [validation.create("required,slug")]
+  }, /*#__PURE__*/React.createElement(Input, {
+    label: "Slug",
+    required: true,
+    disabled: !newEntry
+  }))), /*#__PURE__*/React.createElement(Grid.Column, {
+    span: 12
+  }, /*#__PURE__*/React.createElement(Bind, {
+    name: "icon",
+    validators: validation.create("required")
+  }, /*#__PURE__*/React.createElement(IconPicker, {
+    label: t`Group icon`,
+    description: t`Icon that will be displayed in the main menu.`
+  }))), /*#__PURE__*/React.createElement(Grid.Column, {
+    span: 12
+  }, /*#__PURE__*/React.createElement(Bind, {
+    name: "description",
+    defaultValue: ""
+  }, /*#__PURE__*/React.createElement(Textarea, {
+    "data-testid": "cms.form.group.description",
+    rows: 5,
+    label: t`Description`
+  }))));
 };
-var _default = exports.default = ContentModelGroupsForm;
+export default ContentModelGroupsForm;
 
 //# sourceMappingURL=ContentModelGroupsForm.js.map

package/admin/views/contentModelGroups/ContentModelGroupsForm.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_isEmpty","_interopRequireDefault","_get","_form","_Grid","_Input","_Button","_Progress","_i18n","_validation","_SimpleForm","_IconPicker","_reactRouter","_useSnackbar2","_EmptyView","_add18px","_hooks","GQL","_usePermission2","_Tooltip","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","_templateObject9","_templateObject10","_templateObject11","_EMOTION_STRINGIFIED_CSS_ERROR__","t","i18n","ns","ButtonWrapper","_base","default","process","env","NODE_ENV","target","label","name","styles","map","toString","ContentModelGroupsForm","_ref","canCreate","_useRouter","useRouter","location","history","_useSnackbar","useSnackbar","showSnackbar","_usePermission","usePermission","canEdit","newEntry","URLSearchParams","search","get","id","getQuery","useQuery","GET_CONTENT_MODEL_GROUP","variables","skip","onCompleted","data","error","contentModelGroup","push","message","_useMutation","useMutation","CREATE_CONTENT_MODEL_GROUP","update","cache","_ref2","gqlParams","query","LIST_CONTENT_MODEL_GROUPS","result","readQuery","listContentModelGroups","writeQuery","_objectSpread2","concat","_toConsumableArray2","_useMutation2","_slicedToArray2","create","createMutation","_useMutation3","UPDATE_CONTENT_MODEL_GROUP","_useMutation4","updateMutation","loading","find","item","createOperation","useCallback","group","description","icon","onSubmit","response","_response$data$conten","_taggedTemplateLiteral2","showEmptyView","isEmpty","createElement","title","action","ButtonDefault","onClick","ButtonIcon","ReactComponent","Fragment","Form","_ref3","form","Bind","SimpleForm","SimpleFormHeader","CircularProgress","SimpleFormContent","Grid","Cell","span","validators","validation","Input","IconPicker","rows","SimpleFormFooter","plugin","ButtonPrimary","ev","submit","Tooltip","content","placement","disabled","_default","exports"],"sources":["ContentModelGroupsForm.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport styled from \"@emotion/styled\";\nimport isEmpty from \"lodash/isEmpty\";\nimport get from \"lodash/get\";\nimport { Form, FormRenderPropParams } from \"@webiny/form\";\nimport { Grid, Cell } from \"@webiny/ui/Grid\";\nimport { Input } from \"@webiny/ui/Input\";\nimport { ButtonDefault, ButtonIcon, ButtonPrimary } from \"@webiny/ui/Button\";\nimport { CircularProgress } from \"@webiny/ui/Progress\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { validation } from \"@webiny/validation\";\n\nimport {\n    SimpleFormHeader,\n    SimpleForm,\n    SimpleFormFooter,\n    SimpleFormContent\n} from \"@webiny/app-admin/components/SimpleForm\";\nimport { IconPicker } from \"~/admin/components/IconPicker\";\nimport { useRouter } from \"@webiny/react-router\";\nimport { useSnackbar } from \"@webiny/app-admin/hooks/useSnackbar\";\nimport EmptyView from \"@webiny/app-admin/components/EmptyView\";\nimport { ReactComponent as AddIcon } from \"@webiny/app-admin/assets/icons/add-18px.svg\";\nimport { useMutation, useQuery } from \"../../hooks\";\nimport * as GQL from \"./graphql\";\nimport usePermission from \"../../hooks/usePermission\";\nimport { Tooltip } from \"@webiny/ui/Tooltip\";\nimport {\n    CmsGroup,\n    CreateCmsGroupMutationResponse,\n    CreateCmsGroupMutationVariables,\n    GetCmsGroupQueryResponse,\n    GetCmsGroupQueryVariables,\n    ListCmsGroupsQueryResponse,\n    UpdateCmsGroupMutationResponse,\n    UpdateCmsGroupMutationVariables\n} from \"./graphql\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/content-model-groups/form\");\nconst ButtonWrapper = styled(\"div\")({\n    display: \"flex\",\n    justifyContent: \"space-between\"\n});\n\ninterface ContentModelGroupsFormProps {\n    canCreate: boolean;\n}\nconst ContentModelGroupsForm = ({ canCreate }: ContentModelGroupsFormProps) => {\n    const { location, history } = useRouter();\n    const { showSnackbar } = useSnackbar();\n    const { canEdit } = usePermission();\n\n    const newEntry = new URLSearchParams(location.search).get(\"new\") === \"true\";\n    const id = new URLSearchParams(location.search).get(\"id\");\n\n    const getQuery = useQuery<GetCmsGroupQueryResponse, GetCmsGroupQueryVariables>(\n        GQL.GET_CONTENT_MODEL_GROUP,\n        {\n            variables: {\n                id: id as string\n            },\n            skip: !id,\n            onCompleted: data => {\n                if (!data) {\n                    return;\n                }\n\n                const { error } = data.contentModelGroup;\n                if (error) {\n                    history.push(\"/cms/content-model-group\");\n                    showSnackbar(error.message);\n                }\n            }\n        }\n    );\n\n    // Create a new group and update list cache\n    const [create, createMutation] = useMutation<\n        CreateCmsGroupMutationResponse,\n        CreateCmsGroupMutationVariables\n    >(GQL.CREATE_CONTENT_MODEL_GROUP, {\n        update(cache, { data }) {\n            if (!data || data.contentModelGroup.error) {\n                return;\n            }\n\n            const gqlParams = {\n                query: GQL.LIST_CONTENT_MODEL_GROUPS\n            };\n            const result = cache.readQuery<ListCmsGroupsQueryResponse>(gqlParams);\n            if (!result || !result.listContentModelGroups) {\n                return;\n            }\n            const { listContentModelGroups } = result;\n            cache.writeQuery({\n                ...gqlParams,\n                data: {\n                    listContentModelGroups: {\n                        ...listContentModelGroups,\n                        data: [data.contentModelGroup.data, ...listContentModelGroups.data]\n                    }\n                }\n            });\n        }\n    });\n    const [update, updateMutation] = useMutation<\n        UpdateCmsGroupMutationResponse,\n        UpdateCmsGroupMutationVariables\n    >(GQL.UPDATE_CONTENT_MODEL_GROUP);\n\n    const loading = [getQuery, createMutation, updateMutation].find(item => item.loading);\n\n    const createOperation = useCallback(\n        (group: Partial<CmsGroup>) => {\n            if (!group.id) {\n                return create({\n                    variables: {\n                        data: {\n                            name: group.name,\n                            description: group.description,\n                            icon: group.icon\n                        }\n                    }\n                });\n            }\n            return update({\n                variables: {\n                    id: group.id,\n                    data: {\n                        name: group.name,\n                        description: group.description,\n                        icon: group.icon\n                    }\n                }\n            });\n        },\n        [create, update]\n    );\n\n    const onSubmit = useCallback(\n        async (group: Partial<CmsGroup>): Promise<void> => {\n            /**\n             * Create or update, depends if group object has id property\n             */\n            const response = await createOperation(group);\n            if (!response.data) {\n                showSnackbar(`Missing response data ain Content Model Group Mutation Response.`);\n                return;\n            }\n\n            const { data, error } = response.data.contentModelGroup;\n            if (error) {\n                showSnackbar(error.message);\n                return;\n            }\n            /**\n             * Redirect to a new group\n             */\n            if (!group.id) {\n                history.push(`/cms/content-model-groups?id=${data.id}`);\n            }\n            showSnackbar(t`Content model group saved successfully!`);\n        },\n        [id]\n    );\n\n    const data: CmsGroup | null = getQuery.loading\n        ? null\n        : get(getQuery, \"data.contentModelGroup.data\", null);\n\n    const showEmptyView = !newEntry && !loading && isEmpty(data);\n    // Render \"No content selected\" view.\n    if (showEmptyView) {\n        return (\n            <EmptyView\n                title={t`Click on the left side list to display group details {message}`({\n                    message: canCreate ? \"or create a...\" : \"\"\n                })}\n                action={\n                    canCreate ? (\n                        <ButtonDefault\n                            data-testid=\"new-record-button\"\n                            onClick={() => history.push(\"/cms/content-model-groups?new=true\")}\n                        >\n                            <ButtonIcon icon={<AddIcon />} /> {t`New Group`}\n                        </ButtonDefault>\n                    ) : (\n                        <></>\n                    )\n                }\n            />\n        );\n    }\n\n    return (\n        <Form onSubmit={onSubmit} data={data || { icon: \"fas/star\" }}>\n            {({ data, form, Bind }: FormRenderPropParams<CmsGroup>) => (\n                <SimpleForm data-testid={\"pb-content-model-groups-form\"}>\n                    <SimpleFormHeader title={data.name ? data.name : t`New content model group`} />\n                    {loading && <CircularProgress />}\n                    <SimpleFormContent>\n                        <Grid>\n                            <Cell span={12}>\n                                <Bind\n                                    name=\"name\"\n                                    validators={validation.create(\"required,maxLength:100\")}\n                                >\n                                    <Input data-testid={\"cms.form.group.name\"} label={t`Name`} />\n                                </Bind>\n                            </Cell>\n\n                            <Cell span={12}>\n                                <Bind name=\"icon\" validators={validation.create(\"required\")}>\n                                    <IconPicker\n                                        label={t`Group icon`}\n                                        description={t`Icon that will be displayed in the main menu.`}\n                                    />\n                                </Bind>\n                            </Cell>\n                            <Cell span={12}>\n                                <Bind name=\"description\">\n                                    <Input\n                                        data-testid={\"cms.form.group.description\"}\n                                        rows={5}\n                                        label={t`Description`}\n                                    />\n                                </Bind>\n                            </Cell>\n                        </Grid>\n                    </SimpleFormContent>\n                    <SimpleFormFooter>\n                        <ButtonWrapper>\n                            <ButtonDefault\n                                onClick={() => history.push(\"/cms/content-model-groups\")}\n                            >{t`Cancel`}</ButtonDefault>\n\n                            {canEdit(data, \"cms.contentModelGroup\") && (\n                                <React.Fragment>\n                                    {!data.plugin ? (\n                                        <ButtonPrimary\n                                            onClick={ev => {\n                                                form.submit(ev);\n                                            }}\n                                            data-testid={\"cms.form.group.submit\"}\n                                        >{t`Save content model group`}</ButtonPrimary>\n                                    ) : (\n                                        <Tooltip\n                                            content={\n                                                \"Content model group is registered via a plugin.\"\n                                            }\n                                            placement={\"bottom\"}\n                                        >\n                                            <ButtonPrimary\n                                                disabled\n                                            >{t`Save content model group`}</ButtonPrimary>\n                                        </Tooltip>\n                                    )}\n                                </React.Fragment>\n                            )}\n                        </ButtonWrapper>\n                    </SimpleFormFooter>\n                </SimpleForm>\n            )}\n        </Form>\n    );\n};\n\nexport default ContentModelGroupsForm;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useCallback","isEmpty","get","Bind","useForm","useGenerateSlug","ReactComponent","DevicesIcon","Form","i18n","validation","useRoute","useRouter","useSnackbar","EmptyView","SimpleFormHeader","SimpleForm","SimpleFormFooter","SimpleFormContent","IconPicker","AddIcon","useMutation","useQuery","GQL","usePermission","Tooltip","Button","Grid","Input","OverlayLoader","Textarea","Routes","t","ns","ContentModelGroupsForm","canCreate","goToRoute","route","ContentModelGroups","List","showSnackbar","canEdit","newEntry","params","new","id","getQuery","GET_CONTENT_MODEL_GROUP","variables","skip","onCompleted","data","error","contentModelGroup","message","create","createMutation","CREATE_CONTENT_MODEL_GROUP","update","cache","gqlParams","query","LIST_CONTENT_MODEL_GROUPS","result","readQuery","listContentModelGroups","writeQuery","updateMutation","UPDATE_CONTENT_MODEL_GROUP","loading","find","item","createOperation","group","refetchQueries","name","slug","description","icon","onSubmit","response","showEmptyView","createElement","title","action","text","onClick","Fragment","form","FormContent","variant","plugin","submit","content","placement","disabled","generateSlug","Column","span","validators","label","onBlur","required","defaultValue","rows"],"sources":["ContentModelGroupsForm.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport isEmpty from \"lodash/isEmpty.js\";\nimport get from \"lodash/get.js\";\nimport { Bind, type FormRenderPropParams, useForm, useGenerateSlug } from \"@webiny/form\";\nimport { ReactComponent as DevicesIcon } from \"@webiny/icons/devices_other.svg\";\nimport { Form } from \"@webiny/form\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport { validation } from \"@webiny/validation\";\n\nimport {\n    useRoute,\n    useRouter,\n    useSnackbar,\n    EmptyView,\n    SimpleFormHeader,\n    SimpleForm,\n    SimpleFormFooter,\n    SimpleFormContent\n} from \"@webiny/app-admin\";\nimport { IconPicker } from \"~/admin/components/IconPicker.js\";\nimport { ReactComponent as AddIcon } from \"@webiny/app-admin/assets/icons/add-18px.svg\";\nimport { useMutation, useQuery } from \"../../hooks/index.js\";\nimport * as GQL from \"./graphql.js\";\nimport { usePermission } from \"~/admin/hooks/index.js\";\nimport { Tooltip } from \"@webiny/ui/Tooltip/index.js\";\nimport type {\n    CmsGroup,\n    CreateCmsGroupMutationResponse,\n    CreateCmsGroupMutationVariables,\n    GetCmsGroupQueryResponse,\n    GetCmsGroupQueryVariables,\n    ListCmsGroupsQueryResponse,\n    UpdateCmsGroupMutationResponse,\n    UpdateCmsGroupMutationVariables\n} from \"./graphql.js\";\nimport { Button, Grid, Input, OverlayLoader, Textarea } from \"@webiny/admin-ui\";\nimport { Routes } from \"~/routes.js\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/content-model-groups/form\");\n\ninterface ContentModelGroupsFormProps {\n    canCreate: boolean;\n}\nconst ContentModelGroupsForm = ({ canCreate }: ContentModelGroupsFormProps) => {\n    const { goToRoute } = useRouter();\n    const { route } = useRoute(Routes.ContentModelGroups.List);\n    const { showSnackbar } = useSnackbar();\n    const { canEdit } = usePermission();\n\n    const newEntry = route.params.new === true;\n    const id = route.params.id;\n\n    const getQuery = useQuery<GetCmsGroupQueryResponse, GetCmsGroupQueryVariables>(\n        GQL.GET_CONTENT_MODEL_GROUP,\n        {\n            variables: {\n                id: id as string\n            },\n            skip: !id,\n            onCompleted: data => {\n                if (!data) {\n                    return;\n                }\n\n                const { error } = data.contentModelGroup;\n                if (error) {\n                    goToRoute(Routes.ContentModelGroups.List);\n                    showSnackbar(error.message);\n                }\n            }\n        }\n    );\n\n    // Create a new group and update list cache\n    const [create, createMutation] = useMutation<\n        CreateCmsGroupMutationResponse,\n        CreateCmsGroupMutationVariables\n    >(GQL.CREATE_CONTENT_MODEL_GROUP, {\n        update(cache, { data }) {\n            if (!data || data.contentModelGroup.error) {\n                return;\n            }\n\n            const gqlParams = {\n                query: GQL.LIST_CONTENT_MODEL_GROUPS\n            };\n            const result = cache.readQuery<ListCmsGroupsQueryResponse>(gqlParams);\n            if (!result || !result.listContentModelGroups) {\n                return;\n            }\n            const { listContentModelGroups } = result;\n            cache.writeQuery({\n                ...gqlParams,\n                data: {\n                    listContentModelGroups: {\n                        ...listContentModelGroups,\n                        data: [data.contentModelGroup.data, ...listContentModelGroups.data]\n                    }\n                }\n            });\n        }\n    });\n    const [update, updateMutation] = useMutation<\n        UpdateCmsGroupMutationResponse,\n        UpdateCmsGroupMutationVariables\n    >(GQL.UPDATE_CONTENT_MODEL_GROUP);\n\n    const loading = [getQuery, createMutation, updateMutation].find(item => item.loading);\n\n    const createOperation = useCallback(\n        (group: Partial<CmsGroup>) => {\n            if (!group.id) {\n                return create({\n                    refetchQueries: [\"CmsListMenuContentGroupsModels\"],\n                    variables: {\n                        data: {\n                            name: group.name,\n                            slug: group.slug,\n                            description: group.description,\n                            icon: group.icon\n                        }\n                    }\n                });\n            }\n            return update({\n                refetchQueries: [\"CmsListMenuContentGroupsModels\"],\n                variables: {\n                    id: group.id,\n                    data: {\n                        name: group.name,\n                        description: group.description,\n                        icon: group.icon\n                    }\n                }\n            });\n        },\n        [create, update]\n    );\n\n    const onSubmit = useCallback(\n        async (group: Partial<CmsGroup>): Promise<void> => {\n            /**\n             * Create or update, depends if group object has id property\n             */\n            const response = await createOperation(group);\n            if (!response.data) {\n                showSnackbar(`Missing response data ain Content Model Group Mutation Response.`);\n                return;\n            }\n\n            const { data, error } = response.data.contentModelGroup;\n            if (error) {\n                showSnackbar(error.message);\n                return;\n            }\n            /**\n             * Redirect to a new group\n             */\n            if (!group.id) {\n                goToRoute(Routes.ContentModelGroups.List, { id: data.id });\n            }\n            showSnackbar(t`Content model group saved successfully!`);\n        },\n        [id]\n    );\n\n    const data: CmsGroup | null = getQuery.loading\n        ? null\n        : get(getQuery, \"data.contentModelGroup.data\", null);\n\n    const showEmptyView = !newEntry && !loading && isEmpty(data);\n    // Render \"No content selected\" view.\n    if (showEmptyView) {\n        return (\n            <EmptyView\n                icon={<DevicesIcon />}\n                title={t`Click on the left side list to display group details {message}`({\n                    message: canCreate ? \"or create a...\" : \"\"\n                })}\n                action={\n                    canCreate ? (\n                        <Button\n                            text={t`New Group`}\n                            icon={<AddIcon />}\n                            data-testid=\"new-record-button\"\n                            onClick={() => {\n                                goToRoute(Routes.ContentModelGroups.List, { new: true });\n                            }}\n                        />\n                    ) : (\n                        <></>\n                    )\n                }\n            />\n        );\n    }\n\n    return (\n        <Form onSubmit={onSubmit} data={data || { icon: \"fas/star\" }}>\n            {({ data, form }: FormRenderPropParams<CmsGroup>) => (\n                <SimpleForm data-testid={\"pb-content-model-groups-form\"}>\n                    <SimpleFormHeader title={data.name ? data.name : t`New content model group`} />\n                    {loading && <OverlayLoader />}\n                    <SimpleFormContent>\n                        <FormContent newEntry={newEntry} />\n                    </SimpleFormContent>\n                    <SimpleFormFooter>\n                        <Button\n                            variant={\"secondary\"}\n                            text={t`Cancel`}\n                            onClick={() => {\n                                goToRoute(Routes.ContentModelGroups.List);\n                            }}\n                        />\n\n                        {canEdit(data, \"cms.contentModelGroup\") && (\n                            <React.Fragment>\n                                {!data.plugin ? (\n                                    <Button\n                                        variant={\"primary\"}\n                                        text={t`Save`}\n                                        onClick={form.submit}\n                                        data-testid={\"cms.form.group.submit\"}\n                                    />\n                                ) : (\n                                    <Tooltip\n                                        content={\"Content model group is registered via a plugin.\"}\n                                        placement={\"bottom\"}\n                                    >\n                                        <Button\n                                            disabled\n                                            variant={\"primary\"}\n                                            text={t`Save`}\n                                            data-testid={\"cms.form.group.submit\"}\n                                        />\n                                    </Tooltip>\n                                )}\n                            </React.Fragment>\n                        )}\n                    </SimpleFormFooter>\n                </SimpleForm>\n            )}\n        </Form>\n    );\n};\n\ninterface FormContentProps {\n    newEntry: boolean;\n}\n\nconst FormContent = ({ newEntry }: FormContentProps) => {\n    const form = useForm();\n    const { generateSlug } = useGenerateSlug(form, \"name\", \"slug\");\n\n    return (\n        <Grid>\n            <Grid.Column span={12}>\n                <Bind name=\"name\" validators={validation.create(\"required,maxLength:100\")}>\n                    <Input\n                        data-testid={\"cms.form.group.name\"}\n                        label={t`Name`}\n                        onBlur={generateSlug}\n                        required\n                    />\n                </Bind>\n            </Grid.Column>\n            <Grid.Column span={12}>\n                <Bind name={\"slug\"} validators={[validation.create(\"required,slug\")]}>\n                    <Input label={\"Slug\"} required disabled={!newEntry} />\n                </Bind>\n            </Grid.Column>\n\n            <Grid.Column span={12}>\n                <Bind name=\"icon\" validators={validation.create(\"required\")}>\n                    <IconPicker\n                        label={t`Group icon`}\n                        description={t`Icon that will be displayed in the main menu.`}\n                    />\n                </Bind>\n            </Grid.Column>\n            <Grid.Column span={12}>\n                <Bind name=\"description\" defaultValue={\"\"}>\n                    <Textarea\n                        data-testid={\"cms.form.group.description\"}\n                        rows={5}\n                        label={t`Description`}\n                    />\n                </Bind>\n            </Grid.Column>\n        </Grid>\n    );\n};\n\nexport default ContentModelGroupsForm;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,QAAQ,OAAO;AAC1C,OAAOC,OAAO,MAAM,mBAAmB;AACvC,OAAOC,GAAG,MAAM,eAAe;AAC/B,SAASC,IAAI,EAA6BC,OAAO,EAAEC,eAAe,QAAQ,cAAc;AACxF,SAASC,cAAc,IAAIC,WAAW,QAAQ,iCAAiC;AAC/E,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,IAAI,QAAQ,2BAA2B;AAChD,SAASC,UAAU,QAAQ,oBAAoB;AAE/C,SACIC,QAAQ,EACRC,SAAS,EACTC,WAAW,EACXC,SAAS,EACTC,gBAAgB,EAChBC,UAAU,EACVC,gBAAgB,EAChBC,iBAAiB,QACd,mBAAmB;AAC1B,SAASC,UAAU;AACnB,SAASb,cAAc,IAAIc,OAAO,QAAQ,6CAA6C;AACvF,SAASC,WAAW,EAAEC,QAAQ;AAC9B,OAAO,KAAKC,GAAG;AACf,SAASC,aAAa;AACtB,SAASC,OAAO,QAAQ,6BAA6B;AAWrD,SAASC,MAAM,EAAEC,IAAI,EAAEC,KAAK,EAAEC,aAAa,EAAEC,QAAQ,QAAQ,kBAAkB;AAC/E,SAASC,MAAM;AAEf,MAAMC,CAAC,GAAGvB,IAAI,CAACwB,EAAE,CAAC,kDAAkD,CAAC;AAKrE,MAAMC,sBAAsB,GAAGA,CAAC;EAAEC;AAAuC,CAAC,KAAK;EAC3E,MAAM;IAAEC;EAAU,CAAC,GAAGxB,SAAS,CAAC,CAAC;EACjC,MAAM;IAAEyB;EAAM,CAAC,GAAG1B,QAAQ,CAACoB,MAAM,CAACO,kBAAkB,CAACC,IAAI,CAAC;EAC1D,MAAM;IAAEC;EAAa,CAAC,GAAG3B,WAAW,CAAC,CAAC;EACtC,MAAM;IAAE4B;EAAQ,CAAC,GAAGjB,aAAa,CAAC,CAAC;EAEnC,MAAMkB,QAAQ,GAAGL,KAAK,CAACM,MAAM,CAACC,GAAG,KAAK,IAAI;EAC1C,MAAMC,EAAE,GAAGR,KAAK,CAACM,MAAM,CAACE,EAAE;EAE1B,MAAMC,QAAQ,GAAGxB,QAAQ,CACrBC,GAAG,CAACwB,uBAAuB,EAC3B;IACIC,SAAS,EAAE;MACPH,EAAE,EAAEA;IACR,CAAC;IACDI,IAAI,EAAE,CAACJ,EAAE;IACTK,WAAW,EAAEC,IAAI,IAAI;MACjB,IAAI,CAACA,IAAI,EAAE;QACP;MACJ;MAEA,MAAM;QAAEC;MAAM,CAAC,GAAGD,IAAI,CAACE,iBAAiB;MACxC,IAAID,KAAK,EAAE;QACPhB,SAAS,CAACL,MAAM,CAACO,kBAAkB,CAACC,IAAI,CAAC;QACzCC,YAAY,CAACY,KAAK,CAACE,OAAO,CAAC;MAC/B;IACJ;EACJ,CACJ,CAAC;;EAED;EACA,MAAM,CAACC,MAAM,EAAEC,cAAc,CAAC,GAAGnC,WAAW,CAG1CE,GAAG,CAACkC,0BAA0B,EAAE;IAC9BC,MAAMA,CAACC,KAAK,EAAE;MAAER;IAAK,CAAC,EAAE;MACpB,IAAI,CAACA,IAAI,IAAIA,IAAI,CAACE,iBAAiB,CAACD,KAAK,EAAE;QACvC;MACJ;MAEA,MAAMQ,SAAS,GAAG;QACdC,KAAK,EAAEtC,GAAG,CAACuC;MACf,CAAC;MACD,MAAMC,MAAM,GAAGJ,KAAK,CAACK,SAAS,CAA6BJ,SAAS,CAAC;MACrE,IAAI,CAACG,MAAM,IAAI,CAACA,MAAM,CAACE,sBAAsB,EAAE;QAC3C;MACJ;MACA,MAAM;QAAEA;MAAuB,CAAC,GAAGF,MAAM;MACzCJ,KAAK,CAACO,UAAU,CAAC;QACb,GAAGN,SAAS;QACZT,IAAI,EAAE;UACFc,sBAAsB,EAAE;YACpB,GAAGA,sBAAsB;YACzBd,IAAI,EAAE,CAACA,IAAI,CAACE,iBAAiB,CAACF,IAAI,EAAE,GAAGc,sBAAsB,CAACd,IAAI;UACtE;QACJ;MACJ,CAAC,CAAC;IACN;EACJ,CAAC,CAAC;EACF,MAAM,CAACO,MAAM,EAAES,cAAc,CAAC,GAAG9C,WAAW,CAG1CE,GAAG,CAAC6C,0BAA0B,CAAC;EAEjC,MAAMC,OAAO,GAAG,CAACvB,QAAQ,EAAEU,cAAc,EAAEW,cAAc,CAAC,CAACG,IAAI,CAACC,IAAI,IAAIA,IAAI,CAACF,OAAO,CAAC;EAErF,MAAMG,eAAe,GAAGxE,WAAW,CAC9ByE,KAAwB,IAAK;IAC1B,IAAI,CAACA,KAAK,CAAC5B,EAAE,EAAE;MACX,OAAOU,MAAM,CAAC;QACVmB,cAAc,EAAE,CAAC,gCAAgC,CAAC;QAClD1B,SAAS,EAAE;UACPG,IAAI,EAAE;YACFwB,IAAI,EAAEF,KAAK,CAACE,IAAI;YAChBC,IAAI,EAAEH,KAAK,CAACG,IAAI;YAChBC,WAAW,EAAEJ,KAAK,CAACI,WAAW;YAC9BC,IAAI,EAAEL,KAAK,CAACK;UAChB;QACJ;MACJ,CAAC,CAAC;IACN;IACA,OAAOpB,MAAM,CAAC;MACVgB,cAAc,EAAE,CAAC,gCAAgC,CAAC;MAClD1B,SAAS,EAAE;QACPH,EAAE,EAAE4B,KAAK,CAAC5B,EAAE;QACZM,IAAI,EAAE;UACFwB,IAAI,EAAEF,KAAK,CAACE,IAAI;UAChBE,WAAW,EAAEJ,KAAK,CAACI,WAAW;UAC9BC,IAAI,EAAEL,KAAK,CAACK;QAChB;MACJ;IACJ,CAAC,CAAC;EACN,CAAC,EACD,CAACvB,MAAM,EAAEG,MAAM,CACnB,CAAC;EAED,MAAMqB,QAAQ,GAAG/E,WAAW,CACxB,MAAOyE,KAAwB,IAAoB;IAC/C;AACZ;AACA;IACY,MAAMO,QAAQ,GAAG,MAAMR,eAAe,CAACC,KAAK,CAAC;IAC7C,IAAI,CAACO,QAAQ,CAAC7B,IAAI,EAAE;MAChBX,YAAY,CAAC,kEAAkE,CAAC;MAChF;IACJ;IAEA,MAAM;MAAEW,IAAI;MAAEC;IAAM,CAAC,GAAG4B,QAAQ,CAAC7B,IAAI,CAACE,iBAAiB;IACvD,IAAID,KAAK,EAAE;MACPZ,YAAY,CAACY,KAAK,CAACE,OAAO,CAAC;MAC3B;IACJ;IACA;AACZ;AACA;IACY,IAAI,CAACmB,KAAK,CAAC5B,EAAE,EAAE;MACXT,SAAS,CAACL,MAAM,CAACO,kBAAkB,CAACC,IAAI,EAAE;QAAEM,EAAE,EAAEM,IAAI,CAACN;MAAG,CAAC,CAAC;IAC9D;IACAL,YAAY,CAACR,CAAC,yCAAyC,CAAC;EAC5D,CAAC,EACD,CAACa,EAAE,CACP,CAAC;EAED,MAAMM,IAAqB,GAAGL,QAAQ,CAACuB,OAAO,GACxC,IAAI,GACJnE,GAAG,CAAC4C,QAAQ,EAAE,6BAA6B,EAAE,IAAI,CAAC;EAExD,MAAMmC,aAAa,GAAG,CAACvC,QAAQ,IAAI,CAAC2B,OAAO,IAAIpE,OAAO,CAACkD,IAAI,CAAC;EAC5D;EACA,IAAI8B,aAAa,EAAE;IACf,oBACIlF,KAAA,CAAAmF,aAAA,CAACpE,SAAS;MACNgE,IAAI,eAAE/E,KAAA,CAAAmF,aAAA,CAAC3E,WAAW,MAAE,CAAE;MACtB4E,KAAK,EAAEnD,CAAC,gEAAgE,CAAC;QACrEsB,OAAO,EAAEnB,SAAS,GAAG,gBAAgB,GAAG;MAC5C,CAAC,CAAE;MACHiD,MAAM,EACFjD,SAAS,gBACLpC,KAAA,CAAAmF,aAAA,CAACxD,MAAM;QACH2D,IAAI,EAAErD,CAAC,WAAY;QACnB8C,IAAI,eAAE/E,KAAA,CAAAmF,aAAA,CAAC9D,OAAO,MAAE,CAAE;QAClB,eAAY,mBAAmB;QAC/BkE,OAAO,EAAEA,CAAA,KAAM;UACXlD,SAAS,CAACL,MAAM,CAACO,kBAAkB,CAACC,IAAI,EAAE;YAAEK,GAAG,EAAE;UAAK,CAAC,CAAC;QAC5D;MAAE,CACL,CAAC,gBAEF7C,KAAA,CAAAmF,aAAA,CAAAnF,KAAA,CAAAwF,QAAA,MAAI;IAEX,CACJ,CAAC;EAEV;EAEA,oBACIxF,KAAA,CAAAmF,aAAA,CAAC1E,IAAI;IAACuE,QAAQ,EAAEA,QAAS;IAAC5B,IAAI,EAAEA,IAAI,IAAI;MAAE2B,IAAI,EAAE;IAAW;EAAE,GACxD,CAAC;IAAE3B,IAAI;IAAEqC;EAAqC,CAAC,kBAC5CzF,KAAA,CAAAmF,aAAA,CAAClE,UAAU;IAAC,eAAa;EAA+B,gBACpDjB,KAAA,CAAAmF,aAAA,CAACnE,gBAAgB;IAACoE,KAAK,EAAEhC,IAAI,CAACwB,IAAI,GAAGxB,IAAI,CAACwB,IAAI,GAAG3C,CAAC;EAA0B,CAAE,CAAC,EAC9EqC,OAAO,iBAAItE,KAAA,CAAAmF,aAAA,CAACrD,aAAa,MAAE,CAAC,eAC7B9B,KAAA,CAAAmF,aAAA,CAAChE,iBAAiB,qBACdnB,KAAA,CAAAmF,aAAA,CAACO,WAAW;IAAC/C,QAAQ,EAAEA;EAAS,CAAE,CACnB,CAAC,eACpB3C,KAAA,CAAAmF,aAAA,CAACjE,gBAAgB,qBACblB,KAAA,CAAAmF,aAAA,CAACxD,MAAM;IACHgE,OAAO,EAAE,WAAY;IACrBL,IAAI,EAAErD,CAAC,QAAS;IAChBsD,OAAO,EAAEA,CAAA,KAAM;MACXlD,SAAS,CAACL,MAAM,CAACO,kBAAkB,CAACC,IAAI,CAAC;IAC7C;EAAE,CACL,CAAC,EAEDE,OAAO,CAACU,IAAI,EAAE,uBAAuB,CAAC,iBACnCpD,KAAA,CAAAmF,aAAA,CAACnF,KAAK,CAACwF,QAAQ,QACV,CAACpC,IAAI,CAACwC,MAAM,gBACT5F,KAAA,CAAAmF,aAAA,CAACxD,MAAM;IACHgE,OAAO,EAAE,SAAU;IACnBL,IAAI,EAAErD,CAAC,MAAO;IACdsD,OAAO,EAAEE,IAAI,CAACI,MAAO;IACrB,eAAa;EAAwB,CACxC,CAAC,gBAEF7F,KAAA,CAAAmF,aAAA,CAACzD,OAAO;IACJoE,OAAO,EAAE,iDAAkD;IAC3DC,SAAS,EAAE;EAAS,gBAEpB/F,KAAA,CAAAmF,aAAA,CAACxD,MAAM;IACHqE,QAAQ;IACRL,OAAO,EAAE,SAAU;IACnBL,IAAI,EAAErD,CAAC,MAAO;IACd,eAAa;EAAwB,CACxC,CACI,CAED,CAEN,CACV,CAEd,CAAC;AAEf,CAAC;AAMD,MAAMyD,WAAW,GAAGA,CAAC;EAAE/C;AAA2B,CAAC,KAAK;EACpD,MAAM8C,IAAI,GAAGpF,OAAO,CAAC,CAAC;EACtB,MAAM;IAAE4F;EAAa,CAAC,GAAG3F,eAAe,CAACmF,IAAI,EAAE,MAAM,EAAE,MAAM,CAAC;EAE9D,oBACIzF,KAAA,CAAAmF,aAAA,CAACvD,IAAI,qBACD5B,KAAA,CAAAmF,aAAA,CAACvD,IAAI,CAACsE,MAAM;IAACC,IAAI,EAAE;EAAG,gBAClBnG,KAAA,CAAAmF,aAAA,CAAC/E,IAAI;IAACwE,IAAI,EAAC,MAAM;IAACwB,UAAU,EAAEzF,UAAU,CAAC6C,MAAM,CAAC,wBAAwB;EAAE,gBACtExD,KAAA,CAAAmF,aAAA,CAACtD,KAAK;IACF,eAAa,qBAAsB;IACnCwE,KAAK,EAAEpE,CAAC,MAAO;IACfqE,MAAM,EAAEL,YAAa;IACrBM,QAAQ;EAAA,CACX,CACC,CACG,CAAC,eACdvG,KAAA,CAAAmF,aAAA,CAACvD,IAAI,CAACsE,MAAM;IAACC,IAAI,EAAE;EAAG,gBAClBnG,KAAA,CAAAmF,aAAA,CAAC/E,IAAI;IAACwE,IAAI,EAAE,MAAO;IAACwB,UAAU,EAAE,CAACzF,UAAU,CAAC6C,MAAM,CAAC,eAAe,CAAC;EAAE,gBACjExD,KAAA,CAAAmF,aAAA,CAACtD,KAAK;IAACwE,KAAK,EAAE,MAAO;IAACE,QAAQ;IAACP,QAAQ,EAAE,CAACrD;EAAS,CAAE,CACnD,CACG,CAAC,eAEd3C,KAAA,CAAAmF,aAAA,CAACvD,IAAI,CAACsE,MAAM;IAACC,IAAI,EAAE;EAAG,gBAClBnG,KAAA,CAAAmF,aAAA,CAAC/E,IAAI;IAACwE,IAAI,EAAC,MAAM;IAACwB,UAAU,EAAEzF,UAAU,CAAC6C,MAAM,CAAC,UAAU;EAAE,gBACxDxD,KAAA,CAAAmF,aAAA,CAAC/D,UAAU;IACPiF,KAAK,EAAEpE,CAAC,YAAa;IACrB6C,WAAW,EAAE7C,CAAC;EAAgD,CACjE,CACC,CACG,CAAC,eACdjC,KAAA,CAAAmF,aAAA,CAACvD,IAAI,CAACsE,MAAM;IAACC,IAAI,EAAE;EAAG,gBAClBnG,KAAA,CAAAmF,aAAA,CAAC/E,IAAI;IAACwE,IAAI,EAAC,aAAa;IAAC4B,YAAY,EAAE;EAAG,gBACtCxG,KAAA,CAAAmF,aAAA,CAACpD,QAAQ;IACL,eAAa,4BAA6B;IAC1C0E,IAAI,EAAE,CAAE;IACRJ,KAAK,EAAEpE,CAAC;EAAc,CACzB,CACC,CACG,CACX,CAAC;AAEf,CAAC;AAED,eAAeE,sBAAsB","ignoreList":[]}

package/admin/views/contentModelGroups/graphql.d.ts

@@ -1,5 +1,5 @@
-import { CmsErrorResponse, CmsGroup as BaseCmsGroup, CmsModel } from "../../../types";
-export declare type CmsGroup = Omit<BaseCmsGroup, "contentModels">;
+import type { CmsErrorResponse, CmsGroup as BaseCmsGroup, CmsModel } from "../../../types.js";
+export type CmsGroup = Omit<BaseCmsGroup, "contentModels">;
 export interface CmsGroupWithModels extends CmsGroup {
     contentModels: Pick<CmsModel, "modelId" | "name">[];
 }