@webiny/app-headless-cms 0.0.0-unstable.78f581c1d2 → 0.0.0-unstable.7be00a75a9

package/admin/plugins/definitions/CmsFieldValidatorFileTypePlugin.js

@@ -1,49 +1,16 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.CmsFieldValidatorFileTypePlugin = void 0;
-
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
-var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _Plugin2 = require("@webiny/plugins/Plugin");
-
-var CmsFieldValidatorFileTypePlugin = /*#__PURE__*/function (_Plugin) {
-  (0, _inherits2.default)(CmsFieldValidatorFileTypePlugin, _Plugin);
-
-  var _super = (0, _createSuper2.default)(CmsFieldValidatorFileTypePlugin);
-
-  function CmsFieldValidatorFileTypePlugin(config) {
-    var _this;
-
-    (0, _classCallCheck2.default)(this, CmsFieldValidatorFileTypePlugin);
-    _this = _super.call(this);
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "config", void 0);
-    _this.config = config;
-    return _this;
-  }
-
-  (0, _createClass2.default)(CmsFieldValidatorFileTypePlugin, [{
-    key: "getName",
-    value: function getName() {
-      return this.config.name;
+import { Plugin } from "@webiny/plugins/Plugin.js";
+class CmsFieldValidatorFileTypePlugin extends Plugin {
+    static{
+        this.type = "cms-model-field-validator-fileType";
+    }
+    constructor(config){
+        super();
+        this.config = config;
+    }
+    getName() {
+        return this.config.name;
     }
-  }]);
-  return CmsFieldValidatorFileTypePlugin;
-}(_Plugin2.Plugin);
+}
+export { CmsFieldValidatorFileTypePlugin };
 
-exports.CmsFieldValidatorFileTypePlugin = CmsFieldValidatorFileTypePlugin;
-(0, _defineProperty2.default)(CmsFieldValidatorFileTypePlugin, "type", "cms-model-field-validator-fileType");
+//# sourceMappingURL=CmsFieldValidatorFileTypePlugin.js.map

package/admin/plugins/definitions/CmsFieldValidatorFileTypePlugin.js.map

