@webiny/app-headless-cms 6.3.0-beta.4 → 6.4.0-beta.0

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

@@ -1,45 +1,41 @@
-import React from "react";
+import react from "react";
 import get from "lodash/get.js";
 import { useRouter } from "@webiny/app-admin";
 import { i18n } from "@webiny/app/i18n/index.js";
-import { ReactComponent as ListViewIcon } from "@webiny/icons/list.svg";
+import { ReactComponent } from "@webiny/icons/list.svg";
 import { GET_CONTENT_MODEL } from "../../../graphql/contentModels.js";
 import { useModelEditor } from "../../../hooks/index.js";
 import { IconButton, Tooltip } from "@webiny/admin-ui";
 import { Routes } from "../../../../routes.js";
 const t = i18n.namespace("app-headless-cms/admin/editor/top-bar/save-button");
-const CreateContentButton = () => {
-  const {
-    goToRoute
-  } = useRouter();
-  const {
-    data,
-    apolloClient
-  } = useModelEditor();
-  const getQuery = apolloClient.readQuery({
-    query: GET_CONTENT_MODEL,
-    variables: {
-      modelId: data.modelId
-    }
-  });
-  const fields = get(getQuery, "getContentModel.data.fields", []);
-  const disableViewContent = fields.length === 0;
-  const message = disableViewContent ? "To view the entries, you first need to add a field and save the form" : "View entries";
-  return /*#__PURE__*/React.createElement(Tooltip, {
-    content: t`{message}`({
-      message
-    }),
-    side: "bottom",
-    trigger: /*#__PURE__*/React.createElement(IconButton, {
-      icon: /*#__PURE__*/React.createElement(ListViewIcon, null),
-      onClick: () => goToRoute(Routes.ContentEntries.List, {
-        modelId: data.modelId
-      }),
-      disabled: disableViewContent,
-      variant: "ghost"
-    })
-  });
+const CreateContentButton = ()=>{
+    const { goToRoute } = useRouter();
+    const { data, apolloClient } = useModelEditor();
+    const getQuery = apolloClient.readQuery({
+        query: GET_CONTENT_MODEL,
+        variables: {
+            modelId: data.modelId
+        }
+    });
+    const fields = get(getQuery, "getContentModel.data.fields", []);
+    const disableViewContent = 0 === fields.length;
+    const message = disableViewContent ? "To view the entries, you first need to add a field and save the form" : "View entries";
+    return /*#__PURE__*/ react.createElement(Tooltip, {
+        content: t`{message}`({
+            message
+        }),
+        side: "bottom",
+        trigger: /*#__PURE__*/ react.createElement(IconButton, {
+            icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+            onClick: ()=>goToRoute(Routes.ContentEntries.List, {
+                    modelId: data.modelId
+                }),
+            disabled: disableViewContent,
+            variant: "ghost"
+        })
+    });
 };
-export default CreateContentButton;
+const defaultBar_CreateContentButton = CreateContentButton;
+export default defaultBar_CreateContentButton;
 
 //# sourceMappingURL=CreateContentButton.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","get","useRouter","i18n","ReactComponent","ListViewIcon","GET_CONTENT_MODEL","useModelEditor","IconButton","Tooltip","Routes","t","namespace","CreateContentButton","goToRoute","data","apolloClient","getQuery","readQuery","query","variables","modelId","fields","disableViewContent","length","message","createElement","content","side","trigger","icon","onClick","ContentEntries","List","disabled","variant"],"sources":["CreateContentButton.tsx"],"sourcesContent":["import React from \"react\";\nimport get from \"lodash/get.js\";\nimport { useRouter } from \"@webiny/app-admin\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport { ReactComponent as ListViewIcon } from \"@webiny/icons/list.svg\";\nimport type {\n    GetCmsModelQueryResponse,\n    GetCmsModelQueryVariables\n} from \"~/admin/graphql/contentModels.js\";\nimport { GET_CONTENT_MODEL } from \"~/admin/graphql/contentModels.js\";\nimport { useModelEditor } from \"~/admin/hooks/index.js\";\nimport { IconButton, Tooltip } from \"@webiny/admin-ui\";\nimport { Routes } from \"~/routes.js\";\n\nconst t = i18n.namespace(\"app-headless-cms/admin/editor/top-bar/save-button\");\n\nconst CreateContentButton = () => {\n    const { goToRoute } = useRouter();\n    const { data, apolloClient } = useModelEditor();\n\n    const getQuery = apolloClient.readQuery<GetCmsModelQueryResponse, GetCmsModelQueryVariables>({\n        query: GET_CONTENT_MODEL,\n        variables: {\n            modelId: data.modelId\n        }\n    });\n    const fields = get(getQuery, \"getContentModel.data.fields\", []);\n    const disableViewContent = fields.length === 0;\n    const message = disableViewContent\n        ? \"To view the entries, you first need to add a field and save the form\"\n        : \"View entries\";\n\n    return (\n        <Tooltip\n            content={t`{message}`({ message })}\n            side={\"bottom\"}\n            trigger={\n                <IconButton\n                    icon={<ListViewIcon />}\n                    onClick={() => goToRoute(Routes.ContentEntries.List, { modelId: data.modelId })}\n                    disabled={disableViewContent}\n                    variant={\"ghost\"}\n                />\n            }\n        />\n    );\n};\n\nexport default CreateContentButton;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,GAAG,MAAM,eAAe;AAC/B,SAASC,SAAS,QAAQ,mBAAmB;AAC7C,SAASC,IAAI,QAAQ,2BAA2B;AAChD,SAASC,cAAc,IAAIC,YAAY,QAAQ,wBAAwB;AAKvE,SAASC,iBAAiB;AAC1B,SAASC,cAAc;AACvB,SAASC,UAAU,EAAEC,OAAO,QAAQ,kBAAkB;AACtD,SAASC,MAAM;AAEf,MAAMC,CAAC,GAAGR,IAAI,CAACS,SAAS,CAAC,mDAAmD,CAAC;AAE7E,MAAMC,mBAAmB,GAAGA,CAAA,KAAM;EAC9B,MAAM;IAAEC;EAAU,CAAC,GAAGZ,SAAS,CAAC,CAAC;EACjC,MAAM;IAAEa,IAAI;IAAEC;EAAa,CAAC,GAAGT,cAAc,CAAC,CAAC;EAE/C,MAAMU,QAAQ,GAAGD,YAAY,CAACE,SAAS,CAAsD;IACzFC,KAAK,EAAEb,iBAAiB;IACxBc,SAAS,EAAE;MACPC,OAAO,EAAEN,IAAI,CAACM;IAClB;EACJ,CAAC,CAAC;EACF,MAAMC,MAAM,GAAGrB,GAAG,CAACgB,QAAQ,EAAE,6BAA6B,EAAE,EAAE,CAAC;EAC/D,MAAMM,kBAAkB,GAAGD,MAAM,CAACE,MAAM,KAAK,CAAC;EAC9C,MAAMC,OAAO,GAAGF,kBAAkB,GAC5B,sEAAsE,GACtE,cAAc;EAEpB,oBACIvB,KAAA,CAAA0B,aAAA,CAACjB,OAAO;IACJkB,OAAO,EAAEhB,CAAC,WAAW,CAAC;MAAEc;IAAQ,CAAC,CAAE;IACnCG,IAAI,EAAE,QAAS;IACfC,OAAO,eACH7B,KAAA,CAAA0B,aAAA,CAAClB,UAAU;MACPsB,IAAI,eAAE9B,KAAA,CAAA0B,aAAA,CAACrB,YAAY,MAAE,CAAE;MACvB0B,OAAO,EAAEA,CAAA,KAAMjB,SAAS,CAACJ,MAAM,CAACsB,cAAc,CAACC,IAAI,EAAE;QAAEZ,OAAO,EAAEN,IAAI,CAACM;MAAQ,CAAC,CAAE;MAChFa,QAAQ,EAAEX,kBAAmB;MAC7BY,OAAO,EAAE;IAAQ,CACpB;EACJ,CACJ,CAAC;AAEV,CAAC;AAED,eAAetB,mBAAmB","ignoreList":[]}
+{"version":3,"file":"admin/plugins/editor/defaultBar/CreateContentButton.js","sources":["../../../../../src/admin/plugins/editor/defaultBar/CreateContentButton.tsx"],"sourcesContent":["import React from \"react\";\nimport get from \"lodash/get.js\";\nimport { useRouter } from \"@webiny/app-admin\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport { ReactComponent as ListViewIcon } from \"@webiny/icons/list.svg\";\nimport type {\n    GetCmsModelQueryResponse,\n    GetCmsModelQueryVariables\n} from \"~/admin/graphql/contentModels.js\";\nimport { GET_CONTENT_MODEL } from \"~/admin/graphql/contentModels.js\";\nimport { useModelEditor } from \"~/admin/hooks/index.js\";\nimport { IconButton, Tooltip } from \"@webiny/admin-ui\";\nimport { Routes } from \"~/routes.js\";\n\nconst t = i18n.namespace(\"app-headless-cms/admin/editor/top-bar/save-button\");\n\nconst CreateContentButton = () => {\n    const { goToRoute } = useRouter();\n    const { data, apolloClient } = useModelEditor();\n\n    const getQuery = apolloClient.readQuery<GetCmsModelQueryResponse, GetCmsModelQueryVariables>({\n        query: GET_CONTENT_MODEL,\n        variables: {\n            modelId: data.modelId\n        }\n    });\n    const fields = get(getQuery, \"getContentModel.data.fields\", []);\n    const disableViewContent = fields.length === 0;\n    const message = disableViewContent\n        ? \"To view the entries, you first need to add a field and save the form\"\n        : \"View entries\";\n\n    return (\n        <Tooltip\n            content={t`{message}`({ message })}\n            side={\"bottom\"}\n            trigger={\n                <IconButton\n                    icon={<ListViewIcon />}\n                    onClick={() => goToRoute(Routes.ContentEntries.List, { modelId: data.modelId })}\n                    disabled={disableViewContent}\n                    variant={\"ghost\"}\n                />\n            }\n        />\n    );\n};\n\nexport default CreateContentButton;\n"],"names":["t","i18n","CreateContentButton","goToRoute","useRouter","data","apolloClient","useModelEditor","getQuery","GET_CONTENT_MODEL","fields","get","disableViewContent","message","Tooltip","IconButton","ListViewIcon","Routes"],"mappings":";;;;;;;;;AAcA,MAAMA,IAAIC,KAAK,SAAS,CAAC;AAEzB,MAAMC,sBAAsB;IACxB,MAAM,EAAEC,SAAS,EAAE,GAAGC;IACtB,MAAM,EAAEC,IAAI,EAAEC,YAAY,EAAE,GAAGC;IAE/B,MAAMC,WAAWF,aAAa,SAAS,CAAsD;QACzF,OAAOG;QACP,WAAW;YACP,SAASJ,KAAK,OAAO;QACzB;IACJ;IACA,MAAMK,SAASC,IAAIH,UAAU,+BAA+B,EAAE;IAC9D,MAAMI,qBAAqBF,AAAkB,MAAlBA,OAAO,MAAM;IACxC,MAAMG,UAAUD,qBACV,yEACA;IAEN,OAAO,WAAP,GACI,oBAACE,SAAOA;QACJ,SAASd,CAAC,CAAC,SAAS,CAAC,CAAC;YAAEa;QAAQ;QAChC,MAAM;QACN,uBACI,oBAACE,YAAUA;YACP,oBAAM,oBAACC,gBAAYA;YACnB,SAAS,IAAMb,UAAUc,OAAO,cAAc,CAAC,IAAI,EAAE;oBAAE,SAASZ,KAAK,OAAO;gBAAC;YAC7E,UAAUO;YACV,SAAS;;;AAK7B;AAEA,uCAAeV"}

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

@@ -1,4 +1,4 @@
-import React, { useState } from "react";
+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";
@@ -6,73 +6,60 @@ 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 Title = ()=>/*#__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.createElement(SplitView, null, /*#__PURE__*/ react.createElement(LeftPanel, {
+        span: 5
+    }, /*#__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
+            }),
+            title: pl.title,
+            description: pl.description
+        })))), /*#__PURE__*/ react.createElement(RightPanel, {
+        span: 7
+    }, /*#__PURE__*/ react.createElement(Form, {
+        data: data,
+        onSubmit: (data)=>{
+            setData(()=>data);
+            onExited();
+            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"
+        }, "function" == typeof activePlugin.renderHeaderActions && 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);
+            }
+        })) : null)))));
 };
