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

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

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","useState","useHotkeys","i18n","useModelEditor","Heading","Input","Tooltip","t","namespace","Name","data","setData","localName","setLocalName","editingEnabled","setEditing","cancelChanges","startEditing","name","saveName","event","preventDefault","zIndex","keys","disabled","esc","enter","autoFocus","window","Cypress","createElement","value","onChange","onBlur","variant","size","side","content","trigger","level","className","onClick"],"sources":["Name.tsx"],"sourcesContent":["import React, { useCallback, useState } from \"react\";\nimport { useHotkeys } from \"@webiny/app-admin\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport { useModelEditor } from \"~/admin/hooks/index.js\";\nimport { Heading, Input, Tooltip } from \"@webiny/admin-ui\";\n\nconst t = i18n.namespace(\"ContentModelEditor.Name\");\n\ndeclare global {\n    interface Window {\n        Cypress: any;\n    }\n}\n\nexport const Name = () => {\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: KeyboardEvent | 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: KeyboardEvent) => {\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        <Input\n            autoFocus={autoFocus}\n            value={localName}\n            onChange={setLocalName}\n            onBlur={saveName}\n            variant={\"ghost\"}\n            size={\"md\"}\n        />\n    ) : (\n        <Tooltip\n            side={\"bottom\"}\n            content={<span>{t`Rename content model`}</span>}\n            trigger={\n                <Heading\n                    level={5}\n                    className={\n                        \"px-xs border-sm border-neutral-base rounded-md hover:border-neutral-muted\"\n                    }\n                    data-testid=\"cms-editor-model-title\"\n                    onClick={startEditing}\n                >\n                    {data.name}\n                </Heading>\n            }\n        />\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,QAAQ,QAAQ,OAAO;AACpD,SAASC,UAAU,QAAQ,mBAAmB;AAC9C,SAASC,IAAI,QAAQ,2BAA2B;AAChD,SAASC,cAAc;AACvB,SAASC,OAAO,EAAEC,KAAK,EAAEC,OAAO,QAAQ,kBAAkB;AAE1D,MAAMC,CAAC,GAAGL,IAAI,CAACM,SAAS,CAAC,yBAAyB,CAAC;AAQnD,OAAO,MAAMC,IAAI,GAAGA,CAAA,KAAM;EACtB,MAAM;IAAEC,IAAI;IAAEC;EAAQ,CAAC,GAAGR,cAAc,CAAC,CAAC;EAC1C,MAAM,CAACS,SAAS,EAAEC,YAAY,CAAC,GAAGb,QAAQ,CAAS,EAAE,CAAC;EACtD,MAAM,CAACc,cAAc,EAAEC,UAAU,CAAC,GAAGf,QAAQ,CAAU,KAAK,CAAC;EAE7D,MAAMgB,aAAa,GAAGA,CAAA,KAAM;IACxBD,UAAU,CAAC,KAAK,CAAC;EACrB,CAAC;EAED,MAAME,YAAY,GAAGA,CAAA,KAAY;IAC7BJ,YAAY,CAACH,IAAI,CAACQ,IAAI,CAAC;IACvBH,UAAU,CAAC,IAAI,CAAC;EACpB,CAAC;EAED,MAAMI,QAAQ,GAAGpB,WAAW,CACvBqB,KAA2C,IAAK;IAC7CA,KAAK,CAACC,cAAc,CAAC,CAAC;IACtBV,OAAO,CAACD,IAAI,IAAI;MACZA,IAAI,CAACQ,IAAI,GAAGN,SAAS;MACrB,OAAOF,IAAI;IACf,CAAC,CAAC;IACFK,UAAU,CAAC,KAAK,CAAC;EACrB,CAAC,EACD,CAACH,SAAS,CACd,CAAC;EAEDX,UAAU,CAAC;IACPqB,MAAM,EAAE,GAAG;IACXC,IAAI,EAAE;MACF,eAAe,EAAEN;IACrB;EACJ,CAAC,CAAC;EAEFhB,UAAU,CAAC;IACPqB,MAAM,EAAE,GAAG;IACXE,QAAQ,EAAE,CAACV,cAAc;IACzBS,IAAI,EAAE;MACFE,GAAG,EAAGL,KAAoB,IAAK;QAC3BA,KAAK,CAACC,cAAc,CAAC,CAAC;QACtBL,aAAa,CAAC,CAAC;MACnB,CAAC;MACDU,KAAK,EAAEP;IACX;EACJ,CAAC,CAAC;;EAEF;EACA;EACA,MAAMQ,SAAS,GAAG,CAACC,MAAM,CAACC,OAAO;EAEjC,OAAOf,cAAc,gBACjBhB,KAAA,CAAAgC,aAAA,CAACzB,KAAK;IACFsB,SAAS,EAAEA,SAAU;IACrBI,KAAK,EAAEnB,SAAU;IACjBoB,QAAQ,EAAEnB,YAAa;IACvBoB,MAAM,EAAEd,QAAS;IACjBe,OAAO,EAAE,OAAQ;IACjBC,IAAI,EAAE;EAAK,CACd,CAAC,gBAEFrC,KAAA,CAAAgC,aAAA,CAACxB,OAAO;IACJ8B,IAAI,EAAE,QAAS;IACfC,OAAO,eAAEvC,KAAA,CAAAgC,aAAA,eAAOvB,CAAC,sBAA6B,CAAE;IAChD+B,OAAO,eACHxC,KAAA,CAAAgC,aAAA,CAAC1B,OAAO;MACJmC,KAAK,EAAE,CAAE;MACTC,SAAS,EACL,2EACH;MACD,eAAY,wBAAwB;MACpCC,OAAO,EAAExB;IAAa,GAErBP,IAAI,CAACQ,IACD;EACZ,CACJ,CACJ;AACL,CAAC","ignoreList":[]}
+{"version":3,"file":"admin/plugins/editor/defaultBar/Name/Name.js","sources":["../../../../../../src/admin/plugins/editor/defaultBar/Name/Name.tsx"],"sourcesContent":["import React, { useCallback, useState } from \"react\";\nimport { useHotkeys } from \"@webiny/app-admin\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport { useModelEditor } from \"~/admin/hooks/index.js\";\nimport { Heading, Input, Tooltip } from \"@webiny/admin-ui\";\n\nconst t = i18n.namespace(\"ContentModelEditor.Name\");\n\ndeclare global {\n    interface Window {\n        Cypress: any;\n    }\n}\n\nexport const Name = () => {\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: KeyboardEvent | 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: KeyboardEvent) => {\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        <Input\n            autoFocus={autoFocus}\n            value={localName}\n            onChange={setLocalName}\n            onBlur={saveName}\n            variant={\"ghost\"}\n            size={\"md\"}\n        />\n    ) : (\n        <Tooltip\n            side={\"bottom\"}\n            content={<span>{t`Rename content model`}</span>}\n            trigger={\n                <Heading\n                    level={5}\n                    className={\n                        \"px-xs border-sm border-neutral-base rounded-md hover:border-neutral-muted\"\n                    }\n                    data-testid=\"cms-editor-model-title\"\n                    onClick={startEditing}\n                >\n                    {data.name}\n                </Heading>\n            }\n        />\n    );\n};\n"],"names":["t","i18n","Name","data","setData","useModelEditor","localName","setLocalName","useState","editingEnabled","setEditing","cancelChanges","startEditing","saveName","useCallback","event","useHotkeys","autoFocus","window","Input","Tooltip","Heading"],"mappings":";;;;;AAMA,MAAMA,IAAIC,KAAK,SAAS,CAAC;AAQlB,MAAMC,OAAO;IAChB,MAAM,EAAEC,IAAI,EAAEC,OAAO,EAAE,GAAGC;IAC1B,MAAM,CAACC,WAAWC,aAAa,GAAGC,SAAiB;IACnD,MAAM,CAACC,gBAAgBC,WAAW,GAAGF,SAAkB;IAEvD,MAAMG,gBAAgB;QAClBD,WAAW;IACf;IAEA,MAAME,eAAe;QACjBL,aAAaJ,KAAK,IAAI;QACtBO,WAAW;IACf;IAEA,MAAMG,WAAWC,YACb,CAACC;QACGA,MAAM,cAAc;QACpBX,QAAQD,CAAAA;YACJA,KAAK,IAAI,GAAGG;YACZ,OAAOH;QACX;QACAO,WAAW;IACf,GACA;QAACJ;KAAU;IAGfU,WAAW;QACP,QAAQ;QACR,MAAM;YACF,iBAAiBJ;QACrB;IACJ;IAEAI,WAAW;QACP,QAAQ;QACR,UAAU,CAACP;QACX,MAAM;YACF,KAAK,CAACM;gBACFA,MAAM,cAAc;gBACpBJ;YACJ;YACA,OAAOE;QACX;IACJ;IAIA,MAAMI,YAAY,CAACC,OAAO,OAAO;IAEjC,OAAOT,iBAAiB,WAAjBA,GACH,oBAACU,OAAKA;QACF,WAAWF;QACX,OAAOX;QACP,UAAUC;QACV,QAAQM;QACR,SAAS;QACT,MAAM;uBAGV,oBAACO,SAAOA;QACJ,MAAM;QACN,uBAAS,oBAAC,cAAMpB,CAAC,CAAC,oBAAoB,CAAC;QACvC,uBACI,oBAACqB,SAAOA;YACJ,OAAO;YACP,WACI;YAEJ,eAAY;YACZ,SAAST;WAERT,KAAK,IAAI;;AAK9B"}

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

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

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

