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

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

@@ -1,94 +1,78 @@
-"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 _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 _useModelEditor = (0, _hooks.useModelEditor)(),
-    data = _useModelEditor.data,
-    setData = _useModelEditor.setData;
-  var _useSnackbar = (0, _useSnackbar2.useSnackbar)(),
-    showSnackbar = _useSnackbar.showSnackbar;
-  var _useState = (0, _react.useState)(cmsEditorFormSettingsPlugins[0]),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    activePlugin = _useState2[0],
-    setActivePlugin = _useState2[1];
-  return /*#__PURE__*/_react.default.createElement(_OverlayLayout.OverlayLayout, {
-    barMiddle: _FormSettingsStyled.Title,
+import React, { useState } from "react";
+import { plugins } from "@webiny/plugins";
+import { LeftPanel, OverlayLayout, RightPanel, SimpleForm, SimpleFormContent, SimpleFormFooter, SimpleFormHeader, SplitView, useSnackbar } from "@webiny/app-admin";
+import { Form } from "@webiny/form";
+import { i18n } from "@webiny/app/i18n/index.js";
+import { useModelEditor } from "../../../../hooks/index.js";
+import { Button, Heading, Icon, List } from "@webiny/admin-ui";
+const t = i18n.namespace("FormsApp.Editor.FormSettings");
+const Title = () => {
+  return /*#__PURE__*/React.createElement(Heading, {
+    level: 5,
+    className: "text-neutral-strong"
+  }, t`Content model settings`);
+};
+const FormSettings = ({
+  onExited
+}) => {
+  const cmsEditorFormSettingsPlugins = plugins.byType("cms-editor-form-settings");
+  const {
+    data,
+    setData
+  } = useModelEditor();
+  const {
+    showSnackbar
+  } = useSnackbar();
+  const [activePlugin, setActivePlugin] = useState(cmsEditorFormSettingsPlugins[0]);
+  return /*#__PURE__*/React.createElement(OverlayLayout, {
+    barMiddle: /*#__PURE__*/React.createElement(Title, null),
     onExited: onExited
-  }, /*#__PURE__*/_react.default.createElement(_SplitView.SplitView, null, /*#__PURE__*/_react.default.createElement(_SplitView.LeftPanel, {
+  }, /*#__PURE__*/React.createElement(SplitView, null, /*#__PURE__*/React.createElement(LeftPanel, {
     span: 5
-  }, /*#__PURE__*/_react.default.createElement(_List.List, {
-    twoLine: true,
-    className: _FormSettingsStyled.listStyle
-  }, cmsEditorFormSettingsPlugins.map(function (pl) {
-    return /*#__PURE__*/_react.default.createElement(_List.ListItem, {
-      key: pl.name,
-      className: _FormSettingsStyled.listItem,
-      onClick: function onClick() {
-        return setActivePlugin(pl);
-      }
-    }, /*#__PURE__*/_react.default.createElement(_List.ListItemGraphic, null, /*#__PURE__*/_react.default.createElement(_Icon.Icon, {
+  }, /*#__PURE__*/React.createElement(List, null, cmsEditorFormSettingsPlugins.map(pl => /*#__PURE__*/React.createElement(List.Item, {
+    key: pl.name,
+    onClick: () => setActivePlugin(pl),
+    icon: /*#__PURE__*/React.createElement(Icon, {
+      label: pl.title,
       icon: pl.icon
-    })), /*#__PURE__*/_react.default.createElement(_FormSettingsStyled.TitleContent, null, /*#__PURE__*/_react.default.createElement(_FormSettingsStyled.ListItemTitle, null, pl.title), /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
-      use: "body2"
-    }, pl.description)));
-  }))), /*#__PURE__*/_react.default.createElement(_SplitView.RightPanel, {
+    }),
+    title: pl.title,
+    description: pl.description
+  })))), /*#__PURE__*/React.createElement(RightPanel, {
     span: 7
-  }, /*#__PURE__*/_react.default.createElement(_form.Form, {
+  }, /*#__PURE__*/React.createElement(Form, {
     data: data,
-    onSubmit: function onSubmit(data) {
-      setData(function () {
-        return data;
-      });
+    onSubmit: data => {
+      setData(() => data);
       onExited();
-      showSnackbar(t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Content model settings updated successfully."]))));
+      showSnackbar(t`Content model settings updated successfully.`);
+    }
+  }, ({
+    Bind,
+    submit,
+    form,
+    data: formData
+  }) => /*#__PURE__*/React.createElement(SimpleForm, {
+    size: "lg"
+  }, /*#__PURE__*/React.createElement(SimpleFormHeader, {
+    title: activePlugin.title
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "flex justify-end items-center"
+  }, typeof activePlugin.renderHeaderActions === "function" && activePlugin.renderHeaderActions({
+    Bind,
+    form,
+    formData
+  }))), /*#__PURE__*/React.createElement(SimpleFormContent, null, activePlugin ? activePlugin.render({
+    Bind: Bind,
+    form,
+    formData
+  }) : null), activePlugin?.showSave !== false ? /*#__PURE__*/React.createElement(SimpleFormFooter, null, /*#__PURE__*/React.createElement(Button, {
+    text: t`Save`,
+    onClick: ev => {
+      submit(ev);
     }
-  }, function (_ref2) {
-    var Bind = _ref2.Bind,
-      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({
-      Bind: Bind,
-      form: form,
-      formData: formData
-    })), /*#__PURE__*/_react.default.createElement(SF.SimpleFormContent, null, activePlugin ? activePlugin.render({
-      Bind: Bind,
-      form: form,
-      formData: formData
-    }) : null), /*#__PURE__*/_react.default.createElement(SF.SimpleFormFooter, null, /*#__PURE__*/_react.default.createElement(_Button.ButtonPrimary, {
-      onClick: function onClick(ev) {
-        submit(ev);
-      }
-    }, t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["Save settings"]))))));
-  }))));
+  })) : null)))));
 };