-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.createElement(SplitView, null, /*#__PURE__*/React.createElement(LeftPanel, {
-    span: 5
-  }, /*#__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
-    }),
-    title: pl.title,
-    description: pl.description
-  })))), /*#__PURE__*/React.createElement(RightPanel, {
-    span: 7
-  }, /*#__PURE__*/React.createElement(Form, {
-    data: data,
-    onSubmit: data => {
-      setData(() => data);
-      onExited();
-      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);
-    }
-  })) : null)))));
-};
-export default FormSettings;
+const FormSettings_FormSettings = FormSettings;
+export default FormSettings_FormSettings;
 
 //# sourceMappingURL=FormSettings.js.map

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

@@ -1 +1 @@
-{"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":[]}
+{"version":3,"file":"admin/plugins/editor/defaultBar/FormSettings/FormSettings.js","sources":["../../../../../../src/admin/plugins/editor/defaultBar/FormSettings/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"],"names":["t","i18n","Title","Heading","FormSettings","onExited","cmsEditorFormSettingsPlugins","plugins","data","setData","useModelEditor","showSnackbar","useSnackbar","activePlugin","setActivePlugin","useState","OverlayLayout","SplitView","LeftPanel","List","pl","Icon","RightPanel","Form","Bind","submit","form","formData","SimpleForm","SimpleFormHeader","SimpleFormContent","SimpleFormFooter","Button","ev"],"mappings":";;;;;;;AAmBA,MAAMA,IAAIC,KAAK,SAAS,CAAC;AAEzB,MAAMC,QAAQ,IACH,WAAP,GACI,oBAACC,SAAOA;QAAC,OAAO;QAAG,WAAW;OAAwBH,CAAC,CAAC,sBAAsB,CAAC;AAQvF,MAAMI,eAAe,CAAC,EAAEC,QAAQ,EAAqB;IACjD,MAAMC,+BAA+BC,QAAQ,MAAM,CAC/C;IAEJ,MAAM,EAAEC,IAAI,EAAEC,OAAO,EAAE,GAAGC;IAC1B,MAAM,EAAEC,YAAY,EAAE,GAAGC;IAEzB,MAAM,CAACC,cAAcC,gBAAgB,GAAGC,SAAST,4BAA4B,CAAC,EAAE;IAEhF,OAAO,WAAP,GACI,oBAACU,eAAaA;QAAC,yBAAW,oBAACd,OAAKA;QAAK,UAAUG;qBAC3C,oBAACY,WAASA,MAAAA,WAAAA,GACN,oBAACC,WAASA;QAAC,MAAM;qBACb,oBAACC,MAAIA,MACAb,6BAA6B,GAAG,CAACc,CAAAA,KAAAA,WAAAA,GAC9B,oBAACD,KAAK,IAAI;YACN,KAAKC,GAAG,IAAI;YACZ,SAAS,IAAMN,gBAAgBM;YAC/B,oBAAM,oBAACC,MAAIA;gBAAC,OAAOD,GAAG,KAAK;gBAAE,MAAMA,GAAG,IAAI;;YAC1C,OAAOA,GAAG,KAAK;YACf,aAAaA,GAAG,WAAW;6BAK3C,oBAACE,YAAUA;QAAC,MAAM;qBACd,oBAACC,MAAIA;QACD,MAAMf;QACN,UAAUA,CAAAA;YACNC,QAAQ,IAAMD;YACdH;YACAM,aAAaX,CAAC,CAAC,4CAA4C,CAAC;QAChE;OAEC,CAAC,EAAEwB,IAAI,EAAEC,MAAM,EAAEC,IAAI,EAAE,MAAMC,QAAQ,EAAE,iBACpC,oBAACC,YAAUA;YAAC,MAAM;yBACd,oBAACC,kBAAgBA;YAAC,OAAOhB,aAAa,KAAK;yBACvC,oBAAC;YAAI,WAAW;WACX,AAA4C,cAA5C,OAAOA,aAAa,mBAAmB,IACpCA,aAAa,mBAAmB,CAAC;YAC7BW;YACAE;YACAC;QACJ,oBAGZ,oBAACG,mBAAiBA,MACbjB,eACKA,aAAa,MAAM,CAAC;YAChB,MAAMW;YACNE;YACAC;QACJ,KACA,OAETd,cAAc,aAAa,QAAQ,WAAR,GACxB,oBAACkB,kBAAgBA,MAAAA,WAAAA,GACb,oBAACC,QAAMA;YACH,MAAMhC,CAAC,CAAC,IAAI,CAAC;YACb,SAASiC,CAAAA;gBACLR,OAAOQ;YACX;cAGR;AAQpC;AAEA,kCAAe7B"}

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

