@atlaskit/editor-core 188.0.9 → 188.0.12

package/dist/cjs/plugins/undo-redo/ui/ToolbarUndoRedo/index.js

@@ -51,7 +51,7 @@ var forceFocus = function forceFocus(editorView) {
     }
   };
 };
-var ToolbarUndoRedo = /*#__PURE__*/function (_PureComponent) {
+var ToolbarUndoRedo = exports.ToolbarUndoRedo = /*#__PURE__*/function (_PureComponent) {
   (0, _inherits2.default)(ToolbarUndoRedo, _PureComponent);
   var _super = _createSuper(ToolbarUndoRedo);
   function ToolbarUndoRedo() {
@@ -116,6 +116,4 @@ var ToolbarUndoRedo = /*#__PURE__*/function (_PureComponent) {
   }]);
   return ToolbarUndoRedo;
 }(_react.PureComponent);
-exports.ToolbarUndoRedo = ToolbarUndoRedo;
-var _default = (0, _reactIntlNext.injectIntl)(ToolbarUndoRedo);
-exports.default = _default;
+var _default = exports.default = (0, _reactIntlNext.injectIntl)(ToolbarUndoRedo);

package/dist/cjs/plugins/view-update-subscription/index.js

@@ -11,8 +11,7 @@ var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/cl
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
 var _state = require("@atlaskit/editor-prosemirror/state");
-var trackerStore = new WeakMap();
-exports.trackerStore = trackerStore;
+var trackerStore = exports.trackerStore = new WeakMap();
 var Tracker = /*#__PURE__*/(0, _createClass2.default)(function Tracker() {
   var _this = this;
   (0, _classCallCheck2.default)(this, Tracker);
@@ -88,5 +87,4 @@ var createViewUpdateSubscriptionPlugin = function createViewUpdateSubscriptionPl
     }
   };
 };
-var _default = createViewUpdateSubscriptionPlugin;
-exports.default = _default;
+var _default = exports.default = createViewUpdateSubscriptionPlugin;

package/dist/cjs/plugins/view-update-subscription/subscribe/toolbarAndPickerUpdates.js

@@ -26,7 +26,7 @@ var areToolbarsSame = function areToolbarsSame(left, right) {
   var rightItems = Array.isArray(rightConfig.items) ? rightConfig.items : rightConfig.items(right.node);
   return (0, _floatingToolbar.areSameItems)(leftItems, rightItems);
 };
-var subscribeToToolbarAndPickerUpdates = function subscribeToToolbarAndPickerUpdates(editorView, cb) {
+var subscribeToToolbarAndPickerUpdates = exports.subscribeToToolbarAndPickerUpdates = function subscribeToToolbarAndPickerUpdates(editorView, cb) {
   var lastUpdatedState = null;
   var subscription = function subscription(_ref) {
     var newEditorState = _ref.newEditorState;
@@ -97,5 +97,4 @@ var subscribeToToolbarAndPickerUpdates = function subscribeToToolbarAndPickerUpd
       tracker.remove(subscription);
     }
   };
-};
-exports.subscribeToToolbarAndPickerUpdates = subscribeToToolbarAndPickerUpdates;
+};

package/dist/cjs/plugins/view-update-subscription/subscribe/type-ahead-updates.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.subscribeTypeAheadUpdates = void 0;
 var _ = require("..");
 var _key = require("../../type-ahead/pm-plugins/key");
-var subscribeTypeAheadUpdates = function subscribeTypeAheadUpdates(editorView, cb) {
+var subscribeTypeAheadUpdates = exports.subscribeTypeAheadUpdates = function subscribeTypeAheadUpdates(editorView, cb) {
   var subscription = function subscription(_ref) {
     var newEditorState = _ref.newEditorState,
       oldEditorState = _ref.oldEditorState;
@@ -30,5 +30,4 @@ var subscribeTypeAheadUpdates = function subscribeTypeAheadUpdates(editorView, c
       tracker.remove(subscription);
     }
   };
-};
-exports.subscribeTypeAheadUpdates = subscribeTypeAheadUpdates;
+};

package/dist/cjs/presets/context.js

@@ -10,9 +10,8 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var _react = _interopRequireWildcard(require("react"));
 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 EditorAPIContext = /*#__PURE__*/_react.default.createContext({});