@@ -1 +1 @@
-{"version":3,"names":["CmsFieldValidatorFileTypePlugin","config","name","Plugin"],"sources":["CmsFieldValidatorFileTypePlugin.ts"],"sourcesContent":["import { Plugin } from \"@webiny/plugins/Plugin\";\n\nexport interface Config {\n    name: string;\n}\nexport class CmsFieldValidatorFileTypePlugin extends Plugin {\n    public static override readonly type: string = \"cms-model-field-validator-fileType\";\n\n    private readonly config: Config;\n\n    public constructor(config: Config) {\n        super();\n        this.config = config;\n    }\n\n    public getName(): string {\n        return this.config.name;\n    }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;;IAKaA,+B;;;;;EAKT,yCAAmBC,MAAnB,EAAmC;IAAA;;IAAA;IAC/B;IAD+B;IAE/B,MAAKA,MAAL,GAAcA,MAAd;IAF+B;EAGlC;;;;WAED,mBAAyB;MACrB,OAAO,KAAKA,MAAL,CAAYC,IAAnB;IACH;;;EAZgDC,e;;;8BAAxCH,+B,UACsC,oC"}
+{"version":3,"file":"admin/plugins/definitions/CmsFieldValidatorFileTypePlugin.js","sources":["../../../../src/admin/plugins/definitions/CmsFieldValidatorFileTypePlugin.ts"],"sourcesContent":["import { Plugin } from \"@webiny/plugins/Plugin.js\";\n\nexport interface Config {\n    name: string;\n}\nexport class CmsFieldValidatorFileTypePlugin extends Plugin {\n    public static override readonly type: string = \"cms-model-field-validator-fileType\";\n\n    private readonly config: Config;\n\n    public constructor(config: Config) {\n        super();\n        this.config = config;\n    }\n\n    public getName(): string {\n        return this.config.name;\n    }\n}\n"],"names":["CmsFieldValidatorFileTypePlugin","Plugin","config"],"mappings":";AAKO,MAAMA,wCAAwCC;;aACjB,IAAI,GAAW;;IAI/C,YAAmBC,MAAc,CAAE;QAC/B,KAAK;QACL,IAAI,CAAC,MAAM,GAAGA;IAClB;IAEO,UAAkB;QACrB,OAAO,IAAI,CAAC,MAAM,CAAC,IAAI;IAC3B;AACJ"}

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

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

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

@@ -1,40 +1,19 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+import react from "react";
+import { useRouter } from "@webiny/app-admin";
+import { ReactComponent } from "@webiny/icons/arrow_back.svg";
+import { IconButton } from "@webiny/admin-ui";
+import { Routes } from "../../../../routes.js";
+const BackButton = /*#__PURE__*/ react.memo(()=>{
+    const { goToRoute } = useRouter();
+    return /*#__PURE__*/ react.createElement(IconButton, {
+        "data-testid": "cms-editor-back-button",
+        onClick: ()=>goToRoute(Routes.ContentModels.List),
+        icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+        variant: "ghost"
+    });
 });
-exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _emotion = require("emotion");
-
-var _Button = require("@webiny/ui/Button");
-
-var _reactRouter = require("@webiny/react-router");
-
-var _roundArrow_back24px = require("./icons/round-arrow_back-24px.svg");
-
-var backStyles = /*#__PURE__*/(0, _emotion.css)({
-  marginLeft: -10
-}, "label:backStyles;");
-
-var BackButton = /*#__PURE__*/_react.default.memo(function () {
-  var _useRouter = (0, _reactRouter.useRouter)(),
-      history = _useRouter.history;
-
-  return /*#__PURE__*/_react.default.createElement(_Button.IconButton, {
-    "data-testid": "cms-editor-back-button",
-    className: backStyles,
-    onClick: function onClick() {
-      return history.push("/cms/content-models");
-    },
-    icon: /*#__PURE__*/_react.default.createElement(_roundArrow_back24px.ReactComponent, null)
-  });
-});
-
 BackButton.displayName = "BackButton";
-var _default = BackButton;
-exports.default = _default;
+const defaultBar_BackButton = BackButton;
+export default defaultBar_BackButton;
+
+//# sourceMappingURL=BackButton.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["backStyles","css","marginLeft","BackButton","React","memo","useRouter","history","push","displayName"],"sources":["BackButton.tsx"],"sourcesContent":["import React from \"react\";\nimport { css } from \"emotion\";\nimport { IconButton } from \"@webiny/ui/Button\";\nimport { useRouter } from \"@webiny/react-router\";\nimport { ReactComponent as BackIcon } from \"./icons/round-arrow_back-24px.svg\";\n\nconst backStyles = css({\n    marginLeft: -10\n});\n\nconst BackButton: React.FC = React.memo(() => {\n    const { history } = useRouter();\n\n    return (\n        <IconButton\n            data-testid=\"cms-editor-back-button\"\n            className={backStyles}\n            onClick={() => history.push(`/cms/content-models`)}\n            icon={<BackIcon />}\n        />\n    );\n});\n\nBackButton.displayName = \"BackButton\";\n\nexport default BackButton;\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AAEA,IAAMA,UAAU,gBAAG,IAAAC,YAAA,EAAI;EACnBC,UAAU,EAAE,CAAC;AADM,CAAJ,sBAAnB;;AAIA,IAAMC,UAAoB,gBAAGC,cAAA,CAAMC,IAAN,CAAW,YAAM;EAC1C,iBAAoB,IAAAC,sBAAA,GAApB;EAAA,IAAQC,OAAR,cAAQA,OAAR;;EAEA,oBACI,6BAAC,kBAAD;IACI,eAAY,wBADhB;IAEI,SAAS,EAAEP,UAFf;IAGI,OAAO,EAAE;MAAA,OAAMO,OAAO,CAACC,IAAR,uBAAN;IAAA,CAHb;IAII,IAAI,eAAE,6BAAC,mCAAD;EAJV,EADJ;AAQH,CAX4B,CAA7B;;AAaAL,UAAU,CAACM,WAAX,GAAyB,YAAzB;eAEeN,U"}
+{"version":3,"file":"admin/plugins/editor/defaultBar/BackButton.js","sources":["../../../../../src/admin/plugins/editor/defaultBar/BackButton.tsx"],"sourcesContent":["import React from \"react\";\nimport { useRouter } from \"@webiny/app-admin\";\nimport { ReactComponent as BackIcon } from \"@webiny/icons/arrow_back.svg\";\nimport { IconButton } from \"@webiny/admin-ui\";\nimport { Routes } from \"~/routes.js\";\n\nconst BackButton = React.memo(() => {\n    const { goToRoute } = useRouter();\n\n    return (\n        <IconButton\n            data-testid=\"cms-editor-back-button\"\n            onClick={() => goToRoute(Routes.ContentModels.List)}\n            icon={<BackIcon />}\n            variant=\"ghost\"\n        />\n    );\n});\n\nBackButton.displayName = \"BackButton\";\n\nexport default BackButton;\n"],"names":["BackButton","React","goToRoute","useRouter","IconButton","Routes","BackIcon"],"mappings":";;;;;AAMA,MAAMA,aAAa,WAAHA,GAAGC,MAAAA,IAAU,CAAC;IAC1B,MAAM,EAAEC,SAAS,EAAE,GAAGC;IAEtB,OAAO,WAAP,GACI,oBAACC,YAAUA;QACP,eAAY;QACZ,SAAS,IAAMF,UAAUG,OAAO,aAAa,CAAC,IAAI;QAClD,oBAAM,oBAACC,gBAAQA;QACf,SAAQ;;AAGpB;AAEAN,WAAW,WAAW,GAAG;AAEzB,8BAAeA"}

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

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

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

@@ -1,65 +1,41 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _get = _interopRequireDefault(require("lodash/get"));
-
-var _reactRouter = require("@webiny/react-router");
-
-var _i18n = require("@webiny/app/i18n");
-
-var _Button = require("@webiny/ui/Button");
-
-var _Tooltip = require("@webiny/ui/Tooltip");
-
-var _view_list = require("../../../icons/view_list.svg");
-
-var _contentModels = require("../../../graphql/contentModels");
-
-var _useContentModelEditor = require("../../../components/ContentModelEditor/useContentModelEditor");
-
-var _templateObject;
-
-var t = _i18n.i18n.namespace("app-headless-cms/admin/editor/top-bar/save-button");
-
-var CreateContentButton = function CreateContentButton() {
-  var router = (0, _reactRouter.useRouter)();
-
-  var _useContentModelEdito = (0, _useContentModelEditor.useContentModelEditor)(),
-      data = _useContentModelEdito.data,
-      apolloClient = _useContentModelEdito.apolloClient;
-
-  var getQuery = apolloClient.readQuery({
-    query: _contentModels.GET_CONTENT_MODEL,
-    variables: {
-      modelId: data.modelId
-    }
-  });
-  var fields = (0, _get.default)(getQuery, "getContentModel.data.fields", []);
-  var disableViewContent = fields.length === 0;
-  var message = disableViewContent ? "To view the content, you first need to add a field and save the form" : "View content";
-  return /*#__PURE__*/_react.default.createElement(_Tooltip.Tooltip, {
-    content: t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["{message}"])))({
-      message: message
-    }),
-    placement: "bottom"
-  }, /*#__PURE__*/_react.default.createElement(_Button.IconButton, {
-    icon: /*#__PURE__*/_react.default.createElement(_view_list.ReactComponent, null),
-    onClick: function onClick() {
-      return router.history.push("/cms/content-entries/".concat(data.modelId));
-    },
-    disabled: disableViewContent
-  }));
+import react from "react";
+import get from "lodash/get.js";
+import { useRouter } from "@webiny/app-admin";
+import { i18n } from "@webiny/app/i18n/index.js";
+import { ReactComponent } from "@webiny/icons/list.svg";
+import { GET_CONTENT_MODEL } from "../../../graphql/contentModels.js";
+import { useModelEditor } from "../../../hooks/index.js";
+import { IconButton, Tooltip } from "@webiny/admin-ui";
+import { Routes } from "../../../../routes.js";
+const t = i18n.namespace("app-headless-cms/admin/editor/top-bar/save-button");
+const CreateContentButton = ()=>{
+    const { goToRoute } = useRouter();
+    const { data, apolloClient } = useModelEditor();
+    const getQuery = apolloClient.readQuery({
+        query: GET_CONTENT_MODEL,
+        variables: {
+            modelId: data.modelId
+        }
+    });
+    const fields = get(getQuery, "getContentModel.data.fields", []);
+    const disableViewContent = 0 === fields.length;
+    const message = disableViewContent ? "To view the entries, you first need to add a field and save the form" : "View entries";
+    return /*#__PURE__*/ react.createElement(Tooltip, {
+        content: t`{message}`({
+            message
+        }),
+        side: "bottom",
+        trigger: /*#__PURE__*/ react.createElement(IconButton, {
+            icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+            onClick: ()=>goToRoute(Routes.ContentEntries.List, {
+                    modelId: data.modelId
+                }),
+            disabled: disableViewContent,
+            variant: "ghost"
+        })
+    });
 };