@@ -1,23 +1,24 @@
-import React, { useState, useCallback } from "react";
+import react, { useCallback, useState } from "react";
 import FormSettings from "./FormSettings.js";
-import { ReactComponent as SettingsIcon } from "@webiny/icons/settings.svg";
+import { ReactComponent } 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
-  }));
+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(ReactComponent, null),
+            variant: "ghost"
+        })
+    }), opened && /*#__PURE__*/ react.createElement(FormSettings, {
+        onExited: close
+    }));
 };
-export default FormSettingsButton;
+const FormSettings_FormSettingsButton = FormSettingsButton;
+export default FormSettings_FormSettingsButton;
 
 //# sourceMappingURL=FormSettingsButton.js.map

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

@@ -1 +1 @@
-{"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":[]}
+{"version":3,"file":"admin/plugins/editor/defaultBar/FormSettings/FormSettingsButton.js","sources":["../../../../../../src/admin/plugins/editor/defaultBar/FormSettings/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"],"names":["FormSettingsButton","opened","setOpened","useState","open","useCallback","close","Tooltip","IconButton","SettingsIcon","FormSettings"],"mappings":";;;;AAMA,MAAMA,qBAAqB;IACvB,MAAM,CAACC,QAAQC,UAAU,GAAGC,SAAS;IACrC,MAAMC,OAAOC,YAAY,IAAMH,UAAU,OAAO,EAAE;IAClD,MAAMI,QAAQD,YAAY,IAAMH,UAAU,QAAQ,EAAE;IAEpD,OAAO,WAAP,GACI,wDACI,oBAACK,SAAOA;QACJ,SAAS;QACT,MAAM;QACN,uBAAS,oBAACC,YAAUA;YAAC,SAASJ;YAAM,oBAAM,oBAACK,gBAAYA;YAAK,SAAS;;QAExER,UAAU,WAAVA,GAAU,oBAACS,cAAYA;QAAC,UAAUJ;;AAG/C;AAEA,wCAAeN"}

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

