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

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

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

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

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

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

@@ -1,5 +1,7 @@
 /// <reference types="react" />
-export declare const NameInputWrapper: 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>;
-export declare const NameWrapper: 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>;
-export declare const FormName: 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" />
+export declare const NameInputWrapper: 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 declare const NameWrapper: 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 declare const FormName: 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 declare const formNameWrapper: string;

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

@@ -1,6 +1,13 @@
-import styled from "@emotion/styled";
-import { css } from "emotion";
-export var NameInputWrapper = /*#__PURE__*/styled("div", {
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.formNameWrapper = exports.NameWrapper = exports.NameInputWrapper = exports.FormName = void 0;
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+var _emotion = require("emotion");
+var NameInputWrapper = /*#__PURE__*/(0, _styled.default)("div", {
   target: "e1go0so10",
   label: "NameInputWrapper"
 })({
@@ -15,7 +22,8 @@ export var NameInputWrapper = /*#__PURE__*/styled("div", {
     paddingRight: 40
   }
 });
-export var NameWrapper = /*#__PURE__*/styled("div", {
+exports.NameInputWrapper = NameInputWrapper;
+var NameWrapper = /*#__PURE__*/(0, _styled.default)("div", {
   target: "e1go0so11",
   label: "NameWrapper"
 })({
@@ -28,7 +36,8 @@ export var NameWrapper = /*#__PURE__*/styled("div", {
   width: "100%",
   marginLeft: 10
 });
-export var FormName = /*#__PURE__*/styled("div", {
+exports.NameWrapper = NameWrapper;
+var FormName = /*#__PURE__*/(0, _styled.default)("div", {
   target: "e1go0so12",
   label: "FormName"
 })({
@@ -43,6 +52,8 @@ export var FormName = /*#__PURE__*/styled("div", {
     border: "1px solid var(--mdc-theme-on-background)"
   }
 });
-export var formNameWrapper = /*#__PURE__*/css({
+exports.FormName = FormName;
+var formNameWrapper = /*#__PURE__*/(0, _emotion.css)({
   maxWidth: "calc(100% - 50px)"
-}, "label:formNameWrapper;");
+}, "label:formNameWrapper;");
+exports.formNameWrapper = formNameWrapper;

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

@@ -0,0 +1 @@
+{"version":3,"names":["NameInputWrapper","styled","width","display","alignItems","position","height","marginTop","paddingLeft","paddingRight","NameWrapper","justifyContent","flexDirection","color","marginLeft","FormName","border","fontSize","lineHeight","whiteSpace","overflow","textOverflow","formNameWrapper","css","maxWidth"],"sources":["NameStyled.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { css } from \"emotion\";\n\nexport const NameInputWrapper = styled(\"div\")({\n    width: \"100%\",\n    display: \"flex\",\n    alignItems: \"center\",\n    position: \"relative\",\n    \"> .mdc-text-field--upgraded\": {\n        height: 35,\n        marginTop: \"0 !important\",\n        paddingLeft: 10,\n        paddingRight: 40\n    }\n});\n\nexport const NameWrapper = styled(\"div\")({\n    display: \"flex\",\n    alignItems: \"baseline\",\n    justifyContent: \"flex-center\",\n    flexDirection: \"column\",\n    color: \"var(--mdc-theme-text-primary-on-background)\",\n    position: \"relative\",\n    width: \"100%\",\n    marginLeft: 10\n});\n\nexport const FormName = styled(\"div\")({\n    border: \"1px solid transparent\",\n    fontSize: 20,\n    lineHeight: 1.25,\n    whiteSpace: \"nowrap\",\n    overflow: \"hidden\",\n    textOverflow: \"ellipsis\",\n    width: \"100%\",\n    \"&:hover\": {\n        border: \"1px solid var(--mdc-theme-on-background)\"\n    }\n});\n\nexport const formNameWrapper = css({\n    maxWidth: \"calc(100% - 50px)\"\n});\n"],"mappings":";;;;;;;AAAA;AACA;AAEO,IAAMA,gBAAgB,oBAAGC,eAAM,EAAC,KAAK;EAAA;EAAA;AAAA,GAAE;EAC1CC,KAAK,EAAE,MAAM;EACbC,OAAO,EAAE,MAAM;EACfC,UAAU,EAAE,QAAQ;EACpBC,QAAQ,EAAE,UAAU;EACpB,6BAA6B,EAAE;IAC3BC,MAAM,EAAE,EAAE;IACVC,SAAS,EAAE,cAAc;IACzBC,WAAW,EAAE,EAAE;IACfC,YAAY,EAAE;EAClB;AACJ,CAAC,CAAC;AAAC;AAEI,IAAMC,WAAW,oBAAGT,eAAM,EAAC,KAAK;EAAA;EAAA;AAAA,GAAE;EACrCE,OAAO,EAAE,MAAM;EACfC,UAAU,EAAE,UAAU;EACtBO,cAAc,EAAE,aAAa;EAC7BC,aAAa,EAAE,QAAQ;EACvBC,KAAK,EAAE,6CAA6C;EACpDR,QAAQ,EAAE,UAAU;EACpBH,KAAK,EAAE,MAAM;EACbY,UAAU,EAAE;AAChB,CAAC,CAAC;AAAC;AAEI,IAAMC,QAAQ,oBAAGd,eAAM,EAAC,KAAK;EAAA;EAAA;AAAA,GAAE;EAClCe,MAAM,EAAE,uBAAuB;EAC/BC,QAAQ,EAAE,EAAE;EACZC,UAAU,EAAE,IAAI;EAChBC,UAAU,EAAE,QAAQ;EACpBC,QAAQ,EAAE,QAAQ;EAClBC,YAAY,EAAE,UAAU;EACxBnB,KAAK,EAAE,MAAM;EACb,SAAS,EAAE;IACPc,MAAM,EAAE;EACZ;AACJ,CAAC,CAAC;AAAC;AAEI,IAAMM,eAAe,gBAAG,IAAAC,YAAG,EAAC;EAC/BC,QAAQ,EAAE;AACd,CAAC,2BAAC;AAAC"}

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

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

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

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

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

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

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

@@ -1,63 +1,63 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
-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 _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
+var _Button = require("@webiny/ui/Button");
+var _useSnackbar2 = require("@webiny/app-admin/hooks/useSnackbar");
+var _i18n = require("@webiny/app/i18n");
+var _hooks = require("../../../hooks");
 var _templateObject, _templateObject2;
-
-import _regeneratorRuntime from "@babel/runtime/regenerator";
-import React, { useState } from "react";
-import { ButtonPrimary } from "@webiny/ui/Button";
-import { useSnackbar } from "@webiny/app-admin/hooks/useSnackbar";
-import { i18n } from "@webiny/app/i18n";
-import { useContentModelEditor } from "../../../components/ContentModelEditor/useContentModelEditor";
-var t = i18n.namespace("app-headless-cms/admin/editor/top-bar/save-button");
-
+var t = _i18n.i18n.namespace("app-headless-cms/admin/editor/top-bar/save-button");
 var SaveContentModelButton = function SaveContentModelButton() {
-  var _useContentModelEdito = useContentModelEditor(),
-      saveContentModel = _useContentModelEdito.saveContentModel;
-
-  var _useState = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      loading = _useState2[0],
-      setLoading = _useState2[1];
-
-  var _useSnackbar = useSnackbar(),
-      showSnackbar = _useSnackbar.showSnackbar;
-
-  return /*#__PURE__*/React.createElement(ButtonPrimary, {
-    disabled: loading,
-    onClick: /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-      var response;
-      return _regeneratorRuntime.wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              setLoading(true);
-              _context.next = 3;
-              return saveContentModel();
-
-            case 3:
-              response = _context.sent;
-              setLoading(false);
-
-              if (!response.error) {
-                _context.next = 7;
-                break;
-              }
-
-              return _context.abrupt("return", showSnackbar(response.error.message));
-
-            case 7:
-              showSnackbar(t(_templateObject || (_templateObject = _taggedTemplateLiteral(["Your content model was saved successfully!"]))));
-
-            case 8:
-            case "end":
-              return _context.stop();
+  var _useModelEditor = (0, _hooks.useModelEditor)(),
+    saveContentModel = _useModelEditor.saveContentModel;
+  var _useState = (0, _react.useState)(false),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    loading = _useState2[0],
+    setLoading = _useState2[1];
+  var _useSnackbar = (0, _useSnackbar2.useSnackbar)(),
+    showSnackbar = _useSnackbar.showSnackbar;
+  var _onClick = (0, _react.useCallback)( /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee() {
+    var response;
+    return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          setLoading(true);
+          _context.next = 3;
+          return saveContentModel();
+        case 3:
+          response = _context.sent;
+          setLoading(false);
+          if (!response.error) {
+            _context.next = 8;
+            break;
           }
-        }
-      }, _callee);
-    }))
-  }, t(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["Save"]))));
+          showSnackbar(response.error.message);
+          return _context.abrupt("return");
+        case 8:
+          showSnackbar(t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Your content model was saved successfully!"]))));
+        case 9:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee);
+  })), [saveContentModel]);
+  return /*#__PURE__*/_react.default.createElement(_Button.ButtonPrimary, {
+    "data-testid": "cms.editor.defaultbar.save",
+    disabled: loading,
+    onClick: function onClick() {
+      _onClick();
+    }
+  }, t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["Save"]))));
 };