-exports.EditorAPIContext = EditorAPIContext;
-var PresetContextProvider = function PresetContextProvider(_ref) {
+var EditorAPIContext = exports.EditorAPIContext = /*#__PURE__*/_react.default.createContext({});
+var PresetContextProvider = exports.PresetContextProvider = function PresetContextProvider(_ref) {
   var children = _ref.children;
   var _useState = (0, _react.useState)(),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
@@ -25,16 +24,13 @@ var PresetContextProvider = function PresetContextProvider(_ref) {
     }
   }, children);
 };
-exports.PresetContextProvider = PresetContextProvider;
-var usePresetContext = function usePresetContext() {
+var usePresetContext = exports.usePresetContext = function usePresetContext() {
   var _useContext = (0, _react.useContext)(EditorAPIContext),
     editorApi = _useContext.editorApi;
   return editorApi;
 };
-exports.usePresetContext = usePresetContext;
-var useSetPresetContext = function useSetPresetContext() {
+var useSetPresetContext = exports.useSetPresetContext = function useSetPresetContext() {
   var _useContext2 = (0, _react.useContext)(EditorAPIContext),
     setEditorApi = _useContext2.setEditorApi;
   return setEditorApi;
-};
-exports.useSetPresetContext = useSetPresetContext;
+};

package/dist/cjs/selection-api/api.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.createEditorSelectionAPI = void 0;
 var _commands = require("../plugins/selection/commands");
 var _pluginFactory = require("../plugins/selection/plugin-factory");
-var createEditorSelectionAPI = function createEditorSelectionAPI() {
+var createEditorSelectionAPI = exports.createEditorSelectionAPI = function createEditorSelectionAPI() {
   return {
     getSelectionPluginState: function getSelectionPluginState(state) {
       return (0, _pluginFactory.getPluginState)(state);
@@ -24,5 +24,4 @@ var createEditorSelectionAPI = function createEditorSelectionAPI() {
       };
     }
   };
-};
-exports.createEditorSelectionAPI = createEditorSelectionAPI;
+};

package/dist/cjs/test-utils.js

@@ -47,7 +47,7 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function getFireAnalytics(editorView) {
   var _analyticsPluginKey$g;
-  return _pluginKey.analyticsPluginKey === null || _pluginKey.analyticsPluginKey === void 0 ? void 0 : (_analyticsPluginKey$g = _pluginKey.analyticsPluginKey.getState(editorView.state)) === null || _analyticsPluginKey$g === void 0 ? void 0 : _analyticsPluginKey$g.fireAnalytics;
+  return _pluginKey.analyticsPluginKey === null || _pluginKey.analyticsPluginKey === void 0 || (_analyticsPluginKey$g = _pluginKey.analyticsPluginKey.getState(editorView.state)) === null || _analyticsPluginKey$g === void 0 ? void 0 : _analyticsPluginKey$g.fireAnalytics;
 }
 function lightProcessPluginsList(editorPlugins) {
   /**
@@ -100,7 +100,7 @@ function lightProcessPluginsList(editorPlugins) {
     onEditorViewStateUpdatedCallbacks: []
   });
 }
-var createPMSchemaAndPlugins = function createPMSchemaAndPlugins() {
+var createPMSchemaAndPlugins = exports.createPMSchemaAndPlugins = function createPMSchemaAndPlugins() {
   var inputPreset = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : new _preset.EditorPresetBuilder();
   return function (pluginFactoryParams) {
     var editorPlugins = [];
@@ -126,7 +126,6 @@ var createPMSchemaAndPlugins = function createPMSchemaAndPlugins() {
     };
   };
 };
-exports.createPMSchemaAndPlugins = createPMSchemaAndPlugins;
 function setTextSelection(view, anchor, head) {
   var state = view.state;
   var tr = state.tr.setSelection(_state.TextSelection.create(state.doc, anchor, head));
@@ -139,7 +138,6 @@ function setTextSelection(view, anchor, head) {
  * @param selector
  * @returns true if element matching selector exists in document, false otherwise
  */
-var isElementBySelectorInDocument = function isElementBySelectorInDocument(selector) {
+var isElementBySelectorInDocument = exports.isElementBySelectorInDocument = function isElementBySelectorInDocument(selector) {
   return Boolean(document.querySelector(selector));
-};
-exports.isElementBySelectorInDocument = isElementBySelectorInDocument;
+};

package/dist/cjs/ui/Addon/ClickAreaBlock/index.js

@@ -12,7 +12,7 @@ var _clickAreaHelper = require("../click-area-helper");
 var _templateObject;
 /** @jsx jsx */
 var clickWrapper = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  flex-grow: 1;\n  height: 100%;\n"])));
-var ClickAreaBlock = function ClickAreaBlock(_ref) {
+var ClickAreaBlock = exports.ClickAreaBlock = function ClickAreaBlock(_ref) {
   var editorView = _ref.editorView,
     editorDisabled = _ref.editorDisabled,
     children = _ref.children;
@@ -30,6 +30,4 @@ var ClickAreaBlock = function ClickAreaBlock(_ref) {
     onMouseDown: handleMouseDown
   }, children);
 };
-exports.ClickAreaBlock = ClickAreaBlock;
-var _default = ClickAreaBlock;
-exports.default = _default;
+var _default = exports.default = ClickAreaBlock;

package/dist/cjs/ui/Addon/ClickAreaInline/index.js

@@ -12,7 +12,7 @@ var _commands = require("../../../commands");
 var _templateObject;
 /** @jsx jsx */
 var clickArea = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  flex-grow: 1;\n"])));
-var ClickAreaInline = function ClickAreaInline(_ref) {
+var ClickAreaInline = exports.ClickAreaInline = function ClickAreaInline(_ref) {
   var editorView = _ref.editorView,
     children = _ref.children;
   var handleMouseDown = _react.default.useCallback(function (event) {
@@ -30,6 +30,4 @@ var ClickAreaInline = function ClickAreaInline(_ref) {
     onMouseDown: handleMouseDown
   });
 };
-exports.ClickAreaInline = ClickAreaInline;
-var _default = ClickAreaInline;
-exports.default = _default;
+var _default = exports.default = ClickAreaInline;

package/dist/cjs/ui/Addon/ClickAreaMobile/index.js

@@ -44,7 +44,7 @@ var clickWrapper = function clickWrapper(_ref) {
  * This relies on the Scroll Gutter plugin which inserts additional
  * whitespace at the end of the document when it overflows the viewport.
  */
-var ClickAreaMobile = /*#__PURE__*/function (_React$Component) {
+var ClickAreaMobile = exports.default = /*#__PURE__*/function (_React$Component) {
   (0, _inherits2.default)(ClickAreaMobile, _React$Component);
   var _super = _createSuper(ClickAreaMobile);
   function ClickAreaMobile() {
@@ -93,5 +93,4 @@ var ClickAreaMobile = /*#__PURE__*/function (_React$Component) {
     }
   }]);
   return ClickAreaMobile;
-}(_react.default.Component);
-exports.default = ClickAreaMobile;
+}(_react.default.Component);

package/dist/cjs/ui/Addon/Dropdown/index.js

@@ -17,7 +17,7 @@ var _react2 = require("@emotion/react");
 var _styles = require("./styles");
 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; } } /** @jsx jsx */
-var DropdownWrapper = /*#__PURE__*/function (_React$Component) {
+var DropdownWrapper = exports.default = /*#__PURE__*/function (_React$Component) {
   (0, _inherits2.default)(DropdownWrapper, _React$Component);
   var _super = _createSuper(DropdownWrapper);
   function DropdownWrapper() {
@@ -56,5 +56,4 @@ var DropdownWrapper = /*#__PURE__*/function (_React$Component) {
     }
   }]);
   return DropdownWrapper;
-}(_react.default.Component);
-exports.default = DropdownWrapper;
+}(_react.default.Component);

