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

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

@@ -1,77 +1,104 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+
+var _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 _templateObject, _templateObject2;
 
-import React, { useState } from "react";
-import { plugins } from "@webiny/plugins";
-import { OverlayLayout } from "@webiny/app-admin/components/OverlayLayout";
-import { SplitView, LeftPanel, RightPanel } from "@webiny/app-admin/components/SplitView";
-import { Typography } from "@webiny/ui/Typography";
-import { Form } from "@webiny/form";
-import { Icon } from "@webiny/ui/Icon";
-import { ButtonPrimary } from "@webiny/ui/Button";
-import { List, ListItem, ListItemGraphic } from "@webiny/ui/List";
-import { useSnackbar } from "@webiny/app-admin/hooks/useSnackbar";
-import { i18n } from "@webiny/app/i18n";
-import * as SF from "@webiny/app-admin/components/SimpleForm";
-import { Title, listItem, ListItemTitle, listStyle, TitleContent } from "./FormSettingsStyled";
-import { useContentModelEditor } from "../../../../components/ContentModelEditor/useContentModelEditor";
-var t = i18n.namespace("FormsApp.Editor.FormSettings");
+var t = _i18n.i18n.namespace("FormsApp.Editor.FormSettings");
 
 var FormSettings = function FormSettings(_ref) {
   var onExited = _ref.onExited;
-  var cmsEditorFormSettingsPlugins = plugins.byType("cms-editor-form-settings");
 
-  var _useContentModelEdito = useContentModelEditor(),
+  var cmsEditorFormSettingsPlugins = _plugins.plugins.byType("cms-editor-form-settings");
+
+  var _useContentModelEdito = (0, _useContentModelEditor.useContentModelEditor)(),
       data = _useContentModelEdito.data,
       setData = _useContentModelEdito.setData;
 
-  var _useSnackbar = useSnackbar(),
+  var _useSnackbar = (0, _useSnackbar2.useSnackbar)(),
       showSnackbar = _useSnackbar.showSnackbar;
 
-  var _useState = useState(cmsEditorFormSettingsPlugins[0]),
-      _useState2 = _slicedToArray(_useState, 2),
+  var _useState = (0, _react.useState)(cmsEditorFormSettingsPlugins[0]),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
       activePlugin = _useState2[0],
       setActivePlugin = _useState2[1];
 
-  return /*#__PURE__*/React.createElement(OverlayLayout, {
-    barMiddle: Title,
+  return /*#__PURE__*/_react.default.createElement(_OverlayLayout.OverlayLayout, {
+    barMiddle: _FormSettingsStyled.Title,
     onExited: onExited
-  }, /*#__PURE__*/React.createElement(SplitView, null, /*#__PURE__*/React.createElement(LeftPanel, {
+  }, /*#__PURE__*/_react.default.createElement(_SplitView.SplitView, null, /*#__PURE__*/_react.default.createElement(_SplitView.LeftPanel, {
     span: 5
-  }, /*#__PURE__*/React.createElement(List, {
+  }, /*#__PURE__*/_react.default.createElement(_List.List, {
     twoLine: true,
-    className: listStyle
+    className: _FormSettingsStyled.listStyle
   }, cmsEditorFormSettingsPlugins.map(function (pl) {
-    return /*#__PURE__*/React.createElement(ListItem, {
+    return /*#__PURE__*/_react.default.createElement(_List.ListItem, {
       key: pl.name,
-      className: listItem,
+      className: _FormSettingsStyled.listItem,
       onClick: function onClick() {
         return setActivePlugin(pl);
       }
-    }, /*#__PURE__*/React.createElement(ListItemGraphic, null, /*#__PURE__*/React.createElement(Icon, {
+    }, /*#__PURE__*/_react.default.createElement(_List.ListItemGraphic, null, /*#__PURE__*/_react.default.createElement(_Icon.Icon, {
       icon: pl.icon
-    })), /*#__PURE__*/React.createElement(TitleContent, null, /*#__PURE__*/React.createElement(ListItemTitle, null, pl.title), /*#__PURE__*/React.createElement(Typography, {
+    })), /*#__PURE__*/_react.default.createElement(_FormSettingsStyled.TitleContent, null, /*#__PURE__*/_react.default.createElement(_FormSettingsStyled.ListItemTitle, null, pl.title), /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
       use: "subtitle2"
     }, pl.description)));
-  }))), /*#__PURE__*/React.createElement(RightPanel, {
+  }))), /*#__PURE__*/_react.default.createElement(_SplitView.RightPanel, {
     span: 7
-  }, /*#__PURE__*/React.createElement(Form, {
+  }, /*#__PURE__*/_react.default.createElement(_form.Form, {
     data: data,
     onSubmit: function onSubmit(data) {
       setData(function () {
         return data;
       });
       onExited();
-      showSnackbar(t(_templateObject || (_templateObject = _taggedTemplateLiteral(["Content model settings updated successfully."]))));
+      showSnackbar(t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Content model settings updated successfully."]))));
     }
   }, function (_ref2) {
     var Bind = _ref2.Bind,
         submit = _ref2.submit,
         form = _ref2.form,
         formData = _ref2.data;
-    return /*#__PURE__*/React.createElement(SF.SimpleForm, null, /*#__PURE__*/React.createElement(SF.SimpleFormHeader, {
+    return /*#__PURE__*/_react.default.createElement(SF.SimpleForm, null, /*#__PURE__*/_react.default.createElement(SF.SimpleFormHeader, {
       title: activePlugin.title
     }, typeof activePlugin.renderHeaderActions === "function" && activePlugin.renderHeaderActions({
       /**
@@ -81,7 +108,7 @@ var FormSettings = function FormSettings(_ref) {
       Bind: Bind,
       form: form,
       formData: formData
-    })), /*#__PURE__*/React.createElement(SF.SimpleFormContent, null, activePlugin ? activePlugin.render({
+    })), /*#__PURE__*/_react.default.createElement(SF.SimpleFormContent, null, activePlugin ? activePlugin.render({
       /**
        * TODO @ts-refactor
        * Figure out type for Bind
@@ -89,12 +116,13 @@ var FormSettings = function FormSettings(_ref) {
       Bind: Bind,
       form: form,
       formData: formData
-    }) : null), /*#__PURE__*/React.createElement(SF.SimpleFormFooter, null, /*#__PURE__*/React.createElement(ButtonPrimary, {
+    }) : null), /*#__PURE__*/_react.default.createElement(SF.SimpleFormFooter, null, /*#__PURE__*/_react.default.createElement(_Button.ButtonPrimary, {
       onClick: function onClick(ev) {
         submit(ev);
       }
-    }, t(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["Save settings"]))))));
+    }, t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["Save settings"]))))));
   }))));
 };
 
-export default FormSettings;
+var _default = FormSettings;
+exports.default = _default;

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

@@ -1 +1 @@
-{"version":3,"sources":["FormSettings.tsx"],"names":["React","useState","plugins","OverlayLayout","SplitView","LeftPanel","RightPanel","Typography","Form","Icon","ButtonPrimary","List","ListItem","ListItemGraphic","useSnackbar","i18n","SF","Title","listItem","ListItemTitle","listStyle","TitleContent","useContentModelEditor","t","namespace","FormSettings","onExited","cmsEditorFormSettingsPlugins","byType","data","setData","showSnackbar","activePlugin","setActivePlugin","map","pl","name","icon","title","description","Bind","submit","form","formData","renderHeaderActions","render","ev"],"mappings":"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","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={\"subtitle2\"}>{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"]}
+{"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={\"subtitle2\"}>{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,27 +1,43 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import React, { useState, useCallback } from "react";
-import { IconButton } from "@webiny/ui/Button";
-import FormSettings from "./FormSettings";
-import { ReactComponent as SettingsIcon } from "./../icons/settings.svg";
+"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 = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
+  var _useState = (0, _react.useState)(false),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
       opened = _useState2[0],
       setOpened = _useState2[1];
 
-  var open = useCallback(function () {
+  var open = (0, _react.useCallback)(function () {
     return setOpened(true);
   }, []);
-  var close = useCallback(function () {
+  var close = (0, _react.useCallback)(function () {
     return setOpened(false);
   }, []);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(IconButton, {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Button.IconButton, {
     onClick: open,
-    icon: /*#__PURE__*/React.createElement(SettingsIcon, null)
-  }), opened && /*#__PURE__*/React.createElement(FormSettings, {
+    icon: /*#__PURE__*/_react.default.createElement(_settings.ReactComponent, null)
+  }), opened && /*#__PURE__*/_react.default.createElement(_FormSettings.default, {
     onExited: close
   }));
 };
 
-export default FormSettingsButton;
+var _default = FormSettingsButton;
+exports.default = _default;

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

@@ -1 +1 @@
-{"version":3,"sources":["FormSettingsButton.tsx"],"names":["React","useState","useCallback","IconButton","FormSettings","ReactComponent","SettingsIcon","FormSettingsButton","opened","setOpened","open","close"],"mappings":";AAAA,OAAOA,KAAP,IAAgBC,QAAhB,EAA0BC,WAA1B,QAA6C,OAA7C;AACA,SAASC,UAAT,QAA2B,mBAA3B;AACA,OAAOC,YAAP;AAEA,SAASC,cAAc,IAAIC,YAA3B;;AAEA,IAAMC,kBAA4B,GAAG,SAA/BA,kBAA+B,GAAM;AACvC,kBAA4BN,QAAQ,CAAC,KAAD,CAApC;AAAA;AAAA,MAAOO,MAAP;AAAA,MAAeC,SAAf;;AACA,MAAMC,IAAI,GAAGR,WAAW,CAAC;AAAA,WAAMO,SAAS,CAAC,IAAD,CAAf;AAAA,GAAD,EAAwB,EAAxB,CAAxB;AACA,MAAME,KAAK,GAAGT,WAAW,CAAC;AAAA,WAAMO,SAAS,CAAC,KAAD,CAAf;AAAA,GAAD,EAAyB,EAAzB,CAAzB;AAEA,sBACI,uDACI,oBAAC,UAAD;AAAY,IAAA,OAAO,EAAEC,IAArB;AAA2B,IAAA,IAAI,eAAE,oBAAC,YAAD;AAAjC,IADJ,EAEKF,MAAM,iBAAI,oBAAC,YAAD;AAAc,IAAA,QAAQ,EAAEG;AAAxB,IAFf,CADJ;AAMH,CAXD;;AAaA,eAAeJ,kBAAf","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"]}
+{"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"}

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

@@ -1,14 +1,30 @@
-import * as React from "react";
-import { css } from "emotion";
-import styled from "@emotion/styled";
-import { Typography } from "@webiny/ui/Typography";
-export var listStyle = /*#__PURE__*/css({
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.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,
     backgroundColor: "var(--mdc-theme-surface)"
   }
 }, "label:listStyle;");
-export var listItem = /*#__PURE__*/css({
+exports.listStyle = listStyle;
+var listItem = /*#__PURE__*/(0, _emotion.css)({
   padding: "15px 20px",
   cursor: "pointer",
   borderBottom: "1px solid var(--mdc-theme-background)",
@@ -19,24 +35,28 @@ export var listItem = /*#__PURE__*/css({
     marginRight: 20
   }
 }, "label:listItem;");
-export var ListItemTitle = /*#__PURE__*/styled("div", {
+exports.listItem = listItem;
+var ListItemTitle = /*#__PURE__*/(0, _styled.default)("div", {
   target: "enz7avh0",
   label: "ListItemTitle"
 })({
   fontWeight: 600,
   marginBottom: 5
 });
-export var Title = /*#__PURE__*/React.createElement(Typography, {
+exports.ListItemTitle = ListItemTitle;
+var Title = /*#__PURE__*/React.createElement(_Typography.Typography, {
   style: {
     margin: "0 auto",
     color: "var(--mdc-theme-on-surface)"
   },
   use: "headline6"
 }, "Content model settings");
-export var TitleContent = /*#__PURE__*/styled("div", {
+exports.Title = Title;
+var TitleContent = /*#__PURE__*/(0, _styled.default)("div", {
   target: "enz7avh1",
   label: "TitleContent"
 })({
   display: "flex",
   flexDirection: "column"
-});
+});
+exports.TitleContent = TitleContent;

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

@@ -1 +1 @@
-{"version":3,"sources":["FormSettingsStyled.tsx"],"names":["React","css","styled","Typography","listStyle","padding","backgroundColor","listItem","cursor","borderBottom","marginRight","ListItemTitle","fontWeight","marginBottom","Title","margin","color","TitleContent","display","flexDirection"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,GAAT,QAAoB,SAApB;AACA,OAAOC,MAAP,MAAmB,iBAAnB;AACA,SAASC,UAAT,QAA2B,uBAA3B;AAEA,OAAO,IAAMC,SAAS,gBAAGH,GAAG,CAAC;AACzB,gBAAc;AACVI,IAAAA,OAAO,EAAE,CADC;AAEVC,IAAAA,eAAe,EAAE;AAFP;AADW,CAAD,qBAArB;AAOP,OAAO,IAAMC,QAAQ,gBAAGN,GAAG,CAAC;AACxBI,EAAAA,OAAO,EAAE,WADe;AAExBG,EAAAA,MAAM,EAAE,SAFgB;AAGxBC,EAAAA,YAAY,EAAE,uCAHU;AAIxB,kBAAgB;AACZA,IAAAA,YAAY,EAAE;AADF,GAJQ;AAOxB,6BAA2B;AACvBC,IAAAA,WAAW,EAAE;AADU;AAPH,CAAD,oBAApB;AAYP,OAAO,IAAMC,aAAa,gBAAGT,MAAH,CAAU,KAAV;AAAA;AAAA;AAAA,GAAiB;AACvCU,EAAAA,UAAU,EAAE,GAD2B;AAEvCC,EAAAA,YAAY,EAAE;AAFyB,CAAjB,CAAnB;AAKP,OAAO,IAAMC,KAAK,gBACd,oBAAC,UAAD;AACI,EAAA,KAAK,EAAE;AAAEC,IAAAA,MAAM,EAAE,QAAV;AAAoBC,IAAAA,KAAK,EAAE;AAA3B,GADX;AAEI,EAAA,GAAG,EAAE;AAFT,4BADG;AASP,OAAO,IAAMC,YAAY,gBAAGf,MAAH,CAAU,KAAV;AAAA;AAAA;AAAA,GAAiB;AACtCgB,EAAAA,OAAO,EAAE,MAD6B;AAEtCC,EAAAA,aAAa,EAAE;AAFuB,CAAjB,CAAlB","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"]}
+{"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"}

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

@@ -1 +1,15 @@
-export { default as FormSettingsButton } from "./FormSettingsButton";
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "FormSettingsButton", {
+  enumerable: true,
+  get: function get() {
+    return _FormSettingsButton.default;
+  }
+});
+
+var _FormSettingsButton = _interopRequireDefault(require("./FormSettingsButton"));

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

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"names":["default","FormSettingsButton"],"mappings":"AAAA,SAASA,OAAO,IAAIC,kBAApB","sourcesContent":["export { default as FormSettingsButton } from \"./FormSettingsButton\";\n"]}
+{"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,33 +1,48 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.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 _templateObject;
 
-import React, { useCallback, useState } from "react";
-import { Input } from "@webiny/ui/Input";
-import { Tooltip } from "@webiny/ui/Tooltip";
-/**
- * Package react-hotkeyz does not have types.
- */
-// @ts-ignore
-
-import { useHotkeys } from "react-hotkeyz";
-import { FormName, formNameWrapper, NameInputWrapper, NameWrapper } from "./NameStyled";
-import { i18n } from "@webiny/app/i18n";
-import { useContentModelEditor } from "../../../../components/ContentModelEditor/useContentModelEditor";
-var t = i18n.namespace("ContentModelEditor.Name");
-export var Name = function Name() {
-  var _useContentModelEdito = useContentModelEditor(),
+var t = _i18n.i18n.namespace("ContentModelEditor.Name");
+
+var Name = function Name() {
+  var _useContentModelEdito = (0, _useContentModelEditor.useContentModelEditor)(),
       data = _useContentModelEdito.data,
       setData = _useContentModelEdito.setData;
 
-  var _useState = useState(""),
-      _useState2 = _slicedToArray(_useState, 2),
+  var _useState = (0, _react.useState)(""),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
       localName = _useState2[0],
       setLocalName = _useState2[1];
 
-  var _useState3 = useState(false),
-      _useState4 = _slicedToArray(_useState3, 2),
+  var _useState3 = (0, _react.useState)(false),
+      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
       editingEnabled = _useState4[0],
       setEditing = _useState4[1];
 
@@ -40,7 +55,7 @@ export var Name = function Name() {
     setEditing(true);
   };
 
-  var saveName = useCallback(function (event) {
+  var saveName = (0, _react.useCallback)(function (event) {
     event.preventDefault();
     setData(function (data) {
       data.name = localName;
@@ -48,13 +63,13 @@ export var Name = function Name() {
     });
     setEditing(false);
   }, [localName]);
-  useHotkeys({
+  (0, _reactHotkeyz.useHotkeys)({
     zIndex: 100,
     keys: {
       "alt+cmd+enter": startEditing
     }
   });
-  useHotkeys({
+  (0, _reactHotkeyz.useHotkeys)({
     zIndex: 101,
     disabled: !editingEnabled,
     keys: {
@@ -68,18 +83,20 @@ export var Name = function Name() {
   // 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.createElement(NameInputWrapper, null, /*#__PURE__*/React.createElement(Input, {
+  return editingEnabled ? /*#__PURE__*/_react.default.createElement(_NameStyled.NameInputWrapper, null, /*#__PURE__*/_react.default.createElement(_Input.Input, {
     autoFocus: autoFocus,
     fullwidth: true,
     value: localName,
     onChange: setLocalName,
     onBlur: saveName
-  })) : /*#__PURE__*/React.createElement(NameWrapper, null, /*#__PURE__*/React.createElement(Tooltip, {
-    className: formNameWrapper,
+  })) : /*#__PURE__*/_react.default.createElement(_NameStyled.NameWrapper, null, /*#__PURE__*/_react.default.createElement(_Tooltip.Tooltip, {
+    className: _NameStyled.formNameWrapper,
     placement: "bottom",
-    content: /*#__PURE__*/React.createElement("span", null, t(_templateObject || (_templateObject = _taggedTemplateLiteral(["rename"]))))
-  }, /*#__PURE__*/React.createElement(FormName, {
+    content: /*#__PURE__*/_react.default.createElement("span", null, t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["rename"]))))
+  }, /*#__PURE__*/_react.default.createElement(_NameStyled.FormName, {
     "data-testid": "cms-editor-model-title",
     onClick: startEditing
   }, data.name)));
-};
+};
+
+exports.Name = Name;

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

@@ -1 +1 @@
-{"version":3,"sources":["Name.tsx"],"names":["React","useCallback","useState","Input","Tooltip","useHotkeys","FormName","formNameWrapper","NameInputWrapper","NameWrapper","i18n","useContentModelEditor","t","namespace","Name","data","setData","localName","setLocalName","editingEnabled","setEditing","cancelChanges","startEditing","name","saveName","event","preventDefault","zIndex","keys","disabled","esc","enter","autoFocus","window","Cypress"],"mappings":";;;;;AAAA,OAAOA,KAAP,IAAgBC,WAAhB,EAA6BC,QAA7B,QAA6C,OAA7C;AACA,SAASC,KAAT,QAAsB,kBAAtB;AACA,SAASC,OAAT,QAAwB,oBAAxB;AACA;AACA;AACA;AACA;;AACA,SAASC,UAAT,QAA2B,eAA3B;AACA,SAASC,QAAT,EAAmBC,eAAnB,EAAoCC,gBAApC,EAAsDC,WAAtD;AACA,SAASC,IAAT,QAAqB,kBAArB;AACA,SAASC,qBAAT;AAEA,IAAMC,CAAC,GAAGF,IAAI,CAACG,SAAL,CAAe,yBAAf,CAAV;AAQA,OAAO,IAAMC,IAAc,GAAG,SAAjBA,IAAiB,GAAM;AAChC,8BAA0BH,qBAAqB,EAA/C;AAAA,MAAQI,IAAR,yBAAQA,IAAR;AAAA,MAAcC,OAAd,yBAAcA,OAAd;;AACA,kBAAkCd,QAAQ,CAAS,EAAT,CAA1C;AAAA;AAAA,MAAOe,SAAP;AAAA,MAAkBC,YAAlB;;AACA,mBAAqChB,QAAQ,CAAU,KAAV,CAA7C;AAAA;AAAA,MAAOiB,cAAP;AAAA,MAAuBC,UAAvB;;AAEA,MAAMC,aAAa,GAAG,SAAhBA,aAAgB,GAAM;AACxBD,IAAAA,UAAU,CAAC,KAAD,CAAV;AACH,GAFD;;AAIA,MAAME,YAAY,GAAG,SAAfA,YAAe,GAAY;AAC7BJ,IAAAA,YAAY,CAACH,IAAI,CAACQ,IAAN,CAAZ;AACAH,IAAAA,UAAU,CAAC,IAAD,CAAV;AACH,GAHD;;AAKA,MAAMI,QAAQ,GAAGvB,WAAW,CACxB,UAACwB,KAAD,EAAiC;AAC7BA,IAAAA,KAAK,CAACC,cAAN;AACAV,IAAAA,OAAO,CAAC,UAAAD,IAAI,EAAI;AACZA,MAAAA,IAAI,CAACQ,IAAL,GAAYN,SAAZ;AACA,aAAOF,IAAP;AACH,KAHM,CAAP;AAIAK,IAAAA,UAAU,CAAC,KAAD,CAAV;AACH,GARuB,EASxB,CAACH,SAAD,CATwB,CAA5B;AAYAZ,EAAAA,UAAU,CAAC;AACPsB,IAAAA,MAAM,EAAE,GADD;AAEPC,IAAAA,IAAI,EAAE;AACF,uBAAiBN;AADf;AAFC,GAAD,CAAV;AAOAjB,EAAAA,UAAU,CAAC;AACPsB,IAAAA,MAAM,EAAE,GADD;AAEPE,IAAAA,QAAQ,EAAE,CAACV,cAFJ;AAGPS,IAAAA,IAAI,EAAE;AACFE,MAAAA,GAAG,EAAE,aAACL,KAAD,EAAiC;AAClCA,QAAAA,KAAK,CAACC,cAAN;AACAL,QAAAA,aAAa;AAChB,OAJC;AAKFU,MAAAA,KAAK,EAAEP;AALL;AAHC,GAAD,CAAV,CAjCgC,CA6ChC;AACA;;AACA,MAAMQ,SAAS,GAAG,CAACC,MAAM,CAACC,OAA1B;AAEA,SAAOf,cAAc,gBACjB,oBAAC,gBAAD,qBACI,oBAAC,KAAD;AACI,IAAA,SAAS,EAAEa,SADf;AAEI,IAAA,SAAS,MAFb;AAGI,IAAA,KAAK,EAAEf,SAHX;AAII,IAAA,QAAQ,EAAEC,YAJd;AAKI,IAAA,MAAM,EAAEM;AALZ,IADJ,CADiB,gBAWjB,oBAAC,WAAD,qBACI,oBAAC,OAAD;AACI,IAAA,SAAS,EAAEjB,eADf;AAEI,IAAA,SAAS,EAAE,QAFf;AAGI,IAAA,OAAO,eAAE,kCAAOK,CAAP;AAHb,kBAKI,oBAAC,QAAD;AAAU,mBAAY,wBAAtB;AAA+C,IAAA,OAAO,EAAEU;AAAxD,KACKP,IAAI,CAACQ,IADV,CALJ,CADJ,CAXJ;AAuBH,CAxEM","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"]}
+{"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"}

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

@@ -1,6 +1,17 @@
-import styled from "@emotion/styled";
-import { css } from "emotion";
-export var NameInputWrapper = /*#__PURE__*/styled("div", {
+"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"
 })({
@@ -15,7 +26,8 @@ export var NameInputWrapper = /*#__PURE__*/styled("div", {
     paddingRight: 40
   }
 });
-export var NameWrapper = /*#__PURE__*/styled("div", {
+exports.NameInputWrapper = NameInputWrapper;
+var NameWrapper = /*#__PURE__*/(0, _styled.default)("div", {
   target: "e1go0so11",
   label: "NameWrapper"
 })({
@@ -28,7 +40,8 @@ export var NameWrapper = /*#__PURE__*/styled("div", {
   width: "100%",
   marginLeft: 10
 });
-export var FormName = /*#__PURE__*/styled("div", {
+exports.NameWrapper = NameWrapper;
+var FormName = /*#__PURE__*/(0, _styled.default)("div", {
   target: "e1go0so12",
   label: "FormName"
 })({
@@ -43,6 +56,8 @@ export var FormName = /*#__PURE__*/styled("div", {
     border: "1px solid var(--mdc-theme-on-background)"
   }
 });
-export var formNameWrapper = /*#__PURE__*/css({
+exports.FormName = FormName;
+var formNameWrapper = /*#__PURE__*/(0, _emotion.css)({
   maxWidth: "calc(100% - 50px)"
-}, "label:formNameWrapper;");
+}, "label:formNameWrapper;");
+exports.formNameWrapper = formNameWrapper;

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

@@ -1 +1 @@
-{"version":3,"sources":["NameStyled.tsx"],"names":["styled","css","NameInputWrapper","width","display","alignItems","position","height","marginTop","paddingLeft","paddingRight","NameWrapper","justifyContent","flexDirection","color","marginLeft","FormName","border","fontSize","lineHeight","whiteSpace","overflow","textOverflow","formNameWrapper","maxWidth"],"mappings":"AAAA,OAAOA,MAAP,MAAmB,iBAAnB;AACA,SAASC,GAAT,QAAoB,SAApB;AAEA,OAAO,IAAMC,gBAAgB,gBAAGF,MAAH,CAAU,KAAV;AAAA;AAAA;AAAA,GAAiB;AAC1CG,EAAAA,KAAK,EAAE,MADmC;AAE1CC,EAAAA,OAAO,EAAE,MAFiC;AAG1CC,EAAAA,UAAU,EAAE,QAH8B;AAI1CC,EAAAA,QAAQ,EAAE,UAJgC;AAK1C,iCAA+B;AAC3BC,IAAAA,MAAM,EAAE,EADmB;AAE3BC,IAAAA,SAAS,EAAE,cAFgB;AAG3BC,IAAAA,WAAW,EAAE,EAHc;AAI3BC,IAAAA,YAAY,EAAE;AAJa;AALW,CAAjB,CAAtB;AAaP,OAAO,IAAMC,WAAW,gBAAGX,MAAH,CAAU,KAAV;AAAA;AAAA;AAAA,GAAiB;AACrCI,EAAAA,OAAO,EAAE,MAD4B;AAErCC,EAAAA,UAAU,EAAE,UAFyB;AAGrCO,EAAAA,cAAc,EAAE,aAHqB;AAIrCC,EAAAA,aAAa,EAAE,QAJsB;AAKrCC,EAAAA,KAAK,EAAE,6CAL8B;AAMrCR,EAAAA,QAAQ,EAAE,UAN2B;AAOrCH,EAAAA,KAAK,EAAE,MAP8B;AAQrCY,EAAAA,UAAU,EAAE;AARyB,CAAjB,CAAjB;AAWP,OAAO,IAAMC,QAAQ,gBAAGhB,MAAH,CAAU,KAAV;AAAA;AAAA;AAAA,GAAiB;AAClCiB,EAAAA,MAAM,EAAE,uBAD0B;AAElCC,EAAAA,QAAQ,EAAE,EAFwB;AAGlCC,EAAAA,UAAU,EAAE,IAHsB;AAIlCC,EAAAA,UAAU,EAAE,QAJsB;AAKlCC,EAAAA,QAAQ,EAAE,QALwB;AAMlCC,EAAAA,YAAY,EAAE,UANoB;AAOlCnB,EAAAA,KAAK,EAAE,MAP2B;AAQlC,aAAW;AACPc,IAAAA,MAAM,EAAE;AADD;AARuB,CAAjB,CAAd;AAaP,OAAO,IAAMM,eAAe,gBAAGtB,GAAG,CAAC;AAC/BuB,EAAAA,QAAQ,EAAE;AADqB,CAAD,2BAA3B","sourcesContent":["import styled from \"@emotion/styled\";\nimport { css } from \"emotion\";\n\nexport const NameInputWrapper = styled(\"div\")({\n    width: \"100%\",\n    display: \"flex\",\n    alignItems: \"center\",\n    position: \"relative\",\n    \"> .mdc-text-field--upgraded\": {\n        height: 35,\n        marginTop: \"0 !important\",\n        paddingLeft: 10,\n        paddingRight: 40\n    }\n});\n\nexport const NameWrapper = styled(\"div\")({\n    display: \"flex\",\n    alignItems: \"baseline\",\n    justifyContent: \"flex-center\",\n    flexDirection: \"column\",\n    color: \"var(--mdc-theme-text-primary-on-background)\",\n    position: \"relative\",\n    width: \"100%\",\n    marginLeft: 10\n});\n\nexport const FormName = styled(\"div\")({\n    border: \"1px solid transparent\",\n    fontSize: 20,\n    lineHeight: 1.25,\n    whiteSpace: \"nowrap\",\n    overflow: \"hidden\",\n    textOverflow: \"ellipsis\",\n    width: \"100%\",\n    \"&:hover\": {\n        border: \"1px solid var(--mdc-theme-on-background)\"\n    }\n});\n\nexport const formNameWrapper = css({\n    maxWidth: \"calc(100% - 50px)\"\n});\n"]}
+{"version":3,"names":["NameInputWrapper","styled","width","display","alignItems","position","height","marginTop","paddingLeft","paddingRight","NameWrapper","justifyContent","flexDirection","color","marginLeft","FormName","border","fontSize","lineHeight","whiteSpace","overflow","textOverflow","formNameWrapper","css","maxWidth"],"sources":["NameStyled.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { css } from \"emotion\";\n\nexport const NameInputWrapper = styled(\"div\")({\n    width: \"100%\",\n    display: \"flex\",\n    alignItems: \"center\",\n    position: \"relative\",\n    \"> .mdc-text-field--upgraded\": {\n        height: 35,\n        marginTop: \"0 !important\",\n        paddingLeft: 10,\n        paddingRight: 40\n    }\n});\n\nexport const NameWrapper = styled(\"div\")({\n    display: \"flex\",\n    alignItems: \"baseline\",\n    justifyContent: \"flex-center\",\n    flexDirection: \"column\",\n    color: \"var(--mdc-theme-text-primary-on-background)\",\n    position: \"relative\",\n    width: \"100%\",\n    marginLeft: 10\n});\n\nexport const FormName = styled(\"div\")({\n    border: \"1px solid transparent\",\n    fontSize: 20,\n    lineHeight: 1.25,\n    whiteSpace: \"nowrap\",\n    overflow: \"hidden\",\n    textOverflow: \"ellipsis\",\n    width: \"100%\",\n    \"&:hover\": {\n        border: \"1px solid var(--mdc-theme-on-background)\"\n    }\n});\n\nexport const formNameWrapper = css({\n    maxWidth: \"calc(100% - 50px)\"\n});\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AAEO,IAAMA,gBAAgB,oBAAGC,eAAH,EAAU,KAAV;EAAA;EAAA;AAAA,GAAiB;EAC1CC,KAAK,EAAE,MADmC;EAE1CC,OAAO,EAAE,MAFiC;EAG1CC,UAAU,EAAE,QAH8B;EAI1CC,QAAQ,EAAE,UAJgC;EAK1C,+BAA+B;IAC3BC,MAAM,EAAE,EADmB;IAE3BC,SAAS,EAAE,cAFgB;IAG3BC,WAAW,EAAE,EAHc;IAI3BC,YAAY,EAAE;EAJa;AALW,CAAjB,CAAtB;;AAaA,IAAMC,WAAW,oBAAGT,eAAH,EAAU,KAAV;EAAA;EAAA;AAAA,GAAiB;EACrCE,OAAO,EAAE,MAD4B;EAErCC,UAAU,EAAE,UAFyB;EAGrCO,cAAc,EAAE,aAHqB;EAIrCC,aAAa,EAAE,QAJsB;EAKrCC,KAAK,EAAE,6CAL8B;EAMrCR,QAAQ,EAAE,UAN2B;EAOrCH,KAAK,EAAE,MAP8B;EAQrCY,UAAU,EAAE;AARyB,CAAjB,CAAjB;;AAWA,IAAMC,QAAQ,oBAAGd,eAAH,EAAU,KAAV;EAAA;EAAA;AAAA,GAAiB;EAClCe,MAAM,EAAE,uBAD0B;EAElCC,QAAQ,EAAE,EAFwB;EAGlCC,UAAU,EAAE,IAHsB;EAIlCC,UAAU,EAAE,QAJsB;EAKlCC,QAAQ,EAAE,QALwB;EAMlCC,YAAY,EAAE,UANoB;EAOlCnB,KAAK,EAAE,MAP2B;EAQlC,WAAW;IACPc,MAAM,EAAE;EADD;AARuB,CAAjB,CAAd;;AAaA,IAAMM,eAAe,gBAAG,IAAAC,YAAA,EAAI;EAC/BC,QAAQ,EAAE;AADqB,CAAJ,2BAAxB"}

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

@@ -1 +1,13 @@
-export { Name } from "./Name";
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Name", {
+  enumerable: true,
+  get: function get() {
+    return _Name.Name;
+  }
+});
+
+var _Name = require("./Name");

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

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