+const defaultBar_CreateContentButton = CreateContentButton;
+export default defaultBar_CreateContentButton;
 
-var _default = CreateContentButton;
-exports.default = _default;
+//# sourceMappingURL=CreateContentButton.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["t","i18n","namespace","CreateContentButton","router","useRouter","useContentModelEditor","data","apolloClient","getQuery","readQuery","query","GET_CONTENT_MODEL","variables","modelId","fields","get","disableViewContent","length","message","history","push"],"sources":["CreateContentButton.tsx"],"sourcesContent":["import React from \"react\";\nimport get from \"lodash/get\";\nimport { useRouter } from \"@webiny/react-router\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { IconButton } from \"@webiny/ui/Button\";\nimport { Tooltip } from \"@webiny/ui/Tooltip\";\nimport { ReactComponent as ViewListIcon } from \"~/admin/icons/view_list.svg\";\nimport {\n    GET_CONTENT_MODEL,\n    GetCmsModelQueryResponse,\n    GetCmsModelQueryVariables\n} from \"~/admin/graphql/contentModels\";\nimport { useContentModelEditor } from \"~/admin/components/ContentModelEditor/useContentModelEditor\";\n\nconst t = i18n.namespace(\"app-headless-cms/admin/editor/top-bar/save-button\");\n\nconst CreateContentButton: React.FC = () => {\n    const router = useRouter();\n    const { data, apolloClient } = useContentModelEditor();\n\n    const getQuery = apolloClient.readQuery<GetCmsModelQueryResponse, GetCmsModelQueryVariables>({\n        query: GET_CONTENT_MODEL,\n        variables: {\n            modelId: data.modelId\n        }\n    });\n    const fields = get(getQuery, \"getContentModel.data.fields\", []);\n    const disableViewContent = fields.length === 0;\n    const message = disableViewContent\n        ? \"To view the content, you first need to add a field and save the form\"\n        : \"View content\";\n\n    return (\n        <Tooltip content={t`{message}`({ message })} placement={\"bottom\"}>\n            <IconButton\n                icon={<ViewListIcon />}\n                onClick={() => router.history.push(`/cms/content-entries/${data.modelId}`)}\n                disabled={disableViewContent}\n            />\n        </Tooltip>\n    );\n};\n\nexport default CreateContentButton;\n"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAKA;;;;AAEA,IAAMA,CAAC,GAAGC,UAAA,CAAKC,SAAL,CAAe,mDAAf,CAAV;;AAEA,IAAMC,mBAA6B,GAAG,SAAhCA,mBAAgC,GAAM;EACxC,IAAMC,MAAM,GAAG,IAAAC,sBAAA,GAAf;;EACA,4BAA+B,IAAAC,4CAAA,GAA/B;EAAA,IAAQC,IAAR,yBAAQA,IAAR;EAAA,IAAcC,YAAd,yBAAcA,YAAd;;EAEA,IAAMC,QAAQ,GAAGD,YAAY,CAACE,SAAb,CAA4E;IACzFC,KAAK,EAAEC,gCADkF;IAEzFC,SAAS,EAAE;MACPC,OAAO,EAAEP,IAAI,CAACO;IADP;EAF8E,CAA5E,CAAjB;EAMA,IAAMC,MAAM,GAAG,IAAAC,YAAA,EAAIP,QAAJ,EAAc,6BAAd,EAA6C,EAA7C,CAAf;EACA,IAAMQ,kBAAkB,GAAGF,MAAM,CAACG,MAAP,KAAkB,CAA7C;EACA,IAAMC,OAAO,GAAGF,kBAAkB,GAC5B,sEAD4B,GAE5B,cAFN;EAIA,oBACI,6BAAC,gBAAD;IAAS,OAAO,EAAEjB,CAAC,4FAAD,CAAa;MAAEmB,OAAO,EAAPA;IAAF,CAAb,CAAlB;IAA6C,SAAS,EAAE;EAAxD,gBACI,6BAAC,kBAAD;IACI,IAAI,eAAE,6BAAC,yBAAD,OADV;IAEI,OAAO,EAAE;MAAA,OAAMf,MAAM,CAACgB,OAAP,CAAeC,IAAf,gCAA4Cd,IAAI,CAACO,OAAjD,EAAN;IAAA,CAFb;IAGI,QAAQ,EAAEG;EAHd,EADJ,CADJ;AASH,CAzBD;;eA2Bed,mB"}
+{"version":3,"file":"admin/plugins/editor/defaultBar/CreateContentButton.js","sources":["../../../../../src/admin/plugins/editor/defaultBar/CreateContentButton.tsx"],"sourcesContent":["import React from \"react\";\nimport get from \"lodash/get.js\";\nimport { useRouter } from \"@webiny/app-admin\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport { ReactComponent as ListViewIcon } from \"@webiny/icons/list.svg\";\nimport type {\n    GetCmsModelQueryResponse,\n    GetCmsModelQueryVariables\n} from \"~/admin/graphql/contentModels.js\";\nimport { GET_CONTENT_MODEL } from \"~/admin/graphql/contentModels.js\";\nimport { useModelEditor } from \"~/admin/hooks/index.js\";\nimport { IconButton, Tooltip } from \"@webiny/admin-ui\";\nimport { Routes } from \"~/routes.js\";\n\nconst t = i18n.namespace(\"app-headless-cms/admin/editor/top-bar/save-button\");\n\nconst CreateContentButton = () => {\n    const { goToRoute } = useRouter();\n    const { data, apolloClient } = useModelEditor();\n\n    const getQuery = apolloClient.readQuery<GetCmsModelQueryResponse, GetCmsModelQueryVariables>({\n        query: GET_CONTENT_MODEL,\n        variables: {\n            modelId: data.modelId\n        }\n    });\n    const fields = get(getQuery, \"getContentModel.data.fields\", []);\n    const disableViewContent = fields.length === 0;\n    const message = disableViewContent\n        ? \"To view the entries, you first need to add a field and save the form\"\n        : \"View entries\";\n\n    return (\n        <Tooltip\n            content={t`{message}`({ message })}\n            side={\"bottom\"}\n            trigger={\n                <IconButton\n                    icon={<ListViewIcon />}\n                    onClick={() => goToRoute(Routes.ContentEntries.List, { modelId: data.modelId })}\n                    disabled={disableViewContent}\n                    variant={\"ghost\"}\n                />\n            }\n        />\n    );\n};\n\nexport default CreateContentButton;\n"],"names":["t","i18n","CreateContentButton","goToRoute","useRouter","data","apolloClient","useModelEditor","getQuery","GET_CONTENT_MODEL","fields","get","disableViewContent","message","Tooltip","IconButton","ListViewIcon","Routes"],"mappings":";;;;;;;;;AAcA,MAAMA,IAAIC,KAAK,SAAS,CAAC;AAEzB,MAAMC,sBAAsB;IACxB,MAAM,EAAEC,SAAS,EAAE,GAAGC;IACtB,MAAM,EAAEC,IAAI,EAAEC,YAAY,EAAE,GAAGC;IAE/B,MAAMC,WAAWF,aAAa,SAAS,CAAsD;QACzF,OAAOG;QACP,WAAW;YACP,SAASJ,KAAK,OAAO;QACzB;IACJ;IACA,MAAMK,SAASC,IAAIH,UAAU,+BAA+B,EAAE;IAC9D,MAAMI,qBAAqBF,AAAkB,MAAlBA,OAAO,MAAM;IACxC,MAAMG,UAAUD,qBACV,yEACA;IAEN,OAAO,WAAP,GACI,oBAACE,SAAOA;QACJ,SAASd,CAAC,CAAC,SAAS,CAAC,CAAC;YAAEa;QAAQ;QAChC,MAAM;QACN,uBACI,oBAACE,YAAUA;YACP,oBAAM,oBAACC,gBAAYA;YACnB,SAAS,IAAMb,UAAUc,OAAO,cAAc,CAAC,IAAI,EAAE;oBAAE,SAASZ,KAAK,OAAO;gBAAC;YAC7E,UAAUO;YACV,SAAS;;;AAK7B;AAEA,uCAAeV"}

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