package/dist/cjs/ui/Addon/Dropdown/styles.js

@@ -10,5 +10,4 @@ var _react = require("@emotion/react");
 var _constants = require("@atlaskit/theme/constants");
 var _colors = require("@atlaskit/theme/colors");
 var _templateObject;
-var dropdown = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  flex-direction: column;\n  background: ", ";\n  border-radius: ", "px;\n  box-shadow: ", ";\n  box-sizing: border-box;\n  padding: 4px 0;\n"])), "var(--ds-surface-overlay, white)", (0, _constants.borderRadius)(), "var(--ds-shadow-overlay, ".concat("0 4px 8px -2px ".concat(_colors.N60A, ", 0 0 1px ").concat(_colors.N60A), ")"));
-exports.dropdown = dropdown;
+var dropdown = exports.dropdown = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  flex-direction: column;\n  background: ", ";\n  border-radius: ", "px;\n  box-shadow: ", ";\n  box-sizing: border-box;\n  padding: 4px 0;\n"])), "var(--ds-surface-overlay, white)", (0, _constants.borderRadius)(), "var(--ds-shadow-overlay, ".concat("0 4px 8px -2px ".concat(_colors.N60A, ", 0 0 1px ").concat(_colors.N60A), ")"));

package/dist/cjs/ui/Addon/DropdownItem/index.js

