@deephaven/components 0.22.3-embed-pandas.11 → 0.23.0

package/dist/context-actions/ContextMenu.js

@@ -1,9 +1,6 @@
 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) { _defineProperty(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 _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 import React, { PureComponent } from 'react';
 import classNames from 'classnames';
 import Log from '@deephaven/log';
@@ -12,33 +9,23 @@ import ContextActionUtils from "./ContextActionUtils.js";
 import ContextMenuItem from "./ContextMenuItem.js";
 import LoadingSpinner from "../LoadingSpinner.js";
 var log = Log.module('ContextMenu');
-
 /** Do not use this class directly. Use ContextMenuRoot and ContextActions instead. */
 class ContextMenu extends PureComponent {
   static handleContextMenu(e) {
     if (e.metaKey) {
       return;
     }
-
     e.stopPropagation();
     e.preventDefault();
   }
-
   constructor(props) {
     super(props);
-
     _defineProperty(this, "container", void 0);
-
     _defineProperty(this, "oldFocus", void 0);
-
     _defineProperty(this, "activeSubMenuRef", void 0);
-
     _defineProperty(this, "subMenuTimer", void 0);
-
     _defineProperty(this, "rAF", void 0);
-
     _defineProperty(this, "initialPosition", void 0);
-
     this.handleBlur = this.handleBlur.bind(this);
     this.handleCloseSubMenu = this.handleCloseSubMenu.bind(this);
     this.handleKeyDown = this.handleKeyDown.bind(this);
@@ -69,18 +56,17 @@ class ContextMenu extends PureComponent {
       mouseIndex: -1
     };
   }
-
   componentDidMount() {
     this.initMenu();
     this.verifyPosition();
-    window.addEventListener('resize', this.handleWindowResize); // rAF is needed to wait for a submenus popper to be created before
+    window.addEventListener('resize', this.handleWindowResize);
+
+    // rAF is needed to wait for a submenus popper to be created before
     // attempting to set focus, however on a quick mount/unmount when
     // mousing past an item, the submenu could be unmounted before the
     // async rAF finishes, so it is cancelled in willUnmount()
-
     this.rAF = window.requestAnimationFrame(() => {
       var _this$container$curre;
-
       (_this$container$curre = this.container.current) === null || _this$container$curre === void 0 ? void 0 : _this$container$curre.focus();
       var {
         onMenuOpened
@@ -88,7 +74,6 @@ class ContextMenu extends PureComponent {
       onMenuOpened(this);
     });
   }
-
   componentDidUpdate(prevProps, prevState) {
     var {
       actions
@@ -96,11 +81,9 @@ class ContextMenu extends PureComponent {
     var {
       activeSubMenu
     } = this.state;
-
     if (activeSubMenu !== prevState.activeSubMenu) {
       if (activeSubMenu == null) {
         var _this$container$curre2;
-
         // close sub menu, refocus parent menu
         (_this$container$curre2 = this.container.current) === null || _this$container$curre2 === void 0 ? void 0 : _this$container$curre2.focus();
       } else {
@@ -108,46 +91,36 @@ class ContextMenu extends PureComponent {
         this.setActiveSubMenuPosition();
       }
     }
-
     if (prevProps.actions !== actions) {
       this.initMenu();
-
       if (this.container.current == null || !this.container.current.contains(document.activeElement)) {
         var _this$container$curre3;
-
         (_this$container$curre3 = this.container.current) === null || _this$container$curre3 === void 0 ? void 0 : _this$container$curre3.focus();
       }
     }
-
     this.verifyPosition();
   }
-
   componentWillUnmount() {
     this.cancelPromises();
     window.removeEventListener('resize', this.handleWindowResize);
     cancelAnimationFrame(this.rAF);
   }
-
   getKeyboardIndex() {
     var {
       options
     } = this.props;
-
     if (options.separateKeyboardMouse !== undefined && options.separateKeyboardMouse) {
       var {
         keyboardIndex
       } = this.state;
       return keyboardIndex;
     }
-
     return this.getMouseIndex();
   }
-
   setKeyboardIndex(index) {
     var {
       options
     } = this.props;
-
     if (options.separateKeyboardMouse !== undefined && options.separateKeyboardMouse) {
       this.setState({
         keyboardIndex: index
@@ -156,20 +129,17 @@ class ContextMenu extends PureComponent {
       this.setMouseIndex(index);
     }
   }
-
   getMouseIndex() {
     var {
       mouseIndex
     } = this.state;
     return mouseIndex;
   }
-
   setMouseIndex(index) {
     this.setState({
       mouseIndex: index
     });
   }
-
   initMenu() {
     // cancel any pending close and promises
     this.cancelPromises();
@@ -178,27 +148,22 @@ class ContextMenu extends PureComponent {
       options
     } = this.props;
     var keyboardIndex = options.initialKeyboardIndex;
-
     if (keyboardIndex === undefined) {
       keyboardIndex = -1;
     }
-
     var {
       actions
     } = this.props;
     var menuItems = ContextActionUtils.getMenuItems(actions);
     var nonPromiseItems = [];
-
     for (var i = menuItems.length - 1; i >= 0; i -= 1) {
       var menuItem = menuItems[i];
-
       if (menuItem instanceof Promise) {
         this.initMenuPromise(menuItem);
       } else {
         nonPromiseItems.push(menuItem);
       }
     }
-
     this.setState({
       mouseIndex: -1,
       keyboardIndex,
@@ -206,7 +171,6 @@ class ContextMenu extends PureComponent {
       menuItems: ContextActionUtils.sortActions(nonPromiseItems)
     });
   }
-
   initMenuPromise(promise) {
     // make all promises cancellable
     var cancellablePromise = PromiseUtils.makeCancelable(promise);
@@ -216,7 +180,6 @@ class ContextMenu extends PureComponent {
     cancellablePromise.then(resolvedMenuItems => {
       this.setState(state => {
         var index = state.pendingItems.indexOf(cancellablePromise);
-
         if (index >= 0) {
           var pendingItems = state.pendingItems.slice();
           pendingItems.splice(index, 1);
@@ -224,20 +187,18 @@ class ContextMenu extends PureComponent {
             menuItems: ContextActionUtils.sortActions(state.menuItems.concat(resolvedMenuItems)),
             pendingItems
           };
-        } // This item is stale, don't update the menu
-
-
+        }
+        // This item is stale, don't update the menu
         return null;
       });
     }, error => {
       if (PromiseUtils.isCanceled(error)) {
         return; // Canceled promise is ignored
-      } // remove failed item from pending list
-
+      }
 
+      // remove failed item from pending list
       this.setState(state => {
         var index = state.pendingItems.indexOf(cancellablePromise);
-
         if (index >= 0) {
           var pendingItems = state.pendingItems.slice();
           pendingItems.splice(index, 1);
@@ -245,30 +206,29 @@ class ContextMenu extends PureComponent {
             pendingItems
           };
         }
-
         return null;
-      }); // Log the error
+      });
 
+      // Log the error
       log.error(error);
     });
   }
-
   cancelPromises() {
     var {
       pendingItems
     } = this.state;
     pendingItems.map(item => item.cancel());
   }
+
   /**
    * Sets the unverfied start position of a submenu. Submenu then self-verfies
    * its own position and potentially reports back a new position.
    */
-
-
   setActiveSubMenuPosition() {
     if (this.activeSubMenuRef.current === null) return;
-    var parentRect = this.activeSubMenuRef.current.getBoundingClientRect(); // intentionally rect.right, we want the sub menu to start at the right edge of the current menu
+    var parentRect = this.activeSubMenuRef.current.getBoundingClientRect();
 
+    // intentionally rect.right, we want the sub menu to start at the right edge of the current menu
     this.setState({
       subMenuTop: parentRect.top,
       subMenuLeft: parentRect.right,
@@ -276,6 +236,7 @@ class ContextMenu extends PureComponent {
       subMenuParentWidth: parentRect.width
     });
   }
+
   /**
    * Verifies the position of this menu in relation to the parent to make sure it's on screen.
    * Will update the top left state (updatePosition) if necessary (causing a re-render)
@@ -284,11 +245,8 @@ class ContextMenu extends PureComponent {
    * somethings to better fit on screen, such as the "nudge" offset position, and further
    * allow overflow scrolling for large menus in a small window.
    */
-
-
   verifyPosition() {
     var _this$container$curre4, _this$container$curre5, _this$container$curre6, _this$container$curre7;
-
     var {
       options,
       updatePosition,
@@ -297,14 +255,13 @@ class ContextMenu extends PureComponent {
       top: oldTop,
       left: oldLeft
     } = this.props;
-
     if (!this.container.current || options.doNotVerifyPosition != null && options.doNotVerifyPosition) {
       return;
-    } // initial position is used rather than current position,
+    }
+
+    // initial position is used rather than current position,
     // as the number of menu items can change (actions can bubble)
     // and menu should always be positioned relative to spawn point
-
-
     var {
       top,
       left
@@ -317,13 +274,12 @@ class ContextMenu extends PureComponent {
       height: 0
     };
     var hasOverflow = ((_this$container$curre6 = (_this$container$curre7 = this.container.current) === null || _this$container$curre7 === void 0 ? void 0 : _this$container$curre7.scrollHeight) !== null && _this$container$curre6 !== void 0 ? _this$container$curre6 : 0) > window.innerHeight;
-
     if (height === 0 || width === 0) {
       // We don't have a height or width yet, don't bother doing anything
       return;
-    } // does it fit below?
-
+    }
 
+    // does it fit below?
     if (top + height > window.innerHeight) {
       // can it be flipped to above? include offset if submenu (defaults to 0 if not submenu)
       if (top - height - subMenuParentHeight > 0) {
@@ -334,12 +290,10 @@ class ContextMenu extends PureComponent {
         top = window.innerHeight - height;
       }
     }
-
     if (left + width > window.innerWidth) {
       // less picky about left right positioning, just keep it going off to right
       left = left - width - subMenuParentWidth;
     }
-
     if (oldLeft !== left || oldTop !== top) {
       // parent owns positioning as single source of truth, ask to update props
       this.setState({
@@ -347,48 +301,41 @@ class ContextMenu extends PureComponent {
       });
       updatePosition(top, left);
     }
-  } // since window resize doesn't trigger blur, listen and close the menu
-
+  }
 
+  // since window resize doesn't trigger blur, listen and close the menu
   handleWindowResize() {
     if (!this.container.current) {
       return;
     }
-
     this.closeMenu(true);
   }
-
   handleBlur(e) {
     if (!this.container.current) {
       log.warn('Container is null!');
       return;
     }
-
     if (!this.container.current.contains(e.relatedTarget)) {
       var element = e.relatedTarget;
       var isContextMenuChild = false;
-
       while (element && !isContextMenuChild) {
         isContextMenuChild = element.hasAttribute('data-dh-context-menu');
         element = element.parentElement;
       }
-
       if (!isContextMenuChild) {
         // close all submenus on blur
         this.closeMenu(true);
       }
     }
   }
-  /** Returns whether the specified key should remove the menu. Depends on the side the parent is on. */
-
 
+  /** Returns whether the specified key should remove the menu. Depends on the side the parent is on. */
   isEscapeKey(key) {
     var {
       left
     } = this.props;
     return key === 'Escape' || left < 0 && key === 'ArrowRight' || key === 'ArrowLeft';
   }
-
   handleKeyDown(e) {
     var {
       menuItems
@@ -396,15 +343,12 @@ class ContextMenu extends PureComponent {
     var oldFocus = this.getKeyboardIndex();
     var newFocus = oldFocus;
     var openSubMenu = false;
-
     if (e.key === 'Enter' || e.key === ' ') {
       if (oldFocus >= 0 && oldFocus < menuItems.length) {
         this.handleMenuItemClick(menuItems[oldFocus], e);
       }
-
       return;
     }
-
     if (e.key === 'ArrowRight') {
       if (oldFocus >= 0 && oldFocus <= menuItems.length) {
         openSubMenu = true;
@@ -418,30 +362,25 @@ class ContextMenu extends PureComponent {
     } else if (e.key === 'ArrowDown' || e.key === 'Tab') {
       newFocus = ContextActionUtils.getNextMenuItem(newFocus, 1, menuItems);
     }
-
     if (openSubMenu) {
       this.openSubMenu(oldFocus);
       e.preventDefault();
       e.stopPropagation();
       return;
     }
-
     if (oldFocus !== newFocus) {
       if (newFocus !== null) {
         this.setKeyboardIndex(newFocus);
       } else {
         this.closeMenu();
-
         if (this.oldFocus instanceof HTMLElement) {
           this.oldFocus.focus();
         }
       }
-
       e.preventDefault();
       e.stopPropagation();
     }
   }
-
   openSubMenu(index) {
     var {
       menuItems,
@@ -455,7 +394,6 @@ class ContextMenu extends PureComponent {
       subMenuLeft: null
     });
   }
-
   closeMenu() {
     var closeAll = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
     var {
@@ -468,13 +406,11 @@ class ContextMenu extends PureComponent {
       onMenuClosed(this);
     });
   }
-
   closeSubMenu() {
     this.setState({
       activeSubMenu: null
     });
   }
-
   handleCloseSubMenu(closeAllMenus) {
     if (closeAllMenus) {
       this.closeMenu(true);
@@ -482,14 +418,12 @@ class ContextMenu extends PureComponent {
       this.closeSubMenu();
     }
   }
-
   handleMenuItemClick(menuItem, e) {
     e.preventDefault();
     e.stopPropagation();
     var {
       menuItems
     } = this.state;
-
     if (menuItem != null && (menuItem.disabled === undefined || !menuItem.disabled)) {
       if (menuItem.actions != null) {
         this.openSubMenu(menuItems.indexOf(menuItem));
@@ -499,31 +433,25 @@ class ContextMenu extends PureComponent {
       }
     }
   }
-
   handleMenuItemContextMenu(menuItem, e) {
     if (e.metaKey) {
       return;
     }
-
     this.handleMenuItemClick(menuItem, e);
   }
-
   handleMenuItemMouseMove(menuItem) {
     var {
       menuItems
     } = this.state;
     var focusIndex = menuItems.indexOf(menuItem);
     this.setMouseIndex(focusIndex);
-
     if (focusIndex >= 0 && focusIndex < menuItems.length && (menuItem.disabled === undefined || !menuItem.disabled)) {
       this.openSubMenu(focusIndex);
     }
   }
-
   handleMouseLeave() {
     this.setMouseIndex(-1);
   }
-
   render() {
     var menuItemElements = [];
     var {
@@ -542,16 +470,13 @@ class ContextMenu extends PureComponent {
       subMenuParentWidth,
       subMenuParentHeight
     } = this.state;
-
     for (var i = 0; i < menuItems.length; i += 1) {
       var menuItem = menuItems[i];
-
       if (i > 0 && menuItem.group !== menuItems[i - 1].group) {
         menuItemElements.push( /*#__PURE__*/React.createElement("hr", {
           key: "".concat(i, ".separator")
         }));
       }
-
       var menuItemElement = /*#__PURE__*/React.createElement(ContextMenuItem, {
         key: i,
         ref: activeSubMenu === i ? this.activeSubMenuRef : null,
@@ -565,20 +490,18 @@ class ContextMenu extends PureComponent {
       });
       menuItemElements.push(menuItemElement);
     }
-
     var pendingElement = null;
-
     if (pendingItems.length > 0) {
       pendingElement = /*#__PURE__*/React.createElement("div", {
         className: "loading"
       }, /*#__PURE__*/React.createElement(LoadingSpinner, null));
     }
-
     var {
       menuStyle,
       'data-testid': dataTestId
-    } = this.props; // don't show submenu until it has an position initialized
+    } = this.props;
 
+    // don't show submenu until it has an position initialized
     var showSubmenu = activeSubMenu !== null && subMenuTop !== null && subMenuLeft !== null;
     return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
       className: classNames({
@@ -613,26 +536,22 @@ class ContextMenu extends PureComponent {
       subMenuParentHeight: subMenuParentHeight
     }));
   }
-
 }
-
 _defineProperty(ContextMenu, "defaultProps", {
   subMenuParentWidth: 0,
   subMenuParentHeight: 0,
-
-  closeMenu() {// no-op
+  closeMenu() {
+    // no-op
   },
-
-  onMenuOpened() {// no-op
+  onMenuOpened() {
+    // no-op
   },
-
-  onMenuClosed() {// no-op
+  onMenuClosed() {
+    // no-op
   },
-
   options: {},
   menuStyle: {},
   'data-testid': undefined
 });
-
 export default ContextMenu;
 //# sourceMappingURL=ContextMenu.js.map