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

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_Input","_Tooltip","_reactHotkeyz","_NameStyled","_i18n","_hooks","_templateObject","t","i18n","namespace","Name","exports","_useModelEditor","useModelEditor","data","setData","_useState","useState","_useState2","_slicedToArray2","default","localName","setLocalName","_useState3","_useState4","editingEnabled","setEditing","cancelChanges","startEditing","name","saveName","useCallback","event","preventDefault","useHotkeys","zIndex","keys","disabled","esc","enter","autoFocus","window","Cypress","createElement","NameInputWrapper","Input","fullwidth","value","onChange","onBlur","NameWrapper","Tooltip","className","formNameWrapper","placement","content","_taggedTemplateLiteral2","FormName","onClick"],"sources":["Name.tsx"],"sourcesContent":["import React, { useCallback, useState } from \"react\";\nimport { Input } from \"@webiny/ui/Input\";\nimport { Tooltip } from \"@webiny/ui/Tooltip\";\n/**\n * Package react-hotkeyz does not have types.\n */\n// @ts-expect-error\nimport { useHotkeys } from \"react-hotkeyz\";\nimport { FormName, formNameWrapper, NameInputWrapper, NameWrapper } from \"./NameStyled\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { useModelEditor } from \"~/admin/hooks\";\n\nconst t = i18n.namespace(\"ContentModelEditor.Name\");\n\ndeclare global {\n    interface Window {\n        Cypress: any;\n    }\n}\n\nexport const Name = () => {\n    const { data, setData } = useModelEditor();\n    const [localName, setLocalName] = useState<string>(\"\");\n    const [editingEnabled, setEditing] = useState<boolean>(false);\n\n    const cancelChanges = () => {\n        setEditing(false);\n    };\n\n    const startEditing = (): void => {\n        setLocalName(data.name);\n        setEditing(true);\n    };\n\n    const saveName = useCallback(\n        (event: React.SyntheticEvent) => {\n            event.preventDefault();\n            setData(data => {\n                data.name = localName;\n                return data;\n            });\n            setEditing(false);\n        },\n        [localName]\n    );\n\n    useHotkeys({\n        zIndex: 100,\n        keys: {\n            \"alt+cmd+enter\": startEditing\n        }\n    });\n\n    useHotkeys({\n        zIndex: 101,\n        disabled: !editingEnabled,\n        keys: {\n            esc: (event: React.SyntheticEvent) => {\n                event.preventDefault();\n                cancelChanges();\n            },\n            enter: saveName\n        }\n    });\n\n    // Disable autoFocus because for some reason, blur event would automatically be triggered when clicking\n    // on the page title when doing Cypress testing. Not sure if this is RMWC or Cypress related issue.\n    const autoFocus = !window.Cypress;\n\n    return editingEnabled ? (\n        <NameInputWrapper>\n            <Input\n                autoFocus={autoFocus}\n                fullwidth\n                value={localName}\n                onChange={setLocalName}\n                onBlur={saveName}\n            />\n        </NameInputWrapper>\n    ) : (\n        <NameWrapper>\n            <Tooltip\n                className={formNameWrapper}\n                placement={\"bottom\"}\n                content={<span>{t`rename`}</span>}\n            >\n                <FormName data-testid=\"cms-editor-model-title\" onClick={startEditing}>\n                    {data.name}\n                </FormName>\n            </Tooltip>\n        </NameWrapper>\n    );\n};\n"],"mappings":";;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AAKA,IAAAG,aAAA,GAAAH,OAAA;AACA,IAAAI,WAAA,GAAAJ,OAAA;AACA,IAAAK,KAAA,GAAAL,OAAA;AACA,IAAAM,MAAA,GAAAN,OAAA;AAA+C,IAAAO,eAAA;AAP/C;AACA;AACA;AACA;AAMA,IAAMC,CAAC,GAAGC,UAAI,CAACC,SAAS,CAAC,yBAAyB,CAAC;AAQ5C,IAAMC,IAAI,GAAAC,OAAA,CAAAD,IAAA,GAAG,SAAPA,IAAIA,CAAA,EAAS;EACtB,IAAAE,eAAA,GAA0B,IAAAC,qBAAc,EAAC,CAAC;IAAlCC,IAAI,GAAAF,eAAA,CAAJE,IAAI;IAAEC,OAAO,GAAAH,eAAA,CAAPG,OAAO;EACrB,IAAAC,SAAA,GAAkC,IAAAC,eAAQ,EAAS,EAAE,CAAC;IAAAC,UAAA,OAAAC,eAAA,CAAAC,OAAA,EAAAJ,SAAA;IAA/CK,SAAS,GAAAH,UAAA;IAAEI,YAAY,GAAAJ,UAAA;EAC9B,IAAAK,UAAA,GAAqC,IAAAN,eAAQ,EAAU,KAAK,CAAC;IAAAO,UAAA,OAAAL,eAAA,CAAAC,OAAA,EAAAG,UAAA;IAAtDE,cAAc,GAAAD,UAAA;IAAEE,UAAU,GAAAF,UAAA;EAEjC,IAAMG,aAAa,GAAG,SAAhBA,aAAaA,CAAA,EAAS;IACxBD,UAAU,CAAC,KAAK,CAAC;EACrB,CAAC;EAED,IAAME,YAAY,GAAG,SAAfA,YAAYA,CAAA,EAAe;IAC7BN,YAAY,CAACR,IAAI,CAACe,IAAI,CAAC;IACvBH,UAAU,CAAC,IAAI,CAAC;EACpB,CAAC;EAED,IAAMI,QAAQ,GAAG,IAAAC,kBAAW,EACxB,UAACC,KAA2B,EAAK;IAC7BA,KAAK,CAACC,cAAc,CAAC,CAAC;IACtBlB,OAAO,CAAC,UAAAD,IAAI,EAAI;MACZA,IAAI,CAACe,IAAI,GAAGR,SAAS;MACrB,OAAOP,IAAI;IACf,CAAC,CAAC;IACFY,UAAU,CAAC,KAAK,CAAC;EACrB,CAAC,EACD,CAACL,SAAS,CACd,CAAC;EAED,IAAAa,wBAAU,EAAC;IACPC,MAAM,EAAE,GAAG;IACXC,IAAI,EAAE;MACF,eAAe,EAAER;IACrB;EACJ,CAAC,CAAC;EAEF,IAAAM,wBAAU,EAAC;IACPC,MAAM,EAAE,GAAG;IACXE,QAAQ,EAAE,CAACZ,cAAc;IACzBW,IAAI,EAAE;MACFE,GAAG,EAAE,SAAAA,IAACN,KAA2B,EAAK;QAClCA,KAAK,CAACC,cAAc,CAAC,CAAC;QACtBN,aAAa,CAAC,CAAC;MACnB,CAAC;MACDY,KAAK,EAAET;IACX;EACJ,CAAC,CAAC;;EAEF;EACA;EACA,IAAMU,SAAS,GAAG,CAACC,MAAM,CAACC,OAAO;EAEjC,OAAOjB,cAAc,gBACjB5B,MAAA,CAAAuB,OAAA,CAAAuB,aAAA,CAACxC,WAAA,CAAAyC,gBAAgB,qBACb/C,MAAA,CAAAuB,OAAA,CAAAuB,aAAA,CAAC3C,MAAA,CAAA6C,KAAK;IACFL,SAAS,EAAEA,SAAU;IACrBM,SAAS;IACTC,KAAK,EAAE1B,SAAU;IACjB2B,QAAQ,EAAE1B,YAAa;IACvB2B,MAAM,EAAEnB;EAAS,CACpB,CACa,CAAC,gBAEnBjC,MAAA,CAAAuB,OAAA,CAAAuB,aAAA,CAACxC,WAAA,CAAA+C,WAAW,qBACRrD,MAAA,CAAAuB,OAAA,CAAAuB,aAAA,CAAC1C,QAAA,CAAAkD,OAAO;IACJC,SAAS,EAAEC,2BAAgB;IAC3BC,SAAS,EAAE,QAAS;IACpBC,OAAO,eAAE1D,MAAA,CAAAuB,OAAA,CAAAuB,aAAA,eAAOpC,CAAC,CAAAD,eAAA,KAAAA,eAAA,OAAAkD,uBAAA,CAAApC,OAAA,eAAe;EAAE,gBAElCvB,MAAA,CAAAuB,OAAA,CAAAuB,aAAA,CAACxC,WAAA,CAAAsD,QAAQ;IAAC,eAAY,wBAAwB;IAACC,OAAO,EAAE9B;EAAa,GAChEd,IAAI,CAACe,IACA,CACL,CACA,CAChB;AACL,CAAC","ignoreList":[]}
+{"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\";\n/**\n * Package react-hotkeyz does not have types.\n */\n// @ts-expect-error\nimport { useHotkeys } from \"react-hotkeyz\";\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: React.SyntheticEvent) => {\n            event.preventDefault();\n            setData(data => {\n                data.name = localName;\n                return data;\n            });\n            setEditing(false);\n        },\n        [localName]\n    );\n\n    useHotkeys({\n        zIndex: 100,\n        keys: {\n            \"alt+cmd+enter\": startEditing\n        }\n    });\n\n    useHotkeys({\n        zIndex: 101,\n        disabled: !editingEnabled,\n        keys: {\n            esc: (event: React.SyntheticEvent) => {\n                event.preventDefault();\n                cancelChanges();\n            },\n            enter: saveName\n        }\n    });\n\n    // Disable autoFocus because for some reason, blur event would automatically be triggered when clicking\n    // on the page title when doing Cypress testing. Not sure if this is RMWC or Cypress related issue.\n    const autoFocus = !window.Cypress;\n\n    return editingEnabled ? (\n        <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;AACA;AACA;AACA;AACA,SAASC,UAAU,QAAQ,eAAe;AAC1C,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,KAA2B,IAAK;IAC7BA,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,KAA2B,IAAK;QAClCA,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":[]}

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

