@webiny/app-headless-cms 0.0.0-unstable.496cf268ac → 0.0.0-unstable.5387e5f7c8

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

@@ -1,83 +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.Name = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = _interopRequireWildcard(require("react"));
-var _Input = require("@webiny/ui/Input");
-var _Tooltip = require("@webiny/ui/Tooltip");
-var _reactHotkeyz = require("react-hotkeyz");
-var _NameStyled = require("./NameStyled");
-var _i18n = require("@webiny/app/i18n");
-var _hooks = require("../../../../hooks");
-var _templateObject;
-var t = _i18n.i18n.namespace("ContentModelEditor.Name");
-var Name = function Name() {
-  var _useModelEditor = (0, _hooks.useModelEditor)(),
-    data = _useModelEditor.data,
-    setData = _useModelEditor.setData;
-  var _useState = (0, _react.useState)(""),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    localName = _useState2[0],
-    setLocalName = _useState2[1];
-  var _useState3 = (0, _react.useState)(false),
-    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-    editingEnabled = _useState4[0],
-    setEditing = _useState4[1];
-  var cancelChanges = function cancelChanges() {
-    setEditing(false);
-  };
-  var startEditing = function startEditing() {
-    setLocalName(data.name);
-    setEditing(true);
-  };
-  var saveName = (0, _react.useCallback)(function (event) {
-    event.preventDefault();
-    setData(function (data) {
-      data.name = localName;
-      return data;
+import react, { useCallback, useState } from "react";
+import { useHotkeys } from "@webiny/app-admin";
+import { i18n } from "@webiny/app/i18n/index.js";
+import { useModelEditor } from "../../../../hooks/index.js";
+import { EditableTitle } from "@webiny/admin-ui";
+const t = i18n.namespace("ContentModelEditor.Name");
+const Name = ()=>{
+    const { data, setData } = useModelEditor();
+    const [editing, setEditing] = useState(false);
+    const saveName = useCallback((name)=>{
+        setData((data)=>{
+            data.name = name;
+            return data;
+        });
+    }, [
+        setData
+    ]);
+    useHotkeys({
+        zIndex: 100,
+        keys: {
+            "alt+cmd+enter": ()=>setEditing(true)
+        }
+    });
+    const autoFocus = !window.Cypress;
+    return /*#__PURE__*/ react.createElement(EditableTitle, {
+        value: data.name,
+        onCommit: saveName,
+        autoFocus: autoFocus,
+        isEditing: editing,
+        onEditingChange: setEditing,
+        tooltip: /*#__PURE__*/ react.createElement("span", null, t`Rename content model`),
+        "data-testid": "cms-editor-model-title"
     });
-    setEditing(false);
-  }, [localName]);
-  (0, _reactHotkeyz.useHotkeys)({
-    zIndex: 100,
-    keys: {
-      "alt+cmd+enter": startEditing
-    }
-  });
-  (0, _reactHotkeyz.useHotkeys)({
-    zIndex: 101,
-    disabled: !editingEnabled,
-    keys: {
-      esc: function esc(event) {
-        event.preventDefault();
-        cancelChanges();
-      },
-      enter: saveName
-    }
-  });
-
-  // Disable autoFocus because for some reason, blur event would automatically be triggered when clicking
-  // on the page title when doing Cypress testing. Not sure if this is RMWC or Cypress related issue.
-  var autoFocus = !window.Cypress;
-  return editingEnabled ? /*#__PURE__*/_react.default.createElement(_NameStyled.NameInputWrapper, null, /*#__PURE__*/_react.default.createElement(_Input.Input, {
-    autoFocus: autoFocus,
-    fullwidth: true,
-    value: localName,
-    onChange: setLocalName,
-    onBlur: saveName
-  })) : /*#__PURE__*/_react.default.createElement(_NameStyled.NameWrapper, null, /*#__PURE__*/_react.default.createElement(_Tooltip.Tooltip, {
-    className: _NameStyled.formNameWrapper,
-    placement: "bottom",
-    content: /*#__PURE__*/_react.default.createElement("span", null, t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["rename"]))))
-  }, /*#__PURE__*/_react.default.createElement(_NameStyled.FormName, {
-    "data-testid": "cms-editor-model-title",
-    onClick: startEditing
-  }, data.name)));
 };
