@webiny/app-headless-cms 0.0.0-mt-3 → 0.0.0-unstable.2af142b57e

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

@@ -1,46 +1,48 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
+"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 _hooks = require("../../../hooks");
 var _templateObject;
-
-import React from "react";
-import get from "lodash/get";
-import { useRouter } from "@webiny/react-router";
-import { i18n } from "@webiny/app/i18n";
-import { IconButton } from "@webiny/ui/Button";
-import { Tooltip } from "@webiny/ui/Tooltip";
-import { ReactComponent as ViewListIcon } from "@svgr/webpack!../../../icons/view_list.svg";
-import { GET_CONTENT_MODEL } from "../../../graphql/contentModels";
-import { useContentModelEditor } from "../../../components/ContentModelEditor/useContentModelEditor";
-var t = i18n.namespace("app-headless-cms/admin/editor/top-bar/save-button");
-
+var t = _i18n.i18n.namespace("app-headless-cms/admin/editor/top-bar/save-button");
 var CreateContentButton = function CreateContentButton() {
-  var router = useRouter();
-
-  var _useContentModelEdito = useContentModelEditor(),
-      data = _useContentModelEdito.data,
-      apolloClient = _useContentModelEdito.apolloClient;
-
+  var router = (0, _reactRouter.useRouter)();
+  var _useModelEditor = (0, _hooks.useModelEditor)(),
+    data = _useModelEditor.data,
+    apolloClient = _useModelEditor.apolloClient;
   var getQuery = apolloClient.readQuery({
-    query: GET_CONTENT_MODEL,
+    query: _contentModels.GET_CONTENT_MODEL,
     variables: {
       modelId: data.modelId
     }
   });
-  var fields = get(getQuery, "getContentModel.data.fields", []);
+  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.createElement(Tooltip, {
-    content: t(_templateObject || (_templateObject = _taggedTemplateLiteral(["{message}"])))({
+  return /*#__PURE__*/_react.default.createElement(_Tooltip.Tooltip, {
+    content: t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["{message}"])))({
       message: message
     }),
     placement: "bottom"
-  }, /*#__PURE__*/React.createElement(IconButton, {
-    icon: /*#__PURE__*/React.createElement(ViewListIcon, null),
+  }, /*#__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
   }));
 };
-
-export default CreateContentButton;
+var _default = CreateContentButton;
+exports.default = _default;

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

@@ -0,0 +1 @@
+{"version":3,"names":["t","i18n","namespace","CreateContentButton","router","useRouter","useModelEditor","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 { useModelEditor } from \"~/admin/hooks\";\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 } = 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 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;AAA+C;AAE/C,IAAMA,CAAC,GAAGC,UAAI,CAACC,SAAS,CAAC,mDAAmD,CAAC;AAE7E,IAAMC,mBAA6B,GAAG,SAAhCA,mBAA6B,GAAS;EACxC,IAAMC,MAAM,GAAG,IAAAC,sBAAS,GAAE;EAC1B,sBAA+B,IAAAC,qBAAc,GAAE;IAAvCC,IAAI,mBAAJA,IAAI;IAAEC,YAAY,mBAAZA,YAAY;EAE1B,IAAMC,QAAQ,GAAGD,YAAY,CAACE,SAAS,CAAsD;IACzFC,KAAK,EAAEC,gCAAiB;IACxBC,SAAS,EAAE;MACPC,OAAO,EAAEP,IAAI,CAACO;IAClB;EACJ,CAAC,CAAC;EACF,IAAMC,MAAM,GAAG,IAAAC,YAAG,EAACP,QAAQ,EAAE,6BAA6B,EAAE,EAAE,CAAC;EAC/D,IAAMQ,kBAAkB,GAAGF,MAAM,CAACG,MAAM,KAAK,CAAC;EAC9C,IAAMC,OAAO,GAAGF,kBAAkB,GAC5B,sEAAsE,GACtE,cAAc;EAEpB,oBACI,6BAAC,gBAAO;IAAC,OAAO,EAAEjB,CAAC,6FAAY;MAAEmB,OAAO,EAAPA;IAAQ,CAAC,CAAE;IAAC,SAAS,EAAE;EAAS,gBAC7D,6BAAC,kBAAU;IACP,IAAI,eAAE,6BAAC,yBAAY,OAAI;IACvB,OAAO,EAAE;MAAA,OAAMf,MAAM,CAACgB,OAAO,CAACC,IAAI,gCAAyBd,IAAI,CAACO,OAAO,EAAG;IAAA,CAAC;IAC3E,QAAQ,EAAEG;EAAmB,EAC/B,CACI;AAElB,CAAC;AAAC,eAEad,mBAAmB;AAAA"}

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

@@ -1,3 +1,5 @@
 /// <reference types="react" />
-declare const Divider: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "hidden" | "dir" | "slot" | "style" | "title" | "color" | "translate" | "children" | "defaultValue" | "id" | "onError" | "className" | "onBlur" | "onClick" | "onContextMenu" | "onCopy" | "onCut" | "onAuxClick" | "onDoubleClick" | "onDragEnd" | "onDragStart" | "onDrop" | "onFocus" | "onInput" | "onInvalid" | "onKeyDown" | "onKeyPress" | "onKeyUp" | "onMouseDown" | "onMouseUp" | "onPaste" | "onPause" | "onPlay" | "onPointerCancel" | "onPointerDown" | "onPointerUp" | "onRateChange" | "onReset" | "onSeeked" | "onSubmit" | "onTouchCancel" | "onTouchEnd" | "onTouchStart" | "onVolumeChange" | "onAbort" | "onAnimationEnd" | "onAnimationIteration" | "onAnimationStart" | "onCanPlay" | "onCanPlayThrough" | "onDrag" | "onDragEnter" | "onDragExit" | "onDragLeave" | "onDragOver" | "onDurationChange" | "onEmptied" | "onEncrypted" | "onEnded" | "onGotPointerCapture" | "onLoad" | "onLoadedData" | "onLoadedMetadata" | "onLoadStart" | "onLostPointerCapture" | "onMouseMove" | "onMouseOut" | "onMouseOver" | "onPlaying" | "onPointerMove" | "onPointerOut" | "onPointerOver" | "onProgress" | "onScroll" | "onSeeking" | "onStalled" | "onSuspend" | "onTimeUpdate" | "onTouchMove" | "onTransitionEnd" | "onWaiting" | "onWheel" | "onMouseEnter" | "onMouseLeave" | "onPointerEnter" | "onPointerLeave" | "onChange" | "onSelect" | "onBeforeInput" | "onCompositionEnd" | "onCompositionStart" | "onCompositionUpdate" | "placeholder" | "defaultChecked" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "lang" | "spellCheck" | "tabIndex" | "inputMode" | "is" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopyCapture" | "onCutCapture" | "onPasteCapture" | "onCompositionEndCapture" | "onCompositionStartCapture" | "onCompositionUpdateCapture" | "onFocusCapture" | "onBlurCapture" | "onChangeCapture" | "onBeforeInputCapture" | "onInputCapture" | "onResetCapture" | "onSubmitCapture" | "onInvalidCapture" | "onLoadCapture" | "onErrorCapture" | "onKeyDownCapture" | "onKeyPressCapture" | "onKeyUpCapture" | "onAbortCapture" | "onCanPlayCapture" | "onCanPlayThroughCapture" | "onDurationChangeCapture" | "onEmptiedCapture" | "onEncryptedCapture" | "onEndedCapture" | "onLoadedDataCapture" | "onLoadedMetadataCapture" | "onLoadStartCapture" | "onPauseCapture" | "onPlayCapture" | "onPlayingCapture" | "onProgressCapture" | "onRateChangeCapture" | "onSeekedCapture" | "onSeekingCapture" | "onStalledCapture" | "onSuspendCapture" | "onTimeUpdateCapture" | "onVolumeChangeCapture" | "onWaitingCapture" | "onAuxClickCapture" | "onClickCapture" | "onContextMenuCapture" | "onDoubleClickCapture" | "onDragCapture" | "onDragEndCapture" | "onDragEnterCapture" | "onDragExitCapture" | "onDragLeaveCapture" | "onDragOverCapture" | "onDragStartCapture" | "onDropCapture" | "onMouseDownCapture" | "onMouseMoveCapture" | "onMouseOutCapture" | "onMouseOverCapture" | "onMouseUpCapture" | "onSelectCapture" | "onTouchCancelCapture" | "onTouchEndCapture" | "onTouchMoveCapture" | "onTouchStartCapture" | "onPointerDownCapture" | "onPointerMoveCapture" | "onPointerUpCapture" | "onPointerCancelCapture" | "onPointerEnterCapture" | "onPointerLeaveCapture" | "onPointerOverCapture" | "onPointerOutCapture" | "onGotPointerCaptureCapture" | "onLostPointerCaptureCapture" | "onScrollCapture" | "onWheelCapture" | "onAnimationStartCapture" | "onAnimationEndCapture" | "onAnimationIterationCapture" | "onTransitionEndCapture">, object>;
+/// <reference types="web" />
+/// <reference types="react" />
+declare const Divider: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
 export default Divider;

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

@@ -1,5 +1,12 @@
-import styled from "@emotion/styled";
-var Divider = /*#__PURE__*/styled("div", {
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+var Divider = /*#__PURE__*/(0, _styled.default)("div", {
   target: "e57x83g0",
   label: "Divider"
 })({
@@ -8,4 +15,5 @@ var Divider = /*#__PURE__*/styled("div", {
   height: "100%",
   backgroundColor: "var(--mdc-theme-on-background)"
 });
-export default Divider;
+var _default = Divider;
+exports.default = _default;

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

@@ -0,0 +1 @@
+{"version":3,"names":["Divider","styled","width","margin","height","backgroundColor"],"sources":["Divider.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\n\nconst Divider = styled(\"div\")({\n    width: 1,\n    margin: \"0 5px\",\n    height: \"100%\",\n    backgroundColor: \"var(--mdc-theme-on-background)\"\n});\n\nexport default Divider;\n"],"mappings":";;;;;;;AAAA;AAEA,IAAMA,OAAO,oBAAGC,eAAM,EAAC,KAAK;EAAA;EAAA;AAAA,GAAE;EAC1BC,KAAK,EAAE,CAAC;EACRC,MAAM,EAAE,OAAO;EACfC,MAAM,EAAE,MAAM;EACdC,eAAe,EAAE;AACrB,CAAC,CAAC;AAAC,eAEYL,OAAO;AAAA"}

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

@@ -1,6 +1,6 @@
-/// <reference types="react" />
-declare type FormSettingsProps = {
+import React from "react";
+interface FormSettingsProps {
     onExited: () => void;
-};
-declare const FormSettings: ({ onExited }: FormSettingsProps) => JSX.Element;
+}
+declare const FormSettings: React.FC<FormSettingsProps>;
 export default FormSettings;

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

@@ -1,90 +1,101 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+"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 _hooks = require("../../../../hooks");
 var _templateObject, _templateObject2;
-
-import React, { useState } from "react";
-import { plugins } from "@webiny/plugins";
-import { OverlayLayout } from "@webiny/app-admin/components/OverlayLayout";
-import { SplitView, LeftPanel, RightPanel } from "@webiny/app-admin/components/SplitView";
-import { Typography } from "@webiny/ui/Typography";
-import { Form } from "@webiny/form";
-import { Icon } from "@webiny/ui/Icon";
-import { ButtonPrimary } from "@webiny/ui/Button";
-import { List, ListItem, ListItemGraphic } from "@webiny/ui/List";
-import { useSnackbar } from "@webiny/app-admin/hooks/useSnackbar";
-import { i18n } from "@webiny/app/i18n";
-import * as SF from "@webiny/app-admin/components/SimpleForm";
-import { Title, listItem, ListItemTitle, listStyle, TitleContent } from "./FormSettingsStyled";
-import { useContentModelEditor } from "../../../../components/ContentModelEditor/useContentModelEditor";
-var t = i18n.namespace("FormsApp.Editor.FormSettings");
-
+var t = _i18n.i18n.namespace("FormsApp.Editor.FormSettings");
 var FormSettings = function FormSettings(_ref) {
   var onExited = _ref.onExited;
-  var cmsEditorFormSettingsPlugins = plugins.byType("cms-editor-form-settings");
-
-  var _useContentModelEdito = useContentModelEditor(),
-      data = _useContentModelEdito.data,
-      setData = _useContentModelEdito.setData;
-
-  var _useSnackbar = useSnackbar(),
-      showSnackbar = _useSnackbar.showSnackbar;
-
-  var _useState = useState(cmsEditorFormSettingsPlugins[0]),
-      _useState2 = _slicedToArray(_useState, 2),
-      activePlugin = _useState2[0],
-      setActivePlugin = _useState2[1];
-
-  return /*#__PURE__*/React.createElement(OverlayLayout, {
-    barMiddle: Title,
+  var cmsEditorFormSettingsPlugins = _plugins.plugins.byType("cms-editor-form-settings");
+  var _useModelEditor = (0, _hooks.useModelEditor)(),
+    data = _useModelEditor.data,
+    setData = _useModelEditor.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.createElement(SplitView, null, /*#__PURE__*/React.createElement(LeftPanel, {
+  }, /*#__PURE__*/_react.default.createElement(_SplitView.SplitView, null, /*#__PURE__*/_react.default.createElement(_SplitView.LeftPanel, {
     span: 5
-  }, /*#__PURE__*/React.createElement(List, {
+  }, /*#__PURE__*/_react.default.createElement(_List.List, {
     twoLine: true,
-    className: listStyle
+    className: _FormSettingsStyled.listStyle
   }, cmsEditorFormSettingsPlugins.map(function (pl) {
-    return /*#__PURE__*/React.createElement(ListItem, {
+    return /*#__PURE__*/_react.default.createElement(_List.ListItem, {
       key: pl.name,
-      className: listItem,
+      className: _FormSettingsStyled.listItem,
       onClick: function onClick() {
         return setActivePlugin(pl);
       }
-    }, /*#__PURE__*/React.createElement(ListItemGraphic, null, /*#__PURE__*/React.createElement(Icon, {
+    }, /*#__PURE__*/_react.default.createElement(_List.ListItemGraphic, null, /*#__PURE__*/_react.default.createElement(_Icon.Icon, {
       icon: pl.icon
-    })), /*#__PURE__*/React.createElement(TitleContent, null, /*#__PURE__*/React.createElement(ListItemTitle, null, pl.title), /*#__PURE__*/React.createElement(Typography, {
-      use: "subtitle2"
+    })), /*#__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.createElement(RightPanel, {
+  }))), /*#__PURE__*/_react.default.createElement(_SplitView.RightPanel, {
     span: 7
-  }, /*#__PURE__*/React.createElement(Form, {
+  }, /*#__PURE__*/_react.default.createElement(_form.Form, {
     data: data,
     onSubmit: function onSubmit(data) {
       setData(function () {
         return data;
       });
       onExited();
-      showSnackbar(t(_templateObject || (_templateObject = _taggedTemplateLiteral(["Content model settings updated successfully."]))));
+      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.createElement(SF.SimpleForm, null, /*#__PURE__*/React.createElement(SF.SimpleFormHeader, {
+      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.createElement(SF.SimpleFormContent, null, activePlugin ? activePlugin.render({
+    })), /*#__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.createElement(SF.SimpleFormFooter, null, /*#__PURE__*/React.createElement(ButtonPrimary, {
-      onClick: submit
-    }, t(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["Save settings"]))))));
+    }) : 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"]))))));
   }))));
 };
-
-export default FormSettings;
+var _default = FormSettings;
+exports.default = _default;

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

@@ -0,0 +1 @@
+{"version":3,"names":["t","i18n","namespace","FormSettings","onExited","cmsEditorFormSettingsPlugins","plugins","byType","useModelEditor","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 { useModelEditor } from \"~/admin/hooks\";\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 } = 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 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":"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"}

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

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

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

@@ -1,27 +1,33 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import React, { useState, useCallback } from "react";
-import { IconButton } from "@webiny/ui/Button";
-import FormSettings from "./FormSettings";
-import { ReactComponent as SettingsIcon } from "@svgr/webpack!./../icons/settings.svg";
+"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 = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      opened = _useState2[0],
-      setOpened = _useState2[1];
-
-  var open = useCallback(function () {
+  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 = useCallback(function () {
+  var close = (0, _react.useCallback)(function () {
     return setOpened(false);
   }, []);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(IconButton, {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Button.IconButton, {
     onClick: open,
-    icon: /*#__PURE__*/React.createElement(SettingsIcon, null)
-  }), opened && /*#__PURE__*/React.createElement(FormSettings, {
+    icon: /*#__PURE__*/_react.default.createElement(_settings.ReactComponent, null)
+  }), opened && /*#__PURE__*/_react.default.createElement(_FormSettings.default, {
     onExited: close
   }));
 };
-
-export default FormSettingsButton;
+var _default = FormSettingsButton;
+exports.default = _default;

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

@@ -0,0 +1 @@
+{"version":3,"names":["FormSettingsButton","useState","opened","setOpened","open","useCallback","close"],"sources":["FormSettingsButton.tsx"],"sourcesContent":["import React, { useState, useCallback } from \"react\";\nimport { IconButton } from \"@webiny/ui/Button\";\nimport FormSettings from \"./FormSettings\";\n\nimport { ReactComponent as SettingsIcon } from \"./../icons/settings.svg\";\n\nconst FormSettingsButton: React.FC = () => {\n    const [opened, setOpened] = useState(false);\n    const open = useCallback(() => setOpened(true), []);\n    const close = useCallback(() => setOpened(false), []);\n\n    return (\n        <>\n            <IconButton onClick={open} icon={<SettingsIcon />} />\n            {opened && <FormSettings onExited={close} />}\n        </>\n    );\n};\n\nexport default FormSettingsButton;\n"],"mappings":";;;;;;;;;AAAA;AACA;AACA;AAEA;AAEA,IAAMA,kBAA4B,GAAG,SAA/BA,kBAA4B,GAAS;EACvC,gBAA4B,IAAAC,eAAQ,EAAC,KAAK,CAAC;IAAA;IAApCC,MAAM;IAAEC,SAAS;EACxB,IAAMC,IAAI,GAAG,IAAAC,kBAAW,EAAC;IAAA,OAAMF,SAAS,CAAC,IAAI,CAAC;EAAA,GAAE,EAAE,CAAC;EACnD,IAAMG,KAAK,GAAG,IAAAD,kBAAW,EAAC;IAAA,OAAMF,SAAS,CAAC,KAAK,CAAC;EAAA,GAAE,EAAE,CAAC;EAErD,oBACI,yEACI,6BAAC,kBAAU;IAAC,OAAO,EAAEC,IAAK;IAAC,IAAI,eAAE,6BAAC,wBAAY;EAAI,EAAG,EACpDF,MAAM,iBAAI,6BAAC,qBAAY;IAAC,QAAQ,EAAEI;EAAM,EAAG,CAC7C;AAEX,CAAC;AAAC,eAEaN,kBAAkB;AAAA"}

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

@@ -1,6 +1,7 @@
+/// <reference types="web" />
 import * as React from "react";
 export declare const listStyle: string;
 export declare const listItem: string;
-export declare const ListItemTitle: import("@emotion/styled-base").StyledComponent<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "hidden" | "dir" | "slot" | "style" | "title" | "color" | "translate" | "children" | "defaultValue" | "id" | "onError" | "className" | "onBlur" | "onClick" | "onContextMenu" | "onCopy" | "onCut" | "onAuxClick" | "onDoubleClick" | "onDragEnd" | "onDragStart" | "onDrop" | "onFocus" | "onInput" | "onInvalid" | "onKeyDown" | "onKeyPress" | "onKeyUp" | "onMouseDown" | "onMouseUp" | "onPaste" | "onPause" | "onPlay" | "onPointerCancel" | "onPointerDown" | "onPointerUp" | "onRateChange" | "onReset" | "onSeeked" | "onSubmit" | "onTouchCancel" | "onTouchEnd" | "onTouchStart" | "onVolumeChange" | "onAbort" | "onAnimationEnd" | "onAnimationIteration" | "onAnimationStart" | "onCanPlay" | "onCanPlayThrough" | "onDrag" | "onDragEnter" | "onDragExit" | "onDragLeave" | "onDragOver" | "onDurationChange" | "onEmptied" | "onEncrypted" | "onEnded" | "onGotPointerCapture" | "onLoad" | "onLoadedData" | "onLoadedMetadata" | "onLoadStart" | "onLostPointerCapture" | "onMouseMove" | "onMouseOut" | "onMouseOver" | "onPlaying" | "onPointerMove" | "onPointerOut" | "onPointerOver" | "onProgress" | "onScroll" | "onSeeking" | "onStalled" | "onSuspend" | "onTimeUpdate" | "onTouchMove" | "onTransitionEnd" | "onWaiting" | "onWheel" | "onMouseEnter" | "onMouseLeave" | "onPointerEnter" | "onPointerLeave" | "onChange" | "onSelect" | "onBeforeInput" | "onCompositionEnd" | "onCompositionStart" | "onCompositionUpdate" | "placeholder" | "defaultChecked" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "lang" | "spellCheck" | "tabIndex" | "inputMode" | "is" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopyCapture" | "onCutCapture" | "onPasteCapture" | "onCompositionEndCapture" | "onCompositionStartCapture" | "onCompositionUpdateCapture" | "onFocusCapture" | "onBlurCapture" | "onChangeCapture" | "onBeforeInputCapture" | "onInputCapture" | "onResetCapture" | "onSubmitCapture" | "onInvalidCapture" | "onLoadCapture" | "onErrorCapture" | "onKeyDownCapture" | "onKeyPressCapture" | "onKeyUpCapture" | "onAbortCapture" | "onCanPlayCapture" | "onCanPlayThroughCapture" | "onDurationChangeCapture" | "onEmptiedCapture" | "onEncryptedCapture" | "onEndedCapture" | "onLoadedDataCapture" | "onLoadedMetadataCapture" | "onLoadStartCapture" | "onPauseCapture" | "onPlayCapture" | "onPlayingCapture" | "onProgressCapture" | "onRateChangeCapture" | "onSeekedCapture" | "onSeekingCapture" | "onStalledCapture" | "onSuspendCapture" | "onTimeUpdateCapture" | "onVolumeChangeCapture" | "onWaitingCapture" | "onAuxClickCapture" | "onClickCapture" | "onContextMenuCapture" | "onDoubleClickCapture" | "onDragCapture" | "onDragEndCapture" | "onDragEnterCapture" | "onDragExitCapture" | "onDragLeaveCapture" | "onDragOverCapture" | "onDragStartCapture" | "onDropCapture" | "onMouseDownCapture" | "onMouseMoveCapture" | "onMouseOutCapture" | "onMouseOverCapture" | "onMouseUpCapture" | "onSelectCapture" | "onTouchCancelCapture" | "onTouchEndCapture" | "onTouchMoveCapture" | "onTouchStartCapture" | "onPointerDownCapture" | "onPointerMoveCapture" | "onPointerUpCapture" | "onPointerCancelCapture" | "onPointerEnterCapture" | "onPointerLeaveCapture" | "onPointerOverCapture" | "onPointerOutCapture" | "onGotPointerCaptureCapture" | "onLostPointerCaptureCapture" | "onScrollCapture" | "onWheelCapture" | "onAnimationStartCapture" | "onAnimationEndCapture" | "onAnimationIterationCapture" | "onTransitionEndCapture">, object>;
+export declare const ListItemTitle: import("@emotion/styled-base").StyledComponent<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement>>, object>;
 export declare const Title: JSX.Element;
-export declare const TitleContent: import("@emotion/styled-base").StyledComponent<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "hidden" | "dir" | "slot" | "style" | "title" | "color" | "translate" | "children" | "defaultValue" | "id" | "onError" | "className" | "onBlur" | "onClick" | "onContextMenu" | "onCopy" | "onCut" | "onAuxClick" | "onDoubleClick" | "onDragEnd" | "onDragStart" | "onDrop" | "onFocus" | "onInput" | "onInvalid" | "onKeyDown" | "onKeyPress" | "onKeyUp" | "onMouseDown" | "onMouseUp" | "onPaste" | "onPause" | "onPlay" | "onPointerCancel" | "onPointerDown" | "onPointerUp" | "onRateChange" | "onReset" | "onSeeked" | "onSubmit" | "onTouchCancel" | "onTouchEnd" | "onTouchStart" | "onVolumeChange" | "onAbort" | "onAnimationEnd" | "onAnimationIteration" | "onAnimationStart" | "onCanPlay" | "onCanPlayThrough" | "onDrag" | "onDragEnter" | "onDragExit" | "onDragLeave" | "onDragOver" | "onDurationChange" | "onEmptied" | "onEncrypted" | "onEnded" | "onGotPointerCapture" | "onLoad" | "onLoadedData" | "onLoadedMetadata" | "onLoadStart" | "onLostPointerCapture" | "onMouseMove" | "onMouseOut" | "onMouseOver" | "onPlaying" | "onPointerMove" | "onPointerOut" | "onPointerOver" | "onProgress" | "onScroll" | "onSeeking" | "onStalled" | "onSuspend" | "onTimeUpdate" | "onTouchMove" | "onTransitionEnd" | "onWaiting" | "onWheel" | "onMouseEnter" | "onMouseLeave" | "onPointerEnter" | "onPointerLeave" | "onChange" | "onSelect" | "onBeforeInput" | "onCompositionEnd" | "onCompositionStart" | "onCompositionUpdate" | "placeholder" | "defaultChecked" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "lang" | "spellCheck" | "tabIndex" | "inputMode" | "is" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopyCapture" | "onCutCapture" | "onPasteCapture" | "onCompositionEndCapture" | "onCompositionStartCapture" | "onCompositionUpdateCapture" | "onFocusCapture" | "onBlurCapture" | "onChangeCapture" | "onBeforeInputCapture" | "onInputCapture" | "onResetCapture" | "onSubmitCapture" | "onInvalidCapture" | "onLoadCapture" | "onErrorCapture" | "onKeyDownCapture" | "onKeyPressCapture" | "onKeyUpCapture" | "onAbortCapture" | "onCanPlayCapture" | "onCanPlayThroughCapture" | "onDurationChangeCapture" | "onEmptiedCapture" | "onEncryptedCapture" | "onEndedCapture" | "onLoadedDataCapture" | "onLoadedMetadataCapture" | "onLoadStartCapture" | "onPauseCapture" | "onPlayCapture" | "onPlayingCapture" | "onProgressCapture" | "onRateChangeCapture" | "onSeekedCapture" | "onSeekingCapture" | "onStalledCapture" | "onSuspendCapture" | "onTimeUpdateCapture" | "onVolumeChangeCapture" | "onWaitingCapture" | "onAuxClickCapture" | "onClickCapture" | "onContextMenuCapture" | "onDoubleClickCapture" | "onDragCapture" | "onDragEndCapture" | "onDragEnterCapture" | "onDragExitCapture" | "onDragLeaveCapture" | "onDragOverCapture" | "onDragStartCapture" | "onDropCapture" | "onMouseDownCapture" | "onMouseMoveCapture" | "onMouseOutCapture" | "onMouseOverCapture" | "onMouseUpCapture" | "onSelectCapture" | "onTouchCancelCapture" | "onTouchEndCapture" | "onTouchMoveCapture" | "onTouchStartCapture" | "onPointerDownCapture" | "onPointerMoveCapture" | "onPointerUpCapture" | "onPointerCancelCapture" | "onPointerEnterCapture" | "onPointerLeaveCapture" | "onPointerOverCapture" | "onPointerOutCapture" | "onGotPointerCaptureCapture" | "onLostPointerCaptureCapture" | "onScrollCapture" | "onWheelCapture" | "onAnimationStartCapture" | "onAnimationEndCapture" | "onAnimationIterationCapture" | "onTransitionEndCapture">, object>;
+export declare const TitleContent: import("@emotion/styled-base").StyledComponent<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement>>, object>;

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

@@ -1,14 +1,23 @@
-import * as React from "react";
-import { css } from "emotion";
-import styled from "@emotion/styled";
-import { Typography } from "@webiny/ui/Typography";
-export var listStyle = /*#__PURE__*/css({
+"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.listStyle = exports.listItem = exports.TitleContent = exports.Title = exports.ListItemTitle = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _emotion = require("emotion");
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+var _Typography = require("@webiny/ui/Typography");
+var listStyle = /*#__PURE__*/(0, _emotion.css)({
   "&.mdc-list": {
     padding: 0,
     backgroundColor: "var(--mdc-theme-surface)"
   }
 }, "label:listStyle;");
-export var listItem = /*#__PURE__*/css({
+exports.listStyle = listStyle;
+var listItem = /*#__PURE__*/(0, _emotion.css)({
   padding: "15px 20px",
   cursor: "pointer",
   borderBottom: "1px solid var(--mdc-theme-background)",
@@ -19,24 +28,28 @@ export var listItem = /*#__PURE__*/css({
     marginRight: 20
   }
 }, "label:listItem;");
-export var ListItemTitle = /*#__PURE__*/styled("div", {
+exports.listItem = listItem;
+var ListItemTitle = /*#__PURE__*/(0, _styled.default)("div", {
   target: "enz7avh0",
   label: "ListItemTitle"
 })({
   fontWeight: 600,
   marginBottom: 5
 });
-export var Title = /*#__PURE__*/React.createElement(Typography, {
+exports.ListItemTitle = ListItemTitle;
+var Title = /*#__PURE__*/React.createElement(_Typography.Typography, {
   style: {
     margin: "0 auto",
     color: "var(--mdc-theme-on-surface)"
   },
   use: "headline6"
 }, "Content model settings");
-export var TitleContent = /*#__PURE__*/styled("div", {
+exports.Title = Title;
+var TitleContent = /*#__PURE__*/(0, _styled.default)("div", {
   target: "enz7avh1",
   label: "TitleContent"
 })({
   display: "flex",
   flexDirection: "column"
-});
+});
+exports.TitleContent = TitleContent;

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

@@ -0,0 +1 @@
+{"version":3,"names":["listStyle","css","padding","backgroundColor","listItem","cursor","borderBottom","marginRight","ListItemTitle","styled","fontWeight","marginBottom","Title","margin","color","TitleContent","display","flexDirection"],"sources":["FormSettingsStyled.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { css } from \"emotion\";\nimport styled from \"@emotion/styled\";\nimport { Typography } from \"@webiny/ui/Typography\";\n\nexport const listStyle = css({\n    \"&.mdc-list\": {\n        padding: 0,\n        backgroundColor: \"var(--mdc-theme-surface)\"\n    }\n});\n\nexport const listItem = css({\n    padding: \"15px 20px\",\n    cursor: \"pointer\",\n    borderBottom: \"1px solid var(--mdc-theme-background)\",\n    \"&:last-child\": {\n        borderBottom: \"none\"\n    },\n    \".mdc-list-item__graphic\": {\n        marginRight: 20\n    }\n});\n\nexport const ListItemTitle = styled(\"div\")({\n    fontWeight: 600,\n    marginBottom: 5\n});\n\nexport const Title = (\n    <Typography\n        style={{ margin: \"0 auto\", color: \"var(--mdc-theme-on-surface)\" }}\n        use={\"headline6\"}\n    >\n        Content model settings\n    </Typography>\n);\n\nexport const TitleContent = styled(\"div\")({\n    display: \"flex\",\n    flexDirection: \"column\"\n});\n"],"mappings":";;;;;;;;AAAA;AACA;AACA;AACA;AAEO,IAAMA,SAAS,gBAAG,IAAAC,YAAG,EAAC;EACzB,YAAY,EAAE;IACVC,OAAO,EAAE,CAAC;IACVC,eAAe,EAAE;EACrB;AACJ,CAAC,qBAAC;AAAC;AAEI,IAAMC,QAAQ,gBAAG,IAAAH,YAAG,EAAC;EACxBC,OAAO,EAAE,WAAW;EACpBG,MAAM,EAAE,SAAS;EACjBC,YAAY,EAAE,uCAAuC;EACrD,cAAc,EAAE;IACZA,YAAY,EAAE;EAClB,CAAC;EACD,yBAAyB,EAAE;IACvBC,WAAW,EAAE;EACjB;AACJ,CAAC,oBAAC;AAAC;AAEI,IAAMC,aAAa,oBAAGC,eAAM,EAAC,KAAK;EAAA;EAAA;AAAA,GAAE;EACvCC,UAAU,EAAE,GAAG;EACfC,YAAY,EAAE;AAClB,CAAC,CAAC;AAAC;AAEI,IAAMC,KAAK,gBACd,oBAAC,sBAAU;EACP,KAAK,EAAE;IAAEC,MAAM,EAAE,QAAQ;IAAEC,KAAK,EAAE;EAA8B,CAAE;EAClE,GAAG,EAAE;AAAY,GACpB,wBAED,CACH;AAAC;AAEK,IAAMC,YAAY,oBAAGN,eAAM,EAAC,KAAK;EAAA;EAAA;AAAA,GAAE;EACtCO,OAAO,EAAE,MAAM;EACfC,aAAa,EAAE;AACnB,CAAC,CAAC;AAAC"}

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

@@ -1 +1,13 @@
-export { default as FormSettingsButton } from "./FormSettingsButton";
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "FormSettingsButton", {
+  enumerable: true,
+  get: function get() {
+    return _FormSettingsButton.default;
+  }
+});
+var _FormSettingsButton = _interopRequireDefault(require("./FormSettingsButton"));

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

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

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.FC;