@@ -1 +1 @@
-export { Name } from "./Name";
+export { Name } from "./Name.js";

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

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

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

@@ -1 +1 @@
-{"version":3,"names":["_Name","require"],"sources":["index.ts"],"sourcesContent":["export { Name } from \"./Name\";\n"],"mappings":";;;;;;;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA","ignoreList":[]}
+{"version":3,"names":["Name"],"sources":["index.ts"],"sourcesContent":["export { Name } from \"./Name.js\";\n"],"mappings":"AAAA,SAASA,IAAI","ignoreList":[]}

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

@@ -1,47 +1,37 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = _interopRequireWildcard(require("react"));
-var _Button = require("@webiny/ui/Button");
-var _useSnackbar2 = require("@webiny/app-admin/hooks/useSnackbar");
-var _i18n = require("@webiny/app/i18n");
-var _hooks = require("../../../hooks");
-var _templateObject, _templateObject2;
-var t = _i18n.i18n.namespace("app-headless-cms/admin/editor/top-bar/save-button");
-var SaveContentModelButton = function SaveContentModelButton() {
-  var _useModelEditor = (0, _hooks.useModelEditor)(),
-    saveContentModel = _useModelEditor.saveContentModel;
-  var _useState = (0, _react.useState)(false),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    loading = _useState2[0],
-    setLoading = _useState2[1];
-  var _useSnackbar = (0, _useSnackbar2.useSnackbar)(),
-    showSnackbar = _useSnackbar.showSnackbar;
-  var _onClick = (0, _react.useCallback)(async function () {
+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);
-    var response = await saveContentModel();
+    const response = await saveContentModel();
     setLoading(false);
     if (response.error) {
-      showSnackbar(response.error.message);
+      showErrorSnackbar(response.error.message);
       return;
     }
-    showSnackbar(t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Your content model was saved successfully!"]))));
+    showSnackbar(t`Your content model was saved successfully!`);
   }, [saveContentModel]);
-  return /*#__PURE__*/_react.default.createElement(_Button.ButtonPrimary, {
+  return /*#__PURE__*/React.createElement(Button, {
     "data-testid": "cms.editor.defaultbar.save",
     disabled: loading,
-    onClick: function onClick() {
-      _onClick();
-    }
-  }, t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["Save"]))));
+    onClick: () => {
+      onClick();
+    },
+    text: t`Save`
+  });
 };
