@atlaskit/editor-common 72.1.2 → 72.2.1

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

@@ -1,162 +1,146 @@
 "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;
+    handleClose = _ref.handleClose,
+    disableArrowKeyNavigation = _ref.disableArrowKeyNavigation,
+    keyDownHandlerContext = _ref.keyDownHandlerContext,
+    closeOnTab = _ref.closeOnTab,
+    onSelection = _ref.onSelection;
   var wrapperRef = (0, _react.useRef)(null);
-  var currentSelectedItemIndex = (0, _react.useRef)(-1);
-
-  var incrementIndex = function incrementIndex(list) {
-    if (currentSelectedItemIndex.current === list.length - 1 || currentSelectedItemIndex.current === -1) {
-      currentSelectedItemIndex.current = 0;
-    } else {
-      currentSelectedItemIndex.current = currentSelectedItemIndex.current + 1;
+  var _useState = (0, _react.useState)(-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
+    // difference between currentIndex and the item index in the menu.
+    while (nextIndex !== currentIndex && list[nextIndex].getAttribute('aria-disabled') === 'true') {
+      nextIndex = (nextIndex + 1) % list.length;
     }
-  };
-
-  var decrementIndex = function decrementIndex(list) {
-    if (currentSelectedItemIndex.current === 0 || currentSelectedItemIndex.current === -1) {
-      currentSelectedItemIndex.current = list.length - 1;
-    } else {
-      currentSelectedItemIndex.current = currentSelectedItemIndex.current - 1;
+    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]);
   (0, _react.useLayoutEffect)(function () {
     if (disableArrowKeyNavigation) {
       return;
     }
+
     /**
      * To handle the key events on the list
      * @param event
      */
-
-
     var handleKeyDown = function handleKeyDown(event) {
-      var _wrapperRef$current, _focusableElements$cu, _focusableElements$cu2;
+      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
-
-      if (event.key === 'Tab' && closeonTab) {
+      //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
-
-
-      var focusableElements = getEnabledElements(wrapperRef === null || wrapperRef === void 0 ? void 0 : wrapperRef.current);
+      }
 
+      //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))) {
-        currentSelectedItemIndex.current = -1;
+        setCurrentSelectedItemIndex(-1);
       }
-
       switch (event.key) {
         case 'ArrowDown':
-          //If ArrowDown pressed
-          //If on last item
-          // Focus last item
-          //Else
-          // Focus next item
-          incrementIndex(focusableElements);
-          (_focusableElements$cu = focusableElements[currentSelectedItemIndex.current]) === null || _focusableElements$cu === void 0 ? void 0 : _focusableElements$cu.focus();
-          event.preventDefault();
-          break;
-
+          {
+            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':
-          //ArrowUP pressed
-          //If on First item
-          // Focus last item
-          //Else
-          // Focus previous item
-          decrementIndex(focusableElements);
-          (_focusableElements$cu2 = focusableElements[currentSelectedItemIndex.current]) === null || _focusableElements$cu2 === void 0 ? void 0 : _focusableElements$cu2.focus();
-          event.preventDefault();
-          break;
+          {
+            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);
-          keyDownHandlerContext === null || keyDownHandlerContext === void 0 ? void 0 : keyDownHandlerContext.handleArrowLeft();
           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);
-          keyDownHandlerContext === null || keyDownHandlerContext === void 0 ? void 0 : keyDownHandlerContext.handleArrowRight();
           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);
     };
-  }, [currentSelectedItemIndex, wrapperRef, handleClose, disableArrowKeyNavigation, keyDownHandlerContext, closeonTab]);
+  }, [currentSelectedItemIndex, wrapperRef, handleClose, disableArrowKeyNavigation, keyDownHandlerContext, closeOnTab, onSelection, incrementIndex, decrementIndex]);
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: "custom-key-handler-wrapper",
+    className: "menu-key-handler-wrapper custom-key-handler-wrapper",
     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);