@@ -1,37 +1,32 @@
-import React, { useCallback, useState } from "react";
+import react, { useCallback, useState } from "react";
 import { Button } from "@webiny/admin-ui";
 import { useSnackbar } from "@webiny/app-admin";
 import { i18n } from "@webiny/app/i18n/index.js";
 import { useModelEditor } from "../../../hooks/index.js";
 const t = i18n.namespace("app-headless-cms/admin/editor/top-bar/save-button");
-const SaveContentModelButton = () => {
-  const {
-    saveContentModel
-  } = useModelEditor();
-  const [loading, setLoading] = useState(false);
-  const {
-    showSnackbar,
-    showErrorSnackbar
-  } = useSnackbar();
-  const onClick = useCallback(async () => {
-    setLoading(true);
-    const response = await saveContentModel();
-    setLoading(false);
-    if (response.error) {
-      showErrorSnackbar(response.error.message);
-      return;
-    }
-    showSnackbar(t`Your content model was saved successfully!`);
-  }, [saveContentModel]);
-  return /*#__PURE__*/React.createElement(Button, {
-    "data-testid": "cms.editor.defaultbar.save",
-    disabled: loading,
-    onClick: () => {
-      onClick();
-    },
-    text: t`Save`
-  });
+const SaveContentModelButton = ()=>{
+    const { saveContentModel } = useModelEditor();
+    const [loading, setLoading] = useState(false);
+    const { showSnackbar, showErrorSnackbar } = useSnackbar();
+    const onClick = useCallback(async ()=>{
+        setLoading(true);
+        const response = await saveContentModel();
+        setLoading(false);
+        if (response.error) return void showErrorSnackbar(response.error.message);
+        showSnackbar(t`Your content model was saved successfully!`);
+    }, [
+        saveContentModel
+    ]);
+    return /*#__PURE__*/ react.createElement(Button, {
+        "data-testid": "cms.editor.defaultbar.save",
+        disabled: loading,
+        onClick: ()=>{
+            onClick();
+        },
+        text: t`Save`
+    });
 };
-export default SaveContentModelButton;
+const defaultBar_SaveContentModelButton = SaveContentModelButton;
+export default defaultBar_SaveContentModelButton;
 
 //# sourceMappingURL=SaveContentModelButton.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","useState","Button","useSnackbar","i18n","useModelEditor","t","namespace","SaveContentModelButton","saveContentModel","loading","setLoading","showSnackbar","showErrorSnackbar","onClick","response","error","message","createElement","disabled","text"],"sources":["SaveContentModelButton.tsx"],"sourcesContent":["import React, { useCallback, useState } from \"react\";\nimport { Button } from \"@webiny/admin-ui\";\nimport { useSnackbar } from \"@webiny/app-admin\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport { useModelEditor } from \"~/admin/hooks/index.js\";\n\nconst t = i18n.namespace(\"app-headless-cms/admin/editor/top-bar/save-button\");\n\nconst SaveContentModelButton = () => {\n    const { saveContentModel } = useModelEditor();\n    const [loading, setLoading] = useState<boolean>(false);\n    const { showSnackbar, showErrorSnackbar } = useSnackbar();\n\n    const onClick = useCallback(async () => {\n        setLoading(true);\n        const response = await saveContentModel();\n        setLoading(false);\n\n        if (response.error) {\n            showErrorSnackbar(response.error.message);\n            return;\n        }\n\n        showSnackbar(t`Your content model was saved successfully!`);\n    }, [saveContentModel]);\n\n    return (\n        <Button\n            data-testid=\"cms.editor.defaultbar.save\"\n            disabled={loading}\n            onClick={() => {\n                onClick();\n            }}\n            text={t`Save`}\n        />\n    );\n};\n\nexport default SaveContentModelButton;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,QAAQ,QAAQ,OAAO;AACpD,SAASC,MAAM,QAAQ,kBAAkB;AACzC,SAASC,WAAW,QAAQ,mBAAmB;AAC/C,SAASC,IAAI,QAAQ,2BAA2B;AAChD,SAASC,cAAc;AAEvB,MAAMC,CAAC,GAAGF,IAAI,CAACG,SAAS,CAAC,mDAAmD,CAAC;AAE7E,MAAMC,sBAAsB,GAAGA,CAAA,KAAM;EACjC,MAAM;IAAEC;EAAiB,CAAC,GAAGJ,cAAc,CAAC,CAAC;EAC7C,MAAM,CAACK,OAAO,EAAEC,UAAU,CAAC,GAAGV,QAAQ,CAAU,KAAK,CAAC;EACtD,MAAM;IAAEW,YAAY;IAAEC;EAAkB,CAAC,GAAGV,WAAW,CAAC,CAAC;EAEzD,MAAMW,OAAO,GAAGd,WAAW,CAAC,YAAY;IACpCW,UAAU,CAAC,IAAI,CAAC;IAChB,MAAMI,QAAQ,GAAG,MAAMN,gBAAgB,CAAC,CAAC;IACzCE,UAAU,CAAC,KAAK,CAAC;IAEjB,IAAII,QAAQ,CAACC,KAAK,EAAE;MAChBH,iBAAiB,CAACE,QAAQ,CAACC,KAAK,CAACC,OAAO,CAAC;MACzC;IACJ;IAEAL,YAAY,CAACN,CAAC,4CAA4C,CAAC;EAC/D,CAAC,EAAE,CAACG,gBAAgB,CAAC,CAAC;EAEtB,oBACIV,KAAA,CAAAmB,aAAA,CAAChB,MAAM;IACH,eAAY,4BAA4B;IACxCiB,QAAQ,EAAET,OAAQ;IAClBI,OAAO,EAAEA,CAAA,KAAM;MACXA,OAAO,CAAC,CAAC;IACb,CAAE;IACFM,IAAI,EAAEd,CAAC;EAAO,CACjB,CAAC;AAEV,CAAC;AAED,eAAeE,sBAAsB","ignoreList":[]}
+{"version":3,"file":"admin/plugins/editor/defaultBar/SaveContentModelButton.js","sources":["../../../../../src/admin/plugins/editor/defaultBar/SaveContentModelButton.tsx"],"sourcesContent":["import React, { useCallback, useState } from \"react\";\nimport { Button } from \"@webiny/admin-ui\";\nimport { useSnackbar } from \"@webiny/app-admin\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport { useModelEditor } from \"~/admin/hooks/index.js\";\n\nconst t = i18n.namespace(\"app-headless-cms/admin/editor/top-bar/save-button\");\n\nconst SaveContentModelButton = () => {\n    const { saveContentModel } = useModelEditor();\n    const [loading, setLoading] = useState<boolean>(false);\n    const { showSnackbar, showErrorSnackbar } = useSnackbar();\n\n    const onClick = useCallback(async () => {\n        setLoading(true);\n        const response = await saveContentModel();\n        setLoading(false);\n\n        if (response.error) {\n            showErrorSnackbar(response.error.message);\n            return;\n        }\n\n        showSnackbar(t`Your content model was saved successfully!`);\n    }, [saveContentModel]);\n\n    return (\n        <Button\n            data-testid=\"cms.editor.defaultbar.save\"\n            disabled={loading}\n            onClick={() => {\n                onClick();\n            }}\n            text={t`Save`}\n        />\n    );\n};\n\nexport default SaveContentModelButton;\n"],"names":["t","i18n","SaveContentModelButton","saveContentModel","useModelEditor","loading","setLoading","useState","showSnackbar","showErrorSnackbar","useSnackbar","onClick","useCallback","response","Button"],"mappings":";;;;;AAMA,MAAMA,IAAIC,KAAK,SAAS,CAAC;AAEzB,MAAMC,yBAAyB;IAC3B,MAAM,EAAEC,gBAAgB,EAAE,GAAGC;IAC7B,MAAM,CAACC,SAASC,WAAW,GAAGC,SAAkB;IAChD,MAAM,EAAEC,YAAY,EAAEC,iBAAiB,EAAE,GAAGC;IAE5C,MAAMC,UAAUC,YAAY;QACxBN,WAAW;QACX,MAAMO,WAAW,MAAMV;QACvBG,WAAW;QAEX,IAAIO,SAAS,KAAK,EAAE,YAChBJ,kBAAkBI,SAAS,KAAK,CAAC,OAAO;QAI5CL,aAAaR,CAAC,CAAC,0CAA0C,CAAC;IAC9D,GAAG;QAACG;KAAiB;IAErB,OAAO,WAAP,GACI,oBAACW,QAAMA;QACH,eAAY;QACZ,UAAUT;QACV,SAAS;YACLM;QACJ;QACA,MAAMX,CAAC,CAAC,IAAI,CAAC;;AAGzB;AAEA,0CAAeE"}

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

@@ -1,39 +1,46 @@
-import React from "react";
+import react from "react";
 import BackButton from "./BackButton.js";
 import SaveContentModelButton from "./SaveContentModelButton.js";
 import CreateContentButton from "./CreateContentButton.js";
 import { Name } from "./Name/index.js";
 import { FormSettingsButton } from "./FormSettings/index.js";
-export default [{
-  name: "content-model-editor-default-bar-right-create-content-button",
-  type: "content-model-editor-default-bar-right",
-  render() {
-    return /*#__PURE__*/React.createElement(CreateContentButton, null);
-  }
-}, {
-  name: "content-model-editor-default-bar-right-form-settings-button",
-  type: "content-model-editor-default-bar-right",
-  render() {
-    return /*#__PURE__*/React.createElement(FormSettingsButton, null);
-  }
-}, {
-  name: "content-model-editor-default-bar-right-save-button",
-  type: "content-model-editor-default-bar-right",
-  render() {
-    return /*#__PURE__*/React.createElement(SaveContentModelButton, null);
-  }
-}, {
-  name: "content-model-editor-default-bar-left-back-button",
-  type: "content-model-editor-default-bar-left",
-  render() {
-    return /*#__PURE__*/React.createElement(BackButton, null);
-  }
-}, {
-  name: "content-model-editor-default-bar-left-name",
-  type: "content-model-editor-default-bar-left",
-  render() {
-    return /*#__PURE__*/React.createElement(Name, null);
-  }
-}];
+const defaultBar = [
+    {
+        name: "content-model-editor-default-bar-right-create-content-button",
+        type: "content-model-editor-default-bar-right",
+        render () {
+            return /*#__PURE__*/ react.createElement(CreateContentButton, null);
+        }
+    },
+    {
+        name: "content-model-editor-default-bar-right-form-settings-button",
+        type: "content-model-editor-default-bar-right",
+        render () {
+            return /*#__PURE__*/ react.createElement(FormSettingsButton, null);
+        }
+    },
+    {
+        name: "content-model-editor-default-bar-right-save-button",
+        type: "content-model-editor-default-bar-right",
+        render () {
+            return /*#__PURE__*/ react.createElement(SaveContentModelButton, null);
+        }
+    },
+    {
+        name: "content-model-editor-default-bar-left-back-button",
+        type: "content-model-editor-default-bar-left",
+        render () {
+            return /*#__PURE__*/ react.createElement(BackButton, null);
+        }
+    },
+    {
+        name: "content-model-editor-default-bar-left-name",
+        type: "content-model-editor-default-bar-left",
+        render () {
+            return /*#__PURE__*/ react.createElement(Name, null);
+        }
+    }
+];
+export default defaultBar;
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","BackButton","SaveContentModelButton","CreateContentButton","Name","FormSettingsButton","name","type","render","createElement"],"sources":["index.tsx"],"sourcesContent":["import React from \"react\";\nimport BackButton from \"./BackButton.js\";\nimport SaveContentModelButton from \"./SaveContentModelButton.js\";\nimport CreateContentButton from \"./CreateContentButton.js\";\nimport { Name } from \"./Name/index.js\";\nimport { FormSettingsButton } from \"./FormSettings/index.js\";\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-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,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU;AACjB,OAAOC,sBAAsB;AAC7B,OAAOC,mBAAmB;AAC1B,SAASC,IAAI;AACb,SAASC,kBAAkB;AAE3B,eAAe,CACX;EACIC,IAAI,EAAE,8DAA8D;EACpEC,IAAI,EAAE,wCAAwC;EAC9CC,MAAMA,CAAA,EAAG;IACL,oBAAOR,KAAA,CAAAS,aAAA,CAACN,mBAAmB,MAAE,CAAC;EAClC;AACJ,CAAC,EACD;EACIG,IAAI,EAAE,6DAA6D;EACnEC,IAAI,EAAE,wCAAwC;EAC9CC,MAAMA,CAAA,EAAG;IACL,oBAAOR,KAAA,CAAAS,aAAA,CAACJ,kBAAkB,MAAE,CAAC;EACjC;AACJ,CAAC,EACD;EACIC,IAAI,EAAE,oDAAoD;EAC1DC,IAAI,EAAE,wCAAwC;EAC9CC,MAAMA,CAAA,EAAG;IACL,oBAAOR,KAAA,CAAAS,aAAA,CAACP,sBAAsB,MAAE,CAAC;EACrC;AACJ,CAAC,EAED;EACII,IAAI,EAAE,mDAAmD;EACzDC,IAAI,EAAE,uCAAuC;EAC7CC,MAAMA,CAAA,EAAG;IACL,oBAAOR,KAAA,CAAAS,aAAA,CAACR,UAAU,MAAE,CAAC;EACzB;AACJ,CAAC,EAED;EACIK,IAAI,EAAE,4CAA4C;EAClDC,IAAI,EAAE,uCAAuC;EAC7CC,MAAMA,CAAA,EAAG;IACL,oBAAOR,KAAA,CAAAS,aAAA,CAACL,IAAI,MAAE,CAAC;EACnB;AACJ,CAAC,CACJ","ignoreList":[]}
+{"version":3,"file":"admin/plugins/editor/defaultBar/index.js","sources":["../../../../../src/admin/plugins/editor/defaultBar/index.tsx"],"sourcesContent":["import React from \"react\";\nimport BackButton from \"./BackButton.js\";\nimport SaveContentModelButton from \"./SaveContentModelButton.js\";\nimport CreateContentButton from \"./CreateContentButton.js\";\nimport { Name } from \"./Name/index.js\";\nimport { FormSettingsButton } from \"./FormSettings/index.js\";\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-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"],"names":["CreateContentButton","FormSettingsButton","SaveContentModelButton","BackButton","Name"],"mappings":";;;;;;AAOA,mBAAe;IACX;QACI,MAAM;QACN,MAAM;QACN;YACI,OAAO,WAAP,GAAO,oBAACA,qBAAmBA;QAC/B;IACJ;IACA;QACI,MAAM;QACN,MAAM;QACN;YACI,OAAO,WAAP,GAAO,oBAACC,oBAAkBA;QAC9B;IACJ;IACA;QACI,MAAM;QACN,MAAM;QACN;YACI,OAAO,WAAP,GAAO,oBAACC,wBAAsBA;QAClC;IACJ;IAEA;QACI,MAAM;QACN,MAAM;QACN;YACI,OAAO,WAAP,GAAO,oBAACC,YAAUA;QACtB;IACJ;IAEA;QACI,MAAM;QACN,MAAM;QACN;YACI,OAAO,WAAP,GAAO,oBAACC,MAAIA;QAChB;IACJ;CACH"}

