@webiny/app-headless-cms 0.0.0-mt-2 → 0.0.0-unstable.06b2ede40f

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

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import React from "react";
 declare global {
     interface Window {
         Cypress: any;
     }
 }
-export declare const Name: () => JSX.Element;
+export declare const Name: () => React.JSX.Element;

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

@@ -1,43 +1,30 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-
-var _templateObject;
-
 import React, { useCallback, useState } from "react";
-import { Input } from "@webiny/ui/Input";
-import { Tooltip } from "@webiny/ui/Tooltip";
+/**
+ * Package react-hotkeyz does not have types.
+ */
+// @ts-expect-error
 import { useHotkeys } from "react-hotkeyz";
-import { FormName, formNameWrapper, NameInputWrapper, NameWrapper } from "./NameStyled";
 import { i18n } from "@webiny/app/i18n";
-import { useContentModelEditor } from "../../../../components/ContentModelEditor/useContentModelEditor";
-var t = i18n.namespace("ContentModelEditor.Name");
-export var Name = function Name() {
-  var _useContentModelEdito = useContentModelEditor(),
-      data = _useContentModelEdito.data,
-      setData = _useContentModelEdito.setData;
-
-  var _useState = useState(null),
-      _useState2 = _slicedToArray(_useState, 2),
-      localName = _useState2[0],
-      setLocalName = _useState2[1];
-
-  var _useState3 = useState(false),
-      _useState4 = _slicedToArray(_useState3, 2),
-      editingEnabled = _useState4[0],
-      setEditing = _useState4[1];
-
-  var cancelChanges = function cancelChanges() {
+import { useModelEditor } from "../../../../hooks";
+import { Heading, Input, Tooltip } from "@webiny/admin-ui";
+const t = i18n.namespace("ContentModelEditor.Name");
+export const Name = () => {
+  const {
+    data,
+    setData
+  } = useModelEditor();
+  const [localName, setLocalName] = useState("");
+  const [editingEnabled, setEditing] = useState(false);
+  const cancelChanges = () => {
     setEditing(false);
   };
-
-  var startEditing = function startEditing() {
+  const startEditing = () => {
     setLocalName(data.name);
     setEditing(true);
   };
-
-  var saveName = useCallback(function (e) {
-    e.preventDefault();
-    setData(function (data) {
+  const saveName = useCallback(event => {
+    event.preventDefault();
+    setData(data => {
       data.name = localName;
       return data;
     });
@@ -53,28 +40,34 @@ export var Name = function Name() {
     zIndex: 101,
     disabled: !editingEnabled,
     keys: {
-      esc: function esc(e) {
-        e.preventDefault();
+      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.createElement(NameInputWrapper, null, /*#__PURE__*/React.createElement(Input, {
+  // Disable autoFocus because for some reason, blur event would automatically be triggered when clicking
+  // on the page title when doing Cypress testing. Not sure if this is RMWC or Cypress related issue.
+  const autoFocus = !window.Cypress;
+  return editingEnabled ? /*#__PURE__*/React.createElement(Input, {
     autoFocus: autoFocus,
-    fullwidth: true,
     value: localName,
     onChange: setLocalName,
-    onBlur: saveName
-  })) : /*#__PURE__*/React.createElement(NameWrapper, null, /*#__PURE__*/React.createElement(Tooltip, {
-    className: formNameWrapper,
-    placement: "bottom",
-    content: /*#__PURE__*/React.createElement("span", null, t(_templateObject || (_templateObject = _taggedTemplateLiteral(["rename"]))))
-  }, /*#__PURE__*/React.createElement(FormName, {
-    "data-testid": "cms-editor-model-title",
-    onClick: startEditing
-  }, data.name)));
-};
+    onBlur: saveName,
+    variant: "ghost",
+    size: "md"
+  }) : /*#__PURE__*/React.createElement(Tooltip, {
+    side: "bottom",
+    content: /*#__PURE__*/React.createElement("span", null, t`Rename content model`),
+    trigger: /*#__PURE__*/React.createElement(Heading, {
+      level: 5,
+      className: "wby-px-xs wby-border-sm wby-border-neutral-base wby-rounded-md hover:wby-border-neutral-muted",
+      "data-testid": "cms-editor-model-title",
+      onClick: startEditing
+    }, data.name)
+  });
+};
+
+//# sourceMappingURL=Name.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","useState","useHotkeys","i18n","useModelEditor","Heading","Input","Tooltip","t","namespace","Name","data","setData","localName","setLocalName","editingEnabled","setEditing","cancelChanges","startEditing","name","saveName","event","preventDefault","zIndex","keys","disabled","esc","enter","autoFocus","window","Cypress","createElement","value","onChange","onBlur","variant","size","side","content","trigger","level","className","onClick"],"sources":["Name.tsx"],"sourcesContent":["import React, { useCallback, useState } from \"react\";\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\";\nimport { useModelEditor } from \"~/admin/hooks\";\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                        \"wby-px-xs wby-border-sm wby-border-neutral-base wby-rounded-md hover:wby-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,kBAAkB;AACvC,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,+FACH;MACD,eAAY,wBAAwB;MACpCC,OAAO,EAAExB;IAAa,GAErBP,IAAI,CAACQ,IACD;EACZ,CACJ,CACJ;AACL,CAAC","ignoreList":[]}

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

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

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

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

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

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

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

@@ -1,63 +1,37 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-
-var _templateObject, _templateObject2;
-
-import _regeneratorRuntime from "@babel/runtime/regenerator";
-import React, { useState } from "react";
-import { ButtonPrimary } from "@webiny/ui/Button";
+import React, { useCallback, useState } from "react";
+import { Button } from "@webiny/admin-ui";
 import { useSnackbar } from "@webiny/app-admin/hooks/useSnackbar";
 import { i18n } from "@webiny/app/i18n";
-import { useContentModelEditor } from "../../../components/ContentModelEditor/useContentModelEditor";
-var t = i18n.namespace("app-headless-cms/admin/editor/top-bar/save-button");
-
-var SaveContentModelButton = function SaveContentModelButton() {
-  var _useContentModelEdito = useContentModelEditor(),
-      saveContentModel = _useContentModelEdito.saveContentModel;
-
-  var _useState = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      loading = _useState2[0],
-      setLoading = _useState2[1];
-
-  var _useSnackbar = useSnackbar(),
-      showSnackbar = _useSnackbar.showSnackbar;
-
-  return /*#__PURE__*/React.createElement(ButtonPrimary, {
+import { useModelEditor } from "../../../hooks";
+const t = i18n.namespace("app-headless-cms/admin/editor/top-bar/save-button");
+const SaveContentModelButton = () => {
+  const {
+    saveContentModel
+  } = useModelEditor();
+  const [loading, setLoading] = useState(false);
+  const {
+    showSnackbar,
+    showErrorSnackbar
+  } = useSnackbar();
+  const onClick = useCallback(async () => {
+    setLoading(true);
+    const response = await saveContentModel();
+    setLoading(false);
+    if (response.error) {
+      showErrorSnackbar(response.error.message);
+      return;
+    }
+    showSnackbar(t`Your content model was saved successfully!`);
+  }, [saveContentModel]);
+  return /*#__PURE__*/React.createElement(Button, {
+    "data-testid": "cms.editor.defaultbar.save",
     disabled: loading,
-    onClick: /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-      var response;
-      return _regeneratorRuntime.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 = 7;
-                break;
-              }
-
-              return _context.abrupt("return", showSnackbar(response.error.message));
-
-            case 7:
-              showSnackbar(t(_templateObject || (_templateObject = _taggedTemplateLiteral(["Your content model was saved successfully!"]))));
-
-            case 8:
-            case "end":
-              return _context.stop();
-          }
-        }
-      }, _callee);
-    }))
-  }, t(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["Save"]))));
+    onClick: () => {
+      onClick();
+    },
+    text: t`Save`
+  });
 };
+export default SaveContentModelButton;
 
-export default SaveContentModelButton;
+//# sourceMappingURL=SaveContentModelButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","useState","Button","useSnackbar","i18n","useModelEditor","t","namespace","SaveContentModelButton","saveContentModel","loading","setLoading","showSnackbar","showErrorSnackbar","onClick","response","error","message","createElement","disabled","text"],"sources":["SaveContentModelButton.tsx"],"sourcesContent":["import React, { useCallback, useState } from \"react\";\nimport { Button } from \"@webiny/admin-ui\";\nimport { useSnackbar } from \"@webiny/app-admin/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, 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,qCAAqC;AACjE,SAASC,IAAI,QAAQ,kBAAkB;AACvC,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.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,6 +1,5 @@
 import React from "react";
 import BackButton from "./BackButton";
-import Divider from "./Divider";
 import SaveContentModelButton from "./SaveContentModelButton";
 import CreateContentButton from "./CreateContentButton";
 import { Name } from "./Name";
@@ -8,37 +7,33 @@ import { FormSettingsButton } from "./FormSettings";
 export default [{
   name: "content-model-editor-default-bar-right-create-content-button",
   type: "content-model-editor-default-bar-right",
-  render: function render() {
+  render() {
     return /*#__PURE__*/React.createElement(CreateContentButton, null);
   }
-}, {
-  name: "content-model-editor-default-bar-left-divider",
-  type: "content-model-editor-default-bar-right",
-  render: function render() {
-    return /*#__PURE__*/React.createElement(Divider, null);
-  }
 }, {
   name: "content-model-editor-default-bar-right-form-settings-button",
   type: "content-model-editor-default-bar-right",
-  render: function render() {
+  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() {
+  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() {
+  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() {
+  render() {
     return /*#__PURE__*/React.createElement(Name, null);
   }
-}];
+}];
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","BackButton","SaveContentModelButton","CreateContentButton","Name","FormSettingsButton","name","type","render","createElement"],"sources":["index.tsx"],"sourcesContent":["import React from \"react\";\nimport BackButton from \"./BackButton\";\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-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,7 +1,7 @@
-/// <reference types="react" />
-import { BindComponent } from "@webiny/form";
+import React from "react";
+import type { BindComponent } from "@webiny/form";
 interface GeneralSettingsProps {
     Bind: BindComponent;
 }
-declare const GeneralSettings: ({ Bind }: GeneralSettingsProps) => JSX.Element;
+declare const GeneralSettings: ({ Bind }: GeneralSettingsProps) => React.JSX.Element;
 export default GeneralSettings;

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

@@ -1,11 +1,13 @@
 import React from "react";
 import { Grid, Cell } from "@webiny/ui/Grid";
 import { Input } from "@webiny/ui/Input";
+import { Tags } from "@webiny/ui/Tags";
 import { validation } from "@webiny/validation";
 import GroupSelect from "./GroupSelect";
-
-var GeneralSettings = function GeneralSettings(_ref) {
-  var Bind = _ref.Bind;
+import { IconPicker } from "../../../../components/IconPicker";
+const GeneralSettings = ({
+  Bind
+}) => {
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Cell, {
     span: 12
   }, /*#__PURE__*/React.createElement(Bind, {
@@ -21,6 +23,20 @@ var GeneralSettings = function GeneralSettings(_ref) {
     label: "Content model ID"
   }))), /*#__PURE__*/React.createElement(Cell, {
     span: 12
+  }, /*#__PURE__*/React.createElement(Bind, {
+    name: "singularApiName"
+  }, /*#__PURE__*/React.createElement(Input, {
+    disabled: true,
+    label: "Singular API Name"
+  }))), /*#__PURE__*/React.createElement(Cell, {
+    span: 12
+  }, /*#__PURE__*/React.createElement(Bind, {
+    name: "pluralApiName"
+  }, /*#__PURE__*/React.createElement(Input, {
+    disabled: true,
+    label: "Plural API Name"
+  }))), /*#__PURE__*/React.createElement(Cell, {
+    span: 12
   }, /*#__PURE__*/React.createElement(Bind, {
     name: "description"
   }, /*#__PURE__*/React.createElement(Input, {
@@ -31,7 +47,21 @@ var GeneralSettings = function GeneralSettings(_ref) {
   }, /*#__PURE__*/React.createElement(Bind, {
     name: "group",
     validators: validation.create("required")
-  }, /*#__PURE__*/React.createElement(GroupSelect, null)))));
+  }, /*#__PURE__*/React.createElement(GroupSelect, null))), /*#__PURE__*/React.createElement(Cell, {
+    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(Cell, {
+    span: 12
+  }, /*#__PURE__*/React.createElement(Bind, {
+    name: "tags"
+  }, /*#__PURE__*/React.createElement(Tags, {
+    label: "Tags"
+  })))));
 };
+export default GeneralSettings;
 
-export default GeneralSettings;
+//# sourceMappingURL=GeneralSettings.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","Grid","Cell","Input","Tags","validation","GroupSelect","IconPicker","GeneralSettings","Bind","createElement","Fragment","span","name","label","disabled","rows","validators","create","description"],"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 type { 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":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,IAAI,QAAQ,iBAAiB;AAC5C,SAASC,KAAK,QAAQ,kBAAkB;AACxC,SAASC,IAAI,QAAQ,iBAAiB;AACtC,SAASC,UAAU,QAAQ,oBAAoB;AAE/C,OAAOC,WAAW;AAClB,SAASC,UAAU;AAMnB,MAAMC,eAAe,GAAGA,CAAC;EAAEC;AAA2B,CAAC,KAAK;EACxD,oBACIT,KAAA,CAAAU,aAAA,CAACV,KAAK,CAACW,QAAQ,qBACXX,KAAA,CAAAU,aAAA,CAACT,IAAI,qBACDD,KAAA,CAAAU,aAAA,CAACR,IAAI;IAACU,IAAI,EAAE;EAAG,gBACXZ,KAAA,CAAAU,aAAA,CAACD,IAAI;IAACI,IAAI,EAAE;EAAO,gBACfb,KAAA,CAAAU,aAAA,CAACP,KAAK;IAACW,KAAK,EAAE;EAAqB,CAAE,CACnC,CACJ,CAAC,eACPd,KAAA,CAAAU,aAAA,CAACR,IAAI;IAACU,IAAI,EAAE;EAAG,gBACXZ,KAAA,CAAAU,aAAA,CAACD,IAAI;IAACI,IAAI,EAAE;EAAU,gBAClBb,KAAA,CAAAU,aAAA,CAACP,KAAK;IAACY,QAAQ,EAAE,IAAK;IAACD,KAAK,EAAE;EAAmB,CAAE,CACjD,CACJ,CAAC,eACPd,KAAA,CAAAU,aAAA,CAACR,IAAI;IAACU,IAAI,EAAE;EAAG,gBACXZ,KAAA,CAAAU,aAAA,CAACD,IAAI;IAACI,IAAI,EAAE;EAAkB,gBAC1Bb,KAAA,CAAAU,aAAA,CAACP,KAAK;IAACY,QAAQ,EAAE,IAAK;IAACD,KAAK,EAAE;EAAoB,CAAE,CAClD,CACJ,CAAC,eACPd,KAAA,CAAAU,aAAA,CAACR,IAAI;IAACU,IAAI,EAAE;EAAG,gBACXZ,KAAA,CAAAU,aAAA,CAACD,IAAI;IAACI,IAAI,EAAE;EAAgB,gBACxBb,KAAA,CAAAU,aAAA,CAACP,KAAK;IAACY,QAAQ,EAAE,IAAK;IAACD,KAAK,EAAE;EAAkB,CAAE,CAChD,CACJ,CAAC,eACPd,KAAA,CAAAU,aAAA,CAACR,IAAI;IAACU,IAAI,EAAE;EAAG,gBACXZ,KAAA,CAAAU,aAAA,CAACD,IAAI;IAACI,IAAI,EAAE;EAAc,gBACtBb,KAAA,CAAAU,aAAA,CAACP,KAAK;IAACa,IAAI,EAAE,CAAE;IAACF,KAAK,EAAE;EAA4B,CAAE,CACnD,CACJ,CAAC,eACPd,KAAA,CAAAU,aAAA,CAACR,IAAI;IAACU,IAAI,EAAE;EAAG,gBACXZ,KAAA,CAAAU,aAAA,CAACD,IAAI;IAACI,IAAI,EAAE,OAAQ;IAACI,UAAU,EAAEZ,UAAU,CAACa,MAAM,CAAC,UAAU;EAAE,gBAC3DlB,KAAA,CAAAU,aAAA,CAACJ,WAAW,MAAE,CACZ,CACJ,CAAC,eACPN,KAAA,CAAAU,aAAA,CAACR,IAAI;IAACU,IAAI,EAAE;EAAG,gBACXZ,KAAA,CAAAU,aAAA,CAACD,IAAI;IAACI,IAAI,EAAC;EAAM,gBACbb,KAAA,CAAAU,aAAA,CAACH,UAAU;IACPO,KAAK,EAAE,MAAO;IACdK,WAAW,EAAE;EAAyC,CACzD,CACC,CACJ,CAAC,eACPnB,KAAA,CAAAU,aAAA,CAACR,IAAI;IAACU,IAAI,EAAE;EAAG,gBACXZ,KAAA,CAAAU,aAAA,CAACD,IAAI;IAACI,IAAI,EAAE;EAAO,gBACfb,KAAA,CAAAU,aAAA,CAACN,IAAI;IAACU,KAAK,EAAE;EAAO,CAAE,CACpB,CACJ,CACJ,CACM,CAAC;AAEzB,CAAC;AAED,eAAeN,eAAe","ignoreList":[]}

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/ui/types";
+export default function GroupSelect({ value, ...props }: FormComponentProps): React.JSX.Element;

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

@@ -1,30 +1,28 @@
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["value"];
 import React, { useMemo } from "react";
 import { Select } from "@webiny/ui/Select";
 import { LIST_MENU_CONTENT_GROUPS_MODELS } from "../../../../viewsGraphql";
 import { useQuery } from "../../../../hooks";
-export default function GroupSelect(_ref) {
-  var value = _ref.value,
-      props = _objectWithoutProperties(_ref, _excluded);
-
-  var _useQuery = useQuery(LIST_MENU_CONTENT_GROUPS_MODELS),
-      data = _useQuery.data,
-      loading = _useQuery.loading;
-
-  var groups = loading && !data ? [] : data.listContentModelGroups.data;
-  var options = useMemo(function () {
-    return groups.map(function (item) {
-      return {
-        value: item.id,
-        label: item.name
-      };
-    });
+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.id,
+      label: item.name
+    }));
   }, [groups]);
-  var selectValue = typeof value === "string" ? value : value.id;
+  const selectValue = typeof value === "string" ? value : value.id;
   return /*#__PURE__*/React.createElement(Select, Object.assign({}, props, {
     value: loading ? "" : selectValue,
     label: "Content model group",
     options: options
   }));
-}
+}
+
+//# sourceMappingURL=GroupSelect.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useMemo","Select","LIST_MENU_CONTENT_GROUPS_MODELS","useQuery","GroupSelect","value","props","data","loading","groups","listContentModelGroups","options","map","item","id","label","name","selectValue","createElement","Object","assign"],"sources":["GroupSelect.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { Select } from \"@webiny/ui/Select\";\nimport type { FormComponentProps } from \"@webiny/ui/types\";\nimport type { ListMenuCmsGroupsQueryResponse } from \"~/admin/viewsGraphql\";\nimport { LIST_MENU_CONTENT_GROUPS_MODELS } 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,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SAASC,MAAM,QAAQ,mBAAmB;AAG1C,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,EAAE;MAAEC,KAAK,EAAEF,IAAI,CAACG;IAAK,CAAC,CAAC,CAAC;EACrE,CAAC,EAAE,CAACP,MAAM,CAAC,CAAC;EAEZ,MAAMQ,WAAW,GAAG,OAAOZ,KAAK,KAAK,QAAQ,GAAGA,KAAK,GAAGA,KAAK,CAACS,EAAE;EAEhE,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";
 declare const plugin: CmsEditorFormSettingsPlugin;
 export default plugin;

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

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","GeneralSettings","ReactComponent","SettingsIcon","plugin","name","type","title","description","icon","createElement","render","props"],"sources":["index.tsx"],"sourcesContent":["import * as React from \"react\";\nimport type { CmsEditorFormSettingsPlugin } from \"~/types\";\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,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/Accordion.d.ts

@@ -1,10 +1,12 @@
-import React, { ReactElement } from "react";
-declare type AccordionProps = {
+import type { ReactElement } from "react";
+import React from "react";
+interface AccordionProps {
     title: string;
-    children: ReactElement;
-    action?: ReactElement;
+    isExpanded: boolean;
+    toggleExpanded: () => void;
+    action?: ReactElement | null;
     icon?: ReactElement;
-    defaultValue?: boolean;
-};
-declare const _default: React.MemoExoticComponent<({ title, children, action, icon, defaultValue }: AccordionProps) => JSX.Element>;
-export default _default;
+    children: React.ReactNode;
+}
+declare const MemoizedAccordion: React.ComponentType<AccordionProps>;
+export default MemoizedAccordion;