-var _default = exports.default = SaveContentModelButton;
+export default SaveContentModelButton;
 
 //# sourceMappingURL=SaveContentModelButton.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_Button","_useSnackbar2","_i18n","_hooks","_templateObject","_templateObject2","t","i18n","namespace","SaveContentModelButton","_useModelEditor","useModelEditor","saveContentModel","_useState","useState","_useState2","_slicedToArray2","default","loading","setLoading","_useSnackbar","useSnackbar","showSnackbar","onClick","useCallback","response","error","message","_taggedTemplateLiteral2","createElement","ButtonPrimary","disabled","_default","exports"],"sources":["SaveContentModelButton.tsx"],"sourcesContent":["import React, { useCallback, useState } from \"react\";\nimport { ButtonPrimary } from \"@webiny/ui/Button\";\nimport { useSnackbar } from \"@webiny/app-admin/hooks/useSnackbar\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { useModelEditor } from \"~/admin/hooks\";\n\nconst t = i18n.namespace(\"app-headless-cms/admin/editor/top-bar/save-button\");\n\nconst SaveContentModelButton = () => {\n    const { saveContentModel } = useModelEditor();\n    const [loading, setLoading] = useState<boolean>(false);\n    const { showSnackbar } = useSnackbar();\n\n    const onClick = useCallback(async () => {\n        setLoading(true);\n        const response = await saveContentModel();\n        setLoading(false);\n\n        if (response.error) {\n            showSnackbar(response.error.message);\n            return;\n        }\n\n        showSnackbar(t`Your content model was saved successfully!`);\n    }, [saveContentModel]);\n\n    return (\n        <ButtonPrimary\n            data-testid=\"cms.editor.defaultbar.save\"\n            disabled={loading}\n            onClick={() => {\n                onClick();\n            }}\n        >\n            {t`Save`}\n        </ButtonPrimary>\n    );\n};\n\nexport default SaveContentModelButton;\n"],"mappings":";;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AAA+C,IAAAK,eAAA,EAAAC,gBAAA;AAE/C,IAAMC,CAAC,GAAGC,UAAI,CAACC,SAAS,CAAC,mDAAmD,CAAC;AAE7E,IAAMC,sBAAsB,GAAG,SAAzBA,sBAAsBA,CAAA,EAAS;EACjC,IAAAC,eAAA,GAA6B,IAAAC,qBAAc,EAAC,CAAC;IAArCC,gBAAgB,GAAAF,eAAA,CAAhBE,gBAAgB;EACxB,IAAAC,SAAA,GAA8B,IAAAC,eAAQ,EAAU,KAAK,CAAC;IAAAC,UAAA,OAAAC,eAAA,CAAAC,OAAA,EAAAJ,SAAA;IAA/CK,OAAO,GAAAH,UAAA;IAAEI,UAAU,GAAAJ,UAAA;EAC1B,IAAAK,YAAA,GAAyB,IAAAC,yBAAW,EAAC,CAAC;IAA9BC,YAAY,GAAAF,YAAA,CAAZE,YAAY;EAEpB,IAAMC,QAAO,GAAG,IAAAC,kBAAW,EAAC,kBAAY;IACpCL,UAAU,CAAC,IAAI,CAAC;IAChB,IAAMM,QAAQ,GAAG,MAAMb,gBAAgB,CAAC,CAAC;IACzCO,UAAU,CAAC,KAAK,CAAC;IAEjB,IAAIM,QAAQ,CAACC,KAAK,EAAE;MAChBJ,YAAY,CAACG,QAAQ,CAACC,KAAK,CAACC,OAAO,CAAC;MACpC;IACJ;IAEAL,YAAY,CAAChB,CAAC,CAAAF,eAAA,KAAAA,eAAA,OAAAwB,uBAAA,CAAAX,OAAA,mDAA4C,CAAC;EAC/D,CAAC,EAAE,CAACL,gBAAgB,CAAC,CAAC;EAEtB,oBACIf,MAAA,CAAAoB,OAAA,CAAAY,aAAA,CAAC7B,OAAA,CAAA8B,aAAa;IACV,eAAY,4BAA4B;IACxCC,QAAQ,EAAEb,OAAQ;IAClBK,OAAO,EAAE,SAAAA,QAAA,EAAM;MACXA,QAAO,CAAC,CAAC;IACb;EAAE,GAEDjB,CAAC,CAAAD,gBAAA,KAAAA,gBAAA,OAAAuB,uBAAA,CAAAX,OAAA,aACS,CAAC;AAExB,CAAC;AAAC,IAAAe,QAAA,GAAAC,OAAA,CAAAhB,OAAA,GAEaR,sBAAsB","ignoreList":[]}