-
-export default SaveContentModelButton;
+var _default = SaveContentModelButton;
+exports.default = _default;

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

@@ -0,0 +1 @@
+{"version":3,"names":["t","i18n","namespace","SaveContentModelButton","useModelEditor","saveContentModel","useState","loading","setLoading","useSnackbar","showSnackbar","onClick","useCallback","response","error","message"],"sources":["SaveContentModelButton.tsx"],"sourcesContent":["import React, { useCallback, useState } from \"react\";\nimport { ButtonPrimary } from \"@webiny/ui/Button\";\nimport { useSnackbar } from \"@webiny/app-admin/hooks/useSnackbar\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { useModelEditor } from \"~/admin/hooks\";\n\nconst t = i18n.namespace(\"app-headless-cms/admin/editor/top-bar/save-button\");\n\nconst SaveContentModelButton: React.FC = () => {\n    const { saveContentModel } = useModelEditor();\n    const [loading, setLoading] = useState<boolean>(false);\n    const { showSnackbar } = useSnackbar();\n\n    const onClick = useCallback(async () => {\n        setLoading(true);\n        const response = await saveContentModel();\n        setLoading(false);\n\n        if (response.error) {\n            showSnackbar(response.error.message);\n            return;\n        }\n\n        showSnackbar(t`Your content model was saved successfully!`);\n    }, [saveContentModel]);\n\n    return (\n        <ButtonPrimary\n            data-testid=\"cms.editor.defaultbar.save\"\n            disabled={loading}\n            onClick={() => {\n                onClick();\n            }}\n        >\n            {t`Save`}\n        </ButtonPrimary>\n    );\n};\n\nexport default SaveContentModelButton;\n"],"mappings":";;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AAA+C;AAE/C,IAAMA,CAAC,GAAGC,UAAI,CAACC,SAAS,CAAC,mDAAmD,CAAC;AAE7E,IAAMC,sBAAgC,GAAG,SAAnCA,sBAAgC,GAAS;EAC3C,sBAA6B,IAAAC,qBAAc,GAAE;IAArCC,gBAAgB,mBAAhBA,gBAAgB;EACxB,gBAA8B,IAAAC,eAAQ,EAAU,KAAK,CAAC;IAAA;IAA/CC,OAAO;IAAEC,UAAU;EAC1B,mBAAyB,IAAAC,yBAAW,GAAE;IAA9BC,YAAY,gBAAZA,YAAY;EAEpB,IAAMC,QAAO,GAAG,IAAAC,kBAAW,uGAAC;IAAA;IAAA;MAAA;QAAA;UACxBJ,UAAU,CAAC,IAAI,CAAC;UAAC;UAAA,OACMH,gBAAgB,EAAE;QAAA;UAAnCQ,QAAQ;UACdL,UAAU,CAAC,KAAK,CAAC;UAAC,KAEdK,QAAQ,CAACC,KAAK;YAAA;YAAA;UAAA;UACdJ,YAAY,CAACG,QAAQ,CAACC,KAAK,CAACC,OAAO,CAAC;UAAC;QAAA;UAIzCL,YAAY,CAACV,CAAC,8HAA6C;QAAC;QAAA;UAAA;MAAA;IAAA;EAAA,CAC/D,IAAE,CAACK,gBAAgB,CAAC,CAAC;EAEtB,oBACI,6BAAC,qBAAa;IACV,eAAY,4BAA4B;IACxC,QAAQ,EAAEE,OAAQ;IAClB,OAAO,EAAE,mBAAM;MACXI,QAAO,EAAE;IACb;EAAE,GAEDX,CAAC,0FACU;AAExB,CAAC;AAAC,eAEaG,sBAAsB;AAAA"}

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

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

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

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

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