@@ -1,56 +1,39 @@
-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)."; }
-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__
+import styled from "@emotion/styled";
+import { Heading } from "@webiny/admin-ui";
+import * as __rspack_external_react from "react";
+const listStyle = css({
+    "&.mdc-deprecated-list": {
+        padding: 0,
+        backgroundColor: "var(--mdc-theme-surface)"
+    }
 });
-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__
+const listItem = 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 ListItemTitle = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
-  target: "enz7avh1"
-} : {
-  target: "enz7avh1",
-  label: "ListItemTitle"
-})(process.env.NODE_ENV === "production" ? {
-  name: "14e6nm5",
-  styles: "font-weight:600;margin-bottom:5px"
-} : {
-  name: "14e6nm5",
-  styles: "font-weight:600;margin-bottom:5px/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZvcm1TZXR0aW5nc1N0eWxlZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0I2QiIsImZpbGUiOiJGb3JtU2V0dGluZ3NTdHlsZWQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0ICogYXMgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vY3NzXCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IFR5cG9ncmFwaHkgfSBmcm9tIFwiQHdlYmlueS91aS9UeXBvZ3JhcGh5L2luZGV4LmpzXCI7XG5cbmV4cG9ydCBjb25zdCBsaXN0U3R5bGUgPSBjc3Moe1xuICAgIFwiJi5tZGMtZGVwcmVjYXRlZC1saXN0XCI6IHtcbiAgICAgICAgcGFkZGluZzogMCxcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiBcInZhcigtLW1kYy10aGVtZS1zdXJmYWNlKVwiXG4gICAgfVxufSk7XG5cbmV4cG9ydCBjb25zdCBsaXN0SXRlbSA9IGNzcyh7XG4gICAgcGFkZGluZzogXCIxNXB4IDIwcHhcIixcbiAgICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICAgIGJvcmRlckJvdHRvbTogXCIxcHggc29saWQgdmFyKC0tbWRjLXRoZW1lLWJhY2tncm91bmQpXCIsXG4gICAgXCImOmxhc3QtY2hpbGRcIjoge1xuICAgICAgICBib3JkZXJCb3R0b206IFwibm9uZVwiXG4gICAgfSxcbiAgICBcIi5tZGMtZGVwcmVjYXRlZC1saXN0LWl0ZW1fX2dyYXBoaWNcIjoge1xuICAgICAgICBtYXJnaW5SaWdodDogMjBcbiAgICB9XG59KTtcblxuZXhwb3J0IGNvbnN0IExpc3RJdGVtVGl0bGUgPSBzdHlsZWQoXCJkaXZcIikoe1xuICAgIGZvbnRXZWlnaHQ6IDYwMCxcbiAgICBtYXJnaW5Cb3R0b206IDVcbn0pO1xuXG5leHBvcnQgY29uc3QgVGl0bGUgPSAoXG4gICAgPFR5cG9ncmFwaHlcbiAgICAgICAgc3R5bGU9e3sgbWFyZ2luOiBcIjAgYXV0b1wiLCBjb2xvcjogXCJ2YXIoLS1tZGMtdGhlbWUtb24tc3VyZmFjZSlcIiB9fVxuICAgICAgICB1c2U9e1wiaGVhZGxpbmU2XCJ9XG4gICAgPlxuICAgICAgICBDb250ZW50IG1vZGVsIHNldHRpbmdzXG4gICAgPC9UeXBvZ3JhcGh5PlxuKTtcblxuZXhwb3J0IGNvbnN0IFRpdGxlQ29udGVudCA9IHN0eWxlZChcImRpdlwiKSh7XG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgZmxleERpcmVjdGlvbjogXCJjb2x1bW5cIlxufSk7XG4iXX0= */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+const ListItemTitle = styled("div")({
+    fontWeight: 600,
+    marginBottom: 5
 });