+{"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":[]}

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

@@ -1,52 +1,38 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _BackButton = _interopRequireDefault(require("./BackButton"));
-var _Divider = _interopRequireDefault(require("./Divider"));
-var _SaveContentModelButton = _interopRequireDefault(require("./SaveContentModelButton"));
-var _CreateContentButton = _interopRequireDefault(require("./CreateContentButton"));
-var _Name = require("./Name");
-var _FormSettings = require("./FormSettings");
-var _default = exports.default = [{
+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: function render() {
-    return /*#__PURE__*/_react.default.createElement(_CreateContentButton.default, null);
-  }
-}, {
-  name: "content-model-editor-default-bar-left-divider",
-  type: "content-model-editor-default-bar-right",
-  render: function render() {
-    return /*#__PURE__*/_react.default.createElement(_Divider.default, null);
+  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: function render() {
-    return /*#__PURE__*/_react.default.createElement(_FormSettings.FormSettingsButton, null);
+  render() {
+    return /*#__PURE__*/React.createElement(FormSettingsButton, null);
   }
 }, {
   name: "content-model-editor-default-bar-right-save-button",
   type: "content-model-editor-default-bar-right",
-  render: function render() {
-    return /*#__PURE__*/_react.default.createElement(_SaveContentModelButton.default, null);
+  render() {
+    return /*#__PURE__*/React.createElement(SaveContentModelButton, null);
   }
 }, {
   name: "content-model-editor-default-bar-left-back-button",
   type: "content-model-editor-default-bar-left",
-  render: function render() {
-    return /*#__PURE__*/_react.default.createElement(_BackButton.default, null);
+  render() {
+    return /*#__PURE__*/React.createElement(BackButton, null);
   }
 }, {
   name: "content-model-editor-default-bar-left-name",
   type: "content-model-editor-default-bar-left",
-  render: function render() {
-    return /*#__PURE__*/_react.default.createElement(_Name.Name, null);
+  render() {
+    return /*#__PURE__*/React.createElement(Name, null);
   }
 }];
 

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_BackButton","_Divider","_SaveContentModelButton","_CreateContentButton","_Name","_FormSettings","_default","exports","default","name","type","render","createElement","FormSettingsButton","Name"],"sources":["index.tsx"],"sourcesContent":["import React from \"react\";\nimport BackButton from \"./BackButton\";\nimport Divider from \"./Divider\";\nimport SaveContentModelButton from \"./SaveContentModelButton\";\nimport CreateContentButton from \"./CreateContentButton\";\nimport { Name } from \"./Name\";\nimport { FormSettingsButton } from \"./FormSettings\";\n\nexport default [\n    {\n        name: \"content-model-editor-default-bar-right-create-content-button\",\n        type: \"content-model-editor-default-bar-right\",\n        render() {\n            return <CreateContentButton />;\n        }\n    },\n    {\n        name: \"content-model-editor-default-bar-left-divider\",\n        type: \"content-model-editor-default-bar-right\",\n        render() {\n            return <Divider />;\n        }\n    },\n    {\n        name: \"content-model-editor-default-bar-right-form-settings-button\",\n        type: \"content-model-editor-default-bar-right\",\n        render() {\n            return <FormSettingsButton />;\n        }\n    },\n    {\n        name: \"content-model-editor-default-bar-right-save-button\",\n        type: \"content-model-editor-default-bar-right\",\n        render() {\n            return <SaveContentModelButton />;\n        }\n    },\n\n    {\n        name: \"content-model-editor-default-bar-left-back-button\",\n        type: \"content-model-editor-default-bar-left\",\n        render() {\n            return <BackButton />;\n        }\n    },\n\n    {\n        name: \"content-model-editor-default-bar-left-name\",\n        type: \"content-model-editor-default-bar-left\",\n        render() {\n            return <Name />;\n        }\n    }\n];\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,QAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,uBAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,oBAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,KAAA,GAAAL,OAAA;AACA,IAAAM,aAAA,GAAAN,OAAA;AAAoD,IAAAO,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAErC,CACX;EACIC,IAAI,EAAE,8DAA8D;EACpEC,IAAI,EAAE,wCAAwC;EAC9CC,MAAM,WAAAA,OAAA,EAAG;IACL,oBAAOd,MAAA,CAAAW,OAAA,CAAAI,aAAA,CAACT,oBAAA,CAAAK,OAAmB,MAAE,CAAC;EAClC;AACJ,CAAC,EACD;EACIC,IAAI,EAAE,+CAA+C;EACrDC,IAAI,EAAE,wCAAwC;EAC9CC,MAAM,WAAAA,OAAA,EAAG;IACL,oBAAOd,MAAA,CAAAW,OAAA,CAAAI,aAAA,CAACX,QAAA,CAAAO,OAAO,MAAE,CAAC;EACtB;AACJ,CAAC,EACD;EACIC,IAAI,EAAE,6DAA6D;EACnEC,IAAI,EAAE,wCAAwC;EAC9CC,MAAM,WAAAA,OAAA,EAAG;IACL,oBAAOd,MAAA,CAAAW,OAAA,CAAAI,aAAA,CAACP,aAAA,CAAAQ,kBAAkB,MAAE,CAAC;EACjC;AACJ,CAAC,EACD;EACIJ,IAAI,EAAE,oDAAoD;EAC1DC,IAAI,EAAE,wCAAwC;EAC9CC,MAAM,WAAAA,OAAA,EAAG;IACL,oBAAOd,MAAA,CAAAW,OAAA,CAAAI,aAAA,CAACV,uBAAA,CAAAM,OAAsB,MAAE,CAAC;EACrC;AACJ,CAAC,EAED;EACIC,IAAI,EAAE,mDAAmD;EACzDC,IAAI,EAAE,uCAAuC;EAC7CC,MAAM,WAAAA,OAAA,EAAG;IACL,oBAAOd,MAAA,CAAAW,OAAA,CAAAI,aAAA,CAACZ,WAAA,CAAAQ,OAAU,MAAE,CAAC;EACzB;AACJ,CAAC,EAED;EACIC,IAAI,EAAE,4CAA4C;EAClDC,IAAI,EAAE,uCAAuC;EAC7CC,MAAM,WAAAA,OAAA,EAAG;IACL,oBAAOd,MAAA,CAAAW,OAAA,CAAAI,aAAA,CAACR,KAAA,CAAAU,IAAI,MAAE,CAAC;EACnB;AACJ,CAAC,CACJ","ignoreList":[]}
+{"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":[]}

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

@@ -1,5 +1,5 @@
 import React from "react";
-import { BindComponent } from "@webiny/form";
+import type { BindComponent } from "@webiny/form";
 interface GeneralSettingsProps {
     Bind: BindComponent;
 }

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

@@ -1,73 +1,66 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _Grid = require("@webiny/ui/Grid");
-var _Input = require("@webiny/ui/Input");
-var _Tags = require("@webiny/ui/Tags");
-var _validation = require("@webiny/validation");
-var _GroupSelect = _interopRequireDefault(require("./GroupSelect"));
-var _IconPicker = require("../../../../components/IconPicker");
-var GeneralSettings = function GeneralSettings(_ref) {
-  var Bind = _ref.Bind;
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Grid.Grid, null, /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
+import React from "react";
+import { Grid, Input, Textarea, Tags } 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.default.createElement(Bind, {
+  }, /*#__PURE__*/React.createElement(Bind, {
     name: "name"
-  }, /*#__PURE__*/_react.default.createElement(_Input.Input, {
+  }, /*#__PURE__*/React.createElement(Input, {
     label: "Content model name"
-  }))), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
+  }))), /*#__PURE__*/React.createElement(Grid.Column, {
     span: 12
-  }, /*#__PURE__*/_react.default.createElement(Bind, {
+  }, /*#__PURE__*/React.createElement(Bind, {
     name: "modelId"
-  }, /*#__PURE__*/_react.default.createElement(_Input.Input, {
+  }, /*#__PURE__*/React.createElement(Input, {
     disabled: true,
     label: "Content model ID"
-  }))), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
+  }))), /*#__PURE__*/React.createElement(Grid.Column, {
     span: 12
-  }, /*#__PURE__*/_react.default.createElement(Bind, {
+  }, /*#__PURE__*/React.createElement(Bind, {
     name: "singularApiName"
-  }, /*#__PURE__*/_react.default.createElement(_Input.Input, {
+  }, /*#__PURE__*/React.createElement(Input, {
     disabled: true,
     label: "Singular API Name"
-  }))), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
+  }))), /*#__PURE__*/React.createElement(Grid.Column, {
     span: 12
-  }, /*#__PURE__*/_react.default.createElement(Bind, {
+  }, /*#__PURE__*/React.createElement(Bind, {
     name: "pluralApiName"
-  }, /*#__PURE__*/_react.default.createElement(_Input.Input, {
+  }, /*#__PURE__*/React.createElement(Input, {
     disabled: true,
     label: "Plural API Name"
-  }))), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
+  }))), /*#__PURE__*/React.createElement(Grid.Column, {
     span: 12
-  }, /*#__PURE__*/_react.default.createElement(Bind, {
+  }, /*#__PURE__*/React.createElement(Bind, {
     name: "description"
-  }, /*#__PURE__*/_react.default.createElement(_Input.Input, {
+  }, /*#__PURE__*/React.createElement(Textarea, {
     rows: 5,
     label: "Content model description"
-  }))), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
+  }))), /*#__PURE__*/React.createElement(Grid.Column, {
     span: 12
-  }, /*#__PURE__*/_react.default.createElement(Bind, {
+  }, /*#__PURE__*/React.createElement(Bind, {
     name: "group",
-    validators: _validation.validation.create("required")
-  }, /*#__PURE__*/_react.default.createElement(_GroupSelect.default, null))), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
+    validators: validation.create("required")
+  }, /*#__PURE__*/React.createElement(GroupSelect, null))), /*#__PURE__*/React.createElement(Grid.Column, {
     span: 12
-  }, /*#__PURE__*/_react.default.createElement(Bind, {
+  }, /*#__PURE__*/React.createElement(Bind, {
     name: "icon"
-  }, /*#__PURE__*/_react.default.createElement(_IconPicker.IconPicker, {
-    label: "Icon",
-    description: "Choose an icon to represent the model."
-  }))), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
+  }, /*#__PURE__*/React.createElement(IconPicker, {
+    label: `Icon`,
+    description: `Choose an icon to represent the model.`
+  }))), /*#__PURE__*/React.createElement(Grid.Column, {
     span: 12
-  }, /*#__PURE__*/_react.default.createElement(Bind, {
+  }, /*#__PURE__*/React.createElement(Bind, {
     name: "tags"
-  }, /*#__PURE__*/_react.default.createElement(_Tags.Tags, {
-    label: "Tags"
+  }, /*#__PURE__*/React.createElement(Tags, {
+    label: "Tags",
+    protectedValues: ["type:model"]
   })))));
 };
