@atlaskit/editor-common 72.2.0 → 72.2.2

package/dist/cjs/ui-color/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -65,19 +64,11 @@ Object.defineProperty(exports, "textColorPalette", {
     return _textColorPalette.textColorPalette;
   }
 });
-
 var _ColorPalette = _interopRequireDefault(require("./ColorPalette"));
-
 var _Color = _interopRequireDefault(require("./ColorPalette/Color"));
-
 var _cellBackgroundColorPalette = _interopRequireDefault(require("./ColorPalette/Palettes/cellBackgroundColorPalette"));
-
 var _paletteMessages = _interopRequireDefault(require("./ColorPalette/Palettes/paletteMessages"));
-
 var _panelBackgroundPalette = require("./ColorPalette/Palettes/panelBackgroundPalette");
-
 var _statusColorPalette = require("./ColorPalette/Palettes/statusColorPalette");
-
 var _textColorPalette = require("./ColorPalette/Palettes/textColorPalette");
-
 var _common = require("./ColorPalette/Palettes/common");

package/dist/cjs/ui-menu/Dropdown/index.js

@@ -1,46 +1,27 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.Dropdown = 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 _uiReact = require("../../ui-react");
-
 var _DropList = _interopRequireDefault(require("../../ui/DropList"));
-
 var _Popup = _interopRequireDefault(require("../../ui/Popup"));
-
 var _MenuArrowKeyNavigationProvider = require("../MenuArrowKeyNavigationProvider");
-
 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; } }