-export const Title = /*#__PURE__*/React.createElement(Typography, {
-  style: {
-    margin: "0 auto",
-    color: "var(--mdc-theme-on-surface)"
-  },
-  use: "headline6"
+const Title = /*#__PURE__*/ __rspack_external_react.createElement(Heading, {
+    level: 6,
+    style: {
+        margin: "0 auto",
+        color: "var(--mdc-theme-on-surface)"
+    }
 }, "Content model settings");
-export const TitleContent = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
-  target: "enz7avh0"
-} : {
-  target: "enz7avh0",
-  label: "TitleContent"
-})(process.env.NODE_ENV === "production" ? {
-  name: "1fttcpj",
-  styles: "display:flex;flex-direction:column"
-} : {
-  name: "1fttcpj",
-  styles: "display:flex;flex-direction:column/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZvcm1TZXR0aW5nc1N0eWxlZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0M0QiIsImZpbGUiOiJGb3JtU2V0dGluZ3NTdHlsZWQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0ICogYXMgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vY3NzXCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IFR5cG9ncmFwaHkgfSBmcm9tIFwiQHdlYmlueS91aS9UeXBvZ3JhcGh5L2luZGV4LmpzXCI7XG5cbmV4cG9ydCBjb25zdCBsaXN0U3R5bGUgPSBjc3Moe1xuICAgIFwiJi5tZGMtZGVwcmVjYXRlZC1saXN0XCI6IHtcbiAgICAgICAgcGFkZGluZzogMCxcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiBcInZhcigtLW1kYy10aGVtZS1zdXJmYWNlKVwiXG4gICAgfVxufSk7XG5cbmV4cG9ydCBjb25zdCBsaXN0SXRlbSA9IGNzcyh7XG4gICAgcGFkZGluZzogXCIxNXB4IDIwcHhcIixcbiAgICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICAgIGJvcmRlckJvdHRvbTogXCIxcHggc29saWQgdmFyKC0tbWRjLXRoZW1lLWJhY2tncm91bmQpXCIsXG4gICAgXCImOmxhc3QtY2hpbGRcIjoge1xuICAgICAgICBib3JkZXJCb3R0b206IFwibm9uZVwiXG4gICAgfSxcbiAgICBcIi5tZGMtZGVwcmVjYXRlZC1saXN0LWl0ZW1fX2dyYXBoaWNcIjoge1xuICAgICAgICBtYXJnaW5SaWdodDogMjBcbiAgICB9XG59KTtcblxuZXhwb3J0IGNvbnN0IExpc3RJdGVtVGl0bGUgPSBzdHlsZWQoXCJkaXZcIikoe1xuICAgIGZvbnRXZWlnaHQ6IDYwMCxcbiAgICBtYXJnaW5Cb3R0b206IDVcbn0pO1xuXG5leHBvcnQgY29uc3QgVGl0bGUgPSAoXG4gICAgPFR5cG9ncmFwaHlcbiAgICAgICAgc3R5bGU9e3sgbWFyZ2luOiBcIjAgYXV0b1wiLCBjb2xvcjogXCJ2YXIoLS1tZGMtdGhlbWUtb24tc3VyZmFjZSlcIiB9fVxuICAgICAgICB1c2U9e1wiaGVhZGxpbmU2XCJ9XG4gICAgPlxuICAgICAgICBDb250ZW50IG1vZGVsIHNldHRpbmdzXG4gICAgPC9UeXBvZ3JhcGh5PlxuKTtcblxuZXhwb3J0IGNvbnN0IFRpdGxlQ29udGVudCA9IHN0eWxlZChcImRpdlwiKSh7XG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgZmxleERpcmVjdGlvbjogXCJjb2x1bW5cIlxufSk7XG4iXX0= */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+const TitleContent = styled("div")({
+    display: "flex",
+    flexDirection: "column"
 });