@@ -1,37 +1,50 @@
-import React from "react";
-import { Grid, Cell } from "@webiny/ui/Grid";
-import { Input } from "@webiny/ui/Input";
-import { validation } from "@webiny/validation";
-import GroupSelect from "./GroupSelect";
+"use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _Grid = require("@webiny/ui/Grid");
+var _Input = require("@webiny/ui/Input");
+var _Tags = require("@webiny/ui/Tags");
+var _validation = require("@webiny/validation");
+var _GroupSelect = _interopRequireDefault(require("./GroupSelect"));
 var GeneralSettings = function GeneralSettings(_ref) {
   var Bind = _ref.Bind;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Cell, {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Grid.Grid, null, /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
     span: 12
-  }, /*#__PURE__*/React.createElement(Bind, {
+  }, /*#__PURE__*/_react.default.createElement(Bind, {
     name: "name"
-  }, /*#__PURE__*/React.createElement(Input, {
+  }, /*#__PURE__*/_react.default.createElement(_Input.Input, {
     label: "Content model name"
-  }))), /*#__PURE__*/React.createElement(Cell, {
+  }))), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
     span: 12
-  }, /*#__PURE__*/React.createElement(Bind, {
+  }, /*#__PURE__*/_react.default.createElement(Bind, {
     name: "modelId"
-  }, /*#__PURE__*/React.createElement(Input, {
+  }, /*#__PURE__*/_react.default.createElement(_Input.Input, {
     disabled: true,
     label: "Content model ID"
-  }))), /*#__PURE__*/React.createElement(Cell, {
+  }))), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
     span: 12
