@deephaven/components 1.22.1 → 1.22.2-alpha-pivot-builder.0

package/dist/context-actions/ContextMenuItem.js

@@ -5,17 +5,17 @@ import { vsChevronRight } from '@deephaven/icons';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 var ContextMenuItem = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   var _menuItem$shortcutTex, _menuItem$shortcut;
-  var {
-    closeMenu,
-    children,
-    menuItem,
-    onMenuItemClick,
-    onMenuItemMouseMove,
-    onMenuItemContextMenu,
-    isKeyboardSelected = false,
-    isMouseSelected = false,
-    'data-testid': dataTestId
-  } = _ref;
+  var closeMenu = _ref.closeMenu,
+    children = _ref.children,
+    menuItem = _ref.menuItem,
+    onMenuItemClick = _ref.onMenuItemClick,
+    onMenuItemMouseMove = _ref.onMenuItemMouseMove,
+    onMenuItemContextMenu = _ref.onMenuItemContextMenu,
+    _ref$isKeyboardSelect = _ref.isKeyboardSelected,
+    isKeyboardSelected = _ref$isKeyboardSelect === void 0 ? false : _ref$isKeyboardSelect,
+    _ref$isMouseSelected = _ref.isMouseSelected,
+    isMouseSelected = _ref$isMouseSelected === void 0 ? false : _ref$isMouseSelected,
+    dataTestId = _ref['data-testid'];
   var handleMenuItemClick = useCallback(e => {
     onMenuItemClick(menuItem, e);
   }, [menuItem, onMenuItemClick]);