-exports.Name = Name;
+export { Name };
+
+//# sourceMappingURL=Name.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["t","i18n","namespace","Name","useModelEditor","data","setData","useState","localName","setLocalName","editingEnabled","setEditing","cancelChanges","startEditing","name","saveName","useCallback","event","preventDefault","useHotkeys","zIndex","keys","disabled","esc","enter","autoFocus","window","Cypress","formNameWrapper"],"sources":["Name.tsx"],"sourcesContent":["import React, { useCallback, useState } from \"react\";\nimport { Input } from \"@webiny/ui/Input\";\nimport { Tooltip } from \"@webiny/ui/Tooltip\";\n/**\n * Package react-hotkeyz does not have types.\n */\n// @ts-ignore\nimport { useHotkeys } from \"react-hotkeyz\";\nimport { FormName, formNameWrapper, NameInputWrapper, NameWrapper } from \"./NameStyled\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { useModelEditor } from \"~/admin/hooks\";\n\nconst t = i18n.namespace(\"ContentModelEditor.Name\");\n\ndeclare global {\n    interface Window {\n        Cypress: any;\n    }\n}\n\nexport const Name: React.FC = () => {\n    const { data, setData } = useModelEditor();\n    const [localName, setLocalName] = useState<string>(\"\");\n    const [editingEnabled, setEditing] = useState<boolean>(false);\n\n    const cancelChanges = () => {\n        setEditing(false);\n    };\n\n    const startEditing = (): void => {\n        setLocalName(data.name);\n        setEditing(true);\n    };\n\n    const saveName = useCallback(\n        (event: React.SyntheticEvent) => {\n            event.preventDefault();\n            setData(data => {\n                data.name = localName;\n                return data;\n            });\n            setEditing(false);\n        },\n        [localName]\n    );\n\n    useHotkeys({\n        zIndex: 100,\n        keys: {\n            \"alt+cmd+enter\": startEditing\n        }\n    });\n\n    useHotkeys({\n        zIndex: 101,\n        disabled: !editingEnabled,\n        keys: {\n            esc: (event: React.SyntheticEvent) => {\n                event.preventDefault();\n                cancelChanges();\n            },\n            enter: saveName\n        }\n    });\n\n    // Disable autoFocus because for some reason, blur event would automatically be triggered when clicking\n    // on the page title when doing Cypress testing. Not sure if this is RMWC or Cypress related issue.\n    const autoFocus = !window.Cypress;\n\n    return editingEnabled ? (\n        <NameInputWrapper>\n            <Input\n                autoFocus={autoFocus}\n                fullwidth\n                value={localName}\n                onChange={setLocalName}\n                onBlur={saveName}\n            />\n        </NameInputWrapper>\n    ) : (\n        <NameWrapper>\n            <Tooltip\n                className={formNameWrapper}\n                placement={\"bottom\"}\n                content={<span>{t`rename`}</span>}\n            >\n                <FormName data-testid=\"cms-editor-model-title\" onClick={startEditing}>\n                    {data.name}\n                </FormName>\n            </Tooltip>\n        </NameWrapper>\n    );\n};\n"],"mappings":";;;;;;;;;;AAAA;AACA;AACA;AAKA;AACA;AACA;AACA;AAA+C;AAE/C,IAAMA,CAAC,GAAGC,UAAI,CAACC,SAAS,CAAC,yBAAyB,CAAC;AAQ5C,IAAMC,IAAc,GAAG,SAAjBA,IAAc,GAAS;EAChC,sBAA0B,IAAAC,qBAAc,GAAE;IAAlCC,IAAI,mBAAJA,IAAI;IAAEC,OAAO,mBAAPA,OAAO;EACrB,gBAAkC,IAAAC,eAAQ,EAAS,EAAE,CAAC;IAAA;IAA/CC,SAAS;IAAEC,YAAY;EAC9B,iBAAqC,IAAAF,eAAQ,EAAU,KAAK,CAAC;IAAA;IAAtDG,cAAc;IAAEC,UAAU;EAEjC,IAAMC,aAAa,GAAG,SAAhBA,aAAa,GAAS;IACxBD,UAAU,CAAC,KAAK,CAAC;EACrB,CAAC;EAED,IAAME,YAAY,GAAG,SAAfA,YAAY,GAAe;IAC7BJ,YAAY,CAACJ,IAAI,CAACS,IAAI,CAAC;IACvBH,UAAU,CAAC,IAAI,CAAC;EACpB,CAAC;EAED,IAAMI,QAAQ,GAAG,IAAAC,kBAAW,EACxB,UAACC,KAA2B,EAAK;IAC7BA,KAAK,CAACC,cAAc,EAAE;IACtBZ,OAAO,CAAC,UAAAD,IAAI,EAAI;MACZA,IAAI,CAACS,IAAI,GAAGN,SAAS;MACrB,OAAOH,IAAI;IACf,CAAC,CAAC;IACFM,UAAU,CAAC,KAAK,CAAC;EACrB,CAAC,EACD,CAACH,SAAS,CAAC,CACd;EAED,IAAAW,wBAAU,EAAC;IACPC,MAAM,EAAE,GAAG;IACXC,IAAI,EAAE;MACF,eAAe,EAAER;IACrB;EACJ,CAAC,CAAC;EAEF,IAAAM,wBAAU,EAAC;IACPC,MAAM,EAAE,GAAG;IACXE,QAAQ,EAAE,CAACZ,cAAc;IACzBW,IAAI,EAAE;MACFE,GAAG,EAAE,aAACN,KAA2B,EAAK;QAClCA,KAAK,CAACC,cAAc,EAAE;QACtBN,aAAa,EAAE;MACnB,CAAC;MACDY,KAAK,EAAET;IACX;EACJ,CAAC,CAAC;;EAEF;EACA;EACA,IAAMU,SAAS,GAAG,CAACC,MAAM,CAACC,OAAO;EAEjC,OAAOjB,cAAc,gBACjB,6BAAC,4BAAgB,qBACb,6BAAC,YAAK;IACF,SAAS,EAAEe,SAAU;IACrB,SAAS;IACT,KAAK,EAAEjB,SAAU;IACjB,QAAQ,EAAEC,YAAa;IACvB,MAAM,EAAEM;EAAS,EACnB,CACa,gBAEnB,6BAAC,uBAAW,qBACR,6BAAC,gBAAO;IACJ,SAAS,EAAEa,2BAAgB;IAC3B,SAAS,EAAE,QAAS;IACpB,OAAO,eAAE,2CAAO5B,CAAC;EAAiB,gBAElC,6BAAC,oBAAQ;IAAC,eAAY,wBAAwB;IAAC,OAAO,EAAEa;EAAa,GAChER,IAAI,CAACS,IAAI,CACH,CACL,CAEjB;AACL,CAAC;AAAC"}
+{"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 { EditableTitle } 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 [editing, setEditing] = useState<boolean>(false);\n\n    const saveName = useCallback(\n        (name: string) => {\n            setData(data => {\n                data.name = name;\n                return data;\n            });\n        },\n        [setData]\n    );\n\n    useHotkeys({\n        zIndex: 100,\n        keys: {\n            \"alt+cmd+enter\": () => setEditing(true)\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 (\n        <EditableTitle\n            value={data.name}\n            onCommit={saveName}\n            autoFocus={autoFocus}\n            isEditing={editing}\n            onEditingChange={setEditing}\n            tooltip={<span>{t`Rename content model`}</span>}\n            data-testid=\"cms-editor-model-title\"\n        />\n    );\n};\n"],"names":["t","i18n","Name","data","setData","useModelEditor","editing","setEditing","useState","saveName","useCallback","name","useHotkeys","autoFocus","window","EditableTitle"],"mappings":";;;;;AAMA,MAAMA,IAAIC,KAAK,SAAS,CAAC;AAQlB,MAAMC,OAAO;IAChB,MAAM,EAAEC,IAAI,EAAEC,OAAO,EAAE,GAAGC;IAC1B,MAAM,CAACC,SAASC,WAAW,GAAGC,SAAkB;IAEhD,MAAMC,WAAWC,YACb,CAACC;QACGP,QAAQD,CAAAA;YACJA,KAAK,IAAI,GAAGQ;YACZ,OAAOR;QACX;IACJ,GACA;QAACC;KAAQ;IAGbQ,WAAW;QACP,QAAQ;QACR,MAAM;YACF,iBAAiB,IAAML,WAAW;QACtC;IACJ;IAIA,MAAMM,YAAY,CAACC,OAAO,OAAO;IAEjC,OAAO,WAAP,GACI,oBAACC,eAAaA;QACV,OAAOZ,KAAK,IAAI;QAChB,UAAUM;QACV,WAAWI;QACX,WAAWP;QACX,iBAAiBC;QACjB,uBAAS,oBAAC,cAAMP,CAAC,CAAC,oBAAoB,CAAC;QACvC,eAAY;;AAGxB"}

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,12 +1 @@
-"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";