package/admin/plugins/editor/formSettings/components/GeneralSettings.js

@@ -1,66 +1,65 @@
-import React from "react";
-import { Grid, Input, Textarea, Tags } from "@webiny/admin-ui";
+import react from "react";
+import { Grid, Input, Tags, Textarea } from "@webiny/admin-ui";
 import { validation } from "@webiny/validation";
 import GroupSelect from "./GroupSelect.js";
 import { IconPicker } from "../../../../components/IconPicker.js";
-const GeneralSettings = ({
-  Bind
-}) => {
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Grid.Column, {
-    span: 12
-  }, /*#__PURE__*/React.createElement(Bind, {
-    name: "name"
-  }, /*#__PURE__*/React.createElement(Input, {
-    label: "Content model name"
-  }))), /*#__PURE__*/React.createElement(Grid.Column, {
-    span: 12
-  }, /*#__PURE__*/React.createElement(Bind, {
-    name: "modelId"
-  }, /*#__PURE__*/React.createElement(Input, {
-    disabled: true,
-    label: "Content model ID"
-  }))), /*#__PURE__*/React.createElement(Grid.Column, {
-    span: 12
-  }, /*#__PURE__*/React.createElement(Bind, {
-    name: "singularApiName"
-  }, /*#__PURE__*/React.createElement(Input, {
-    disabled: true,
-    label: "Singular API Name"
-  }))), /*#__PURE__*/React.createElement(Grid.Column, {
-    span: 12
-  }, /*#__PURE__*/React.createElement(Bind, {
-    name: "pluralApiName"
-  }, /*#__PURE__*/React.createElement(Input, {
-    disabled: true,
-    label: "Plural API Name"
-  }))), /*#__PURE__*/React.createElement(Grid.Column, {
-    span: 12
-  }, /*#__PURE__*/React.createElement(Bind, {
-    name: "description"
-  }, /*#__PURE__*/React.createElement(Textarea, {
-    rows: 5,
-    label: "Content model description"
-  }))), /*#__PURE__*/React.createElement(Grid.Column, {
-    span: 12
-  }, /*#__PURE__*/React.createElement(Bind, {
-    name: "group",
-    validators: validation.create("required")
-  }, /*#__PURE__*/React.createElement(GroupSelect, null))), /*#__PURE__*/React.createElement(Grid.Column, {
-    span: 12
-  }, /*#__PURE__*/React.createElement(Bind, {
-    name: "icon"
-  }, /*#__PURE__*/React.createElement(IconPicker, {
-    label: `Icon`,
-    description: `Choose an icon to represent the model.`
-  }))), /*#__PURE__*/React.createElement(Grid.Column, {
-    span: 12
-  }, /*#__PURE__*/React.createElement(Bind, {
-    name: "tags"
-  }, /*#__PURE__*/React.createElement(Tags, {
-    label: "Tags",
-    protectedValues: ["type:model"]
-  })))));
-};
-export default GeneralSettings;
+const GeneralSettings = ({ Bind })=>/*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(Grid, null, /*#__PURE__*/ react.createElement(Grid.Column, {
+        span: 12
+    }, /*#__PURE__*/ react.createElement(Bind, {
+        name: "name"
+    }, /*#__PURE__*/ react.createElement(Input, {
+        label: "Content model name"
+    }))), /*#__PURE__*/ react.createElement(Grid.Column, {
+        span: 12
+    }, /*#__PURE__*/ react.createElement(Bind, {
+        name: "modelId"
+    }, /*#__PURE__*/ react.createElement(Input, {
+        disabled: true,
+        label: "Content model ID"
+    }))), /*#__PURE__*/ react.createElement(Grid.Column, {
+        span: 12
+    }, /*#__PURE__*/ react.createElement(Bind, {
+        name: "singularApiName"
+    }, /*#__PURE__*/ react.createElement(Input, {
+        disabled: true,
+        label: "Singular API Name"
+    }))), /*#__PURE__*/ react.createElement(Grid.Column, {
+        span: 12
+    }, /*#__PURE__*/ react.createElement(Bind, {
+        name: "pluralApiName"
+    }, /*#__PURE__*/ react.createElement(Input, {
+        disabled: true,
+        label: "Plural API Name"
+    }))), /*#__PURE__*/ react.createElement(Grid.Column, {
+        span: 12
+    }, /*#__PURE__*/ react.createElement(Bind, {
+        name: "description"
+    }, /*#__PURE__*/ react.createElement(Textarea, {
+        rows: 5,
+        label: "Content model description"
+    }))), /*#__PURE__*/ react.createElement(Grid.Column, {
+        span: 12
+    }, /*#__PURE__*/ react.createElement(Bind, {
+        name: "group",
+        validators: validation.create("required")
+    }, /*#__PURE__*/ react.createElement(GroupSelect, null))), /*#__PURE__*/ react.createElement(Grid.Column, {
+        span: 12
+    }, /*#__PURE__*/ react.createElement(Bind, {
+        name: "icon"
+    }, /*#__PURE__*/ react.createElement(IconPicker, {
+        label: "Icon",
+        description: "Choose an icon to represent the model."
+    }))), /*#__PURE__*/ react.createElement(Grid.Column, {
+        span: 12
+    }, /*#__PURE__*/ react.createElement(Bind, {
+        name: "tags"
+    }, /*#__PURE__*/ react.createElement(Tags, {
+        label: "Tags",
+        protectedValues: [
+            "type:model"
+        ]
+    })))));
+const components_GeneralSettings = GeneralSettings;
+export default components_GeneralSettings;
 
 //# sourceMappingURL=GeneralSettings.js.map