@@ -19,5 +19,4 @@ var DropdownItemWrapper = function DropdownItemWrapper(props) {
     }
   }, (0, _react.jsx)("span", null, props.icon), props.children);
 };
-var _default = DropdownItemWrapper;
-exports.default = _default;
+var _default = exports.default = DropdownItemWrapper;

package/dist/cjs/ui/Addon/DropdownItem/styles.js

@@ -9,5 +9,4 @@ var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/hel
 var _react = require("@emotion/react");
 var _colors = require("@atlaskit/theme/colors");
 var _templateObject;
-var dropdownItem = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  text-decoration: none;\n  padding: 8px 32px 8px 12px;\n  color: ", ";\n  > span {\n    display: flex;\n    margin-right: 8px;\n  }\n  &:hover {\n    background-color: ", ";\n  }\n"])), "var(--ds-text, ".concat(_colors.N800, ")"), "var(--ds-background-neutral-subtle-hovered, ".concat(_colors.N20, ")"));
-exports.dropdownItem = dropdownItem;
+var dropdownItem = exports.dropdownItem = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  text-decoration: none;\n  padding: 8px 32px 8px 12px;\n  color: ", ";\n  > span {\n    display: flex;\n    margin-right: 8px;\n  }\n  &:hover {\n    background-color: ", ";\n  }\n"])), "var(--ds-text, ".concat(_colors.N800, ")"), "var(--ds-background-neutral-subtle-hovered, ".concat(_colors.N20, ")"));

package/dist/cjs/ui/Addon/click-area-helper.js

@@ -30,7 +30,7 @@ var insideProseMirrorEditableArea = function insideProseMirrorEditableArea(ref)
  * 1. if editor (e.g. comment inside of Jira ticket view) is inside modal then ensure focus and cursor is brought to the input
  * 2. if another modal is open (e.g. delete confirmation modal for confluence table) then ignore clicks as they shouldn't influence editor state
  */
-var checkForModal = function checkForModal(target) {
+var checkForModal = exports.checkForModal = function checkForModal(target) {
   var modalDialog = target.closest('[role=dialog]');
   if (modalDialog) {
     // return false if not an editor inside modal, otherwise return true
@@ -40,8 +40,7 @@ var checkForModal = function checkForModal(target) {
   // no modal present so we can return true
   return true;
 };
-exports.checkForModal = checkForModal;
-var clickAreaClickHandler = function clickAreaClickHandler(view, event) {
+var clickAreaClickHandler = exports.clickAreaClickHandler = function clickAreaClickHandler(view, event) {
   var _view$hasFocus, _event$currentTarget;
   var isEditorFocused = !!(view !== null && view !== void 0 && (_view$hasFocus = view.hasFocus) !== null && _view$hasFocus !== void 0 && _view$hasFocus.call(view));
   var target = event.target;
@@ -89,7 +88,6 @@ var clickAreaClickHandler = function clickAreaClickHandler(view, event) {
     outsideProsemirrorEditorClickHandler(view, event);
   }
 };
-exports.clickAreaClickHandler = clickAreaClickHandler;
 var outsideProsemirrorEditorClickHandler = function outsideProsemirrorEditorClickHandler(view, event) {
   var _view$hasFocus2;
   var dispatch = view.dispatch,

package/dist/cjs/ui/Alignment/AlignmentButton/index.js

@@ -68,5 +68,4 @@ var AlignmentButton = /*#__PURE__*/function (_PureComponent) {
   }]);
   return AlignmentButton;
 }(_react.PureComponent);
-var _default = AlignmentButton;
-exports.default = _default;
+var _default = exports.default = AlignmentButton;

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

@@ -70,5 +70,4 @@ var Alignment = /*#__PURE__*/function (_PureComponent) {
   }]);
   return Alignment;
 }(_react2.PureComponent);