package/admin/plugins/editor/defaultBar/SaveContentModelButton.d.ts

@@ -1,3 +1,3 @@
 import React from "react";
-declare const SaveContentModelButton: React.FC;
+declare const SaveContentModelButton: () => React.JSX.Element;
 export default SaveContentModelButton;

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

@@ -1,63 +1,32 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = _interopRequireWildcard(require("react"));
-var _Button = require("@webiny/ui/Button");
-var _useSnackbar2 = require("@webiny/app-admin/hooks/useSnackbar");
-var _i18n = require("@webiny/app/i18n");
-var _hooks = require("../../../hooks");
-var _templateObject, _templateObject2;
-var t = _i18n.i18n.namespace("app-headless-cms/admin/editor/top-bar/save-button");
-var SaveContentModelButton = function SaveContentModelButton() {
-  var _useModelEditor = (0, _hooks.useModelEditor)(),
-    saveContentModel = _useModelEditor.saveContentModel;
-  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)( /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee() {
-    var response;
-    return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
-      while (1) switch (_context.prev = _context.next) {
-        case 0:
-          setLoading(true);
-          _context.next = 3;
-          return saveContentModel();
-        case 3:
-          response = _context.sent;
-          setLoading(false);
-          if (!response.error) {
-            _context.next = 8;
-            break;
-          }
-          showSnackbar(response.error.message);
-          return _context.abrupt("return");
-        case 8:
-          showSnackbar(t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Your content model was saved successfully!"]))));
-        case 9:
-        case "end":
-          return _context.stop();
-      }
-    }, _callee);
-  })), [saveContentModel]);
-  return /*#__PURE__*/_react.default.createElement(_Button.ButtonPrimary, {
-    "data-testid": "cms.editor.defaultbar.save",
-    disabled: loading,
-    onClick: function onClick() {
-      _onClick();
-    }
-  }, t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["Save"]))));
+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) 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`
+    });
 };
-var _default = SaveContentModelButton;
-exports.default = _default;
+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":["t","i18n","namespace","SaveContentModelButton","useModelEditor","saveContentModel","useState","loading","setLoading","useSnackbar","showSnackbar","onClick","useCallback","response","error","message"],"sources":["SaveContentModelButton.tsx"],"sourcesContent":["import React, { useCallback, useState } from \"react\";\nimport { ButtonPrimary } from \"@webiny/ui/Button\";\nimport { useSnackbar } from \"@webiny/app-admin/hooks/useSnackbar\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { useModelEditor } from \"~/admin/hooks\";\n\nconst t = i18n.namespace(\"app-headless-cms/admin/editor/top-bar/save-button\");\n\nconst SaveContentModelButton: React.FC = () => {\n    const { saveContentModel } = useModelEditor();\n    const [loading, setLoading] = useState<boolean>(false);\n    const { showSnackbar } = useSnackbar();\n\n    const onClick = useCallback(async () => {\n        setLoading(true);\n        const response = await saveContentModel();\n        setLoading(false);\n\n        if (response.error) {\n            showSnackbar(response.error.message);\n            return;\n        }\n\n        showSnackbar(t`Your content model was saved successfully!`);\n    }, [saveContentModel]);\n\n    return (\n        <ButtonPrimary\n            data-testid=\"cms.editor.defaultbar.save\"\n            disabled={loading}\n            onClick={() => {\n                onClick();\n            }}\n        >\n            {t`Save`}\n        </ButtonPrimary>\n    );\n};\n\nexport default SaveContentModelButton;\n"],"mappings":";;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AAA+C;AAE/C,IAAMA,CAAC,GAAGC,UAAI,CAACC,SAAS,CAAC,mDAAmD,CAAC;AAE7E,IAAMC,sBAAgC,GAAG,SAAnCA,sBAAgC,GAAS;EAC3C,sBAA6B,IAAAC,qBAAc,GAAE;IAArCC,gBAAgB,mBAAhBA,gBAAgB;EACxB,gBAA8B,IAAAC,eAAQ,EAAU,KAAK,CAAC;IAAA;IAA/CC,OAAO;IAAEC,UAAU;EAC1B,mBAAyB,IAAAC,yBAAW,GAAE;IAA9BC,YAAY,gBAAZA,YAAY;EAEpB,IAAMC,QAAO,GAAG,IAAAC,kBAAW,uGAAC;IAAA;IAAA;MAAA;QAAA;UACxBJ,UAAU,CAAC,IAAI,CAAC;UAAC;UAAA,OACMH,gBAAgB,EAAE;QAAA;UAAnCQ,QAAQ;UACdL,UAAU,CAAC,KAAK,CAAC;UAAC,KAEdK,QAAQ,CAACC,KAAK;YAAA;YAAA;UAAA;UACdJ,YAAY,CAACG,QAAQ,CAACC,KAAK,CAACC,OAAO,CAAC;UAAC;QAAA;UAIzCL,YAAY,CAACV,CAAC,8HAA6C;QAAC;QAAA;UAAA;MAAA;IAAA;EAAA,CAC/D,IAAE,CAACK,gBAAgB,CAAC,CAAC;EAEtB,oBACI,6BAAC,qBAAa;IACV,eAAY,4BAA4B;IACxC,QAAQ,EAAEE,OAAQ;IAClB,OAAO,EAAE,mBAAM;MACXI,QAAO,EAAE;IACb;EAAE,GAEDX,CAAC,0FACU;AAExB,CAAC;AAAC,eAEaG,sBAAsB;AAAA"}
+{"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.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import React from "react";
 declare const _default: {
     name: string;
     type: string;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }[];
 export default _default;

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

@@ -1,52 +1,46 @@
-"use strict";
+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";
+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;
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _BackButton = _interopRequireDefault(require("./BackButton"));
-var _Divider = _interopRequireDefault(require("./Divider"));
-var _SaveContentModelButton = _interopRequireDefault(require("./SaveContentModelButton"));
-var _CreateContentButton = _interopRequireDefault(require("./CreateContentButton"));
-var _Name = require("./Name");
-var _FormSettings = require("./FormSettings");
-var _default = [{
-  name: "content-model-editor-default-bar-right-create-content-button",
-  type: "content-model-editor-default-bar-right",
-  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);
-  }
-}, {
-  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);
-  }
-}, {
-  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);
-  }
-}, {
-  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);
-  }
-}, {
-  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);
-  }
-}];
-exports.default = _default;
+//# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["name","type","render"],"sources":["index.tsx"],"sourcesContent":["import React from \"react\";\nimport BackButton from \"./BackButton\";\nimport Divider from \"./Divider\";\nimport SaveContentModelButton from \"./SaveContentModelButton\";\nimport CreateContentButton from \"./CreateContentButton\";\nimport { Name } from \"./Name\";\nimport { FormSettingsButton } from \"./FormSettings\";\n\nexport default [\n    {\n        name: \"content-model-editor-default-bar-right-create-content-button\",\n        type: \"content-model-editor-default-bar-right\",\n        render() {\n            return <CreateContentButton />;\n        }\n    },\n    {\n        name: \"content-model-editor-default-bar-left-divider\",\n        type: \"content-model-editor-default-bar-right\",\n        render() {\n            return <Divider />;\n        }\n    },\n    {\n        name: \"content-model-editor-default-bar-right-form-settings-button\",\n        type: \"content-model-editor-default-bar-right\",\n        render() {\n            return <FormSettingsButton />;\n        }\n    },\n    {\n        name: \"content-model-editor-default-bar-right-save-button\",\n        type: \"content-model-editor-default-bar-right\",\n        render() {\n            return <SaveContentModelButton />;\n        }\n    },\n\n    {\n        name: \"content-model-editor-default-bar-left-back-button\",\n        type: \"content-model-editor-default-bar-left\",\n        render() {\n            return <BackButton />;\n        }\n    },\n\n    {\n        name: \"content-model-editor-default-bar-left-name\",\n        type: \"content-model-editor-default-bar-left\",\n        render() {\n            return <Name />;\n        }\n    }\n];\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AAAoD,eAErC,CACX;EACIA,IAAI,EAAE,8DAA8D;EACpEC,IAAI,EAAE,wCAAwC;EAC9CC,MAAM,oBAAG;IACL,oBAAO,6BAAC,4BAAmB,OAAG;EAClC;AACJ,CAAC,EACD;EACIF,IAAI,EAAE,+CAA+C;EACrDC,IAAI,EAAE,wCAAwC;EAC9CC,MAAM,oBAAG;IACL,oBAAO,6BAAC,gBAAO,OAAG;EACtB;AACJ,CAAC,EACD;EACIF,IAAI,EAAE,6DAA6D;EACnEC,IAAI,EAAE,wCAAwC;EAC9CC,MAAM,oBAAG;IACL,oBAAO,6BAAC,gCAAkB,OAAG;EACjC;AACJ,CAAC,EACD;EACIF,IAAI,EAAE,oDAAoD;EAC1DC,IAAI,EAAE,wCAAwC;EAC9CC,MAAM,oBAAG;IACL,oBAAO,6BAAC,+BAAsB,OAAG;EACrC;AACJ,CAAC,EAED;EACIF,IAAI,EAAE,mDAAmD;EACzDC,IAAI,EAAE,uCAAuC;EAC7CC,MAAM,oBAAG;IACL,oBAAO,6BAAC,mBAAU,OAAG;EACzB;AACJ,CAAC,EAED;EACIF,IAAI,EAAE,4CAA4C;EAClDC,IAAI,EAAE,uCAAuC;EAC7CC,MAAM,oBAAG;IACL,oBAAO,6BAAC,UAAI,OAAG;EACnB;AACJ,CAAC,CACJ;AAAA"}
+{"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.d.ts

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

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

@@ -1,72 +1,72 @@
-"use strict";
+import react from "react";
+import { Grid, Input, Switch, 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 })=>/*#__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"
+        ]
+    }))), /*#__PURE__*/ react.createElement(Grid.Column, {
+        span: 12
+    }, /*#__PURE__*/ react.createElement(Bind, {
+        name: "settings.aiEntryWizard"
+    }, /*#__PURE__*/ react.createElement(Switch, {
+        label: "Generate with AI",
+        note: "Show an AI-powered wizard that generates content before opening the editor."
+    })))));
+const components_GeneralSettings = GeneralSettings;
+export default components_GeneralSettings;
 
-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, {
-    span: 12
-  }, /*#__PURE__*/_react.default.createElement(Bind, {
-    name: "name"
-  }, /*#__PURE__*/_react.default.createElement(_Input.Input, {
-    label: "Content model name"
-  }))), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
-    span: 12
-  }, /*#__PURE__*/_react.default.createElement(Bind, {
-    name: "modelId"
-  }, /*#__PURE__*/_react.default.createElement(_Input.Input, {
-    disabled: true,
-    label: "Content model ID"
-  }))), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
-    span: 12
-  }, /*#__PURE__*/_react.default.createElement(Bind, {
-    name: "singularApiName"
-  }, /*#__PURE__*/_react.default.createElement(_Input.Input, {
-    disabled: true,
-    label: "Singular API Name"
-  }))), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
-    span: 12
-  }, /*#__PURE__*/_react.default.createElement(Bind, {
-    name: "pluralApiName"
-  }, /*#__PURE__*/_react.default.createElement(_Input.Input, {
-    disabled: true,
-    label: "Plural API Name"
-  }))), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
-    span: 12
-  }, /*#__PURE__*/_react.default.createElement(Bind, {
-    name: "description"
-  }, /*#__PURE__*/_react.default.createElement(_Input.Input, {
-    rows: 5,
-    label: "Content model description"
-  }))), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
-    span: 12
-  }, /*#__PURE__*/_react.default.createElement(Bind, {
-    name: "group",
-    validators: _validation.validation.create("required")
-  }, /*#__PURE__*/_react.default.createElement(_GroupSelect.default, null))), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
-    span: 12
-  }, /*#__PURE__*/_react.default.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, {
-    span: 12
-  }, /*#__PURE__*/_react.default.createElement(Bind, {
-    name: "tags"
-  }, /*#__PURE__*/_react.default.createElement(_Tags.Tags, {
-    label: "Tags"
-  })))));
-};
-var _default = GeneralSettings;
-exports.default = _default;
+//# sourceMappingURL=GeneralSettings.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["GeneralSettings","Bind","validation","create"],"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: React.VFC<GeneralSettingsProps> = ({ Bind }) => {\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":";;;;;;;AAAA;AACA;AACA;AACA;AACA;AAEA;AACA;AAMA,IAAMA,eAAgD,GAAG,SAAnDA,eAAgD,OAAiB;EAAA,IAAXC,IAAI,QAAJA,IAAI;EAC5D,oBACI,6BAAC,cAAK,CAAC,QAAQ,qBACX,6BAAC,UAAI,qBACD,6BAAC,UAAI;IAAC,IAAI,EAAE;EAAG,gBACX,6BAAC,IAAI;IAAC,IAAI,EAAE;EAAO,gBACf,6BAAC,YAAK;IAAC,KAAK,EAAE;EAAqB,EAAG,CACnC,CACJ,eACP,6BAAC,UAAI;IAAC,IAAI,EAAE;EAAG,gBACX,6BAAC,IAAI;IAAC,IAAI,EAAE;EAAU,gBAClB,6BAAC,YAAK;IAAC,QAAQ,EAAE,IAAK;IAAC,KAAK,EAAE;EAAmB,EAAG,CACjD,CACJ,eACP,6BAAC,UAAI;IAAC,IAAI,EAAE;EAAG,gBACX,6BAAC,IAAI;IAAC,IAAI,EAAE;EAAkB,gBAC1B,6BAAC,YAAK;IAAC,QAAQ,EAAE,IAAK;IAAC,KAAK,EAAE;EAAoB,EAAG,CAClD,CACJ,eACP,6BAAC,UAAI;IAAC,IAAI,EAAE;EAAG,gBACX,6BAAC,IAAI;IAAC,IAAI,EAAE;EAAgB,gBACxB,6BAAC,YAAK;IAAC,QAAQ,EAAE,IAAK;IAAC,KAAK,EAAE;EAAkB,EAAG,CAChD,CACJ,eACP,6BAAC,UAAI;IAAC,IAAI,EAAE;EAAG,gBACX,6BAAC,IAAI;IAAC,IAAI,EAAE;EAAc,gBACtB,6BAAC,YAAK;IAAC,IAAI,EAAE,CAAE;IAAC,KAAK,EAAE;EAA4B,EAAG,CACnD,CACJ,eACP,6BAAC,UAAI;IAAC,IAAI,EAAE;EAAG,gBACX,6BAAC,IAAI;IAAC,IAAI,EAAE,OAAQ;IAAC,UAAU,EAAEC,sBAAU,CAACC,MAAM,CAAC,UAAU;EAAE,gBAC3D,6BAAC,oBAAW,OAAG,CACZ,CACJ,eACP,6BAAC,UAAI;IAAC,IAAI,EAAE;EAAG,gBACX,6BAAC,IAAI;IAAC,IAAI,EAAC;EAAM,gBACb,6BAAC,sBAAU;IACP,KAAK,QAAS;IACd,WAAW;EAA2C,EACxD,CACC,CACJ,eACP,6BAAC,UAAI;IAAC,IAAI,EAAE;EAAG,gBACX,6BAAC,IAAI;IAAC,IAAI,EAAE;EAAO,gBACf,6BAAC,UAAI;IAAC,KAAK,EAAE;EAAO,EAAG,CACpB,CACJ,CACJ,CACM;AAEzB,CAAC;AAAC,eAEaH,eAAe;AAAA"}
+{"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, Switch, 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.Column span={12}>\n                    <Bind name={\"settings.aiEntryWizard\"}>\n                        <Switch\n                            label={\"Generate with AI\"}\n                            note={\n                                \"Show an AI-powered wizard that generates content before opening the editor.\"\n                            }\n                        />\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","Switch"],"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;wBAG5D,oBAACN,KAAK,MAAM;QAAC,MAAM;qBACf,oBAACF,MAAAA;QAAK,MAAM;qBACR,oBAACS,QAAMA;QACH,OAAO;QACP,MACI;;AAUhC,mCAAeV"}

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

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