package/admin/plugins/editor/formSettings/components/GeneralSettings.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Grid","Input","Textarea","Tags","validation","GroupSelect","IconPicker","GeneralSettings","Bind","createElement","Fragment","Column","span","name","label","disabled","rows","validators","create","description","protectedValues"],"sources":["GeneralSettings.tsx"],"sourcesContent":["import React from \"react\";\nimport { Grid, Input, Textarea, Tags } from \"@webiny/admin-ui\";\nimport { validation } from \"@webiny/validation\";\nimport type { BindComponent } from \"@webiny/form\";\nimport GroupSelect from \"./GroupSelect.js\";\nimport { IconPicker } from \"~/admin/components/IconPicker.js\";\n\ninterface GeneralSettingsProps {\n    Bind: BindComponent;\n}\n\nconst GeneralSettings = ({ Bind }: GeneralSettingsProps) => {\n    return (\n        <React.Fragment>\n            <Grid>\n                <Grid.Column span={12}>\n                    <Bind name={\"name\"}>\n                        <Input label={\"Content model name\"} />\n                    </Bind>\n                </Grid.Column>\n                <Grid.Column span={12}>\n                    <Bind name={\"modelId\"}>\n                        <Input disabled={true} label={\"Content model ID\"} />\n                    </Bind>\n                </Grid.Column>\n                <Grid.Column span={12}>\n                    <Bind name={\"singularApiName\"}>\n                        <Input disabled={true} label={\"Singular API Name\"} />\n                    </Bind>\n                </Grid.Column>\n                <Grid.Column span={12}>\n                    <Bind name={\"pluralApiName\"}>\n                        <Input disabled={true} label={\"Plural API Name\"} />\n                    </Bind>\n                </Grid.Column>\n                <Grid.Column span={12}>\n                    <Bind name={\"description\"}>\n                        <Textarea rows={5} label={\"Content model description\"} />\n                    </Bind>\n                </Grid.Column>\n                <Grid.Column span={12}>\n                    <Bind name={\"group\"} validators={validation.create(\"required\")}>\n                        <GroupSelect />\n                    </Bind>\n                </Grid.Column>\n                <Grid.Column span={12}>\n                    <Bind name=\"icon\">\n                        <IconPicker\n                            label={`Icon`}\n                            description={`Choose an icon to represent the model.`}\n                        />\n                    </Bind>\n                </Grid.Column>\n                <Grid.Column span={12}>\n                    <Bind name={\"tags\"}>\n                        <Tags label={\"Tags\"} protectedValues={[\"type:model\"]} />\n                    </Bind>\n                </Grid.Column>\n            </Grid>\n        </React.Fragment>\n    );\n};\n\nexport default GeneralSettings;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,KAAK,EAAEC,QAAQ,EAAEC,IAAI,QAAQ,kBAAkB;AAC9D,SAASC,UAAU,QAAQ,oBAAoB;AAE/C,OAAOC,WAAW;AAClB,SAASC,UAAU;AAMnB,MAAMC,eAAe,GAAGA,CAAC;EAAEC;AAA2B,CAAC,KAAK;EACxD,oBACIT,KAAA,CAAAU,aAAA,CAACV,KAAK,CAACW,QAAQ,qBACXX,KAAA,CAAAU,aAAA,CAACT,IAAI,qBACDD,KAAA,CAAAU,aAAA,CAACT,IAAI,CAACW,MAAM;IAACC,IAAI,EAAE;EAAG,gBAClBb,KAAA,CAAAU,aAAA,CAACD,IAAI;IAACK,IAAI,EAAE;EAAO,gBACfd,KAAA,CAAAU,aAAA,CAACR,KAAK;IAACa,KAAK,EAAE;EAAqB,CAAE,CACnC,CACG,CAAC,eACdf,KAAA,CAAAU,aAAA,CAACT,IAAI,CAACW,MAAM;IAACC,IAAI,EAAE;EAAG,gBAClBb,KAAA,CAAAU,aAAA,CAACD,IAAI;IAACK,IAAI,EAAE;EAAU,gBAClBd,KAAA,CAAAU,aAAA,CAACR,KAAK;IAACc,QAAQ,EAAE,IAAK;IAACD,KAAK,EAAE;EAAmB,CAAE,CACjD,CACG,CAAC,eACdf,KAAA,CAAAU,aAAA,CAACT,IAAI,CAACW,MAAM;IAACC,IAAI,EAAE;EAAG,gBAClBb,KAAA,CAAAU,aAAA,CAACD,IAAI;IAACK,IAAI,EAAE;EAAkB,gBAC1Bd,KAAA,CAAAU,aAAA,CAACR,KAAK;IAACc,QAAQ,EAAE,IAAK;IAACD,KAAK,EAAE;EAAoB,CAAE,CAClD,CACG,CAAC,eACdf,KAAA,CAAAU,aAAA,CAACT,IAAI,CAACW,MAAM;IAACC,IAAI,EAAE;EAAG,gBAClBb,KAAA,CAAAU,aAAA,CAACD,IAAI;IAACK,IAAI,EAAE;EAAgB,gBACxBd,KAAA,CAAAU,aAAA,CAACR,KAAK;IAACc,QAAQ,EAAE,IAAK;IAACD,KAAK,EAAE;EAAkB,CAAE,CAChD,CACG,CAAC,eACdf,KAAA,CAAAU,aAAA,CAACT,IAAI,CAACW,MAAM;IAACC,IAAI,EAAE;EAAG,gBAClBb,KAAA,CAAAU,aAAA,CAACD,IAAI;IAACK,IAAI,EAAE;EAAc,gBACtBd,KAAA,CAAAU,aAAA,CAACP,QAAQ;IAACc,IAAI,EAAE,CAAE;IAACF,KAAK,EAAE;EAA4B,CAAE,CACtD,CACG,CAAC,eACdf,KAAA,CAAAU,aAAA,CAACT,IAAI,CAACW,MAAM;IAACC,IAAI,EAAE;EAAG,gBAClBb,KAAA,CAAAU,aAAA,CAACD,IAAI;IAACK,IAAI,EAAE,OAAQ;IAACI,UAAU,EAAEb,UAAU,CAACc,MAAM,CAAC,UAAU;EAAE,gBAC3DnB,KAAA,CAAAU,aAAA,CAACJ,WAAW,MAAE,CACZ,CACG,CAAC,eACdN,KAAA,CAAAU,aAAA,CAACT,IAAI,CAACW,MAAM;IAACC,IAAI,EAAE;EAAG,gBAClBb,KAAA,CAAAU,aAAA,CAACD,IAAI;IAACK,IAAI,EAAC;EAAM,gBACbd,KAAA,CAAAU,aAAA,CAACH,UAAU;IACPQ,KAAK,EAAE,MAAO;IACdK,WAAW,EAAE;EAAyC,CACzD,CACC,CACG,CAAC,eACdpB,KAAA,CAAAU,aAAA,CAACT,IAAI,CAACW,MAAM;IAACC,IAAI,EAAE;EAAG,gBAClBb,KAAA,CAAAU,aAAA,CAACD,IAAI;IAACK,IAAI,EAAE;EAAO,gBACfd,KAAA,CAAAU,aAAA,CAACN,IAAI;IAACW,KAAK,EAAE,MAAO;IAACM,eAAe,EAAE,CAAC,YAAY;EAAE,CAAE,CACrD,CACG,CACX,CACM,CAAC;AAEzB,CAAC;AAED,eAAeb,eAAe","ignoreList":[]}
+{"version":3,"file":"admin/plugins/editor/formSettings/components/GeneralSettings.js","sources":["../../../../../../src/admin/plugins/editor/formSettings/components/GeneralSettings.tsx"],"sourcesContent":["import React from \"react\";\nimport { Grid, Input, Textarea, Tags } from \"@webiny/admin-ui\";\nimport { validation } from \"@webiny/validation\";\nimport type { BindComponent } from \"@webiny/form\";\nimport GroupSelect from \"./GroupSelect.js\";\nimport { IconPicker } from \"~/admin/components/IconPicker.js\";\n\ninterface GeneralSettingsProps {\n    Bind: BindComponent;\n}\n\nconst GeneralSettings = ({ Bind }: GeneralSettingsProps) => {\n    return (\n        <React.Fragment>\n            <Grid>\n                <Grid.Column span={12}>\n                    <Bind name={\"name\"}>\n                        <Input label={\"Content model name\"} />\n                    </Bind>\n                </Grid.Column>\n                <Grid.Column span={12}>\n                    <Bind name={\"modelId\"}>\n                        <Input disabled={true} label={\"Content model ID\"} />\n                    </Bind>\n                </Grid.Column>\n                <Grid.Column span={12}>\n                    <Bind name={\"singularApiName\"}>\n                        <Input disabled={true} label={\"Singular API Name\"} />\n                    </Bind>\n                </Grid.Column>\n                <Grid.Column span={12}>\n                    <Bind name={\"pluralApiName\"}>\n                        <Input disabled={true} label={\"Plural API Name\"} />\n                    </Bind>\n                </Grid.Column>\n                <Grid.Column span={12}>\n                    <Bind name={\"description\"}>\n                        <Textarea rows={5} label={\"Content model description\"} />\n                    </Bind>\n                </Grid.Column>\n                <Grid.Column span={12}>\n                    <Bind name={\"group\"} validators={validation.create(\"required\")}>\n                        <GroupSelect />\n                    </Bind>\n                </Grid.Column>\n                <Grid.Column span={12}>\n                    <Bind name=\"icon\">\n                        <IconPicker\n                            label={`Icon`}\n                            description={`Choose an icon to represent the model.`}\n                        />\n                    </Bind>\n                </Grid.Column>\n                <Grid.Column span={12}>\n                    <Bind name={\"tags\"}>\n                        <Tags label={\"Tags\"} protectedValues={[\"type:model\"]} />\n                    </Bind>\n                </Grid.Column>\n            </Grid>\n        </React.Fragment>\n    );\n};\n\nexport default GeneralSettings;\n"],"names":["GeneralSettings","Bind","React","Grid","Input","Textarea","validation","GroupSelect","IconPicker","Tags"],"mappings":";;;;;AAWA,MAAMA,kBAAkB,CAAC,EAAEC,IAAI,EAAwB,GAC5C,WAAP,GACI,oBAACC,MAAAA,QAAc,sBACX,oBAACC,MAAIA,MAAAA,WAAAA,GACD,oBAACA,KAAK,MAAM;QAAC,MAAM;qBACf,oBAACF,MAAAA;QAAK,MAAM;qBACR,oBAACG,OAAKA;QAAC,OAAO;wBAGtB,oBAACD,KAAK,MAAM;QAAC,MAAM;qBACf,oBAACF,MAAAA;QAAK,MAAM;qBACR,oBAACG,OAAKA;QAAC,UAAU;QAAM,OAAO;wBAGtC,oBAACD,KAAK,MAAM;QAAC,MAAM;qBACf,oBAACF,MAAAA;QAAK,MAAM;qBACR,oBAACG,OAAKA;QAAC,UAAU;QAAM,OAAO;wBAGtC,oBAACD,KAAK,MAAM;QAAC,MAAM;qBACf,oBAACF,MAAAA;QAAK,MAAM;qBACR,oBAACG,OAAKA;QAAC,UAAU;QAAM,OAAO;wBAGtC,oBAACD,KAAK,MAAM;QAAC,MAAM;qBACf,oBAACF,MAAAA;QAAK,MAAM;qBACR,oBAACI,UAAQA;QAAC,MAAM;QAAG,OAAO;wBAGlC,oBAACF,KAAK,MAAM;QAAC,MAAM;qBACf,oBAACF,MAAAA;QAAK,MAAM;QAAS,YAAYK,WAAW,MAAM,CAAC;qBAC/C,oBAACC,aAAWA,SAAAA,WAAAA,GAGpB,oBAACJ,KAAK,MAAM;QAAC,MAAM;qBACf,oBAACF,MAAAA;QAAK,MAAK;qBACP,oBAACO,YAAUA;QACP,OAAO;QACP,aAAa;wBAIzB,oBAACL,KAAK,MAAM;QAAC,MAAM;qBACf,oBAACF,MAAAA;QAAK,MAAM;qBACR,oBAACQ,MAAIA;QAAC,OAAO;QAAQ,iBAAiB;YAAC;SAAa;;AAQ5E,mCAAeT"}

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

