@atlaskit/editor-core 178.1.0 → 178.1.2

package/dist/cjs/plugins/expand/pm-plugins/keymap.js

@@ -1,231 +1,174 @@
 "use strict";
 
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.expandKeymap = expandKeymap;
-
 var _prosemirrorKeymap = require("prosemirror-keymap");
-
 var _prosemirrorState = require("prosemirror-state");
-
 var keymaps = _interopRequireWildcard(require("../../../keymaps"));
-
 var _gapCursorSelection = require("../../selection/gap-cursor-selection");
-
 var _utils = require("../utils");
-
 var _utils2 = require("../../../utils");
-
 var _classNames = require("../ui/class-names");
-
 var _commands = require("../commands");
-
 var _pluginFactory = require("../../selection/plugin-factory");
-
 var _types = require("../../selection/types");
-
 var _table = require("../../../utils/table");
-
 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 isExpandNode = function isExpandNode(node) {
   return (node === null || node === void 0 ? void 0 : node.type.name) === 'expand' || (node === null || node === void 0 ? void 0 : node.type.name) === 'nestedExpand';
 };
-
 var isExpandSelected = function isExpandSelected(selection) {
   return selection instanceof _prosemirrorState.NodeSelection && isExpandNode(selection.node);
 };
-
 function expandKeymap() {
   var list = {};
   keymaps.bindKeymapWithCommand(keymaps.moveRight.common, function (state, dispatch, editorView) {
     if (!editorView) {
       return false;
     }
-
     var selection = state.selection;
-
     var _getSelectionPluginSt = (0, _pluginFactory.getPluginState)(state),
-        selectionRelativeToNode = _getSelectionPluginSt.selectionRelativeToNode;
-
+      selectionRelativeToNode = _getSelectionPluginSt.selectionRelativeToNode;
     if (isExpandSelected(selection) && selectionRelativeToNode === _types.RelativeSelectionPos.Start) {
       return (0, _commands.focusTitle)(selection.from + 1)(state, dispatch, editorView);
     }
-
     return false;
   }, list);
   keymaps.bindKeymapWithCommand(keymaps.moveLeft.common, function (state, dispatch, editorView) {
     if (!editorView) {
       return false;
     }
-
     var selection = state.selection;
-
     var _getSelectionPluginSt2 = (0, _pluginFactory.getPluginState)(state),
-        selectionRelativeToNode = _getSelectionPluginSt2.selectionRelativeToNode;
-
+      selectionRelativeToNode = _getSelectionPluginSt2.selectionRelativeToNode;
     if (isExpandSelected(selection) && (selectionRelativeToNode === undefined || selectionRelativeToNode === _types.RelativeSelectionPos.End)) {
       return (0, _commands.focusTitle)(selection.from + 1)(state, dispatch, editorView);
     }
-
     return false;
   }, list);
   keymaps.bindKeymapWithCommand(keymaps.tab.common, function (state, dispatch, editorView) {
     if (state.selection instanceof _prosemirrorState.NodeSelection && state.selection.node.type === state.schema.nodes.expand && editorView && editorView.dom instanceof HTMLElement) {
       var from = state.selection.from;
       var expand = editorView.nodeDOM(from);
-
       if (!expand || !(expand instanceof HTMLElement)) {
         return false;
       }
-
       var iconContainer = expand.querySelector(".".concat(_classNames.expandClassNames.iconContainer));
-
       if (iconContainer && iconContainer.focus) {
         var tr = state.tr;
         var pos = state.selection.from;
         tr.setSelection(new _prosemirrorState.TextSelection(tr.doc.resolve(pos)));
-
         if (dispatch) {
           dispatch(tr);
         }
-
         editorView.dom.blur();
         iconContainer.focus();
       }
-
       return true;
     }
-
     return false;
   }, list);
   keymaps.bindKeymapWithCommand(keymaps.moveUp.common, function (state, dispatch, editorView) {
     if (!editorView) {
       return false;
     }
-
     var selection = state.selection,
-        schema = state.schema;
+      schema = state.schema;
     var nodeBefore = selection.$from.nodeBefore;
-
     if (selection instanceof _gapCursorSelection.GapCursorSelection && selection.side === _gapCursorSelection.Side.RIGHT && nodeBefore && (nodeBefore.type === schema.nodes.expand || nodeBefore.type === schema.nodes.nestedExpand) && !nodeBefore.attrs.__expanded) {
       var _$from = selection.$from;
       return (0, _commands.focusTitle)(Math.max(_$from.pos - 1, 0))(state, dispatch, editorView);
     }
-
     var $from = state.selection.$from;
-
     if (editorView.endOfTextblock('up')) {
-      var expand = (0, _utils.findExpand)(state); // Moving UP in a table should move the cursor to the row above
+      var expand = (0, _utils.findExpand)(state);
+
+      // Moving UP in a table should move the cursor to the row above
       // however when an expand is in a table cell to the left of the
       // current table cell, arrow UP moves the cursor to the left
       // see ED-15425
-
       if ((0, _table.isPositionNearTableRow)($from, schema, 'before') && !expand) {
         return false;
       }
-
-      var prevCursorPos = Math.max($from.pos - $from.parentOffset - 1, 0); // move cursor from expand's content to its title
-
+      var prevCursorPos = Math.max($from.pos - $from.parentOffset - 1, 0);
+      // move cursor from expand's content to its title
       if (expand && expand.start === prevCursorPos) {
         return (0, _commands.focusTitle)(expand.start)(state, dispatch, editorView);
       }
-
       var sel = _prosemirrorState.Selection.findFrom(state.doc.resolve(prevCursorPos), -1);
-
       var expandBefore = (0, _utils.findExpand)(state, sel);
-
       if (sel && expandBefore) {
         // moving cursor from outside of an expand to the title when it is collapsed
         if (!expandBefore.node.attrs.__expanded) {
           return (0, _commands.focusTitle)(expandBefore.start)(state, dispatch, editorView);
-        } // moving cursor from outside of an expand to the content when it is expanded
+        }
+        // moving cursor from outside of an expand to the content when it is expanded
         else if (dispatch) {
           dispatch(state.tr.setSelection(sel));
         }
-
         return true;
       }
     }
-
     return false;
   }, list);
   keymaps.bindKeymapWithCommand(keymaps.moveDown.common, function (state, dispatch, editorView) {
     if (!editorView) {
       return false;
     }
-
     var _state$schema$nodes = state.schema.nodes,
-        expand = _state$schema$nodes.expand,
-        nestedExpand = _state$schema$nodes.nestedExpand;
+      expand = _state$schema$nodes.expand,
+      nestedExpand = _state$schema$nodes.nestedExpand;
     var selection = state.selection;
     var nodeAfter = selection.$from.nodeAfter;
-
     if (selection instanceof _gapCursorSelection.GapCursorSelection && selection.side === _gapCursorSelection.Side.LEFT && nodeAfter && (nodeAfter.type === expand || nodeAfter.type === nestedExpand) && !nodeAfter.attrs.__expanded) {
       var $from = selection.$from;
       return (0, _commands.focusTitle)($from.pos + 1)(state, dispatch, editorView);
     }
-
     if (editorView.endOfTextblock('down')) {
       var _$from2 = state.selection.$from;
-
       if (_$from2.depth === 0) {
         return false;
       }
-
       var $after = state.doc.resolve(_$from2.after());
-
       if ($after.nodeAfter && ($after.nodeAfter.type === expand || $after.nodeAfter.type === nestedExpand)) {
         return (0, _commands.focusTitle)($after.pos + 1)(state, dispatch, editorView);
       }
     }
-
     return false;
   }, list);
   keymaps.bindKeymapWithCommand(keymaps.backspace.common, function (state, dispatch, editorView) {
     var selection = state.selection;
     var $from = selection.$from;
-
     if (!editorView || !selection.empty) {
       return false;
     }
-
     var _state$schema$nodes2 = state.schema.nodes,
-        expand = _state$schema$nodes2.expand,
-        nestedExpand = _state$schema$nodes2.nestedExpand;
+      expand = _state$schema$nodes2.expand,
+      nestedExpand = _state$schema$nodes2.nestedExpand;
     var expandNode = (0, _utils.findExpand)(state);
-
     if (!expandNode) {
       // @see ED-7977
       var sel = _prosemirrorState.Selection.findFrom(state.doc.resolve(Math.max(selection.$from.pos - 1, 0)), -1);
-
       var expandBefore = (0, _utils.findExpand)(state, sel);
-
       if (expandBefore && (expandBefore.node.type === expand || expandBefore.node.type === nestedExpand) && !expandBefore.node.attrs.__expanded) {
         return (0, _commands.focusTitle)(expandBefore.start)(state, dispatch, editorView);
       }
-
       return false;
     }
-
-    var parentNode = state.doc.nodeAt($from.before(Math.max($from.depth - 1, 1))); // ED-10012 catch cases where the expand has another node nested within it and
+    var parentNode = state.doc.nodeAt($from.before(Math.max($from.depth - 1, 1)));
+    // ED-10012 catch cases where the expand has another node nested within it and
     // the backspace should be applied only to the inner node instead of the expand
-
     if (parentNode && !isExpandNode(parentNode)) {
       return false;
     }
-
     var textSel = _prosemirrorState.Selection.findFrom(state.doc.resolve(expandNode.pos), 1, true);
-
     if (textSel && selection.$from.pos === textSel.$from.pos && (0, _utils2.isEmptyNode)(state.schema)(expandNode.node) && dispatch) {
       return (0, _commands.deleteExpand)()(state, dispatch);
     }
-
     return false;
   }, list);
   return (0, _prosemirrorKeymap.keymap)(list);