@@ -2,5 +2,5 @@ import React from "react";
 interface FormSettingsProps {
     onExited: () => void;
 }
-declare const FormSettings: React.FC<FormSettingsProps>;
+declare const FormSettings: ({ onExited }: FormSettingsProps) => React.JSX.Element;
 export default FormSettings;

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

@@ -1,128 +1,65 @@
-"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 _plugins = require("@webiny/plugins");
-
-var _OverlayLayout = require("@webiny/app-admin/components/OverlayLayout");
-
-var _SplitView = require("@webiny/app-admin/components/SplitView");
-
-var _Typography = require("@webiny/ui/Typography");
-
-var _form = require("@webiny/form");
-
-var _Icon = require("@webiny/ui/Icon");
-
-var _Button = require("@webiny/ui/Button");
-
-var _List = require("@webiny/ui/List");
-
-var _useSnackbar2 = require("@webiny/app-admin/hooks/useSnackbar");
-
-var _i18n = require("@webiny/app/i18n");
-
-var SF = _interopRequireWildcard(require("@webiny/app-admin/components/SimpleForm"));
-
-var _FormSettingsStyled = require("./FormSettingsStyled");
-
-var _useContentModelEditor = require("../../../../components/ContentModelEditor/useContentModelEditor");
-
-var _templateObject, _templateObject2;
-
-var t = _i18n.i18n.namespace("FormsApp.Editor.FormSettings");
-
-var FormSettings = function FormSettings(_ref) {
-  var onExited = _ref.onExited;
-
-  var cmsEditorFormSettingsPlugins = _plugins.plugins.byType("cms-editor-form-settings");
-
-  var _useContentModelEdito = (0, _useContentModelEditor.useContentModelEditor)(),
-      data = _useContentModelEdito.data,
-      setData = _useContentModelEdito.setData;
-
-  var _useSnackbar = (0, _useSnackbar2.useSnackbar)(),
-      showSnackbar = _useSnackbar.showSnackbar;
-
-  var _useState = (0, _react.useState)(cmsEditorFormSettingsPlugins[0]),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      activePlugin = _useState2[0],
-      setActivePlugin = _useState2[1];
-
-  return /*#__PURE__*/_react.default.createElement(_OverlayLayout.OverlayLayout, {
-    barMiddle: _FormSettingsStyled.Title,
-    onExited: onExited
-  }, /*#__PURE__*/_react.default.createElement(_SplitView.SplitView, null, /*#__PURE__*/_react.default.createElement(_SplitView.LeftPanel, {
-    span: 5
-  }, /*#__PURE__*/_react.default.createElement(_List.List, {
-    twoLine: true,
-    className: _FormSettingsStyled.listStyle
-  }, cmsEditorFormSettingsPlugins.map(function (pl) {
-    return /*#__PURE__*/_react.default.createElement(_List.ListItem, {
-      key: pl.name,
-      className: _FormSettingsStyled.listItem,
-      onClick: function onClick() {
-        return setActivePlugin(pl);
-      }
-    }, /*#__PURE__*/_react.default.createElement(_List.ListItemGraphic, null, /*#__PURE__*/_react.default.createElement(_Icon.Icon, {
-      icon: pl.icon
-    })), /*#__PURE__*/_react.default.createElement(_FormSettingsStyled.TitleContent, null, /*#__PURE__*/_react.default.createElement(_FormSettingsStyled.ListItemTitle, null, pl.title), /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
-      use: "body2"
-    }, pl.description)));
-  }))), /*#__PURE__*/_react.default.createElement(_SplitView.RightPanel, {
-    span: 7
-  }, /*#__PURE__*/_react.default.createElement(_form.Form, {
-    data: data,
-    onSubmit: function onSubmit(data) {
-      setData(function () {
-        return data;
-      });
-      onExited();
-      showSnackbar(t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Content model settings updated successfully."]))));
-    }
-  }, function (_ref2) {
-    var Bind = _ref2.Bind,
-        submit = _ref2.submit,
-        form = _ref2.form,
-        formData = _ref2.data;
-    return /*#__PURE__*/_react.default.createElement(SF.SimpleForm, null, /*#__PURE__*/_react.default.createElement(SF.SimpleFormHeader, {
-      title: activePlugin.title
-    }, typeof activePlugin.renderHeaderActions === "function" && activePlugin.renderHeaderActions({
-      /**
-       * TODO @ts-refactor
-       * Figure out type for Bind
-       */
-      Bind: Bind,
-      form: form,
-      formData: formData
-    })), /*#__PURE__*/_react.default.createElement(SF.SimpleFormContent, null, activePlugin ? activePlugin.render({
-      /**
-       * TODO @ts-refactor
-       * Figure out type for Bind
-       */
-      Bind: Bind,
-      form: form,
-      formData: formData
-    }) : null), /*#__PURE__*/_react.default.createElement(SF.SimpleFormFooter, null, /*#__PURE__*/_react.default.createElement(_Button.ButtonPrimary, {
-      onClick: function onClick(ev) {
-        submit(ev);
-      }
-    }, t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["Save settings"]))))));
-  }))));
+import react, { useState } from "react";
+import { plugins } from "@webiny/plugins";
+import { LeftPanel, OverlayLayout, RightPanel, SimpleForm, SimpleFormContent, SimpleFormFooter, SimpleFormHeader, SplitView, useSnackbar } from "@webiny/app-admin";
+import { Form } from "@webiny/form";
+import { i18n } from "@webiny/app/i18n/index.js";
+import { useModelEditor } from "../../../../hooks/index.js";
+import { Button, Heading, Icon, List } from "@webiny/admin-ui";
+const t = i18n.namespace("FormsApp.Editor.FormSettings");
+const Title = ()=>/*#__PURE__*/ react.createElement(Heading, {
+        level: 5,
+        className: "text-neutral-strong"
+    }, t`Content model settings`);
+const FormSettings = ({ onExited })=>{
+    const cmsEditorFormSettingsPlugins = plugins.byType("cms-editor-form-settings");
+    const { data, setData } = useModelEditor();
+    const { showSnackbar } = useSnackbar();
+    const [activePlugin, setActivePlugin] = useState(cmsEditorFormSettingsPlugins[0]);
+    return /*#__PURE__*/ react.createElement(OverlayLayout, {
+        barMiddle: /*#__PURE__*/ react.createElement(Title, null),
+        onExited: onExited
+    }, /*#__PURE__*/ react.createElement(SplitView, null, /*#__PURE__*/ react.createElement(LeftPanel, {
+        span: 5
+    }, /*#__PURE__*/ react.createElement(List, null, cmsEditorFormSettingsPlugins.map((pl)=>/*#__PURE__*/ react.createElement(List.Item, {
+            key: pl.name,
+            onClick: ()=>setActivePlugin(pl),
+            icon: /*#__PURE__*/ react.createElement(Icon, {
+                label: pl.title,
+                icon: pl.icon
+            }),
+            title: pl.title,
+            description: pl.description
+        })))), /*#__PURE__*/ react.createElement(RightPanel, {
+        span: 7
+    }, /*#__PURE__*/ react.createElement(Form, {
+        data: data,
+        onSubmit: (data)=>{
+            setData(()=>data);
+            onExited();
+            showSnackbar(t`Content model settings updated successfully.`);
+        }
+    }, ({ Bind, submit, form, data: formData })=>/*#__PURE__*/ react.createElement(SimpleForm, {
+            size: "lg"
+        }, /*#__PURE__*/ react.createElement(SimpleFormHeader, {
+            title: activePlugin.title
+        }, /*#__PURE__*/ react.createElement("div", {
+            className: "flex justify-end items-center"
+        }, "function" == typeof activePlugin.renderHeaderActions && activePlugin.renderHeaderActions({
+            Bind,
+            form,
+            formData
+        }))), /*#__PURE__*/ react.createElement(SimpleFormContent, null, activePlugin ? activePlugin.render({
+            Bind: Bind,
+            form,
+            formData
+        }) : null), activePlugin?.showSave !== false ? /*#__PURE__*/ react.createElement(SimpleFormFooter, null, /*#__PURE__*/ react.createElement(Button, {
+            text: t`Save`,
+            onClick: (ev)=>{
+                submit(ev);
+            }
+        })) : null)))));
 };
