@atlaskit/editor-core 178.1.0 → 178.1.2

package/dist/cjs/ui/Appearance/FullPage/MainToolbar.js

@@ -1,54 +1,41 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.nonCustomToolbarWrapperStyle = exports.mainToolbarStyle = exports.mainToolbarSecondChildStyle = exports.mainToolbarIconBeforeStyle = exports.mainToolbarFirstChildStyle = exports.customToolbarWrapperStyle = exports.MAXIMUM_TWO_LINE_TOOLBAR_BREAKPOINT = void 0;
-
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
 var _react = require("@emotion/react");
-
 var _colors = require("@atlaskit/theme/colors");
-
 var _constants = require("@atlaskit/theme/constants");
-
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
-
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10;
-
 var MAXIMUM_TWO_LINE_TOOLBAR_BREAKPOINT = 868;
 exports.MAXIMUM_TWO_LINE_TOOLBAR_BREAKPOINT = MAXIMUM_TWO_LINE_TOOLBAR_BREAKPOINT;
-var toolbarLineHeight = 56; // box-shadow is overriden by the mainToolbar
+var toolbarLineHeight = 56;
 
+// box-shadow is overriden by the mainToolbar
 var mainToolbarWithKeyline = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  box-shadow: 0 ", "px 0 0\n    ", ";\n"])), _editorSharedStyles.akEditorToolbarKeylineHeight, "var(--ds-border, ".concat(_colors.N30, ")"));
 var mainToolbarTwoLineStyle = (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  @media (max-width: ", "px) {\n    flex-wrap: wrap;\n    height: calc(", "px * 2);\n  }\n"])), MAXIMUM_TWO_LINE_TOOLBAR_BREAKPOINT, toolbarLineHeight);
 var mainToolbar = (0, _react.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  position: relative;\n  align-items: center;\n  box-shadow: none;\n  transition: box-shadow 200ms ", ";\n  z-index: ", ";\n  display: flex;\n  height: ", "px;\n  flex-shrink: 0;\n  // TODO: https://product-fabric.atlassian.net/browse/DSP-4456\n  background-color: ", ";\n\n  & object {\n    height: 0 !important;\n  }\n\n  @media (max-width: ", "px) {\n    display: grid;\n    height: calc(", "px * 2);\n  }\n"])), _editorSharedStyles.akEditorSwoopCubicBezier, _editorSharedStyles.akEditorMenuZIndex, toolbarLineHeight, "var(--ds-surface, white)", _editorSharedStyles.akEditorMobileMaxWidth, toolbarLineHeight);
-
 var mainToolbarStyle = function mainToolbarStyle(showKeyline, twoLineEditorToolbar) {
   return [mainToolbar, showKeyline && mainToolbarWithKeyline, twoLineEditorToolbar && mainToolbarTwoLineStyle];
 };
-
 exports.mainToolbarStyle = mainToolbarStyle;
 var mainToolbarIconBeforeStyle = (0, _react.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  margin: ", "px;\n  height: ", "px;\n  width: ", "px;\n  @media (max-width: ", "px) {\n    grid-column: 1;\n    grid-row: 1;\n  }\n"])), (0, _constants.gridSize)() * 2, (0, _constants.gridSize)() * 4, (0, _constants.gridSize)() * 4, _editorSharedStyles.akEditorMobileMaxWidth);
 exports.mainToolbarIconBeforeStyle = mainToolbarIconBeforeStyle;
 var mainToolbarFirstChild = (0, _react.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  flex-grow: 1;\n\n  @media (max-width: ", "px) {\n    grid-column: 1;\n    grid-row: 1;\n  }\n"])), _editorSharedStyles.akEditorMobileMaxWidth);
 var mainToolbarFirstChildTowLine = (0, _react.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n  @media (max-width: ", "px) {\n    flex: 1 1 100%;\n    height: ", "px;\n    justify-content: flex-end;\n    // ED-10241: We add fit-content to ensure that MainToolbar does not\n    // shrink more than the size of its contents. This will prevent the\n    // find/replace icon from being overlapped during a confluence\n    // publish operation\n    min-width: fit-content;\n  }\n"])), MAXIMUM_TWO_LINE_TOOLBAR_BREAKPOINT, toolbarLineHeight);
-
 var mainToolbarFirstChildStyle = function mainToolbarFirstChildStyle(twoLineEditorToolbar) {
   return [mainToolbarFirstChild, twoLineEditorToolbar && mainToolbarFirstChildTowLine];
 };
-
 exports.mainToolbarFirstChildStyle = mainToolbarFirstChildStyle;
 var mainToolbarSecondChild = (0, _react.css)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n  // ED-10241: We add fit-content to ensure that MainToolbar does not\n  // shrink more than the size of its contents. This will prevent the\n  // find/replace icon from being overlapped during a confluence\n  // publish operation\n  min-width: fit-content;\n"])));
 var mainToolbarSecondChildTwoLine = (0, _react.css)(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["\n  @media (max-width: ", "px) {\n    display: flex;\n    flex-grow: 1;\n    flex: 1 1 100%;\n    margin: auto;\n    height: ", "px;\n    min-width: 0;\n  }\n"])), MAXIMUM_TWO_LINE_TOOLBAR_BREAKPOINT, toolbarLineHeight);
-
 var mainToolbarSecondChildStyle = function mainToolbarSecondChildStyle(twoLineEditorToolbar) {
   return [mainToolbarSecondChild, twoLineEditorToolbar && mainToolbarSecondChildTwoLine];
 };
-
 exports.mainToolbarSecondChildStyle = mainToolbarSecondChildStyle;
 var nonCustomToolbarWrapperStyle = (0, _react.css)(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2.default)(["\n  align-items: center;\n  display: flex;\n  flex-grow: 1;\n"])));
 exports.nonCustomToolbarWrapperStyle = nonCustomToolbarWrapperStyle;

package/dist/cjs/ui/Appearance/FullPage/StyledComponents.js

@@ -1,30 +1,19 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.sidebarArea = exports.positionedOverEditorStyle = exports.fullPageEditorWrapper = exports.editorContentGutterStyle = exports.editorContentAreaStyle = exports.editorContentAreaHideContainer = exports.contentArea = exports.ScrollContainer = void 0;
-
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
 var _react = require("@emotion/react");
-
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
-
 var _adfSchema = require("@atlaskit/adf-schema");
-
 var _ContentStyles = require("../../ContentStyles");
-
 var _commonStyles = require("@atlaskit/editor-plugin-table/ui/common-styles");
-
 var _consts = require("@atlaskit/editor-plugin-table/ui/consts");
-
 var _styles = require("../../styles");
-
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10;
-
 var SWOOP_ANIMATION = "0.5s ".concat(_editorSharedStyles.akEditorSwoopCubicBezier);
 var TOTAL_PADDING = _editorSharedStyles.akEditorGutterPadding * 2;
 var fullPageEditorWrapper = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  min-width: 340px;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  box-sizing: border-box;\n"])));
@@ -32,39 +21,36 @@ exports.fullPageEditorWrapper = fullPageEditorWrapper;
 var scrollStyles = (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  flex-grow: 1;\n  height: 100%;\n  overflow-y: scroll;\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  scroll-behavior: smooth;\n  ", ";\n"])), _styles.scrollbarStyles);
 var ScrollContainer = (0, _ContentStyles.createEditorContentStyle)(scrollStyles);
 exports.ScrollContainer = ScrollContainer;
-ScrollContainer.displayName = 'ScrollContainer'; // transition used to match scrollbar with config panel opening animation
-// only use animation when opening as there is a bug with floating toolbars.
+ScrollContainer.displayName = 'ScrollContainer';
 
+// transition used to match scrollbar with config panel opening animation
+// only use animation when opening as there is a bug with floating toolbars.
 var positionedOverEditorStyle = (0, _react.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  padding: 0 ", "px;\n  transition: padding 500ms ", ";\n"])), _editorSharedStyles.akEditorContextPanelWidth, _editorSharedStyles.akEditorSwoopCubicBezier);
 exports.positionedOverEditorStyle = positionedOverEditorStyle;
 var contentArea = (0, _react.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  flex-direction: row;\n  height: calc(100% - ", ");\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n  transition: padding 0ms ", ";\n"])), _editorSharedStyles.ATLASSIAN_NAVIGATION_HEIGHT, _editorSharedStyles.akEditorSwoopCubicBezier);
 exports.contentArea = contentArea;
-var sidebarArea = (0, _react.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n  height: 100%;\n  box-sizing: border-box;\n  align-self: flex-end;\n"]))); // initially hide until we have a containerWidth and can properly size them,
-// otherwise they can cause the editor width to extend which is non-recoverable
+var sidebarArea = (0, _react.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n  height: 100%;\n  box-sizing: border-box;\n  align-self: flex-end;\n"])));
 
+// initially hide until we have a containerWidth and can properly size them,
+// otherwise they can cause the editor width to extend which is non-recoverable
 exports.sidebarArea = sidebarArea;
 var editorContentAreaHideContainer = (0, _react.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n  .fabric-editor--full-width-mode {\n    .pm-table-container,\n    .code-block,\n    .extension-container {\n      display: none;\n    }\n  }\n"])));
-/* Prevent horizontal scroll on page in full width mode */
 
+/* Prevent horizontal scroll on page in full width mode */
 exports.editorContentAreaHideContainer = editorContentAreaHideContainer;
-
 var editorContentAreaContainerStyle = function editorContentAreaContainerStyle(containerWidth) {
   return (0, _react.css)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n  .fabric-editor--full-width-mode {\n    .pm-table-container,\n    .code-block,\n    .extension-container {\n      max-width: ", "px;\n    }\n\n    [data-layout-section] {\n      max-width: ", "px;\n    }\n  }\n"])), containerWidth - TOTAL_PADDING - _consts.tableMarginFullWidthMode * 2, containerWidth - TOTAL_PADDING + _editorSharedStyles.akLayoutGutterOffset * 2);
 };
-
 var editorContentAreaStyle = function editorContentAreaStyle(_ref) {
   var layoutMaxWidth = _ref.layoutMaxWidth,
-      fullWidthMode = _ref.fullWidthMode,
-      containerWidth = _ref.containerWidth;
+    fullWidthMode = _ref.fullWidthMode,
+    containerWidth = _ref.containerWidth;
   return [editorContentArea, !fullWidthMode && editorContentAreaWithLayoutWith(layoutMaxWidth), containerWidth ? editorContentAreaContainerStyle(containerWidth) : editorContentAreaHideContainer];
 };
-
 exports.editorContentAreaStyle = editorContentAreaStyle;
-
 var editorContentAreaWithLayoutWith = function editorContentAreaWithLayoutWith(layoutMaxWidth) {
   return (0, _react.css)(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["\n  max-width: ", "px;\n"])), layoutMaxWidth + TOTAL_PADDING);
 };
-
 var editorContentArea = (0, _react.css)(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2.default)(["\n  line-height: 24px;\n  padding-top: 50px;\n  padding-bottom: 55px;\n  height: calc(\n    100% - 105px\n  ); /* fill the viewport: 100% - (padding top & bottom) */\n  width: 100%;\n  margin: auto;\n  flex-direction: column;\n  flex-grow: 1;\n\n  max-width: ", "px;\n  transition: max-width ", ";\n  & .ProseMirror {\n    flex-grow: 1;\n    box-sizing: border-box;\n  }\n\n  & .ProseMirror {\n    & > * {\n      /* pre-emptively clear all direct descendant content, just in case any are adjacent floated content */\n      clear: both;\n    }\n    > p,\n    > ul,\n    > ol:not(", "):not(", "),\n    > h1,\n    > h2,\n    > h3,\n    > h4,\n    > h5,\n    > h6 {\n      /* deliberately allow wrapping of text based nodes, just in case any are adjacent floated content */\n      clear: none;\n    }\n\n    > p:last-child {\n      margin-bottom: 24px;\n    }\n  }\n\n  ", ";\n\n  .fabric-editor--full-width-mode {\n    /* Full Width Mode styles for ignoring breakout sizes */\n    .fabric-editor-breakout-mark,\n    .extension-container.block,\n    .pm-table-container {\n      width: 100% !important;\n    }\n\n    .fabric-editor-breakout-mark {\n      margin-left: unset !important;\n      transform: none !important;\n    }\n  }\n"])), _editorSharedStyles.akEditorFullWidthLayoutWidth + TOTAL_PADDING, SWOOP_ANIMATION, _adfSchema.taskListSelector, _adfSchema.decisionListSelector, _commonStyles.tableFullPageEditorStyles);
 var editorContentGutterStyle = (0, _react.css)(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2.default)(["\n  box-sizing: border-box;\n  padding: 0 ", "px;\n"])), _editorSharedStyles.akEditorGutterPadding);
 exports.editorContentGutterStyle = editorContentGutterStyle;

package/dist/cjs/ui/Appearance/FullPage/index.js

@@ -9,5 +9,4 @@ Object.defineProperty(exports, "default", {
     return _FullPage.FullPageEditor;
   }
 });
-
 var _FullPage = require("./FullPage");

package/dist/cjs/ui/Appearance/FullPage/messages.js

@@ -4,9 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _reactIntlNext = require("react-intl-next");
-
 var _default = (0, _reactIntlNext.defineMessages)({
   toolbarLabel: {
     id: 'fabric.editor.toolbarLabel',
@@ -24,5 +22,4 @@ var _default = (0, _reactIntlNext.defineMessages)({
     description: 'Label for the ARIA region landmark'
   }
 });
-
 exports.default = _default;

package/dist/cjs/ui/Appearance/Mobile.js

@@ -1,24 +1,19 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = Mobile;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _Mobile = require("../AppearanceComponents/Mobile");
-
 var _WidthEmitter = _interopRequireDefault(require("../WidthEmitter"));
-
 function Mobile(_ref) {
   var editorView = _ref.editorView,
-      maxHeight = _ref.maxHeight,
-      persistScrollGutter = _ref.persistScrollGutter,
-      editorDOMElement = _ref.editorDOMElement,
-      disabled = _ref.disabled;
+    maxHeight = _ref.maxHeight,
+    persistScrollGutter = _ref.persistScrollGutter,
+    editorDOMElement = _ref.editorDOMElement,
+    disabled = _ref.disabled;
   return /*#__PURE__*/_react.default.createElement(_Mobile.MobileAppearance, {
     editorView: editorView || null,
     maxHeight: maxHeight,

package/dist/cjs/ui/AppearanceComponents/Mobile.js

@@ -1,59 +1,42 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.MobileAppearance = MobileAppearance;
-
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _react2 = require("@emotion/react");
-
 var _maxContentSize = require("../../plugins/max-content-size");
-
 var _pluginFactory = require("../../plugins/mobile-dimensions/plugin-factory");
-
 var _WithPluginState = _interopRequireDefault(require("../WithPluginState"));
-
 var _WithFlash = _interopRequireDefault(require("../WithFlash"));
-
 var _ContentStyles = require("../ContentStyles");
-
 var _Addon = require("../Addon");
-
 var _templateObject;
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 var mobileEditor = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  min-height: 30px;\n  width: 100%;\n  max-width: inherit;\n  box-sizing: border-box;\n  word-wrap: break-word;\n\n  div > .ProseMirror {\n    outline: none;\n    white-space: pre-wrap;\n    padding: 0;\n    margin: 0;\n  }\n"])));
 var ContentArea = (0, _ContentStyles.createEditorContentStyle)();
 ContentArea.displayName = 'ContentArea';
-
 function MobileAppearance(_ref) {
   var editorView = _ref.editorView,
-      persistScrollGutter = _ref.persistScrollGutter,
-      children = _ref.children,
-      editorDisabled = _ref.editorDisabled;
+    persistScrollGutter = _ref.persistScrollGutter,
+    children = _ref.children,
+    editorDisabled = _ref.editorDisabled;
   var render = (0, _react.useCallback)(function (_ref2) {
     var maxContentSize = _ref2.maxContentSize,
-        mobileDimensions = _ref2.mobileDimensions;
+      mobileDimensions = _ref2.mobileDimensions;
     var maxContentSizeReached = Boolean(maxContentSize === null || maxContentSize === void 0 ? void 0 : maxContentSize.maxContentSizeReached);
     var minHeight = 100;
     var currentIsExpanded = true; // isExpanded prop should always be true for Hybrid Editor
-
     if (mobileDimensions) {
       var keyboardHeight = mobileDimensions.keyboardHeight,
-          windowHeight = mobileDimensions.windowHeight,
-          mobilePaddingTop = mobileDimensions.mobilePaddingTop,
-          isExpanded = mobileDimensions.isExpanded;
+        windowHeight = mobileDimensions.windowHeight,
+        mobilePaddingTop = mobileDimensions.mobilePaddingTop,
+        isExpanded = mobileDimensions.isExpanded;
       /*
         We calculate the min-height based on the windowHeight - keyboardHeight - paddingTop.
         This is needed due to scrolling issues when there is no content to scroll (like, only having 1 paragraph),
@@ -67,12 +50,11 @@ function MobileAppearance(_ref) {
         minHeight = windowHeight - keyboardHeight - 2 * mobilePaddingTop;
       } else {
         // in iOS Compact Editor windowHeight excludes keyboardHeight
-        minHeight = windowHeight - mobilePaddingTop; // isExpanded can be true of false for Compact editor
-
+        minHeight = windowHeight - mobilePaddingTop;
+        // isExpanded can be true of false for Compact editor
         currentIsExpanded = isExpanded;
       }
     }
-
     return (0, _react2.jsx)(_WithFlash.default, {
       animate: maxContentSizeReached
     }, (0, _react2.jsx)("div", {

package/dist/cjs/ui/ChromeCollapsed/index.js

@@ -1,60 +1,36 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
 var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _react2 = require("@emotion/react");
-
 var _styles = require("./styles");
-
 var _reactIntlNext = require("react-intl-next");
-
 var _messages = require("./messages");
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
-
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
 var ChromeCollapsed = /*#__PURE__*/function (_PureComponent) {
   (0, _inherits2.default)(ChromeCollapsed, _PureComponent);
-
   var _super = _createSuper(ChromeCollapsed);
-
   function ChromeCollapsed() {
     var _this;
-
     (0, _classCallCheck2.default)(this, ChromeCollapsed);
-
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-
     _this = _super.call.apply(_super, [this].concat(args));
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "focusHandler", function (evt) {
       /**
@@ -66,7 +42,6 @@ var ChromeCollapsed = /*#__PURE__*/function (_PureComponent) {
       if (_this.input) {
         _this.input.blur();
       }
-
       if (_this.props.onFocus) {
         _this.props.onFocus(evt);
       }
@@ -76,7 +51,6 @@ var ChromeCollapsed = /*#__PURE__*/function (_PureComponent) {
     });
     return _this;
   }
-
   (0, _createClass2.default)(ChromeCollapsed, [{
     key: "render",
     value: function render() {
@@ -91,7 +65,5 @@ var ChromeCollapsed = /*#__PURE__*/function (_PureComponent) {
   }]);
   return ChromeCollapsed;
 }(_react.PureComponent);
-
 var _default = (0, _reactIntlNext.injectIntl)(ChromeCollapsed);
-
 exports.default = _default;

package/dist/cjs/ui/ChromeCollapsed/messages.js

@@ -4,9 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.messages = void 0;
-
 var _reactIntlNext = require("react-intl-next");
-
 var messages = (0, _reactIntlNext.defineMessages)({
   chromeCollapsedPlaceholder: {
     id: 'fabric.editor.chromeCollapsedPlaceholder',

package/dist/cjs/ui/ChromeCollapsed/styles.js

@@ -1,23 +1,15 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.inputStyle = void 0;
-
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
 var _react = require("@emotion/react");
-
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
-
 var _constants = require("@atlaskit/theme/constants");
-
 var _colors = require("@atlaskit/theme/colors");
-
 var _templateObject;
-
 var inputStyle = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  /* Normal .className gets overridden by input[type=text] hence this hack to produce input.className */\n  input& {\n    background-color: ", ";\n    border: 1px solid ", ";\n    border-radius: ", "px;\n    box-sizing: border-box;\n    height: 40px;\n    padding-left: 20px;\n    padding-top: 12px;\n    padding-bottom: 12px;\n    font-size: ", ";\n    width: 100%;\n    font-weight: 400;\n    line-height: 1.42857142857143;\n    letter-spacing: -0.005em;\n    color: ", ";\n\n    &:hover {\n      background-color: ", ";\n      border-color: ", ";\n      cursor: text;\n    }\n  }\n"])), "var(--ds-background-input, white)", "var(--ds-border-input, ".concat(_editorSharedStyles.akEditorSubtleAccent, ")"), (0, _constants.borderRadius)(), (0, _editorSharedStyles.relativeFontSizeToBase16)(14), "var(--ds-text-subtlest, ".concat(_colors.N300, ")"), "var(--ds-background-input-hovered, white)", "var(--ds-border-input, ".concat(_colors.N50, ")"));
 exports.inputStyle = inputStyle;

package/dist/cjs/ui/CollapsedEditor/index.js

@@ -1,65 +1,42 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
 var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _ui = require("@atlaskit/editor-common/ui");
-
 var _react = _interopRequireDefault(require("react"));
-
 var _editor = _interopRequireDefault(require("../../editor"));
-
 var _EditorWithActions = _interopRequireDefault(require("../../labs/EditorWithActions"));
-
 var _ChromeCollapsed = _interopRequireDefault(require("../ChromeCollapsed"));
-
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
-
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
 var CollapsedEditor = /*#__PURE__*/function (_React$Component) {
   (0, _inherits2.default)(CollapsedEditor, _React$Component);
-
   var _super = _createSuper(CollapsedEditor);
-
   function CollapsedEditor() {
     var _this;
-
     (0, _classCallCheck2.default)(this, CollapsedEditor);
-
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-
     _this = _super.call.apply(_super, [this].concat(args));
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleEditorRef", function (editorRef, editorRefCallback) {
       if (editorRefCallback && typeof editorRefCallback === 'function') {
         editorRefCallback(editorRef);
       }
-
       _this.editorComponent = editorRef;
     });
     return _this;
   }
-
   (0, _createClass2.default)(CollapsedEditor, [{
     key: "UNSAFE_componentWillReceiveProps",
     value: function UNSAFE_componentWillReceiveProps(nextProps) {
@@ -72,7 +49,6 @@ var CollapsedEditor = /*#__PURE__*/function (_React$Component) {
     value: function componentDidUpdate() {
       if (this.shouldTriggerExpandEvent && this.editorComponent) {
         this.shouldTriggerExpandEvent = false;
-
         if (this.props.onExpand) {
           this.props.onExpand();
         }
@@ -82,20 +58,16 @@ var CollapsedEditor = /*#__PURE__*/function (_React$Component) {
     key: "render",
     value: function render() {
       var _this2 = this;
-
       var child = _react.default.Children.only(this.props.children);
-
       if (child.type !== _editor.default && child.type !== _EditorWithActions.default) {
         throw new Error('Expected child to be of type `Editor`');
       }
-
       if (!this.props.isExpanded) {
         return /*#__PURE__*/_react.default.createElement(_ui.IntlProviderIfMissingWrapper, null, /*#__PURE__*/_react.default.createElement(_ChromeCollapsed.default, {
           onFocus: this.props.onFocus,
           text: this.props.placeholder
         }));
       }
-
       return /*#__PURE__*/_react.default.cloneElement(child, {
         ref: function ref(editorComponent) {
           return _this2.handleEditorRef(editorComponent, child.ref);
@@ -105,5 +77,4 @@ var CollapsedEditor = /*#__PURE__*/function (_React$Component) {
   }]);
   return CollapsedEditor;
 }(_react.default.Component);
-
 exports.default = CollapsedEditor;

package/dist/cjs/ui/ColorPalette/Color/index.js

@@ -4,8 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _uiColor = require("@atlaskit/editor-common/ui-color");
-
 var _default = _uiColor.Color;
 exports.default = _default;

package/dist/cjs/ui/ColorPalette/Palettes/cellBackgroundColorPalette.js

@@ -4,8 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _uiColor = require("@atlaskit/editor-common/ui-color");
-
 var _default = _uiColor.cellBackgroundColorPalette;
 exports.default = _default;

package/dist/cjs/ui/ColorPalette/Palettes/common.js

@@ -9,5 +9,4 @@ Object.defineProperty(exports, "DEFAULT_BORDER_COLOR", {
     return _uiColor.DEFAULT_BORDER_COLOR;
   }
 });
-
 var _uiColor = require("@atlaskit/editor-common/ui-color");

package/dist/cjs/ui/ColorPalette/Palettes/index.js

@@ -9,5 +9,4 @@ Object.defineProperty(exports, "DEFAULT_BORDER_COLOR", {
     return _common.DEFAULT_BORDER_COLOR;
   }
 });
-
 var _common = require("./common");

package/dist/cjs/ui/ColorPalette/Palettes/paletteMessages.js

@@ -4,8 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _uiColor = require("@atlaskit/editor-common/ui-color");
-
 var _default = _uiColor.colorPaletteMessages;
 exports.default = _default;

package/dist/cjs/ui/ColorPalette/Palettes/panelBackgroundPalette.js

@@ -15,5 +15,4 @@ Object.defineProperty(exports, "panelDarkModeBackgroundPalette", {
     return _uiColor.panelDarkModeBackgroundPalette;
   }
 });
-
 var _uiColor = require("@atlaskit/editor-common/ui-color");

package/dist/cjs/ui/ColorPalette/Palettes/statusColorPalette.js

@@ -15,5 +15,4 @@ Object.defineProperty(exports, "lightModeStatusColorPalette", {
     return _uiColor.lightModeStatusColorPalette;
   }
 });
-
 var _uiColor = require("@atlaskit/editor-common/ui-color");

package/dist/cjs/ui/ColorPalette/Palettes/textColorPalette.js

@@ -9,5 +9,4 @@ Object.defineProperty(exports, "textColorPalette", {
     return _uiColor.textColorPalette;
   }
 });
-
 var _uiColor = require("@atlaskit/editor-common/ui-color");

package/dist/cjs/ui/ColorPalette/index.js

@@ -4,8 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _uiColor = require("@atlaskit/editor-common/ui-color");
-
 var _default = _uiColor.ColorPalette;
 exports.default = _default;