-}
-/**
- * This method filters out all the disabled menu items
- */
-
-
-function getEnabledElements(rootNode) {
-  var focusableElements = getFocusableElements(rootNode);
-  return focusableElements.filter(function (element) {
-    return !element.querySelector('[role="button"][aria-disabled="true"]') && !element.querySelector('[role="menuitem"][aria-disabled="true"]');
-  });
 }

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

@@ -1,74 +1,56 @@
 "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.TOOLBAR_BUTTON = void 0;
-
 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 _analyticsListeners = require("@atlaskit/analytics-listeners");
-
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
-
 var _analytics = require("../../analytics");
-
 var _styles = _interopRequireDefault(require("./styles"));
-
 var _templateObject;
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 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 TOOLBAR_BUTTON = _analytics.TOOLBAR_ACTION_SUBJECT_ID;
 exports.TOOLBAR_BUTTON = TOOLBAR_BUTTON;
 var buttonWrapper = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  height: 100%;\n"])));
-
 var ToolbarButton = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var buttonId = props.buttonId,
-      testId = props.testId,
-      _props$className = props.className,
-      className = _props$className === void 0 ? '' : _props$className,
-      href = props.href,
-      iconAfter = props.iconAfter,
-      iconBefore = props.iconBefore,
-      disabled = props.disabled,
-      selected = props.selected,
-      spacing = props.spacing,
-      target = props.target,
-      children = props.children,
-      hideTooltip = props.hideTooltip,
-      title = props.title,
-      _props$titlePosition = props.titlePosition,
-      titlePosition = _props$titlePosition === void 0 ? 'top' : _props$titlePosition,
-      item = props.item,
-      ariaLabel = props['aria-label'],
-      ariaHasPopup = props['aria-haspopup'],
-      ariaExpanded = props['aria-expanded'],
-      ariaPressed = props['aria-pressed'],
-      ariaKeyShortcuts = props['aria-keyshortcuts'],
-      onClick = props.onClick,
-      onItemClick = props.onItemClick;
+    testId = props.testId,
+    _props$className = props.className,
+    className = _props$className === void 0 ? '' : _props$className,
+    href = props.href,
+    iconAfter = props.iconAfter,
+    iconBefore = props.iconBefore,
+    disabled = props.disabled,
+    selected = props.selected,
+    spacing = props.spacing,
+    target = props.target,
+    children = props.children,
+    hideTooltip = props.hideTooltip,
+    title = props.title,
+    _props$titlePosition = props.titlePosition,
+    titlePosition = _props$titlePosition === void 0 ? 'top' : _props$titlePosition,
+    item = props.item,
+    ariaLabel = props['aria-label'],
+    ariaHasPopup = props['aria-haspopup'],
+    ariaExpanded = props['aria-expanded'],
+    ariaPressed = props['aria-pressed'],
+    ariaKeyShortcuts = props['aria-keyshortcuts'],
+    onClick = props.onClick,
+    onItemClick = props.onItemClick;
   var handleClick = (0, _react.useCallback)(function (event, analyticsEvent) {
     if (disabled) {
       return;
     }
-
     if (buttonId) {
       analyticsEvent.update(function (payload) {
         return _objectSpread(_objectSpread({}, payload), {}, {
@@ -79,11 +61,9 @@ var ToolbarButton = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
         });
       }).fire(_analyticsListeners.FabricChannel.editor);
     }
-
     if (onClick) {
       onClick(event);
     }
-
     if (item && onItemClick) {
       onItemClick(item);
     }
@@ -110,11 +90,9 @@ var ToolbarButton = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
     "aria-pressed": ariaPressed,
     "aria-keyshortcuts": ariaKeyShortcuts
   }, children);
-
   if (!title) {
     return button;
   }
-
   var tooltipContent = !hideTooltip ? title : null;
   return (0, _react2.jsx)(_tooltip.default, {
     content: tooltipContent,
@@ -124,6 +102,5 @@ var ToolbarButton = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
     css: buttonWrapper
   }, button));
 });