-var _default = exports.default = GeneralSettings;
+export default GeneralSettings;
 
 //# sourceMappingURL=GeneralSettings.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_Grid","_Input","_Tags","_validation","_GroupSelect","_IconPicker","GeneralSettings","_ref","Bind","default","createElement","Fragment","Grid","Cell","span","name","Input","label","disabled","rows","validators","validation","create","IconPicker","description","Tags","_default","exports"],"sources":["GeneralSettings.tsx"],"sourcesContent":["import React from \"react\";\nimport { Grid, Cell } from \"@webiny/ui/Grid\";\nimport { Input } from \"@webiny/ui/Input\";\nimport { Tags } from \"@webiny/ui/Tags\";\nimport { validation } from \"@webiny/validation\";\nimport { BindComponent } from \"@webiny/form\";\nimport GroupSelect from \"./GroupSelect\";\nimport { IconPicker } from \"~/admin/components/IconPicker\";\n\ninterface GeneralSettingsProps {\n    Bind: BindComponent;\n}\n\nconst GeneralSettings = ({ Bind }: GeneralSettingsProps) => {\n    return (\n        <React.Fragment>\n            <Grid>\n                <Cell span={12}>\n                    <Bind name={\"name\"}>\n                        <Input label={\"Content model name\"} />\n                    </Bind>\n                </Cell>\n                <Cell span={12}>\n                    <Bind name={\"modelId\"}>\n                        <Input disabled={true} label={\"Content model ID\"} />\n                    </Bind>\n                </Cell>\n                <Cell span={12}>\n                    <Bind name={\"singularApiName\"}>\n                        <Input disabled={true} label={\"Singular API Name\"} />\n                    </Bind>\n                </Cell>\n                <Cell span={12}>\n                    <Bind name={\"pluralApiName\"}>\n                        <Input disabled={true} label={\"Plural API Name\"} />\n                    </Bind>\n                </Cell>\n                <Cell span={12}>\n                    <Bind name={\"description\"}>\n                        <Input rows={5} label={\"Content model description\"} />\n                    </Bind>\n                </Cell>\n                <Cell span={12}>\n                    <Bind name={\"group\"} validators={validation.create(\"required\")}>\n                        <GroupSelect />\n                    </Bind>\n                </Cell>\n                <Cell span={12}>\n                    <Bind name=\"icon\">\n                        <IconPicker\n                            label={`Icon`}\n                            description={`Choose an icon to represent the model.`}\n                        />\n                    </Bind>\n                </Cell>\n                <Cell span={12}>\n                    <Bind name={\"tags\"}>\n                        <Tags label={\"Tags\"} />\n                    </Bind>\n                </Cell>\n            </Grid>\n        </React.Fragment>\n    );\n};\n\nexport default GeneralSettings;\n"],"mappings":"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","ignoreList":[]}