+const FormSettings_FormSettings = FormSettings;
+export default FormSettings_FormSettings;
 
-var _default = FormSettings;
-exports.default = _default;
+//# sourceMappingURL=FormSettings.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["t","i18n","namespace","FormSettings","onExited","cmsEditorFormSettingsPlugins","plugins","byType","useContentModelEditor","data","setData","useSnackbar","showSnackbar","useState","activePlugin","setActivePlugin","Title","listStyle","map","pl","name","listItem","icon","title","description","Bind","submit","form","formData","renderHeaderActions","render","ev"],"sources":["FormSettings.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { plugins } from \"@webiny/plugins\";\nimport { OverlayLayout } from \"@webiny/app-admin/components/OverlayLayout\";\nimport { SplitView, LeftPanel, RightPanel } from \"@webiny/app-admin/components/SplitView\";\nimport { Typography } from \"@webiny/ui/Typography\";\nimport { Form } from \"@webiny/form\";\nimport { Icon } from \"@webiny/ui/Icon\";\nimport { ButtonPrimary } from \"@webiny/ui/Button\";\nimport { List, ListItem, ListItemGraphic } from \"@webiny/ui/List\";\nimport { useSnackbar } from \"@webiny/app-admin/hooks/useSnackbar\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport * as SF from \"@webiny/app-admin/components/SimpleForm\";\nimport { CmsEditorFormSettingsPlugin } from \"~/types\";\nimport { Title, listItem, ListItemTitle, listStyle, TitleContent } from \"./FormSettingsStyled\";\nimport { useContentModelEditor } from \"~/admin/components/ContentModelEditor/useContentModelEditor\";\n\nconst t = i18n.namespace(\"FormsApp.Editor.FormSettings\");\n\ninterface FormSettingsProps {\n    onExited: () => void;\n}\n\nconst FormSettings: React.FC<FormSettingsProps> = ({ onExited }) => {\n    const cmsEditorFormSettingsPlugins = plugins.byType<CmsEditorFormSettingsPlugin>(\n        \"cms-editor-form-settings\"\n    );\n    const { data, setData } = useContentModelEditor();\n    const { showSnackbar } = useSnackbar();\n\n    const [activePlugin, setActivePlugin] = useState(cmsEditorFormSettingsPlugins[0]);\n\n    return (\n        <OverlayLayout barMiddle={Title} onExited={onExited}>\n            <SplitView>\n                <LeftPanel span={5}>\n                    <List twoLine className={listStyle}>\n                        {cmsEditorFormSettingsPlugins.map(pl => (\n                            <ListItem\n                                key={pl.name}\n                                className={listItem}\n                                onClick={() => setActivePlugin(pl)}\n                            >\n                                <ListItemGraphic>\n                                    <Icon icon={pl.icon} />\n                                </ListItemGraphic>\n                                <TitleContent>\n                                    <ListItemTitle>{pl.title}</ListItemTitle>\n                                    <Typography use={\"body2\"}>{pl.description}</Typography>\n                                </TitleContent>\n                            </ListItem>\n                        ))}\n                    </List>\n                </LeftPanel>\n                <RightPanel span={7}>\n                    <Form\n                        data={data}\n                        onSubmit={data => {\n                            setData(() => data);\n                            onExited();\n                            showSnackbar(t`Content model settings updated successfully.`);\n                        }}\n                    >\n                        {({ Bind, submit, form, data: formData }) => (\n                            <SF.SimpleForm>\n                                <SF.SimpleFormHeader title={activePlugin.title}>\n                                    {typeof activePlugin.renderHeaderActions === \"function\" &&\n                                        activePlugin.renderHeaderActions({\n                                            /**\n                                             * TODO @ts-refactor\n                                             * Figure out type for Bind\n                                             */\n                                            Bind: Bind as any,\n                                            form,\n                                            formData\n                                        })}\n                                </SF.SimpleFormHeader>\n                                <SF.SimpleFormContent>\n                                    {activePlugin\n                                        ? activePlugin.render({\n                                              /**\n                                               * TODO @ts-refactor\n                                               * Figure out type for Bind\n                                               */\n                                              Bind: Bind as any,\n                                              form,\n                                              formData\n                                          })\n                                        : null}\n                                </SF.SimpleFormContent>\n                                <SF.SimpleFormFooter>\n                                    <ButtonPrimary\n                                        onClick={ev => {\n                                            submit(ev);\n                                        }}\n                                    >{t`Save settings`}</ButtonPrimary>\n                                </SF.SimpleFormFooter>\n                            </SF.SimpleForm>\n                        )}\n                    </Form>\n                </RightPanel>\n            </SplitView>\n        </OverlayLayout>\n    );\n};\n\nexport default FormSettings;\n"],"mappings":";;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAEA;;AACA;;;;AAEA,IAAMA,CAAC,GAAGC,UAAA,CAAKC,SAAL,CAAe,8BAAf,CAAV;;AAMA,IAAMC,YAAyC,GAAG,SAA5CA,YAA4C,OAAkB;EAAA,IAAfC,QAAe,QAAfA,QAAe;;EAChE,IAAMC,4BAA4B,GAAGC,gBAAA,CAAQC,MAAR,CACjC,0BADiC,CAArC;;EAGA,4BAA0B,IAAAC,4CAAA,GAA1B;EAAA,IAAQC,IAAR,yBAAQA,IAAR;EAAA,IAAcC,OAAd,yBAAcA,OAAd;;EACA,mBAAyB,IAAAC,yBAAA,GAAzB;EAAA,IAAQC,YAAR,gBAAQA,YAAR;;EAEA,gBAAwC,IAAAC,eAAA,EAASR,4BAA4B,CAAC,CAAD,CAArC,CAAxC;EAAA;EAAA,IAAOS,YAAP;EAAA,IAAqBC,eAArB;;EAEA,oBACI,6BAAC,4BAAD;IAAe,SAAS,EAAEC,yBAA1B;IAAiC,QAAQ,EAAEZ;EAA3C,gBACI,6BAAC,oBAAD,qBACI,6BAAC,oBAAD;IAAW,IAAI,EAAE;EAAjB,gBACI,6BAAC,UAAD;IAAM,OAAO,MAAb;IAAc,SAAS,EAAEa;EAAzB,GACKZ,4BAA4B,CAACa,GAA7B,CAAiC,UAAAC,EAAE;IAAA,oBAChC,6BAAC,cAAD;MACI,GAAG,EAAEA,EAAE,CAACC,IADZ;MAEI,SAAS,EAAEC,4BAFf;MAGI,OAAO,EAAE;QAAA,OAAMN,eAAe,CAACI,EAAD,CAArB;MAAA;IAHb,gBAKI,6BAAC,qBAAD,qBACI,6BAAC,UAAD;MAAM,IAAI,EAAEA,EAAE,CAACG;IAAf,EADJ,CALJ,eAQI,6BAAC,gCAAD,qBACI,6BAAC,iCAAD,QAAgBH,EAAE,CAACI,KAAnB,CADJ,eAEI,6BAAC,sBAAD;MAAY,GAAG,EAAE;IAAjB,GAA2BJ,EAAE,CAACK,WAA9B,CAFJ,CARJ,CADgC;EAAA,CAAnC,CADL,CADJ,CADJ,eAoBI,6BAAC,qBAAD;IAAY,IAAI,EAAE;EAAlB,gBACI,6BAAC,UAAD;IACI,IAAI,EAAEf,IADV;IAEI,QAAQ,EAAE,kBAAAA,IAAI,EAAI;MACdC,OAAO,CAAC;QAAA,OAAMD,IAAN;MAAA,CAAD,CAAP;MACAL,QAAQ;MACRQ,YAAY,CAACZ,CAAD,gIAAZ;IACH;EANL,GAQK;IAAA,IAAGyB,IAAH,SAAGA,IAAH;IAAA,IAASC,MAAT,SAASA,MAAT;IAAA,IAAiBC,IAAjB,SAAiBA,IAAjB;IAAA,IAA6BC,QAA7B,SAAuBnB,IAAvB;IAAA,oBACG,6BAAC,EAAD,CAAI,UAAJ,qBACI,6BAAC,EAAD,CAAI,gBAAJ;MAAqB,KAAK,EAAEK,YAAY,CAACS;IAAzC,GACK,OAAOT,YAAY,CAACe,mBAApB,KAA4C,UAA5C,IACGf,YAAY,CAACe,mBAAb,CAAiC;MAC7B;AAC5C;AACA;AACA;MAC4CJ,IAAI,EAAEA,IALuB;MAM7BE,IAAI,EAAJA,IAN6B;MAO7BC,QAAQ,EAARA;IAP6B,CAAjC,CAFR,CADJ,eAaI,6BAAC,EAAD,CAAI,iBAAJ,QACKd,YAAY,GACPA,YAAY,CAACgB,MAAb,CAAoB;MAChB;AAC9C;AACA;AACA;MAC8CL,IAAI,EAAEA,IALU;MAMhBE,IAAI,EAAJA,IANgB;MAOhBC,QAAQ,EAARA;IAPgB,CAApB,CADO,GAUP,IAXV,CAbJ,eA0BI,6BAAC,EAAD,CAAI,gBAAJ,qBACI,6BAAC,qBAAD;MACI,OAAO,EAAE,iBAAAG,EAAE,EAAI;QACXL,MAAM,CAACK,EAAD,CAAN;MACH;IAHL,GAIE/B,CAJF,mGADJ,CA1BJ,CADH;EAAA,CARL,CADJ,CApBJ,CADJ,CADJ;AAwEH,CAjFD;;eAmFeG,Y"}
+{"version":3,"file":"admin/plugins/editor/defaultBar/FormSettings/FormSettings.js","sources":["../../../../../../src/admin/plugins/editor/defaultBar/FormSettings/FormSettings.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { plugins } from \"@webiny/plugins\";\nimport {\n    LeftPanel,\n    OverlayLayout,\n    RightPanel,\n    SimpleForm,\n    SimpleFormContent,\n    SimpleFormFooter,\n    SimpleFormHeader,\n    SplitView,\n    useSnackbar\n} from \"@webiny/app-admin\";\nimport { Form } from \"@webiny/form\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport type { CmsEditorFormSettingsPlugin } from \"~/types.js\";\nimport { useModelEditor } from \"~/admin/hooks/index.js\";\nimport { Button, Heading, Icon, List } from \"@webiny/admin-ui\";\n\nconst t = i18n.namespace(\"FormsApp.Editor.FormSettings\");\n\nconst Title = () => {\n    return (\n        <Heading level={5} className={\"text-neutral-strong\"}>{t`Content model settings`}</Heading>\n    );\n};\n\ninterface FormSettingsProps {\n    onExited: () => void;\n}\n\nconst FormSettings = ({ onExited }: FormSettingsProps) => {\n    const cmsEditorFormSettingsPlugins = plugins.byType<CmsEditorFormSettingsPlugin>(\n        \"cms-editor-form-settings\"\n    );\n    const { data, setData } = useModelEditor();\n    const { showSnackbar } = useSnackbar();\n\n    const [activePlugin, setActivePlugin] = useState(cmsEditorFormSettingsPlugins[0]);\n\n    return (\n        <OverlayLayout barMiddle={<Title />} onExited={onExited}>\n            <SplitView>\n                <LeftPanel span={5}>\n                    <List>\n                        {cmsEditorFormSettingsPlugins.map(pl => (\n                            <List.Item\n                                key={pl.name}\n                                onClick={() => setActivePlugin(pl)}\n                                icon={<Icon label={pl.title} icon={pl.icon} />}\n                                title={pl.title}\n                                description={pl.description}\n                            />\n                        ))}\n                    </List>\n                </LeftPanel>\n                <RightPanel span={7}>\n                    <Form\n                        data={data}\n                        onSubmit={data => {\n                            setData(() => data);\n                            onExited();\n                            showSnackbar(t`Content model settings updated successfully.`);\n                        }}\n                    >\n                        {({ Bind, submit, form, data: formData }) => (\n                            <SimpleForm size={\"lg\"}>\n                                <SimpleFormHeader title={activePlugin.title}>\n                                    <div className={\"flex justify-end items-center\"}>\n                                        {typeof activePlugin.renderHeaderActions === \"function\" &&\n                                            activePlugin.renderHeaderActions({\n                                                Bind,\n                                                form,\n                                                formData\n                                            })}\n                                    </div>\n                                </SimpleFormHeader>\n                                <SimpleFormContent>\n                                    {activePlugin\n                                        ? activePlugin.render({\n                                              Bind: Bind,\n                                              form,\n                                              formData\n                                          })\n                                        : null}\n                                </SimpleFormContent>\n                                {activePlugin?.showSave !== false ? (\n                                    <SimpleFormFooter>\n                                        <Button\n                                            text={t`Save`}\n                                            onClick={ev => {\n                                                submit(ev);\n                                            }}\n                                        />\n                                    </SimpleFormFooter>\n                                ) : null}\n                            </SimpleForm>\n                        )}\n                    </Form>\n                </RightPanel>\n            </SplitView>\n        </OverlayLayout>\n    );\n};\n\nexport default FormSettings;\n"],"names":["t","i18n","Title","Heading","FormSettings","onExited","cmsEditorFormSettingsPlugins","plugins","data","setData","useModelEditor","showSnackbar","useSnackbar","activePlugin","setActivePlugin","useState","OverlayLayout","SplitView","LeftPanel","List","pl","Icon","RightPanel","Form","Bind","submit","form","formData","SimpleForm","SimpleFormHeader","SimpleFormContent","SimpleFormFooter","Button","ev"],"mappings":";;;;;;;AAmBA,MAAMA,IAAIC,KAAK,SAAS,CAAC;AAEzB,MAAMC,QAAQ,IACH,WAAP,GACI,oBAACC,SAAOA;QAAC,OAAO;QAAG,WAAW;OAAwBH,CAAC,CAAC,sBAAsB,CAAC;AAQvF,MAAMI,eAAe,CAAC,EAAEC,QAAQ,EAAqB;IACjD,MAAMC,+BAA+BC,QAAQ,MAAM,CAC/C;IAEJ,MAAM,EAAEC,IAAI,EAAEC,OAAO,EAAE,GAAGC;IAC1B,MAAM,EAAEC,YAAY,EAAE,GAAGC;IAEzB,MAAM,CAACC,cAAcC,gBAAgB,GAAGC,SAAST,4BAA4B,CAAC,EAAE;IAEhF,OAAO,WAAP,GACI,oBAACU,eAAaA;QAAC,yBAAW,oBAACd,OAAKA;QAAK,UAAUG;qBAC3C,oBAACY,WAASA,MAAAA,WAAAA,GACN,oBAACC,WAASA;QAAC,MAAM;qBACb,oBAACC,MAAIA,MACAb,6BAA6B,GAAG,CAACc,CAAAA,KAAAA,WAAAA,GAC9B,oBAACD,KAAK,IAAI;YACN,KAAKC,GAAG,IAAI;YACZ,SAAS,IAAMN,gBAAgBM;YAC/B,oBAAM,oBAACC,MAAIA;gBAAC,OAAOD,GAAG,KAAK;gBAAE,MAAMA,GAAG,IAAI;;YAC1C,OAAOA,GAAG,KAAK;YACf,aAAaA,GAAG,WAAW;6BAK3C,oBAACE,YAAUA;QAAC,MAAM;qBACd,oBAACC,MAAIA;QACD,MAAMf;QACN,UAAUA,CAAAA;YACNC,QAAQ,IAAMD;YACdH;YACAM,aAAaX,CAAC,CAAC,4CAA4C,CAAC;QAChE;OAEC,CAAC,EAAEwB,IAAI,EAAEC,MAAM,EAAEC,IAAI,EAAE,MAAMC,QAAQ,EAAE,iBACpC,oBAACC,YAAUA;YAAC,MAAM;yBACd,oBAACC,kBAAgBA;YAAC,OAAOhB,aAAa,KAAK;yBACvC,oBAAC;YAAI,WAAW;WACX,AAA4C,cAA5C,OAAOA,aAAa,mBAAmB,IACpCA,aAAa,mBAAmB,CAAC;YAC7BW;YACAE;YACAC;QACJ,oBAGZ,oBAACG,mBAAiBA,MACbjB,eACKA,aAAa,MAAM,CAAC;YAChB,MAAMW;YACNE;YACAC;QACJ,KACA,OAETd,cAAc,aAAa,QAAQ,WAAR,GACxB,oBAACkB,kBAAgBA,MAAAA,WAAAA,GACb,oBAACC,QAAMA;YACH,MAAMhC,CAAC,CAAC,IAAI,CAAC;YACb,SAASiC,CAAAA;gBACLR,OAAOQ;YACX;cAGR;AAQpC;AAEA,kCAAe7B"}