-
 var _default = ToolbarButton;
 exports.default = _default;

package/dist/cjs/ui-menu/ToolbarButton/styles.js

@@ -1,18 +1,13 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _standardButton = _interopRequireDefault(require("@atlaskit/button/standard-button"));
-
 var _default = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   return /*#__PURE__*/_react.default.createElement(_standardButton.default, (0, _extends2.default)({
     ref: ref
@@ -22,5 +17,4 @@ var _default = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     }
   }));
 });
-
 exports.default = _default;

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

@@ -1,9 +1,7 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -31,13 +29,8 @@ Object.defineProperty(exports, "ToolbarButton", {
     return _ToolbarButton.default;
   }
 });
-
 var _DropdownMenu = _interopRequireDefault(require("../ui-menu/DropdownMenu"));
-
 var _ToolbarButton = _interopRequireWildcard(require("../ui-menu/ToolbarButton"));
-
 var _Dropdown = _interopRequireDefault(require("./Dropdown"));
-
 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; }

package/dist/cjs/ui-react/ReactEditorViewContext.js

@@ -1,15 +1,11 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var ReactEditorViewContext = /*#__PURE__*/_react.default.createContext({});
-
 var _default = ReactEditorViewContext;
 exports.default = _default;

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

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -17,7 +16,5 @@ Object.defineProperty(exports, "withReactEditorViewOuterListeners", {
     return _withReactEditorViewOuterListeners.default;
   }
 });
-
 var _ReactEditorViewContext = _interopRequireDefault(require("./ReactEditorViewContext"));
-
 var _withReactEditorViewOuterListeners = _interopRequireDefault(require("./with-react-editor-view-outer-listeners"));

package/dist/cjs/ui-react/with-react-editor-view-outer-listeners.js

@@ -1,79 +1,49 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = withReactEditorViewOuterListeners;
-
 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 _react = _interopRequireWildcard(require("react"));
-
 var _reactDom = _interopRequireDefault(require("react-dom"));
-
 var _ReactEditorViewContext = _interopRequireDefault(require("./ReactEditorViewContext"));