-var _default = exports.default = FormSettings;
+export default FormSettings;
 
 //# sourceMappingURL=FormSettings.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_plugins","_OverlayLayout","_SplitView","_Typography","_form","_Icon","_Button","_List","_useSnackbar2","_i18n","SF","_FormSettingsStyled","_hooks","_templateObject","_templateObject2","t","i18n","namespace","FormSettings","_ref","onExited","cmsEditorFormSettingsPlugins","plugins","byType","_useModelEditor","useModelEditor","data","setData","_useSnackbar","useSnackbar","showSnackbar","_useState","useState","_useState2","_slicedToArray2","default","activePlugin","setActivePlugin","createElement","OverlayLayout","barMiddle","Title","SplitView","LeftPanel","span","List","twoLine","className","listStyle","map","pl","ListItem","key","name","listItem","onClick","ListItemGraphic","Icon","icon","TitleContent","ListItemTitle","title","Typography","use","description","RightPanel","Form","onSubmit","_taggedTemplateLiteral2","_ref2","Bind","submit","form","formData","SimpleForm","SimpleFormHeader","renderHeaderActions","SimpleFormContent","render","SimpleFormFooter","ButtonPrimary","ev","_default","exports"],"sources":["FormSettings.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { plugins } from \"@webiny/plugins\";\nimport { OverlayLayout } from \"@webiny/app-admin/components/OverlayLayout\";\nimport { LeftPanel, RightPanel, SplitView } 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 { listItem, ListItemTitle, listStyle, Title, 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 = ({ onExited }: FormSettingsProps) => {\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                                            Bind,\n                                            form,\n                                            formData\n                                        })}\n                                </SF.SimpleFormHeader>\n                                <SF.SimpleFormContent>\n                                    {activePlugin\n                                        ? activePlugin.render({\n                                              Bind: Bind,\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":";;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AACA,IAAAG,UAAA,GAAAH,OAAA;AACA,IAAAI,WAAA,GAAAJ,OAAA;AACA,IAAAK,KAAA,GAAAL,OAAA;AACA,IAAAM,KAAA,GAAAN,OAAA;AACA,IAAAO,OAAA,GAAAP,OAAA;AACA,IAAAQ,KAAA,GAAAR,OAAA;AACA,IAAAS,aAAA,GAAAT,OAAA;AACA,IAAAU,KAAA,GAAAV,OAAA;AACA,IAAAW,EAAA,GAAAZ,uBAAA,CAAAC,OAAA;AAEA,IAAAY,mBAAA,GAAAZ,OAAA;AACA,IAAAa,MAAA,GAAAb,OAAA;AAA+C,IAAAc,eAAA,EAAAC,gBAAA;AAE/C,IAAMC,CAAC,GAAGC,UAAI,CAACC,SAAS,CAAC,8BAA8B,CAAC;AAMxD,IAAMC,YAAY,GAAG,SAAfA,YAAYA,CAAAC,IAAA,EAAwC;EAAA,IAAlCC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;EAC5B,IAAMC,4BAA4B,GAAGC,gBAAO,CAACC,MAAM,CAC/C,0BACJ,CAAC;EACD,IAAAC,eAAA,GAA0B,IAAAC,qBAAc,EAAC,CAAC;IAAlCC,IAAI,GAAAF,eAAA,CAAJE,IAAI;IAAEC,OAAO,GAAAH,eAAA,CAAPG,OAAO;EACrB,IAAAC,YAAA,GAAyB,IAAAC,yBAAW,EAAC,CAAC;IAA9BC,YAAY,GAAAF,YAAA,CAAZE,YAAY;EAEpB,IAAAC,SAAA,GAAwC,IAAAC,eAAQ,EAACX,4BAA4B,CAAC,CAAC,CAAC,CAAC;IAAAY,UAAA,OAAAC,eAAA,CAAAC,OAAA,EAAAJ,SAAA;IAA1EK,YAAY,GAAAH,UAAA;IAAEI,eAAe,GAAAJ,UAAA;EAEpC,oBACIpC,MAAA,CAAAsC,OAAA,CAAAG,aAAA,CAACrC,cAAA,CAAAsC,aAAa;IAACC,SAAS,EAAEC,yBAAM;IAACrB,QAAQ,EAAEA;EAAS,gBAChDvB,MAAA,CAAAsC,OAAA,CAAAG,aAAA,CAACpC,UAAA,CAAAwC,SAAS,qBACN7C,MAAA,CAAAsC,OAAA,CAAAG,aAAA,CAACpC,UAAA,CAAAyC,SAAS;IAACC,IAAI,EAAE;EAAE,gBACf/C,MAAA,CAAAsC,OAAA,CAAAG,aAAA,CAAC/B,KAAA,CAAAsC,IAAI;IAACC,OAAO;IAACC,SAAS,EAAEC;EAAU,GAC9B3B,4BAA4B,CAAC4B,GAAG,CAAC,UAAAC,EAAE;IAAA,oBAChCrD,MAAA,CAAAsC,OAAA,CAAAG,aAAA,CAAC/B,KAAA,CAAA4C,QAAQ;MACLC,GAAG,EAAEF,EAAE,CAACG,IAAK;MACbN,SAAS,EAAEO,4BAAS;MACpBC,OAAO,EAAE,SAAAA,QAAA;QAAA,OAAMlB,eAAe,CAACa,EAAE,CAAC;MAAA;IAAC,gBAEnCrD,MAAA,CAAAsC,OAAA,CAAAG,aAAA,CAAC/B,KAAA,CAAAiD,eAAe,qBACZ3D,MAAA,CAAAsC,OAAA,CAAAG,aAAA,CAACjC,KAAA,CAAAoD,IAAI;MAACC,IAAI,EAAER,EAAE,CAACQ;IAAK,CAAE,CACT,CAAC,eAClB7D,MAAA,CAAAsC,OAAA,CAAAG,aAAA,CAAC3B,mBAAA,CAAAgD,YAAY,qBACT9D,MAAA,CAAAsC,OAAA,CAAAG,aAAA,CAAC3B,mBAAA,CAAAiD,aAAa,QAAEV,EAAE,CAACW,KAAqB,CAAC,eACzChE,MAAA,CAAAsC,OAAA,CAAAG,aAAA,CAACnC,WAAA,CAAA2D,UAAU;MAACC,GAAG,EAAE;IAAQ,GAAEb,EAAE,CAACc,WAAwB,CAC5C,CACR,CAAC;EAAA,CACd,CACC,CACC,CAAC,eACZnE,MAAA,CAAAsC,OAAA,CAAAG,aAAA,CAACpC,UAAA,CAAA+D,UAAU;IAACrB,IAAI,EAAE;EAAE,gBAChB/C,MAAA,CAAAsC,OAAA,CAAAG,aAAA,CAAClC,KAAA,CAAA8D,IAAI;IACDxC,IAAI,EAAEA,IAAK;IACXyC,QAAQ,EAAE,SAAAA,SAAAzC,IAAI,EAAI;MACdC,OAAO,CAAC;QAAA,OAAMD,IAAI;MAAA,EAAC;MACnBN,QAAQ,CAAC,CAAC;MACVU,YAAY,CAACf,CAAC,CAAAF,eAAA,KAAAA,eAAA,OAAAuD,uBAAA,CAAAjC,OAAA,qDAA8C,CAAC;IACjE;EAAE,GAED,UAAAkC,KAAA;IAAA,IAAGC,IAAI,GAAAD,KAAA,CAAJC,IAAI;MAAEC,MAAM,GAAAF,KAAA,CAANE,MAAM;MAAEC,IAAI,GAAAH,KAAA,CAAJG,IAAI;MAAQC,QAAQ,GAAAJ,KAAA,CAAd3C,IAAI;IAAA,oBACxB7B,MAAA,CAAAsC,OAAA,CAAAG,aAAA,CAAC5B,EAAE,CAACgE,UAAU,qBACV7E,MAAA,CAAAsC,OAAA,CAAAG,aAAA,CAAC5B,EAAE,CAACiE,gBAAgB;MAACd,KAAK,EAAEzB,YAAY,CAACyB;IAAM,GAC1C,OAAOzB,YAAY,CAACwC,mBAAmB,KAAK,UAAU,IACnDxC,YAAY,CAACwC,mBAAmB,CAAC;MAC7BN,IAAI,EAAJA,IAAI;MACJE,IAAI,EAAJA,IAAI;MACJC,QAAQ,EAARA;IACJ,CAAC,CACY,CAAC,eACtB5E,MAAA,CAAAsC,OAAA,CAAAG,aAAA,CAAC5B,EAAE,CAACmE,iBAAiB,QAChBzC,YAAY,GACPA,YAAY,CAAC0C,MAAM,CAAC;MAChBR,IAAI,EAAEA,IAAI;MACVE,IAAI,EAAJA,IAAI;MACJC,QAAQ,EAARA;IACJ,CAAC,CAAC,GACF,IACY,CAAC,eACvB5E,MAAA,CAAAsC,OAAA,CAAAG,aAAA,CAAC5B,EAAE,CAACqE,gBAAgB,qBAChBlF,MAAA,CAAAsC,OAAA,CAAAG,aAAA,CAAChC,OAAA,CAAA0E,aAAa;MACVzB,OAAO,EAAE,SAAAA,QAAA0B,EAAE,EAAI;QACXV,MAAM,CAACU,EAAE,CAAC;MACd;IAAE,GACJlE,CAAC,CAAAD,gBAAA,KAAAA,gBAAA,OAAAsD,uBAAA,CAAAjC,OAAA,sBAA+B,CACjB,CACV,CAAC;EAAA,CAElB,CACE,CACL,CACA,CAAC;AAExB,CAAC;AAAC,IAAA+C,QAAA,GAAAC,OAAA,CAAAhD,OAAA,GAEajB,YAAY","ignoreList":[]}
