@webiny/app-headless-cms 5.34.8 → 5.35.0-beta.0

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

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

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

@@ -1,30 +1,21 @@
 "use strict";
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _Button = require("@webiny/ui/Button");
-
 var _FormSettings = _interopRequireDefault(require("./FormSettings"));
-
 var _settings = require("./../icons/settings.svg");
-
 var FormSettingsButton = function FormSettingsButton() {
   var _useState = (0, _react.useState)(false),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      opened = _useState2[0],
-      setOpened = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    opened = _useState2[0],
+    setOpened = _useState2[1];
   var open = (0, _react.useCallback)(function () {
     return setOpened(true);
   }, []);
@@ -38,6 +29,5 @@ var FormSettingsButton = function FormSettingsButton() {
     onExited: close
   }));
 };
-
 var _default = FormSettingsButton;
 exports.default = _default;

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

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

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

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

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

@@ -1,22 +1,15 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.listStyle = exports.listItem = exports.TitleContent = exports.Title = exports.ListItemTitle = void 0;
-
 var React = _interopRequireWildcard(require("react"));
-
 var _emotion = require("emotion");
-
 var _styled = _interopRequireDefault(require("@emotion/styled"));
-
 var _Typography = require("@webiny/ui/Typography");
-
 var listStyle = /*#__PURE__*/(0, _emotion.css)({
   "&.mdc-list": {
     padding: 0,

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1 +1 @@
-{"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"}
+{"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,eAAM,EAAC,KAAK;EAAA;EAAA;AAAA,GAAE;EAC1CC,KAAK,EAAE,MAAM;EACbC,OAAO,EAAE,MAAM;EACfC,UAAU,EAAE,QAAQ;EACpBC,QAAQ,EAAE,UAAU;EACpB,6BAA6B,EAAE;IAC3BC,MAAM,EAAE,EAAE;IACVC,SAAS,EAAE,cAAc;IACzBC,WAAW,EAAE,EAAE;IACfC,YAAY,EAAE;EAClB;AACJ,CAAC,CAAC;AAAC;AAEI,IAAMC,WAAW,oBAAGT,eAAM,EAAC,KAAK;EAAA;EAAA;AAAA,GAAE;EACrCE,OAAO,EAAE,MAAM;EACfC,UAAU,EAAE,UAAU;EACtBO,cAAc,EAAE,aAAa;EAC7BC,aAAa,EAAE,QAAQ;EACvBC,KAAK,EAAE,6CAA6C;EACpDR,QAAQ,EAAE,UAAU;EACpBH,KAAK,EAAE,MAAM;EACbY,UAAU,EAAE;AAChB,CAAC,CAAC;AAAC;AAEI,IAAMC,QAAQ,oBAAGd,eAAM,EAAC,KAAK;EAAA;EAAA;AAAA,GAAE;EAClCe,MAAM,EAAE,uBAAuB;EAC/BC,QAAQ,EAAE,EAAE;EACZC,UAAU,EAAE,IAAI;EAChBC,UAAU,EAAE,QAAQ;EACpBC,QAAQ,EAAE,QAAQ;EAClBC,YAAY,EAAE,UAAU;EACxBnB,KAAK,EAAE,MAAM;EACb,SAAS,EAAE;IACPc,MAAM,EAAE;EACZ;AACJ,CAAC,CAAC;AAAC;AAEI,IAAMM,eAAe,gBAAG,IAAAC,YAAG,EAAC;EAC/BC,QAAQ,EAAE;AACd,CAAC,2BAAC;AAAC"}

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

@@ -9,5 +9,4 @@ Object.defineProperty(exports, "Name", {
     return _Name.Name;
   }
 });
-
 var _Name = require("./Name");

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

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

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

@@ -1,81 +1,56 @@
 "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 _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
-
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _Button = require("@webiny/ui/Button");
-
 var _useSnackbar2 = require("@webiny/app-admin/hooks/useSnackbar");
-
 var _i18n = require("@webiny/app/i18n");
-
 var _hooks = require("../../../hooks");
-
 var _templateObject, _templateObject2;
-
 var t = _i18n.i18n.namespace("app-headless-cms/admin/editor/top-bar/save-button");
-
 var SaveContentModelButton = function SaveContentModelButton() {
   var _useModelEditor = (0, _hooks.useModelEditor)(),
-      saveContentModel = _useModelEditor.saveContentModel;
-
+    saveContentModel = _useModelEditor.saveContentModel;
   var _useState = (0, _react.useState)(false),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      loading = _useState2[0],
-      setLoading = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    loading = _useState2[0],
+    setLoading = _useState2[1];
   var _useSnackbar = (0, _useSnackbar2.useSnackbar)(),
-      showSnackbar = _useSnackbar.showSnackbar;
-
+    showSnackbar = _useSnackbar.showSnackbar;
   var _onClick = (0, _react.useCallback)( /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee() {
     var response;
     return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
-      while (1) {
-        switch (_context.prev = _context.next) {
-          case 0:
-            setLoading(true);
-            _context.next = 3;
-            return saveContentModel();
-
-          case 3:
-            response = _context.sent;
-            setLoading(false);
-
-            if (!response.error) {
-              _context.next = 8;
-              break;
-            }
-
-            showSnackbar(response.error.message);
-            return _context.abrupt("return");
-
-          case 8:
-            showSnackbar(t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Your content model was saved successfully!"]))));
-
-          case 9:
-          case "end":
-            return _context.stop();
-        }
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          setLoading(true);
+          _context.next = 3;
+          return saveContentModel();
+        case 3:
+          response = _context.sent;
+          setLoading(false);
+          if (!response.error) {
+            _context.next = 8;
+            break;
+          }
+          showSnackbar(response.error.message);
+          return _context.abrupt("return");
+        case 8:
+          showSnackbar(t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Your content model was saved successfully!"]))));
+        case 9:
+        case "end":
+          return _context.stop();
       }
     }, _callee);
   })), [saveContentModel]);
-
   return /*#__PURE__*/_react.default.createElement(_Button.ButtonPrimary, {
     "data-testid": "cms.editor.defaultbar.save",
     disabled: loading,
@@ -84,6 +59,5 @@ var SaveContentModelButton = function SaveContentModelButton() {
     }
   }, t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["Save"]))));
 };