package/dist/cjs/plugins/expand/pm-plugins/main.js

@@ -1,35 +1,23 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.containsClass = containsClass;
 exports.createPlugin = void 0;
-
 var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
-
 var _prosemirrorUtils = require("prosemirror-utils");
-
 var _utils = require("../../selection/utils");
-
 var _nodeviews = _interopRequireDefault(require("../nodeviews"));
-
 var _commands = require("../commands");
-
 var _utils2 = require("../utils");
-
 var _classNames = require("../ui/class-names");
-
 var _pluginFactory = require("./plugin-factory");
-
 function containsClass(element, className) {
   var _element$classList;
-
   return Boolean(element === null || element === void 0 ? void 0 : (_element$classList = element.classList) === null || _element$classList === void 0 ? void 0 : _element$classList.contains(className));
 }
-
 var createPlugin = function createPlugin(dispatch, getIntl) {
   var appearance = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'full-page';
   var useLongPressSelection = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
@@ -69,7 +57,6 @@ var createPlugin = function createPlugin(dispatch, getIntl) {
       if (containsClass(document.activeElement, _classNames.expandClassNames.titleInput) && tr.selectionSet && (!tr.steps.length || tr.isGeneric)) {
         return false;
       }
-
       return true;
     },
     view: function view(editorView) {
@@ -77,12 +64,10 @@ var createPlugin = function createPlugin(dispatch, getIntl) {
       return {
         update: function update(view) {
           var state = view.state,
-              dispatch = view.dispatch;
+            dispatch = view.dispatch;
           var node = (0, _utils2.findExpand)(state);
-
           if (node) {
             var expandRef = (0, _prosemirrorUtils.findDomRefAtPos)(node.pos, domAtPos);
-
             if ((0, _pluginFactory.getPluginState)(state).expandRef !== expandRef) {
               (0, _commands.setExpandRef)(expandRef)(state, dispatch);
             }
@@ -92,5 +77,4 @@ var createPlugin = function createPlugin(dispatch, getIntl) {
     }
   });
 };
-
 exports.createPlugin = createPlugin;

package/dist/cjs/plugins/expand/pm-plugins/plugin-factory.js

@@ -1,26 +1,19 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.pluginKey = exports.getPluginState = exports.createPluginState = exports.createCommand = void 0;
-
 var _prosemirrorState = require("prosemirror-state");
-
 var _pluginStateFactory = require("../../../utils/plugin-state-factory");
-
 var _reducer = _interopRequireDefault(require("../reducer"));
-
 var pluginKey = new _prosemirrorState.PluginKey('expandPlugin');
 exports.pluginKey = pluginKey;
-
 var _pluginFactory = (0, _pluginStateFactory.pluginFactory)(pluginKey, _reducer.default),
-    createPluginState = _pluginFactory.createPluginState,
-    createCommand = _pluginFactory.createCommand,
-    getPluginState = _pluginFactory.getPluginState;
-
+  createPluginState = _pluginFactory.createPluginState,
+  createCommand = _pluginFactory.createCommand,
+  getPluginState = _pluginFactory.getPluginState;
 exports.getPluginState = getPluginState;
 exports.createCommand = createCommand;
 exports.createPluginState = createPluginState;

package/dist/cjs/plugins/expand/reducer.js

@@ -1,28 +1,21 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 var _default = function _default(pluginState, action) {
   switch (action.type) {
     case 'SET_EXPAND_REF':
       return _objectSpread(_objectSpread({}, pluginState), {}, {
         expandRef: action.data.ref
       });
-
     default:
       return pluginState;
   }
 };
-
 exports.default = _default;

package/dist/cjs/plugins/expand/toolbar.js

@@ -1,32 +1,23 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getToolbarConfig = void 0;
-
 var _remove = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/remove"));
-
 var _messages = _interopRequireDefault(require("../../messages"));
-
 var _commands = require("./commands");
-
 var _decoration = require("../base/pm-plugins/decoration");
-
 var _pluginFactory = require("./pm-plugins/plugin-factory");
-
 var getToolbarConfig = function getToolbarConfig(state, _ref) {
   var formatMessage = _ref.formatMessage;
-
   var _getPluginState = (0, _pluginFactory.getPluginState)(state),
-      expandRef = _getPluginState.expandRef;
-
+    expandRef = _getPluginState.expandRef;
   if (expandRef) {
     var _state$schema$nodes = state.schema.nodes,
-        nestedExpand = _state$schema$nodes.nestedExpand,
-        expand = _state$schema$nodes.expand;
+      nestedExpand = _state$schema$nodes.nestedExpand,
+      expand = _state$schema$nodes.expand;
     return {
       title: 'Expand toolbar',
       getDomRef: function getDomRef() {
@@ -59,8 +50,6 @@ var getToolbarConfig = function getToolbarConfig(state, _ref) {
       }]
     };
   }
-
   return;
 };
-
 exports.getToolbarConfig = getToolbarConfig;

package/dist/cjs/plugins/expand/ui/ExpandIconButton.js

@@ -1,71 +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.withTooltip = exports.ExpandIconButton = exports.CustomButton = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
 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 _react = _interopRequireWildcard(require("react"));
-
 var _react2 = require("@emotion/react");
-
 var _customThemeButton = _interopRequireDefault(require("@atlaskit/button/custom-theme-button"));
-
 var _ui = require("@atlaskit/editor-common/ui");
-
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
-
 var _chevronRight = _interopRequireDefault(require("@atlaskit/icon/glyph/chevron-right"));
-
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
-
 var _classNames = require("./class-names");
-
 var _excluded = ["buttonStyles"];
-
 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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 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 withTooltip = function withTooltip(WrapperComponent) {
   return /*#__PURE__*/function (_React$Component) {
     (0, _inherits2.default)(WithSortableColumn, _React$Component);
-
     var _super = _createSuper(WithSortableColumn);
-
     function WithSortableColumn(props) {
       (0, _classCallCheck2.default)(this, WithSortableColumn);
       return _super.call(this, props);
     }
-
     (0, _createClass2.default)(WithSortableColumn, [{
       key: "render",
       value: function render() {
@@ -80,17 +51,14 @@ var withTooltip = function withTooltip(WrapperComponent) {
     return WithSortableColumn;
   }(_react.default.Component);
 };
-
 exports.withTooltip = withTooltip;
-
 var CustomButton = function CustomButton(props) {
   var label = props.label,
-      allowInteractiveExpand = props.allowInteractiveExpand;
+    allowInteractiveExpand = props.allowInteractiveExpand;
   var useTheme = (0, _react.useCallback)(function (currentTheme, themeProps) {
     var _currentTheme = currentTheme(themeProps),
-        buttonStyles = _currentTheme.buttonStyles,
-        rest = (0, _objectWithoutProperties2.default)(_currentTheme, _excluded);
-
+      buttonStyles = _currentTheme.buttonStyles,
+      rest = (0, _objectWithoutProperties2.default)(_currentTheme, _excluded);
     return _objectSpread({
       buttonStyles: _objectSpread(_objectSpread({}, buttonStyles), {}, {
         height: '100%',
@@ -112,31 +80,28 @@ var CustomButton = function CustomButton(props) {
     isDisabled: !allowInteractiveExpand
   });
 };
-
 exports.CustomButton = CustomButton;
 var ButtonWithTooltip = withTooltip(CustomButton);
 var ButtonWithoutTooltip = CustomButton;
-
 var ExpandIconButton = function ExpandIconButton(props) {
   var expanded = props.expanded,
-      intl = props.intl;
+    intl = props.intl;
   var message = expanded ? _ui.expandMessages.collapseNode : _ui.expandMessages.expandNode;
-  var label = intl && intl.formatMessage(message) || message.defaultMessage; // check to ensure device supports any-hover
-
+  var label = intl && intl.formatMessage(message) || message.defaultMessage;
+  // check to ensure device supports any-hover
   var supportsAnyHover = !!window.matchMedia ? window.matchMedia('(any-hover: hover)').matches !== window.matchMedia('(any-hover: none)').matches : false;
-  var hoverEventCheck = supportsAnyHover ? window.matchMedia('(any-hover: hover)').matches : true; // hoverEventCheck is to disable tooltips for mobile to prevent incorrect hover state causing issues on iOS
+  var hoverEventCheck = supportsAnyHover ? window.matchMedia('(any-hover: hover)').matches : true;
 
+  // hoverEventCheck is to disable tooltips for mobile to prevent incorrect hover state causing issues on iOS
   if (props.allowInteractiveExpand && hoverEventCheck) {
     return (0, _react2.jsx)(ButtonWithTooltip, (0, _extends2.default)({
       label: label
     }, props));
   }
-
   return (0, _react2.jsx)("div", {
     css: _ui.expandLayoutWrapperStyle
   }, (0, _react2.jsx)(ButtonWithoutTooltip, (0, _extends2.default)({
     label: label
   }, props)));
 };
-
 exports.ExpandIconButton = ExpandIconButton;

package/dist/cjs/plugins/expand/ui/styles.js

@@ -1,44 +1,30 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.expandStyles = void 0;
-
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
 var _react = require("@emotion/react");
-
 var _components = require("@atlaskit/theme/components");
-
 var _constants = require("@atlaskit/theme/constants");
-
 var _colors = require("@atlaskit/theme/colors");
-
 var _ui = require("@atlaskit/editor-common/ui");
-
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
-
 var _constants2 = require("../../breakout/constants");
-
 var _classNames = require("./class-names");
-
 var _templateObject, _templateObject2;
-
 var EXPAND_SELECTED_BACKGROUND = (0, _components.themed)({
   light: "var(--ds-background-neutral-subtle, rgba(255, 255, 255, 0.6))",
   dark: "var(--ds-background-neutral-subtle, rgba(9, 10, 11, 0.29))"
 });
-
 var EXPAND_ICON_COLOR = function EXPAND_ICON_COLOR(props) {
   return (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  color: ", ";\n"])), (0, _components.themed)({
     light: "var(--ds-icon-subtle, ".concat(_colors.N80A, ")"),
     dark: "var(--ds-icon-subtle, #d9dde3)"
   })(props));
 };
-
 var ACTIVE_STATE_BACKGROUND_COLOR = (0, _components.themed)({
   dark: "var(--ds-blanket-selected, ".concat("#0C294F4B", ")")
 });
@@ -61,7 +47,6 @@ var DANGER_STATE_BORDER_COLOR = (0, _components.themed)({
 var DANGER_STATE_BORDER_RADIUS = (0, _components.themed)({
   dark: '3px'
 });
-
 var expandStyles = function expandStyles(props) {
   return (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  .", " > div {\n    display: flex;\n  }\n\n  .", " {\n    ", "\n    overflow: hidden;\n    cursor: pointer;\n    box-sizing: border-box;\n\n    td > & {\n      margin-top: 0;\n    }\n\n    .", " svg {\n      ", ";\n      transform: rotate(90deg);\n    }\n\n    &.", ":not(.danger) {\n      ", "\n\n      ::after {\n        // Custom background color and borders (for dark theme).\n        background-color: ", ";\n        border: ", ";\n        border-radius: ", ";\n      }\n    }\n\n    &.danger {\n      background: ", ";\n      border: ", ";\n      border-color: ", ";\n      border-radius: ", ";\n    }\n  }\n\n  .ProseMirror\n    > .", ",\n    .", "\n    > .", " {\n    margin-left: -", "px;\n    margin-right: -", "px;\n  }\n\n  .", " {\n    ", "\n    cursor: text;\n    padding-top: 0px;\n  }\n\n  .", " {\n    ", "\n  }\n\n  .", " {\n    ", ";\n    align-items: center;\n    overflow: visible;\n  }\n\n  .", " {\n    background: ", ";\n    border-color: ", ";\n\n    .", " {\n      padding-top: ", "px;\n    }\n  }\n\n  .", " {\n    width: 100%;\n  }\n\n  /* stylelint-disable property-no-unknown, value-keyword-case */\n  .", ":(.", ") {\n    .expand-content-wrapper {\n      height: auto;\n    }\n  }\n  /* stylelint-enable property-no-unknown, value-keyword-case */\n\n  .", ":not(.", ") {\n    .ak-editor-expand__content {\n      position: absolute;\n      height: 1px;\n      width: 1px;\n      overflow: hidden;\n      clip: rect(1px, 1px, 1px, 1px);\n      white-space: nowrap;\n    }\n\n    .", " svg {\n      ", ";\n      transform: rotate(0deg);\n    }\n\n    &:not(.", "):not(.danger) {\n      background: transparent;\n      border-color: transparent;\n\n      &:hover {\n        border-color: ", ";\n        background: ", ";\n      }\n    }\n  }\n"])), _classNames.expandClassNames.icon, _classNames.expandClassNames.prefix, _ui.sharedExpandStyles.containerStyles({
     expanded: false,
@@ -77,5 +62,4 @@ var expandStyles = function expandStyles(props) {
     dark: "var(--ds-border, ".concat(_colors.DN50, ")")
   })(props), EXPAND_SELECTED_BACKGROUND(props));
 };
-
 exports.expandStyles = expandStyles;

package/dist/cjs/plugins/expand/utils.js

@@ -21,5 +21,4 @@ Object.defineProperty(exports, "transformSliceToRemoveOpenExpand", {
     return _transforms.transformSliceToRemoveOpenExpand;
   }
 });
-
 var _transforms = require("@atlaskit/editor-common/transforms");