package/dist/context-actions/ContextMenuItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"ContextMenuItem.js","names":["React","useCallback","classNames","FontAwesomeIcon","vsChevronRight","jsx","_jsx","jsxs","_jsxs","ContextMenuItem","forwardRef","_ref","ref","_menuItem$shortcutTex","_menuItem$shortcut","closeMenu","children","menuItem","onMenuItemClick","onMenuItemMouseMove","onMenuItemContextMenu","isKeyboardSelected","isMouseSelected","dataTestId","handleMenuItemClick","e","handleMenuItemMouseMove","handleMenuItemContextMenu","renderCustomMenuElement","element","iconElement","displayShortcut","type","forwardedProps","cloneElement","shortcutText","shortcut","getDisplayText","icon","menuItemIcon","isValidElement","style","iconColor","disabled","undefined","color","subMenuIndicator","isSubMenuActive","Boolean","actions","content","menuElement","className","onMouseMove","_menuItem$description","menuItemDisabled","iconHasOutline","iconOutline","active","onClick","onContextMenu","title","description","outline","displayName"],"sources":["../../src/context-actions/ContextMenuItem.tsx"],"sourcesContent":["import React, { useCallback } from 'react';\nimport classNames from 'classnames';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { vsChevronRight, type IconDefinition } from '@deephaven/icons';\nimport type { ContextAction } from './ContextActionUtils';\n\ninterface ContextMenuItemProps {\n  children?: React.ReactNode;\n  closeMenu: (closeAll: boolean) => void;\n  isKeyboardSelected?: boolean;\n  isMouseSelected?: boolean;\n  menuItem: ContextAction;\n  onMenuItemClick: (item: ContextAction, e: React.MouseEvent) => void;\n  onMenuItemMouseMove: (item: ContextAction, e: React.MouseEvent) => void;\n  onMenuItemContextMenu: (item: ContextAction, e: React.MouseEvent) => void;\n  'data-testid'?: string;\n}\n\nconst ContextMenuItem = React.forwardRef<HTMLDivElement, ContextMenuItemProps>(\n  (\n    {\n      closeMenu,\n      children,\n      menuItem,\n      onMenuItemClick,\n      onMenuItemMouseMove,\n      onMenuItemContextMenu,\n      isKeyboardSelected = false,\n      isMouseSelected = false,\n      'data-testid': dataTestId,\n    }: ContextMenuItemProps,\n    ref\n  ) => {\n    const handleMenuItemClick = useCallback(\n      (e: React.MouseEvent): void => {\n        onMenuItemClick(menuItem, e);\n      },\n      [menuItem, onMenuItemClick]\n    );\n\n    const handleMenuItemMouseMove = useCallback(\n      (e: React.MouseEvent): void => {\n        onMenuItemMouseMove(menuItem, e);\n      },\n      [menuItem, onMenuItemMouseMove]\n    );\n\n    const handleMenuItemContextMenu = useCallback(\n      (e: React.MouseEvent): void => {\n        onMenuItemContextMenu(menuItem, e);\n      },\n      [menuItem, onMenuItemContextMenu]\n    );\n\n    function renderCustomMenuElement(\n      element: React.ReactElement,\n      iconElement: IconDefinition | React.ReactElement | null,\n      displayShortcut: string | undefined\n    ): JSX.Element {\n      // Don't pass forwardedProps if menuElement is a native DOM node\n      if (typeof element.type === 'string') {\n        return element;\n      }\n      const forwardedProps = {\n        menuItem,\n        closeMenu,\n        isKeyboardSelected,\n        isMouseSelected,\n        iconElement,\n        displayShortcut,\n        'data-testid': dataTestId,\n      };\n      return React.cloneElement(element, {\n        forwardedProps,\n      });\n    }\n\n    const displayShortcut =\n      menuItem.shortcutText ?? menuItem.shortcut?.getDisplayText();\n    let icon: IconDefinition | React.ReactElement | null = null;\n    if (menuItem.icon) {\n      const menuItemIcon = menuItem.icon;\n      if (React.isValidElement(menuItemIcon)) {\n        icon = menuItemIcon;\n      } else {\n        let style: React.CSSProperties | undefined;\n        if (\n          menuItem.iconColor != null &&\n          (menuItem.disabled === undefined || !menuItem.disabled)\n        ) {\n          style = { color: menuItem.iconColor };\n        }\n        icon = <FontAwesomeIcon icon={menuItemIcon} style={style} />;\n      }\n    }\n\n    let subMenuIndicator = null;\n    const isSubMenuActive = Boolean(children);\n    if (menuItem.actions) {\n      subMenuIndicator = <FontAwesomeIcon icon={vsChevronRight} />;\n    }\n    let content = null;\n    if (menuItem.menuElement) {\n      content = (\n        <div className=\"custom-menu-item\" onMouseMove={handleMenuItemMouseMove}>\n          {renderCustomMenuElement(menuItem.menuElement, icon, displayShortcut)}\n        </div>\n      );\n    } else {\n      const menuItemDisabled = menuItem.disabled;\n      const iconHasOutline = menuItem.iconOutline;\n      content = (\n        <button\n          type=\"button\"\n          className={classNames(\n            'btn-context-menu',\n            { disabled: menuItemDisabled },\n            {\n              active:\n                (isSubMenuActive || isMouseSelected) &&\n                (menuItemDisabled === undefined || !menuItemDisabled),\n            },\n            {\n              'keyboard-active':\n                isKeyboardSelected &&\n                (menuItemDisabled === undefined || !menuItemDisabled),\n            }\n          )}\n          onClick={handleMenuItemClick}\n          onMouseMove={handleMenuItemMouseMove}\n          onContextMenu={handleMenuItemContextMenu}\n          title={menuItem.description ?? ''}\n        >\n          <div className=\"btn-context-menu-wrapper\">\n            <span className={classNames('icon', { outline: iconHasOutline })}>\n              {icon}\n            </span>\n            <span className=\"title\">{menuItem.title}</span>\n            {displayShortcut !== undefined && (\n              <span className=\"shortcut\">{displayShortcut}</span>\n            )}\n            {subMenuIndicator && (\n              <span\n                className={classNames('submenu-indicator', {\n                  disabled: menuItemDisabled,\n                })}\n              >\n                {subMenuIndicator}\n              </span>\n            )}\n          </div>\n        </button>\n      );\n    }\n\n    return (\n      <div className=\"context-menu-item\" ref={ref} data-testid={dataTestId}>\n        {children}\n        {content}\n      </div>\n    );\n  }\n);\n\nContextMenuItem.displayName = 'ContextMenuItem';\n\nexport default ContextMenuItem;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"ContextMenuItem.js","names":["React","useCallback","classNames","FontAwesomeIcon","vsChevronRight","jsx","_jsx","jsxs","_jsxs","ContextMenuItem","forwardRef","_ref","ref","_menuItem$shortcutTex","_menuItem$shortcut","closeMenu","children","menuItem","onMenuItemClick","onMenuItemMouseMove","onMenuItemContextMenu","_ref$isKeyboardSelect","isKeyboardSelected","_ref$isMouseSelected","isMouseSelected","dataTestId","handleMenuItemClick","e","handleMenuItemMouseMove","handleMenuItemContextMenu","renderCustomMenuElement","element","iconElement","displayShortcut","type","forwardedProps","cloneElement","shortcutText","shortcut","getDisplayText","icon","menuItemIcon","isValidElement","style","iconColor","disabled","undefined","color","subMenuIndicator","isSubMenuActive","Boolean","actions","content","menuElement","className","onMouseMove","_menuItem$description","menuItemDisabled","iconHasOutline","iconOutline","active","onClick","onContextMenu","title","description","outline","displayName"],"sources":["../../src/context-actions/ContextMenuItem.tsx"],"sourcesContent":["import React, { useCallback } from 'react';\nimport classNames from 'classnames';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { vsChevronRight, type IconDefinition } from '@deephaven/icons';\nimport type { ContextAction } from './ContextActionUtils';\n\ninterface ContextMenuItemProps {\n  children?: React.ReactNode;\n  closeMenu: (closeAll: boolean) => void;\n  isKeyboardSelected?: boolean;\n  isMouseSelected?: boolean;\n  menuItem: ContextAction;\n  onMenuItemClick: (item: ContextAction, e: React.MouseEvent) => void;\n  onMenuItemMouseMove: (item: ContextAction, e: React.MouseEvent) => void;\n  onMenuItemContextMenu: (item: ContextAction, e: React.MouseEvent) => void;\n  'data-testid'?: string;\n}\n\nconst ContextMenuItem = React.forwardRef<HTMLDivElement, ContextMenuItemProps>(\n  (\n    {\n      closeMenu,\n      children,\n      menuItem,\n      onMenuItemClick,\n      onMenuItemMouseMove,\n      onMenuItemContextMenu,\n      isKeyboardSelected = false,\n      isMouseSelected = false,\n      'data-testid': dataTestId,\n    }: ContextMenuItemProps,\n    ref\n  ) => {\n    const handleMenuItemClick = useCallback(\n      (e: React.MouseEvent): void => {\n        onMenuItemClick(menuItem, e);\n      },\n      [menuItem, onMenuItemClick]\n    );\n\n    const handleMenuItemMouseMove = useCallback(\n      (e: React.MouseEvent): void => {\n        onMenuItemMouseMove(menuItem, e);\n      },\n      [menuItem, onMenuItemMouseMove]\n    );\n\n    const handleMenuItemContextMenu = useCallback(\n      (e: React.MouseEvent): void => {\n        onMenuItemContextMenu(menuItem, e);\n      },\n      [menuItem, onMenuItemContextMenu]\n    );\n\n    function renderCustomMenuElement(\n      element: React.ReactElement,\n      iconElement: IconDefinition | React.ReactElement | null,\n      displayShortcut: string | undefined\n    ): JSX.Element {\n      // Don't pass forwardedProps if menuElement is a native DOM node\n      if (typeof element.type === 'string') {\n        return element;\n      }\n      const forwardedProps = {\n        menuItem,\n        closeMenu,\n        isKeyboardSelected,\n        isMouseSelected,\n        iconElement,\n        displayShortcut,\n        'data-testid': dataTestId,\n      };\n      return React.cloneElement(element, {\n        forwardedProps,\n      });\n    }\n\n    const displayShortcut =\n      menuItem.shortcutText ?? menuItem.shortcut?.getDisplayText();\n    let icon: IconDefinition | React.ReactElement | null = null;\n    if (menuItem.icon) {\n      const menuItemIcon = menuItem.icon;\n      if (React.isValidElement(menuItemIcon)) {\n        icon = menuItemIcon;\n      } else {\n        let style: React.CSSProperties | undefined;\n        if (\n          menuItem.iconColor != null &&\n          (menuItem.disabled === undefined || !menuItem.disabled)\n        ) {\n          style = { color: menuItem.iconColor };\n        }\n        icon = <FontAwesomeIcon icon={menuItemIcon} style={style} />;\n      }\n    }\n\n    let subMenuIndicator = null;\n    const isSubMenuActive = Boolean(children);\n    if (menuItem.actions) {\n      subMenuIndicator = <FontAwesomeIcon icon={vsChevronRight} />;\n    }\n    let content = null;\n    if (menuItem.menuElement) {\n      content = (\n        <div className=\"custom-menu-item\" onMouseMove={handleMenuItemMouseMove}>\n          {renderCustomMenuElement(menuItem.menuElement, icon, displayShortcut)}\n        </div>\n      );\n    } else {\n      const menuItemDisabled = menuItem.disabled;\n      const iconHasOutline = menuItem.iconOutline;\n      content = (\n        <button\n          type=\"button\"\n          className={classNames(\n            'btn-context-menu',\n            { disabled: menuItemDisabled },\n            {\n              active:\n                (isSubMenuActive || isMouseSelected) &&\n                (menuItemDisabled === undefined || !menuItemDisabled),\n            },\n            {\n              'keyboard-active':\n                isKeyboardSelected &&\n                (menuItemDisabled === undefined || !menuItemDisabled),\n            }\n          )}\n          onClick={handleMenuItemClick}\n          onMouseMove={handleMenuItemMouseMove}\n          onContextMenu={handleMenuItemContextMenu}\n          title={menuItem.description ?? ''}\n        >\n          <div className=\"btn-context-menu-wrapper\">\n            <span className={classNames('icon', { outline: iconHasOutline })}>\n              {icon}\n            </span>\n            <span className=\"title\">{menuItem.title}</span>\n            {displayShortcut !== undefined && (\n              <span className=\"shortcut\">{displayShortcut}</span>\n            )}\n            {subMenuIndicator && (\n              <span\n                className={classNames('submenu-indicator', {\n                  disabled: menuItemDisabled,\n                })}\n              >\n                {subMenuIndicator}\n              </span>\n            )}\n          </div>\n        </button>\n      );\n    }\n\n    return (\n      <div className=\"context-menu-item\" ref={ref} data-testid={dataTestId}>\n        {children}\n        {content}\n      </div>\n    );\n  }\n);\n\nContextMenuItem.displayName = 'ContextMenuItem';\n\nexport default ContextMenuItem;\n"],"mappings":"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","ignoreList":[]}

package/dist/context-actions/ContextMenuRoot.js

@@ -43,9 +43,7 @@ class ContextMenuRoot extends Component {
     var parentRect = this.container.current.getBoundingClientRect();
     var top = e.clientY - parentRect.top;
     var left = e.clientX - parentRect.left;
-    var {
-      actions
-    } = this.state;
+    var actions = this.state.actions;
 
     // Context menu is open and user clicked on the context-root blocking layer
     // Mac and Linux appear to trigger contextmenu events on mousedown vs. mouseup on Windows
@@ -105,14 +103,11 @@ class ContextMenuRoot extends Component {
   }
   render() {
     var menu = null;
-    var {
-      'data-testid': dataTestId
-    } = this.props;
-    var {
-      actions,
-      top,
-      left
-    } = this.state;
+    var dataTestId = this.props['data-testid'];
+    var _this$state = this.state,
+      actions = _this$state.actions,
+      top = _this$state.top,
+      left = _this$state.left;
     if (actions) {
       menu = /*#__PURE__*/_jsx(ContextMenu, {
         ref: this.openMenu,

package/dist/context-actions/ContextMenuRoot.js.map

@@ -1 +1 @@
-{"version":3,"file":"ContextMenuRoot.js","names":["React","Component","classNames","ContextMenu","ContextActionUtils","jsx","_jsx","ContextMenuRoot","constructor","props","_defineProperty","handleMenuClose","bind","handleContextMenu","container","createRef","openMenu","state","actions","left","top","componentDidMount","_this$container$curre","current","parentElement","addEventListener","componentWillUnmount","_this$container$curre2","removeEventListener","e","parentRect","getBoundingClientRect","clientY","clientX","target","preventDefault","setState","element","document","elementFromPoint","mouseEvent","MouseEvent","bubbles","cancelable","dispatchEvent","isContextActionEvent","metaKey","ctrlKey","contextActions","getMenuItems","length","menu","render","dataTestId","ref","onMenuClosed","updatePosition","verifiedTop","verifiedLeft","className","active","children"],"sources":["../../src/context-actions/ContextMenuRoot.tsx"],"sourcesContent":["import React, { Component } from 'react';\nimport classNames from 'classnames';\nimport ContextMenu from './ContextMenu';\nimport ContextActionUtils, { type MenuItem } from './ContextActionUtils';\n\ntype ContextMenuRootProps = Record<string, never> & {\n  'data-testid'?: string;\n};\n\ninterface ContextMenuRootState {\n  actions: MenuItem[] | null;\n  left: number;\n  top: number;\n}\n\n/**\n * Put at your root container, any contextmenu events that are unhandled in the root container will be handled by this\n */\nclass ContextMenuRoot extends Component<\n  ContextMenuRootProps,\n  ContextMenuRootState\n> {\n  constructor(props: ContextMenuRootProps) {\n    super(props);\n\n    this.handleMenuClose = this.handleMenuClose.bind(this);\n    this.handleContextMenu = this.handleContextMenu.bind(this);\n    this.container = React.createRef();\n    this.openMenu = React.createRef();\n\n    this.state = {\n      actions: null,\n      left: 0,\n      top: 0,\n    };\n  }\n\n  componentDidMount(): void {\n    if (this.container.current?.parentElement) {\n      this.container.current.parentElement.addEventListener(\n        'contextmenu',\n        this.handleContextMenu\n      );\n    }\n  }\n\n  componentWillUnmount(): void {\n    if (this.container.current?.parentElement) {\n      this.container.current.parentElement.removeEventListener(\n        'contextmenu',\n        this.handleContextMenu\n      );\n    }\n  }\n\n  container: React.RefObject<HTMLDivElement>;\n\n  openMenu: React.RefObject<ContextMenu>;\n\n  handleContextMenu(e: MouseEvent): void {\n    if (!this.container.current) {\n      return;\n    }\n\n    const parentRect = this.container.current.getBoundingClientRect();\n    const top = e.clientY - parentRect.top;\n    const left = e.clientX - parentRect.left;\n    const { actions } = this.state;\n\n    // Context menu is open and user clicked on the context-root blocking layer\n    // Mac and Linux appear to trigger contextmenu events on mousedown vs. mouseup on Windows\n    // Mouseup on Windows triggers blur before contextmenu which effectively does what this path does\n    if (actions != null && e.target === this.container.current) {\n      // re-emit right clicks that hit the context-root blocking layer\n      // while we already have a custom context menu open\n      e.preventDefault();\n\n      // Set actions to null removes the menu\n      // That allows a new menu to be opened on a different element so initial position is set properly\n      // Otherwise the instance of this menu may be reused\n      // A new contextmenu event is triggered on the element at the location the user clicked on the blocking layer\n      this.setState({ actions: null }, () => {\n        const element = document.elementFromPoint(left, top); // x y\n\n        const mouseEvent = new MouseEvent('contextmenu', {\n          clientX: e.clientX,\n          clientY: e.clientY,\n          bubbles: true,\n          cancelable: true,\n        });\n\n        element?.dispatchEvent(mouseEvent);\n      });\n      return;\n    }\n\n    if (!ContextActionUtils.isContextActionEvent(e)) {\n      // Open native menu if no custom context actions\n      return;\n    }\n\n    if (e.metaKey || e.ctrlKey) {\n      // debug escape hatch to native menu\n      return;\n    }\n\n    const contextActions = ContextActionUtils.getMenuItems(e.contextActions);\n\n    if (contextActions.length === 0) {\n      // No actions after filtering. Use native menu\n      return;\n    }\n\n    // new clicks, set actions\n    e.preventDefault();\n    this.setState({\n      actions: contextActions,\n      top,\n      left,\n    });\n  }\n\n  handleMenuClose(menu: ContextMenu): void {\n    if (menu === this.openMenu.current) {\n      this.setState({ actions: null });\n    }\n  }\n\n  render(): JSX.Element {\n    let menu = null;\n    const { 'data-testid': dataTestId } = this.props;\n    const { actions, top, left } = this.state;\n    if (actions) {\n      menu = (\n        <ContextMenu\n          ref={this.openMenu}\n          actions={actions}\n          onMenuClosed={this.handleMenuClose}\n          top={top}\n          left={left}\n          updatePosition={(verifiedTop, verifiedLeft) => {\n            this.setState({ top: verifiedTop, left: verifiedLeft });\n          }}\n          data-testid={dataTestId}\n        />\n      );\n    }\n    return (\n      <div\n        className={classNames('context-menu-root', { active: actions })}\n        ref={this.container}\n      >\n        {menu}\n      </div>\n    );\n  }\n}\n\nexport default ContextMenuRoot;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"ContextMenuRoot.js","names":["React","Component","classNames","ContextMenu","ContextActionUtils","jsx","_jsx","ContextMenuRoot","constructor","props","_defineProperty","handleMenuClose","bind","handleContextMenu","container","createRef","openMenu","state","actions","left","top","componentDidMount","_this$container$curre","current","parentElement","addEventListener","componentWillUnmount","_this$container$curre2","removeEventListener","e","parentRect","getBoundingClientRect","clientY","clientX","target","preventDefault","setState","element","document","elementFromPoint","mouseEvent","MouseEvent","bubbles","cancelable","dispatchEvent","isContextActionEvent","metaKey","ctrlKey","contextActions","getMenuItems","length","menu","render","dataTestId","_this$state","ref","onMenuClosed","updatePosition","verifiedTop","verifiedLeft","className","active","children"],"sources":["../../src/context-actions/ContextMenuRoot.tsx"],"sourcesContent":["import React, { Component } from 'react';\nimport classNames from 'classnames';\nimport ContextMenu from './ContextMenu';\nimport ContextActionUtils, { type MenuItem } from './ContextActionUtils';\n\ntype ContextMenuRootProps = Record<string, never> & {\n  'data-testid'?: string;\n};\n\ninterface ContextMenuRootState {\n  actions: MenuItem[] | null;\n  left: number;\n  top: number;\n}\n\n/**\n * Put at your root container, any contextmenu events that are unhandled in the root container will be handled by this\n */\nclass ContextMenuRoot extends Component<\n  ContextMenuRootProps,\n  ContextMenuRootState\n> {\n  constructor(props: ContextMenuRootProps) {\n    super(props);\n\n    this.handleMenuClose = this.handleMenuClose.bind(this);\n    this.handleContextMenu = this.handleContextMenu.bind(this);\n    this.container = React.createRef();\n    this.openMenu = React.createRef();\n\n    this.state = {\n      actions: null,\n      left: 0,\n      top: 0,\n    };\n  }\n\n  componentDidMount(): void {\n    if (this.container.current?.parentElement) {\n      this.container.current.parentElement.addEventListener(\n        'contextmenu',\n        this.handleContextMenu\n      );\n    }\n  }\n\n  componentWillUnmount(): void {\n    if (this.container.current?.parentElement) {\n      this.container.current.parentElement.removeEventListener(\n        'contextmenu',\n        this.handleContextMenu\n      );\n    }\n  }\n\n  container: React.RefObject<HTMLDivElement>;\n\n  openMenu: React.RefObject<ContextMenu>;\n\n  handleContextMenu(e: MouseEvent): void {\n    if (!this.container.current) {\n      return;\n    }\n\n    const parentRect = this.container.current.getBoundingClientRect();\n    const top = e.clientY - parentRect.top;\n    const left = e.clientX - parentRect.left;\n    const { actions } = this.state;\n\n    // Context menu is open and user clicked on the context-root blocking layer\n    // Mac and Linux appear to trigger contextmenu events on mousedown vs. mouseup on Windows\n    // Mouseup on Windows triggers blur before contextmenu which effectively does what this path does\n    if (actions != null && e.target === this.container.current) {\n      // re-emit right clicks that hit the context-root blocking layer\n      // while we already have a custom context menu open\n      e.preventDefault();\n\n      // Set actions to null removes the menu\n      // That allows a new menu to be opened on a different element so initial position is set properly\n      // Otherwise the instance of this menu may be reused\n      // A new contextmenu event is triggered on the element at the location the user clicked on the blocking layer\n      this.setState({ actions: null }, () => {\n        const element = document.elementFromPoint(left, top); // x y\n\n        const mouseEvent = new MouseEvent('contextmenu', {\n          clientX: e.clientX,\n          clientY: e.clientY,\n          bubbles: true,\n          cancelable: true,\n        });\n\n        element?.dispatchEvent(mouseEvent);\n      });\n      return;\n    }\n\n    if (!ContextActionUtils.isContextActionEvent(e)) {\n      // Open native menu if no custom context actions\n      return;\n    }\n\n    if (e.metaKey || e.ctrlKey) {\n      // debug escape hatch to native menu\n      return;\n    }\n\n    const contextActions = ContextActionUtils.getMenuItems(e.contextActions);\n\n    if (contextActions.length === 0) {\n      // No actions after filtering. Use native menu\n      return;\n    }\n\n    // new clicks, set actions\n    e.preventDefault();\n    this.setState({\n      actions: contextActions,\n      top,\n      left,\n    });\n  }\n\n  handleMenuClose(menu: ContextMenu): void {\n    if (menu === this.openMenu.current) {\n      this.setState({ actions: null });\n    }\n  }\n\n  render(): JSX.Element {\n    let menu = null;\n    const { 'data-testid': dataTestId } = this.props;\n    const { actions, top, left } = this.state;\n    if (actions) {\n      menu = (\n        <ContextMenu\n          ref={this.openMenu}\n          actions={actions}\n          onMenuClosed={this.handleMenuClose}\n          top={top}\n          left={left}\n          updatePosition={(verifiedTop, verifiedLeft) => {\n            this.setState({ top: verifiedTop, left: verifiedLeft });\n          }}\n          data-testid={dataTestId}\n        />\n      );\n    }\n    return (\n      <div\n        className={classNames('context-menu-root', { active: actions })}\n        ref={this.container}\n      >\n        {menu}\n      </div>\n    );\n  }\n}\n\nexport default ContextMenuRoot;\n"],"mappings":"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","ignoreList":[]}

package/dist/context-actions/GlobalContextAction.js

@@ -21,9 +21,7 @@ class GlobalContextAction extends Component {
     if (e.contextActions == null) {
       e.contextActions = [];
     }
-    var {
-      action
-    } = this.props;
+    var action = this.props.action;
     if (action.title == null && !action.menuElement) {
       return;
     }
@@ -34,9 +32,7 @@ class GlobalContextAction extends Component {
     log.debug('Received context menu event at global action! Menu items are now: ', e.contextActions);
   }
   handleKeyDown(e) {
-    var {
-      action
-    } = this.props;
+    var action = this.props.action;
     if (!ContextActionUtils.actionsDisabled && action.shortcut !== undefined && action.shortcut.matchesEvent(e)) {
       var _action$action;
       log.debug('Global hotkey matched!', e);

package/dist/context-actions/GlobalContextAction.js.map

@@ -1 +1 @@
-{"version":3,"file":"GlobalContextAction.js","names":["Component","Log","ContextActionUtils","log","module","GlobalContextAction","constructor","props","handleContextMenu","bind","handleKeyDown","componentDidMount","document","body","addEventListener","componentWillUnmount","removeEventListener","evt","e","contextActions","action","title","menuElement","push","debug","actionsDisabled","shortcut","undefined","matchesEvent","_action$action","call","preventDefault","stopPropagation","render"],"sources":["../../src/context-actions/GlobalContextAction.tsx"],"sourcesContent":["import { Component } from 'react';\nimport Log from '@deephaven/log';\nimport ContextActionUtils from './ContextActionUtils';\nimport type { ContextAction, ContextActionEvent } from './ContextActionUtils';\n\nconst log = Log.module('GlobalContextAction');\n\ninterface GlobalContextActionProps {\n  action: ContextAction;\n}\n\nclass GlobalContextAction extends Component<GlobalContextActionProps> {\n  constructor(props: GlobalContextActionProps) {\n    super(props);\n\n    this.handleContextMenu = this.handleContextMenu.bind(this);\n    this.handleKeyDown = this.handleKeyDown.bind(this);\n  }\n\n  componentDidMount(): void {\n    document.body.addEventListener('contextmenu', this.handleContextMenu);\n    document.body.addEventListener('keydown', this.handleKeyDown);\n  }\n\n  componentWillUnmount(): void {\n    document.body.removeEventListener('contextmenu', this.handleContextMenu);\n    document.body.removeEventListener('keydown', this.handleKeyDown);\n  }\n\n  handleContextMenu(evt: MouseEvent): void {\n    const e = evt as ContextActionEvent;\n    if (e.contextActions == null) {\n      e.contextActions = [];\n    }\n\n    const { action } = this.props;\n\n    if (action.title == null && !action.menuElement) {\n      return;\n    }\n\n    if (e.contextActions == null) {\n      e.contextActions = [];\n    }\n\n    e.contextActions.push(action);\n\n    log.debug(\n      'Received context menu event at global action! Menu items are now: ',\n      e.contextActions\n    );\n  }\n\n  handleKeyDown(e: KeyboardEvent): void {\n    const { action } = this.props;\n    if (\n      !ContextActionUtils.actionsDisabled &&\n      action.shortcut !== undefined &&\n      action.shortcut.matchesEvent(e)\n    ) {\n      log.debug('Global hotkey matched!', e);\n\n      action.action?.(e);\n\n      e.preventDefault();\n      e.stopPropagation();\n    }\n  }\n\n  render(): null {\n    return null;\n  }\n}\n\nexport default GlobalContextAction;\n"],"mappings":"AAAA,SAASA,SAAS,QAAQ,OAAO;AACjC,OAAOC,GAAG,MAAM,gBAAgB;AAAC,OAC1BC,kBAAkB;AAGzB,IAAMC,GAAG,GAAGF,GAAG,CAACG,MAAM,CAAC,qBAAqB,CAAC;AAM7C,MAAMC,mBAAmB,SAASL,SAAS,CAA2B;EACpEM,WAAWA,CAACC,KAA+B,EAAE;IAC3C,KAAK,CAACA,KAAK,CAAC;IAEZ,IAAI,CAACC,iBAAiB,GAAG,IAAI,CAACA,iBAAiB,CAACC,IAAI,CAAC,IAAI,CAAC;IAC1D,IAAI,CAACC,aAAa,GAAG,IAAI,CAACA,aAAa,CAACD,IAAI,CAAC,IAAI,CAAC;EACpD;EAEAE,iBAAiBA,CAAA,EAAS;IACxBC,QAAQ,CAACC,IAAI,CAACC,gBAAgB,CAAC,aAAa,EAAE,IAAI,CAACN,iBAAiB,CAAC;IACrEI,QAAQ,CAACC,IAAI,CAACC,gBAAgB,CAAC,SAAS,EAAE,IAAI,CAACJ,aAAa,CAAC;EAC/D;EAEAK,oBAAoBA,CAAA,EAAS;IAC3BH,QAAQ,CAACC,IAAI,CAACG,mBAAmB,CAAC,aAAa,EAAE,IAAI,CAACR,iBAAiB,CAAC;IACxEI,QAAQ,CAACC,IAAI,CAACG,mBAAmB,CAAC,SAAS,EAAE,IAAI,CAACN,aAAa,CAAC;EAClE;EAEAF,iBAAiBA,CAACS,GAAe,EAAQ;IACvC,IAAMC,CAAC,GAAGD,GAAyB;IACnC,IAAIC,CAAC,CAACC,cAAc,IAAI,IAAI,EAAE;MAC5BD,CAAC,CAACC,cAAc,GAAG,EAAE;IACvB;IAEA,IAAM;MAAEC;IAAO,CAAC,GAAG,IAAI,CAACb,KAAK;IAE7B,IAAIa,MAAM,CAACC,KAAK,IAAI,IAAI,IAAI,CAACD,MAAM,CAACE,WAAW,EAAE;MAC/C;IACF;IAEA,IAAIJ,CAAC,CAACC,cAAc,IAAI,IAAI,EAAE;MAC5BD,CAAC,CAACC,cAAc,GAAG,EAAE;IACvB;IAEAD,CAAC,CAACC,cAAc,CAACI,IAAI,CAACH,MAAM,CAAC;IAE7BjB,GAAG,CAACqB,KAAK,CACP,oEAAoE,EACpEN,CAAC,CAACC,cACJ,CAAC;EACH;EAEAT,aAAaA,CAACQ,CAAgB,EAAQ;IACpC,IAAM;MAAEE;IAAO,CAAC,GAAG,IAAI,CAACb,KAAK;IAC7B,IACE,CAACL,kBAAkB,CAACuB,eAAe,IACnCL,MAAM,CAACM,QAAQ,KAAKC,SAAS,IAC7BP,MAAM,CAACM,QAAQ,CAACE,YAAY,CAACV,CAAC,CAAC,EAC/B;MAAA,IAAAW,cAAA;MACA1B,GAAG,CAACqB,KAAK,CAAC,wBAAwB,EAAEN,CAAC,CAAC;MAEtC,CAAAW,cAAA,GAAAT,MAAM,CAACA,MAAM,cAAAS,cAAA,eAAbA,cAAA,CAAAC,IAAA,CAAAV,MAAM,EAAUF,CAAC,CAAC;MAElBA,CAAC,CAACa,cAAc,CAAC,CAAC;MAClBb,CAAC,CAACc,eAAe,CAAC,CAAC;IACrB;EACF;EAEAC,MAAMA,CAAA,EAAS;IACb,OAAO,IAAI;EACb;AACF;AAEA,eAAe5B,mBAAmB","ignoreList":[]}
+{"version":3,"file":"GlobalContextAction.js","names":["Component","Log","ContextActionUtils","log","module","GlobalContextAction","constructor","props","handleContextMenu","bind","handleKeyDown","componentDidMount","document","body","addEventListener","componentWillUnmount","removeEventListener","evt","e","contextActions","action","title","menuElement","push","debug","actionsDisabled","shortcut","undefined","matchesEvent","_action$action","call","preventDefault","stopPropagation","render"],"sources":["../../src/context-actions/GlobalContextAction.tsx"],"sourcesContent":["import { Component } from 'react';\nimport Log from '@deephaven/log';\nimport ContextActionUtils from './ContextActionUtils';\nimport type { ContextAction, ContextActionEvent } from './ContextActionUtils';\n\nconst log = Log.module('GlobalContextAction');\n\ninterface GlobalContextActionProps {\n  action: ContextAction;\n}\n\nclass GlobalContextAction extends Component<GlobalContextActionProps> {\n  constructor(props: GlobalContextActionProps) {\n    super(props);\n\n    this.handleContextMenu = this.handleContextMenu.bind(this);\n    this.handleKeyDown = this.handleKeyDown.bind(this);\n  }\n\n  componentDidMount(): void {\n    document.body.addEventListener('contextmenu', this.handleContextMenu);\n    document.body.addEventListener('keydown', this.handleKeyDown);\n  }\n\n  componentWillUnmount(): void {\n    document.body.removeEventListener('contextmenu', this.handleContextMenu);\n    document.body.removeEventListener('keydown', this.handleKeyDown);\n  }\n\n  handleContextMenu(evt: MouseEvent): void {\n    const e = evt as ContextActionEvent;\n    if (e.contextActions == null) {\n      e.contextActions = [];\n    }\n\n    const { action } = this.props;\n\n    if (action.title == null && !action.menuElement) {\n      return;\n    }\n\n    if (e.contextActions == null) {\n      e.contextActions = [];\n    }\n\n    e.contextActions.push(action);\n\n    log.debug(\n      'Received context menu event at global action! Menu items are now: ',\n      e.contextActions\n    );\n  }\n\n  handleKeyDown(e: KeyboardEvent): void {\n    const { action } = this.props;\n    if (\n      !ContextActionUtils.actionsDisabled &&\n      action.shortcut !== undefined &&\n      action.shortcut.matchesEvent(e)\n    ) {\n      log.debug('Global hotkey matched!', e);\n\n      action.action?.(e);\n\n      e.preventDefault();\n      e.stopPropagation();\n    }\n  }\n\n  render(): null {\n    return null;\n  }\n}\n\nexport default GlobalContextAction;\n"],"mappings":"AAAA,SAASA,SAAS,QAAQ,OAAO;AACjC,OAAOC,GAAG,MAAM,gBAAgB;AAAC,OAC1BC,kBAAkB;AAGzB,IAAMC,GAAG,GAAGF,GAAG,CAACG,MAAM,CAAC,qBAAqB,CAAC;AAM7C,MAAMC,mBAAmB,SAASL,SAAS,CAA2B;EACpEM,WAAWA,CAACC,KAA+B,EAAE;IAC3C,KAAK,CAACA,KAAK,CAAC;IAEZ,IAAI,CAACC,iBAAiB,GAAG,IAAI,CAACA,iBAAiB,CAACC,IAAI,CAAC,IAAI,CAAC;IAC1D,IAAI,CAACC,aAAa,GAAG,IAAI,CAACA,aAAa,CAACD,IAAI,CAAC,IAAI,CAAC;EACpD;EAEAE,iBAAiBA,CAAA,EAAS;IACxBC,QAAQ,CAACC,IAAI,CAACC,gBAAgB,CAAC,aAAa,EAAE,IAAI,CAACN,iBAAiB,CAAC;IACrEI,QAAQ,CAACC,IAAI,CAACC,gBAAgB,CAAC,SAAS,EAAE,IAAI,CAACJ,aAAa,CAAC;EAC/D;EAEAK,oBAAoBA,CAAA,EAAS;IAC3BH,QAAQ,CAACC,IAAI,CAACG,mBAAmB,CAAC,aAAa,EAAE,IAAI,CAACR,iBAAiB,CAAC;IACxEI,QAAQ,CAACC,IAAI,CAACG,mBAAmB,CAAC,SAAS,EAAE,IAAI,CAACN,aAAa,CAAC;EAClE;EAEAF,iBAAiBA,CAACS,GAAe,EAAQ;IACvC,IAAMC,CAAC,GAAGD,GAAyB;IACnC,IAAIC,CAAC,CAACC,cAAc,IAAI,IAAI,EAAE;MAC5BD,CAAC,CAACC,cAAc,GAAG,EAAE;IACvB;IAEA,IAAQC,MAAM,GAAK,IAAI,CAACb,KAAK,CAArBa,MAAM;IAEd,IAAIA,MAAM,CAACC,KAAK,IAAI,IAAI,IAAI,CAACD,MAAM,CAACE,WAAW,EAAE;MAC/C;IACF;IAEA,IAAIJ,CAAC,CAACC,cAAc,IAAI,IAAI,EAAE;MAC5BD,CAAC,CAACC,cAAc,GAAG,EAAE;IACvB;IAEAD,CAAC,CAACC,cAAc,CAACI,IAAI,CAACH,MAAM,CAAC;IAE7BjB,GAAG,CAACqB,KAAK,CACP,oEAAoE,EACpEN,CAAC,CAACC,cACJ,CAAC;EACH;EAEAT,aAAaA,CAACQ,CAAgB,EAAQ;IACpC,IAAQE,MAAM,GAAK,IAAI,CAACb,KAAK,CAArBa,MAAM;IACd,IACE,CAAClB,kBAAkB,CAACuB,eAAe,IACnCL,MAAM,CAACM,QAAQ,KAAKC,SAAS,IAC7BP,MAAM,CAACM,QAAQ,CAACE,YAAY,CAACV,CAAC,CAAC,EAC/B;MAAA,IAAAW,cAAA;MACA1B,GAAG,CAACqB,KAAK,CAAC,wBAAwB,EAAEN,CAAC,CAAC;MAEtC,CAAAW,cAAA,GAAAT,MAAM,CAACA,MAAM,cAAAS,cAAA,eAAbA,cAAA,CAAAC,IAAA,CAAAV,MAAM,EAAUF,CAAC,CAAC;MAElBA,CAAC,CAACa,cAAc,CAAC,CAAC;MAClBb,CAAC,CAACc,eAAe,CAAC,CAAC;IACrB;EACF;EAEAC,MAAMA,CAAA,EAAS;IACb,OAAO,IAAI;EACb;AACF;AAEA,eAAe5B,mBAAmB","ignoreList":[]}

package/dist/context-actions/GlobalContextActions.js

@@ -3,16 +3,13 @@ import GlobalContextAction from "./GlobalContextAction.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 class GlobalContextActions extends Component {
   render() {
-    var {
-      actions,
-      'data-testid': dataTestId
-    } = this.props;
+    var _this$props = this.props,
+      actions = _this$props.actions,
+      dataTestId = _this$props['data-testid'];
     var actionElements = [];
     for (var i = 0; i < actions.length; i += 1) {
       var action = actions[i];
-      var {
-        shortcut
-      } = action;
+      var shortcut = action.shortcut;
       if (action.title != null || action.menuElement || shortcut) {
         var actionElement = /*#__PURE__*/_jsx(GlobalContextAction, {
           action: action,

package/dist/context-actions/GlobalContextActions.js.map

@@ -1 +1 @@
-{"version":3,"file":"GlobalContextActions.js","names":["React","Component","GlobalContextAction","jsx","_jsx","GlobalContextActions","render","actions","dataTestId","props","actionElements","i","length","action","shortcut","title","menuElement","actionElement","concat","id","push"],"sources":["../../src/context-actions/GlobalContextActions.tsx"],"sourcesContent":["import React, { Component } from 'react';\nimport GlobalContextAction from './GlobalContextAction';\nimport type { ContextAction } from './ContextActionUtils';\n\ninterface GlobalContextActionsProps {\n  actions: ContextAction[];\n  'data-testid'?: string;\n}\n\nclass GlobalContextActions extends Component<GlobalContextActionsProps> {\n  render(): React.ReactNode {\n    const { actions, 'data-testid': dataTestId } = this.props;\n    const actionElements = [];\n    for (let i = 0; i < actions.length; i += 1) {\n      const action = actions[i];\n      const { shortcut } = action;\n      if (action.title != null || action.menuElement || shortcut) {\n        const actionElement = (\n          <GlobalContextAction\n            key={`${action.title}.${shortcut?.id}`}\n            action={action}\n            data-testid={dataTestId}\n          />\n        );\n        actionElements.push(actionElement);\n      }\n    }\n    return actionElements;\n  }\n}\n\nexport default GlobalContextActions;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,SAAS,QAAQ,OAAO;AAAC,OAClCC,mBAAmB;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAQ1B,MAAMC,oBAAoB,SAASJ,SAAS,CAA4B;EACtEK,MAAMA,CAAA,EAAoB;IACxB,IAAM;MAAEC,OAAO;MAAE,aAAa,EAAEC;IAAW,CAAC,GAAG,IAAI,CAACC,KAAK;IACzD,IAAMC,cAAc,GAAG,EAAE;IACzB,KAAK,IAAIC,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGJ,OAAO,CAACK,MAAM,EAAED,CAAC,IAAI,CAAC,EAAE;MAC1C,IAAME,MAAM,GAAGN,OAAO,CAACI,CAAC,CAAC;MACzB,IAAM;QAAEG;MAAS,CAAC,GAAGD,MAAM;MAC3B,IAAIA,MAAM,CAACE,KAAK,IAAI,IAAI,IAAIF,MAAM,CAACG,WAAW,IAAIF,QAAQ,EAAE;QAC1D,IAAMG,aAAa,gBACjBb,IAAA,CAACF,mBAAmB;UAElBW,MAAM,EAAEA,MAAO;UACf,eAAaL;QAAW,MAAAU,MAAA,CAFhBL,MAAM,CAACE,KAAK,OAAAG,MAAA,CAAIJ,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,CAAEK,EAAE,CAGrC,CACF;QACDT,cAAc,CAACU,IAAI,CAACH,aAAa,CAAC;MACpC;IACF;IACA,OAAOP,cAAc;EACvB;AACF;AAEA,eAAeL,oBAAoB","ignoreList":[]}
+{"version":3,"file":"GlobalContextActions.js","names":["React","Component","GlobalContextAction","jsx","_jsx","GlobalContextActions","render","_this$props","props","actions","dataTestId","actionElements","i","length","action","shortcut","title","menuElement","actionElement","concat","id","push"],"sources":["../../src/context-actions/GlobalContextActions.tsx"],"sourcesContent":["import React, { Component } from 'react';\nimport GlobalContextAction from './GlobalContextAction';\nimport type { ContextAction } from './ContextActionUtils';\n\ninterface GlobalContextActionsProps {\n  actions: ContextAction[];\n  'data-testid'?: string;\n}\n\nclass GlobalContextActions extends Component<GlobalContextActionsProps> {\n  render(): React.ReactNode {\n    const { actions, 'data-testid': dataTestId } = this.props;\n    const actionElements = [];\n    for (let i = 0; i < actions.length; i += 1) {\n      const action = actions[i];\n      const { shortcut } = action;\n      if (action.title != null || action.menuElement || shortcut) {\n        const actionElement = (\n          <GlobalContextAction\n            key={`${action.title}.${shortcut?.id}`}\n            action={action}\n            data-testid={dataTestId}\n          />\n        );\n        actionElements.push(actionElement);\n      }\n    }\n    return actionElements;\n  }\n}\n\nexport default GlobalContextActions;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,SAAS,QAAQ,OAAO;AAAC,OAClCC,mBAAmB;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAQ1B,MAAMC,oBAAoB,SAASJ,SAAS,CAA4B;EACtEK,MAAMA,CAAA,EAAoB;IACxB,IAAAC,WAAA,GAA+C,IAAI,CAACC,KAAK;MAAjDC,OAAO,GAAAF,WAAA,CAAPE,OAAO;MAAiBC,UAAU,GAAAH,WAAA,CAAzB,aAAa;IAC9B,IAAMI,cAAc,GAAG,EAAE;IACzB,KAAK,IAAIC,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGH,OAAO,CAACI,MAAM,EAAED,CAAC,IAAI,CAAC,EAAE;MAC1C,IAAME,MAAM,GAAGL,OAAO,CAACG,CAAC,CAAC;MACzB,IAAQG,QAAQ,GAAKD,MAAM,CAAnBC,QAAQ;MAChB,IAAID,MAAM,CAACE,KAAK,IAAI,IAAI,IAAIF,MAAM,CAACG,WAAW,IAAIF,QAAQ,EAAE;QAC1D,IAAMG,aAAa,gBACjBd,IAAA,CAACF,mBAAmB;UAElBY,MAAM,EAAEA,MAAO;UACf,eAAaJ;QAAW,MAAAS,MAAA,CAFhBL,MAAM,CAACE,KAAK,OAAAG,MAAA,CAAIJ,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,CAAEK,EAAE,CAGrC,CACF;QACDT,cAAc,CAACU,IAAI,CAACH,aAAa,CAAC;MACpC;IACF;IACA,OAAOP,cAAc;EACvB;AACF;AAEA,eAAeN,oBAAoB","ignoreList":[]}

package/dist/dialogs/ActionButtonDialogTrigger.js

@@ -14,15 +14,13 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  * Dialog trigger based on an ActionButton.
  */
 export function ActionButtonDialogTrigger(_ref) {
-  var {
-      ariaLabel,
-      icon,
-      isQuiet,
-      labelText,
-      children,
-      onOpenChange,
-      tooltip
-    } = _ref,
+  var ariaLabel = _ref.ariaLabel,
+    icon = _ref.icon,
+    isQuiet = _ref.isQuiet,
+    labelText = _ref.labelText,
+    children = _ref.children,
+    onOpenChange = _ref.onOpenChange,
+    tooltip = _ref.tooltip,
     styleProps = _objectWithoutProperties(_ref, _excluded);
   var iconClassName = labelText == null && tooltip != null ? 'action-button-icon-with-tooltip' : undefined;
   return /*#__PURE__*/_jsxs(DialogTrigger, {

package/dist/dialogs/ActionButtonDialogTrigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActionButtonDialogTrigger.js","names":["FontAwesomeIcon","ActionButton","DialogTrigger","Icon","Text","Tooltip","jsx","_jsx","jsxs","_jsxs","ActionButtonDialogTrigger","_ref","ariaLabel","icon","isQuiet","labelText","children","onOpenChange","tooltip","styleProps","_objectWithoutProperties","_excluded","iconClassName","undefined","type","_objectSpread","UNSAFE_className"],"sources":["../../src/dialogs/ActionButtonDialogTrigger.tsx"],"sourcesContent":["import { type ReactElement } from 'react';\nimport type { StyleProps } from '@react-types/shared';\nimport type { IconDefinition } from '@fortawesome/fontawesome-common-types';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport {\n  ActionButton,\n  DialogTrigger,\n  Icon,\n  Text,\n  type SpectrumDialogClose,\n} from '../spectrum';\nimport { Tooltip } from '../popper';\n\nexport interface ActionButtonDialogTriggerProps extends StyleProps {\n  icon: IconDefinition;\n  isQuiet?: boolean;\n  labelText?: string;\n  ariaLabel?: string;\n  tooltip?: string;\n  children: SpectrumDialogClose | ReactElement;\n  onOpenChange?: (isOpen: boolean) => void;\n}\n\n/**\n * Dialog trigger based on an ActionButton.\n */\nexport function ActionButtonDialogTrigger({\n  ariaLabel,\n  icon,\n  isQuiet,\n  labelText,\n  children,\n  onOpenChange,\n  tooltip,\n  ...styleProps\n}: ActionButtonDialogTriggerProps): JSX.Element {\n  const iconClassName =\n    labelText == null && tooltip != null\n      ? 'action-button-icon-with-tooltip'\n      : undefined;\n\n  return (\n    <DialogTrigger type=\"popover\" onOpenChange={onOpenChange}>\n      <ActionButton\n        // eslint-disable-next-line react/jsx-props-no-spreading\n        {...styleProps}\n        aria-label={ariaLabel ?? labelText}\n        isQuiet={isQuiet}\n      >\n        <Icon UNSAFE_className={iconClassName}>\n          <FontAwesomeIcon icon={icon} />\n        </Icon>\n        {labelText == null ? null : <Text>{labelText}</Text>}\n        {tooltip == null ? null : <Tooltip>{tooltip}</Tooltip>}\n      </ActionButton>\n      {children}\n    </DialogTrigger>\n  );\n}\n\nexport default ActionButtonDialogTrigger;\n"],"mappings":";;;;;;;;AAGA,SAASA,eAAe,QAAQ,gCAAgC;AAAC,SAE/DC,YAAY,EACZC,aAAa,EACbC,IAAI,EACJC,IAAI;AAAA,SAGGC,OAAO;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAYhB;AACA;AACA;AACA,OAAO,SAASC,yBAAyBA,CAAAC,IAAA,EASO;EAAA,IATN;MACxCC,SAAS;MACTC,IAAI;MACJC,OAAO;MACPC,SAAS;MACTC,QAAQ;MACRC,YAAY;MACZC;IAE8B,CAAC,GAAAP,IAAA;IAD5BQ,UAAU,GAAAC,wBAAA,CAAAT,IAAA,EAAAU,SAAA;EAEb,IAAMC,aAAa,GACjBP,SAAS,IAAI,IAAI,IAAIG,OAAO,IAAI,IAAI,GAChC,iCAAiC,GACjCK,SAAS;EAEf,oBACEd,KAAA,CAACP,aAAa;IAACsB,IAAI,EAAC,SAAS;IAACP,YAAY,EAAEA,YAAa;IAAAD,QAAA,gBACvDP,KAAA,CAACR;IACC;IAAA,EAAAwB,aAAA,CAAAA,aAAA,KACIN,UAAU;MACd,cAAYP,SAAS,aAATA,SAAS,cAATA,SAAS,GAAIG,SAAU;MACnCD,OAAO,EAAEA,OAAQ;MAAAE,QAAA,gBAEjBT,IAAA,CAACJ,IAAI;QAACuB,gBAAgB,EAAEJ,aAAc;QAAAN,QAAA,eACpCT,IAAA,CAACP,eAAe;UAACa,IAAI,EAAEA;QAAK,CAAE;MAAC,CAC3B,CAAC,EACNE,SAAS,IAAI,IAAI,GAAG,IAAI,gBAAGR,IAAA,CAACH,IAAI;QAAAY,QAAA,EAAED;MAAS,CAAO,CAAC,EACnDG,OAAO,IAAI,IAAI,GAAG,IAAI,gBAAGX,IAAA,CAACF,OAAO;QAAAW,QAAA,EAAEE;MAAO,CAAU,CAAC;IAAA,EAC1C,CAAC,EACdF,QAAQ;EAAA,CACI,CAAC;AAEpB;AAEA,eAAeN,yBAAyB","ignoreList":[]}
+{"version":3,"file":"ActionButtonDialogTrigger.js","names":["FontAwesomeIcon","ActionButton","DialogTrigger","Icon","Text","Tooltip","jsx","_jsx","jsxs","_jsxs","ActionButtonDialogTrigger","_ref","ariaLabel","icon","isQuiet","labelText","children","onOpenChange","tooltip","styleProps","_objectWithoutProperties","_excluded","iconClassName","undefined","type","_objectSpread","UNSAFE_className"],"sources":["../../src/dialogs/ActionButtonDialogTrigger.tsx"],"sourcesContent":["import { type ReactElement } from 'react';\nimport type { StyleProps } from '@react-types/shared';\nimport type { IconDefinition } from '@fortawesome/fontawesome-common-types';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport {\n  ActionButton,\n  DialogTrigger,\n  Icon,\n  Text,\n  type SpectrumDialogClose,\n} from '../spectrum';\nimport { Tooltip } from '../popper';\n\nexport interface ActionButtonDialogTriggerProps extends StyleProps {\n  icon: IconDefinition;\n  isQuiet?: boolean;\n  labelText?: string;\n  ariaLabel?: string;\n  tooltip?: string;\n  children: SpectrumDialogClose | ReactElement;\n  onOpenChange?: (isOpen: boolean) => void;\n}\n\n/**\n * Dialog trigger based on an ActionButton.\n */\nexport function ActionButtonDialogTrigger({\n  ariaLabel,\n  icon,\n  isQuiet,\n  labelText,\n  children,\n  onOpenChange,\n  tooltip,\n  ...styleProps\n}: ActionButtonDialogTriggerProps): JSX.Element {\n  const iconClassName =\n    labelText == null && tooltip != null\n      ? 'action-button-icon-with-tooltip'\n      : undefined;\n\n  return (\n    <DialogTrigger type=\"popover\" onOpenChange={onOpenChange}>\n      <ActionButton\n        // eslint-disable-next-line react/jsx-props-no-spreading\n        {...styleProps}\n        aria-label={ariaLabel ?? labelText}\n        isQuiet={isQuiet}\n      >\n        <Icon UNSAFE_className={iconClassName}>\n          <FontAwesomeIcon icon={icon} />\n        </Icon>\n        {labelText == null ? null : <Text>{labelText}</Text>}\n        {tooltip == null ? null : <Tooltip>{tooltip}</Tooltip>}\n      </ActionButton>\n      {children}\n    </DialogTrigger>\n  );\n}\n\nexport default ActionButtonDialogTrigger;\n"],"mappings":";;;;;;;;AAGA,SAASA,eAAe,QAAQ,gCAAgC;AAAC,SAE/DC,YAAY,EACZC,aAAa,EACbC,IAAI,EACJC,IAAI;AAAA,SAGGC,OAAO;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAYhB;AACA;AACA;AACA,OAAO,SAASC,yBAAyBA,CAAAC,IAAA,EASO;EAAA,IAR9CC,SAAS,GAAAD,IAAA,CAATC,SAAS;IACTC,IAAI,GAAAF,IAAA,CAAJE,IAAI;IACJC,OAAO,GAAAH,IAAA,CAAPG,OAAO;IACPC,SAAS,GAAAJ,IAAA,CAATI,SAAS;IACTC,QAAQ,GAAAL,IAAA,CAARK,QAAQ;IACRC,YAAY,GAAAN,IAAA,CAAZM,YAAY;IACZC,OAAO,GAAAP,IAAA,CAAPO,OAAO;IACJC,UAAU,GAAAC,wBAAA,CAAAT,IAAA,EAAAU,SAAA;EAEb,IAAMC,aAAa,GACjBP,SAAS,IAAI,IAAI,IAAIG,OAAO,IAAI,IAAI,GAChC,iCAAiC,GACjCK,SAAS;EAEf,oBACEd,KAAA,CAACP,aAAa;IAACsB,IAAI,EAAC,SAAS;IAACP,YAAY,EAAEA,YAAa;IAAAD,QAAA,gBACvDP,KAAA,CAACR;IACC;IAAA,EAAAwB,aAAA,CAAAA,aAAA,KACIN,UAAU;MACd,cAAYP,SAAS,aAATA,SAAS,cAATA,SAAS,GAAIG,SAAU;MACnCD,OAAO,EAAEA,OAAQ;MAAAE,QAAA,gBAEjBT,IAAA,CAACJ,IAAI;QAACuB,gBAAgB,EAAEJ,aAAc;QAAAN,QAAA,eACpCT,IAAA,CAACP,eAAe;UAACa,IAAI,EAAEA;QAAK,CAAE;MAAC,CAC3B,CAAC,EACNE,SAAS,IAAI,IAAI,GAAG,IAAI,gBAAGR,IAAA,CAACH,IAAI;QAAAY,QAAA,EAAED;MAAS,CAAO,CAAC,EACnDG,OAAO,IAAI,IAAI,GAAG,IAAI,gBAAGX,IAAA,CAACF,OAAO;QAAAW,QAAA,EAAEE;MAAO,CAAU,CAAC;IAAA,EAC1C,CAAC,EACdF,QAAQ;EAAA,CACI,CAAC;AAEpB;AAEA,eAAeN,yBAAyB","ignoreList":[]}

package/dist/dialogs/ConfirmationDialog.js

@@ -10,17 +10,14 @@ import { SpectrumButton, ButtonGroup, Content, Dialog, Divider, Form, Heading }
 import styles from "../SpectrumComponent.module.css";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export function ConfirmationDialog(_ref) {
-  var {
-    heading,
-    confirmationButtonLabel,
-    children,
-    onCancel,
-    onConfirm
-  } = _ref;
-  var {
-    formProps,
-    submitButtonProps
-  } = useFormWithDetachedSubmitButton();
+  var heading = _ref.heading,
+    confirmationButtonLabel = _ref.confirmationButtonLabel,
+    children = _ref.children,
+    onCancel = _ref.onCancel,
+    onConfirm = _ref.onConfirm;
+  var _useFormWithDetachedS = useFormWithDetachedSubmitButton(),
+    formProps = _useFormWithDetachedS.formProps,
+    submitButtonProps = _useFormWithDetachedS.submitButtonProps;
   return /*#__PURE__*/_jsxs(Dialog, {
     children: [/*#__PURE__*/_jsx(Heading, {
       level: 3,

package/dist/dialogs/ConfirmationDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"ConfirmationDialog.js","names":["useFormWithDetachedSubmitButton","SpectrumButton","ButtonGroup","Content","Dialog","Divider","Form","Heading","styles","jsx","_jsx","jsxs","_jsxs","ConfirmationDialog","_ref","heading","confirmationButtonLabel","children","onCancel","onConfirm","formProps","submitButtonProps","level","UNSAFE_className","spectrumDialogComponentHeading","_objectSpread","variant","onPress","style","type"],"sources":["../../src/dialogs/ConfirmationDialog.tsx"],"sourcesContent":["/* eslint-disable react/jsx-props-no-spreading */\nimport { type ReactElement, type ReactNode } from 'react';\nimport type { SpectrumLabelableProps } from '@react-types/shared';\nimport { useFormWithDetachedSubmitButton } from '@deephaven/react-hooks';\nimport {\n  SpectrumButton,\n  ButtonGroup,\n  Content,\n  Dialog,\n  Divider,\n  Form,\n  Heading,\n} from '../spectrum';\nimport styles from '../SpectrumComponent.module.scss';\n\nexport interface ConfirmationDialogProps {\n  heading: ReactNode;\n  confirmationButtonLabel: string;\n  children:\n    | ReactElement<SpectrumLabelableProps>\n    | ReactElement<SpectrumLabelableProps>[];\n  onCancel: () => void;\n  onConfirm: () => void;\n}\n\nexport function ConfirmationDialog({\n  heading,\n  confirmationButtonLabel,\n  children,\n  onCancel,\n  onConfirm,\n}: ConfirmationDialogProps): JSX.Element {\n  const { formProps, submitButtonProps } = useFormWithDetachedSubmitButton();\n\n  return (\n    <Dialog>\n      <Heading\n        level={3}\n        UNSAFE_className={styles.spectrumDialogComponentHeading}\n      >\n        {heading}\n      </Heading>\n      <Divider />\n      <Content>\n        <Form\n          // eslint-disable-next-line react/jsx-props-no-spreading\n          {...formProps}\n        >\n          {children}\n        </Form>\n      </Content>\n      <ButtonGroup>\n        <SpectrumButton variant=\"secondary\" onPress={onCancel}>\n          Cancel\n        </SpectrumButton>\n        <SpectrumButton\n          {...submitButtonProps}\n          // eslint-disable-next-line react/style-prop-object\n          style=\"fill\"\n          variant=\"negative\"\n          onPress={onConfirm}\n          type=\"submit\"\n        >\n          {confirmationButtonLabel}\n        </SpectrumButton>\n      </ButtonGroup>\n    </Dialog>\n  );\n}\n\nexport default ConfirmationDialog;\n"],"mappings":";;;;;AAAA;;AAGA,SAASA,+BAA+B,QAAQ,wBAAwB;AAAC,SAEvEC,cAAc,EACdC,WAAW,EACXC,OAAO,EACPC,MAAM,EACNC,OAAO,EACPC,IAAI,EACJC,OAAO;AAAA,OAEFC,MAAM;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAYb,OAAO,SAASC,kBAAkBA,CAAAC,IAAA,EAMO;EAAA,IANN;IACjCC,OAAO;IACPC,uBAAuB;IACvBC,QAAQ;IACRC,QAAQ;IACRC;EACuB,CAAC,GAAAL,IAAA;EACxB,IAAM;IAAEM,SAAS;IAAEC;EAAkB,CAAC,GAAGrB,+BAA+B,CAAC,CAAC;EAE1E,oBACEY,KAAA,CAACR,MAAM;IAAAa,QAAA,gBACLP,IAAA,CAACH,OAAO;MACNe,KAAK,EAAE,CAAE;MACTC,gBAAgB,EAAEf,MAAM,CAACgB,8BAA+B;MAAAP,QAAA,EAEvDF;IAAO,CACD,CAAC,eACVL,IAAA,CAACL,OAAO,IAAE,CAAC,eACXK,IAAA,CAACP,OAAO;MAAAc,QAAA,eACNP,IAAA,CAACJ;MACC;MAAA,EAAAmB,aAAA,CAAAA,aAAA,KACIL,SAAS;QAAAH,QAAA,EAEZA;MAAQ,EACL;IAAC,CACA,CAAC,eACVL,KAAA,CAACV,WAAW;MAAAe,QAAA,gBACVP,IAAA,CAACT,cAAc;QAACyB,OAAO,EAAC,WAAW;QAACC,OAAO,EAAET,QAAS;QAAAD,QAAA,EAAC;MAEvD,CAAgB,CAAC,eACjBP,IAAA,CAACT,cAAc,EAAAwB,aAAA,CAAAA,aAAA,KACTJ,iBAAiB;QACrB;QACAO,KAAK,EAAC,MAAM;QACZF,OAAO,EAAC,UAAU;QAClBC,OAAO,EAAER,SAAU;QACnBU,IAAI,EAAC,QAAQ;QAAAZ,QAAA,EAEZD;MAAuB,EACV,CAAC;IAAA,CACN,CAAC;EAAA,CACR,CAAC;AAEb;AAEA,eAAeH,kBAAkB","ignoreList":[]}
+{"version":3,"file":"ConfirmationDialog.js","names":["useFormWithDetachedSubmitButton","SpectrumButton","ButtonGroup","Content","Dialog","Divider","Form","Heading","styles","jsx","_jsx","jsxs","_jsxs","ConfirmationDialog","_ref","heading","confirmationButtonLabel","children","onCancel","onConfirm","_useFormWithDetachedS","formProps","submitButtonProps","level","UNSAFE_className","spectrumDialogComponentHeading","_objectSpread","variant","onPress","style","type"],"sources":["../../src/dialogs/ConfirmationDialog.tsx"],"sourcesContent":["/* eslint-disable react/jsx-props-no-spreading */\nimport { type ReactElement, type ReactNode } from 'react';\nimport type { SpectrumLabelableProps } from '@react-types/shared';\nimport { useFormWithDetachedSubmitButton } from '@deephaven/react-hooks';\nimport {\n  SpectrumButton,\n  ButtonGroup,\n  Content,\n  Dialog,\n  Divider,\n  Form,\n  Heading,\n} from '../spectrum';\nimport styles from '../SpectrumComponent.module.scss';\n\nexport interface ConfirmationDialogProps {\n  heading: ReactNode;\n  confirmationButtonLabel: string;\n  children:\n    | ReactElement<SpectrumLabelableProps>\n    | ReactElement<SpectrumLabelableProps>[];\n  onCancel: () => void;\n  onConfirm: () => void;\n}\n\nexport function ConfirmationDialog({\n  heading,\n  confirmationButtonLabel,\n  children,\n  onCancel,\n  onConfirm,\n}: ConfirmationDialogProps): JSX.Element {\n  const { formProps, submitButtonProps } = useFormWithDetachedSubmitButton();\n\n  return (\n    <Dialog>\n      <Heading\n        level={3}\n        UNSAFE_className={styles.spectrumDialogComponentHeading}\n      >\n        {heading}\n      </Heading>\n      <Divider />\n      <Content>\n        <Form\n          // eslint-disable-next-line react/jsx-props-no-spreading\n          {...formProps}\n        >\n          {children}\n        </Form>\n      </Content>\n      <ButtonGroup>\n        <SpectrumButton variant=\"secondary\" onPress={onCancel}>\n          Cancel\n        </SpectrumButton>\n        <SpectrumButton\n          {...submitButtonProps}\n          // eslint-disable-next-line react/style-prop-object\n          style=\"fill\"\n          variant=\"negative\"\n          onPress={onConfirm}\n          type=\"submit\"\n        >\n          {confirmationButtonLabel}\n        </SpectrumButton>\n      </ButtonGroup>\n    </Dialog>\n  );\n}\n\nexport default ConfirmationDialog;\n"],"mappings":";;;;;AAAA;;AAGA,SAASA,+BAA+B,QAAQ,wBAAwB;AAAC,SAEvEC,cAAc,EACdC,WAAW,EACXC,OAAO,EACPC,MAAM,EACNC,OAAO,EACPC,IAAI,EACJC,OAAO;AAAA,OAEFC,MAAM;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAYb,OAAO,SAASC,kBAAkBA,CAAAC,IAAA,EAMO;EAAA,IALvCC,OAAO,GAAAD,IAAA,CAAPC,OAAO;IACPC,uBAAuB,GAAAF,IAAA,CAAvBE,uBAAuB;IACvBC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IACRC,QAAQ,GAAAJ,IAAA,CAARI,QAAQ;IACRC,SAAS,GAAAL,IAAA,CAATK,SAAS;EAET,IAAAC,qBAAA,GAAyCpB,+BAA+B,CAAC,CAAC;IAAlEqB,SAAS,GAAAD,qBAAA,CAATC,SAAS;IAAEC,iBAAiB,GAAAF,qBAAA,CAAjBE,iBAAiB;EAEpC,oBACEV,KAAA,CAACR,MAAM;IAAAa,QAAA,gBACLP,IAAA,CAACH,OAAO;MACNgB,KAAK,EAAE,CAAE;MACTC,gBAAgB,EAAEhB,MAAM,CAACiB,8BAA+B;MAAAR,QAAA,EAEvDF;IAAO,CACD,CAAC,eACVL,IAAA,CAACL,OAAO,IAAE,CAAC,eACXK,IAAA,CAACP,OAAO;MAAAc,QAAA,eACNP,IAAA,CAACJ;MACC;MAAA,EAAAoB,aAAA,CAAAA,aAAA,KACIL,SAAS;QAAAJ,QAAA,EAEZA;MAAQ,EACL;IAAC,CACA,CAAC,eACVL,KAAA,CAACV,WAAW;MAAAe,QAAA,gBACVP,IAAA,CAACT,cAAc;QAAC0B,OAAO,EAAC,WAAW;QAACC,OAAO,EAAEV,QAAS;QAAAD,QAAA,EAAC;MAEvD,CAAgB,CAAC,eACjBP,IAAA,CAACT,cAAc,EAAAyB,aAAA,CAAAA,aAAA,KACTJ,iBAAiB;QACrB;QACAO,KAAK,EAAC,MAAM;QACZF,OAAO,EAAC,UAAU;QAClBC,OAAO,EAAET,SAAU;QACnBW,IAAI,EAAC,QAAQ;QAAAb,QAAA,EAEZD;MAAuB,EACV,CAAC;IAAA,CACN,CAAC;EAAA,CACR,CAAC;AAEb;AAEA,eAAeH,kBAAkB","ignoreList":[]}

package/dist/menu-actions/DropdownMenu.js

@@ -55,9 +55,7 @@ class DropdownMenu extends PureComponent {
     this.isOpen = false;
   }
   componentDidMount() {
-    var {
-      isShown
-    } = this.props;
+    var isShown = this.props.isShown;
     if (isShown === null) {
       var _this$container$curre;
       if ((_this$container$curre = this.container.current) !== null && _this$container$curre !== void 0 && _this$container$curre.parentElement) {
@@ -69,9 +67,7 @@ class DropdownMenu extends PureComponent {
     }
   }
   componentDidUpdate(prevProps) {
-    var {
-      isShown
-    } = this.props;
+    var isShown = this.props.isShown;
     if (prevProps.isShown !== isShown) {
       if (isShown !== null && isShown) {
         // https://github.com/reactjs/react-transition-group/issues/382
@@ -112,25 +108,19 @@ class DropdownMenu extends PureComponent {
   }
   handleExited() {
     this.isOpen = false;
-    var {
-      onMenuClosed
-    } = this.props;
+    var onMenuClosed = this.props.onMenuClosed;
     onMenuClosed();
   }
   render() {
-    var {
-      actions,
-      onMenuOpened,
-      popperClassName,
-      'data-testid': dataTestId
-    } = this.props;
-    var {
-      menuStyle
-    } = this.props;
-    var {
-      options,
-      popperOptions
-    } = this.props;
+    var _this$props = this.props,
+      actions = _this$props.actions,
+      onMenuOpened = _this$props.onMenuOpened,
+      popperClassName = _this$props.popperClassName,
+      dataTestId = _this$props['data-testid'];
+    var menuStyle = this.props.menuStyle;
+    var _this$props2 = this.props,
+      options = _this$props2.options,
+      popperOptions = _this$props2.popperOptions;
     popperOptions = _objectSpread({
       placement: 'bottom'
     }, popperOptions);

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

@@ -1 +1 @@
-{"version":3,"file":"DropdownMenu.js","names":["React","PureComponent","classNames","Popper","Menu","jsx","_jsx","DropdownMenu","constructor","props","_defineProperty","handleClick","bind","handleCloseMenu","handleExited","container","createRef","parent","popper","isOpen","componentDidMount","isShown","_this$container$curre","current","parentElement","addEventListener","openMenu","componentDidUpdate","prevProps","window","requestAnimationFrame","closeMenu","componentWillUnmount","removeEventListener","_this$popper$current","hide","show","scheduleUpdate","_this$popper$current2","e","preventDefault","stopPropagation","onMenuClosed","render","actions","onMenuOpened","popperClassName","dataTestId","menuStyle","options","popperOptions","_objectSpread","placement","separateKeyboardMouse","className","ref","children","onExited","closeOnBlur","interactive","undefined"],"sources":["../../src/menu-actions/DropdownMenu.tsx"],"sourcesContent":["/**\n * Add dropdown menu that you add onto any component.\n *\n * Similar to the context-actions package, accepts list of actions to create a dropdown menu.\n * Note: Does not support nested sub-menus.\n *\n * Usage:\n * let actions = [{\n *   title: 'My Action',\n *   action: () => { alert('My Action Clicked!') }\n *   icon: faPrint,         // Limited to FontAwesome icons for now.\n *   shortcut: Shortcut,        // Shortcut class instance\n *   group: ContextActions.groups.default,  // What group to group the context action with\n *   order: null                            // Int where to order within group\n * }];\n *\n * Usage:\n * 1. Auto bind click to open event to parent\n * <div>\n *   Click in this container\n *   <DropdownMenu actions={actions}/>\n * </div>\n *\n * 2. Control via prop\n * <div>\n *   DropdownMenu will not react to the click event if isShown prop is used\n *   <DropdownMenu actions={actions} isShown={isShown} />\n * </div>\n *\n */\nimport React, { PureComponent } from 'react';\nimport classNames from 'classnames';\nimport { type PopperOptions } from 'popper.js';\nimport { Popper } from '../popper';\nimport Menu, { type MenuOptions } from './Menu';\nimport { type ContextAction } from '../context-actions/ContextActionUtils';\nimport './DropdownMenu.scss';\n\nexport type DropdownAction = ContextAction & { actions?: never };\n\nexport type DropdownActions =\n  | (() => DropdownAction[])\n  | DropdownAction\n  | DropdownAction[];\n\ntype DropdownMenuProps = {\n  // Override to prevent nested lists\n  actions: DropdownActions;\n  isShown: boolean | null;\n  onMenuClosed: () => void;\n  onMenuOpened: () => void;\n  options: MenuOptions;\n  popperOptions: PopperOptions;\n  popperClassName: string;\n  menuStyle: React.CSSProperties;\n  'data-testid'?: string;\n};\n\nclass DropdownMenu extends PureComponent<DropdownMenuProps> {\n  static defaultProps = {\n    isShown: null,\n    onMenuClosed(): void {\n      // no-op\n    },\n    onMenuOpened(): void {\n      // no-op\n    },\n    options: {},\n    popperOptions: {},\n    popperClassName: '',\n    menuStyle: {},\n    'data-testid': undefined,\n  };\n\n  constructor(props: DropdownMenuProps) {\n    super(props);\n\n    this.handleClick = this.handleClick.bind(this);\n    this.handleCloseMenu = this.handleCloseMenu.bind(this);\n    this.handleExited = this.handleExited.bind(this);\n\n    this.container = React.createRef();\n    this.parent = null;\n    this.popper = React.createRef();\n\n    this.isOpen = false;\n  }\n\n  componentDidMount(): void {\n    const { isShown } = this.props;\n\n    if (isShown === null) {\n      if (this.container.current?.parentElement) {\n        this.parent = this.container.current.parentElement;\n        this.parent.addEventListener('click', this.handleClick);\n      }\n    } else if (isShown) {\n      this.openMenu();\n    }\n  }\n\n  componentDidUpdate(prevProps: DropdownMenuProps): void {\n    const { isShown } = this.props;\n\n    if (prevProps.isShown !== isShown) {\n      if (isShown !== null && isShown) {\n        // https://github.com/reactjs/react-transition-group/issues/382\n        window.requestAnimationFrame(() => {\n          this.openMenu();\n        });\n      } else {\n        this.closeMenu();\n      }\n    }\n  }\n\n  componentWillUnmount(): void {\n    if (this.parent) {\n      this.parent.removeEventListener('click', this.handleClick);\n    }\n  }\n\n  container: React.RefObject<HTMLDivElement>;\n\n  parent: Element | null;\n\n  popper: React.RefObject<Popper>;\n\n  isOpen: boolean;\n\n  closeMenu(): void {\n    this.popper.current?.hide();\n  }\n\n  openMenu(): void {\n    if (this.popper.current && !this.isOpen) {\n      this.popper.current.show();\n      this.isOpen = true;\n    }\n  }\n\n  scheduleUpdate(): void {\n    this.popper.current?.scheduleUpdate();\n  }\n\n  handleClick(e: Event): void {\n    e.preventDefault();\n    e.stopPropagation();\n\n    this.openMenu();\n  }\n\n  handleCloseMenu(): void {\n    this.closeMenu();\n  }\n\n  handleExited(): void {\n    this.isOpen = false;\n\n    const { onMenuClosed } = this.props;\n    onMenuClosed();\n  }\n\n  render(): JSX.Element {\n    const {\n      actions,\n      onMenuOpened,\n      popperClassName,\n      'data-testid': dataTestId,\n    } = this.props;\n    const { menuStyle } = this.props;\n    let { options, popperOptions } = this.props;\n    popperOptions = { placement: 'bottom', ...popperOptions };\n    options = {\n      separateKeyboardMouse: true,\n      ...options,\n    };\n    return (\n      <div\n        className=\"menu-actions-listener\"\n        ref={this.container}\n        data-testid={dataTestId}\n      >\n        <Popper\n          ref={this.popper}\n          options={popperOptions}\n          className={classNames('menu-popper', popperClassName)}\n          onExited={this.handleExited}\n          closeOnBlur\n          interactive\n        >\n          <Menu\n            actions={actions}\n            closeMenu={this.handleCloseMenu}\n            onMenuOpened={onMenuOpened}\n            options={options}\n            menuStyle={menuStyle}\n          />\n        </Popper>\n      </div>\n    );\n  }\n}\n\nexport default DropdownMenu;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"DropdownMenu.js","names":["React","PureComponent","classNames","Popper","Menu","jsx","_jsx","DropdownMenu","constructor","props","_defineProperty","handleClick","bind","handleCloseMenu","handleExited","container","createRef","parent","popper","isOpen","componentDidMount","isShown","_this$container$curre","current","parentElement","addEventListener","openMenu","componentDidUpdate","prevProps","window","requestAnimationFrame","closeMenu","componentWillUnmount","removeEventListener","_this$popper$current","hide","show","scheduleUpdate","_this$popper$current2","e","preventDefault","stopPropagation","onMenuClosed","render","_this$props","actions","onMenuOpened","popperClassName","dataTestId","menuStyle","_this$props2","options","popperOptions","_objectSpread","placement","separateKeyboardMouse","className","ref","children","onExited","closeOnBlur","interactive","undefined"],"sources":["../../src/menu-actions/DropdownMenu.tsx"],"sourcesContent":["/**\n * Add dropdown menu that you add onto any component.\n *\n * Similar to the context-actions package, accepts list of actions to create a dropdown menu.\n * Note: Does not support nested sub-menus.\n *\n * Usage:\n * let actions = [{\n *   title: 'My Action',\n *   action: () => { alert('My Action Clicked!') }\n *   icon: faPrint,         // Limited to FontAwesome icons for now.\n *   shortcut: Shortcut,        // Shortcut class instance\n *   group: ContextActions.groups.default,  // What group to group the context action with\n *   order: null                            // Int where to order within group\n * }];\n *\n * Usage:\n * 1. Auto bind click to open event to parent\n * <div>\n *   Click in this container\n *   <DropdownMenu actions={actions}/>\n * </div>\n *\n * 2. Control via prop\n * <div>\n *   DropdownMenu will not react to the click event if isShown prop is used\n *   <DropdownMenu actions={actions} isShown={isShown} />\n * </div>\n *\n */\nimport React, { PureComponent } from 'react';\nimport classNames from 'classnames';\nimport { type PopperOptions } from 'popper.js';\nimport { Popper } from '../popper';\nimport Menu, { type MenuOptions } from './Menu';\nimport { type ContextAction } from '../context-actions/ContextActionUtils';\nimport './DropdownMenu.scss';\n\nexport type DropdownAction = ContextAction & { actions?: never };\n\nexport type DropdownActions =\n  | (() => DropdownAction[])\n  | DropdownAction\n  | DropdownAction[];\n\ntype DropdownMenuProps = {\n  // Override to prevent nested lists\n  actions: DropdownActions;\n  isShown: boolean | null;\n  onMenuClosed: () => void;\n  onMenuOpened: () => void;\n  options: MenuOptions;\n  popperOptions: PopperOptions;\n  popperClassName: string;\n  menuStyle: React.CSSProperties;\n  'data-testid'?: string;\n};\n\nclass DropdownMenu extends PureComponent<DropdownMenuProps> {\n  static defaultProps = {\n    isShown: null,\n    onMenuClosed(): void {\n      // no-op\n    },\n    onMenuOpened(): void {\n      // no-op\n    },\n    options: {},\n    popperOptions: {},\n    popperClassName: '',\n    menuStyle: {},\n    'data-testid': undefined,\n  };\n\n  constructor(props: DropdownMenuProps) {\n    super(props);\n\n    this.handleClick = this.handleClick.bind(this);\n    this.handleCloseMenu = this.handleCloseMenu.bind(this);\n    this.handleExited = this.handleExited.bind(this);\n\n    this.container = React.createRef();\n    this.parent = null;\n    this.popper = React.createRef();\n\n    this.isOpen = false;\n  }\n\n  componentDidMount(): void {\n    const { isShown } = this.props;\n\n    if (isShown === null) {\n      if (this.container.current?.parentElement) {\n        this.parent = this.container.current.parentElement;\n        this.parent.addEventListener('click', this.handleClick);\n      }\n    } else if (isShown) {\n      this.openMenu();\n    }\n  }\n\n  componentDidUpdate(prevProps: DropdownMenuProps): void {\n    const { isShown } = this.props;\n\n    if (prevProps.isShown !== isShown) {\n      if (isShown !== null && isShown) {\n        // https://github.com/reactjs/react-transition-group/issues/382\n        window.requestAnimationFrame(() => {\n          this.openMenu();\n        });\n      } else {\n        this.closeMenu();\n      }\n    }\n  }\n\n  componentWillUnmount(): void {\n    if (this.parent) {\n      this.parent.removeEventListener('click', this.handleClick);\n    }\n  }\n\n  container: React.RefObject<HTMLDivElement>;\n\n  parent: Element | null;\n\n  popper: React.RefObject<Popper>;\n\n  isOpen: boolean;\n\n  closeMenu(): void {\n    this.popper.current?.hide();\n  }\n\n  openMenu(): void {\n    if (this.popper.current && !this.isOpen) {\n      this.popper.current.show();\n      this.isOpen = true;\n    }\n  }\n\n  scheduleUpdate(): void {\n    this.popper.current?.scheduleUpdate();\n  }\n\n  handleClick(e: Event): void {\n    e.preventDefault();\n    e.stopPropagation();\n\n    this.openMenu();\n  }\n\n  handleCloseMenu(): void {\n    this.closeMenu();\n  }\n\n  handleExited(): void {\n    this.isOpen = false;\n\n    const { onMenuClosed } = this.props;\n    onMenuClosed();\n  }\n\n  render(): JSX.Element {\n    const {\n      actions,\n      onMenuOpened,\n      popperClassName,\n      'data-testid': dataTestId,\n    } = this.props;\n    const { menuStyle } = this.props;\n    let { options, popperOptions } = this.props;\n    popperOptions = { placement: 'bottom', ...popperOptions };\n    options = {\n      separateKeyboardMouse: true,\n      ...options,\n    };\n    return (\n      <div\n        className=\"menu-actions-listener\"\n        ref={this.container}\n        data-testid={dataTestId}\n      >\n        <Popper\n          ref={this.popper}\n          options={popperOptions}\n          className={classNames('menu-popper', popperClassName)}\n          onExited={this.handleExited}\n          closeOnBlur\n          interactive\n        >\n          <Menu\n            actions={actions}\n            closeMenu={this.handleCloseMenu}\n            onMenuOpened={onMenuOpened}\n            options={options}\n            menuStyle={menuStyle}\n          />\n        </Popper>\n      </div>\n    );\n  }\n}\n\nexport default DropdownMenu;\n"],"mappings":"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","ignoreList":[]}

package/dist/menu-actions/Menu.js

@@ -31,9 +31,7 @@ class Menu extends PureComponent {
     this.container = /*#__PURE__*/React.createRef();
     this.oldFocus = document.activeElement;
     this.rAF = 0;
-    var {
-      options
-    } = props;
+    var options = props.options;
     var keyboardIndex = (_options$initialKeybo = options.initialKeyboardIndex) !== null && _options$initialKeybo !== void 0 ? _options$initialKeybo : -1;
     this.state = {
       menuItems: [],
@@ -48,16 +46,12 @@ class Menu extends PureComponent {
       // 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 || _this$container$curre.focus();
-      var {
-        onMenuOpened
-      } = this.props;
+      var onMenuOpened = this.props.onMenuOpened;
       onMenuOpened(this);
     });
   }
   componentDidUpdate(prevProps) {
-    var {
-      actions
-    } = this.props;
+    var actions = this.props.actions;
     if (prevProps.actions !== actions) {
       this.initMenu();
     }
@@ -66,21 +60,15 @@ class Menu extends PureComponent {
     cancelAnimationFrame(this.rAF);
   }
   getKeyboardIndex() {
-    var {
-      options
-    } = this.props;
+    var options = this.props.options;
     if (options.separateKeyboardMouse !== undefined && options.separateKeyboardMouse) {
-      var {
-        keyboardIndex
-      } = this.state;
+      var keyboardIndex = this.state.keyboardIndex;
       return keyboardIndex;
     }
     return this.getMouseIndex();
   }
   setKeyboardIndex(index) {
-    var {
-      options
-    } = this.props;
+    var options = this.props.options;
     if (options.separateKeyboardMouse !== undefined && options.separateKeyboardMouse) {
       this.setState({
         keyboardIndex: index
@@ -90,9 +78,7 @@ class Menu extends PureComponent {
     }
   }
   getMouseIndex() {
-    var {
-      mouseIndex
-    } = this.state;
+    var mouseIndex = this.state.mouseIndex;
     return mouseIndex;
   }
   setMouseIndex(index) {
@@ -106,9 +92,7 @@ class Menu extends PureComponent {
     this.setState({
       menuItems: []
     });
-    var {
-      actions
-    } = this.props;
+    var actions = this.props.actions;
     var menuItems = ContextActionUtils.getMenuItems(actions, false);
     if (menuItems.length > 0) {
       this.setState(state => ({
@@ -117,9 +101,7 @@ class Menu extends PureComponent {
     }
   }
   handleKeyDown(e) {
-    var {
-      menuItems
-    } = this.state;
+    var menuItems = this.state.menuItems;
     var oldFocus = this.getKeyboardIndex();
     var newFocus = oldFocus;
     if (e.key === 'Enter' || e.key === ' ') {
@@ -150,10 +132,9 @@ class Menu extends PureComponent {
   }
   closeMenu() {
     var closeAll = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
-    var {
-      closeMenu,
-      onMenuClosed
-    } = this.props;
+    var _this$props = this.props,
+      closeMenu = _this$props.closeMenu,
+      onMenuClosed = _this$props.onMenuClosed;
     cancelAnimationFrame(this.rAF);
     this.rAF = window.requestAnimationFrame(() => {
       closeMenu(closeAll);
@@ -172,9 +153,7 @@ class Menu extends PureComponent {
     }
   }
   handleMenuItemMouseMove(menuItem) {
-    var {
-      menuItems
-    } = this.state;
+    var menuItems = this.state.menuItems;
     var focusIndex = menuItems.indexOf(menuItem);
     this.setMouseIndex(focusIndex);
   }
@@ -183,14 +162,11 @@ class Menu extends PureComponent {
   }
   render() {
     var menuItemElements = [];
-    var {
-      'data-testid': dataTestId
-    } = this.props;
-    var {
-      keyboardIndex,
-      menuItems,
-      mouseIndex
-    } = this.state;
+    var dataTestId = this.props['data-testid'];
+    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) {
@@ -207,9 +183,7 @@ class Menu extends PureComponent {
       }, i);
       menuItemElements.push(menuItemElement);
     }
-    var {
-      menuStyle
-    } = this.props;
+    var menuStyle = this.props.menuStyle;
     return /*#__PURE__*/_jsx("div", {
       className: "context-menu-container",
       style: _objectSpread({}, menuStyle),