-
 /**
  * Wrapper around @atlaskit/droplist which uses Popup and Portal to render
  * droplist outside of "overflow: hidden" containers when needed.
@@ -49,12 +30,9 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
  */
 var Dropdown = /*#__PURE__*/function (_PureComponent) {
   (0, _inherits2.default)(Dropdown, _PureComponent);
-
   var _super = _createSuper(Dropdown);
-
   function Dropdown(props) {
     var _this;
-
     (0, _classCallCheck2.default)(this, Dropdown);
     _this = _super.call(this, props);
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleRef", function (target) {
@@ -72,24 +50,23 @@ var Dropdown = /*#__PURE__*/function (_PureComponent) {
     };
     return _this;
   }
-
   (0, _createClass2.default)(Dropdown, [{
     key: "renderDropdown",
     value: function renderDropdown() {
       var _this$state = this.state,
-          target = _this$state.target,
-          popupPlacement = _this$state.popupPlacement;
+        target = _this$state.target,
+        popupPlacement = _this$state.popupPlacement;
       var _this$props = this.props,
-          children = _this$props.children,
-          mountTo = _this$props.mountTo,
-          boundariesElement = _this$props.boundariesElement,
-          scrollableElement = _this$props.scrollableElement,
-          onOpenChange = _this$props.onOpenChange,
-          fitHeight = _this$props.fitHeight,
-          fitWidth = _this$props.fitWidth,
-          zIndex = _this$props.zIndex,
-          disableArrowKeyNavigation = _this$props.disableArrowKeyNavigation,
-          keyDownHandlerContext = _this$props.keyDownHandlerContext;
+        children = _this$props.children,
+        mountTo = _this$props.mountTo,
+        boundariesElement = _this$props.boundariesElement,
+        scrollableElement = _this$props.scrollableElement,
+        onOpenChange = _this$props.onOpenChange,
+        fitHeight = _this$props.fitHeight,
+        fitWidth = _this$props.fitWidth,
+        zIndex = _this$props.zIndex,
+        disableArrowKeyNavigation = _this$props.disableArrowKeyNavigation,
+        keyDownHandlerContext = _this$props.keyDownHandlerContext;
       return /*#__PURE__*/_react.default.createElement(_Popup.default, {
         target: target,
         mountTo: mountTo,
@@ -125,8 +102,8 @@ var Dropdown = /*#__PURE__*/function (_PureComponent) {
     key: "render",
     value: function render() {
       var _this$props2 = this.props,
-          trigger = _this$props2.trigger,
-          isOpen = _this$props2.isOpen;
+        trigger = _this$props2.trigger,
+        isOpen = _this$props2.isOpen;
       return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
         ref: this.handleRef
       }, trigger), isOpen ? this.renderDropdown() : null);
@@ -134,7 +111,6 @@ var Dropdown = /*#__PURE__*/function (_PureComponent) {
   }]);
   return Dropdown;
 }(_react.PureComponent);
-
 exports.Dropdown = Dropdown;
 var DropdownWithOuterListeners = (0, _uiReact.withReactEditorViewOuterListeners)(Dropdown);
 var _default = DropdownWithOuterListeners;

package/dist/cjs/ui-menu/DropdownMenu/index.js

@@ -1,71 +1,40 @@
 "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 _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 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 _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 _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _react2 = require("@emotion/react");
-
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
-
 var _menu = require("@atlaskit/menu");
-
 var _colors = require("@atlaskit/theme/colors");
-
 var _components = require("@atlaskit/theme/components");
-
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
-
 var _uiReact = require("../../ui-react");
-
 var _DropList = _interopRequireDefault(require("../../ui/DropList"));
-
 var _Popup = _interopRequireDefault(require("../../ui/Popup"));
-
 var _MenuArrowKeyNavigationProvider = require("../MenuArrowKeyNavigationProvider");
-
 var _excluded = ["children"];
-
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
-
 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 wrapper = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  /* tooltip in ToolbarButton is display:block */\n  & > div > div {\n    display: flex;\n  }\n"])));
 var focusedMenuItemStyle = (0, _react2.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  box-shadow: inset 0px 0px 0px 2px ", ";\n  outline: none;\n"])), "var(--ds-border-focused, ".concat(_colors.B100, ")"));
-
 var buttonStyles = function buttonStyles(isActive) {
   return function (theme) {
     if (isActive) {
@@ -92,27 +61,22 @@ var buttonStyles = function buttonStyles(isActive) {
 };
 
 var DropListWithOutsideListeners = (0, _uiReact.withReactEditorViewOuterListeners)(_DropList.default);
+
 /**
  * Wrapper around @atlaskit/droplist which uses Popup and Portal to render
  * dropdown-menu outside of "overflow: hidden" containers when needed.
  *
  * Also it controls popper's placement.
  */
-
 var DropdownMenuWrapper = /*#__PURE__*/function (_PureComponent) {
   (0, _inherits2.default)(DropdownMenuWrapper, _PureComponent);
-
   var _super = _createSuper(DropdownMenuWrapper);
-
   function DropdownMenuWrapper() {
     var _this;
-
     (0, _classCallCheck2.default)(this, DropdownMenuWrapper);
-
     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), "state", {
       popupPlacement: ['bottom', 'left'],
@@ -125,7 +89,6 @@ var DropdownMenuWrapper = /*#__PURE__*/function (_PureComponent) {
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "updatePopupPlacement", function (placement) {
       var previousPlacement = _this.state.popupPlacement;
-
       if (placement[0] !== previousPlacement[0] || placement[1] !== previousPlacement[1]) {
         _this.setState({
           popupPlacement: placement
@@ -134,9 +97,7 @@ var DropdownMenuWrapper = /*#__PURE__*/function (_PureComponent) {
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleCloseAndFocus", function () {
       var _this$state$target, _this$state$target$qu;
-
       _this.handleClose();
-
       (_this$state$target = _this.state.target) === null || _this$state$target === void 0 ? void 0 : (_this$state$target$qu = _this$state$target.querySelector('button')) === null || _this$state$target$qu === void 0 ? void 0 : _this$state$target$qu.focus();
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleClose", function () {
@@ -148,29 +109,27 @@ var DropdownMenuWrapper = /*#__PURE__*/function (_PureComponent) {
     });
     return _this;
   }
-
   (0, _createClass2.default)(DropdownMenuWrapper, [{
     key: "renderDropdownMenu",
     value: function renderDropdownMenu() {
       var _this2 = this;
-
       var _this$state = this.state,
-          target = _this$state.target,
-          popupPlacement = _this$state.popupPlacement;
+        target = _this$state.target,
+        popupPlacement = _this$state.popupPlacement;
       var _this$props = this.props,
-          items = _this$props.items,
-          mountTo = _this$props.mountTo,
-          boundariesElement = _this$props.boundariesElement,
-          scrollableElement = _this$props.scrollableElement,
-          offset = _this$props.offset,
-          fitHeight = _this$props.fitHeight,
-          fitWidth = _this$props.fitWidth,
-          isOpen = _this$props.isOpen,
-          zIndex = _this$props.zIndex,
-          shouldUseDefaultRole = _this$props.shouldUseDefaultRole,
-          disableArrowKeyNavigation = _this$props.disableArrowKeyNavigation,
-          keyDownHandlerContext = _this$props.keyDownHandlerContext,
-          onItemActivated = _this$props.onItemActivated;
+        items = _this$props.items,
+        mountTo = _this$props.mountTo,
+        boundariesElement = _this$props.boundariesElement,
+        scrollableElement = _this$props.scrollableElement,
+        offset = _this$props.offset,
+        fitHeight = _this$props.fitHeight,
+        fitWidth = _this$props.fitWidth,
+        isOpen = _this$props.isOpen,
+        zIndex = _this$props.zIndex,
+        shouldUseDefaultRole = _this$props.shouldUseDefaultRole,
+        disableArrowKeyNavigation = _this$props.disableArrowKeyNavigation,
+        keyDownHandlerContext = _this$props.keyDownHandlerContext,
+        onItemActivated = _this$props.onItemActivated;
       return (0, _react2.jsx)(_Popup.default, {
         target: isOpen ? target : undefined,
         mountTo: mountTo,
@@ -187,7 +146,6 @@ var DropdownMenuWrapper = /*#__PURE__*/function (_PureComponent) {
         keyDownHandlerContext: keyDownHandlerContext,
         onSelection: function onSelection(index) {
           var result = [];
-
           if (typeof onItemActivated === 'function') {
             result = items.reduce(function (result, group) {
               return result.concat(group.items);
@@ -220,7 +178,6 @@ var DropdownMenuWrapper = /*#__PURE__*/function (_PureComponent) {
           role: shouldUseDefaultRole ? 'group' : 'menu'
         }, group.items.map(function (item) {
           var _item$key;
-
           return (0, _react2.jsx)(DropdownMenuItem, {
             key: (_item$key = item.key) !== null && _item$key !== void 0 ? _item$key : String(item.content),
             item: item,
@@ -236,8 +193,8 @@ var DropdownMenuWrapper = /*#__PURE__*/function (_PureComponent) {
     key: "render",
     value: function render() {
       var _this$props2 = this.props,
-          children = _this$props2.children,
-          isOpen = _this$props2.isOpen;
+        children = _this$props2.children,
+        isOpen = _this$props2.isOpen;
       return (0, _react2.jsx)("div", {
         css: wrapper
       }, (0, _react2.jsx)("div", {
@@ -247,26 +204,21 @@ var DropdownMenuWrapper = /*#__PURE__*/function (_PureComponent) {
   }]);
   return DropdownMenuWrapper;
 }(_react.PureComponent);
-
 exports.default = DropdownMenuWrapper;
-
 var DropdownMenuItemCustomComponent = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var children = props.children,
-      rest = (0, _objectWithoutProperties2.default)(props, _excluded);
+    rest = (0, _objectWithoutProperties2.default)(props, _excluded);
   return (0, _react2.jsx)("span", (0, _extends2.default)({
     ref: ref
   }, rest), children);
 });
-
 function DropdownMenuItem(_ref) {
   var _item$key2;
-
   var item = _ref.item,
-      onItemActivated = _ref.onItemActivated,
-      shouldUseDefaultRole = _ref.shouldUseDefaultRole,
-      _onMouseEnter = _ref.onMouseEnter,
-      _onMouseLeave = _ref.onMouseLeave;
-
+    onItemActivated = _ref.onItemActivated,
+    shouldUseDefaultRole = _ref.shouldUseDefaultRole,
+    _onMouseEnter = _ref.onMouseEnter,
+    _onMouseLeave = _ref.onMouseLeave;
   // onClick and value.name are the action indicators in the handlers
   // If neither are present, don't wrap in an Item.
   if (!item.onClick && !(item.value && item.value.name)) {
@@ -274,7 +226,6 @@ function DropdownMenuItem(_ref) {
       key: String(item.content)
     }, item.content);
   }
-
   var dropListItem = (0, _react2.jsx)("div", {
     css: function css(theme) {
       return buttonStyles(item.isActive)({
@@ -314,16 +265,13 @@ function DropdownMenuItem(_ref) {
       });
     }
   }, item.content));
-
   if (item.tooltipDescription) {
     var _item$key3;
-
     return (0, _react2.jsx)(_tooltip.default, {
       key: (_item$key3 = item.key) !== null && _item$key3 !== void 0 ? _item$key3 : String(item.content),
       content: item.tooltipDescription,
       position: item.tooltipPosition
     }, dropListItem);
   }
-
   return dropListItem;
 }

package/dist/cjs/ui-menu/MenuArrowKeyNavigationProvider/index.js

@@ -1,60 +1,48 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.MenuArrowKeyNavigationProvider = void 0;
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 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; }
-
 /**
  * This component is a wrapper of vertical menus which listens to keydown events of children
  * and handles up/down arrow key navigation
  */
 var MenuArrowKeyNavigationProvider = function MenuArrowKeyNavigationProvider(_ref) {
   var children = _ref.children,
-      handleClose = _ref.handleClose,
-      disableArrowKeyNavigation = _ref.disableArrowKeyNavigation,
-      keyDownHandlerContext = _ref.keyDownHandlerContext,
-      closeOnTab = _ref.closeOnTab,
-      onSelection = _ref.onSelection;
+    handleClose = _ref.handleClose,
+    disableArrowKeyNavigation = _ref.disableArrowKeyNavigation,
+    keyDownHandlerContext = _ref.keyDownHandlerContext,
+    closeOnTab = _ref.closeOnTab,
+    onSelection = _ref.onSelection;
   var wrapperRef = (0, _react.useRef)(null);
-
   var _useState = (0, _react.useState)(-1),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      currentSelectedItemIndex = _useState2[0],
-      setCurrentSelectedItemIndex = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    currentSelectedItemIndex = _useState2[0],
+    setCurrentSelectedItemIndex = _useState2[1];
   var incrementIndex = (0, _react.useCallback)(function (list) {
     var currentIndex = currentSelectedItemIndex;
-    var nextIndex = (currentIndex + 1) % list.length; // Skips disabled items. Previously this function relied on a list of enabled elements which caused a
+    var nextIndex = (currentIndex + 1) % list.length;
+    // Skips disabled items. Previously this function relied on a list of enabled elements which caused a
     // difference between currentIndex and the item index in the menu.
-
     while (nextIndex !== currentIndex && list[nextIndex].getAttribute('aria-disabled') === 'true') {
       nextIndex = (nextIndex + 1) % list.length;
     }
-
     setCurrentSelectedItemIndex(nextIndex);
     return nextIndex;
   }, [currentSelectedItemIndex]);
   var decrementIndex = (0, _react.useCallback)(function (list) {
     var currentIndex = currentSelectedItemIndex;
     var nextIndex = (list.length + currentIndex - 1) % list.length;
-
     while (nextIndex !== currentIndex && list[nextIndex].getAttribute('aria-disabled') === 'true') {
       nextIndex = (list.length + nextIndex - 1) % list.length;
     }
-
     setCurrentSelectedItemIndex(nextIndex);
     return nextIndex;
   }, [currentSelectedItemIndex]);
@@ -62,100 +50,82 @@ var MenuArrowKeyNavigationProvider = function MenuArrowKeyNavigationProvider(_re
     if (disableArrowKeyNavigation) {
       return;
     }
+
     /**
      * To handle the key events on the list
      * @param event
      */
-
-
     var handleKeyDown = function handleKeyDown(event) {
       var _wrapperRef$current;
+      var targetElement = event.target;
 
-      var targetElement = event.target; //Tab key on menu items can be handled in the parent components of dropdown menus with KeydownHandlerContext
-
+      //Tab key on menu items can be handled in the parent components of dropdown menus with KeydownHandlerContext
       if (event.key === 'Tab' && closeOnTab) {
         handleClose(event);
         keyDownHandlerContext === null || keyDownHandlerContext === void 0 ? void 0 : keyDownHandlerContext.handleTab();
         return;
-      } //To trap the focus inside the toolbar using left and right arrow keys
-
+      }
 
+      //To trap the focus inside the toolbar using left and right arrow keys
       var focusableElements = getFocusableElements(wrapperRef === null || wrapperRef === void 0 ? void 0 : wrapperRef.current);
-
       if (!focusableElements || (focusableElements === null || focusableElements === void 0 ? void 0 : focusableElements.length) === 0) {
         return;
       }
-
       if (!((_wrapperRef$current = wrapperRef.current) !== null && _wrapperRef$current !== void 0 && _wrapperRef$current.contains(targetElement))) {
         setCurrentSelectedItemIndex(-1);
       }
-
       switch (event.key) {
         case 'ArrowDown':
           {
             var _focusableElements$fo;
-
             var focusIndex = incrementIndex(focusableElements);
             (_focusableElements$fo = focusableElements[focusIndex]) === null || _focusableElements$fo === void 0 ? void 0 : _focusableElements$fo.focus();
             event.preventDefault();
             break;
           }
-
         case 'ArrowUp':
           {
             var _focusableElements$_f;
-
             var _focusIndex = decrementIndex(focusableElements);
-
             (_focusableElements$_f = focusableElements[_focusIndex]) === null || _focusableElements$_f === void 0 ? void 0 : _focusableElements$_f.focus();
             event.preventDefault();
             break;
           }
+
         //ArrowLeft/Right on the menu should close the menus
         //then logic to retain the focus can be handled in the parent components with KeydownHandlerContext
-
         case 'ArrowLeft':
           //Filter out the events from outside the menu
           if (!targetElement.closest('.custom-key-handler-wrapper')) {
             return;
           }
-
           if (!targetElement.closest('[data-testid="editor-floating-toolbar"]')) {
             keyDownHandlerContext === null || keyDownHandlerContext === void 0 ? void 0 : keyDownHandlerContext.handleArrowLeft();
           }
-
           handleClose(event);
           break;
-
         case 'ArrowRight':
           //Filter out the events from outside the menu
           if (!targetElement.closest('.custom-key-handler-wrapper')) {
             return;
           }
-
           if (!targetElement.closest('[data-testid="editor-floating-toolbar"]')) {
             keyDownHandlerContext === null || keyDownHandlerContext === void 0 ? void 0 : keyDownHandlerContext.handleArrowRight();
           }
-
           handleClose(event);
           break;
-
         case 'Escape':
           handleClose(event);
           break;
-
         case 'Enter':
           if (typeof onSelection === 'function') {
             onSelection(currentSelectedItemIndex);
           }
-
           break;
-
         default:
           return;
       }
     };
-
     document.addEventListener('keydown', handleKeyDown);
     return function () {
       document.removeEventListener('keydown', handleKeyDown);
@@ -166,14 +136,11 @@ var MenuArrowKeyNavigationProvider = function MenuArrowKeyNavigationProvider(_re
     ref: wrapperRef
   }, children);
 };
-
 exports.MenuArrowKeyNavigationProvider = MenuArrowKeyNavigationProvider;
-
 function getFocusableElements(rootNode) {
   if (!rootNode) {
     return [];
   }
-
   var focusableModalElements = rootNode.querySelectorAll('a[href], button:not([disabled]), textarea, input, select, div[tabindex="-1"]') || [];
   return Array.from(focusableModalElements);
 }