-
-var _excluded = ["handleClickOutside", "handleEnterKeydown", "handleEscapeKeydown", "closeonTab"];
-
+var _excluded = ["handleClickOutside", "handleEnterKeydown", "handleEscapeKeydown", "closeOnTab"];
 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 WithOutsideClick = /*#__PURE__*/function (_PureComponent) {
   (0, _inherits2.default)(WithOutsideClick, _PureComponent);
-
   var _super = _createSuper(WithOutsideClick);
-
   function WithOutsideClick() {
     var _this;
-
     (0, _classCallCheck2.default)(this, WithOutsideClick);
-
     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), "handleClick", function (evt) {
       if (!_this.props.isActiveComponent) {
         return;
       }
-
       var domNode = _reactDom.default.findDOMNode((0, _assertThisInitialized2.default)(_this)); // eslint-disable-line react/no-find-dom-node
-
-
       if (!domNode || evt.target instanceof Node && !domNode.contains(evt.target)) {
         if (_this.props.handleClickOutside) {
           var _this$props$editorVie;
-
-          _this.props.handleClickOutside(evt); //When the menus are closed by clicking outside the focus is set on editor.
-
-
+          _this.props.handleClickOutside(evt);
+          //When the menus are closed by clicking outside the focus is set on editor.
           if (!((_this$props$editorVie = _this.props.editorView) !== null && _this$props$editorVie !== void 0 && _this$props$editorVie.hasFocus())) {
             var _this$props$editorVie2;
-
             (_this$props$editorVie2 = _this.props.editorView) === null || _this$props$editorVie2 === void 0 ? void 0 : _this$props$editorVie2.focus();
           }
         }
@@ -83,35 +53,29 @@ var WithOutsideClick = /*#__PURE__*/function (_PureComponent) {
       if (!_this.props.isActiveComponent) {
         return;
       }
-
       if (evt.code === 'Escape' && _this.props.handleEscapeKeydown) {
         evt.preventDefault();
         evt.stopPropagation();
-
-        _this.props.handleEscapeKeydown(evt); //on 'Esc', Focus is handled in 'handleEscapeKeydown'.
-
-
+        _this.props.handleEscapeKeydown(evt);
+        //on 'Esc', Focus is handled in 'handleEscapeKeydown'.
         return false;
       } else if (evt.code === 'Enter' && _this.props.handleEnterKeydown) {
         _this.props.handleEnterKeydown(evt);
-      } else if (evt.code === 'Tab' && _this.props.handleEscapeKeydown && _this.props.closeonTab) {
+      } else if (evt.code === 'Tab' && _this.props.handleEscapeKeydown && _this.props.closeOnTab) {
         //The menus should be closed when the tab is pressed as it takes the focus out of the menu
         _this.props.handleEscapeKeydown(evt);
       }
     });
     return _this;
   }
-
   (0, _createClass2.default)(WithOutsideClick, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       if (this.props.handleClickOutside) {
         document.addEventListener('click', this.handleClick, false);
       }
-
       if (this.props.handleEscapeKeydown) {
         var _this$props$editorRef;
-
         //Attached event to the menu so that 'ESC' events from the opened menu also will be handled.
         (((_this$props$editorRef = this.props.editorRef) === null || _this$props$editorRef === void 0 ? void 0 : _this$props$editorRef.current) || this.props.targetRef || document).addEventListener('keydown', this.handleKeydown, false);
       }
@@ -122,10 +86,8 @@ var WithOutsideClick = /*#__PURE__*/function (_PureComponent) {
       if (this.props.handleClickOutside) {
         document.removeEventListener('click', this.handleClick, false);
       }
-
       if (this.props.handleEscapeKeydown) {
         var _this$props$editorRef2;
-
         (((_this$props$editorRef2 = this.props.editorRef) === null || _this$props$editorRef2 === void 0 ? void 0 : _this$props$editorRef2.current) || this.props.targetRef || document).removeEventListener('keydown', this.handleKeydown, false);
       }
     }
@@ -137,22 +99,20 @@ var WithOutsideClick = /*#__PURE__*/function (_PureComponent) {
   }]);
   return WithOutsideClick;
 }(_react.PureComponent);
-
 function hasIsOpen(props) {
   return 'isOpen' in props;
 }
-
 function withReactEditorViewOuterListeners(Component) {
   return function (_ref) {
     var handleClickOutside = _ref.handleClickOutside,
-        handleEnterKeydown = _ref.handleEnterKeydown,
-        handleEscapeKeydown = _ref.handleEscapeKeydown,
-        closeonTab = _ref.closeonTab,
-        props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+      handleEnterKeydown = _ref.handleEnterKeydown,
+      handleEscapeKeydown = _ref.handleEscapeKeydown,
+      closeOnTab = _ref.closeOnTab,
+      props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
     var isActiveComponent = hasIsOpen(props) ? props.isOpen : true;
     return /*#__PURE__*/_react.default.createElement(_ReactEditorViewContext.default.Consumer, null, function (_ref2) {
       var editorView = _ref2.editorView,
-          editorRef = _ref2.editorRef;
+        editorRef = _ref2.editorRef;
       return /*#__PURE__*/_react.default.createElement(WithOutsideClick, {
         editorView: editorView,
         editorRef: editorRef,
@@ -161,7 +121,7 @@ function withReactEditorViewOuterListeners(Component) {
         handleClickOutside: handleClickOutside,
         handleEnterKeydown: handleEnterKeydown,
         handleEscapeKeydown: handleEscapeKeydown,
-        closeonTab: closeonTab
+        closeOnTab: closeOnTab
       }, /*#__PURE__*/_react.default.createElement(Component, props));
     });
   };