+{"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":"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","ignoreList":[]}

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

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

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

@@ -1,34 +1,24 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = GroupSelect;
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _react = _interopRequireWildcard(require("react"));
-var _Select = require("@webiny/ui/Select");
-var _viewsGraphql = require("../../../../viewsGraphql");
-var _hooks = require("../../../../hooks");
-var _excluded = ["value"];
-function GroupSelect(_ref) {
-  var value = _ref.value,
-    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var _useQuery = (0, _hooks.useQuery)(_viewsGraphql.LIST_MENU_CONTENT_GROUPS_MODELS),
-    data = _useQuery.data,
-    loading = _useQuery.loading;
-  var groups = loading || !data ? [] : data.listContentModelGroups.data;
-  var options = (0, _react.useMemo)(function () {
-    return groups.map(function (item) {
-      return {
-        value: item.id,
-        label: item.name
-      };
-    });
+import React, { useMemo } from "react";
+import { Select } from "@webiny/ui/Select/index.js";
+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]);
-  var selectValue = typeof value === "string" ? value : value.id;
-  return /*#__PURE__*/_react.default.createElement(_Select.Select, Object.assign({}, props, {
+  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

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_Select","_viewsGraphql","_hooks","_excluded","GroupSelect","_ref","value","props","_objectWithoutProperties2","default","_useQuery","useQuery","LIST_MENU_CONTENT_GROUPS_MODELS","data","loading","groups","listContentModelGroups","options","useMemo","map","item","id","label","name","selectValue","createElement","Select","Object","assign"],"sources":["GroupSelect.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { Select } from \"@webiny/ui/Select\";\nimport { FormComponentProps } from \"@webiny/ui/types\";\nimport {\n    LIST_MENU_CONTENT_GROUPS_MODELS,\n    ListMenuCmsGroupsQueryResponse\n} from \"~/admin/viewsGraphql\";\nimport { useQuery } from \"~/admin/hooks\";\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.id, label: item.name }));\n    }, [groups]);\n\n    const selectValue = typeof value === \"string\" ? value : value.id;\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,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AAEA,IAAAE,aAAA,GAAAF,OAAA;AAIA,IAAAG,MAAA,GAAAH,OAAA;AAAyC,IAAAI,SAAA;AAE1B,SAASC,WAAWA,CAAAC,IAAA,EAA0C;EAAA,IAAvCC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAKC,KAAK,OAAAC,yBAAA,CAAAC,OAAA,EAAAJ,IAAA,EAAAF,SAAA;EACjD,IAAAO,SAAA,GAA0B,IAAAC,eAAQ,EAC9BC,6CACJ,CAAC;IAFOC,IAAI,GAAAH,SAAA,CAAJG,IAAI;IAAEC,OAAO,GAAAJ,SAAA,CAAPI,OAAO;EAIrB,IAAMC,MAAM,GAAGD,OAAO,IAAI,CAACD,IAAI,GAAG,EAAE,GAAGA,IAAI,CAACG,sBAAsB,CAACH,IAAI;EACvE,IAAMI,OAAO,GAAG,IAAAC,cAAO,EAAC,YAAM;IAC1B,OAAOH,MAAM,CAACI,GAAG,CAAC,UAAAC,IAAI;MAAA,OAAK;QAAEd,KAAK,EAAEc,IAAI,CAACC,EAAE;QAAEC,KAAK,EAAEF,IAAI,CAACG;MAAK,CAAC;IAAA,CAAC,CAAC;EACrE,CAAC,EAAE,CAACR,MAAM,CAAC,CAAC;EAEZ,IAAMS,WAAW,GAAG,OAAOlB,KAAK,KAAK,QAAQ,GAAGA,KAAK,GAAGA,KAAK,CAACe,EAAE;EAEhE,oBACIxB,MAAA,CAAAY,OAAA,CAAAgB,aAAA,CAACzB,OAAA,CAAA0B,MAAM,EAAAC,MAAA,CAAAC,MAAA,KACCrB,KAAK;IACTD,KAAK,EAAEQ,OAAO,GAAG,EAAE,GAAGU,WAAY;IAClCF,KAAK,EAAE,qBAAsB;IAC7BL,OAAO,EAAEA;EAAQ,EACpB,CAAC;AAEV","ignoreList":[]}
+{"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":[]}

package/admin/plugins/editor/formSettings/index.d.ts

@@ -1,3 +1,3 @@
-import { CmsEditorFormSettingsPlugin } from "../../../../types";
+import type { CmsEditorFormSettingsPlugin } from "../../../../types.js";
 declare const plugin: CmsEditorFormSettingsPlugin;
 export default plugin;

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

@@ -1,24 +1,16 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var React = _interopRequireWildcard(require("react"));
-var _GeneralSettings = _interopRequireDefault(require("./components/GeneralSettings"));
-var _roundSettings24px = require("./icons/round-settings-24px.svg");
-var plugin = {
+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(_roundSettings24px.ReactComponent, null),
-  render: function render(props) {
-    return /*#__PURE__*/React.createElement(_GeneralSettings.default, props);
+  icon: /*#__PURE__*/React.createElement(SettingsIcon, null),
+  render(props) {
+    return /*#__PURE__*/React.createElement(GeneralSettings, props);
   }
 };
-var _default = exports.default = plugin;
+export default plugin;
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","_interopRequireWildcard","require","_GeneralSettings","_interopRequireDefault","_roundSettings24px","plugin","name","type","title","description","icon","createElement","ReactComponent","render","props","default","_default","exports"],"sources":["index.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { CmsEditorFormSettingsPlugin } from \"~/types\";\nimport GeneralSettings from \"./components/GeneralSettings\";\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,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,gBAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,kBAAA,GAAAH,OAAA;AAEA,IAAMI,MAAmC,GAAG;EACxCC,IAAI,EAAE,kCAAkC;EACxCC,IAAI,EAAE,0BAA0B;EAChCC,KAAK,EAAE,kBAAkB;EACzBC,WAAW,EAAE,8CAA8C;EAC3DC,IAAI,eAAEX,KAAA,CAAAY,aAAA,CAACP,kBAAA,CAAAQ,cAAY,MAAE,CAAC;EACtBC,MAAM,WAAAA,OAACC,KAAK,EAAE;IACV,oBAAOf,KAAA,CAAAY,aAAA,CAACT,gBAAA,CAAAa,OAAe,EAAKD,KAAQ,CAAC;EACzC;AACJ,CAAC;AAAC,IAAAE,QAAA,GAAAC,OAAA,CAAAF,OAAA,GAEaV,MAAM","ignoreList":[]}
+{"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":[]}

package/admin/plugins/fieldRenderers/AccordionRenderSettings.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { CmsModelField, CmsModelFieldRendererSettingsProps } from "@webiny/app-headless-cms-common/types";
+import type { CmsModelField, CmsModelFieldRendererSettingsProps } from "@webiny/app-headless-cms-common/types/index.js";
 export interface IAccordionRenderSettings {
     open: boolean;
 }