+export { ListItemTitle, Title, TitleContent, listItem, listStyle };
 
 //# sourceMappingURL=FormSettingsStyled.js.map

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

@@ -1 +1 @@
-{"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":[]}
+{"version":3,"file":"admin/plugins/editor/defaultBar/FormSettings/FormSettingsStyled.js","sources":["../../../../../../src/admin/plugins/editor/defaultBar/FormSettings/FormSettingsStyled.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { css } from \"@emotion/css\";\nimport styled from \"@emotion/styled\";\nimport { Heading } from \"@webiny/admin-ui\";\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    <Heading level={6} style={{ margin: \"0 auto\", color: \"var(--mdc-theme-on-surface)\" }}>\n        Content model settings\n    </Heading>\n);\n\nexport const TitleContent = styled(\"div\")({\n    display: \"flex\",\n    flexDirection: \"column\"\n});\n"],"names":["listStyle","css","listItem","ListItemTitle","styled","Title","Heading","TitleContent"],"mappings":";;;;AAKO,MAAMA,YAAYC,IAAI;IACzB,yBAAyB;QACrB,SAAS;QACT,iBAAiB;IACrB;AACJ;AAEO,MAAMC,WAAWD,IAAI;IACxB,SAAS;IACT,QAAQ;IACR,cAAc;IACd,gBAAgB;QACZ,cAAc;IAClB;IACA,sCAAsC;QAClC,aAAa;IACjB;AACJ;AAEO,MAAME,gBAAgBC,OAAO,OAAO;IACvC,YAAY;IACZ,cAAc;AAClB;AAEO,MAAMC,QAAQ,WAAHA,GACd,sCAACC,SAAOA;IAAC,OAAO;IAAG,OAAO;QAAE,QAAQ;QAAU,OAAO;IAA8B;GAAG;AAKnF,MAAMC,eAAeH,OAAO,OAAO;IACtC,SAAS;IACT,eAAe;AACnB"}

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