-
 var _default = SaveContentModelButton;
 exports.default = _default;

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

@@ -1 +1 @@
-{"version":3,"names":["t","i18n","namespace","SaveContentModelButton","useModelEditor","saveContentModel","useState","loading","setLoading","useSnackbar","showSnackbar","onClick","useCallback","response","error","message"],"sources":["SaveContentModelButton.tsx"],"sourcesContent":["import React, { useCallback, useState } from \"react\";\nimport { ButtonPrimary } from \"@webiny/ui/Button\";\nimport { useSnackbar } from \"@webiny/app-admin/hooks/useSnackbar\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { useModelEditor } from \"~/admin/hooks\";\n\nconst t = i18n.namespace(\"app-headless-cms/admin/editor/top-bar/save-button\");\n\nconst SaveContentModelButton: React.FC = () => {\n    const { saveContentModel } = useModelEditor();\n    const [loading, setLoading] = useState<boolean>(false);\n    const { showSnackbar } = useSnackbar();\n\n    const onClick = useCallback(async () => {\n        setLoading(true);\n        const response = await saveContentModel();\n        setLoading(false);\n\n        if (response.error) {\n            showSnackbar(response.error.message);\n            return;\n        }\n\n        showSnackbar(t`Your content model was saved successfully!`);\n    }, [saveContentModel]);\n\n    return (\n        <ButtonPrimary\n            data-testid=\"cms.editor.defaultbar.save\"\n            disabled={loading}\n            onClick={() => {\n                onClick();\n            }}\n        >\n            {t`Save`}\n        </ButtonPrimary>\n    );\n};\n\nexport default SaveContentModelButton;\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,IAAMA,CAAC,GAAGC,UAAA,CAAKC,SAAL,CAAe,mDAAf,CAAV;;AAEA,IAAMC,sBAAgC,GAAG,SAAnCA,sBAAmC,GAAM;EAC3C,sBAA6B,IAAAC,qBAAA,GAA7B;EAAA,IAAQC,gBAAR,mBAAQA,gBAAR;;EACA,gBAA8B,IAAAC,eAAA,EAAkB,KAAlB,CAA9B;EAAA;EAAA,IAAOC,OAAP;EAAA,IAAgBC,UAAhB;;EACA,mBAAyB,IAAAC,yBAAA,GAAzB;EAAA,IAAQC,YAAR,gBAAQA,YAAR;;EAEA,IAAMC,QAAO,GAAG,IAAAC,kBAAA,uGAAY;IAAA;IAAA;MAAA;QAAA;UAAA;YACxBJ,UAAU,CAAC,IAAD,CAAV;YADwB;YAAA,OAEDH,gBAAgB,EAFf;;UAAA;YAElBQ,QAFkB;YAGxBL,UAAU,CAAC,KAAD,CAAV;;YAHwB,KAKpBK,QAAQ,CAACC,KALW;cAAA;cAAA;YAAA;;YAMpBJ,YAAY,CAACG,QAAQ,CAACC,KAAT,CAAeC,OAAhB,CAAZ;YANoB;;UAAA;YAUxBL,YAAY,CAACV,CAAD,8HAAZ;;UAVwB;UAAA;YAAA;QAAA;MAAA;IAAA;EAAA,CAAZ,IAWb,CAACK,gBAAD,CAXa,CAAhB;;EAaA,oBACI,6BAAC,qBAAD;IACI,eAAY,4BADhB;IAEI,QAAQ,EAAEE,OAFd;IAGI,OAAO,EAAE,mBAAM;MACXI,QAAO;IACV;EALL,GAOKX,CAPL,0FADJ;AAWH,CA7BD;;eA+BeG,sB"}
+{"version":3,"names":["t","i18n","namespace","SaveContentModelButton","useModelEditor","saveContentModel","useState","loading","setLoading","useSnackbar","showSnackbar","onClick","useCallback","response","error","message"],"sources":["SaveContentModelButton.tsx"],"sourcesContent":["import React, { useCallback, useState } from \"react\";\nimport { ButtonPrimary } from \"@webiny/ui/Button\";\nimport { useSnackbar } from \"@webiny/app-admin/hooks/useSnackbar\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { useModelEditor } from \"~/admin/hooks\";\n\nconst t = i18n.namespace(\"app-headless-cms/admin/editor/top-bar/save-button\");\n\nconst SaveContentModelButton: React.FC = () => {\n    const { saveContentModel } = useModelEditor();\n    const [loading, setLoading] = useState<boolean>(false);\n    const { showSnackbar } = useSnackbar();\n\n    const onClick = useCallback(async () => {\n        setLoading(true);\n        const response = await saveContentModel();\n        setLoading(false);\n\n        if (response.error) {\n            showSnackbar(response.error.message);\n            return;\n        }\n\n        showSnackbar(t`Your content model was saved successfully!`);\n    }, [saveContentModel]);\n\n    return (\n        <ButtonPrimary\n            data-testid=\"cms.editor.defaultbar.save\"\n            disabled={loading}\n            onClick={() => {\n                onClick();\n            }}\n        >\n            {t`Save`}\n        </ButtonPrimary>\n    );\n};\n\nexport default SaveContentModelButton;\n"],"mappings":";;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AAA+C;AAE/C,IAAMA,CAAC,GAAGC,UAAI,CAACC,SAAS,CAAC,mDAAmD,CAAC;AAE7E,IAAMC,sBAAgC,GAAG,SAAnCA,sBAAgC,GAAS;EAC3C,sBAA6B,IAAAC,qBAAc,GAAE;IAArCC,gBAAgB,mBAAhBA,gBAAgB;EACxB,gBAA8B,IAAAC,eAAQ,EAAU,KAAK,CAAC;IAAA;IAA/CC,OAAO;IAAEC,UAAU;EAC1B,mBAAyB,IAAAC,yBAAW,GAAE;IAA9BC,YAAY,gBAAZA,YAAY;EAEpB,IAAMC,QAAO,GAAG,IAAAC,kBAAW,uGAAC;IAAA;IAAA;MAAA;QAAA;UACxBJ,UAAU,CAAC,IAAI,CAAC;UAAC;UAAA,OACMH,gBAAgB,EAAE;QAAA;UAAnCQ,QAAQ;UACdL,UAAU,CAAC,KAAK,CAAC;UAAC,KAEdK,QAAQ,CAACC,KAAK;YAAA;YAAA;UAAA;UACdJ,YAAY,CAACG,QAAQ,CAACC,KAAK,CAACC,OAAO,CAAC;UAAC;QAAA;UAIzCL,YAAY,CAACV,CAAC,8HAA6C;QAAC;QAAA;UAAA;MAAA;IAAA;EAAA,CAC/D,IAAE,CAACK,gBAAgB,CAAC,CAAC;EAEtB,oBACI,6BAAC,qBAAa;IACV,eAAY,4BAA4B;IACxC,QAAQ,EAAEE,OAAQ;IAClB,OAAO,EAAE,mBAAM;MACXI,QAAO,EAAE;IACb;EAAE,GAEDX,CAAC,0FACU;AAExB,CAAC;AAAC,eAEaG,sBAAsB;AAAA"}

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

@@ -1,26 +1,17 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _BackButton = _interopRequireDefault(require("./BackButton"));
-
 var _Divider = _interopRequireDefault(require("./Divider"));
-
 var _SaveContentModelButton = _interopRequireDefault(require("./SaveContentModelButton"));
-
 var _CreateContentButton = _interopRequireDefault(require("./CreateContentButton"));
-
 var _Name = require("./Name");
-
 var _FormSettings = require("./FormSettings");
-
 var _default = [{
   name: "content-model-editor-default-bar-right-create-content-button",
   type: "content-model-editor-default-bar-right",

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

@@ -1 +1 @@
-{"version":3,"names":["name","type","render"],"sources":["index.tsx"],"sourcesContent":["import React from \"react\";\nimport BackButton from \"./BackButton\";\nimport Divider from \"./Divider\";\nimport SaveContentModelButton from \"./SaveContentModelButton\";\nimport CreateContentButton from \"./CreateContentButton\";\nimport { Name } from \"./Name\";\nimport { FormSettingsButton } from \"./FormSettings\";\n\nexport default [\n    {\n        name: \"content-model-editor-default-bar-right-create-content-button\",\n        type: \"content-model-editor-default-bar-right\",\n        render() {\n            return <CreateContentButton />;\n        }\n    },\n    {\n        name: \"content-model-editor-default-bar-left-divider\",\n        type: \"content-model-editor-default-bar-right\",\n        render() {\n            return <Divider />;\n        }\n    },\n    {\n        name: \"content-model-editor-default-bar-right-form-settings-button\",\n        type: \"content-model-editor-default-bar-right\",\n        render() {\n            return <FormSettingsButton />;\n        }\n    },\n    {\n        name: \"content-model-editor-default-bar-right-save-button\",\n        type: \"content-model-editor-default-bar-right\",\n        render() {\n            return <SaveContentModelButton />;\n        }\n    },\n\n    {\n        name: \"content-model-editor-default-bar-left-back-button\",\n        type: \"content-model-editor-default-bar-left\",\n        render() {\n            return <BackButton />;\n        }\n    },\n\n    {\n        name: \"content-model-editor-default-bar-left-name\",\n        type: \"content-model-editor-default-bar-left\",\n        render() {\n            return <Name />;\n        }\n    }\n];\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;eAEe,CACX;EACIA,IAAI,EAAE,8DADV;EAEIC,IAAI,EAAE,wCAFV;EAGIC,MAHJ,oBAGa;IACL,oBAAO,6BAAC,4BAAD,OAAP;EACH;AALL,CADW,EAQX;EACIF,IAAI,EAAE,+CADV;EAEIC,IAAI,EAAE,wCAFV;EAGIC,MAHJ,oBAGa;IACL,oBAAO,6BAAC,gBAAD,OAAP;EACH;AALL,CARW,EAeX;EACIF,IAAI,EAAE,6DADV;EAEIC,IAAI,EAAE,wCAFV;EAGIC,MAHJ,oBAGa;IACL,oBAAO,6BAAC,gCAAD,OAAP;EACH;AALL,CAfW,EAsBX;EACIF,IAAI,EAAE,oDADV;EAEIC,IAAI,EAAE,wCAFV;EAGIC,MAHJ,oBAGa;IACL,oBAAO,6BAAC,+BAAD,OAAP;EACH;AALL,CAtBW,EA8BX;EACIF,IAAI,EAAE,mDADV;EAEIC,IAAI,EAAE,uCAFV;EAGIC,MAHJ,oBAGa;IACL,oBAAO,6BAAC,mBAAD,OAAP;EACH;AALL,CA9BW,EAsCX;EACIF,IAAI,EAAE,4CADV;EAEIC,IAAI,EAAE,uCAFV;EAGIC,MAHJ,oBAGa;IACL,oBAAO,6BAAC,UAAD,OAAP;EACH;AALL,CAtCW,C"}
+{"version":3,"names":["name","type","render"],"sources":["index.tsx"],"sourcesContent":["import React from \"react\";\nimport BackButton from \"./BackButton\";\nimport Divider from \"./Divider\";\nimport SaveContentModelButton from \"./SaveContentModelButton\";\nimport CreateContentButton from \"./CreateContentButton\";\nimport { Name } from \"./Name\";\nimport { FormSettingsButton } from \"./FormSettings\";\n\nexport default [\n    {\n        name: \"content-model-editor-default-bar-right-create-content-button\",\n        type: \"content-model-editor-default-bar-right\",\n        render() {\n            return <CreateContentButton />;\n        }\n    },\n    {\n        name: \"content-model-editor-default-bar-left-divider\",\n        type: \"content-model-editor-default-bar-right\",\n        render() {\n            return <Divider />;\n        }\n    },\n    {\n        name: \"content-model-editor-default-bar-right-form-settings-button\",\n        type: \"content-model-editor-default-bar-right\",\n        render() {\n            return <FormSettingsButton />;\n        }\n    },\n    {\n        name: \"content-model-editor-default-bar-right-save-button\",\n        type: \"content-model-editor-default-bar-right\",\n        render() {\n            return <SaveContentModelButton />;\n        }\n    },\n\n    {\n        name: \"content-model-editor-default-bar-left-back-button\",\n        type: \"content-model-editor-default-bar-left\",\n        render() {\n            return <BackButton />;\n        }\n    },\n\n    {\n        name: \"content-model-editor-default-bar-left-name\",\n        type: \"content-model-editor-default-bar-left\",\n        render() {\n            return <Name />;\n        }\n    }\n];\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AAAoD,eAErC,CACX;EACIA,IAAI,EAAE,8DAA8D;EACpEC,IAAI,EAAE,wCAAwC;EAC9CC,MAAM,oBAAG;IACL,oBAAO,6BAAC,4BAAmB,OAAG;EAClC;AACJ,CAAC,EACD;EACIF,IAAI,EAAE,+CAA+C;EACrDC,IAAI,EAAE,wCAAwC;EAC9CC,MAAM,oBAAG;IACL,oBAAO,6BAAC,gBAAO,OAAG;EACtB;AACJ,CAAC,EACD;EACIF,IAAI,EAAE,6DAA6D;EACnEC,IAAI,EAAE,wCAAwC;EAC9CC,MAAM,oBAAG;IACL,oBAAO,6BAAC,gCAAkB,OAAG;EACjC;AACJ,CAAC,EACD;EACIF,IAAI,EAAE,oDAAoD;EAC1DC,IAAI,EAAE,wCAAwC;EAC9CC,MAAM,oBAAG;IACL,oBAAO,6BAAC,+BAAsB,OAAG;EACrC;AACJ,CAAC,EAED;EACIF,IAAI,EAAE,mDAAmD;EACzDC,IAAI,EAAE,uCAAuC;EAC7CC,MAAM,oBAAG;IACL,oBAAO,6BAAC,mBAAU,OAAG;EACzB;AACJ,CAAC,EAED;EACIF,IAAI,EAAE,4CAA4C;EAClDC,IAAI,EAAE,uCAAuC;EAC7CC,MAAM,oBAAG;IACL,oBAAO,6BAAC,UAAI,OAAG;EACnB;AACJ,CAAC,CACJ;AAAA"}

package/admin/plugins/editor/formSettings/components/GeneralSettings.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import React from "react";
 import { BindComponent } from "@webiny/form";
 interface GeneralSettingsProps {
     Bind: BindComponent;
 }
-declare const GeneralSettings: ({ Bind }: GeneralSettingsProps) => JSX.Element;
+declare const GeneralSettings: React.VFC<GeneralSettingsProps>;
 export default GeneralSettings;