-  }, /*#__PURE__*/React.createElement(Bind, {
+  }, /*#__PURE__*/_react.default.createElement(Bind, {
     name: "description"
-  }, /*#__PURE__*/React.createElement(Input, {
+  }, /*#__PURE__*/_react.default.createElement(_Input.Input, {
     rows: 5,
     label: "Content model description"
-  }))), /*#__PURE__*/React.createElement(Cell, {
+  }))), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
     span: 12
-  }, /*#__PURE__*/React.createElement(Bind, {
+  }, /*#__PURE__*/_react.default.createElement(Bind, {
     name: "group",
-    validators: validation.create("required")
-  }, /*#__PURE__*/React.createElement(GroupSelect, null)))));
+    validators: _validation.validation.create("required")
+  }, /*#__PURE__*/_react.default.createElement(_GroupSelect.default, null))), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
+    span: 12
+  }, /*#__PURE__*/_react.default.createElement(Bind, {
+    name: "tags"
+  }, /*#__PURE__*/_react.default.createElement(_Tags.Tags, {
+    label: "Tags"
+  })))));
 };
-
-export default GeneralSettings;
+var _default = GeneralSettings;
+exports.default = _default;

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

@@ -0,0 +1 @@
+{"version":3,"names":["GeneralSettings","Bind","validation","create"],"sources":["GeneralSettings.tsx"],"sourcesContent":["import React from \"react\";\nimport { Grid, Cell } from \"@webiny/ui/Grid\";\nimport { Input } from \"@webiny/ui/Input\";\nimport { Tags } from \"@webiny/ui/Tags\";\nimport { validation } from \"@webiny/validation\";\nimport { BindComponent } from \"@webiny/form\";\nimport GroupSelect from \"./GroupSelect\";\n\ninterface GeneralSettingsProps {\n    Bind: BindComponent;\n}\n\nconst GeneralSettings = ({ Bind }: GeneralSettingsProps) => {\n    return (\n        <React.Fragment>\n            <Grid>\n                <Cell span={12}>\n                    <Bind name={\"name\"}>\n                        <Input label={\"Content model name\"} />\n                    </Bind>\n                </Cell>\n                <Cell span={12}>\n                    <Bind name={\"modelId\"}>\n                        <Input disabled={true} label={\"Content model ID\"} />\n                    </Bind>\n                </Cell>\n                <Cell span={12}>\n                    <Bind name={\"description\"}>\n                        <Input rows={5} label={\"Content model description\"} />\n                    </Bind>\n                </Cell>\n                <Cell span={12}>\n                    <Bind name={\"group\"} validators={validation.create(\"required\")}>\n                        <GroupSelect />\n                    </Bind>\n                </Cell>\n                <Cell span={12}>\n                    <Bind name={\"tags\"}>\n                        <Tags label={\"Tags\"} />\n                    </Bind>\n                </Cell>\n            </Grid>\n        </React.Fragment>\n    );\n};\n\nexport default GeneralSettings;\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;AACA;AAEA;AAMA,IAAMA,eAAe,GAAG,SAAlBA,eAAe,OAAuC;EAAA,IAAjCC,IAAI,QAAJA,IAAI;EAC3B,oBACI,6BAAC,cAAK,CAAC,QAAQ,qBACX,6BAAC,UAAI,qBACD,6BAAC,UAAI;IAAC,IAAI,EAAE;EAAG,gBACX,6BAAC,IAAI;IAAC,IAAI,EAAE;EAAO,gBACf,6BAAC,YAAK;IAAC,KAAK,EAAE;EAAqB,EAAG,CACnC,CACJ,eACP,6BAAC,UAAI;IAAC,IAAI,EAAE;EAAG,gBACX,6BAAC,IAAI;IAAC,IAAI,EAAE;EAAU,gBAClB,6BAAC,YAAK;IAAC,QAAQ,EAAE,IAAK;IAAC,KAAK,EAAE;EAAmB,EAAG,CACjD,CACJ,eACP,6BAAC,UAAI;IAAC,IAAI,EAAE;EAAG,gBACX,6BAAC,IAAI;IAAC,IAAI,EAAE;EAAc,gBACtB,6BAAC,YAAK;IAAC,IAAI,EAAE,CAAE;IAAC,KAAK,EAAE;EAA4B,EAAG,CACnD,CACJ,eACP,6BAAC,UAAI;IAAC,IAAI,EAAE;EAAG,gBACX,6BAAC,IAAI;IAAC,IAAI,EAAE,OAAQ;IAAC,UAAU,EAAEC,sBAAU,CAACC,MAAM,CAAC,UAAU;EAAE,gBAC3D,6BAAC,oBAAW,OAAG,CACZ,CACJ,eACP,6BAAC,UAAI;IAAC,IAAI,EAAE;EAAG,gBACX,6BAAC,IAAI;IAAC,IAAI,EAAE;EAAO,gBACf,6BAAC,UAAI;IAAC,KAAK,EAAE;EAAO,EAAG,CACpB,CACJ,CACJ,CACM;AAEzB,CAAC;AAAC,eAEaH,eAAe;AAAA"}

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

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