@webiny/app-headless-cms 0.0.0-unstable.40876133bb → 0.0.0-unstable.496cf268ac

package/admin/plugins/definitions/CmsFieldValidatorFileTypePlugin.js.map

@@ -1 +1 @@
-{"version":3,"names":["CmsFieldValidatorFileTypePlugin","config","name","Plugin"],"sources":["CmsFieldValidatorFileTypePlugin.ts"],"sourcesContent":["import { Plugin } from \"@webiny/plugins/Plugin\";\n\nexport interface Config {\n    name: string;\n}\nexport class CmsFieldValidatorFileTypePlugin extends Plugin {\n    public static override readonly type: string = \"cms-model-field-validator-fileType\";\n\n    private readonly config: Config;\n\n    public constructor(config: Config) {\n        super();\n        this.config = config;\n    }\n\n    public getName(): string {\n        return this.config.name;\n    }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;;IAKaA,+B;;;;;EAKT,yCAAmBC,MAAnB,EAAmC;IAAA;;IAAA;IAC/B;IAD+B;IAE/B,MAAKA,MAAL,GAAcA,MAAd;IAF+B;EAGlC;;;;WAED,mBAAyB;MACrB,OAAO,KAAKA,MAAL,CAAYC,IAAnB;IACH;;;EAZgDC,e;;;8BAAxCH,+B,UACsC,oC"}
+{"version":3,"names":["CmsFieldValidatorFileTypePlugin","config","name","Plugin"],"sources":["CmsFieldValidatorFileTypePlugin.ts"],"sourcesContent":["import { Plugin } from \"@webiny/plugins/Plugin\";\n\nexport interface Config {\n    name: string;\n}\nexport class CmsFieldValidatorFileTypePlugin extends Plugin {\n    public static override readonly type: string = \"cms-model-field-validator-fileType\";\n\n    private readonly config: Config;\n\n    public constructor(config: Config) {\n        super();\n        this.config = config;\n    }\n\n    public getName(): string {\n        return this.config.name;\n    }\n}\n"],"mappings":";;;;;;;;;;;;;AAAA;AAAgD,IAKnCA,+BAA+B;EAAA;EAAA;EAKxC,yCAAmBC,MAAc,EAAE;IAAA;IAAA;IAC/B;IAAQ;IACR,MAAKA,MAAM,GAAGA,MAAM;IAAC;EACzB;EAAC;IAAA;IAAA,OAED,mBAAyB;MACrB,OAAO,IAAI,CAACA,MAAM,CAACC,IAAI;IAC3B;EAAC;EAAA;AAAA,EAZgDC,eAAM;AAAA;AAAA,8BAA9CH,+BAA+B,UACO,oCAAoC"}

package/admin/plugins/editor/defaultBar/BackButton.js

@@ -1,30 +1,21 @@
 "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 _emotion = require("emotion");
-
 var _Button = require("@webiny/ui/Button");
-
 var _reactRouter = require("@webiny/react-router");
-
 var _roundArrow_back24px = require("./icons/round-arrow_back-24px.svg");
-
 var backStyles = /*#__PURE__*/(0, _emotion.css)({
   marginLeft: -10
 }, "label:backStyles;");
-
 var BackButton = /*#__PURE__*/_react.default.memo(function () {
   var _useRouter = (0, _reactRouter.useRouter)(),
-      history = _useRouter.history;
-
+    history = _useRouter.history;
   return /*#__PURE__*/_react.default.createElement(_Button.IconButton, {
     "data-testid": "cms-editor-back-button",
     className: backStyles,
@@ -34,7 +25,6 @@ var BackButton = /*#__PURE__*/_react.default.memo(function () {
     icon: /*#__PURE__*/_react.default.createElement(_roundArrow_back24px.ReactComponent, null)
   });
 });
-
 BackButton.displayName = "BackButton";
 var _default = BackButton;
 exports.default = _default;

package/admin/plugins/editor/defaultBar/BackButton.js.map

@@ -1 +1 @@
-{"version":3,"names":["backStyles","css","marginLeft","BackButton","React","memo","useRouter","history","push","displayName"],"sources":["BackButton.tsx"],"sourcesContent":["import React from \"react\";\nimport { css } from \"emotion\";\nimport { IconButton } from \"@webiny/ui/Button\";\nimport { useRouter } from \"@webiny/react-router\";\nimport { ReactComponent as BackIcon } from \"./icons/round-arrow_back-24px.svg\";\n\nconst backStyles = css({\n    marginLeft: -10\n});\n\nconst BackButton: React.FC = React.memo(() => {\n    const { history } = useRouter();\n\n    return (\n        <IconButton\n            data-testid=\"cms-editor-back-button\"\n            className={backStyles}\n            onClick={() => history.push(`/cms/content-models`)}\n            icon={<BackIcon />}\n        />\n    );\n});\n\nBackButton.displayName = \"BackButton\";\n\nexport default BackButton;\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AAEA,IAAMA,UAAU,gBAAG,IAAAC,YAAA,EAAI;EACnBC,UAAU,EAAE,CAAC;AADM,CAAJ,sBAAnB;;AAIA,IAAMC,UAAoB,gBAAGC,cAAA,CAAMC,IAAN,CAAW,YAAM;EAC1C,iBAAoB,IAAAC,sBAAA,GAApB;EAAA,IAAQC,OAAR,cAAQA,OAAR;;EAEA,oBACI,6BAAC,kBAAD;IACI,eAAY,wBADhB;IAEI,SAAS,EAAEP,UAFf;IAGI,OAAO,EAAE;MAAA,OAAMO,OAAO,CAACC,IAAR,uBAAN;IAAA,CAHb;IAII,IAAI,eAAE,6BAAC,mCAAD;EAJV,EADJ;AAQH,CAX4B,CAA7B;;AAaAL,UAAU,CAACM,WAAX,GAAyB,YAAzB;eAEeN,U"}
+{"version":3,"names":["backStyles","css","marginLeft","BackButton","React","memo","useRouter","history","push","displayName"],"sources":["BackButton.tsx"],"sourcesContent":["import React from \"react\";\nimport { css } from \"emotion\";\nimport { IconButton } from \"@webiny/ui/Button\";\nimport { useRouter } from \"@webiny/react-router\";\nimport { ReactComponent as BackIcon } from \"./icons/round-arrow_back-24px.svg\";\n\nconst backStyles = css({\n    marginLeft: -10\n});\n\nconst BackButton: React.FC = React.memo(() => {\n    const { history } = useRouter();\n\n    return (\n        <IconButton\n            data-testid=\"cms-editor-back-button\"\n            className={backStyles}\n            onClick={() => history.push(`/cms/content-models`)}\n            icon={<BackIcon />}\n        />\n    );\n});\n\nBackButton.displayName = \"BackButton\";\n\nexport default BackButton;\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;AACA;AAEA,IAAMA,UAAU,gBAAG,IAAAC,YAAG,EAAC;EACnBC,UAAU,EAAE,CAAC;AACjB,CAAC,sBAAC;AAEF,IAAMC,UAAoB,gBAAGC,cAAK,CAACC,IAAI,CAAC,YAAM;EAC1C,iBAAoB,IAAAC,sBAAS,GAAE;IAAvBC,OAAO,cAAPA,OAAO;EAEf,oBACI,6BAAC,kBAAU;IACP,eAAY,wBAAwB;IACpC,SAAS,EAAEP,UAAW;IACtB,OAAO,EAAE;MAAA,OAAMO,OAAO,CAACC,IAAI,uBAAuB;IAAA,CAAC;IACnD,IAAI,eAAE,6BAAC,mCAAQ;EAAI,EACrB;AAEV,CAAC,CAAC;AAEFL,UAAU,CAACM,WAAW,GAAG,YAAY;AAAC,eAEvBN,UAAU;AAAA"}

package/admin/plugins/editor/defaultBar/CreateContentButton.js

@@ -1,43 +1,27 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _get = _interopRequireDefault(require("lodash/get"));
-
 var _reactRouter = require("@webiny/react-router");
-
 var _i18n = require("@webiny/app/i18n");
-
 var _Button = require("@webiny/ui/Button");
-
 var _Tooltip = require("@webiny/ui/Tooltip");
-
 var _view_list = require("../../../icons/view_list.svg");
-
 var _contentModels = require("../../../graphql/contentModels");
-
-var _useContentModelEditor = require("../../../components/ContentModelEditor/useContentModelEditor");
-
+var _hooks = require("../../../hooks");
 var _templateObject;
-
 var t = _i18n.i18n.namespace("app-headless-cms/admin/editor/top-bar/save-button");
-
 var CreateContentButton = function CreateContentButton() {
   var router = (0, _reactRouter.useRouter)();
-
-  var _useContentModelEdito = (0, _useContentModelEditor.useContentModelEditor)(),
-      data = _useContentModelEdito.data,
-      apolloClient = _useContentModelEdito.apolloClient;
-
+  var _useModelEditor = (0, _hooks.useModelEditor)(),
+    data = _useModelEditor.data,
+    apolloClient = _useModelEditor.apolloClient;
   var getQuery = apolloClient.readQuery({
     query: _contentModels.GET_CONTENT_MODEL,
     variables: {
@@ -60,6 +44,5 @@ var CreateContentButton = function CreateContentButton() {
     disabled: disableViewContent
   }));
 };
-
 var _default = CreateContentButton;
 exports.default = _default;

package/admin/plugins/editor/defaultBar/CreateContentButton.js.map

@@ -1 +1 @@
-{"version":3,"names":["t","i18n","namespace","CreateContentButton","router","useRouter","useContentModelEditor","data","apolloClient","getQuery","readQuery","query","GET_CONTENT_MODEL","variables","modelId","fields","get","disableViewContent","length","message","history","push"],"sources":["CreateContentButton.tsx"],"sourcesContent":["import React from \"react\";\nimport get from \"lodash/get\";\nimport { useRouter } from \"@webiny/react-router\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { IconButton } from \"@webiny/ui/Button\";\nimport { Tooltip } from \"@webiny/ui/Tooltip\";\nimport { ReactComponent as ViewListIcon } from \"~/admin/icons/view_list.svg\";\nimport {\n    GET_CONTENT_MODEL,\n    GetCmsModelQueryResponse,\n    GetCmsModelQueryVariables\n} from \"~/admin/graphql/contentModels\";\nimport { useContentModelEditor } from \"~/admin/components/ContentModelEditor/useContentModelEditor\";\n\nconst t = i18n.namespace(\"app-headless-cms/admin/editor/top-bar/save-button\");\n\nconst CreateContentButton: React.FC = () => {\n    const router = useRouter();\n    const { data, apolloClient } = useContentModelEditor();\n\n    const getQuery = apolloClient.readQuery<GetCmsModelQueryResponse, GetCmsModelQueryVariables>({\n        query: GET_CONTENT_MODEL,\n        variables: {\n            modelId: data.modelId\n        }\n    });\n    const fields = get(getQuery, \"getContentModel.data.fields\", []);\n    const disableViewContent = fields.length === 0;\n    const message = disableViewContent\n        ? \"To view the content, you first need to add a field and save the form\"\n        : \"View content\";\n\n    return (\n        <Tooltip content={t`{message}`({ message })} placement={\"bottom\"}>\n            <IconButton\n                icon={<ViewListIcon />}\n                onClick={() => router.history.push(`/cms/content-entries/${data.modelId}`)}\n                disabled={disableViewContent}\n            />\n        </Tooltip>\n    );\n};\n\nexport default CreateContentButton;\n"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAKA;;;;AAEA,IAAMA,CAAC,GAAGC,UAAA,CAAKC,SAAL,CAAe,mDAAf,CAAV;;AAEA,IAAMC,mBAA6B,GAAG,SAAhCA,mBAAgC,GAAM;EACxC,IAAMC,MAAM,GAAG,IAAAC,sBAAA,GAAf;;EACA,4BAA+B,IAAAC,4CAAA,GAA/B;EAAA,IAAQC,IAAR,yBAAQA,IAAR;EAAA,IAAcC,YAAd,yBAAcA,YAAd;;EAEA,IAAMC,QAAQ,GAAGD,YAAY,CAACE,SAAb,CAA4E;IACzFC,KAAK,EAAEC,gCADkF;IAEzFC,SAAS,EAAE;MACPC,OAAO,EAAEP,IAAI,CAACO;IADP;EAF8E,CAA5E,CAAjB;EAMA,IAAMC,MAAM,GAAG,IAAAC,YAAA,EAAIP,QAAJ,EAAc,6BAAd,EAA6C,EAA7C,CAAf;EACA,IAAMQ,kBAAkB,GAAGF,MAAM,CAACG,MAAP,KAAkB,CAA7C;EACA,IAAMC,OAAO,GAAGF,kBAAkB,GAC5B,sEAD4B,GAE5B,cAFN;EAIA,oBACI,6BAAC,gBAAD;IAAS,OAAO,EAAEjB,CAAC,4FAAD,CAAa;MAAEmB,OAAO,EAAPA;IAAF,CAAb,CAAlB;IAA6C,SAAS,EAAE;EAAxD,gBACI,6BAAC,kBAAD;IACI,IAAI,eAAE,6BAAC,yBAAD,OADV;IAEI,OAAO,EAAE;MAAA,OAAMf,MAAM,CAACgB,OAAP,CAAeC,IAAf,gCAA4Cd,IAAI,CAACO,OAAjD,EAAN;IAAA,CAFb;IAGI,QAAQ,EAAEG;EAHd,EADJ,CADJ;AASH,CAzBD;;eA2Bed,mB"}
+{"version":3,"names":["t","i18n","namespace","CreateContentButton","router","useRouter","useModelEditor","data","apolloClient","getQuery","readQuery","query","GET_CONTENT_MODEL","variables","modelId","fields","get","disableViewContent","length","message","history","push"],"sources":["CreateContentButton.tsx"],"sourcesContent":["import React from \"react\";\nimport get from \"lodash/get\";\nimport { useRouter } from \"@webiny/react-router\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { IconButton } from \"@webiny/ui/Button\";\nimport { Tooltip } from \"@webiny/ui/Tooltip\";\nimport { ReactComponent as ViewListIcon } from \"~/admin/icons/view_list.svg\";\nimport {\n    GET_CONTENT_MODEL,\n    GetCmsModelQueryResponse,\n    GetCmsModelQueryVariables\n} from \"~/admin/graphql/contentModels\";\nimport { useModelEditor } from \"~/admin/hooks\";\n\nconst t = i18n.namespace(\"app-headless-cms/admin/editor/top-bar/save-button\");\n\nconst CreateContentButton: React.FC = () => {\n    const router = useRouter();\n    const { data, apolloClient } = useModelEditor();\n\n    const getQuery = apolloClient.readQuery<GetCmsModelQueryResponse, GetCmsModelQueryVariables>({\n        query: GET_CONTENT_MODEL,\n        variables: {\n            modelId: data.modelId\n        }\n    });\n    const fields = get(getQuery, \"getContentModel.data.fields\", []);\n    const disableViewContent = fields.length === 0;\n    const message = disableViewContent\n        ? \"To view the content, you first need to add a field and save the form\"\n        : \"View content\";\n\n    return (\n        <Tooltip content={t`{message}`({ message })} placement={\"bottom\"}>\n            <IconButton\n                icon={<ViewListIcon />}\n                onClick={() => router.history.push(`/cms/content-entries/${data.modelId}`)}\n                disabled={disableViewContent}\n            />\n        </Tooltip>\n    );\n};\n\nexport default CreateContentButton;\n"],"mappings":";;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAKA;AAA+C;AAE/C,IAAMA,CAAC,GAAGC,UAAI,CAACC,SAAS,CAAC,mDAAmD,CAAC;AAE7E,IAAMC,mBAA6B,GAAG,SAAhCA,mBAA6B,GAAS;EACxC,IAAMC,MAAM,GAAG,IAAAC,sBAAS,GAAE;EAC1B,sBAA+B,IAAAC,qBAAc,GAAE;IAAvCC,IAAI,mBAAJA,IAAI;IAAEC,YAAY,mBAAZA,YAAY;EAE1B,IAAMC,QAAQ,GAAGD,YAAY,CAACE,SAAS,CAAsD;IACzFC,KAAK,EAAEC,gCAAiB;IACxBC,SAAS,EAAE;MACPC,OAAO,EAAEP,IAAI,CAACO;IAClB;EACJ,CAAC,CAAC;EACF,IAAMC,MAAM,GAAG,IAAAC,YAAG,EAACP,QAAQ,EAAE,6BAA6B,EAAE,EAAE,CAAC;EAC/D,IAAMQ,kBAAkB,GAAGF,MAAM,CAACG,MAAM,KAAK,CAAC;EAC9C,IAAMC,OAAO,GAAGF,kBAAkB,GAC5B,sEAAsE,GACtE,cAAc;EAEpB,oBACI,6BAAC,gBAAO;IAAC,OAAO,EAAEjB,CAAC,6FAAY;MAAEmB,OAAO,EAAPA;IAAQ,CAAC,CAAE;IAAC,SAAS,EAAE;EAAS,gBAC7D,6BAAC,kBAAU;IACP,IAAI,eAAE,6BAAC,yBAAY,OAAI;IACvB,OAAO,EAAE;MAAA,OAAMf,MAAM,CAACgB,OAAO,CAACC,IAAI,gCAAyBd,IAAI,CAACO,OAAO,EAAG;IAAA,CAAC;IAC3E,QAAQ,EAAEG;EAAmB,EAC/B,CACI;AAElB,CAAC;AAAC,eAEad,mBAAmB;AAAA"}

package/admin/plugins/editor/defaultBar/Divider.d.ts

@@ -1,5 +1,8 @@
 /// <reference types="react" />
-/// <reference types="web" />
 /// <reference types="react" />
-declare const Divider: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
+/// <reference types="web" />
+declare const Divider: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export default Divider;

package/admin/plugins/editor/defaultBar/Divider.js

@@ -1,14 +1,11 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _styled = _interopRequireDefault(require("@emotion/styled"));
-
 var Divider = /*#__PURE__*/(0, _styled.default)("div", {
   target: "e57x83g0",
   label: "Divider"

package/admin/plugins/editor/defaultBar/Divider.js.map

@@ -1 +1 @@
-{"version":3,"names":["Divider","styled","width","margin","height","backgroundColor"],"sources":["Divider.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\n\nconst Divider = styled(\"div\")({\n    width: 1,\n    margin: \"0 5px\",\n    height: \"100%\",\n    backgroundColor: \"var(--mdc-theme-on-background)\"\n});\n\nexport default Divider;\n"],"mappings":";;;;;;;;;AAAA;;AAEA,IAAMA,OAAO,oBAAGC,eAAH,EAAU,KAAV;EAAA;EAAA;AAAA,GAAiB;EAC1BC,KAAK,EAAE,CADmB;EAE1BC,MAAM,EAAE,OAFkB;EAG1BC,MAAM,EAAE,MAHkB;EAI1BC,eAAe,EAAE;AAJS,CAAjB,CAAb;eAOeL,O"}
+{"version":3,"names":["Divider","styled","width","margin","height","backgroundColor"],"sources":["Divider.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\n\nconst Divider = styled(\"div\")({\n    width: 1,\n    margin: \"0 5px\",\n    height: \"100%\",\n    backgroundColor: \"var(--mdc-theme-on-background)\"\n});\n\nexport default Divider;\n"],"mappings":";;;;;;;AAAA;AAEA,IAAMA,OAAO,oBAAGC,eAAM,EAAC,KAAK;EAAA;EAAA;AAAA,GAAE;EAC1BC,KAAK,EAAE,CAAC;EACRC,MAAM,EAAE,OAAO;EACfC,MAAM,EAAE,MAAM;EACdC,eAAe,EAAE;AACrB,CAAC,CAAC;AAAC,eAEYL,OAAO;AAAA"}

package/admin/plugins/editor/defaultBar/FormSettings/FormSettings.js

@@ -1,67 +1,41 @@
 "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 _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _plugins = require("@webiny/plugins");
-
 var _OverlayLayout = require("@webiny/app-admin/components/OverlayLayout");
-
 var _SplitView = require("@webiny/app-admin/components/SplitView");
-
 var _Typography = require("@webiny/ui/Typography");
-
 var _form = require("@webiny/form");
-
 var _Icon = require("@webiny/ui/Icon");
-
 var _Button = require("@webiny/ui/Button");
-
 var _List = require("@webiny/ui/List");
-
 var _useSnackbar2 = require("@webiny/app-admin/hooks/useSnackbar");
-
 var _i18n = require("@webiny/app/i18n");
-
 var SF = _interopRequireWildcard(require("@webiny/app-admin/components/SimpleForm"));
-
 var _FormSettingsStyled = require("./FormSettingsStyled");
-
-var _useContentModelEditor = require("../../../../components/ContentModelEditor/useContentModelEditor");
-
+var _hooks = require("../../../../hooks");
 var _templateObject, _templateObject2;
-
 var t = _i18n.i18n.namespace("FormsApp.Editor.FormSettings");
-
 var FormSettings = function FormSettings(_ref) {
   var onExited = _ref.onExited;
-
   var cmsEditorFormSettingsPlugins = _plugins.plugins.byType("cms-editor-form-settings");
-
-  var _useContentModelEdito = (0, _useContentModelEditor.useContentModelEditor)(),
-      data = _useContentModelEdito.data,
-      setData = _useContentModelEdito.setData;
-
+  var _useModelEditor = (0, _hooks.useModelEditor)(),
+    data = _useModelEditor.data,
+    setData = _useModelEditor.setData;
   var _useSnackbar = (0, _useSnackbar2.useSnackbar)(),
-      showSnackbar = _useSnackbar.showSnackbar;
-
+    showSnackbar = _useSnackbar.showSnackbar;
   var _useState = (0, _react.useState)(cmsEditorFormSettingsPlugins[0]),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      activePlugin = _useState2[0],
-      setActivePlugin = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    activePlugin = _useState2[0],
+    setActivePlugin = _useState2[1];
   return /*#__PURE__*/_react.default.createElement(_OverlayLayout.OverlayLayout, {
     barMiddle: _FormSettingsStyled.Title,
     onExited: onExited
@@ -95,9 +69,9 @@ var FormSettings = function FormSettings(_ref) {
     }
   }, function (_ref2) {
     var Bind = _ref2.Bind,
-        submit = _ref2.submit,
-        form = _ref2.form,
-        formData = _ref2.data;
+      submit = _ref2.submit,
+      form = _ref2.form,
+      formData = _ref2.data;
     return /*#__PURE__*/_react.default.createElement(SF.SimpleForm, null, /*#__PURE__*/_react.default.createElement(SF.SimpleFormHeader, {
       title: activePlugin.title
     }, typeof activePlugin.renderHeaderActions === "function" && activePlugin.renderHeaderActions({
@@ -123,6 +97,5 @@ var FormSettings = function FormSettings(_ref) {
     }, t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["Save settings"]))))));
   }))));
 };
-
 var _default = FormSettings;
 exports.default = _default;

package/admin/plugins/editor/defaultBar/FormSettings/FormSettings.js.map

@@ -1 +1 @@
-{"version":3,"names":["t","i18n","namespace","FormSettings","onExited","cmsEditorFormSettingsPlugins","plugins","byType","useContentModelEditor","data","setData","useSnackbar","showSnackbar","useState","activePlugin","setActivePlugin","Title","listStyle","map","pl","name","listItem","icon","title","description","Bind","submit","form","formData","renderHeaderActions","render","ev"],"sources":["FormSettings.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { plugins } from \"@webiny/plugins\";\nimport { OverlayLayout } from \"@webiny/app-admin/components/OverlayLayout\";\nimport { SplitView, LeftPanel, RightPanel } from \"@webiny/app-admin/components/SplitView\";\nimport { Typography } from \"@webiny/ui/Typography\";\nimport { Form } from \"@webiny/form\";\nimport { Icon } from \"@webiny/ui/Icon\";\nimport { ButtonPrimary } from \"@webiny/ui/Button\";\nimport { List, ListItem, ListItemGraphic } from \"@webiny/ui/List\";\nimport { useSnackbar } from \"@webiny/app-admin/hooks/useSnackbar\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport * as SF from \"@webiny/app-admin/components/SimpleForm\";\nimport { CmsEditorFormSettingsPlugin } from \"~/types\";\nimport { Title, listItem, ListItemTitle, listStyle, TitleContent } from \"./FormSettingsStyled\";\nimport { useContentModelEditor } from \"~/admin/components/ContentModelEditor/useContentModelEditor\";\n\nconst t = i18n.namespace(\"FormsApp.Editor.FormSettings\");\n\ninterface FormSettingsProps {\n    onExited: () => void;\n}\n\nconst FormSettings: React.FC<FormSettingsProps> = ({ onExited }) => {\n    const cmsEditorFormSettingsPlugins = plugins.byType<CmsEditorFormSettingsPlugin>(\n        \"cms-editor-form-settings\"\n    );\n    const { data, setData } = useContentModelEditor();\n    const { showSnackbar } = useSnackbar();\n\n    const [activePlugin, setActivePlugin] = useState(cmsEditorFormSettingsPlugins[0]);\n\n    return (\n        <OverlayLayout barMiddle={Title} onExited={onExited}>\n            <SplitView>\n                <LeftPanel span={5}>\n                    <List twoLine className={listStyle}>\n                        {cmsEditorFormSettingsPlugins.map(pl => (\n                            <ListItem\n                                key={pl.name}\n                                className={listItem}\n                                onClick={() => setActivePlugin(pl)}\n                            >\n                                <ListItemGraphic>\n                                    <Icon icon={pl.icon} />\n                                </ListItemGraphic>\n                                <TitleContent>\n                                    <ListItemTitle>{pl.title}</ListItemTitle>\n                                    <Typography use={\"body2\"}>{pl.description}</Typography>\n                                </TitleContent>\n                            </ListItem>\n                        ))}\n                    </List>\n                </LeftPanel>\n                <RightPanel span={7}>\n                    <Form\n                        data={data}\n                        onSubmit={data => {\n                            setData(() => data);\n                            onExited();\n                            showSnackbar(t`Content model settings updated successfully.`);\n                        }}\n                    >\n                        {({ Bind, submit, form, data: formData }) => (\n                            <SF.SimpleForm>\n                                <SF.SimpleFormHeader title={activePlugin.title}>\n                                    {typeof activePlugin.renderHeaderActions === \"function\" &&\n                                        activePlugin.renderHeaderActions({\n                                            /**\n                                             * TODO @ts-refactor\n                                             * Figure out type for Bind\n                                             */\n                                            Bind: Bind as any,\n                                            form,\n                                            formData\n                                        })}\n                                </SF.SimpleFormHeader>\n                                <SF.SimpleFormContent>\n                                    {activePlugin\n                                        ? activePlugin.render({\n                                              /**\n                                               * TODO @ts-refactor\n                                               * Figure out type for Bind\n                                               */\n                                              Bind: Bind as any,\n                                              form,\n                                              formData\n                                          })\n                                        : null}\n                                </SF.SimpleFormContent>\n                                <SF.SimpleFormFooter>\n                                    <ButtonPrimary\n                                        onClick={ev => {\n                                            submit(ev);\n                                        }}\n                                    >{t`Save settings`}</ButtonPrimary>\n                                </SF.SimpleFormFooter>\n                            </SF.SimpleForm>\n                        )}\n                    </Form>\n                </RightPanel>\n            </SplitView>\n        </OverlayLayout>\n    );\n};\n\nexport default FormSettings;\n"],"mappings":"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"}
+{"version":3,"names":["t","i18n","namespace","FormSettings","onExited","cmsEditorFormSettingsPlugins","plugins","byType","useModelEditor","data","setData","useSnackbar","showSnackbar","useState","activePlugin","setActivePlugin","Title","listStyle","map","pl","name","listItem","icon","title","description","Bind","submit","form","formData","renderHeaderActions","render","ev"],"sources":["FormSettings.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { plugins } from \"@webiny/plugins\";\nimport { OverlayLayout } from \"@webiny/app-admin/components/OverlayLayout\";\nimport { SplitView, LeftPanel, RightPanel } from \"@webiny/app-admin/components/SplitView\";\nimport { Typography } from \"@webiny/ui/Typography\";\nimport { Form } from \"@webiny/form\";\nimport { Icon } from \"@webiny/ui/Icon\";\nimport { ButtonPrimary } from \"@webiny/ui/Button\";\nimport { List, ListItem, ListItemGraphic } from \"@webiny/ui/List\";\nimport { useSnackbar } from \"@webiny/app-admin/hooks/useSnackbar\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport * as SF from \"@webiny/app-admin/components/SimpleForm\";\nimport { CmsEditorFormSettingsPlugin } from \"~/types\";\nimport { Title, listItem, ListItemTitle, listStyle, TitleContent } from \"./FormSettingsStyled\";\nimport { useModelEditor } from \"~/admin/hooks\";\n\nconst t = i18n.namespace(\"FormsApp.Editor.FormSettings\");\n\ninterface FormSettingsProps {\n    onExited: () => void;\n}\n\nconst FormSettings: React.FC<FormSettingsProps> = ({ onExited }) => {\n    const cmsEditorFormSettingsPlugins = plugins.byType<CmsEditorFormSettingsPlugin>(\n        \"cms-editor-form-settings\"\n    );\n    const { data, setData } = useModelEditor();\n    const { showSnackbar } = useSnackbar();\n\n    const [activePlugin, setActivePlugin] = useState(cmsEditorFormSettingsPlugins[0]);\n\n    return (\n        <OverlayLayout barMiddle={Title} onExited={onExited}>\n            <SplitView>\n                <LeftPanel span={5}>\n                    <List twoLine className={listStyle}>\n                        {cmsEditorFormSettingsPlugins.map(pl => (\n                            <ListItem\n                                key={pl.name}\n                                className={listItem}\n                                onClick={() => setActivePlugin(pl)}\n                            >\n                                <ListItemGraphic>\n                                    <Icon icon={pl.icon} />\n                                </ListItemGraphic>\n                                <TitleContent>\n                                    <ListItemTitle>{pl.title}</ListItemTitle>\n                                    <Typography use={\"body2\"}>{pl.description}</Typography>\n                                </TitleContent>\n                            </ListItem>\n                        ))}\n                    </List>\n                </LeftPanel>\n                <RightPanel span={7}>\n                    <Form\n                        data={data}\n                        onSubmit={data => {\n                            setData(() => data);\n                            onExited();\n                            showSnackbar(t`Content model settings updated successfully.`);\n                        }}\n                    >\n                        {({ Bind, submit, form, data: formData }) => (\n                            <SF.SimpleForm>\n                                <SF.SimpleFormHeader title={activePlugin.title}>\n                                    {typeof activePlugin.renderHeaderActions === \"function\" &&\n                                        activePlugin.renderHeaderActions({\n                                            /**\n                                             * TODO @ts-refactor\n                                             * Figure out type for Bind\n                                             */\n                                            Bind: Bind as any,\n                                            form,\n                                            formData\n                                        })}\n                                </SF.SimpleFormHeader>\n                                <SF.SimpleFormContent>\n                                    {activePlugin\n                                        ? activePlugin.render({\n                                              /**\n                                               * TODO @ts-refactor\n                                               * Figure out type for Bind\n                                               */\n                                              Bind: Bind as any,\n                                              form,\n                                              formData\n                                          })\n                                        : null}\n                                </SF.SimpleFormContent>\n                                <SF.SimpleFormFooter>\n                                    <ButtonPrimary\n                                        onClick={ev => {\n                                            submit(ev);\n                                        }}\n                                    >{t`Save settings`}</ButtonPrimary>\n                                </SF.SimpleFormFooter>\n                            </SF.SimpleForm>\n                        )}\n                    </Form>\n                </RightPanel>\n            </SplitView>\n        </OverlayLayout>\n    );\n};\n\nexport default FormSettings;\n"],"mappings":"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"}

package/admin/plugins/editor/defaultBar/FormSettings/FormSettingsButton.js

@@ -1,30 +1,21 @@
 "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 _Button = require("@webiny/ui/Button");
-
 var _FormSettings = _interopRequireDefault(require("./FormSettings"));
-
 var _settings = require("./../icons/settings.svg");
-
 var FormSettingsButton = function FormSettingsButton() {
   var _useState = (0, _react.useState)(false),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      opened = _useState2[0],
-      setOpened = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    opened = _useState2[0],
+    setOpened = _useState2[1];
   var open = (0, _react.useCallback)(function () {
     return setOpened(true);
   }, []);
@@ -38,6 +29,5 @@ var FormSettingsButton = function FormSettingsButton() {
     onExited: close
   }));
 };
-
 var _default = FormSettingsButton;
 exports.default = _default;

package/admin/plugins/editor/defaultBar/FormSettings/FormSettingsButton.js.map

@@ -1 +1 @@
-{"version":3,"names":["FormSettingsButton","useState","opened","setOpened","open","useCallback","close"],"sources":["FormSettingsButton.tsx"],"sourcesContent":["import React, { useState, useCallback } from \"react\";\nimport { IconButton } from \"@webiny/ui/Button\";\nimport FormSettings from \"./FormSettings\";\n\nimport { ReactComponent as SettingsIcon } from \"./../icons/settings.svg\";\n\nconst FormSettingsButton: React.FC = () => {\n    const [opened, setOpened] = useState(false);\n    const open = useCallback(() => setOpened(true), []);\n    const close = useCallback(() => setOpened(false), []);\n\n    return (\n        <>\n            <IconButton onClick={open} icon={<SettingsIcon />} />\n            {opened && <FormSettings onExited={close} />}\n        </>\n    );\n};\n\nexport default FormSettingsButton;\n"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;AACA;;AAEA;;AAEA,IAAMA,kBAA4B,GAAG,SAA/BA,kBAA+B,GAAM;EACvC,gBAA4B,IAAAC,eAAA,EAAS,KAAT,CAA5B;EAAA;EAAA,IAAOC,MAAP;EAAA,IAAeC,SAAf;;EACA,IAAMC,IAAI,GAAG,IAAAC,kBAAA,EAAY;IAAA,OAAMF,SAAS,CAAC,IAAD,CAAf;EAAA,CAAZ,EAAmC,EAAnC,CAAb;EACA,IAAMG,KAAK,GAAG,IAAAD,kBAAA,EAAY;IAAA,OAAMF,SAAS,CAAC,KAAD,CAAf;EAAA,CAAZ,EAAoC,EAApC,CAAd;EAEA,oBACI,yEACI,6BAAC,kBAAD;IAAY,OAAO,EAAEC,IAArB;IAA2B,IAAI,eAAE,6BAAC,wBAAD;EAAjC,EADJ,EAEKF,MAAM,iBAAI,6BAAC,qBAAD;IAAc,QAAQ,EAAEI;EAAxB,EAFf,CADJ;AAMH,CAXD;;eAaeN,kB"}
+{"version":3,"names":["FormSettingsButton","useState","opened","setOpened","open","useCallback","close"],"sources":["FormSettingsButton.tsx"],"sourcesContent":["import React, { useState, useCallback } from \"react\";\nimport { IconButton } from \"@webiny/ui/Button\";\nimport FormSettings from \"./FormSettings\";\n\nimport { ReactComponent as SettingsIcon } from \"./../icons/settings.svg\";\n\nconst FormSettingsButton: React.FC = () => {\n    const [opened, setOpened] = useState(false);\n    const open = useCallback(() => setOpened(true), []);\n    const close = useCallback(() => setOpened(false), []);\n\n    return (\n        <>\n            <IconButton onClick={open} icon={<SettingsIcon />} />\n            {opened && <FormSettings onExited={close} />}\n        </>\n    );\n};\n\nexport default FormSettingsButton;\n"],"mappings":";;;;;;;;;AAAA;AACA;AACA;AAEA;AAEA,IAAMA,kBAA4B,GAAG,SAA/BA,kBAA4B,GAAS;EACvC,gBAA4B,IAAAC,eAAQ,EAAC,KAAK,CAAC;IAAA;IAApCC,MAAM;IAAEC,SAAS;EACxB,IAAMC,IAAI,GAAG,IAAAC,kBAAW,EAAC;IAAA,OAAMF,SAAS,CAAC,IAAI,CAAC;EAAA,GAAE,EAAE,CAAC;EACnD,IAAMG,KAAK,GAAG,IAAAD,kBAAW,EAAC;IAAA,OAAMF,SAAS,CAAC,KAAK,CAAC;EAAA,GAAE,EAAE,CAAC;EAErD,oBACI,yEACI,6BAAC,kBAAU;IAAC,OAAO,EAAEC,IAAK;IAAC,IAAI,eAAE,6BAAC,wBAAY;EAAI,EAAG,EACpDF,MAAM,iBAAI,6BAAC,qBAAY;IAAC,QAAQ,EAAEI;EAAM,EAAG,CAC7C;AAEX,CAAC;AAAC,eAEaN,kBAAkB;AAAA"}

package/admin/plugins/editor/defaultBar/FormSettings/FormSettingsStyled.d.ts

@@ -2,6 +2,12 @@
 import * as React from "react";
 export declare const listStyle: string;
 export declare const listItem: string;
-export declare const ListItemTitle: import("@emotion/styled-base").StyledComponent<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement>>, object>;
+export declare const ListItemTitle: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: React.ElementType<any> | undefined;
+}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const Title: JSX.Element;
-export declare const TitleContent: import("@emotion/styled-base").StyledComponent<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement>>, object>;
+export declare const TitleContent: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: React.ElementType<any> | undefined;
+}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/admin/plugins/editor/defaultBar/FormSettings/FormSettingsStyled.js

@@ -1,22 +1,15 @@
 "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.listStyle = exports.listItem = exports.TitleContent = exports.Title = exports.ListItemTitle = void 0;
-
 var React = _interopRequireWildcard(require("react"));
-
 var _emotion = require("emotion");
-
 var _styled = _interopRequireDefault(require("@emotion/styled"));
-
 var _Typography = require("@webiny/ui/Typography");
-
 var listStyle = /*#__PURE__*/(0, _emotion.css)({
   "&.mdc-list": {
     padding: 0,

package/admin/plugins/editor/defaultBar/FormSettings/FormSettingsStyled.js.map

@@ -1 +1 @@
-{"version":3,"names":["listStyle","css","padding","backgroundColor","listItem","cursor","borderBottom","marginRight","ListItemTitle","styled","fontWeight","marginBottom","Title","margin","color","TitleContent","display","flexDirection"],"sources":["FormSettingsStyled.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { css } from \"emotion\";\nimport styled from \"@emotion/styled\";\nimport { Typography } from \"@webiny/ui/Typography\";\n\nexport const listStyle = css({\n    \"&.mdc-list\": {\n        padding: 0,\n        backgroundColor: \"var(--mdc-theme-surface)\"\n    }\n});\n\nexport const listItem = css({\n    padding: \"15px 20px\",\n    cursor: \"pointer\",\n    borderBottom: \"1px solid var(--mdc-theme-background)\",\n    \"&:last-child\": {\n        borderBottom: \"none\"\n    },\n    \".mdc-list-item__graphic\": {\n        marginRight: 20\n    }\n});\n\nexport const ListItemTitle = styled(\"div\")({\n    fontWeight: 600,\n    marginBottom: 5\n});\n\nexport const Title = (\n    <Typography\n        style={{ margin: \"0 auto\", color: \"var(--mdc-theme-on-surface)\" }}\n        use={\"headline6\"}\n    >\n        Content model settings\n    </Typography>\n);\n\nexport const TitleContent = styled(\"div\")({\n    display: \"flex\",\n    flexDirection: \"column\"\n});\n"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AAEO,IAAMA,SAAS,gBAAG,IAAAC,YAAA,EAAI;EACzB,cAAc;IACVC,OAAO,EAAE,CADC;IAEVC,eAAe,EAAE;EAFP;AADW,CAAJ,qBAAlB;;AAOA,IAAMC,QAAQ,gBAAG,IAAAH,YAAA,EAAI;EACxBC,OAAO,EAAE,WADe;EAExBG,MAAM,EAAE,SAFgB;EAGxBC,YAAY,EAAE,uCAHU;EAIxB,gBAAgB;IACZA,YAAY,EAAE;EADF,CAJQ;EAOxB,2BAA2B;IACvBC,WAAW,EAAE;EADU;AAPH,CAAJ,oBAAjB;;AAYA,IAAMC,aAAa,oBAAGC,eAAH,EAAU,KAAV;EAAA;EAAA;AAAA,GAAiB;EACvCC,UAAU,EAAE,GAD2B;EAEvCC,YAAY,EAAE;AAFyB,CAAjB,CAAnB;;AAKA,IAAMC,KAAK,gBACd,oBAAC,sBAAD;EACI,KAAK,EAAE;IAAEC,MAAM,EAAE,QAAV;IAAoBC,KAAK,EAAE;EAA3B,CADX;EAEI,GAAG,EAAE;AAFT,4BADG;;AASA,IAAMC,YAAY,oBAAGN,eAAH,EAAU,KAAV;EAAA;EAAA;AAAA,GAAiB;EACtCO,OAAO,EAAE,MAD6B;EAEtCC,aAAa,EAAE;AAFuB,CAAjB,CAAlB"}
+{"version":3,"names":["listStyle","css","padding","backgroundColor","listItem","cursor","borderBottom","marginRight","ListItemTitle","styled","fontWeight","marginBottom","Title","margin","color","TitleContent","display","flexDirection"],"sources":["FormSettingsStyled.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { css } from \"emotion\";\nimport styled from \"@emotion/styled\";\nimport { Typography } from \"@webiny/ui/Typography\";\n\nexport const listStyle = css({\n    \"&.mdc-list\": {\n        padding: 0,\n        backgroundColor: \"var(--mdc-theme-surface)\"\n    }\n});\n\nexport const listItem = css({\n    padding: \"15px 20px\",\n    cursor: \"pointer\",\n    borderBottom: \"1px solid var(--mdc-theme-background)\",\n    \"&:last-child\": {\n        borderBottom: \"none\"\n    },\n    \".mdc-list-item__graphic\": {\n        marginRight: 20\n    }\n});\n\nexport const ListItemTitle = styled(\"div\")({\n    fontWeight: 600,\n    marginBottom: 5\n});\n\nexport const Title = (\n    <Typography\n        style={{ margin: \"0 auto\", color: \"var(--mdc-theme-on-surface)\" }}\n        use={\"headline6\"}\n    >\n        Content model settings\n    </Typography>\n);\n\nexport const TitleContent = styled(\"div\")({\n    display: \"flex\",\n    flexDirection: \"column\"\n});\n"],"mappings":";;;;;;;;AAAA;AACA;AACA;AACA;AAEO,IAAMA,SAAS,gBAAG,IAAAC,YAAG,EAAC;EACzB,YAAY,EAAE;IACVC,OAAO,EAAE,CAAC;IACVC,eAAe,EAAE;EACrB;AACJ,CAAC,qBAAC;AAAC;AAEI,IAAMC,QAAQ,gBAAG,IAAAH,YAAG,EAAC;EACxBC,OAAO,EAAE,WAAW;EACpBG,MAAM,EAAE,SAAS;EACjBC,YAAY,EAAE,uCAAuC;EACrD,cAAc,EAAE;IACZA,YAAY,EAAE;EAClB,CAAC;EACD,yBAAyB,EAAE;IACvBC,WAAW,EAAE;EACjB;AACJ,CAAC,oBAAC;AAAC;AAEI,IAAMC,aAAa,oBAAGC,eAAM,EAAC,KAAK;EAAA;EAAA;AAAA,GAAE;EACvCC,UAAU,EAAE,GAAG;EACfC,YAAY,EAAE;AAClB,CAAC,CAAC;AAAC;AAEI,IAAMC,KAAK,gBACd,oBAAC,sBAAU;EACP,KAAK,EAAE;IAAEC,MAAM,EAAE,QAAQ;IAAEC,KAAK,EAAE;EAA8B,CAAE;EAClE,GAAG,EAAE;AAAY,GACpB,wBAED,CACH;AAAC;AAEK,IAAMC,YAAY,oBAAGN,eAAM,EAAC,KAAK;EAAA;EAAA;AAAA,GAAE;EACtCO,OAAO,EAAE,MAAM;EACfC,aAAa,EAAE;AACnB,CAAC,CAAC;AAAC"}

package/admin/plugins/editor/defaultBar/FormSettings/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -11,5 +10,4 @@ Object.defineProperty(exports, "FormSettingsButton", {
     return _FormSettingsButton.default;
   }
 });
-
 var _FormSettingsButton = _interopRequireDefault(require("./FormSettingsButton"));

package/admin/plugins/editor/defaultBar/FormSettings/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export { default as FormSettingsButton } from \"./FormSettingsButton\";\n"],"mappings":";;;;;;;;;;;;;;AAAA"}
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export { default as FormSettingsButton } from \"./FormSettingsButton\";\n"],"mappings":";;;;;;;;;;;;AAAA"}

package/admin/plugins/editor/defaultBar/Name/Name.js

@@ -1,60 +1,41 @@
 "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.Name = void 0;
-
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _Input = require("@webiny/ui/Input");
-
 var _Tooltip = require("@webiny/ui/Tooltip");
-
 var _reactHotkeyz = require("react-hotkeyz");
-
 var _NameStyled = require("./NameStyled");
-
 var _i18n = require("@webiny/app/i18n");
-
-var _useContentModelEditor = require("../../../../components/ContentModelEditor/useContentModelEditor");
-
+var _hooks = require("../../../../hooks");
 var _templateObject;
-
 var t = _i18n.i18n.namespace("ContentModelEditor.Name");
-
 var Name = function Name() {
-  var _useContentModelEdito = (0, _useContentModelEditor.useContentModelEditor)(),
-      data = _useContentModelEdito.data,
-      setData = _useContentModelEdito.setData;
-
+  var _useModelEditor = (0, _hooks.useModelEditor)(),
+    data = _useModelEditor.data,
+    setData = _useModelEditor.setData;
   var _useState = (0, _react.useState)(""),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      localName = _useState2[0],
-      setLocalName = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    localName = _useState2[0],
+    setLocalName = _useState2[1];
   var _useState3 = (0, _react.useState)(false),
-      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-      editingEnabled = _useState4[0],
-      setEditing = _useState4[1];
-
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    editingEnabled = _useState4[0],
+    setEditing = _useState4[1];
   var cancelChanges = function cancelChanges() {
     setEditing(false);
   };
-
   var startEditing = function startEditing() {
     setLocalName(data.name);
     setEditing(true);
   };
-
   var saveName = (0, _react.useCallback)(function (event) {
     event.preventDefault();
     setData(function (data) {
@@ -79,9 +60,10 @@ var Name = function Name() {
       },
       enter: saveName
     }
-  }); // Disable autoFocus because for some reason, blur event would automatically be triggered when clicking
-  // on the page title when doing Cypress testing. Not sure if this is RMWC or Cypress related issue.
+  });
 
+  // Disable autoFocus because for some reason, blur event would automatically be triggered when clicking
+  // on the page title when doing Cypress testing. Not sure if this is RMWC or Cypress related issue.
   var autoFocus = !window.Cypress;
   return editingEnabled ? /*#__PURE__*/_react.default.createElement(_NameStyled.NameInputWrapper, null, /*#__PURE__*/_react.default.createElement(_Input.Input, {
     autoFocus: autoFocus,
@@ -98,5 +80,4 @@ var Name = function Name() {
     onClick: startEditing
   }, data.name)));
 };
-
 exports.Name = Name;

package/admin/plugins/editor/defaultBar/Name/Name.js.map

@@ -1 +1 @@
-{"version":3,"names":["t","i18n","namespace","Name","useContentModelEditor","data","setData","useState","localName","setLocalName","editingEnabled","setEditing","cancelChanges","startEditing","name","saveName","useCallback","event","preventDefault","useHotkeys","zIndex","keys","disabled","esc","enter","autoFocus","window","Cypress","formNameWrapper"],"sources":["Name.tsx"],"sourcesContent":["import React, { useCallback, useState } from \"react\";\nimport { Input } from \"@webiny/ui/Input\";\nimport { Tooltip } from \"@webiny/ui/Tooltip\";\n/**\n * Package react-hotkeyz does not have types.\n */\n// @ts-ignore\nimport { useHotkeys } from \"react-hotkeyz\";\nimport { FormName, formNameWrapper, NameInputWrapper, NameWrapper } from \"./NameStyled\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { useContentModelEditor } from \"~/admin/components/ContentModelEditor/useContentModelEditor\";\n\nconst t = i18n.namespace(\"ContentModelEditor.Name\");\n\ndeclare global {\n    interface Window {\n        Cypress: any;\n    }\n}\n\nexport const Name: React.FC = () => {\n    const { data, setData } = useContentModelEditor();\n    const [localName, setLocalName] = useState<string>(\"\");\n    const [editingEnabled, setEditing] = useState<boolean>(false);\n\n    const cancelChanges = () => {\n        setEditing(false);\n    };\n\n    const startEditing = (): void => {\n        setLocalName(data.name);\n        setEditing(true);\n    };\n\n    const saveName = useCallback(\n        (event: React.SyntheticEvent) => {\n            event.preventDefault();\n            setData(data => {\n                data.name = localName;\n                return data;\n            });\n            setEditing(false);\n        },\n        [localName]\n    );\n\n    useHotkeys({\n        zIndex: 100,\n        keys: {\n            \"alt+cmd+enter\": startEditing\n        }\n    });\n\n    useHotkeys({\n        zIndex: 101,\n        disabled: !editingEnabled,\n        keys: {\n            esc: (event: React.SyntheticEvent) => {\n                event.preventDefault();\n                cancelChanges();\n            },\n            enter: saveName\n        }\n    });\n\n    // Disable autoFocus because for some reason, blur event would automatically be triggered when clicking\n    // on the page title when doing Cypress testing. Not sure if this is RMWC or Cypress related issue.\n    const autoFocus = !window.Cypress;\n\n    return editingEnabled ? (\n        <NameInputWrapper>\n            <Input\n                autoFocus={autoFocus}\n                fullwidth\n                value={localName}\n                onChange={setLocalName}\n                onBlur={saveName}\n            />\n        </NameInputWrapper>\n    ) : (\n        <NameWrapper>\n            <Tooltip\n                className={formNameWrapper}\n                placement={\"bottom\"}\n                content={<span>{t`rename`}</span>}\n            >\n                <FormName data-testid=\"cms-editor-model-title\" onClick={startEditing}>\n                    {data.name}\n                </FormName>\n            </Tooltip>\n        </NameWrapper>\n    );\n};\n"],"mappings":";;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AAKA;;AACA;;AACA;;AACA;;;;AAEA,IAAMA,CAAC,GAAGC,UAAA,CAAKC,SAAL,CAAe,yBAAf,CAAV;;AAQO,IAAMC,IAAc,GAAG,SAAjBA,IAAiB,GAAM;EAChC,4BAA0B,IAAAC,4CAAA,GAA1B;EAAA,IAAQC,IAAR,yBAAQA,IAAR;EAAA,IAAcC,OAAd,yBAAcA,OAAd;;EACA,gBAAkC,IAAAC,eAAA,EAAiB,EAAjB,CAAlC;EAAA;EAAA,IAAOC,SAAP;EAAA,IAAkBC,YAAlB;;EACA,iBAAqC,IAAAF,eAAA,EAAkB,KAAlB,CAArC;EAAA;EAAA,IAAOG,cAAP;EAAA,IAAuBC,UAAvB;;EAEA,IAAMC,aAAa,GAAG,SAAhBA,aAAgB,GAAM;IACxBD,UAAU,CAAC,KAAD,CAAV;EACH,CAFD;;EAIA,IAAME,YAAY,GAAG,SAAfA,YAAe,GAAY;IAC7BJ,YAAY,CAACJ,IAAI,CAACS,IAAN,CAAZ;IACAH,UAAU,CAAC,IAAD,CAAV;EACH,CAHD;;EAKA,IAAMI,QAAQ,GAAG,IAAAC,kBAAA,EACb,UAACC,KAAD,EAAiC;IAC7BA,KAAK,CAACC,cAAN;IACAZ,OAAO,CAAC,UAAAD,IAAI,EAAI;MACZA,IAAI,CAACS,IAAL,GAAYN,SAAZ;MACA,OAAOH,IAAP;IACH,CAHM,CAAP;IAIAM,UAAU,CAAC,KAAD,CAAV;EACH,CARY,EASb,CAACH,SAAD,CATa,CAAjB;EAYA,IAAAW,wBAAA,EAAW;IACPC,MAAM,EAAE,GADD;IAEPC,IAAI,EAAE;MACF,iBAAiBR;IADf;EAFC,CAAX;EAOA,IAAAM,wBAAA,EAAW;IACPC,MAAM,EAAE,GADD;IAEPE,QAAQ,EAAE,CAACZ,cAFJ;IAGPW,IAAI,EAAE;MACFE,GAAG,EAAE,aAACN,KAAD,EAAiC;QAClCA,KAAK,CAACC,cAAN;QACAN,aAAa;MAChB,CAJC;MAKFY,KAAK,EAAET;IALL;EAHC,CAAX,EAjCgC,CA6ChC;EACA;;EACA,IAAMU,SAAS,GAAG,CAACC,MAAM,CAACC,OAA1B;EAEA,OAAOjB,cAAc,gBACjB,6BAAC,4BAAD,qBACI,6BAAC,YAAD;IACI,SAAS,EAAEe,SADf;IAEI,SAAS,MAFb;IAGI,KAAK,EAAEjB,SAHX;IAII,QAAQ,EAAEC,YAJd;IAKI,MAAM,EAAEM;EALZ,EADJ,CADiB,gBAWjB,6BAAC,uBAAD,qBACI,6BAAC,gBAAD;IACI,SAAS,EAAEa,2BADf;IAEI,SAAS,EAAE,QAFf;IAGI,OAAO,eAAE,2CAAO5B,CAAP;EAHb,gBAKI,6BAAC,oBAAD;IAAU,eAAY,wBAAtB;IAA+C,OAAO,EAAEa;EAAxD,GACKR,IAAI,CAACS,IADV,CALJ,CADJ,CAXJ;AAuBH,CAxEM"}
+{"version":3,"names":["t","i18n","namespace","Name","useModelEditor","data","setData","useState","localName","setLocalName","editingEnabled","setEditing","cancelChanges","startEditing","name","saveName","useCallback","event","preventDefault","useHotkeys","zIndex","keys","disabled","esc","enter","autoFocus","window","Cypress","formNameWrapper"],"sources":["Name.tsx"],"sourcesContent":["import React, { useCallback, useState } from \"react\";\nimport { Input } from \"@webiny/ui/Input\";\nimport { Tooltip } from \"@webiny/ui/Tooltip\";\n/**\n * Package react-hotkeyz does not have types.\n */\n// @ts-ignore\nimport { useHotkeys } from \"react-hotkeyz\";\nimport { FormName, formNameWrapper, NameInputWrapper, NameWrapper } from \"./NameStyled\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { useModelEditor } from \"~/admin/hooks\";\n\nconst t = i18n.namespace(\"ContentModelEditor.Name\");\n\ndeclare global {\n    interface Window {\n        Cypress: any;\n    }\n}\n\nexport const Name: React.FC = () => {\n    const { data, setData } = useModelEditor();\n    const [localName, setLocalName] = useState<string>(\"\");\n    const [editingEnabled, setEditing] = useState<boolean>(false);\n\n    const cancelChanges = () => {\n        setEditing(false);\n    };\n\n    const startEditing = (): void => {\n        setLocalName(data.name);\n        setEditing(true);\n    };\n\n    const saveName = useCallback(\n        (event: React.SyntheticEvent) => {\n            event.preventDefault();\n            setData(data => {\n                data.name = localName;\n                return data;\n            });\n            setEditing(false);\n        },\n        [localName]\n    );\n\n    useHotkeys({\n        zIndex: 100,\n        keys: {\n            \"alt+cmd+enter\": startEditing\n        }\n    });\n\n    useHotkeys({\n        zIndex: 101,\n        disabled: !editingEnabled,\n        keys: {\n            esc: (event: React.SyntheticEvent) => {\n                event.preventDefault();\n                cancelChanges();\n            },\n            enter: saveName\n        }\n    });\n\n    // Disable autoFocus because for some reason, blur event would automatically be triggered when clicking\n    // on the page title when doing Cypress testing. Not sure if this is RMWC or Cypress related issue.\n    const autoFocus = !window.Cypress;\n\n    return editingEnabled ? (\n        <NameInputWrapper>\n            <Input\n                autoFocus={autoFocus}\n                fullwidth\n                value={localName}\n                onChange={setLocalName}\n                onBlur={saveName}\n            />\n        </NameInputWrapper>\n    ) : (\n        <NameWrapper>\n            <Tooltip\n                className={formNameWrapper}\n                placement={\"bottom\"}\n                content={<span>{t`rename`}</span>}\n            >\n                <FormName data-testid=\"cms-editor-model-title\" onClick={startEditing}>\n                    {data.name}\n                </FormName>\n            </Tooltip>\n        </NameWrapper>\n    );\n};\n"],"mappings":";;;;;;;;;;AAAA;AACA;AACA;AAKA;AACA;AACA;AACA;AAA+C;AAE/C,IAAMA,CAAC,GAAGC,UAAI,CAACC,SAAS,CAAC,yBAAyB,CAAC;AAQ5C,IAAMC,IAAc,GAAG,SAAjBA,IAAc,GAAS;EAChC,sBAA0B,IAAAC,qBAAc,GAAE;IAAlCC,IAAI,mBAAJA,IAAI;IAAEC,OAAO,mBAAPA,OAAO;EACrB,gBAAkC,IAAAC,eAAQ,EAAS,EAAE,CAAC;IAAA;IAA/CC,SAAS;IAAEC,YAAY;EAC9B,iBAAqC,IAAAF,eAAQ,EAAU,KAAK,CAAC;IAAA;IAAtDG,cAAc;IAAEC,UAAU;EAEjC,IAAMC,aAAa,GAAG,SAAhBA,aAAa,GAAS;IACxBD,UAAU,CAAC,KAAK,CAAC;EACrB,CAAC;EAED,IAAME,YAAY,GAAG,SAAfA,YAAY,GAAe;IAC7BJ,YAAY,CAACJ,IAAI,CAACS,IAAI,CAAC;IACvBH,UAAU,CAAC,IAAI,CAAC;EACpB,CAAC;EAED,IAAMI,QAAQ,GAAG,IAAAC,kBAAW,EACxB,UAACC,KAA2B,EAAK;IAC7BA,KAAK,CAACC,cAAc,EAAE;IACtBZ,OAAO,CAAC,UAAAD,IAAI,EAAI;MACZA,IAAI,CAACS,IAAI,GAAGN,SAAS;MACrB,OAAOH,IAAI;IACf,CAAC,CAAC;IACFM,UAAU,CAAC,KAAK,CAAC;EACrB,CAAC,EACD,CAACH,SAAS,CAAC,CACd;EAED,IAAAW,wBAAU,EAAC;IACPC,MAAM,EAAE,GAAG;IACXC,IAAI,EAAE;MACF,eAAe,EAAER;IACrB;EACJ,CAAC,CAAC;EAEF,IAAAM,wBAAU,EAAC;IACPC,MAAM,EAAE,GAAG;IACXE,QAAQ,EAAE,CAACZ,cAAc;IACzBW,IAAI,EAAE;MACFE,GAAG,EAAE,aAACN,KAA2B,EAAK;QAClCA,KAAK,CAACC,cAAc,EAAE;QACtBN,aAAa,EAAE;MACnB,CAAC;MACDY,KAAK,EAAET;IACX;EACJ,CAAC,CAAC;;EAEF;EACA;EACA,IAAMU,SAAS,GAAG,CAACC,MAAM,CAACC,OAAO;EAEjC,OAAOjB,cAAc,gBACjB,6BAAC,4BAAgB,qBACb,6BAAC,YAAK;IACF,SAAS,EAAEe,SAAU;IACrB,SAAS;IACT,KAAK,EAAEjB,SAAU;IACjB,QAAQ,EAAEC,YAAa;IACvB,MAAM,EAAEM;EAAS,EACnB,CACa,gBAEnB,6BAAC,uBAAW,qBACR,6BAAC,gBAAO;IACJ,SAAS,EAAEa,2BAAgB;IAC3B,SAAS,EAAE,QAAS;IACpB,OAAO,eAAE,2CAAO5B,CAAC;EAAiB,gBAElC,6BAAC,oBAAQ;IAAC,eAAY,wBAAwB;IAAC,OAAO,EAAEa;EAAa,GAChER,IAAI,CAACS,IAAI,CACH,CACL,CAEjB;AACL,CAAC;AAAC"}

package/admin/plugins/editor/defaultBar/Name/NameStyled.d.ts

@@ -1,7 +1,16 @@
 /// <reference types="react" />
-/// <reference types="web" />
 /// <reference types="react" />
-export declare const NameInputWrapper: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
-export declare const NameWrapper: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
-export declare const FormName: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
+/// <reference types="web" />
+export declare const NameInputWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const NameWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const FormName: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const formNameWrapper: string;

package/admin/plugins/editor/defaultBar/Name/NameStyled.js

@@ -1,16 +1,12 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.formNameWrapper = exports.NameWrapper = exports.NameInputWrapper = exports.FormName = void 0;
-
 var _styled = _interopRequireDefault(require("@emotion/styled"));
-
 var _emotion = require("emotion");
-
 var NameInputWrapper = /*#__PURE__*/(0, _styled.default)("div", {
   target: "e1go0so10",
   label: "NameInputWrapper"