@@ -1,3 +1 @@
 export { default as FormSettingsButton } from "./FormSettingsButton.js";
-
-//# sourceMappingURL=index.js.map

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

@@ -1,69 +1,66 @@
-import React, { useCallback, useState } from "react";
+import react, { useCallback, useState } from "react";
 import { useHotkeys } from "@webiny/app-admin";
 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);
-  };
-  const startEditing = () => {
-    setLocalName(data.name);
-    setEditing(true);
-  };
-  const saveName = useCallback(event => {
-    event.preventDefault();
-    setData(data => {
-      data.name = localName;
-      return data;
-    });
-    setEditing(false);
-  }, [localName]);
-  useHotkeys({
-    zIndex: 100,
-    keys: {
-      "alt+cmd+enter": startEditing
-    }
-  });
-  useHotkeys({
-    zIndex: 101,
-    disabled: !editingEnabled,
-    keys: {
-      esc: event => {
+const Name = ()=>{
+    const { data, setData } = useModelEditor();
+    const [localName, setLocalName] = useState("");
+    const [editingEnabled, setEditing] = useState(false);
+    const cancelChanges = ()=>{
+        setEditing(false);
+    };
+    const startEditing = ()=>{
+        setLocalName(data.name);
+        setEditing(true);
+    };
+    const saveName = useCallback((event)=>{
         event.preventDefault();
-        cancelChanges();
-      },
-      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.
-  const autoFocus = !window.Cypress;
-  return editingEnabled ? /*#__PURE__*/React.createElement(Input, {
-    autoFocus: autoFocus,
-    value: localName,
-    onChange: setLocalName,
-    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)
-  });
+        setData((data)=>{
+            data.name = localName;
+            return data;
+        });
+        setEditing(false);
+    }, [
+        localName
+    ]);
+    useHotkeys({
+        zIndex: 100,
+        keys: {
+            "alt+cmd+enter": startEditing
+        }
+    });
+    useHotkeys({
+        zIndex: 101,
+        disabled: !editingEnabled,
+        keys: {
+            esc: (event)=>{
+                event.preventDefault();
+                cancelChanges();
+            },
+            enter: saveName
+        }
+    });
+    const autoFocus = !window.Cypress;
+    return editingEnabled ? /*#__PURE__*/ react.createElement(Input, {
+        autoFocus: autoFocus,
+        value: localName,
+        onChange: setLocalName,
+        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)
+    });
 };
+export { Name };
 
 //# sourceMappingURL=Name.js.map