@@ -1,3 +1,3 @@
 import React from "react";
-import type { FormComponentProps } from "@webiny/ui/types.js";
+import type { FormComponentProps } from "@webiny/admin-ui";
 export default function GroupSelect({ value, ...props }: FormComponentProps): React.JSX.Element;

package/admin/plugins/editor/formSettings/components/GroupSelect.js

@@ -1,28 +1,24 @@
-import React, { useMemo } from "react";
-import { Select } from "@webiny/ui/Select/index.js";
+import react, { useMemo } from "react";
+import { Select } from "@webiny/admin-ui";
 import { LIST_MENU_CONTENT_GROUPS_MODELS } from "../../../../viewsGraphql.js";
 import { useQuery } from "../../../../hooks/index.js";
-export default function GroupSelect({
-  value,
-  ...props
-}) {
-  const {
-    data,
-    loading
-  } = useQuery(LIST_MENU_CONTENT_GROUPS_MODELS);
-  const groups = loading || !data ? [] : data.listContentModelGroups.data;
-  const options = useMemo(() => {
-    return groups.map(item => ({
-      value: item.slug,
-      label: item.name
-    }));
-  }, [groups]);
-  const selectValue = typeof value === "string" ? value : value.slug;
-  return /*#__PURE__*/React.createElement(Select, Object.assign({}, props, {
-    value: loading ? "" : selectValue,
-    label: "Content model group",
-    options: options
-  }));
+function GroupSelect({ value, ...props }) {
+    const { data, loading } = useQuery(LIST_MENU_CONTENT_GROUPS_MODELS);
+    const groups = loading || !data ? [] : data.listContentModelGroups.data;
+    const options = useMemo(()=>groups.map((item)=>({
+                value: item.slug,
+                label: item.name
+            })), [
+        groups
+    ]);
+    const selectValue = "string" == typeof value ? value : value.slug;
+    return /*#__PURE__*/ react.createElement(Select, {
+        ...props,
+        value: loading ? "" : selectValue,
+        label: "Content model group",
+        options: options
+    });
 }
+export default GroupSelect;
 
 //# sourceMappingURL=GroupSelect.js.map

package/admin/plugins/editor/formSettings/components/GroupSelect.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useMemo","Select","LIST_MENU_CONTENT_GROUPS_MODELS","useQuery","GroupSelect","value","props","data","loading","groups","listContentModelGroups","options","map","item","slug","label","name","selectValue","createElement","Object","assign"],"sources":["GroupSelect.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { Select } from \"@webiny/ui/Select/index.js\";\nimport type { FormComponentProps } from \"@webiny/ui/types.js\";\nimport type { ListMenuCmsGroupsQueryResponse } from \"~/admin/viewsGraphql.js\";\nimport { LIST_MENU_CONTENT_GROUPS_MODELS } from \"~/admin/viewsGraphql.js\";\nimport { useQuery } from \"~/admin/hooks/index.js\";\n\nexport default function GroupSelect({ value, ...props }: FormComponentProps) {\n    const { data, loading } = useQuery<ListMenuCmsGroupsQueryResponse>(\n        LIST_MENU_CONTENT_GROUPS_MODELS\n    );\n\n    const groups = loading || !data ? [] : data.listContentModelGroups.data;\n    const options = useMemo(() => {\n        return groups.map(item => ({ value: item.slug, label: item.name }));\n    }, [groups]);\n\n    const selectValue = typeof value === \"string\" ? value : value.slug;\n\n    return (\n        <Select\n            {...props}\n            value={loading ? \"\" : selectValue}\n            label={\"Content model group\"}\n            options={options}\n        />\n    );\n}\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SAASC,MAAM,QAAQ,4BAA4B;AAGnD,SAASC,+BAA+B;AACxC,SAASC,QAAQ;AAEjB,eAAe,SAASC,WAAWA,CAAC;EAAEC,KAAK;EAAE,GAAGC;AAA0B,CAAC,EAAE;EACzE,MAAM;IAAEC,IAAI;IAAEC;EAAQ,CAAC,GAAGL,QAAQ,CAC9BD,+BACJ,CAAC;EAED,MAAMO,MAAM,GAAGD,OAAO,IAAI,CAACD,IAAI,GAAG,EAAE,GAAGA,IAAI,CAACG,sBAAsB,CAACH,IAAI;EACvE,MAAMI,OAAO,GAAGX,OAAO,CAAC,MAAM;IAC1B,OAAOS,MAAM,CAACG,GAAG,CAACC,IAAI,KAAK;MAAER,KAAK,EAAEQ,IAAI,CAACC,IAAI;MAAEC,KAAK,EAAEF,IAAI,CAACG;IAAK,CAAC,CAAC,CAAC;EACvE,CAAC,EAAE,CAACP,MAAM,CAAC,CAAC;EAEZ,MAAMQ,WAAW,GAAG,OAAOZ,KAAK,KAAK,QAAQ,GAAGA,KAAK,GAAGA,KAAK,CAACS,IAAI;EAElE,oBACIf,KAAA,CAAAmB,aAAA,CAACjB,MAAM,EAAAkB,MAAA,CAAAC,MAAA,KACCd,KAAK;IACTD,KAAK,EAAEG,OAAO,GAAG,EAAE,GAAGS,WAAY;IAClCF,KAAK,EAAE,qBAAsB;IAC7BJ,OAAO,EAAEA;EAAQ,EACpB,CAAC;AAEV","ignoreList":[]}
+{"version":3,"file":"admin/plugins/editor/formSettings/components/GroupSelect.js","sources":["../../../../../../src/admin/plugins/editor/formSettings/components/GroupSelect.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { Select } from \"@webiny/admin-ui\";\nimport type { FormComponentProps } from \"@webiny/admin-ui\";\nimport type { ListMenuCmsGroupsQueryResponse } from \"~/admin/viewsGraphql.js\";\nimport { LIST_MENU_CONTENT_GROUPS_MODELS } from \"~/admin/viewsGraphql.js\";\nimport { useQuery } from \"~/admin/hooks/index.js\";\n\nexport default function GroupSelect({ value, ...props }: FormComponentProps) {\n    const { data, loading } = useQuery<ListMenuCmsGroupsQueryResponse>(\n        LIST_MENU_CONTENT_GROUPS_MODELS\n    );\n\n    const groups = loading || !data ? [] : data.listContentModelGroups.data;\n    const options = useMemo(() => {\n        return groups.map(item => ({ value: item.slug, label: item.name }));\n    }, [groups]);\n\n    const selectValue = typeof value === \"string\" ? value : value.slug;\n\n    return (\n        <Select\n            {...props}\n            value={loading ? \"\" : selectValue}\n            label={\"Content model group\"}\n            options={options}\n        />\n    );\n}\n"],"names":["GroupSelect","value","props","data","loading","useQuery","LIST_MENU_CONTENT_GROUPS_MODELS","groups","options","useMemo","item","selectValue","Select"],"mappings":";;;;AAOe,SAASA,YAAY,EAAEC,KAAK,EAAE,GAAGC,OAA2B;IACvE,MAAM,EAAEC,IAAI,EAAEC,OAAO,EAAE,GAAGC,SACtBC;IAGJ,MAAMC,SAASH,WAAW,CAACD,OAAO,EAAE,GAAGA,KAAK,sBAAsB,CAAC,IAAI;IACvE,MAAMK,UAAUC,QAAQ,IACbF,OAAO,GAAG,CAACG,CAAAA,OAAS;gBAAE,OAAOA,KAAK,IAAI;gBAAE,OAAOA,KAAK,IAAI;YAAC,KACjE;QAACH;KAAO;IAEX,MAAMI,cAAc,AAAiB,YAAjB,OAAOV,QAAqBA,QAAQA,MAAM,IAAI;IAElE,OAAO,WAAP,GACI,oBAACW,QAAMA;QACF,GAAGV,KAAK;QACT,OAAOE,UAAU,KAAKO;QACtB,OAAO;QACP,SAASH;;AAGrB"}