package/admin/plugins/editor/defaultBar/FormSettings/FormSettingsButton.d.ts

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

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

@@ -1,43 +1,24 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _Button = require("@webiny/ui/Button");
-
-var _FormSettings = _interopRequireDefault(require("./FormSettings"));
-
-var _settings = require("./../icons/settings.svg");
-
-var FormSettingsButton = function FormSettingsButton() {
-  var _useState = (0, _react.useState)(false),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      opened = _useState2[0],
-      setOpened = _useState2[1];
-
-  var open = (0, _react.useCallback)(function () {
-    return setOpened(true);
-  }, []);
-  var close = (0, _react.useCallback)(function () {
-    return setOpened(false);
-  }, []);
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Button.IconButton, {
-    onClick: open,
-    icon: /*#__PURE__*/_react.default.createElement(_settings.ReactComponent, null)
-  }), opened && /*#__PURE__*/_react.default.createElement(_FormSettings.default, {
-    onExited: close
-  }));
+import react, { useCallback, useState } from "react";
+import FormSettings from "./FormSettings.js";
+import { ReactComponent } from "@webiny/icons/settings.svg";
+import { IconButton, Tooltip } from "@webiny/admin-ui";
+const FormSettingsButton = ()=>{
+    const [opened, setOpened] = useState(false);
+    const open = useCallback(()=>setOpened(true), []);
+    const close = useCallback(()=>setOpened(false), []);
+    return /*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(Tooltip, {
+        content: "View content model settings",
+        side: "bottom",
+        trigger: /*#__PURE__*/ react.createElement(IconButton, {
+            onClick: open,
+            icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+            variant: "ghost"
+        })
+    }), opened && /*#__PURE__*/ react.createElement(FormSettings, {
+        onExited: close
+    }));
 };
+const FormSettings_FormSettingsButton = FormSettingsButton;
+export default FormSettings_FormSettingsButton;
 
-var _default = FormSettingsButton;
-exports.default = _default;
+//# sourceMappingURL=FormSettingsButton.js.map