@deephaven/components 0.5.2-beta.0 → 0.6.1-demo.10

package/dist/menu-actions/Menu.js

@@ -1,34 +1,12 @@
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
-
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
-
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
-
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
-
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-
-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; } }
-
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-
 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 ContextActionUtils from '../context-actions/ContextActionUtils';
-import ContextMenuItem from '../context-actions/ContextMenuItem';
+import ContextActionUtils from "../context-actions/ContextActionUtils.js";
+import ContextMenuItem from "../context-actions/ContextMenuItem.js";
 
 /**
  *  Do not use this class directly. Use DropdownMenu instead.
@@ -38,272 +16,264 @@ import ContextMenuItem from '../context-actions/ContextMenuItem';
  *  but still re-uses styling from context-menu. Depending on how usage evolves, may get split further.
  *
  */
-var Menu = /*#__PURE__*/function (_PureComponent) {
-  _inherits(Menu, _PureComponent);
-
-  var _super = _createSuper(Menu);
-
-  function Menu(props) {
+class Menu extends PureComponent {
+  constructor(props) {
     var _options$initialKeybo;
 
-    var _this;
-
-    _classCallCheck(this, Menu);
-
-    _this = _super.call(this, props);
+    super(props);
 
-    _defineProperty(_assertThisInitialized(_this), "container", void 0);
+    _defineProperty(this, "container", void 0);
 
-    _defineProperty(_assertThisInitialized(_this), "oldFocus", void 0);
+    _defineProperty(this, "oldFocus", void 0);
 
-    _defineProperty(_assertThisInitialized(_this), "rAF", void 0);
+    _defineProperty(this, "rAF", void 0);
 
-    _this.handleKeyDown = _this.handleKeyDown.bind(_assertThisInitialized(_this));
-    _this.handleMenuItemClick = _this.handleMenuItemClick.bind(_assertThisInitialized(_this));
-    _this.handleMenuItemMouseMove = _this.handleMenuItemMouseMove.bind(_assertThisInitialized(_this));
-    _this.handleMouseLeave = _this.handleMouseLeave.bind(_assertThisInitialized(_this));
-    _this.handleCloseMenu = _this.handleCloseMenu.bind(_assertThisInitialized(_this));
-    _this.container = /*#__PURE__*/React.createRef();
-    _this.oldFocus = document.activeElement;
-    _this.rAF = 0;
-    var options = props.options;
+    this.handleKeyDown = this.handleKeyDown.bind(this);
+    this.handleMenuItemClick = this.handleMenuItemClick.bind(this);
+    this.handleMenuItemMouseMove = this.handleMenuItemMouseMove.bind(this);
+    this.handleMouseLeave = this.handleMouseLeave.bind(this);
+    this.handleCloseMenu = this.handleCloseMenu.bind(this);
+    this.container = /*#__PURE__*/React.createRef();
+    this.oldFocus = document.activeElement;
+    this.rAF = 0;
+    var {
+      options
+    } = props;
     var keyboardIndex = (_options$initialKeybo = options.initialKeyboardIndex) !== null && _options$initialKeybo !== void 0 ? _options$initialKeybo : -1;
-    _this.state = {
+    this.state = {
       menuItems: [],
-      keyboardIndex: keyboardIndex,
+      keyboardIndex,
       mouseIndex: -1
     };
-    return _this;
   }
 
-  _createClass(Menu, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      var _this2 = this;
+  componentDidMount() {
+    this.initMenu();
+    this.rAF = window.requestAnimationFrame(() => {
+      var _this$container$curre;
+
+      // set initial focus to container so keyboard navigation works
+      // components can still override focus in onMenuOpened callback
+      (_this$container$curre = this.container.current) === null || _this$container$curre === void 0 ? void 0 : _this$container$curre.focus();
+      var {
+        onMenuOpened
+      } = this.props;
+      onMenuOpened(this);
+    });
+  }
+
+  componentDidUpdate(prevProps) {
+    var {
+      actions
+    } = this.props;
 
+    if (prevProps.actions !== actions) {
       this.initMenu();
-      this.rAF = window.requestAnimationFrame(function () {
-        var _this2$container$curr;
-
-        // set initial focus to container so keyboard navigation works
-        // components can still override focus in onMenuOpened callback
-        (_this2$container$curr = _this2.container.current) === null || _this2$container$curr === void 0 ? void 0 : _this2$container$curr.focus();
-        var onMenuOpened = _this2.props.onMenuOpened;
-        onMenuOpened(_this2);
-      });
     }
-  }, {
-    key: "componentDidUpdate",
-    value: function componentDidUpdate(prevProps) {
-      var actions = this.props.actions;
+  }
 
-      if (prevProps.actions !== actions) {
-        this.initMenu();
-      }
-    }
-  }, {
-    key: "componentWillUnmount",
-    value: function componentWillUnmount() {
-      cancelAnimationFrame(this.rAF);
-    }
-  }, {
-    key: "getKeyboardIndex",
-    value: function getKeyboardIndex() {
-      var options = this.props.options;
-
-      if (options.separateKeyboardMouse) {
-        var keyboardIndex = this.state.keyboardIndex;
-        return keyboardIndex;
-      }
+  componentWillUnmount() {
+    cancelAnimationFrame(this.rAF);
+  }
 
-      return this.getMouseIndex();
-    }
-  }, {
-    key: "setKeyboardIndex",
-    value: function setKeyboardIndex(index) {
-      var options = this.props.options;
-
-      if (options.separateKeyboardMouse) {
-        this.setState({
-          keyboardIndex: index
-        });
-      } else {
-        this.setMouseIndex(index);
-      }
-    }
-  }, {
-    key: "getMouseIndex",
-    value: function getMouseIndex() {
-      var mouseIndex = this.state.mouseIndex;
-      return mouseIndex;
+  getKeyboardIndex() {
+    var {
+      options
+    } = this.props;
+
+    if (options.separateKeyboardMouse) {
+      var {
+        keyboardIndex
+      } = this.state;
+      return keyboardIndex;
     }
-  }, {
-    key: "setMouseIndex",
-    value: function setMouseIndex(index) {
+
+    return this.getMouseIndex();
+  }
+
+  setKeyboardIndex(index) {
+    var {
+      options
+    } = this.props;
+
+    if (options.separateKeyboardMouse) {
       this.setState({
-        mouseIndex: index
+        keyboardIndex: index
       });
+    } else {
+      this.setMouseIndex(index);
     }
-  }, {
-    key: "initMenu",
-    value: function initMenu() {
-      // cancel any pending close
-      cancelAnimationFrame(this.rAF);
-      this.setState({
-        menuItems: []
-      });
-      var actions = this.props.actions;
-      var menuItems = ContextActionUtils.getMenuItems(actions, false);
-
-      if (menuItems.length > 0) {
-        this.setState(function (state) {
-          return {
-            menuItems: ContextActionUtils.sortActions(state.menuItems.concat(menuItems))
-          };
-        });
-      }
+  }
+
+  getMouseIndex() {
+    var {
+      mouseIndex
+    } = this.state;
+    return mouseIndex;
+  }
+
+  setMouseIndex(index) {
+    this.setState({
+      mouseIndex: index
+    });
+  }
+
+  initMenu() {
+    // cancel any pending close
+    cancelAnimationFrame(this.rAF);
+    this.setState({
+      menuItems: []
+    });
+    var {
+      actions
+    } = this.props;
+    var menuItems = ContextActionUtils.getMenuItems(actions, false);
+
+    if (menuItems.length > 0) {
+      this.setState(state => ({
+        menuItems: ContextActionUtils.sortActions(state.menuItems.concat(menuItems))
+      }));
     }
-  }, {
-    key: "handleKeyDown",
-    value: function handleKeyDown(e) {
-      var menuItems = this.state.menuItems;
-      var oldFocus = this.getKeyboardIndex();
-      var newFocus = oldFocus;
-
-      if (e.key === 'Enter' || e.key === ' ') {
-        if (oldFocus != null && oldFocus >= 0 && oldFocus < menuItems.length) {
-          this.handleMenuItemClick(menuItems[oldFocus], e);
-        }
+  }
 
-        return;
+  handleKeyDown(e) {
+    var {
+      menuItems
+    } = this.state;
+    var oldFocus = this.getKeyboardIndex();
+    var newFocus = oldFocus;
+
+    if (e.key === 'Enter' || e.key === ' ') {
+      if (oldFocus != null && oldFocus >= 0 && oldFocus < menuItems.length) {
+        this.handleMenuItemClick(menuItems[oldFocus], e);
       }
 
-      if (e.key === 'Escape') {
-        newFocus = null;
-      } else if (e.key === 'ArrowUp' || e.key === 'Tab' && e.shiftKey === true) {
-        var _newFocus;
+      return;
+    }
 
-        newFocus = ContextActionUtils.getNextMenuItem((_newFocus = newFocus) !== null && _newFocus !== void 0 ? _newFocus : 0, -1, menuItems);
-      } else if (e.key === 'ArrowDown' || e.key === 'Tab' && e.shiftKey === false) {
-        var _newFocus2;
+    if (e.key === 'Escape') {
+      newFocus = null;
+    } else if (e.key === 'ArrowUp' || e.key === 'Tab' && e.shiftKey === true) {
+      var _newFocus;
 
-        newFocus = ContextActionUtils.getNextMenuItem((_newFocus2 = newFocus) !== null && _newFocus2 !== void 0 ? _newFocus2 : 0, 1, menuItems);
-      }
+      newFocus = ContextActionUtils.getNextMenuItem((_newFocus = newFocus) !== null && _newFocus !== void 0 ? _newFocus : 0, -1, menuItems);
+    } else if (e.key === 'ArrowDown' || e.key === 'Tab' && e.shiftKey === false) {
+      var _newFocus2;
 
-      if (oldFocus !== newFocus) {
-        if (newFocus !== null) {
-          this.setKeyboardIndex(newFocus);
-        } else {
-          this.closeMenu();
+      newFocus = ContextActionUtils.getNextMenuItem((_newFocus2 = newFocus) !== null && _newFocus2 !== void 0 ? _newFocus2 : 0, 1, menuItems);
+    }
 
-          if (this.oldFocus instanceof HTMLElement) {
-            this.oldFocus.focus();
-          }
-        }
+    if (oldFocus !== newFocus) {
+      if (newFocus !== null) {
+        this.setKeyboardIndex(newFocus);
+      } else {
+        this.closeMenu();
 
-        e.preventDefault();
-        e.stopPropagation();
+        if (this.oldFocus instanceof HTMLElement) {
+          this.oldFocus.focus();
+        }
       }
-    }
-  }, {
-    key: "closeMenu",
-    value: function closeMenu() {
-      var _this3 = this;
-
-      var closeAll = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
-      var _this$props = this.props,
-          closeMenu = _this$props.closeMenu,
-          onMenuClosed = _this$props.onMenuClosed;
-      cancelAnimationFrame(this.rAF);
-      this.rAF = window.requestAnimationFrame(function () {
-        closeMenu(closeAll);
-        onMenuClosed(_this3);
-      });
-    }
-  }, {
-    key: "handleCloseMenu",
-    value: function handleCloseMenu() {
-      this.closeMenu();
-    }
-  }, {
-    key: "handleMenuItemClick",
-    value: function handleMenuItemClick(menuItem, e) {
+
       e.preventDefault();
       e.stopPropagation();
-
-      if (menuItem != null && !menuItem.disabled && menuItem.action != null) {
-        menuItem.action();
-        this.closeMenu(true);
-      }
-    }
-  }, {
-    key: "handleMenuItemMouseMove",
-    value: function handleMenuItemMouseMove(menuItem) {
-      var menuItems = this.state.menuItems;
-      var focusIndex = menuItems.indexOf(menuItem);
-      this.setMouseIndex(focusIndex);
     }
-  }, {
-    key: "handleMouseLeave",
-    value: function handleMouseLeave() {
-      this.setMouseIndex(-1);
+  }
+
+  closeMenu() {
+    var closeAll = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+    var {
+      closeMenu,
+      onMenuClosed
+    } = this.props;
+    cancelAnimationFrame(this.rAF);
+    this.rAF = window.requestAnimationFrame(() => {
+      closeMenu(closeAll);
+      onMenuClosed(this);
+    });
+  }
+
+  handleCloseMenu() {
+    this.closeMenu();
+  }
+
+  handleMenuItemClick(menuItem, e) {
+    e.preventDefault();
+    e.stopPropagation();
+
+    if (menuItem != null && !menuItem.disabled && menuItem.action != null) {
+      menuItem.action();
+      this.closeMenu(true);
     }
-  }, {
-    key: "render",
-    value: function render() {
-      var menuItemElements = [];
-      var _this$state = this.state,
-          keyboardIndex = _this$state.keyboardIndex,
-          menuItems = _this$state.menuItems,
-          mouseIndex = _this$state.mouseIndex;
-
-      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,
-          isKeyboardSelected: keyboardIndex === i,
-          isMouseSelected: mouseIndex === i,
-          menuItem: menuItem,
-          closeMenu: this.handleCloseMenu,
-          onMenuItemClick: this.handleMenuItemClick,
-          onMenuItemMouseMove: this.handleMenuItemMouseMove,
-          onMenuItemContextMenu: function onMenuItemContextMenu() {
-            return false;
-          }
-        });
-        menuItemElements.push(menuItemElement);
+  handleMenuItemMouseMove(menuItem) {
+    var {
+      menuItems
+    } = this.state;
+    var focusIndex = menuItems.indexOf(menuItem);
+    this.setMouseIndex(focusIndex);
+  }
+
+  handleMouseLeave() {
+    this.setMouseIndex(-1);
+  }
+
+  render() {
+    var menuItemElements = [];
+    var {
+      keyboardIndex,
+      menuItems,
+      mouseIndex
+    } = 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 menuStyle = this.props.menuStyle;
-      return /*#__PURE__*/React.createElement("div", {
-        className: "context-menu-container",
-        style: _objectSpread({}, menuStyle),
-        ref: this.container,
-        onKeyDown: this.handleKeyDown,
-        onMouseLeave: this.handleMouseLeave,
-        role: "menuitem",
-        tabIndex: 0
-      }, menuItemElements);
+      var menuItemElement = /*#__PURE__*/React.createElement(ContextMenuItem, {
+        key: i,
+        isKeyboardSelected: keyboardIndex === i,
+        isMouseSelected: mouseIndex === i,
+        menuItem: menuItem,
+        closeMenu: this.handleCloseMenu,
+        onMenuItemClick: this.handleMenuItemClick,
+        onMenuItemMouseMove: this.handleMenuItemMouseMove,
+        onMenuItemContextMenu: () => false
+      });
+      menuItemElements.push(menuItemElement);
     }
-  }]);
 
-  return Menu;
-}(PureComponent);
+    var {
+      menuStyle
+    } = this.props;
+    return /*#__PURE__*/React.createElement("div", {
+      className: "context-menu-container",
+      style: _objectSpread({}, menuStyle),
+      ref: this.container,
+      onKeyDown: this.handleKeyDown,
+      onMouseLeave: this.handleMouseLeave,
+      role: "menuitem",
+      tabIndex: 0
+    }, menuItemElements);
+  }
+
+}
 
 _defineProperty(Menu, "defaultProps", {
-  closeMenu: function closeMenu() {// no-op
+  closeMenu() {// no-op
   },
-  onMenuOpened: function onMenuOpened() {// no-op
+
+  onMenuOpened() {// no-op
   },
-  onMenuClosed: function onMenuClosed() {// no-op
+
+  onMenuClosed() {// no-op
   },
+
   options: {},
   menuStyle: {}
 });

package/dist/menu-actions/Menu.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/menu-actions/Menu.tsx"],"names":["React","PureComponent","ContextActionUtils","ContextMenuItem","Menu","props","handleKeyDown","bind","handleMenuItemClick","handleMenuItemMouseMove","handleMouseLeave","handleCloseMenu","container","createRef","oldFocus","document","activeElement","rAF","options","keyboardIndex","initialKeyboardIndex","state","menuItems","mouseIndex","initMenu","window","requestAnimationFrame","current","focus","onMenuOpened","prevProps","actions","cancelAnimationFrame","separateKeyboardMouse","getMouseIndex","index","setState","setMouseIndex","getMenuItems","length","sortActions","concat","e","getKeyboardIndex","newFocus","key","shiftKey","getNextMenuItem","setKeyboardIndex","closeMenu","HTMLElement","preventDefault","stopPropagation","closeAll","onMenuClosed","menuItem","disabled","action","focusIndex","indexOf","menuItemElements","i","group","push","menuItemElement","menuStyle"],"mappings":"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","sourcesContent":["import React, { PureComponent } from 'react';\nimport ContextActionUtils, {\n  ContextAction,\n} from '../context-actions/ContextActionUtils';\nimport ContextMenuItem from '../context-actions/ContextMenuItem';\n\nexport type MenuOptions = {\n  doNotVerifyPosition?: boolean;\n  separateKeyboardMouse?: boolean;\n  initialKeyboardIndex?: number;\n};\n\ntype MenuProps = {\n  actions: ContextAction | ContextAction[];\n  closeMenu(closeAll: boolean): void;\n  onMenuClosed(menu: Menu): void;\n  onMenuOpened(menu: Menu): void;\n  options: MenuOptions;\n  menuStyle: React.CSSProperties;\n};\n\ntype MenuState = {\n  menuItems: ContextAction[];\n  keyboardIndex: number;\n  mouseIndex: number;\n};\n\n/**\n *  Do not use this class directly. Use DropdownMenu instead.\n *\n *  Generates list from actions for use by DropdownMenu.\n *  It has beem split from the context-actions component, due to divergering requirements,\n *  but still re-uses styling from context-menu. Depending on how usage evolves, may get split further.\n *\n */\n\nclass Menu extends PureComponent<MenuProps, MenuState> {\n  static defaultProps = {\n    closeMenu(): void {\n      // no-op\n    },\n    onMenuOpened(): void {\n      // no-op\n    },\n    onMenuClosed(): void {\n      // no-op\n    },\n    options: {},\n    menuStyle: {},\n  };\n\n  constructor(props: MenuProps) {\n    super(props);\n\n    this.handleKeyDown = this.handleKeyDown.bind(this);\n    this.handleMenuItemClick = this.handleMenuItemClick.bind(this);\n    this.handleMenuItemMouseMove = this.handleMenuItemMouseMove.bind(this);\n    this.handleMouseLeave = this.handleMouseLeave.bind(this);\n    this.handleCloseMenu = this.handleCloseMenu.bind(this);\n\n    this.container = React.createRef();\n    this.oldFocus = document.activeElement;\n    this.rAF = 0;\n\n    const { options } = props;\n    const keyboardIndex = options.initialKeyboardIndex ?? -1;\n\n    this.state = {\n      menuItems: [],\n      keyboardIndex,\n      mouseIndex: -1,\n    };\n  }\n\n  componentDidMount(): void {\n    this.initMenu();\n\n    this.rAF = window.requestAnimationFrame(() => {\n      // set initial focus to container so keyboard navigation works\n      // components can still override focus in onMenuOpened callback\n      this.container.current?.focus();\n      const { onMenuOpened } = this.props;\n      onMenuOpened(this);\n    });\n  }\n\n  componentDidUpdate(prevProps: MenuProps): void {\n    const { actions } = this.props;\n    if (prevProps.actions !== actions) {\n      this.initMenu();\n    }\n  }\n\n  componentWillUnmount(): void {\n    cancelAnimationFrame(this.rAF);\n  }\n\n  container: React.RefObject<HTMLDivElement>;\n\n  oldFocus: Element | null;\n\n  rAF: number;\n\n  getKeyboardIndex(): number | null {\n    const { options } = this.props;\n    if (options.separateKeyboardMouse) {\n      const { keyboardIndex } = this.state;\n      return keyboardIndex;\n    }\n\n    return this.getMouseIndex();\n  }\n\n  setKeyboardIndex(index: number): void {\n    const { options } = this.props;\n    if (options.separateKeyboardMouse) {\n      this.setState({ keyboardIndex: index });\n    } else {\n      this.setMouseIndex(index);\n    }\n  }\n\n  getMouseIndex(): number {\n    const { mouseIndex } = this.state;\n    return mouseIndex;\n  }\n\n  setMouseIndex(index: number): void {\n    this.setState({ mouseIndex: index });\n  }\n\n  initMenu(): void {\n    // cancel any pending close\n    cancelAnimationFrame(this.rAF);\n\n    this.setState({\n      menuItems: [],\n    });\n\n    const { actions } = this.props;\n    const menuItems = ContextActionUtils.getMenuItems(actions, false);\n\n    if (menuItems.length > 0) {\n      this.setState(state => ({\n        menuItems: ContextActionUtils.sortActions(\n          state.menuItems.concat(menuItems)\n        ),\n      }));\n    }\n  }\n\n  handleKeyDown(e: React.KeyboardEvent): void {\n    const { menuItems } = this.state;\n    const oldFocus = this.getKeyboardIndex();\n    let newFocus = oldFocus;\n\n    if (e.key === 'Enter' || e.key === ' ') {\n      if (oldFocus != null && oldFocus >= 0 && oldFocus < menuItems.length) {\n        this.handleMenuItemClick(menuItems[oldFocus], e);\n      }\n      return;\n    }\n\n    if (e.key === 'Escape') {\n      newFocus = null;\n    } else if (\n      e.key === 'ArrowUp' ||\n      (e.key === 'Tab' && e.shiftKey === true)\n    ) {\n      newFocus = ContextActionUtils.getNextMenuItem(\n        newFocus ?? 0,\n        -1,\n        menuItems\n      );\n    } else if (\n      e.key === 'ArrowDown' ||\n      (e.key === 'Tab' && e.shiftKey === false)\n    ) {\n      newFocus = ContextActionUtils.getNextMenuItem(\n        newFocus ?? 0,\n        1,\n        menuItems\n      );\n    }\n\n    if (oldFocus !== newFocus) {\n      if (newFocus !== null) {\n        this.setKeyboardIndex(newFocus);\n      } else {\n        this.closeMenu();\n        if (this.oldFocus instanceof HTMLElement) {\n          this.oldFocus.focus();\n        }\n      }\n\n      e.preventDefault();\n      e.stopPropagation();\n    }\n  }\n\n  closeMenu(closeAll = false): void {\n    const { closeMenu, onMenuClosed } = this.props;\n    cancelAnimationFrame(this.rAF);\n    this.rAF = window.requestAnimationFrame(() => {\n      closeMenu(closeAll);\n      onMenuClosed(this);\n    });\n  }\n\n  handleCloseMenu(): void {\n    this.closeMenu();\n  }\n\n  handleMenuItemClick(menuItem: ContextAction, e: React.SyntheticEvent): void {\n    e.preventDefault();\n    e.stopPropagation();\n\n    if (menuItem != null && !menuItem.disabled && menuItem.action != null) {\n      menuItem.action();\n      this.closeMenu(true);\n    }\n  }\n\n  handleMenuItemMouseMove(menuItem: ContextAction): void {\n    const { menuItems } = this.state;\n    const focusIndex = menuItems.indexOf(menuItem);\n    this.setMouseIndex(focusIndex);\n  }\n\n  handleMouseLeave(): void {\n    this.setMouseIndex(-1);\n  }\n\n  render(): JSX.Element {\n    const menuItemElements = [];\n    const { keyboardIndex, menuItems, mouseIndex } = this.state;\n    for (let i = 0; i < menuItems.length; i += 1) {\n      const menuItem = menuItems[i];\n\n      if (i > 0 && menuItem.group !== menuItems[i - 1].group) {\n        menuItemElements.push(<hr key={`${i}.separator`} />);\n      }\n\n      const menuItemElement = (\n        <ContextMenuItem\n          key={i}\n          isKeyboardSelected={keyboardIndex === i}\n          isMouseSelected={mouseIndex === i}\n          menuItem={menuItem}\n          closeMenu={this.handleCloseMenu}\n          onMenuItemClick={this.handleMenuItemClick}\n          onMenuItemMouseMove={this.handleMenuItemMouseMove}\n          onMenuItemContextMenu={() => false}\n        />\n      );\n\n      menuItemElements.push(menuItemElement);\n    }\n\n    const { menuStyle } = this.props;\n\n    return (\n      <div\n        className=\"context-menu-container\"\n        style={{ ...menuStyle }}\n        ref={this.container}\n        onKeyDown={this.handleKeyDown}\n        onMouseLeave={this.handleMouseLeave}\n        role=\"menuitem\"\n        tabIndex={0}\n      >\n        {menuItemElements}\n      </div>\n    );\n  }\n}\n\nexport default Menu;\n"],"file":"Menu.js"}
+{"version":3,"sources":["../../src/menu-actions/Menu.tsx"],"names":["React","PureComponent","ContextActionUtils","ContextMenuItem","Menu","constructor","props","handleKeyDown","bind","handleMenuItemClick","handleMenuItemMouseMove","handleMouseLeave","handleCloseMenu","container","createRef","oldFocus","document","activeElement","rAF","options","keyboardIndex","initialKeyboardIndex","state","menuItems","mouseIndex","componentDidMount","initMenu","window","requestAnimationFrame","current","focus","onMenuOpened","componentDidUpdate","prevProps","actions","componentWillUnmount","cancelAnimationFrame","getKeyboardIndex","separateKeyboardMouse","getMouseIndex","setKeyboardIndex","index","setState","setMouseIndex","getMenuItems","length","sortActions","concat","e","newFocus","key","shiftKey","getNextMenuItem","closeMenu","HTMLElement","preventDefault","stopPropagation","closeAll","onMenuClosed","menuItem","disabled","action","focusIndex","indexOf","render","menuItemElements","i","group","push","menuItemElement","menuStyle"],"mappings":"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","sourcesContent":["import React, { PureComponent } from 'react';\nimport ContextActionUtils, {\n  ContextAction,\n} from '../context-actions/ContextActionUtils';\nimport ContextMenuItem from '../context-actions/ContextMenuItem';\n\nexport type MenuOptions = {\n  doNotVerifyPosition?: boolean;\n  separateKeyboardMouse?: boolean;\n  initialKeyboardIndex?: number;\n};\n\ntype MenuProps = {\n  actions: ContextAction | ContextAction[];\n  closeMenu(closeAll: boolean): void;\n  onMenuClosed(menu: Menu): void;\n  onMenuOpened(menu: Menu): void;\n  options: MenuOptions;\n  menuStyle: React.CSSProperties;\n};\n\ntype MenuState = {\n  menuItems: ContextAction[];\n  keyboardIndex: number;\n  mouseIndex: number;\n};\n\n/**\n *  Do not use this class directly. Use DropdownMenu instead.\n *\n *  Generates list from actions for use by DropdownMenu.\n *  It has beem split from the context-actions component, due to divergering requirements,\n *  but still re-uses styling from context-menu. Depending on how usage evolves, may get split further.\n *\n */\n\nclass Menu extends PureComponent<MenuProps, MenuState> {\n  static defaultProps = {\n    closeMenu(): void {\n      // no-op\n    },\n    onMenuOpened(): void {\n      // no-op\n    },\n    onMenuClosed(): void {\n      // no-op\n    },\n    options: {},\n    menuStyle: {},\n  };\n\n  constructor(props: MenuProps) {\n    super(props);\n\n    this.handleKeyDown = this.handleKeyDown.bind(this);\n    this.handleMenuItemClick = this.handleMenuItemClick.bind(this);\n    this.handleMenuItemMouseMove = this.handleMenuItemMouseMove.bind(this);\n    this.handleMouseLeave = this.handleMouseLeave.bind(this);\n    this.handleCloseMenu = this.handleCloseMenu.bind(this);\n\n    this.container = React.createRef();\n    this.oldFocus = document.activeElement;\n    this.rAF = 0;\n\n    const { options } = props;\n    const keyboardIndex = options.initialKeyboardIndex ?? -1;\n\n    this.state = {\n      menuItems: [],\n      keyboardIndex,\n      mouseIndex: -1,\n    };\n  }\n\n  componentDidMount(): void {\n    this.initMenu();\n\n    this.rAF = window.requestAnimationFrame(() => {\n      // set initial focus to container so keyboard navigation works\n      // components can still override focus in onMenuOpened callback\n      this.container.current?.focus();\n      const { onMenuOpened } = this.props;\n      onMenuOpened(this);\n    });\n  }\n\n  componentDidUpdate(prevProps: MenuProps): void {\n    const { actions } = this.props;\n    if (prevProps.actions !== actions) {\n      this.initMenu();\n    }\n  }\n\n  componentWillUnmount(): void {\n    cancelAnimationFrame(this.rAF);\n  }\n\n  container: React.RefObject<HTMLDivElement>;\n\n  oldFocus: Element | null;\n\n  rAF: number;\n\n  getKeyboardIndex(): number | null {\n    const { options } = this.props;\n    if (options.separateKeyboardMouse) {\n      const { keyboardIndex } = this.state;\n      return keyboardIndex;\n    }\n\n    return this.getMouseIndex();\n  }\n\n  setKeyboardIndex(index: number): void {\n    const { options } = this.props;\n    if (options.separateKeyboardMouse) {\n      this.setState({ keyboardIndex: index });\n    } else {\n      this.setMouseIndex(index);\n    }\n  }\n\n  getMouseIndex(): number {\n    const { mouseIndex } = this.state;\n    return mouseIndex;\n  }\n\n  setMouseIndex(index: number): void {\n    this.setState({ mouseIndex: index });\n  }\n\n  initMenu(): void {\n    // cancel any pending close\n    cancelAnimationFrame(this.rAF);\n\n    this.setState({\n      menuItems: [],\n    });\n\n    const { actions } = this.props;\n    const menuItems = ContextActionUtils.getMenuItems(actions, false);\n\n    if (menuItems.length > 0) {\n      this.setState(state => ({\n        menuItems: ContextActionUtils.sortActions(\n          state.menuItems.concat(menuItems)\n        ),\n      }));\n    }\n  }\n\n  handleKeyDown(e: React.KeyboardEvent): void {\n    const { menuItems } = this.state;\n    const oldFocus = this.getKeyboardIndex();\n    let newFocus = oldFocus;\n\n    if (e.key === 'Enter' || e.key === ' ') {\n      if (oldFocus != null && oldFocus >= 0 && oldFocus < menuItems.length) {\n        this.handleMenuItemClick(menuItems[oldFocus], e);\n      }\n      return;\n    }\n\n    if (e.key === 'Escape') {\n      newFocus = null;\n    } else if (\n      e.key === 'ArrowUp' ||\n      (e.key === 'Tab' && e.shiftKey === true)\n    ) {\n      newFocus = ContextActionUtils.getNextMenuItem(\n        newFocus ?? 0,\n        -1,\n        menuItems\n      );\n    } else if (\n      e.key === 'ArrowDown' ||\n      (e.key === 'Tab' && e.shiftKey === false)\n    ) {\n      newFocus = ContextActionUtils.getNextMenuItem(\n        newFocus ?? 0,\n        1,\n        menuItems\n      );\n    }\n\n    if (oldFocus !== newFocus) {\n      if (newFocus !== null) {\n        this.setKeyboardIndex(newFocus);\n      } else {\n        this.closeMenu();\n        if (this.oldFocus instanceof HTMLElement) {\n          this.oldFocus.focus();\n        }\n      }\n\n      e.preventDefault();\n      e.stopPropagation();\n    }\n  }\n\n  closeMenu(closeAll = false): void {\n    const { closeMenu, onMenuClosed } = this.props;\n    cancelAnimationFrame(this.rAF);\n    this.rAF = window.requestAnimationFrame(() => {\n      closeMenu(closeAll);\n      onMenuClosed(this);\n    });\n  }\n\n  handleCloseMenu(): void {\n    this.closeMenu();\n  }\n\n  handleMenuItemClick(menuItem: ContextAction, e: React.SyntheticEvent): void {\n    e.preventDefault();\n    e.stopPropagation();\n\n    if (menuItem != null && !menuItem.disabled && menuItem.action != null) {\n      menuItem.action();\n      this.closeMenu(true);\n    }\n  }\n\n  handleMenuItemMouseMove(menuItem: ContextAction): void {\n    const { menuItems } = this.state;\n    const focusIndex = menuItems.indexOf(menuItem);\n    this.setMouseIndex(focusIndex);\n  }\n\n  handleMouseLeave(): void {\n    this.setMouseIndex(-1);\n  }\n\n  render(): JSX.Element {\n    const menuItemElements = [];\n    const { keyboardIndex, menuItems, mouseIndex } = this.state;\n    for (let i = 0; i < menuItems.length; i += 1) {\n      const menuItem = menuItems[i];\n\n      if (i > 0 && menuItem.group !== menuItems[i - 1].group) {\n        menuItemElements.push(<hr key={`${i}.separator`} />);\n      }\n\n      const menuItemElement = (\n        <ContextMenuItem\n          key={i}\n          isKeyboardSelected={keyboardIndex === i}\n          isMouseSelected={mouseIndex === i}\n          menuItem={menuItem}\n          closeMenu={this.handleCloseMenu}\n          onMenuItemClick={this.handleMenuItemClick}\n          onMenuItemMouseMove={this.handleMenuItemMouseMove}\n          onMenuItemContextMenu={() => false}\n        />\n      );\n\n      menuItemElements.push(menuItemElement);\n    }\n\n    const { menuStyle } = this.props;\n\n    return (\n      <div\n        className=\"context-menu-container\"\n        style={{ ...menuStyle }}\n        ref={this.container}\n        onKeyDown={this.handleKeyDown}\n        onMouseLeave={this.handleMouseLeave}\n        role=\"menuitem\"\n        tabIndex={0}\n      >\n        {menuItemElements}\n      </div>\n    );\n  }\n}\n\nexport default Menu;\n"],"file":"Menu.js"}

package/dist/menu-actions/index.js

@@ -1,3 +1,3 @@
 // Note this exports as the default for this module
-export { default } from './DropdownMenu';
+export { default } from "./DropdownMenu.js";
 //# sourceMappingURL=index.js.map

package/dist/menu-actions/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/menu-actions/index.ts"],"names":["default"],"mappings":"AAAA;AACA,SAASA,OAAT,QAAwB,gBAAxB","sourcesContent":["// Note this exports as the default for this module\nexport { default } from './DropdownMenu';\n"],"file":"index.js"}
+{"version":3,"sources":["../../src/menu-actions/index.ts"],"names":["default"],"mappings":"AAAA;SACSA,O","sourcesContent":["// Note this exports as the default for this module\nexport { default } from './DropdownMenu';\n"],"file":"index.js"}

package/dist/navigation/Menu.js

@@ -1,27 +1,23 @@
 import React from 'react';
-import MenuItem from './MenuItem';
+import MenuItem from "./MenuItem.js";
 import "./Menu.css";
-export var Menu = function Menu(_ref) {
-  var items = _ref.items,
-      _ref$onSelect = _ref.onSelect,
-      _onSelect = _ref$onSelect === void 0 ? function () {
-    return undefined;
-  } : _ref$onSelect;
-
+export var Menu = (_ref) => {
+  var {
+    items,
+    onSelect: _onSelect = () => undefined
+  } = _ref;
   return /*#__PURE__*/React.createElement("div", {
     className: "navigation-menu-view"
   }, /*#__PURE__*/React.createElement("ul", {
     className: "navigation-menu-list"
-  }, items.map(function (item, itemIndex) {
-    return /*#__PURE__*/React.createElement("li", {
-      key: item.title
-    }, /*#__PURE__*/React.createElement(MenuItem, {
-      item: item,
-      onSelect: function onSelect() {
-        _onSelect(itemIndex);
-      }
-    }));
-  })));
+  }, items.map((item, itemIndex) => /*#__PURE__*/React.createElement("li", {
+    key: item.title
+  }, /*#__PURE__*/React.createElement(MenuItem, {
+    item: item,
+    onSelect: () => {
+      _onSelect(itemIndex);
+    }
+  })))));
 };
 export default Menu;
 //# sourceMappingURL=Menu.js.map

package/dist/navigation/Menu.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/navigation/Menu.tsx"],"names":["React","MenuItem","Menu","items","onSelect","undefined","map","item","itemIndex","title"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,QAAP,MAAsC,YAAtC;AACA;AASA,OAAO,IAAMC,IAAI,GAAG,SAAPA,IAAO;AAAA,MAClBC,KADkB,QAClBA,KADkB;AAAA,2BAElBC,QAFkB;AAAA,MAElBA,SAFkB,8BAEP;AAAA,WAAMC,SAAN;AAAA,GAFO;;AAAA,sBAIlB;AAAK,IAAA,SAAS,EAAC;AAAf,kBACE;AAAI,IAAA,SAAS,EAAC;AAAd,KACGF,KAAK,CAACG,GAAN,CAAU,UAACC,IAAD,EAAOC,SAAP;AAAA,wBACT;AAAI,MAAA,GAAG,EAAED,IAAI,CAACE;AAAd,oBACE,oBAAC,QAAD;AACE,MAAA,IAAI,EAAEF,IADR;AAEE,MAAA,QAAQ,EAAE,oBAAM;AACdH,QAAAA,SAAQ,CAACI,SAAD,CAAR;AACD;AAJH,MADF,CADS;AAAA,GAAV,CADH,CADF,CAJkB;AAAA,CAAb;AAoBP,eAAeN,IAAf","sourcesContent":["import React from 'react';\nimport MenuItem, { MenuItemDef } from './MenuItem';\nimport './Menu.scss';\n\nexport type MenuSelectCallback = (itemIndex: number) => void;\n\nexport type MenuProps = {\n  items: MenuItemDef[];\n  onSelect?: MenuSelectCallback;\n};\n\nexport const Menu = ({\n  items,\n  onSelect = () => undefined,\n}: MenuProps): JSX.Element => (\n  <div className=\"navigation-menu-view\">\n    <ul className=\"navigation-menu-list\">\n      {items.map((item, itemIndex) => (\n        <li key={item.title}>\n          <MenuItem\n            item={item}\n            onSelect={() => {\n              onSelect(itemIndex);\n            }}\n          />\n        </li>\n      ))}\n    </ul>\n  </div>\n);\n\nexport default Menu;\n"],"file":"Menu.js"}
+{"version":3,"sources":["../../src/navigation/Menu.tsx"],"names":["React","MenuItem","Menu","items","onSelect","undefined","map","item","itemIndex","title"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;OACOC,Q;;AAUP,OAAO,IAAMC,IAAI,GAAG;AAAA,MAAC;AACnBC,IAAAA,KADmB;AAEnBC,IAAAA,QAAQ,EAARA,SAAQ,GAAG,MAAMC;AAFE,GAAD;AAAA,sBAIlB;AAAK,IAAA,SAAS,EAAC;AAAf,kBACE;AAAI,IAAA,SAAS,EAAC;AAAd,KACGF,KAAK,CAACG,GAAN,CAAU,CAACC,IAAD,EAAOC,SAAP,kBACT;AAAI,IAAA,GAAG,EAAED,IAAI,CAACE;AAAd,kBACE,oBAAC,QAAD;AACE,IAAA,IAAI,EAAEF,IADR;AAEE,IAAA,QAAQ,EAAE,MAAM;AACdH,MAAAA,SAAQ,CAACI,SAAD,CAAR;AACD;AAJH,IADF,CADD,CADH,CADF,CAJkB;AAAA,CAAb;AAoBP,eAAeN,IAAf","sourcesContent":["import React from 'react';\nimport MenuItem, { MenuItemDef } from './MenuItem';\nimport './Menu.scss';\n\nexport type MenuSelectCallback = (itemIndex: number) => void;\n\nexport type MenuProps = {\n  items: MenuItemDef[];\n  onSelect?: MenuSelectCallback;\n};\n\nexport const Menu = ({\n  items,\n  onSelect = () => undefined,\n}: MenuProps): JSX.Element => (\n  <div className=\"navigation-menu-view\">\n    <ul className=\"navigation-menu-list\">\n      {items.map((item, itemIndex) => (\n        <li key={item.title}>\n          <MenuItem\n            item={item}\n            onSelect={() => {\n              onSelect(itemIndex);\n            }}\n          />\n        </li>\n      ))}\n    </ul>\n  </div>\n);\n\nexport default Menu;\n"],"file":"Menu.js"}