package/admin/plugins/editor/formSettings/icons/round-settings-24px.js

@@ -0,0 +1,19 @@
+import __rslib_svgr_url__0__ from "../../../../../static/svg/round-settings-24px.77b44bea.svg";
+import * as __rspack_external_react from "react";
+const SvgRoundSettings24Px = (props)=>/*#__PURE__*/ __rspack_external_react.createElement("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: 24,
+        height: 24,
+        viewBox: "0 0 24 24",
+        ...props
+    }, /*#__PURE__*/ __rspack_external_react.createElement("path", {
+        fill: "none",
+        d: "M0 0h24v24H0z"
+    }), /*#__PURE__*/ __rspack_external_react.createElement("path", {
+        d: "M19.43 12.98c.04-.32.07-.64.07-.98s-.03-.66-.07-.98l2.11-1.65c.19-.15.24-.42.12-.64l-2-3.46c-.12-.22-.39-.3-.61-.22l-2.49 1c-.52-.4-1.08-.73-1.69-.98l-.38-2.65A.49.49 0 0 0 14 2h-4c-.25 0-.46.18-.49.42l-.38 2.65c-.61.25-1.17.59-1.69.98l-2.49-1c-.23-.09-.49 0-.61.22l-2 3.46c-.13.22-.07.49.12.64l2.11 1.65c-.04.32-.07.65-.07.98s.03.66.07.98l-2.11 1.65c-.19.15-.24.42-.12.64l2 3.46c.12.22.39.3.61.22l2.49-1c.52.4 1.08.73 1.69.98l.38 2.65c.03.24.24.42.49.42h4c.25 0 .46-.18.49-.42l.38-2.65c.61-.25 1.17-.59 1.69-.98l2.49 1c.23.09.49 0 .61-.22l2-3.46c.12-.22.07-.49-.12-.64zM12 15.5c-1.93 0-3.5-1.57-3.5-3.5s1.57-3.5 3.5-3.5 3.5 1.57 3.5 3.5-1.57 3.5-3.5 3.5"
+    }));
+const round_settings_24px = __rslib_svgr_url__0__;
+export default round_settings_24px;
+export { SvgRoundSettings24Px as ReactComponent };
+
+//# sourceMappingURL=round-settings-24px.js.map