-var _default = (0, _reactIntlNext.injectIntl)(Alignment);
-exports.default = _default;
+var _default = exports.default = (0, _reactIntlNext.injectIntl)(Alignment);

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.alignmentMessages = void 0;
 var _reactIntlNext = require("react-intl-next");
-var alignmentMessages = (0, _reactIntlNext.defineMessages)({
+var alignmentMessages = exports.alignmentMessages = (0, _reactIntlNext.defineMessages)({
   alignLeft: {
     id: 'fabric.editor.alignLeft',
     defaultMessage: 'Align left',
@@ -21,5 +21,4 @@ var alignmentMessages = (0, _reactIntlNext.defineMessages)({
     defaultMessage: 'Align right',
     description: 'Action to align/justify text to the right'
   }
-});
-exports.alignmentMessages = alignmentMessages;
+});

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

@@ -8,5 +8,4 @@ exports.alignmentWrapper = void 0;
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _react = require("@emotion/react");
 var _templateObject;
-var alignmentWrapper = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  padding: 0 ", ";\n  display: flex;\n  flex-wrap: wrap;\n  max-width: ", "px;\n"])), "var(--ds-space-100, 8px)", 3 * 32);
-exports.alignmentWrapper = alignmentWrapper;
+var alignmentWrapper = exports.alignmentWrapper = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  padding: 0 ", ";\n  display: flex;\n  flex-wrap: wrap;\n  max-width: ", "px;\n"])), "var(--ds-space-100, 8px)", 3 * 32);

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

@@ -28,7 +28,7 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
 var chromelessEditor = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  line-height: 20px;\n  height: auto;\n\n  overflow-x: hidden;\n  overflow-y: auto;\n  ", ";\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    & > :last-child {\n      padding-bottom: 0.5em;\n    }\n  }\n"])), _styles.scrollbarStyles);
 var ContentArea = (0, _ContentStyles.createEditorContentStyle)();
 ContentArea.displayName = 'ContentArea';
-var Editor = /*#__PURE__*/function (_React$Component) {
+var Editor = exports.default = /*#__PURE__*/function (_React$Component) {
   (0, _inherits2.default)(Editor, _React$Component);
   var _super = _createSuper(Editor);
   function Editor() {
@@ -104,5 +104,4 @@ var Editor = /*#__PURE__*/function (_React$Component) {
   }]);
   return Editor;
 }(_react.default.Component);
-exports.default = Editor;
 (0, _defineProperty2.default)(Editor, "displayName", 'ChromelessEditorAppearance');

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

@@ -105,7 +105,7 @@ var Editor = /*#__PURE__*/function (_React$Component) {
       };
       var handleEscape = function handleEscape(event) {
         if (!(editorView !== null && editorView !== void 0 && editorView.hasFocus())) {
-          editorView === null || editorView === void 0 ? void 0 : editorView.focus();
+          editorView === null || editorView === void 0 || editorView.focus();
         }
         event.preventDefault();
         event.stopPropagation();
@@ -216,5 +216,4 @@ function RenderWithPluginState(_ref4) {
     mediaState: mediaState
   }));
 }
-var CommentEditorWithIntl = (0, _reactIntlNext.injectIntl)(Editor);
-exports.CommentEditorWithIntl = CommentEditorWithIntl;
+var CommentEditorWithIntl = exports.CommentEditorWithIntl = (0, _reactIntlNext.injectIntl)(Editor);

package/dist/cjs/ui/Appearance/Comment/Toolbar.js