+{"version":3,"names":["React","useState","plugins","LeftPanel","OverlayLayout","RightPanel","SimpleForm","SimpleFormContent","SimpleFormFooter","SimpleFormHeader","SplitView","useSnackbar","Form","i18n","useModelEditor","Button","Heading","Icon","List","t","namespace","Title","createElement","level","className","FormSettings","onExited","cmsEditorFormSettingsPlugins","byType","data","setData","showSnackbar","activePlugin","setActivePlugin","barMiddle","span","map","pl","Item","key","name","onClick","icon","label","title","description","onSubmit","Bind","submit","form","formData","size","renderHeaderActions","render","showSave","text","ev"],"sources":["FormSettings.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { plugins } from \"@webiny/plugins\";\nimport {\n    LeftPanel,\n    OverlayLayout,\n    RightPanel,\n    SimpleForm,\n    SimpleFormContent,\n    SimpleFormFooter,\n    SimpleFormHeader,\n    SplitView,\n    useSnackbar\n} from \"@webiny/app-admin\";\nimport { Form } from \"@webiny/form\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport type { CmsEditorFormSettingsPlugin } from \"~/types.js\";\nimport { useModelEditor } from \"~/admin/hooks/index.js\";\nimport { Button, Heading, Icon, List } from \"@webiny/admin-ui\";\n\nconst t = i18n.namespace(\"FormsApp.Editor.FormSettings\");\n\nconst Title = () => {\n    return (\n        <Heading level={5} className={\"text-neutral-strong\"}>{t`Content model settings`}</Heading>\n    );\n};\n\ninterface FormSettingsProps {\n    onExited: () => void;\n}\n\nconst FormSettings = ({ onExited }: FormSettingsProps) => {\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>\n                        {cmsEditorFormSettingsPlugins.map(pl => (\n                            <List.Item\n                                key={pl.name}\n                                onClick={() => setActivePlugin(pl)}\n                                icon={<Icon label={pl.title} icon={pl.icon} />}\n                                title={pl.title}\n                                description={pl.description}\n                            />\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                            <SimpleForm size={\"lg\"}>\n                                <SimpleFormHeader title={activePlugin.title}>\n                                    <div className={\"flex justify-end items-center\"}>\n                                        {typeof activePlugin.renderHeaderActions === \"function\" &&\n                                            activePlugin.renderHeaderActions({\n                                                Bind,\n                                                form,\n                                                formData\n                                            })}\n                                    </div>\n                                </SimpleFormHeader>\n                                <SimpleFormContent>\n                                    {activePlugin\n                                        ? activePlugin.render({\n                                              Bind: Bind,\n                                              form,\n                                              formData\n                                          })\n                                        : null}\n                                </SimpleFormContent>\n                                {activePlugin?.showSave !== false ? (\n                                    <SimpleFormFooter>\n                                        <Button\n                                            text={t`Save`}\n                                            onClick={ev => {\n                                                submit(ev);\n                                            }}\n                                        />\n                                    </SimpleFormFooter>\n                                ) : null}\n                            </SimpleForm>\n                        )}\n                    </Form>\n                </RightPanel>\n            </SplitView>\n        </OverlayLayout>\n    );\n};\n\nexport default FormSettings;\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,34 +1,23 @@
-"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];
-  var open = (0, _react.useCallback)(function () {
-    return setOpened(true);
-  }, []);
-  var close = (0, _react.useCallback)(function () {
-    return setOpened(false);
-  }, []);
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Button.IconButton, {
-    onClick: open,
-    icon: /*#__PURE__*/_react.default.createElement(_settings.ReactComponent, null)
-  }), opened && /*#__PURE__*/_react.default.createElement(_FormSettings.default, {
+import React, { useState, useCallback } from "react";
+import FormSettings from "./FormSettings.js";
+import { ReactComponent as SettingsIcon } from "@webiny/icons/settings.svg";
+import { IconButton, Tooltip } from "@webiny/admin-ui";
+const FormSettingsButton = () => {
+  const [opened, setOpened] = useState(false);
+  const open = useCallback(() => setOpened(true), []);
+  const close = useCallback(() => setOpened(false), []);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Tooltip, {
+    content: "View content model settings",
+    side: "bottom",
+    trigger: /*#__PURE__*/React.createElement(IconButton, {
+      onClick: open,
+      icon: /*#__PURE__*/React.createElement(SettingsIcon, null),
+      variant: "ghost"
+    })
+  }), opened && /*#__PURE__*/React.createElement(FormSettings, {
     onExited: close
   }));
 };
-var _default = exports.default = FormSettingsButton;
+export default FormSettingsButton;
 
 //# sourceMappingURL=FormSettingsButton.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_Button","_FormSettings","_interopRequireDefault","_settings","FormSettingsButton","_useState","useState","_useState2","_slicedToArray2","default","opened","setOpened","open","useCallback","close","createElement","Fragment","IconButton","onClick","icon","ReactComponent","onExited","_default","exports"],"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 = () => {\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,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAC,sBAAA,CAAAH,OAAA;AAEA,IAAAI,SAAA,GAAAJ,OAAA;AAEA,IAAMK,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAA,EAAS;EAC7B,IAAAC,SAAA,GAA4B,IAAAC,eAAQ,EAAC,KAAK,CAAC;IAAAC,UAAA,OAAAC,eAAA,CAAAC,OAAA,EAAAJ,SAAA;IAApCK,MAAM,GAAAH,UAAA;IAAEI,SAAS,GAAAJ,UAAA;EACxB,IAAMK,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,oBACId,MAAA,CAAAY,OAAA,CAAAM,aAAA,CAAAlB,MAAA,CAAAY,OAAA,CAAAO,QAAA,qBACInB,MAAA,CAAAY,OAAA,CAAAM,aAAA,CAACf,OAAA,CAAAiB,UAAU;IAACC,OAAO,EAAEN,IAAK;IAACO,IAAI,eAAEtB,MAAA,CAAAY,OAAA,CAAAM,aAAA,CAACZ,SAAA,CAAAiB,cAAY,MAAE;EAAE,CAAE,CAAC,EACpDV,MAAM,iBAAIb,MAAA,CAAAY,OAAA,CAAAM,aAAA,CAACd,aAAA,CAAAQ,OAAY;IAACY,QAAQ,EAAEP;EAAM,CAAE,CAC7C,CAAC;AAEX,CAAC;AAAC,IAAAQ,QAAA,GAAAC,OAAA,CAAAd,OAAA,GAEaL,kBAAkB","ignoreList":[]}
+{"version":3,"names":["React","useState","useCallback","FormSettings","ReactComponent","SettingsIcon","IconButton","Tooltip","FormSettingsButton","opened","setOpened","open","close","createElement","Fragment","content","side","trigger","onClick","icon","variant","onExited"],"sources":["FormSettingsButton.tsx"],"sourcesContent":["import React, { useState, useCallback } from \"react\";\nimport FormSettings from \"./FormSettings.js\";\n\nimport { ReactComponent as SettingsIcon } from \"@webiny/icons/settings.svg\";\nimport { IconButton, Tooltip } from \"@webiny/admin-ui\";\n\nconst FormSettingsButton = () => {\n    const [opened, setOpened] = useState(false);\n    const open = useCallback(() => setOpened(true), []);\n    const close = useCallback(() => setOpened(false), []);\n\n    return (\n        <>\n            <Tooltip\n                content={\"View content model settings\"}\n                side={\"bottom\"}\n                trigger={<IconButton onClick={open} icon={<SettingsIcon />} variant={\"ghost\"} />}\n            />\n            {opened && <FormSettings onExited={close} />}\n        </>\n    );\n};\n\nexport default FormSettingsButton;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,QAAQ,EAAEC,WAAW,QAAQ,OAAO;AACpD,OAAOC,YAAY;AAEnB,SAASC,cAAc,IAAIC,YAAY,QAAQ,4BAA4B;AAC3E,SAASC,UAAU,EAAEC,OAAO,QAAQ,kBAAkB;AAEtD,MAAMC,kBAAkB,GAAGA,CAAA,KAAM;EAC7B,MAAM,CAACC,MAAM,EAAEC,SAAS,CAAC,GAAGT,QAAQ,CAAC,KAAK,CAAC;EAC3C,MAAMU,IAAI,GAAGT,WAAW,CAAC,MAAMQ,SAAS,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC;EACnD,MAAME,KAAK,GAAGV,WAAW,CAAC,MAAMQ,SAAS,CAAC,KAAK,CAAC,EAAE,EAAE,CAAC;EAErD,oBACIV,KAAA,CAAAa,aAAA,CAAAb,KAAA,CAAAc,QAAA,qBACId,KAAA,CAAAa,aAAA,CAACN,OAAO;IACJQ,OAAO,EAAE,6BAA8B;IACvCC,IAAI,EAAE,QAAS;IACfC,OAAO,eAAEjB,KAAA,CAAAa,aAAA,CAACP,UAAU;MAACY,OAAO,EAAEP,IAAK;MAACQ,IAAI,eAAEnB,KAAA,CAAAa,aAAA,CAACR,YAAY,MAAE,CAAE;MAACe,OAAO,EAAE;IAAQ,CAAE;EAAE,CACpF,CAAC,EACDX,MAAM,iBAAIT,KAAA,CAAAa,aAAA,CAACV,YAAY;IAACkB,QAAQ,EAAET;EAAM,CAAE,CAC7C,CAAC;AAEX,CAAC;AAED,eAAeJ,kBAAkB","ignoreList":[]}

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

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

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

@@ -1,34 +1,25 @@
-"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.listStyle = exports.listItem = exports.TitleContent = exports.Title = exports.ListItemTitle = void 0;
-var _base = _interopRequireDefault(require("@emotion/styled/base"));
-var React = _interopRequireWildcard(require("react"));
-var _emotion = require("emotion");
-var _Typography = require("@webiny/ui/Typography");
+import _styled from "@emotion/styled/base";
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-var listStyle = exports.listStyle = (0, _emotion.css)({
-  "&.mdc-deprecated-list": {
-    padding: 0,
-    backgroundColor: "var(--mdc-theme-surface)"
-  }
+import * as React from "react";
+import { css } from "@emotion/css";
+import { Typography } from "@webiny/ui/Typography/index.js";
+export const listStyle = /*#__PURE__*/css(process.env.NODE_ENV === "production" ? {
+  name: "b28ti5",
+  styles: "&.mdc-deprecated-list{padding:0;background-color:var(--mdc-theme-surface);}"
+} : {
+  name: "1u3h7hu-listStyle",
+  styles: "&.mdc-deprecated-list{padding:0;background-color:var(--mdc-theme-surface);};label:listStyle;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZvcm1TZXR0aW5nc1N0eWxlZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBS3lCIiwiZmlsZSI6IkZvcm1TZXR0aW5nc1N0eWxlZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgKiBhcyBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9jc3NcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgVHlwb2dyYXBoeSB9IGZyb20gXCJAd2ViaW55L3VpL1R5cG9ncmFwaHkvaW5kZXguanNcIjtcblxuZXhwb3J0IGNvbnN0IGxpc3RTdHlsZSA9IGNzcyh7XG4gICAgXCImLm1kYy1kZXByZWNhdGVkLWxpc3RcIjoge1xuICAgICAgICBwYWRkaW5nOiAwLFxuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IFwidmFyKC0tbWRjLXRoZW1lLXN1cmZhY2UpXCJcbiAgICB9XG59KTtcblxuZXhwb3J0IGNvbnN0IGxpc3RJdGVtID0gY3NzKHtcbiAgICBwYWRkaW5nOiBcIjE1cHggMjBweFwiLFxuICAgIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gICAgYm9yZGVyQm90dG9tOiBcIjFweCBzb2xpZCB2YXIoLS1tZGMtdGhlbWUtYmFja2dyb3VuZClcIixcbiAgICBcIiY6bGFzdC1jaGlsZFwiOiB7XG4gICAgICAgIGJvcmRlckJvdHRvbTogXCJub25lXCJcbiAgICB9LFxuICAgIFwiLm1kYy1kZXByZWNhdGVkLWxpc3QtaXRlbV9fZ3JhcGhpY1wiOiB7XG4gICAgICAgIG1hcmdpblJpZ2h0OiAyMFxuICAgIH1cbn0pO1xuXG5leHBvcnQgY29uc3QgTGlzdEl0ZW1UaXRsZSA9IHN0eWxlZChcImRpdlwiKSh7XG4gICAgZm9udFdlaWdodDogNjAwLFxuICAgIG1hcmdpbkJvdHRvbTogNVxufSk7XG5cbmV4cG9ydCBjb25zdCBUaXRsZSA9IChcbiAgICA8VHlwb2dyYXBoeVxuICAgICAgICBzdHlsZT17eyBtYXJnaW46IFwiMCBhdXRvXCIsIGNvbG9yOiBcInZhcigtLW1kYy10aGVtZS1vbi1zdXJmYWNlKVwiIH19XG4gICAgICAgIHVzZT17XCJoZWFkbGluZTZcIn1cbiAgICA+XG4gICAgICAgIENvbnRlbnQgbW9kZWwgc2V0dGluZ3NcbiAgICA8L1R5cG9ncmFwaHk+XG4pO1xuXG5leHBvcnQgY29uc3QgVGl0bGVDb250ZW50ID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBmbGV4RGlyZWN0aW9uOiBcImNvbHVtblwiXG59KTtcbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
-var listItem = exports.listItem = (0, _emotion.css)({
-  padding: "15px 20px",
-  cursor: "pointer",
-  borderBottom: "1px solid var(--mdc-theme-background)",
-  "&:last-child": {
-    borderBottom: "none"
-  },
-  ".mdc-deprecated-list-item__graphic": {
-    marginRight: 20
-  }
+export const listItem = /*#__PURE__*/css(process.env.NODE_ENV === "production" ? {
+  name: "ry7eyb",
+  styles: "padding:15px 20px;cursor:pointer;border-bottom:1px solid var(--mdc-theme-background);&:last-child{border-bottom:none;}.mdc-deprecated-list-item__graphic{margin-right:20px;}"
+} : {
+  name: "12pk72o-listItem",
+  styles: "padding:15px 20px;cursor:pointer;border-bottom:1px solid var(--mdc-theme-background);&:last-child{border-bottom:none;}.mdc-deprecated-list-item__graphic{margin-right:20px;};label:listItem;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZvcm1TZXR0aW5nc1N0eWxlZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBWXdCIiwiZmlsZSI6IkZvcm1TZXR0aW5nc1N0eWxlZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgKiBhcyBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9jc3NcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgVHlwb2dyYXBoeSB9IGZyb20gXCJAd2ViaW55L3VpL1R5cG9ncmFwaHkvaW5kZXguanNcIjtcblxuZXhwb3J0IGNvbnN0IGxpc3RTdHlsZSA9IGNzcyh7XG4gICAgXCImLm1kYy1kZXByZWNhdGVkLWxpc3RcIjoge1xuICAgICAgICBwYWRkaW5nOiAwLFxuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IFwidmFyKC0tbWRjLXRoZW1lLXN1cmZhY2UpXCJcbiAgICB9XG59KTtcblxuZXhwb3J0IGNvbnN0IGxpc3RJdGVtID0gY3NzKHtcbiAgICBwYWRkaW5nOiBcIjE1cHggMjBweFwiLFxuICAgIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gICAgYm9yZGVyQm90dG9tOiBcIjFweCBzb2xpZCB2YXIoLS1tZGMtdGhlbWUtYmFja2dyb3VuZClcIixcbiAgICBcIiY6bGFzdC1jaGlsZFwiOiB7XG4gICAgICAgIGJvcmRlckJvdHRvbTogXCJub25lXCJcbiAgICB9LFxuICAgIFwiLm1kYy1kZXByZWNhdGVkLWxpc3QtaXRlbV9fZ3JhcGhpY1wiOiB7XG4gICAgICAgIG1hcmdpblJpZ2h0OiAyMFxuICAgIH1cbn0pO1xuXG5leHBvcnQgY29uc3QgTGlzdEl0ZW1UaXRsZSA9IHN0eWxlZChcImRpdlwiKSh7XG4gICAgZm9udFdlaWdodDogNjAwLFxuICAgIG1hcmdpbkJvdHRvbTogNVxufSk7XG5cbmV4cG9ydCBjb25zdCBUaXRsZSA9IChcbiAgICA8VHlwb2dyYXBoeVxuICAgICAgICBzdHlsZT17eyBtYXJnaW46IFwiMCBhdXRvXCIsIGNvbG9yOiBcInZhcigtLW1kYy10aGVtZS1vbi1zdXJmYWNlKVwiIH19XG4gICAgICAgIHVzZT17XCJoZWFkbGluZTZcIn1cbiAgICA+XG4gICAgICAgIENvbnRlbnQgbW9kZWwgc2V0dGluZ3NcbiAgICA8L1R5cG9ncmFwaHk+XG4pO1xuXG5leHBvcnQgY29uc3QgVGl0bGVDb250ZW50ID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBmbGV4RGlyZWN0aW9uOiBcImNvbHVtblwiXG59KTtcbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
-var ListItemTitle = exports.ListItemTitle = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
+export const ListItemTitle = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
   target: "enz7avh1"
 } : {
   target: "enz7avh1",
@@ -38,18 +29,17 @@ var ListItemTitle = exports.ListItemTitle = /*#__PURE__*/(0, _base.default)("div
   styles: "font-weight:600;margin-bottom:5px"
 } : {
   name: "14e6nm5",
-  styles: "font-weight:600;margin-bottom:5px",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZvcm1TZXR0aW5nc1N0eWxlZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0I2QiIsImZpbGUiOiJGb3JtU2V0dGluZ3NTdHlsZWQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0ICogYXMgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyBjc3MgfSBmcm9tIFwiZW1vdGlvblwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBUeXBvZ3JhcGh5IH0gZnJvbSBcIkB3ZWJpbnkvdWkvVHlwb2dyYXBoeVwiO1xuXG5leHBvcnQgY29uc3QgbGlzdFN0eWxlID0gY3NzKHtcbiAgICBcIiYubWRjLWRlcHJlY2F0ZWQtbGlzdFwiOiB7XG4gICAgICAgIHBhZGRpbmc6IDAsXG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogXCJ2YXIoLS1tZGMtdGhlbWUtc3VyZmFjZSlcIlxuICAgIH1cbn0pO1xuXG5leHBvcnQgY29uc3QgbGlzdEl0ZW0gPSBjc3Moe1xuICAgIHBhZGRpbmc6IFwiMTVweCAyMHB4XCIsXG4gICAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgICBib3JkZXJCb3R0b206IFwiMXB4IHNvbGlkIHZhcigtLW1kYy10aGVtZS1iYWNrZ3JvdW5kKVwiLFxuICAgIFwiJjpsYXN0LWNoaWxkXCI6IHtcbiAgICAgICAgYm9yZGVyQm90dG9tOiBcIm5vbmVcIlxuICAgIH0sXG4gICAgXCIubWRjLWRlcHJlY2F0ZWQtbGlzdC1pdGVtX19ncmFwaGljXCI6IHtcbiAgICAgICAgbWFyZ2luUmlnaHQ6IDIwXG4gICAgfVxufSk7XG5cbmV4cG9ydCBjb25zdCBMaXN0SXRlbVRpdGxlID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICBmb250V2VpZ2h0OiA2MDAsXG4gICAgbWFyZ2luQm90dG9tOiA1XG59KTtcblxuZXhwb3J0IGNvbnN0IFRpdGxlID0gKFxuICAgIDxUeXBvZ3JhcGh5XG4gICAgICAgIHN0eWxlPXt7IG1hcmdpbjogXCIwIGF1dG9cIiwgY29sb3I6IFwidmFyKC0tbWRjLXRoZW1lLW9uLXN1cmZhY2UpXCIgfX1cbiAgICAgICAgdXNlPXtcImhlYWRsaW5lNlwifVxuICAgID5cbiAgICAgICAgQ29udGVudCBtb2RlbCBzZXR0aW5nc1xuICAgIDwvVHlwb2dyYXBoeT5cbik7XG5cbmV4cG9ydCBjb25zdCBUaXRsZUNvbnRlbnQgPSBzdHlsZWQoXCJkaXZcIikoe1xuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGZsZXhEaXJlY3Rpb246IFwiY29sdW1uXCJcbn0pO1xuIl19 */",
+  styles: "font-weight:600;margin-bottom:5px/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZvcm1TZXR0aW5nc1N0eWxlZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0I2QiIsImZpbGUiOiJGb3JtU2V0dGluZ3NTdHlsZWQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0ICogYXMgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vY3NzXCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IFR5cG9ncmFwaHkgfSBmcm9tIFwiQHdlYmlueS91aS9UeXBvZ3JhcGh5L2luZGV4LmpzXCI7XG5cbmV4cG9ydCBjb25zdCBsaXN0U3R5bGUgPSBjc3Moe1xuICAgIFwiJi5tZGMtZGVwcmVjYXRlZC1saXN0XCI6IHtcbiAgICAgICAgcGFkZGluZzogMCxcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiBcInZhcigtLW1kYy10aGVtZS1zdXJmYWNlKVwiXG4gICAgfVxufSk7XG5cbmV4cG9ydCBjb25zdCBsaXN0SXRlbSA9IGNzcyh7XG4gICAgcGFkZGluZzogXCIxNXB4IDIwcHhcIixcbiAgICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICAgIGJvcmRlckJvdHRvbTogXCIxcHggc29saWQgdmFyKC0tbWRjLXRoZW1lLWJhY2tncm91bmQpXCIsXG4gICAgXCImOmxhc3QtY2hpbGRcIjoge1xuICAgICAgICBib3JkZXJCb3R0b206IFwibm9uZVwiXG4gICAgfSxcbiAgICBcIi5tZGMtZGVwcmVjYXRlZC1saXN0LWl0ZW1fX2dyYXBoaWNcIjoge1xuICAgICAgICBtYXJnaW5SaWdodDogMjBcbiAgICB9XG59KTtcblxuZXhwb3J0IGNvbnN0IExpc3RJdGVtVGl0bGUgPSBzdHlsZWQoXCJkaXZcIikoe1xuICAgIGZvbnRXZWlnaHQ6IDYwMCxcbiAgICBtYXJnaW5Cb3R0b206IDVcbn0pO1xuXG5leHBvcnQgY29uc3QgVGl0bGUgPSAoXG4gICAgPFR5cG9ncmFwaHlcbiAgICAgICAgc3R5bGU9e3sgbWFyZ2luOiBcIjAgYXV0b1wiLCBjb2xvcjogXCJ2YXIoLS1tZGMtdGhlbWUtb24tc3VyZmFjZSlcIiB9fVxuICAgICAgICB1c2U9e1wiaGVhZGxpbmU2XCJ9XG4gICAgPlxuICAgICAgICBDb250ZW50IG1vZGVsIHNldHRpbmdzXG4gICAgPC9UeXBvZ3JhcGh5PlxuKTtcblxuZXhwb3J0IGNvbnN0IFRpdGxlQ29udGVudCA9IHN0eWxlZChcImRpdlwiKSh7XG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgZmxleERpcmVjdGlvbjogXCJjb2x1bW5cIlxufSk7XG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
-var Title = exports.Title = /*#__PURE__*/React.createElement(_Typography.Typography, {
+export const Title = /*#__PURE__*/React.createElement(Typography, {
   style: {
     margin: "0 auto",
     color: "var(--mdc-theme-on-surface)"
   },
   use: "headline6"
 }, "Content model settings");
-var TitleContent = exports.TitleContent = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
+export const TitleContent = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
   target: "enz7avh0"
 } : {
   target: "enz7avh0",
@@ -59,8 +49,7 @@ var TitleContent = exports.TitleContent = /*#__PURE__*/(0, _base.default)("div",
   styles: "display:flex;flex-direction:column"
 } : {
   name: "1fttcpj",
-  styles: "display:flex;flex-direction:column",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZvcm1TZXR0aW5nc1N0eWxlZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0M0QiIsImZpbGUiOiJGb3JtU2V0dGluZ3NTdHlsZWQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0ICogYXMgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyBjc3MgfSBmcm9tIFwiZW1vdGlvblwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBUeXBvZ3JhcGh5IH0gZnJvbSBcIkB3ZWJpbnkvdWkvVHlwb2dyYXBoeVwiO1xuXG5leHBvcnQgY29uc3QgbGlzdFN0eWxlID0gY3NzKHtcbiAgICBcIiYubWRjLWRlcHJlY2F0ZWQtbGlzdFwiOiB7XG4gICAgICAgIHBhZGRpbmc6IDAsXG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogXCJ2YXIoLS1tZGMtdGhlbWUtc3VyZmFjZSlcIlxuICAgIH1cbn0pO1xuXG5leHBvcnQgY29uc3QgbGlzdEl0ZW0gPSBjc3Moe1xuICAgIHBhZGRpbmc6IFwiMTVweCAyMHB4XCIsXG4gICAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgICBib3JkZXJCb3R0b206IFwiMXB4IHNvbGlkIHZhcigtLW1kYy10aGVtZS1iYWNrZ3JvdW5kKVwiLFxuICAgIFwiJjpsYXN0LWNoaWxkXCI6IHtcbiAgICAgICAgYm9yZGVyQm90dG9tOiBcIm5vbmVcIlxuICAgIH0sXG4gICAgXCIubWRjLWRlcHJlY2F0ZWQtbGlzdC1pdGVtX19ncmFwaGljXCI6IHtcbiAgICAgICAgbWFyZ2luUmlnaHQ6IDIwXG4gICAgfVxufSk7XG5cbmV4cG9ydCBjb25zdCBMaXN0SXRlbVRpdGxlID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICBmb250V2VpZ2h0OiA2MDAsXG4gICAgbWFyZ2luQm90dG9tOiA1XG59KTtcblxuZXhwb3J0IGNvbnN0IFRpdGxlID0gKFxuICAgIDxUeXBvZ3JhcGh5XG4gICAgICAgIHN0eWxlPXt7IG1hcmdpbjogXCIwIGF1dG9cIiwgY29sb3I6IFwidmFyKC0tbWRjLXRoZW1lLW9uLXN1cmZhY2UpXCIgfX1cbiAgICAgICAgdXNlPXtcImhlYWRsaW5lNlwifVxuICAgID5cbiAgICAgICAgQ29udGVudCBtb2RlbCBzZXR0aW5nc1xuICAgIDwvVHlwb2dyYXBoeT5cbik7XG5cbmV4cG9ydCBjb25zdCBUaXRsZUNvbnRlbnQgPSBzdHlsZWQoXCJkaXZcIikoe1xuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGZsZXhEaXJlY3Rpb246IFwiY29sdW1uXCJcbn0pO1xuIl19 */",
+  styles: "display:flex;flex-direction:column/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZvcm1TZXR0aW5nc1N0eWxlZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0M0QiIsImZpbGUiOiJGb3JtU2V0dGluZ3NTdHlsZWQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0ICogYXMgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vY3NzXCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IFR5cG9ncmFwaHkgfSBmcm9tIFwiQHdlYmlueS91aS9UeXBvZ3JhcGh5L2luZGV4LmpzXCI7XG5cbmV4cG9ydCBjb25zdCBsaXN0U3R5bGUgPSBjc3Moe1xuICAgIFwiJi5tZGMtZGVwcmVjYXRlZC1saXN0XCI6IHtcbiAgICAgICAgcGFkZGluZzogMCxcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiBcInZhcigtLW1kYy10aGVtZS1zdXJmYWNlKVwiXG4gICAgfVxufSk7XG5cbmV4cG9ydCBjb25zdCBsaXN0SXRlbSA9IGNzcyh7XG4gICAgcGFkZGluZzogXCIxNXB4IDIwcHhcIixcbiAgICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICAgIGJvcmRlckJvdHRvbTogXCIxcHggc29saWQgdmFyKC0tbWRjLXRoZW1lLWJhY2tncm91bmQpXCIsXG4gICAgXCImOmxhc3QtY2hpbGRcIjoge1xuICAgICAgICBib3JkZXJCb3R0b206IFwibm9uZVwiXG4gICAgfSxcbiAgICBcIi5tZGMtZGVwcmVjYXRlZC1saXN0LWl0ZW1fX2dyYXBoaWNcIjoge1xuICAgICAgICBtYXJnaW5SaWdodDogMjBcbiAgICB9XG59KTtcblxuZXhwb3J0IGNvbnN0IExpc3RJdGVtVGl0bGUgPSBzdHlsZWQoXCJkaXZcIikoe1xuICAgIGZvbnRXZWlnaHQ6IDYwMCxcbiAgICBtYXJnaW5Cb3R0b206IDVcbn0pO1xuXG5leHBvcnQgY29uc3QgVGl0bGUgPSAoXG4gICAgPFR5cG9ncmFwaHlcbiAgICAgICAgc3R5bGU9e3sgbWFyZ2luOiBcIjAgYXV0b1wiLCBjb2xvcjogXCJ2YXIoLS1tZGMtdGhlbWUtb24tc3VyZmFjZSlcIiB9fVxuICAgICAgICB1c2U9e1wiaGVhZGxpbmU2XCJ9XG4gICAgPlxuICAgICAgICBDb250ZW50IG1vZGVsIHNldHRpbmdzXG4gICAgPC9UeXBvZ3JhcGh5PlxuKTtcblxuZXhwb3J0IGNvbnN0IFRpdGxlQ29udGVudCA9IHN0eWxlZChcImRpdlwiKSh7XG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgZmxleERpcmVjdGlvbjogXCJjb2x1bW5cIlxufSk7XG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 

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

@@ -1 +1 @@
-{"version":3,"names":["React","_interopRequireWildcard","require","_emotion","_Typography","_EMOTION_STRINGIFIED_CSS_ERROR__","listStyle","exports","css","padding","backgroundColor","listItem","cursor","borderBottom","marginRight","ListItemTitle","_base","default","process","env","NODE_ENV","target","label","name","styles","map","toString","Title","createElement","Typography","style","margin","color","use","TitleContent"],"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-deprecated-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-deprecated-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,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AAEA,IAAAE,WAAA,GAAAF,OAAA;AAAmD,SAAAG,iCAAA;AAE5C,IAAMC,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAG,IAAAE,YAAG,EAAC;EACzB,uBAAuB,EAAE;IACrBC,OAAO,EAAE,CAAC;IACVC,eAAe,EAAE;EACrB;AACJ,CAAC,CAAC;AAEK,IAAMC,QAAQ,GAAAJ,OAAA,CAAAI,QAAA,GAAG,IAAAH,YAAG,EAAC;EACxBC,OAAO,EAAE,WAAW;EACpBG,MAAM,EAAE,SAAS;EACjBC,YAAY,EAAE,uCAAuC;EACrD,cAAc,EAAE;IACZA,YAAY,EAAE;EAClB,CAAC;EACD,oCAAoC,EAAE;IAClCC,WAAW,EAAE;EACjB;AACJ,CAAC,CAAC;AAEK,IAAMC,aAAa,GAAAR,OAAA,CAAAQ,aAAA,gBAAG,IAAAC,KAAA,CAAAC,OAAA,EAAO,KAAK,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,EAAC,CAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAG,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,GAAA;EAAAC,QAAA,EAAArB;AAAA,CAGzC,CAAC;AAEK,IAAMsB,KAAK,GAAApB,OAAA,CAAAoB,KAAA,gBACd3B,KAAA,CAAA4B,aAAA,CAACxB,WAAA,CAAAyB,UAAU;EACPC,KAAK,EAAE;IAAEC,MAAM,EAAE,QAAQ;IAAEC,KAAK,EAAE;EAA8B,CAAE;EAClEC,GAAG,EAAE;AAAY,GACpB,wBAEW,CACf;AAEM,IAAMC,YAAY,GAAA3B,OAAA,CAAA2B,YAAA,gBAAG,IAAAlB,KAAA,CAAAC,OAAA,EAAO,KAAK,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,EAAC,CAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAG,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,GAAA;EAAAC,QAAA,EAAArB;AAAA,CAGxC,CAAC","ignoreList":[]}
+{"version":3,"names":["React","css","Typography","listStyle","process","env","NODE_ENV","name","styles","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","listItem","ListItemTitle","_styled","target","label","Title","createElement","style","margin","color","use","TitleContent"],"sources":["FormSettingsStyled.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { css } from \"@emotion/css\";\nimport styled from \"@emotion/styled\";\nimport { Typography } from \"@webiny/ui/Typography/index.js\";\n\nexport const listStyle = css({\n    \"&.mdc-deprecated-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-deprecated-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,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,GAAG,QAAQ,cAAc;AAElC,SAASC,UAAU,QAAQ,gCAAgC;AAE3D,OAAO,MAAMC,SAAS,gBAAGF,GAAG,CAAAG,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,QAAA,EAAAC;AAAA,CAK3B,CAAC;AAEF,OAAO,MAAMC,QAAQ,gBAAGV,GAAG,CAAAG,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,QAAA,EAAAC;AAAA,CAU1B,CAAC;AAEF,OAAO,MAAME,aAAa,gBAAGC,OAAA,CAAO,KAAK,EAAAT,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAQ,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,EAAC,CAAAX,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,QAAA,EAAAC;AAAA,CAGzC,CAAC;AAEF,OAAO,MAAMM,KAAK,gBACdhB,KAAA,CAAAiB,aAAA,CAACf,UAAU;EACPgB,KAAK,EAAE;IAAEC,MAAM,EAAE,QAAQ;IAAEC,KAAK,EAAE;EAA8B,CAAE;EAClEC,GAAG,EAAE;AAAY,GACpB,wBAEW,CACf;AAED,OAAO,MAAMC,YAAY,gBAAGT,OAAA,CAAO,KAAK,EAAAT,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAQ,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,EAAC,CAAAX,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,QAAA,EAAAC;AAAA,CAGxC,CAAC","ignoreList":[]}

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

@@ -1 +1 @@
-export { default as FormSettingsButton } from "./FormSettingsButton";
+export { default as FormSettingsButton } from "./FormSettingsButton.js";

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

@@ -1,15 +1,3 @@
-"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"));
+export { default as FormSettingsButton } from "./FormSettingsButton.js";
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_FormSettingsButton","_interopRequireDefault","require"],"sources":["index.ts"],"sourcesContent":["export { default as FormSettingsButton } from \"./FormSettingsButton\";\n"],"mappings":";;;;;;;;;;;;AAAA,IAAAA,mBAAA,GAAAC,sBAAA,CAAAC,OAAA","ignoreList":[]}
+{"version":3,"names":["default","FormSettingsButton"],"sources":["index.ts"],"sourcesContent":["export { default as FormSettingsButton } from \"./FormSettingsButton.js\";\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,kBAAkB","ignoreList":[]}

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

@@ -1,64 +1,46 @@
-"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 _hooks = require("../../../../hooks");
-var _templateObject;
+import React, { useCallback, useState } from "react";
 /**
  * Package react-hotkeyz does not have types.
  */
 // @ts-expect-error
-var t = _i18n.i18n.namespace("ContentModelEditor.Name");
-var Name = exports.Name = function Name() {
-  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];
-  var _useState3 = (0, _react.useState)(false),
-    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-    editingEnabled = _useState4[0],
-    setEditing = _useState4[1];
-  var cancelChanges = function cancelChanges() {
+import { useHotkeys } from "react-hotkeyz";
+import { i18n } from "@webiny/app/i18n/index.js";
+import { useModelEditor } from "../../../../hooks/index.js";
+import { Heading, Input, Tooltip } from "@webiny/admin-ui";
+const t = i18n.namespace("ContentModelEditor.Name");
+export const Name = () => {
+  const {
+    data,
+    setData
+  } = useModelEditor();
+  const [localName, setLocalName] = useState("");
+  const [editingEnabled, setEditing] = useState(false);
+  const cancelChanges = () => {
     setEditing(false);
   };
-  var startEditing = function startEditing() {
+  const startEditing = () => {
     setLocalName(data.name);
     setEditing(true);
   };
-  var saveName = (0, _react.useCallback)(function (event) {
+  const saveName = useCallback(event => {
     event.preventDefault();
-    setData(function (data) {
+    setData(data => {
       data.name = localName;
       return data;
     });
     setEditing(false);
   }, [localName]);
-  (0, _reactHotkeyz.useHotkeys)({
+  useHotkeys({
     zIndex: 100,
     keys: {
       "alt+cmd+enter": startEditing
     }
   });
-  (0, _reactHotkeyz.useHotkeys)({
+  useHotkeys({
     zIndex: 101,
     disabled: !editingEnabled,
     keys: {
-      esc: function esc(event) {
+      esc: event => {
         event.preventDefault();
         cancelChanges();
       },
@@ -68,21 +50,24 @@ var Name = exports.Name = function Name() {
 
   // 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, {
+  const autoFocus = !window.Cypress;
+  return editingEnabled ? /*#__PURE__*/React.createElement(Input, {
     autoFocus: autoFocus,
-    fullwidth: true,
     value: localName,
     onChange: setLocalName,
-    onBlur: saveName
-  })) : /*#__PURE__*/_react.default.createElement(_NameStyled.NameWrapper, null, /*#__PURE__*/_react.default.createElement(_Tooltip.Tooltip, {
-    className: _NameStyled.formNameWrapper,
-    placement: "bottom",
-    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)));
+    onBlur: saveName,
+    variant: "ghost",
+    size: "md"
+  }) : /*#__PURE__*/React.createElement(Tooltip, {
+    side: "bottom",
+    content: /*#__PURE__*/React.createElement("span", null, t`Rename content model`),
+    trigger: /*#__PURE__*/React.createElement(Heading, {
+      level: 5,
+      className: "px-xs border-sm border-neutral-base rounded-md hover:border-neutral-muted",
+      "data-testid": "cms-editor-model-title",
+      onClick: startEditing
+    }, data.name)
+  });
 };
 
 //# sourceMappingURL=Name.js.map