package/admin/plugins/editor/formSettings/icons/round-settings-24px.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin/plugins/editor/formSettings/icons/round-settings-24px.js","sources":["../../../../../../src/admin/plugins/editor/formSettings/icons/round-settings-24px.svg"],"sourcesContent":["import * as React from \"react\";\nconst SvgRoundSettings24Px = props => <svg xmlns=\"http://www.w3.org/2000/svg\" width={24} height={24} viewBox=\"0 0 24 24\" {...props}><path fill=\"none\" d=\"M0 0h24v24H0z\" /><path d=\"M19.43 12.98c.04-.32.07-.64.07-.98s-.03-.66-.07-.98l2.11-1.65c.19-.15.24-.42.12-.64l-2-3.46c-.12-.22-.39-.3-.61-.22l-2.49 1c-.52-.4-1.08-.73-1.69-.98l-.38-2.65A.49.49 0 0 0 14 2h-4c-.25 0-.46.18-.49.42l-.38 2.65c-.61.25-1.17.59-1.69.98l-2.49-1c-.23-.09-.49 0-.61.22l-2 3.46c-.13.22-.07.49.12.64l2.11 1.65c-.04.32-.07.65-.07.98s.03.66.07.98l-2.11 1.65c-.19.15-.24.42-.12.64l2 3.46c.12.22.39.3.61.22l2.49-1c.52.4 1.08.73 1.69.98l.38 2.65c.03.24.24.42.49.42h4c.25 0 .46-.18.49-.42l.38-2.65c.61-.25 1.17-.59 1.69-.98l2.49 1c.23.09.49 0 .61-.22l2-3.46c.12-.22.07-.49-.12-.64zM12 15.5c-1.93 0-3.5-1.57-3.5-3.5s1.57-3.5 3.5-3.5 3.5 1.57 3.5 3.5-1.57 3.5-3.5 3.5\" /></svg>;\nexport { SvgRoundSettings24Px as ReactComponent };\nexport default \"__RSLIB_SVGR_AUTO_PUBLIC_PATH__static/svg/round-settings-24px.77b44bea.svg\";"],"names":["SvgRoundSettings24Px","props"],"mappings":";;AACA,MAAMA,uBAAuBC,CAAAA,QAAAA,WAAAA,GAAS,sCAAC;QAAI,OAAM;QAA6B,OAAO;QAAI,QAAQ;QAAI,SAAQ;QAAa,GAAGA,KAAK;qBAAE,sCAAC;QAAK,MAAK;QAAO,GAAE;sBAAkB,sCAAC;QAAK,GAAE;;AAElL"}

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

@@ -1,16 +1,17 @@
-import * as React from "react";
 import GeneralSettings from "./components/GeneralSettings.js";
-import { ReactComponent as SettingsIcon } from "./icons/round-settings-24px.svg";
-const plugin = {
-  name: "cms-editor-form-settings-general",
-  type: "cms-editor-form-settings",
-  title: "General settings",
-  description: "Manage content model's name and description.",
-  icon: /*#__PURE__*/React.createElement(SettingsIcon, null),
-  render(props) {
-    return /*#__PURE__*/React.createElement(GeneralSettings, props);
-  }
+import { ReactComponent } from "./icons/round-settings-24px.js";
+import * as __rspack_external_react from "react";
+const formSettings_plugin = {
+    name: "cms-editor-form-settings-general",
+    type: "cms-editor-form-settings",
+    title: "General settings",
+    description: "Manage content model's name and description.",
+    icon: /*#__PURE__*/ __rspack_external_react.createElement(ReactComponent, null),
+    render (props) {
+        return /*#__PURE__*/ __rspack_external_react.createElement(GeneralSettings, props);
+    }
 };
-export default plugin;
+const formSettings = formSettings_plugin;
+export default formSettings;
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","GeneralSettings","ReactComponent","SettingsIcon","plugin","name","type","title","description","icon","createElement","render","props"],"sources":["index.tsx"],"sourcesContent":["import * as React from \"react\";\nimport type { CmsEditorFormSettingsPlugin } from \"~/types.js\";\nimport GeneralSettings from \"./components/GeneralSettings.js\";\nimport { ReactComponent as SettingsIcon } from \"./icons/round-settings-24px.svg\";\n\nconst plugin: CmsEditorFormSettingsPlugin = {\n    name: \"cms-editor-form-settings-general\",\n    type: \"cms-editor-form-settings\",\n    title: \"General settings\",\n    description: \"Manage content model's name and description.\",\n    icon: <SettingsIcon />,\n    render(props) {\n        return <GeneralSettings {...props} />;\n    }\n};\n\nexport default plugin;\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAE9B,OAAOC,eAAe;AACtB,SAASC,cAAc,IAAIC,YAAY;AAEvC,MAAMC,MAAmC,GAAG;EACxCC,IAAI,EAAE,kCAAkC;EACxCC,IAAI,EAAE,0BAA0B;EAChCC,KAAK,EAAE,kBAAkB;EACzBC,WAAW,EAAE,8CAA8C;EAC3DC,IAAI,eAAET,KAAA,CAAAU,aAAA,CAACP,YAAY,MAAE,CAAC;EACtBQ,MAAMA,CAACC,KAAK,EAAE;IACV,oBAAOZ,KAAA,CAAAU,aAAA,CAACT,eAAe,EAAKW,KAAQ,CAAC;EACzC;AACJ,CAAC;AAED,eAAeR,MAAM","ignoreList":[]}
+{"version":3,"file":"admin/plugins/editor/formSettings/index.js","sources":["../../../../../src/admin/plugins/editor/formSettings/index.tsx"],"sourcesContent":["import * as React from \"react\";\nimport type { CmsEditorFormSettingsPlugin } from \"~/types.js\";\nimport GeneralSettings from \"./components/GeneralSettings.js\";\nimport { ReactComponent as SettingsIcon } from \"./icons/round-settings-24px.svg\";\n\nconst plugin: CmsEditorFormSettingsPlugin = {\n    name: \"cms-editor-form-settings-general\",\n    type: \"cms-editor-form-settings\",\n    title: \"General settings\",\n    description: \"Manage content model's name and description.\",\n    icon: <SettingsIcon />,\n    render(props) {\n        return <GeneralSettings {...props} />;\n    }\n};\n\nexport default plugin;\n"],"names":["plugin","SettingsIcon","props","GeneralSettings"],"mappings":";;;AAKA,MAAMA,sBAAsC;IACxC,MAAM;IACN,MAAM;IACN,OAAO;IACP,aAAa;IACb,MAAM,WAAN,GAAM,sCAACC,gBAAYA;IACnB,QAAOC,KAAK;QACR,OAAO,WAAP,GAAO,sCAACC,iBAAoBD;IAChC;AACJ;AAEA,qBAAeF"}