@@ -17,8 +17,7 @@ var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 /** @jsx jsx */
 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 || _typeof3(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 TableControlsPadding = 20;
-exports.TableControlsPadding = TableControlsPadding;
+var TableControlsPadding = exports.TableControlsPadding = 20;
 var mainToolbarWrapperStyle = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  position: relative;\n  align-items: center;\n  padding: ", " ", " 0;\n  display: flex;\n  height: auto;\n  background-color: ", ";\n  box-shadow: none;\n  padding-left: ", ";\n\n  & > div {\n    > :first-child:not(style),\n    > style:first-child + * {\n      margin-left: 0;\n    }\n  }\n\n  .block-type-btn {\n    padding-left: 0;\n  }\n"])), "var(--ds-space-100, 8px)", "var(--ds-space-100, 8px)", "var(--ds-surface, white)", "var(--ds-space-250, 20px)");
 var stickyToolbarWrapperStyle = (0, _react2.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  /* stylelint-disable declaration-block-no-duplicate-properties */\n  position: relative;\n  position: sticky;\n  /* stylelint-enable declaration-block-no-duplicate-properties */\n  padding-bottom: ", ";\n  z-index: ", ";\n  transition: box-shadow ease-in-out 0.2s;\n  &.show-keyline {\n    box-shadow: 0 ", "px 0 0\n      ", ";\n  }\n"])), "var(--ds-space-100, 8px)", _editorSharedStyles.akEditorMenuZIndex, _editorSharedStyles.akEditorToolbarKeylineHeight, "var(--ds-border, ".concat(_colors.N30, ")"));
 var StickyToolbar = function StickyToolbar(props) {
@@ -31,8 +30,8 @@ var StickyToolbar = function StickyToolbar(props) {
   // else if offsetTop is a number set top to offsetTop
   // otherwise top is 0 as initial state
   (0, _react.useEffect)(function () {
-    var _props$externalToolba, _props$externalToolba2;
-    if ((_props$externalToolba = props.externalToolbarRef) !== null && _props$externalToolba !== void 0 && (_props$externalToolba2 = _props$externalToolba.current) !== null && _props$externalToolba2 !== void 0 && _props$externalToolba2.clientHeight) {
+    var _props$externalToolba;
+    if ((_props$externalToolba = props.externalToolbarRef) !== null && _props$externalToolba !== void 0 && (_props$externalToolba = _props$externalToolba.current) !== null && _props$externalToolba !== void 0 && _props$externalToolba.clientHeight) {
       setTop(props.externalToolbarRef.current.clientHeight);
     } else {
       setTop(props.offsetTop || 0);
@@ -78,7 +77,7 @@ var getStickyParameters = function getStickyParameters(configuration) {
     };
   }
 };
-var MainToolbar = function MainToolbar(_ref) {
+var MainToolbar = exports.MainToolbar = function MainToolbar(_ref) {
   var useStickyToolbar = _ref.useStickyToolbar,
     children = _ref.children;
   if (useStickyToolbar) {
@@ -86,6 +85,4 @@ var MainToolbar = function MainToolbar(_ref) {
   }
   return (0, _react2.jsx)(FixedToolbar, null, children);
 };
-exports.MainToolbar = MainToolbar;
-var mainToolbarCustomComponentsSlotStyle = (0, _react2.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  justify-content: flex-end;\n  align-items: center;\n  flex-grow: 1;\n  padding-right: ", ";\n  > div {\n    display: flex;\n    flex-shrink: 0;\n  }\n"])), "var(--ds-space-250, 20px)");
-exports.mainToolbarCustomComponentsSlotStyle = mainToolbarCustomComponentsSlotStyle;
+var mainToolbarCustomComponentsSlotStyle = exports.mainToolbarCustomComponentsSlotStyle = (0, _react2.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  justify-content: flex-end;\n  align-items: center;\n  flex-grow: 1;\n  padding-right: ", ";\n  > div {\n    display: flex;\n    flex-shrink: 0;\n  }\n"])), "var(--ds-space-250, 20px)");

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

@@ -47,7 +47,7 @@ var useShowKeyline = function useShowKeyline(contentAreaRef) {
   }, [contentAreaRef]);
   return showKeyline;
 };
-var FullPageEditor = function FullPageEditor(props) {
+var FullPageEditor = exports.FullPageEditor = function FullPageEditor(props) {
   var _scrollContentContain, _scrollContentContain2, _wrapperElementRef$cu;
   var wrapperElementRef = (0, _react.useMemo)(function () {
     return props.innerRef;
@@ -98,5 +98,4 @@ var FullPageEditor = function FullPageEditor(props) {
     pluginHooks: props.pluginHooks,
     featureFlags: props.featureFlags
   })));
-};
-exports.FullPageEditor = FullPageEditor;
+};

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

@@ -19,8 +19,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 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; }
 /** @jsx jsx */
 
-var CONTENT_AREA_TEST_ID = 'ak-editor-fp-content-area';
-exports.CONTENT_AREA_TEST_ID = CONTENT_AREA_TEST_ID;
+var CONTENT_AREA_TEST_ID = exports.CONTENT_AREA_TEST_ID = 'ak-editor-fp-content-area';
 var Content = /*#__PURE__*/_react2.default.forwardRef(function (props, ref) {
   var theme = (0, _react.useTheme)();
   var fullWidthMode = props.appearance === 'full-width';
@@ -88,7 +87,6 @@ var Content = /*#__PURE__*/_react2.default.forwardRef(function (props, ref) {
     });
   });
 });
-var FullPageContentArea = (0, _reactIntlNext.injectIntl)(Content, {
+var FullPageContentArea = exports.FullPageContentArea = (0, _reactIntlNext.injectIntl)(Content, {
   forwardRef: true
-});
-exports.FullPageContentArea = FullPageContentArea;
+});

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

@@ -22,7 +22,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 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; }
 /** @jsx jsx */
 
-var EditorToolbar = /*#__PURE__*/_react.default.memo(function (props) {
+var EditorToolbar = exports.EditorToolbar = /*#__PURE__*/_react.default.memo(function (props) {
   var _props$featureFlags, _props$featureFlags2, _props$featureFlags3, _props$featureFlags4, _props$collabEdit, _props$collabEdit2, _props$collabEdit3, _props$featureFlags5, _props$featureFlags6;
   var _useState = (0, _react.useState)(false),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
@@ -52,7 +52,7 @@ var EditorToolbar = /*#__PURE__*/_react.default.memo(function (props) {
     css: _MainToolbar.customToolbarWrapperStyle
   }, (_props$featureFlags2 = props.featureFlags) !== null && _props$featureFlags2 !== void 0 && _props$featureFlags2.twoLineEditorToolbar && !!props.customPrimaryToolbarComponents && 'before' in props.customPrimaryToolbarComponents ? (0, _react2.jsx)(_BeforePrimaryToolbarWrapper.BeforePrimaryToolbarWrapper, {
     beforePrimaryToolbarComponents: props.customPrimaryToolbarComponents.before
-  }) : null, (props === null || props === void 0 ? void 0 : (_props$featureFlags3 = props.featureFlags) === null || _props$featureFlags3 === void 0 ? void 0 : _props$featureFlags3.showAvatarGroupAsPlugin) === true && !((_props$featureFlags4 = props.featureFlags) !== null && _props$featureFlags4 !== void 0 && _props$featureFlags4.twoLineEditorToolbar) ? null : (0, _react2.jsx)(_ui.default, {
+  }) : null, (props === null || props === void 0 || (_props$featureFlags3 = props.featureFlags) === null || _props$featureFlags3 === void 0 ? void 0 : _props$featureFlags3.showAvatarGroupAsPlugin) === true && !((_props$featureFlags4 = props.featureFlags) !== null && _props$featureFlags4 !== void 0 && _props$featureFlags4.twoLineEditorToolbar) ? null : (0, _react2.jsx)(_ui.default, {
     editorView: props.editorView,
     eventDispatcher: props.eventDispatcher,
     inviteToEditComponent: (_props$collabEdit = props.collabEdit) === null || _props$collabEdit === void 0 ? void 0 : _props$collabEdit.inviteToEditComponent,
@@ -89,7 +89,7 @@ var EditorToolbar = /*#__PURE__*/_react.default.memo(function (props) {
     var _props$editorView;
     if (!((_props$editorView = props.editorView) !== null && _props$editorView !== void 0 && _props$editorView.hasFocus())) {
       var _props$editorView2;
-      (_props$editorView2 = props.editorView) === null || _props$editorView2 === void 0 ? void 0 : _props$editorView2.focus();
+      (_props$editorView2 = props.editorView) === null || _props$editorView2 === void 0 || _props$editorView2.focus();
     }
     event.preventDefault();
     event.stopPropagation();
@@ -118,6 +118,4 @@ var EditorToolbar = /*#__PURE__*/_react.default.memo(function (props) {
     }, shouldSplitToolbar ? nonCustomToolbar : customToolbar)));
   });
 });
-exports.EditorToolbar = EditorToolbar;
-var FullPageToolbar = (0, _reactIntlNext.injectIntl)(EditorToolbar);
-exports.FullPageToolbar = FullPageToolbar;
+var FullPageToolbar = exports.FullPageToolbar = (0, _reactIntlNext.injectIntl)(EditorToolbar);

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

@@ -10,33 +10,26 @@ var _react = require("@emotion/react");
 var _colors = require("@atlaskit/theme/colors");
 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 MAXIMUM_TWO_LINE_TOOLBAR_BREAKPOINT = exports.MAXIMUM_TWO_LINE_TOOLBAR_BREAKPOINT = 868;
 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.akEditorFloatingDialogZIndex, toolbarLineHeight, "var(--ds-surface, white)", _editorSharedStyles.akEditorMobileMaxWidth, toolbarLineHeight);
-var mainToolbarStyle = function mainToolbarStyle(showKeyline, twoLineEditorToolbar) {
+var mainToolbarStyle = exports.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: ", ";\n  height: ", ";\n  width: ", ";\n  @media (max-width: ", "px) {\n    grid-column: 1;\n    grid-row: 1;\n  }\n"])), "var(--ds-space-200, 16px)", "var(--ds-space-400, 32px)", "var(--ds-space-400, 32px)", _editorSharedStyles.akEditorMobileMaxWidth);
-exports.mainToolbarIconBeforeStyle = mainToolbarIconBeforeStyle;
+var mainToolbarIconBeforeStyle = exports.mainToolbarIconBeforeStyle = (0, _react.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  margin: ", ";\n  height: ", ";\n  width: ", ";\n  @media (max-width: ", "px) {\n    grid-column: 1;\n    grid-row: 1;\n  }\n"])), "var(--ds-space-200, 16px)", "var(--ds-space-400, 32px)", "var(--ds-space-400, 32px)", _editorSharedStyles.akEditorMobileMaxWidth);
 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) {
+var mainToolbarFirstChildStyle = exports.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) {
+var mainToolbarSecondChildStyle = exports.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;
-var customToolbarWrapperStyle = (0, _react.css)(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2.default)(["\n  align-items: center;\n  display: flex;\n"])));
-exports.customToolbarWrapperStyle = customToolbarWrapperStyle;
+var nonCustomToolbarWrapperStyle = exports.nonCustomToolbarWrapperStyle = (0, _react.css)(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2.default)(["\n  align-items: center;\n  display: flex;\n  flex-grow: 1;\n"])));
+var customToolbarWrapperStyle = exports.customToolbarWrapperStyle = (0, _react.css)(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2.default)(["\n  align-items: center;\n  display: flex;\n"])));

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

@@ -16,41 +16,33 @@ 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"])));
-exports.fullPageEditorWrapper = fullPageEditorWrapper;
+var fullPageEditorWrapper = exports.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"])));
 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;
+var ScrollContainer = exports.ScrollContainer = (0, _ContentStyles.createEditorContentStyle)(scrollStyles);
 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-right: ", "px;\n  transition: padding 500ms ", ";\n\n  .fabric-editor-popup-scroll-parent {\n    padding-left: ", "px;\n    transition: padding 500ms ", ";\n  }\n"])), _editorSharedStyles.akEditorContextPanelWidth, _editorSharedStyles.akEditorSwoopCubicBezier, _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"])));
+var positionedOverEditorStyle = exports.positionedOverEditorStyle = (0, _react.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  padding-right: ", "px;\n  transition: padding 500ms ", ";\n\n  .fabric-editor-popup-scroll-parent {\n    padding-left: ", "px;\n    transition: padding 500ms ", ";\n  }\n"])), _editorSharedStyles.akEditorContextPanelWidth, _editorSharedStyles.akEditorSwoopCubicBezier, _editorSharedStyles.akEditorContextPanelWidth, _editorSharedStyles.akEditorSwoopCubicBezier);
+var contentArea = exports.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);
+var sidebarArea = exports.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"])));
+var editorContentAreaHideContainer = exports.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 */
-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 editorContentAreaStyle = exports.editorContentAreaStyle = function editorContentAreaStyle(_ref) {
   var layoutMaxWidth = _ref.layoutMaxWidth,
     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;
+var editorContentGutterStyle = exports.editorContentGutterStyle = (0, _react.css)(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2.default)(["\n  box-sizing: border-box;\n  padding: 0 ", "px;\n"])), _editorSharedStyles.akEditorGutterPadding);