package/admin/plugins/fieldRenderers/AccordionRenderSettings.js

@@ -1,27 +1,22 @@
-import React from "react";
+import react from "react";
 import { Bind } from "@webiny/form";
 import { Grid, Switch } from "@webiny/admin-ui";
 const DEFAULT_ACCORDION_RENDER_SETTINGS = {
-  open: false
+    open: false
 };
-export const getAccordionRenderSettings = field => {
-  if (typeof field.renderer === "function") {
-    return DEFAULT_ACCORDION_RENDER_SETTINGS;
-  }
-  return field.renderer.settings ?? {};
-};
-export const AccordionRenderSettings = ({
-  field
-}) => {
-  return /*#__PURE__*/React.createElement(Grid.Column, {
-    span: 12
-  }, /*#__PURE__*/React.createElement(Bind, {
-    name: "renderer.settings.open",
-    defaultValue: false
-  }, /*#__PURE__*/React.createElement(Switch, {
-    label: "Expand Accordion",
-    description: `Enable if "${field.label}" is to be expanded by default.`
-  })));
+const getAccordionRenderSettings = (field)=>{
+    if ("function" == typeof field.renderer) return DEFAULT_ACCORDION_RENDER_SETTINGS;
+    return field.renderer.settings ?? {};
 };
+const AccordionRenderSettings = ({ field })=>/*#__PURE__*/ react.createElement(Grid.Column, {
+        span: 12
+    }, /*#__PURE__*/ react.createElement(Bind, {
+        name: "renderer.settings.open",
+        defaultValue: false
+    }, /*#__PURE__*/ react.createElement(Switch, {
+        label: "Expand Accordion",
+        description: `Enable if "${field.label}" is to be expanded by default.`
+    })));
+export { AccordionRenderSettings, getAccordionRenderSettings };
 
 //# sourceMappingURL=AccordionRenderSettings.js.map

package/admin/plugins/fieldRenderers/AccordionRenderSettings.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Bind","Grid","Switch","DEFAULT_ACCORDION_RENDER_SETTINGS","open","getAccordionRenderSettings","field","renderer","settings","AccordionRenderSettings","createElement","Column","span","name","defaultValue","label","description"],"sources":["AccordionRenderSettings.tsx"],"sourcesContent":["import React from \"react\";\nimport { Bind } from \"@webiny/form\";\nimport { Grid, Switch } from \"@webiny/admin-ui\";\nimport type {\n    CmsModelField,\n    CmsModelFieldRendererSettingsProps\n} from \"@webiny/app-headless-cms-common/types/index.js\";\n\nexport interface IAccordionRenderSettings {\n    open: boolean;\n}\n\nconst DEFAULT_ACCORDION_RENDER_SETTINGS: IAccordionRenderSettings = {\n    open: false\n};\n\nexport const getAccordionRenderSettings = (field: CmsModelField) => {\n    if (typeof field.renderer === \"function\") {\n        return DEFAULT_ACCORDION_RENDER_SETTINGS;\n    }\n\n    return (field.renderer.settings ?? {}) as IAccordionRenderSettings;\n};\n\nexport const AccordionRenderSettings = ({ field }: CmsModelFieldRendererSettingsProps) => {\n    return (\n        <Grid.Column span={12}>\n            <Bind name={\"renderer.settings.open\"} defaultValue={false}>\n                <Switch\n                    label={\"Expand Accordion\"}\n                    description={`Enable if \"${field.label}\" is to be expanded by default.`}\n                />\n            </Bind>\n        </Grid.Column>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,IAAI,EAAEC,MAAM,QAAQ,kBAAkB;AAU/C,MAAMC,iCAA2D,GAAG;EAChEC,IAAI,EAAE;AACV,CAAC;AAED,OAAO,MAAMC,0BAA0B,GAAIC,KAAoB,IAAK;EAChE,IAAI,OAAOA,KAAK,CAACC,QAAQ,KAAK,UAAU,EAAE;IACtC,OAAOJ,iCAAiC;EAC5C;EAEA,OAAQG,KAAK,CAACC,QAAQ,CAACC,QAAQ,IAAI,CAAC,CAAC;AACzC,CAAC;AAED,OAAO,MAAMC,uBAAuB,GAAGA,CAAC;EAAEH;AAA0C,CAAC,KAAK;EACtF,oBACIP,KAAA,CAAAW,aAAA,CAACT,IAAI,CAACU,MAAM;IAACC,IAAI,EAAE;EAAG,gBAClBb,KAAA,CAAAW,aAAA,CAACV,IAAI;IAACa,IAAI,EAAE,wBAAyB;IAACC,YAAY,EAAE;EAAM,gBACtDf,KAAA,CAAAW,aAAA,CAACR,MAAM;IACHa,KAAK,EAAE,kBAAmB;IAC1BC,WAAW,EAAE,cAAcV,KAAK,CAACS,KAAK;EAAkC,CAC3E,CACC,CACG,CAAC;AAEtB,CAAC","ignoreList":[]}
+{"version":3,"file":"admin/plugins/fieldRenderers/AccordionRenderSettings.js","sources":["../../../../src/admin/plugins/fieldRenderers/AccordionRenderSettings.tsx"],"sourcesContent":["import React from \"react\";\nimport { Bind } from \"@webiny/form\";\nimport { Grid, Switch } from \"@webiny/admin-ui\";\nimport type {\n    CmsModelField,\n    CmsModelFieldRendererSettingsProps\n} from \"@webiny/app-headless-cms-common/types/index.js\";\n\nexport interface IAccordionRenderSettings {\n    open: boolean;\n}\n\nconst DEFAULT_ACCORDION_RENDER_SETTINGS: IAccordionRenderSettings = {\n    open: false\n};\n\nexport const getAccordionRenderSettings = (field: CmsModelField) => {\n    if (typeof field.renderer === \"function\") {\n        return DEFAULT_ACCORDION_RENDER_SETTINGS;\n    }\n\n    return (field.renderer.settings ?? {}) as IAccordionRenderSettings;\n};\n\nexport const AccordionRenderSettings = ({ field }: CmsModelFieldRendererSettingsProps) => {\n    return (\n        <Grid.Column span={12}>\n            <Bind name={\"renderer.settings.open\"} defaultValue={false}>\n                <Switch\n                    label={\"Expand Accordion\"}\n                    description={`Enable if \"${field.label}\" is to be expanded by default.`}\n                />\n            </Bind>\n        </Grid.Column>\n    );\n};\n"],"names":["DEFAULT_ACCORDION_RENDER_SETTINGS","getAccordionRenderSettings","field","AccordionRenderSettings","Grid","Bind","Switch"],"mappings":";;;AAYA,MAAMA,oCAA8D;IAChE,MAAM;AACV;AAEO,MAAMC,6BAA6B,CAACC;IACvC,IAAI,AAA0B,cAA1B,OAAOA,MAAM,QAAQ,EACrB,OAAOF;IAGX,OAAQE,MAAM,QAAQ,CAAC,QAAQ,IAAI,CAAC;AACxC;AAEO,MAAMC,0BAA0B,CAAC,EAAED,KAAK,EAAsC,GAC1E,WAAP,GACI,oBAACE,KAAK,MAAM;QAAC,MAAM;qBACf,oBAACC,MAAIA;QAAC,MAAM;QAA0B,cAAc;qBAChD,oBAACC,QAAMA;QACH,OAAO;QACP,aAAa,CAAC,WAAW,EAAEJ,MAAM,KAAK,CAAC,+BAA+B,CAAC"}