@deephaven/components 1.7.2-beta.1 → 1.7.2-react-18-alpha.3

package/dist/navigation/NavTabList.js.map

@@ -1 +1 @@
-{"version":3,"file":"NavTabList.js","names":["React","useCallback","useEffect","useMemo","useRef","useState","classNames","clamp","DragDropContext","Droppable","FontAwesomeIcon","vsChevronRight","vsChevronLeft","vsChevronDown","useResizeObserver","DragUtils","Button","NavTab","ContextActions","Popper","DashboardList","GLOBAL_SHORTCUTS","jsx","_jsx","jsxs","_jsxs","CLICK_TIMEOUT","START_SPEED","ACCELERATION","isScrolledLeft","element","scrollLeft","isScrolledRight","Math","abs","clientWidth","scrollWidth","makeBaseContextActions","tab","tabs","onClose","isClosable","key","contextActions","push","title","order","group","action","disabled","i","length","forEach","t","NavTabList","_ref","activeKey","onSelect","onReorder","makeContextActions","containerRef","isOverflowing","setIsOverflowing","isDashboardTabMenuShown","setIsDashboardTabMenuShown","disableScrollLeft","setDisableScrollLeft","disableScrollRight","setDisableScrollRight","handleResize","current","onDragEnd","result","stopDragging","destination","source","index","handleScroll","shouldDisableScrollLeft","shouldDisableScrollRight","continuousScrollRef","cancelClick","handleLeftClick","children","child","offsetLeft","scrollIntoView","behavior","block","inline","handleRightClick","offsetWidth","handleMouseRepeat","direction","startX","deltaX","arguments","undefined","prevTimestamp","container","rAF","requestAnimationFrame","timestamp","startTime","deltaTime","newDeltaX","min","endContinuousScroll","holdTimer","clearTimeout","cancelAnimationFrame","window","removeEventListener","handleMouseDown","setTimeout","addEventListener","handleMouseDownLeft","handleMouseDownRight","handleWheel","_containerRef$current","onWheel","e","stopPropagation","preventDefault","nav","currentTarget","delta","deltaY","_containerRef$current2","tabContextActionMap","tabContextActions","Map","_makeContextActions","set","activeTabRef","activeTab","find","navTabs","map","isActive","activeRef","isDraggable","get","scrollActiveTabIntoView","handleDashboardMenuClick","handleDashboardMenuSelect","handleDashboardMenuClose","className","kind","icon","transform","tooltip","onClick","onMouseDown","onDragStart","startDragging","droppableId","provided","snapshot","_objectSpread","ref","r","innerRef","droppableProps","dragging","draggingFromThisWith","role","onScroll","placeholder","style","visibility","marginLeft","isShown","onExited","options","placement","closeOnBlur","interactive","actions","shortcut","OPEN_DASHBOARD_LIST","isGlobal"],"sources":["../../src/navigation/NavTabList.tsx"],"sourcesContent":["import React, {\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport classNames from 'classnames';\nimport clamp from 'lodash.clamp';\nimport {\n  DragDropContext,\n  Droppable,\n  type OnDragEndResponder,\n} from 'react-beautiful-dnd';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { type IconDefinition } from '@fortawesome/fontawesome-svg-core';\nimport { vsChevronRight, vsChevronLeft, vsChevronDown } from '@deephaven/icons';\nimport { useResizeObserver } from '@deephaven/react-hooks';\nimport DragUtils from '../DragUtils';\nimport Button from '../Button';\nimport NavTab from './NavTab';\nimport './NavTabList.scss';\nimport {\n  type ContextAction,\n  type ResolvableContextAction,\n  ContextActions,\n} from '../context-actions';\nimport Popper from '../popper/Popper';\nimport DashboardList from './DashboardList';\nimport { GLOBAL_SHORTCUTS } from '../shortcuts';\n\n// mouse hold timeout to act as hold instead of click\nconst CLICK_TIMEOUT = 500;\n\n// mouse hold acceleration\nconst START_SPEED = 0.01;\nconst ACCELERATION = 0.0005;\n\nexport interface NavTabItem {\n  /**\n   * Unique key for the tab.\n   */\n  key: string;\n\n  /**\n   * Title to display on the tab.\n   */\n  title: string;\n\n  /**\n   * Icon to display on the tab.\n   */\n  icon?: IconDefinition | JSX.Element;\n\n  /**\n   * Whether the tab is closable.\n   * If omitted, the tab will be closeable if onClose exists.\n   */\n  isClosable?: boolean;\n}\n\ntype NavTabListProps<T extends NavTabItem = NavTabItem> = {\n  /**\n   * The key of the active tab.\n   * If this does not match a tab key, no tab will be active.\n   */\n  activeKey: string;\n\n  /**\n   * Array of tabs to display.\n   * @see {@link NavTabItem} for the minimum required properties.\n   */\n  tabs: T[];\n\n  /**\n   * Function called when a tab is selected.\n   *\n   * @param key The key of the tab to select\n   */\n  onSelect: (key: string) => void;\n\n  /**\n   * Function called when a tab is closed.\n   * If the function is provided, all tabs will be closeable by default.\n   * Tabs may set their own closeable property to override this behavior.\n   *\n   * @param key The key of the tab to close\n   */\n  onClose?: (key: string) => void;\n\n  /**\n   * Function called when a tab is reordered.\n   * If the function is omitted, the tab list will not be reorderable.\n   *\n   * @param sourceIndex Index in the tab list the drag started from\n   * @param destinationIndex Index in the tab list the drag ended at\n   */\n  onReorder?: (sourceIndex: number, destinationIndex: number) => void;\n\n  /**\n   * Context actions to add to the tab in addition to the default actions.\n   * The default actions are Close, Close to the Right, and Close All.\n   * The default actions have a group value of 20.\n   *\n   * @param tab The tab to make context items for\n   * @returns Additional context items for the tab\n   */\n  makeContextActions?: (tab: T) => ContextAction | ContextAction[];\n};\n\nfunction isScrolledLeft(element: HTMLElement): boolean {\n  return element.scrollLeft === 0;\n}\n\nfunction isScrolledRight(element: HTMLElement): boolean {\n  return (\n    // single pixel buffer to account for sub-pixel rendering\n    Math.abs(element.scrollLeft + element.clientWidth - element.scrollWidth) <=\n      1 || element.scrollWidth === 0\n  );\n}\n\nfunction makeBaseContextActions(\n  tab: NavTabItem,\n  tabs: NavTabItem[],\n  onClose: ((key: string) => void) | undefined\n): ContextAction[] {\n  const { isClosable = false, key } = tab;\n  const contextActions: ContextAction[] = [];\n  if (isClosable && onClose != null) {\n    contextActions.push({\n      title: 'Close',\n      order: 10,\n      group: 20,\n      action: () => {\n        onClose(key);\n      },\n    });\n\n    let disabled = true;\n    for (let i = tabs.length - 1; i > 0; i -= 1) {\n      if (tabs[i].key === tab.key) break;\n      if (tabs[i].isClosable === true) {\n        disabled = false;\n        break;\n      }\n    }\n\n    contextActions.push({\n      title: 'Close to the Right',\n      order: 20,\n      group: 20,\n      action: () => {\n        for (let i = tabs.length - 1; i > 0; i -= 1) {\n          if (tabs[i].key === key) break;\n          if (tabs[i].isClosable === true) onClose(tabs[i].key);\n        }\n      },\n      disabled,\n    });\n\n    contextActions.push({\n      title: 'Close All',\n      order: 30,\n      group: 20,\n      action: () => {\n        tabs.forEach(t => {\n          if (t.isClosable === true) onClose(t.key);\n        });\n      },\n    });\n  }\n\n  return contextActions;\n}\n\nfunction NavTabList({\n  activeKey,\n  tabs,\n  onSelect,\n  onReorder,\n  onClose,\n  makeContextActions,\n}: NavTabListProps): React.ReactElement {\n  const containerRef = useRef<HTMLDivElement>();\n  const [isOverflowing, setIsOverflowing] = useState(true);\n  const [isDashboardTabMenuShown, setIsDashboardTabMenuShown] = useState(false);\n  const [disableScrollLeft, setDisableScrollLeft] = useState(true);\n  const [disableScrollRight, setDisableScrollRight] = useState(true);\n\n  const handleResize = useCallback(() => {\n    if (containerRef.current == null) {\n      return;\n    }\n\n    if (\n      containerRef.current.clientWidth < containerRef.current.scrollWidth &&\n      tabs.length > 0\n    ) {\n      setIsOverflowing(true);\n    } else {\n      setIsOverflowing(false);\n    }\n\n    setDisableScrollLeft(isScrolledLeft(containerRef.current));\n    setDisableScrollRight(isScrolledRight(containerRef.current));\n  }, [tabs]);\n  useResizeObserver(containerRef.current, handleResize);\n\n  const onDragEnd: OnDragEndResponder = useCallback(\n    result => {\n      DragUtils.stopDragging();\n\n      // dropped outside the list\n      if (!result.destination) {\n        return;\n      }\n\n      onReorder?.(result.source.index, result.destination.index);\n    },\n    [onReorder]\n  );\n\n  const handleScroll = useCallback(() => {\n    if (containerRef.current == null) {\n      return;\n    }\n\n    const shouldDisableScrollLeft = isScrolledLeft(containerRef.current);\n    if (shouldDisableScrollLeft !== disableScrollLeft) {\n      setDisableScrollLeft(shouldDisableScrollLeft);\n    }\n\n    const shouldDisableScrollRight = isScrolledRight(containerRef.current);\n    if (shouldDisableScrollRight !== disableScrollRight) {\n      setDisableScrollRight(shouldDisableScrollRight);\n    }\n  }, [disableScrollLeft, disableScrollRight]);\n\n  const continuousScrollRef = useRef<{\n    holdTimer?: number;\n    rAF?: number;\n    cancelClick: boolean;\n  }>({ cancelClick: false });\n\n  const handleLeftClick = useCallback(() => {\n    if (\n      containerRef.current == null ||\n      continuousScrollRef.current.cancelClick\n    ) {\n      return;\n    }\n\n    const { children } = containerRef.current;\n    for (let i = children.length - 1; i >= 0; i -= 1) {\n      const child = children[i] as HTMLElement;\n      // Subtract 5px from left edge to account for rounding of offset values\n      if (child.offsetLeft < containerRef.current.scrollLeft - 5) {\n        child.scrollIntoView({\n          behavior: 'smooth',\n          block: 'nearest',\n          inline: 'start',\n        });\n        return;\n      }\n    }\n  }, []);\n\n  const handleRightClick = useCallback(() => {\n    if (\n      containerRef.current == null ||\n      continuousScrollRef.current.cancelClick\n    ) {\n      return;\n    }\n\n    const { children } = containerRef.current;\n    for (let i = 0; i < children.length; i += 1) {\n      const child = children[i] as HTMLElement;\n      // Add 5px to right edge to account for rounding of offset values\n      if (\n        child.offsetLeft + 5 >\n        containerRef.current.scrollLeft + containerRef.current.offsetWidth\n      ) {\n        child.scrollIntoView({\n          behavior: 'smooth',\n          block: 'nearest',\n          inline: 'end',\n        });\n        return;\n      }\n    }\n  }, []);\n\n  /**\n   * Recurively called after initial timeout on mousedown. Continuously scroll with acceleration.\n   * Cancelled by mouseup handler cancelling the animationFrame.\n   * @param direction of scroll, left or right\n   * @param startX starting position of scroll\n   * @param deltaX delta from intial startX calculated recursively\n   * @param prevTimestamp called on subsequent delta frames\n   */\n  const handleMouseRepeat = useCallback(\n    (\n      direction: 'left' | 'right',\n      startX: number,\n      deltaX = 0,\n      prevTimestamp?: number\n    ) => {\n      const container = containerRef.current;\n      if (container == null) {\n        return;\n      }\n\n      continuousScrollRef.current.cancelClick = true;\n\n      if (direction === 'left') {\n        // eslint-disable-next-line no-param-reassign\n        container.scrollLeft = startX - deltaX;\n      } else if (direction === 'right') {\n        // eslint-disable-next-line no-param-reassign\n        container.scrollLeft = startX + deltaX;\n      }\n\n      // eslint-disable-next-line no-param-reassign\n      continuousScrollRef.current.rAF = requestAnimationFrame(timestamp => {\n        const startTime = prevTimestamp ?? timestamp;\n        const deltaTime = timestamp - startTime;\n        let newDeltaX =\n          START_SPEED * deltaTime + 0.5 * ACCELERATION * deltaTime ** 2;\n        newDeltaX = Math.min(newDeltaX, container.scrollWidth);\n        // scrollLeft enforces a limit but no point letting delta increment beyond scrollWidth\n\n        handleMouseRepeat(direction, startX, newDeltaX, startTime);\n      });\n    },\n    []\n  );\n\n  const endContinuousScroll = useCallback(() => {\n    const { holdTimer, rAF } = continuousScrollRef.current;\n    if (holdTimer != null) {\n      clearTimeout(holdTimer);\n      continuousScrollRef.current.holdTimer = undefined;\n    }\n    if (rAF != null) {\n      cancelAnimationFrame(rAF);\n      continuousScrollRef.current.rAF = undefined;\n    }\n    window.removeEventListener('mouseup', endContinuousScroll);\n  }, []);\n\n  useEffect(\n    () => () => window.removeEventListener('mouseup', endContinuousScroll),\n    [endContinuousScroll]\n  );\n\n  const handleMouseDown = useCallback(\n    (direction: 'left' | 'right') => {\n      if (containerRef.current != null) {\n        continuousScrollRef.current.holdTimer = window.setTimeout(\n          handleMouseRepeat,\n          CLICK_TIMEOUT,\n          direction,\n          containerRef.current.scrollLeft\n        );\n      }\n      continuousScrollRef.current.cancelClick = false;\n      window.addEventListener('mouseup', endContinuousScroll);\n    },\n    [endContinuousScroll, handleMouseRepeat]\n  );\n\n  const handleMouseDownLeft = useCallback(() => {\n    handleMouseDown('left');\n  }, [handleMouseDown]);\n\n  const handleMouseDownRight = useCallback(() => {\n    handleMouseDown('right');\n  }, [handleMouseDown]);\n\n  // React binds to the root as a passive listener for wheel\n  // This prevents the wheel event from being canceled\n  // Bypass React's event system so we can prevent the default behavior\n  // https://github.com/facebook/react/issues/14856\n  useEffect(function handleWheel() {\n    const onWheel = (e: WheelEvent) => {\n      e.stopPropagation();\n      e.preventDefault();\n      const nav = e.currentTarget as HTMLDivElement;\n      const delta =\n        Math.abs(e.deltaY) > Math.abs(e.deltaX) ? e.deltaY : e.deltaX;\n\n      // Scrolling jumps too far sometimes, so clamp to get a smoother scroll\n      nav.scrollLeft += clamp(delta, -30, 30);\n    };\n\n    containerRef.current?.addEventListener('wheel', onWheel);\n    return () => {\n      containerRef.current?.removeEventListener('wheel', onWheel);\n    };\n  }, []);\n\n  const tabContextActionMap = useMemo(() => {\n    const tabContextActions = new Map<string, ResolvableContextAction[]>();\n    tabs.forEach(tab => {\n      const { key } = tab;\n      const contextActions = [\n        () => makeBaseContextActions(tab, tabs, onClose),\n        () => makeContextActions?.(tab) ?? [],\n      ];\n      tabContextActions.set(key, contextActions);\n    });\n    return tabContextActions;\n  }, [makeContextActions, tabs, onClose]);\n\n  const activeTabRef = useRef<HTMLDivElement>(null);\n  const activeTab = tabs.find(tab => tab.key === activeKey);\n  const navTabs = tabs.map((tab, index) => {\n    const { key } = tab;\n    const isActive = tab === activeTab;\n\n    return (\n      <NavTab\n        tab={tab}\n        key={key}\n        index={index}\n        isActive={isActive}\n        activeRef={activeTabRef}\n        onSelect={onSelect}\n        onClose={onClose}\n        isDraggable={onReorder != null}\n        contextActions={tabContextActionMap.get(key)}\n      />\n    );\n  });\n\n  useEffect(\n    // Needs to be in a useEffect so the ref is updated\n    function scrollActiveTabIntoView() {\n      if (activeTabRef.current != null) {\n        activeTabRef.current.scrollIntoView({\n          block: 'nearest',\n          inline: 'nearest',\n        });\n      }\n    },\n    [activeKey]\n  );\n\n  const handleDashboardMenuClick = () => {\n    setIsDashboardTabMenuShown(!isDashboardTabMenuShown);\n  };\n\n  const handleDashboardMenuSelect = (tab: NavTabItem) => {\n    setIsDashboardTabMenuShown(false);\n\n    onSelect(tab.key);\n  };\n\n  const handleDashboardMenuClose = () => {\n    setIsDashboardTabMenuShown(false);\n  };\n\n  return (\n    <nav className=\"nav-container\">\n      {isOverflowing && (\n        <Button\n          kind=\"ghost\"\n          icon={<FontAwesomeIcon icon={vsChevronLeft} transform=\"grow-4\" />}\n          className=\"tab-controls-btn tab-controls-btn-left\"\n          tooltip=\"Scroll left\"\n          onClick={handleLeftClick}\n          onMouseDown={handleMouseDownLeft}\n          disabled={disableScrollLeft}\n        />\n      )}\n      <DragDropContext\n        onDragStart={DragUtils.startDragging}\n        onDragEnd={onDragEnd}\n      >\n        <Droppable\n          droppableId=\"droppable-tab-navigation\"\n          direction=\"horizontal\"\n        >\n          {(provided, snapshot) => (\n            <div\n              ref={r => {\n                if (r == null) {\n                  return;\n                }\n                containerRef.current = r;\n                provided.innerRef(r);\n              }}\n              // eslint-disable-next-line react/jsx-props-no-spreading\n              {...provided.droppableProps}\n              className={classNames('nav nav-tabs', {\n                dragging: snapshot.draggingFromThisWith,\n              })}\n              role=\"tablist\"\n              onScroll={handleScroll}\n            >\n              {navTabs}\n              {provided.placeholder}\n            </div>\n          )}\n        </Droppable>\n      </DragDropContext>\n      {isOverflowing && (\n        <Button\n          kind=\"ghost\"\n          icon={<FontAwesomeIcon icon={vsChevronRight} transform=\"grow-4\" />}\n          className=\"tab-controls-btn tab-controls-btn-right\"\n          tooltip=\"Scroll right\"\n          onClick={handleRightClick}\n          onMouseDown={handleMouseDownRight}\n          disabled={disableScrollRight}\n        />\n      )}\n      <Button\n        kind=\"ghost\"\n        icon={<FontAwesomeIcon icon={vsChevronDown} transform=\"grow-4\" />}\n        className=\"btn-dashboard-list-menu btn-show-dashboard-list\"\n        tooltip=\"Search open dashboards\"\n        onClick={handleDashboardMenuClick}\n        disabled={tabs.length < 2}\n        style={{\n          visibility: isOverflowing ? 'visible' : 'hidden',\n          marginLeft: 'auto',\n        }}\n      >\n        <Popper\n          isShown={isDashboardTabMenuShown}\n          className=\"dashboard-list-menu-popper\"\n          onExited={handleDashboardMenuClose}\n          options={{\n            placement: 'bottom-start',\n          }}\n          closeOnBlur\n          interactive\n        >\n          <DashboardList tabs={tabs} onSelect={handleDashboardMenuSelect} />\n        </Popper>\n      </Button>\n      <ContextActions\n        actions={[\n          {\n            action: () => {\n              setIsDashboardTabMenuShown(!isDashboardTabMenuShown);\n            },\n            shortcut: GLOBAL_SHORTCUTS.OPEN_DASHBOARD_LIST,\n            isGlobal: true,\n          },\n        ]}\n      />\n    </nav>\n  );\n}\n\nexport default NavTabList;\n"],"mappings":"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"}
+{"version":3,"file":"NavTabList.js","names":["React","useCallback","useEffect","useMemo","useRef","useState","classNames","clamp","DragDropContext","Droppable","FontAwesomeIcon","vsChevronRight","vsChevronLeft","vsChevronDown","useResizeObserver","DragUtils","Button","NavTab","ContextActions","Popper","DashboardList","GLOBAL_SHORTCUTS","jsx","_jsx","jsxs","_jsxs","CLICK_TIMEOUT","START_SPEED","ACCELERATION","isScrolledLeft","element","scrollLeft","isScrolledRight","Math","abs","clientWidth","scrollWidth","makeBaseContextActions","tab","tabs","onClose","isClosable","key","contextActions","push","title","order","group","action","disabled","i","length","forEach","t","NavTabList","_ref","activeKey","onSelect","onReorder","makeContextActions","containerRef","isOverflowing","setIsOverflowing","isDashboardTabMenuShown","setIsDashboardTabMenuShown","disableScrollLeft","setDisableScrollLeft","disableScrollRight","setDisableScrollRight","handleResize","current","onDragEnd","result","stopDragging","destination","source","index","handleScroll","shouldDisableScrollLeft","shouldDisableScrollRight","continuousScrollRef","cancelClick","handleLeftClick","children","child","offsetLeft","scrollIntoView","behavior","block","inline","handleRightClick","offsetWidth","handleMouseRepeat","direction","startX","deltaX","arguments","undefined","prevTimestamp","container","rAF","requestAnimationFrame","timestamp","startTime","deltaTime","newDeltaX","min","endContinuousScroll","holdTimer","clearTimeout","cancelAnimationFrame","window","removeEventListener","handleMouseDown","setTimeout","addEventListener","handleMouseDownLeft","handleMouseDownRight","handleWheel","_containerRef$current","onWheel","e","stopPropagation","preventDefault","nav","currentTarget","delta","deltaY","_containerRef$current2","tabContextActionMap","tabContextActions","Map","_makeContextActions","set","activeTabRef","activeTab","find","navTabs","map","isActive","activeRef","isDraggable","get","scrollActiveTabIntoView","handleDashboardMenuClick","handleDashboardMenuSelect","handleDashboardMenuClose","className","kind","icon","transform","tooltip","onClick","onMouseDown","onDragStart","startDragging","droppableId","provided","snapshot","_objectSpread","ref","r","innerRef","droppableProps","dragging","draggingFromThisWith","role","onScroll","placeholder","style","visibility","marginLeft","isShown","onExited","options","placement","closeOnBlur","interactive","actions","shortcut","OPEN_DASHBOARD_LIST","isGlobal"],"sources":["../../src/navigation/NavTabList.tsx"],"sourcesContent":["import React, {\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport classNames from 'classnames';\nimport clamp from 'lodash.clamp';\nimport {\n  DragDropContext,\n  Droppable,\n  type OnDragEndResponder,\n} from 'react-beautiful-dnd';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { type IconDefinition } from '@fortawesome/fontawesome-svg-core';\nimport { vsChevronRight, vsChevronLeft, vsChevronDown } from '@deephaven/icons';\nimport { useResizeObserver } from '@deephaven/react-hooks';\nimport DragUtils from '../DragUtils';\nimport Button from '../Button';\nimport NavTab from './NavTab';\nimport './NavTabList.scss';\nimport {\n  type ContextAction,\n  type ResolvableContextAction,\n  ContextActions,\n} from '../context-actions';\nimport Popper from '../popper/Popper';\nimport DashboardList from './DashboardList';\nimport { GLOBAL_SHORTCUTS } from '../shortcuts';\n\n// mouse hold timeout to act as hold instead of click\nconst CLICK_TIMEOUT = 500;\n\n// mouse hold acceleration\nconst START_SPEED = 0.01;\nconst ACCELERATION = 0.0005;\n\nexport interface NavTabItem {\n  /**\n   * Unique key for the tab.\n   */\n  key: string;\n\n  /**\n   * Title to display on the tab.\n   */\n  title: string;\n\n  /**\n   * Icon to display on the tab.\n   */\n  icon?: IconDefinition | JSX.Element;\n\n  /**\n   * Whether the tab is closable.\n   * If omitted, the tab will be closeable if onClose exists.\n   */\n  isClosable?: boolean;\n}\n\ntype NavTabListProps<T extends NavTabItem = NavTabItem> = {\n  /**\n   * The key of the active tab.\n   * If this does not match a tab key, no tab will be active.\n   */\n  activeKey: string;\n\n  /**\n   * Array of tabs to display.\n   * @see {@link NavTabItem} for the minimum required properties.\n   */\n  tabs: T[];\n\n  /**\n   * Function called when a tab is selected.\n   *\n   * @param key The key of the tab to select\n   */\n  onSelect: (key: string) => void;\n\n  /**\n   * Function called when a tab is closed.\n   * If the function is provided, all tabs will be closeable by default.\n   * Tabs may set their own closeable property to override this behavior.\n   *\n   * @param key The key of the tab to close\n   */\n  onClose?: (key: string) => void;\n\n  /**\n   * Function called when a tab is reordered.\n   * If the function is omitted, the tab list will not be reorderable.\n   *\n   * @param sourceIndex Index in the tab list the drag started from\n   * @param destinationIndex Index in the tab list the drag ended at\n   */\n  onReorder?: (sourceIndex: number, destinationIndex: number) => void;\n\n  /**\n   * Context actions to add to the tab in addition to the default actions.\n   * The default actions are Close, Close to the Right, and Close All.\n   * The default actions have a group value of 20.\n   *\n   * @param tab The tab to make context items for\n   * @returns Additional context items for the tab\n   */\n  makeContextActions?: (tab: T) => ContextAction | ContextAction[];\n};\n\nfunction isScrolledLeft(element: HTMLElement): boolean {\n  return element.scrollLeft === 0;\n}\n\nfunction isScrolledRight(element: HTMLElement): boolean {\n  return (\n    // single pixel buffer to account for sub-pixel rendering\n    Math.abs(element.scrollLeft + element.clientWidth - element.scrollWidth) <=\n      1 || element.scrollWidth === 0\n  );\n}\n\nfunction makeBaseContextActions(\n  tab: NavTabItem,\n  tabs: NavTabItem[],\n  onClose: ((key: string) => void) | undefined\n): ContextAction[] {\n  const { isClosable = false, key } = tab;\n  const contextActions: ContextAction[] = [];\n  if (isClosable && onClose != null) {\n    contextActions.push({\n      title: 'Close',\n      order: 10,\n      group: 20,\n      action: () => {\n        onClose(key);\n      },\n    });\n\n    let disabled = true;\n    for (let i = tabs.length - 1; i > 0; i -= 1) {\n      if (tabs[i].key === tab.key) break;\n      if (tabs[i].isClosable === true) {\n        disabled = false;\n        break;\n      }\n    }\n\n    contextActions.push({\n      title: 'Close to the Right',\n      order: 20,\n      group: 20,\n      action: () => {\n        for (let i = tabs.length - 1; i > 0; i -= 1) {\n          if (tabs[i].key === key) break;\n          if (tabs[i].isClosable === true) onClose(tabs[i].key);\n        }\n      },\n      disabled,\n    });\n\n    contextActions.push({\n      title: 'Close All',\n      order: 30,\n      group: 20,\n      action: () => {\n        tabs.forEach(t => {\n          if (t.isClosable === true) onClose(t.key);\n        });\n      },\n    });\n  }\n\n  return contextActions;\n}\n\nfunction NavTabList({\n  activeKey,\n  tabs,\n  onSelect,\n  onReorder,\n  onClose,\n  makeContextActions,\n}: NavTabListProps): React.ReactElement {\n  const containerRef = useRef<HTMLDivElement>();\n  const [isOverflowing, setIsOverflowing] = useState(true);\n  const [isDashboardTabMenuShown, setIsDashboardTabMenuShown] = useState(false);\n  const [disableScrollLeft, setDisableScrollLeft] = useState(true);\n  const [disableScrollRight, setDisableScrollRight] = useState(true);\n\n  const handleResize = useCallback(() => {\n    if (containerRef.current == null) {\n      return;\n    }\n\n    if (\n      containerRef.current.clientWidth < containerRef.current.scrollWidth &&\n      tabs.length > 0\n    ) {\n      setIsOverflowing(true);\n    } else {\n      setIsOverflowing(false);\n    }\n\n    setDisableScrollLeft(isScrolledLeft(containerRef.current));\n    setDisableScrollRight(isScrolledRight(containerRef.current));\n  }, [tabs]);\n  useResizeObserver(containerRef.current, handleResize);\n\n  const onDragEnd: OnDragEndResponder = useCallback(\n    result => {\n      DragUtils.stopDragging();\n\n      // dropped outside the list\n      if (!result.destination) {\n        return;\n      }\n\n      onReorder?.(result.source.index, result.destination.index);\n    },\n    [onReorder]\n  );\n\n  const handleScroll = useCallback(() => {\n    if (containerRef.current == null) {\n      return;\n    }\n\n    const shouldDisableScrollLeft = isScrolledLeft(containerRef.current);\n    if (shouldDisableScrollLeft !== disableScrollLeft) {\n      setDisableScrollLeft(shouldDisableScrollLeft);\n    }\n\n    const shouldDisableScrollRight = isScrolledRight(containerRef.current);\n    if (shouldDisableScrollRight !== disableScrollRight) {\n      setDisableScrollRight(shouldDisableScrollRight);\n    }\n  }, [disableScrollLeft, disableScrollRight]);\n\n  const continuousScrollRef = useRef<{\n    holdTimer?: number;\n    rAF?: number;\n    cancelClick: boolean;\n  }>({ cancelClick: false });\n\n  const handleLeftClick = useCallback(() => {\n    if (\n      containerRef.current == null ||\n      continuousScrollRef.current.cancelClick\n    ) {\n      return;\n    }\n\n    const { children } = containerRef.current;\n    for (let i = children.length - 1; i >= 0; i -= 1) {\n      const child = children[i] as HTMLElement;\n      // Subtract 5px from left edge to account for rounding of offset values\n      if (child.offsetLeft < containerRef.current.scrollLeft - 5) {\n        child.scrollIntoView({\n          behavior: 'smooth',\n          block: 'nearest',\n          inline: 'start',\n        });\n        return;\n      }\n    }\n  }, []);\n\n  const handleRightClick = useCallback(() => {\n    if (\n      containerRef.current == null ||\n      continuousScrollRef.current.cancelClick\n    ) {\n      return;\n    }\n\n    const { children } = containerRef.current;\n    for (let i = 0; i < children.length; i += 1) {\n      const child = children[i] as HTMLElement;\n      // Add 5px to right edge to account for rounding of offset values\n      if (\n        child.offsetLeft + 5 >\n        containerRef.current.scrollLeft + containerRef.current.offsetWidth\n      ) {\n        child.scrollIntoView({\n          behavior: 'smooth',\n          block: 'nearest',\n          inline: 'end',\n        });\n        return;\n      }\n    }\n  }, []);\n\n  /**\n   * Recurively called after initial timeout on mousedown. Continuously scroll with acceleration.\n   * Cancelled by mouseup handler cancelling the animationFrame.\n   * @param direction of scroll, left or right\n   * @param startX starting position of scroll\n   * @param deltaX delta from intial startX calculated recursively\n   * @param prevTimestamp called on subsequent delta frames\n   */\n  const handleMouseRepeat = useCallback(\n    (\n      direction: 'left' | 'right',\n      startX: number,\n      deltaX = 0,\n      prevTimestamp?: number\n    ) => {\n      const container = containerRef.current;\n      if (container == null) {\n        return;\n      }\n\n      continuousScrollRef.current.cancelClick = true;\n\n      if (direction === 'left') {\n        // eslint-disable-next-line no-param-reassign\n        container.scrollLeft = startX - deltaX;\n      } else if (direction === 'right') {\n        // eslint-disable-next-line no-param-reassign\n        container.scrollLeft = startX + deltaX;\n      }\n\n      // eslint-disable-next-line no-param-reassign\n      continuousScrollRef.current.rAF = requestAnimationFrame(timestamp => {\n        const startTime = prevTimestamp ?? timestamp;\n        const deltaTime = timestamp - startTime;\n        let newDeltaX =\n          START_SPEED * deltaTime + 0.5 * ACCELERATION * deltaTime ** 2;\n        newDeltaX = Math.min(newDeltaX, container.scrollWidth);\n        // scrollLeft enforces a limit but no point letting delta increment beyond scrollWidth\n\n        handleMouseRepeat(direction, startX, newDeltaX, startTime);\n      });\n    },\n    []\n  );\n\n  const endContinuousScroll = useCallback(() => {\n    const { holdTimer, rAF } = continuousScrollRef.current;\n    if (holdTimer != null) {\n      clearTimeout(holdTimer);\n      continuousScrollRef.current.holdTimer = undefined;\n    }\n    if (rAF != null) {\n      cancelAnimationFrame(rAF);\n      continuousScrollRef.current.rAF = undefined;\n    }\n    window.removeEventListener('mouseup', endContinuousScroll);\n  }, []);\n\n  useEffect(\n    () => () => window.removeEventListener('mouseup', endContinuousScroll),\n    [endContinuousScroll]\n  );\n\n  const handleMouseDown = useCallback(\n    (direction: 'left' | 'right') => {\n      if (containerRef.current != null) {\n        continuousScrollRef.current.holdTimer = window.setTimeout(\n          handleMouseRepeat,\n          CLICK_TIMEOUT,\n          direction,\n          containerRef.current.scrollLeft\n        );\n      }\n      continuousScrollRef.current.cancelClick = false;\n      window.addEventListener('mouseup', endContinuousScroll);\n    },\n    [endContinuousScroll, handleMouseRepeat]\n  );\n\n  const handleMouseDownLeft = useCallback(() => {\n    handleMouseDown('left');\n  }, [handleMouseDown]);\n\n  const handleMouseDownRight = useCallback(() => {\n    handleMouseDown('right');\n  }, [handleMouseDown]);\n\n  // React binds to the root as a passive listener for wheel\n  // This prevents the wheel event from being canceled\n  // Bypass React's event system so we can prevent the default behavior\n  // https://github.com/facebook/react/issues/14856\n  useEffect(function handleWheel() {\n    const onWheel = (e: WheelEvent) => {\n      e.stopPropagation();\n      e.preventDefault();\n      const nav = e.currentTarget as HTMLDivElement;\n      const delta =\n        Math.abs(e.deltaY) > Math.abs(e.deltaX) ? e.deltaY : e.deltaX;\n\n      // Scrolling jumps too far sometimes, so clamp to get a smoother scroll\n      nav.scrollLeft += clamp(delta, -30, 30);\n    };\n\n    containerRef.current?.addEventListener('wheel', onWheel);\n    return () => {\n      containerRef.current?.removeEventListener('wheel', onWheel);\n    };\n  }, []);\n\n  const tabContextActionMap = useMemo(() => {\n    const tabContextActions = new Map<string, ResolvableContextAction[]>();\n    tabs.forEach(tab => {\n      const { key } = tab;\n      const contextActions = [\n        () => makeBaseContextActions(tab, tabs, onClose),\n        () => makeContextActions?.(tab) ?? [],\n      ];\n      tabContextActions.set(key, contextActions);\n    });\n    return tabContextActions;\n  }, [makeContextActions, tabs, onClose]);\n\n  const activeTabRef = useRef<HTMLDivElement>(null);\n  const activeTab = tabs.find(tab => tab.key === activeKey);\n  const navTabs = tabs.map((tab, index) => {\n    const { key } = tab;\n    const isActive = tab === activeTab;\n\n    return (\n      <NavTab\n        tab={tab}\n        key={key}\n        index={index}\n        isActive={isActive}\n        activeRef={activeTabRef}\n        onSelect={onSelect}\n        onClose={onClose}\n        isDraggable={onReorder != null}\n        contextActions={tabContextActionMap.get(key)}\n      />\n    );\n  });\n\n  useEffect(\n    // Needs to be in a useEffect so the ref is updated\n    function scrollActiveTabIntoView() {\n      if (activeTabRef.current != null) {\n        activeTabRef.current.scrollIntoView({\n          block: 'nearest',\n          inline: 'nearest',\n        });\n      }\n    },\n    [activeKey]\n  );\n\n  const handleDashboardMenuClick = () => {\n    setIsDashboardTabMenuShown(!isDashboardTabMenuShown);\n  };\n\n  const handleDashboardMenuSelect = (tab: NavTabItem) => {\n    setIsDashboardTabMenuShown(false);\n\n    onSelect(tab.key);\n  };\n\n  const handleDashboardMenuClose = () => {\n    setIsDashboardTabMenuShown(false);\n  };\n\n  return (\n    <nav className=\"nav-container\">\n      {isOverflowing && (\n        <Button\n          kind=\"ghost\"\n          icon={<FontAwesomeIcon icon={vsChevronLeft} transform=\"grow-4\" />}\n          className=\"tab-controls-btn tab-controls-btn-left\"\n          tooltip=\"Scroll left\"\n          onClick={handleLeftClick}\n          onMouseDown={handleMouseDownLeft}\n          disabled={disableScrollLeft}\n        />\n      )}\n      <DragDropContext\n        onDragStart={DragUtils.startDragging}\n        onDragEnd={onDragEnd}\n      >\n        <Droppable\n          droppableId=\"droppable-tab-navigation\"\n          direction=\"horizontal\"\n        >\n          {(provided, snapshot) => (\n            <div\n              ref={r => {\n                if (r == null) {\n                  return;\n                }\n                containerRef.current = r;\n                provided.innerRef(r);\n              }}\n              // eslint-disable-next-line react/jsx-props-no-spreading\n              {...provided.droppableProps}\n              className={classNames('nav nav-tabs', {\n                dragging: snapshot.draggingFromThisWith,\n              })}\n              role=\"tablist\"\n              onScroll={handleScroll}\n            >\n              {navTabs}\n              {provided.placeholder}\n            </div>\n          )}\n        </Droppable>\n      </DragDropContext>\n      {isOverflowing && (\n        <Button\n          kind=\"ghost\"\n          icon={<FontAwesomeIcon icon={vsChevronRight} transform=\"grow-4\" />}\n          className=\"tab-controls-btn tab-controls-btn-right\"\n          tooltip=\"Scroll right\"\n          onClick={handleRightClick}\n          onMouseDown={handleMouseDownRight}\n          disabled={disableScrollRight}\n        />\n      )}\n      <Button\n        kind=\"ghost\"\n        icon={<FontAwesomeIcon icon={vsChevronDown} transform=\"grow-4\" />}\n        className=\"btn-dashboard-list-menu btn-show-dashboard-list\"\n        tooltip=\"Search open dashboards\"\n        onClick={handleDashboardMenuClick}\n        disabled={tabs.length < 2}\n        style={{\n          visibility: isOverflowing ? 'visible' : 'hidden',\n          marginLeft: 'auto',\n        }}\n      >\n        <Popper\n          isShown={isDashboardTabMenuShown}\n          className=\"dashboard-list-menu-popper\"\n          onExited={handleDashboardMenuClose}\n          options={{\n            placement: 'bottom-start',\n          }}\n          closeOnBlur\n          interactive\n        >\n          <DashboardList tabs={tabs} onSelect={handleDashboardMenuSelect} />\n        </Popper>\n      </Button>\n      <ContextActions\n        actions={[\n          {\n            action: () => {\n              setIsDashboardTabMenuShown(!isDashboardTabMenuShown);\n            },\n            shortcut: GLOBAL_SHORTCUTS.OPEN_DASHBOARD_LIST,\n            isGlobal: true,\n          },\n        ]}\n      />\n    </nav>\n  );\n}\n\nexport default NavTabList;\n"],"mappings":"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","ignoreList":[]}

package/dist/navigation/Page.js

@@ -2,8 +2,7 @@ import React from 'react';
 import { vsClose, vsChevronLeft } from '@deephaven/icons';
 import "./Page.css";
 import Button from "../Button.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /**
  * A page view with a back button in the bottom left, a title at the top, and a close button in the top right.
  * Back and close buttons will only appear if `onBack` and/or `onClose` callbacks are set.

package/dist/navigation/Page.js.map

@@ -1 +1 @@
-{"version":3,"file":"Page.js","names":["React","vsClose","vsChevronLeft","Button","jsx","_jsx","jsxs","_jsxs","Page","_ref","children","onBack","onClose","title","dataTestId","className","undefined","kind","onClick","icon","tooltip"],"sources":["../../src/navigation/Page.tsx"],"sourcesContent":["import React from 'react';\nimport { vsClose, vsChevronLeft } from '@deephaven/icons';\nimport './Page.scss';\nimport Button from '../Button';\n\nexport type PageProps = {\n  children: React.ReactNode;\n  onBack?: () => void;\n  onClose?: () => void;\n  title: string;\n  'data-testid'?: string;\n};\n\n/**\n * A page view with a back button in the bottom left, a title at the top, and a close button in the top right.\n * Back and close buttons will only appear if `onBack` and/or `onClose` callbacks are set.\n */\nexport function Page({\n  children,\n  onBack,\n  onClose,\n  title,\n  'data-testid': dataTestId,\n}: PageProps): JSX.Element {\n  return (\n    <div className=\"navigation-page\" data-testid={dataTestId}>\n      <div className=\"navigation-title-bar\">\n        <div className=\"navigation-left-buttons\">\n          {onBack !== undefined && (\n            <Button\n              kind=\"ghost\"\n              className=\"btn-back m-1 btn-sm\"\n              data-testid=\"btn-page-back\"\n              onClick={onBack}\n              icon={vsChevronLeft}\n            >\n              Back\n            </Button>\n          )}\n        </div>\n        <div className=\"navigation-title\">{title}</div>\n        <div className=\"navigation-right-buttons\">\n          {onClose !== undefined && (\n            <Button\n              kind=\"ghost\"\n              className=\"btn-close btn-sm px-2 m-1\"\n              data-testid=\"btn-page-close\"\n              onClick={onClose}\n              icon={vsClose}\n              tooltip=\"Close\"\n            />\n          )}\n        </div>\n      </div>\n      <div className=\"navigation-content\">{children}</div>\n    </div>\n  );\n}\n\nexport default Page;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,OAAO,EAAEC,aAAa,QAAQ,kBAAkB;AAAC;AAAA,OAEnDC,MAAM;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAUb;AACA;AACA;AACA;AACA,OAAO,SAASC,IAAIA,CAAAC,IAAA,EAMO;EAAA,IANN;IACnBC,QAAQ;IACRC,MAAM;IACNC,OAAO;IACPC,KAAK;IACL,aAAa,EAAEC;EACN,CAAC,GAAAL,IAAA;EACV,oBACEF,KAAA;IAAKQ,SAAS,EAAC,iBAAiB;IAAC,eAAaD,UAAW;IAAAJ,QAAA,gBACvDH,KAAA;MAAKQ,SAAS,EAAC,sBAAsB;MAAAL,QAAA,gBACnCL,IAAA;QAAKU,SAAS,EAAC,yBAAyB;QAAAL,QAAA,EACrCC,MAAM,KAAKK,SAAS,iBACnBX,IAAA,CAACF,MAAM;UACLc,IAAI,EAAC,OAAO;UACZF,SAAS,EAAC,qBAAqB;UAC/B,eAAY,eAAe;UAC3BG,OAAO,EAAEP,MAAO;UAChBQ,IAAI,EAAEjB,aAAc;UAAAQ,QAAA,EACrB;QAED,CAAQ;MACT,CACE,CAAC,eACNL,IAAA;QAAKU,SAAS,EAAC,kBAAkB;QAAAL,QAAA,EAAEG;MAAK,CAAM,CAAC,eAC/CR,IAAA;QAAKU,SAAS,EAAC,0BAA0B;QAAAL,QAAA,EACtCE,OAAO,KAAKI,SAAS,iBACpBX,IAAA,CAACF,MAAM;UACLc,IAAI,EAAC,OAAO;UACZF,SAAS,EAAC,2BAA2B;UACrC,eAAY,gBAAgB;UAC5BG,OAAO,EAAEN,OAAQ;UACjBO,IAAI,EAAElB,OAAQ;UACdmB,OAAO,EAAC;QAAO,CAChB;MACF,CACE,CAAC;IAAA,CACH,CAAC,eACNf,IAAA;MAAKU,SAAS,EAAC,oBAAoB;MAAAL,QAAA,EAAEA;IAAQ,CAAM,CAAC;EAAA,CACjD,CAAC;AAEV;AAEA,eAAeF,IAAI"}
+{"version":3,"file":"Page.js","names":["React","vsClose","vsChevronLeft","Button","jsx","_jsx","jsxs","_jsxs","Page","_ref","children","onBack","onClose","title","dataTestId","className","undefined","kind","onClick","icon","tooltip"],"sources":["../../src/navigation/Page.tsx"],"sourcesContent":["import React from 'react';\nimport { vsClose, vsChevronLeft } from '@deephaven/icons';\nimport './Page.scss';\nimport Button from '../Button';\n\nexport type PageProps = {\n  children: React.ReactNode;\n  onBack?: () => void;\n  onClose?: () => void;\n  title: string;\n  'data-testid'?: string;\n};\n\n/**\n * A page view with a back button in the bottom left, a title at the top, and a close button in the top right.\n * Back and close buttons will only appear if `onBack` and/or `onClose` callbacks are set.\n */\nexport function Page({\n  children,\n  onBack,\n  onClose,\n  title,\n  'data-testid': dataTestId,\n}: PageProps): JSX.Element {\n  return (\n    <div className=\"navigation-page\" data-testid={dataTestId}>\n      <div className=\"navigation-title-bar\">\n        <div className=\"navigation-left-buttons\">\n          {onBack !== undefined && (\n            <Button\n              kind=\"ghost\"\n              className=\"btn-back m-1 btn-sm\"\n              data-testid=\"btn-page-back\"\n              onClick={onBack}\n              icon={vsChevronLeft}\n            >\n              Back\n            </Button>\n          )}\n        </div>\n        <div className=\"navigation-title\">{title}</div>\n        <div className=\"navigation-right-buttons\">\n          {onClose !== undefined && (\n            <Button\n              kind=\"ghost\"\n              className=\"btn-close btn-sm px-2 m-1\"\n              data-testid=\"btn-page-close\"\n              onClick={onClose}\n              icon={vsClose}\n              tooltip=\"Close\"\n            />\n          )}\n        </div>\n      </div>\n      <div className=\"navigation-content\">{children}</div>\n    </div>\n  );\n}\n\nexport default Page;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,OAAO,EAAEC,aAAa,QAAQ,kBAAkB;AAAC;AAAA,OAEnDC,MAAM;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAUb;AACA;AACA;AACA;AACA,OAAO,SAASC,IAAIA,CAAAC,IAAA,EAMO;EAAA,IANN;IACnBC,QAAQ;IACRC,MAAM;IACNC,OAAO;IACPC,KAAK;IACL,aAAa,EAAEC;EACN,CAAC,GAAAL,IAAA;EACV,oBACEF,KAAA;IAAKQ,SAAS,EAAC,iBAAiB;IAAC,eAAaD,UAAW;IAAAJ,QAAA,gBACvDH,KAAA;MAAKQ,SAAS,EAAC,sBAAsB;MAAAL,QAAA,gBACnCL,IAAA;QAAKU,SAAS,EAAC,yBAAyB;QAAAL,QAAA,EACrCC,MAAM,KAAKK,SAAS,iBACnBX,IAAA,CAACF,MAAM;UACLc,IAAI,EAAC,OAAO;UACZF,SAAS,EAAC,qBAAqB;UAC/B,eAAY,eAAe;UAC3BG,OAAO,EAAEP,MAAO;UAChBQ,IAAI,EAAEjB,aAAc;UAAAQ,QAAA,EACrB;QAED,CAAQ;MACT,CACE,CAAC,eACNL,IAAA;QAAKU,SAAS,EAAC,kBAAkB;QAAAL,QAAA,EAAEG;MAAK,CAAM,CAAC,eAC/CR,IAAA;QAAKU,SAAS,EAAC,0BAA0B;QAAAL,QAAA,EACtCE,OAAO,KAAKI,SAAS,iBACpBX,IAAA,CAACF,MAAM;UACLc,IAAI,EAAC,OAAO;UACZF,SAAS,EAAC,2BAA2B;UACrC,eAAY,gBAAgB;UAC5BG,OAAO,EAAEN,OAAQ;UACjBO,IAAI,EAAElB,OAAQ;UACdmB,OAAO,EAAC;QAAO,CAChB;MACF,CACE,CAAC;IAAA,CACH,CAAC,eACNf,IAAA;MAAKU,SAAS,EAAC,oBAAoB;MAAAL,QAAA,EAAEA;IAAQ,CAAM,CAAC;EAAA,CACjD,CAAC;AAEV;AAEA,eAAeF,IAAI","ignoreList":[]}

package/dist/navigation/Stack.js

@@ -2,9 +2,7 @@ import React, { useState, useEffect, useMemo, useCallback } from 'react';
 import { usePrevious } from '@deephaven/react-hooks';
 import "./Stack.css";
 import { SlideTransition } from "../transitions/index.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 /**
  * Pass a full navigation stack of children, and then automatically does a sliding animation when the stack changes.
  * Adding items to the stack will do a "push" animation, and removing items from the stack will do a "pop" animation.

package/dist/navigation/Stack.js.map

@@ -1 +1 @@
-{"version":3,"file":"Stack.js","names":["React","useState","useEffect","useMemo","useCallback","usePrevious","SlideTransition","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","Stack","_ref","children","dataTestId","childrenArray","Children","toArray","prevChildrenArray","mainView","setMainView","length","pushingView","setPushingView","poppingView","setPoppingView","initAnimation","undefined","topChild","pushComplete","popComplete","className","direction","in","onEntered"],"sources":["../../src/navigation/Stack.tsx"],"sourcesContent":["import React, { useState, useEffect, useMemo, useCallback } from 'react';\nimport { usePrevious } from '@deephaven/react-hooks';\nimport './Stack.scss';\nimport { SlideTransition } from '../transitions';\n\nexport type StackProps = {\n  children: React.ReactNode | React.ReactNode[];\n  'data-testid'?: string;\n};\n\n/**\n * Pass a full navigation stack of children, and then automatically does a sliding animation when the stack changes.\n * Adding items to the stack will do a \"push\" animation, and removing items from the stack will do a \"pop\" animation.\n */\nexport function Stack({\n  children,\n  'data-testid': dataTestId,\n}: StackProps): JSX.Element {\n  const childrenArray = useMemo(\n    () => React.Children.toArray(children),\n    [children]\n  );\n  const prevChildrenArray = usePrevious(childrenArray);\n  const [mainView, setMainView] = useState<React.ReactNode>(\n    childrenArray[childrenArray.length - 1]\n  );\n\n  const [pushingView, setPushingView] = useState<React.ReactNode>(null);\n  const [poppingView, setPoppingView] = useState<React.ReactNode>(null);\n\n  /**\n   * To do the animation effect, we just need to set the proper pushing/popping views when the stack changes.\n   * `mainView` - The main view of the stack, stationary, filling the container.\n   * `pushingView` - A view that's currently being pushed. Slides from off screen right to overtop of `mainView`.\n   * `poppingView` - A view that's currently being popped. Slides from overtop of `mainView` to right off screen.\n   *\n   * When the `pushingView` or `poppingView` is set, that will kick off their animation.\n   * Completion of the animation is handled in `pushComplete` or `popComplete`, and then the stack is in an idle state again.\n   */\n  useEffect(\n    function initAnimation() {\n      if (\n        prevChildrenArray === undefined ||\n        childrenArray === prevChildrenArray\n      ) {\n        return;\n      }\n      const topChild = childrenArray[childrenArray.length - 1];\n      if (\n        childrenArray.length === prevChildrenArray.length ||\n        prevChildrenArray.length === 0 ||\n        pushingView !== null ||\n        poppingView !== null\n      ) {\n        // 1) Stack is the same size, we've just mounted, or we're already in an animation - just update the view\n        if (pushingView !== null && topChild !== pushingView) {\n          // Stack was updated mid animation\n          setPushingView(topChild);\n        } else if (topChild !== poppingView && topChild !== mainView) {\n          // Replace the current view\n          setMainView(topChild);\n        }\n      } else if (childrenArray.length > prevChildrenArray.length) {\n        // 2) Stack has grown - start the push animation\n        setPushingView(topChild);\n      } else if (childrenArray.length < prevChildrenArray.length) {\n        // 3) Stack has shrunk - start the pop animation\n        setMainView(topChild);\n        setPoppingView(prevChildrenArray[prevChildrenArray.length - 1]);\n      }\n    },\n    [childrenArray, prevChildrenArray, pushingView, poppingView, mainView]\n  );\n\n  const pushComplete = useCallback(() => {\n    setMainView(pushingView);\n    setPushingView(null);\n  }, [pushingView]);\n\n  const popComplete = useCallback(() => {\n    setPoppingView(null);\n  }, []);\n\n  return (\n    <div className=\"navigation-stack\">\n      <div className=\"main-view\" data-testid={dataTestId}>\n        {mainView}\n      </div>\n\n      <SlideTransition\n        direction=\"right\"\n        in={poppingView != null}\n        onEntered={popComplete}\n      >\n        {/* Without the fragment, the transition doesn't work. Without the conditional render, the stack is blank */}\n        {/* eslint-disable-next-line react/jsx-no-useless-fragment */}\n        <>\n          {poppingView != null && (\n            <div className=\"popping-view\">{poppingView}</div>\n          )}\n        </>\n      </SlideTransition>\n      <SlideTransition in={pushingView != null} onEntered={pushComplete}>\n        {/* eslint-disable-next-line react/jsx-no-useless-fragment */}\n        <>\n          {pushingView != null && (\n            <div className=\"pushing-view\">{pushingView}</div>\n          )}\n        </>\n      </SlideTransition>\n    </div>\n  );\n}\n\nexport default Stack;\n"],"mappings":"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"}
+{"version":3,"file":"Stack.js","names":["React","useState","useEffect","useMemo","useCallback","usePrevious","SlideTransition","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","Stack","_ref","children","dataTestId","childrenArray","Children","toArray","prevChildrenArray","mainView","setMainView","length","pushingView","setPushingView","poppingView","setPoppingView","initAnimation","undefined","topChild","pushComplete","popComplete","className","direction","in","onEntered"],"sources":["../../src/navigation/Stack.tsx"],"sourcesContent":["import React, { useState, useEffect, useMemo, useCallback } from 'react';\nimport { usePrevious } from '@deephaven/react-hooks';\nimport './Stack.scss';\nimport { SlideTransition } from '../transitions';\n\nexport type StackProps = {\n  children: React.ReactNode | React.ReactNode[];\n  'data-testid'?: string;\n};\n\n/**\n * Pass a full navigation stack of children, and then automatically does a sliding animation when the stack changes.\n * Adding items to the stack will do a \"push\" animation, and removing items from the stack will do a \"pop\" animation.\n */\nexport function Stack({\n  children,\n  'data-testid': dataTestId,\n}: StackProps): JSX.Element {\n  const childrenArray = useMemo(\n    () => React.Children.toArray(children),\n    [children]\n  );\n  const prevChildrenArray = usePrevious(childrenArray);\n  const [mainView, setMainView] = useState<React.ReactNode>(\n    childrenArray[childrenArray.length - 1]\n  );\n\n  const [pushingView, setPushingView] = useState<React.ReactNode>(null);\n  const [poppingView, setPoppingView] = useState<React.ReactNode>(null);\n\n  /**\n   * To do the animation effect, we just need to set the proper pushing/popping views when the stack changes.\n   * `mainView` - The main view of the stack, stationary, filling the container.\n   * `pushingView` - A view that's currently being pushed. Slides from off screen right to overtop of `mainView`.\n   * `poppingView` - A view that's currently being popped. Slides from overtop of `mainView` to right off screen.\n   *\n   * When the `pushingView` or `poppingView` is set, that will kick off their animation.\n   * Completion of the animation is handled in `pushComplete` or `popComplete`, and then the stack is in an idle state again.\n   */\n  useEffect(\n    function initAnimation() {\n      if (\n        prevChildrenArray === undefined ||\n        childrenArray === prevChildrenArray\n      ) {\n        return;\n      }\n      const topChild = childrenArray[childrenArray.length - 1];\n      if (\n        childrenArray.length === prevChildrenArray.length ||\n        prevChildrenArray.length === 0 ||\n        pushingView !== null ||\n        poppingView !== null\n      ) {\n        // 1) Stack is the same size, we've just mounted, or we're already in an animation - just update the view\n        if (pushingView !== null && topChild !== pushingView) {\n          // Stack was updated mid animation\n          setPushingView(topChild);\n        } else if (topChild !== poppingView && topChild !== mainView) {\n          // Replace the current view\n          setMainView(topChild);\n        }\n      } else if (childrenArray.length > prevChildrenArray.length) {\n        // 2) Stack has grown - start the push animation\n        setPushingView(topChild);\n      } else if (childrenArray.length < prevChildrenArray.length) {\n        // 3) Stack has shrunk - start the pop animation\n        setMainView(topChild);\n        setPoppingView(prevChildrenArray[prevChildrenArray.length - 1]);\n      }\n    },\n    [childrenArray, prevChildrenArray, pushingView, poppingView, mainView]\n  );\n\n  const pushComplete = useCallback(() => {\n    setMainView(pushingView);\n    setPushingView(null);\n  }, [pushingView]);\n\n  const popComplete = useCallback(() => {\n    setPoppingView(null);\n  }, []);\n\n  return (\n    <div className=\"navigation-stack\">\n      <div className=\"main-view\" data-testid={dataTestId}>\n        {mainView}\n      </div>\n\n      <SlideTransition\n        direction=\"right\"\n        in={poppingView != null}\n        onEntered={popComplete}\n      >\n        {/* Without the fragment, the transition doesn't work. Without the conditional render, the stack is blank */}\n        {/* eslint-disable-next-line react/jsx-no-useless-fragment */}\n        <>\n          {poppingView != null && (\n            <div className=\"popping-view\">{poppingView}</div>\n          )}\n        </>\n      </SlideTransition>\n      <SlideTransition in={pushingView != null} onEntered={pushComplete}>\n        {/* eslint-disable-next-line react/jsx-no-useless-fragment */}\n        <>\n          {pushingView != null && (\n            <div className=\"pushing-view\">{pushingView}</div>\n          )}\n        </>\n      </SlideTransition>\n    </div>\n  );\n}\n\nexport default Stack;\n"],"mappings":"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","ignoreList":[]}

package/dist/navigation/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["default","Menu","MenuItem","NavTabList","DashboardList","Page","Stack"],"sources":["../../src/navigation/index.ts"],"sourcesContent":["export { default as Menu } from './Menu';\nexport type { MenuProps } from './Menu';\nexport { default as MenuItem } from './MenuItem';\nexport type { SwitchMenuItemDef, MenuItemDef, MenuItemProps } from './MenuItem';\nexport { default as NavTabList } from './NavTabList';\nexport type { NavTabItem } from './NavTabList';\nexport { default as DashboardList } from './DashboardList';\nexport { default as Page } from './Page';\nexport type { PageProps } from './Page';\nexport { default as Stack } from './Stack';\n"],"mappings":"SAASA,OAAO,IAAIC,IAAI;AAAA,SAEfD,OAAO,IAAIE,QAAQ;AAAA,SAEnBF,OAAO,IAAIG,UAAU;AAAA,SAErBH,OAAO,IAAII,aAAa;AAAA,SACxBJ,OAAO,IAAIK,IAAI;AAAA,SAEfL,OAAO,IAAIM,KAAK"}
+{"version":3,"file":"index.js","names":["default","Menu","MenuItem","NavTabList","DashboardList","Page","Stack"],"sources":["../../src/navigation/index.ts"],"sourcesContent":["export { default as Menu } from './Menu';\nexport type { MenuProps } from './Menu';\nexport { default as MenuItem } from './MenuItem';\nexport type { SwitchMenuItemDef, MenuItemDef, MenuItemProps } from './MenuItem';\nexport { default as NavTabList } from './NavTabList';\nexport type { NavTabItem } from './NavTabList';\nexport { default as DashboardList } from './DashboardList';\nexport { default as Page } from './Page';\nexport type { PageProps } from './Page';\nexport { default as Stack } from './Stack';\n"],"mappings":"SAASA,OAAO,IAAIC,IAAI;AAAA,SAEfD,OAAO,IAAIE,QAAQ;AAAA,SAEnBF,OAAO,IAAIG,UAAU;AAAA,SAErBH,OAAO,IAAII,aAAa;AAAA,SACxBJ,OAAO,IAAIK,IAAI;AAAA,SAEfL,OAAO,IAAIM,KAAK","ignoreList":[]}

package/dist/popper/Popper.d.ts

@@ -16,9 +16,9 @@
  */
 import React, { Component } from 'react';
 import PopperJs, { type PopperOptions, type ReferenceObject } from 'popper.js';
-import PropTypes from 'prop-types';
 import './Popper.scss';
 interface PopperProps {
+    children: React.ReactNode;
     options: PopperOptions;
     className: string;
     timeout: number;
@@ -35,19 +35,6 @@ interface PopperState {
     popper: PopperJs | null;
 }
 declare class Popper extends Component<PopperProps, PopperState> {
-    static propTypes: {
-        children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
-        options: PropTypes.Requireable<PropTypes.InferProps<{}>>;
-        className: PropTypes.Requireable<string>;
-        timeout: PropTypes.Requireable<number>;
-        onEntered: PropTypes.Requireable<(...args: any[]) => any>;
-        onExited: PropTypes.Requireable<(...args: any[]) => any>;
-        isShown: PropTypes.Requireable<boolean>;
-        closeOnBlur: PropTypes.Requireable<boolean>;
-        interactive: PropTypes.Requireable<boolean>;
-        referenceObject: PropTypes.Requireable<PropTypes.InferProps<{}>>;
-        'data-testid': PropTypes.Requireable<string>;
-    };
     static defaultProps: {
         options: {};
         className: string;

package/dist/popper/Popper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Popper.d.ts","sourceRoot":"","sources":["../../src/popper/Popper.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAEH,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIzC,OAAO,QAAQ,EAAE,EAAE,KAAK,aAAa,EAAE,KAAK,eAAe,EAAE,MAAM,WAAW,CAAC;AAC/E,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,eAAe,CAAC;AAKvB,UAAU,WAAW;IACnB,OAAO,EAAE,aAAa,CAAC;IACvB,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,EAAE,OAAO,CAAC;IACjB,WAAW,EAAE,OAAO,CAAC;IACrB,WAAW,EAAE,OAAO,CAAC;IACrB,eAAe,EAAE,eAAe,GAAG,IAAI,CAAC;IACxC,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,UAAU,WAAW;IACnB,IAAI,EAAE,OAAO,CAAC;IACd,MAAM,EAAE,QAAQ,GAAG,IAAI,CAAC;CACzB;AAED,cAAM,MAAO,SAAQ,SAAS,CAAC,WAAW,EAAE,WAAW,CAAC;IACtD,MAAM,CAAC,SAAS;;;;;;;;;;;;MAYd;IAEF,MAAM,CAAC,YAAY;;;;qBAIJ,IAAI;oBAGL,IAAI;;;;;;MAQhB;gBAEU,KAAK,EAAE,WAAW;IAsB9B,kBAAkB,CAAC,SAAS,EAAE,WAAW,GAAG,IAAI;IAehD,oBAAoB,IAAI,IAAI;IAI5B,OAAO,EAAE,cAAc,CAAC;IAExB,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAG3C,GAAG,EAAE,MAAM,CAAC;IAEZ,wFAAwF;IACxF,iBAAiB,CAAC,OAAO,EAAE,WAAW,GAAG,IAAI,GAAG,WAAW,GAAG,IAAI;IAYlE,UAAU,IAAI,IAAI;IAiDlB,aAAa,CAAC,WAAW,UAAO,GAAG,IAAI;IAsBvC,IAAI,IAAI,IAAI;IAKZ,IAAI,IAAI,IAAI;IAIZ,cAAc,IAAI,IAAI;IAKtB,UAAU,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,GAAG,IAAI;IASrC,WAAW,IAAI,IAAI;IAKnB,UAAU,IAAI,IAAI;IASlB,aAAa,IAAI,GAAG,CAAC,OAAO;IA0C5B,MAAM,IAAI,GAAG,CAAC,OAAO;CActB;AAED,eAAe,MAAM,CAAC;AACtB,YAAY,EAAE,aAAa,EAAE,eAAe,EAAE,CAAC"}
+{"version":3,"file":"Popper.d.ts","sourceRoot":"","sources":["../../src/popper/Popper.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAEH,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIzC,OAAO,QAAQ,EAAE,EAAE,KAAK,aAAa,EAAE,KAAK,eAAe,EAAE,MAAM,WAAW,CAAC;AAE/E,OAAO,eAAe,CAAC;AAKvB,UAAU,WAAW;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,EAAE,aAAa,CAAC;IACvB,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,EAAE,OAAO,CAAC;IACjB,WAAW,EAAE,OAAO,CAAC;IACrB,WAAW,EAAE,OAAO,CAAC;IACrB,eAAe,EAAE,eAAe,GAAG,IAAI,CAAC;IACxC,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,UAAU,WAAW;IACnB,IAAI,EAAE,OAAO,CAAC;IACd,MAAM,EAAE,QAAQ,GAAG,IAAI,CAAC;CACzB;AAED,cAAM,MAAO,SAAQ,SAAS,CAAC,WAAW,EAAE,WAAW,CAAC;IACtD,MAAM,CAAC,YAAY;;;;qBAIJ,IAAI;oBAGL,IAAI;;;;;;MAQhB;gBAEU,KAAK,EAAE,WAAW;IAsB9B,kBAAkB,CAAC,SAAS,EAAE,WAAW,GAAG,IAAI;IAehD,oBAAoB,IAAI,IAAI;IAI5B,OAAO,EAAE,cAAc,CAAC;IAExB,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAG3C,GAAG,EAAE,MAAM,CAAC;IAEZ,wFAAwF;IACxF,iBAAiB,CAAC,OAAO,EAAE,WAAW,GAAG,IAAI,GAAG,WAAW,GAAG,IAAI;IAYlE,UAAU,IAAI,IAAI;IAwDlB,aAAa,CAAC,WAAW,UAAO,GAAG,IAAI;IAsBvC,IAAI,IAAI,IAAI;IASZ,IAAI,IAAI,IAAI;IAIZ,cAAc,IAAI,IAAI;IAKtB,UAAU,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,GAAG,IAAI;IASrC,WAAW,IAAI,IAAI;IAKnB,UAAU,IAAI,IAAI;IASlB,aAAa,IAAI,GAAG,CAAC,OAAO;IA0C5B,MAAM,IAAI,GAAG,CAAC,OAAO;CActB;AAED,eAAe,MAAM,CAAC;AACtB,YAAY,EAAE,aAAa,EAAE,eAAe,EAAE,CAAC"}

package/dist/popper/Popper.js

@@ -21,22 +21,21 @@ function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e =
  */
 
 import React, { Component } from 'react';
-import ReactDOM from 'react-dom';
+import ReactDOM, { flushSync } from 'react-dom';
 import classNames from 'classnames';
 import { CSSTransition } from 'react-transition-group';
 import PopperJs from 'popper.js';
-import PropTypes from 'prop-types';
 import ThemeExport from "../ThemeExport.js";
 import "./Popper.css";
 import { SpectrumThemeProvider } from "../theme/SpectrumThemeProvider.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 var POPPER_CLASS_NAME = 'popper';
 class Popper extends Component {
   constructor(props) {
     super(props);
     _defineProperty(this, "element", void 0);
     _defineProperty(this, "container", void 0);
+    // This is the request animation frame handle number
     _defineProperty(this, "rAF", void 0);
     this.handleEnter = this.handleEnter.bind(this);
     this.handleExit = this.handleExit.bind(this);
@@ -74,9 +73,6 @@ class Popper extends Component {
   componentWillUnmount() {
     this.destroyPopper(false);
   }
-
-  // This is the request animation frame handle number
-
   /** Goes through an element and it's parents until the first visible element is found */
   getVisibleElement(element) {
     if (element == null || element.clientHeight > 0 || element.clientWidth > 0) {
@@ -86,13 +82,13 @@ class Popper extends Component {
   }
   initPopper() {
     var {
-      popper
+      popper: statePopper
     } = this.state;
     var {
       closeOnBlur,
       referenceObject
     } = this.props;
-    if (popper) {
+    if (statePopper) {
       return;
     }
     if (this.container.current === null) {
@@ -114,7 +110,7 @@ class Popper extends Component {
     if (parent == null) {
       parent = this.container.current;
     }
-    popper = new PopperJs(referenceObject || parent, this.element, options);
+    var popper = new PopperJs(referenceObject || parent, this.element, options);
     popper.scheduleUpdate();
 
     // delayed due to scheduleUpdate
@@ -130,8 +126,12 @@ class Popper extends Component {
         }
       }
     });
-    this.setState({
-      popper
+
+    // Needed to make the animation work
+    flushSync(() => {
+      this.setState({
+        popper
+      });
     });
   }
   destroyPopper() {
@@ -159,8 +159,12 @@ class Popper extends Component {
   }
   show() {
     this.initPopper();
-    this.setState({
-      show: true
+
+    // Needed to make the animation work
+    flushSync(() => {
+      this.setState({
+        show: true
+      });
     });
   }
   hide() {
@@ -188,7 +192,6 @@ class Popper extends Component {
     } = this.props;
     onEntered(); // trigger any parent component waiting for enter handler
   }
-
   handleExit() {
     var {
       onExited
@@ -201,7 +204,6 @@ class Popper extends Component {
     }
     onExited(); // trigger any parent component waiting for exited handler
   }
-
   renderContent() {
     var {
       className,
@@ -264,19 +266,6 @@ class Popper extends Component {
     });
   }
 }
-_defineProperty(Popper, "propTypes", {
-  children: PropTypes.node.isRequired,
-  options: PropTypes.shape({}),
-  className: PropTypes.string,
-  timeout: PropTypes.number,
-  onEntered: PropTypes.func,
-  onExited: PropTypes.func,
-  isShown: PropTypes.bool,
-  closeOnBlur: PropTypes.bool,
-  interactive: PropTypes.bool,
-  referenceObject: PropTypes.shape({}),
-  'data-testid': PropTypes.string
-});
 _defineProperty(Popper, "defaultProps", {
   options: {},
   className: '',

package/dist/popper/Popper.js.map

@@ -1 +1 @@
-{"version":3,"file":"Popper.js","names":["React","Component","ReactDOM","classNames","CSSTransition","PopperJs","PropTypes","ThemeExport","SpectrumThemeProvider","jsx","_jsx","jsxs","_jsxs","POPPER_CLASS_NAME","Popper","constructor","props","_defineProperty","handleEnter","bind","handleExit","handleBlur","element","document","createElement","className","container","createRef","rAF","isShown","state","show","popper","componentDidUpdate","prevProps","cancelAnimationFrame","window","requestAnimationFrame","hide","componentWillUnmount","destroyPopper","getVisibleElement","clientHeight","clientWidth","parentElement","initPopper","closeOnBlur","referenceObject","current","options","_objectSpread","placement","modifiers","preventOverflow","boundariesElement","body","appendChild","parent","scheduleUpdate","popperEl","querySelector","concat","HTMLElement","contains","activeElement","focus","setState","updateState","arguments","length","undefined","destroy","removeChild","e","relatedTarget","onEntered","onExited","renderContent","children","timeout","interactive","isPortal","in","onClick","stopPropagation","onKeyDown","key","onBlur","tabIndex","role","render","dataTestId","ref","style","display","createPortal","node","isRequired","shape","string","number","func","bool","transitionMs"],"sources":["../../src/popper/Popper.tsx"],"sourcesContent":["/**\n *  A component for creating popover dialogs. Only requires child element.\n *\n * <Popper\n *   options={popperOptions}\n *   className=\"whatever\"\n *   onEntered={this.handleEnter}\n *   onExited={this.handleExit}\n *   closeOnBlur // if you want dialog to self close, on click outside\n *   interactive // if popper contents will be interactable\n *   isShown={variable} // controls if its shown or not,\n *   ref={this.popper} // or via ref and this.popper.show() or this.popper.hide()\n *  >\n *   <ChildContent />\n * </Popper>\n */\n\nimport React, { Component } from 'react';\nimport ReactDOM from 'react-dom';\nimport classNames from 'classnames';\nimport { CSSTransition } from 'react-transition-group';\nimport PopperJs, { type PopperOptions, type ReferenceObject } from 'popper.js';\nimport PropTypes from 'prop-types';\nimport ThemeExport from '../ThemeExport';\nimport './Popper.scss';\nimport { SpectrumThemeProvider } from '../theme/SpectrumThemeProvider';\n\nconst POPPER_CLASS_NAME = 'popper';\n\ninterface PopperProps {\n  options: PopperOptions;\n  className: string;\n  timeout: number;\n  onEntered: () => void;\n  onExited: () => void;\n  isShown: boolean;\n  closeOnBlur: boolean;\n  interactive: boolean;\n  referenceObject: ReferenceObject | null;\n  'data-testid'?: string;\n}\n\ninterface PopperState {\n  show: boolean;\n  popper: PopperJs | null;\n}\n\nclass Popper extends Component<PopperProps, PopperState> {\n  static propTypes = {\n    children: PropTypes.node.isRequired,\n    options: PropTypes.shape({}),\n    className: PropTypes.string,\n    timeout: PropTypes.number,\n    onEntered: PropTypes.func,\n    onExited: PropTypes.func,\n    isShown: PropTypes.bool,\n    closeOnBlur: PropTypes.bool,\n    interactive: PropTypes.bool,\n    referenceObject: PropTypes.shape({}),\n    'data-testid': PropTypes.string,\n  };\n\n  static defaultProps = {\n    options: {},\n    className: '',\n    timeout: ThemeExport.transitionMs,\n    onEntered(): void {\n      // no-op\n    },\n    onExited(): void {\n      // no-op\n    },\n    isShown: false,\n    interactive: false,\n    closeOnBlur: false,\n    referenceObject: null,\n    'data-testid': undefined,\n  };\n\n  constructor(props: PopperProps) {\n    super(props);\n\n    this.handleEnter = this.handleEnter.bind(this);\n    this.handleExit = this.handleExit.bind(this);\n    this.handleBlur = this.handleBlur.bind(this);\n    this.element = document.createElement('div');\n    this.element.className = 'popper-container';\n    this.container = React.createRef<HTMLDivElement>();\n\n    // cancelAnimationFrame does nothing if the handle isn't recognized\n    // requestAnimationFrame provides a non-zero number, so 0 as a default should be safe\n    this.rAF = 0;\n\n    const { isShown } = this.props;\n\n    this.state = {\n      show: isShown,\n      popper: null,\n    };\n  }\n\n  componentDidUpdate(prevProps: PopperProps): void {\n    const { isShown } = this.props;\n\n    if (prevProps.isShown !== isShown) {\n      if (isShown) {\n        cancelAnimationFrame(this.rAF);\n        this.rAF = window.requestAnimationFrame(() => {\n          this.show();\n        });\n      } else {\n        this.hide();\n      }\n    }\n  }\n\n  componentWillUnmount(): void {\n    this.destroyPopper(false);\n  }\n\n  element: HTMLDivElement;\n\n  container: React.RefObject<HTMLDivElement>;\n\n  // This is the request animation frame handle number\n  rAF: number;\n\n  /** Goes through an element and it's parents until the first visible element is found */\n  getVisibleElement(element: HTMLElement | null): HTMLElement | null {\n    if (\n      element == null ||\n      element.clientHeight > 0 ||\n      element.clientWidth > 0\n    ) {\n      return element;\n    }\n\n    return this.getVisibleElement(element.parentElement);\n  }\n\n  initPopper(): void {\n    let { popper } = this.state;\n    const { closeOnBlur, referenceObject } = this.props;\n\n    if (popper) {\n      return;\n    }\n\n    if (this.container.current === null) {\n      return;\n    }\n\n    let { options } = this.props;\n    options = {\n      placement: 'auto',\n      modifiers: { preventOverflow: { boundariesElement: 'viewport' } },\n      ...options,\n    };\n    document.body.appendChild(this.element);\n\n    let parent = this.getVisibleElement(this.container.current);\n    if (parent == null) {\n      parent = this.container.current;\n    }\n\n    popper = new PopperJs(referenceObject || parent, this.element, options);\n    popper.scheduleUpdate();\n\n    // delayed due to scheduleUpdate\n    cancelAnimationFrame(this.rAF);\n    this.rAF = window.requestAnimationFrame(() => {\n      // If the current focus is not on the .popper or one of its descendants,\n      // set the focus to the .popper element. This is necessary for close on\n      // blur to work.\n      if (closeOnBlur) {\n        const popperEl = this.element.querySelector(`.${POPPER_CLASS_NAME}`);\n\n        if (\n          popperEl instanceof HTMLElement &&\n          !popperEl.contains(document.activeElement)\n        ) {\n          popperEl.focus();\n        }\n      }\n    });\n\n    this.setState({ popper });\n  }\n\n  destroyPopper(updateState = true): void {\n    cancelAnimationFrame(this.rAF);\n\n    const { popper } = this.state;\n    if (!popper) {\n      return;\n    }\n\n    popper.destroy();\n\n    // If component is exiting and unmounted in\n    // the same frame, destroy can be called twice.\n    // Check to make sure removeChild isn't called twice.\n    if (document.body.contains(this.element)) {\n      document.body.removeChild(this.element);\n    }\n\n    if (updateState) {\n      this.setState({ popper: null });\n    }\n  }\n\n  show(): void {\n    this.initPopper();\n    this.setState({ show: true });\n  }\n\n  hide(): void {\n    this.setState({ show: false });\n  }\n\n  scheduleUpdate(): void {\n    const { popper } = this.state;\n    if (popper) popper.scheduleUpdate();\n  }\n\n  handleBlur(e: React.FocusEvent): void {\n    if (!(e.relatedTarget instanceof HTMLElement)) {\n      return;\n    }\n    if (!this.element.contains(e.relatedTarget)) {\n      this.hide();\n    }\n  }\n\n  handleEnter(): void {\n    const { onEntered } = this.props;\n    onEntered(); // trigger any parent component waiting for enter handler\n  }\n\n  handleExit(): void {\n    const { onExited } = this.props;\n    const { show } = this.state;\n    if (!show) {\n      this.destroyPopper();\n    }\n    onExited(); // trigger any parent component waiting for exited handler\n  }\n\n  renderContent(): JSX.Element {\n    const { className, children, timeout, interactive, closeOnBlur } =\n      this.props;\n    const { show } = this.state;\n\n    return (\n      <SpectrumThemeProvider isPortal>\n        <CSSTransition\n          in={show}\n          timeout={timeout}\n          classNames=\"popper-transition\"\n          onEntered={this.handleEnter}\n          onExited={this.handleExit}\n        >\n          <div\n            onClick={e => {\n              // stop click events from escaping popper\n              e.stopPropagation();\n            }}\n            onKeyDown={e => {\n              if (e.key === 'Escape') this.hide();\n            }}\n            className={classNames(\n              POPPER_CLASS_NAME,\n              { interactive },\n              className\n            )}\n            onBlur={closeOnBlur ? this.handleBlur : undefined}\n            tabIndex={closeOnBlur ? -1 : undefined}\n            role=\"presentation\"\n          >\n            <div className=\"popper-content\">\n              {children}\n              {/* eslint-disable-next-line react/no-unknown-property */}\n              <div className=\"popper-arrow\" x-arrow=\"\" />\n            </div>\n          </div>\n        </CSSTransition>\n      </SpectrumThemeProvider>\n    );\n  }\n\n  render(): JSX.Element {\n    const { popper } = this.state;\n    const { 'data-testid': dataTestId } = this.props;\n    return (\n      <div\n        className=\"popper-parent-container\"\n        ref={this.container}\n        style={{ display: 'none' }}\n        data-testid={dataTestId}\n      >\n        {popper && ReactDOM.createPortal(this.renderContent(), this.element)}\n      </div>\n    );\n  }\n}\n\nexport default Popper;\nexport type { PopperOptions, ReferenceObject };\n"],"mappings":"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"}
+{"version":3,"file":"Popper.js","names":["React","Component","ReactDOM","flushSync","classNames","CSSTransition","PopperJs","ThemeExport","SpectrumThemeProvider","jsx","_jsx","jsxs","_jsxs","POPPER_CLASS_NAME","Popper","constructor","props","_defineProperty","handleEnter","bind","handleExit","handleBlur","element","document","createElement","className","container","createRef","rAF","isShown","state","show","popper","componentDidUpdate","prevProps","cancelAnimationFrame","window","requestAnimationFrame","hide","componentWillUnmount","destroyPopper","getVisibleElement","clientHeight","clientWidth","parentElement","initPopper","statePopper","closeOnBlur","referenceObject","current","options","_objectSpread","placement","modifiers","preventOverflow","boundariesElement","body","appendChild","parent","scheduleUpdate","popperEl","querySelector","concat","HTMLElement","contains","activeElement","focus","setState","updateState","arguments","length","undefined","destroy","removeChild","e","relatedTarget","onEntered","onExited","renderContent","children","timeout","interactive","isPortal","in","onClick","stopPropagation","onKeyDown","key","onBlur","tabIndex","role","render","dataTestId","ref","style","display","createPortal","transitionMs"],"sources":["../../src/popper/Popper.tsx"],"sourcesContent":["/**\n *  A component for creating popover dialogs. Only requires child element.\n *\n * <Popper\n *   options={popperOptions}\n *   className=\"whatever\"\n *   onEntered={this.handleEnter}\n *   onExited={this.handleExit}\n *   closeOnBlur // if you want dialog to self close, on click outside\n *   interactive // if popper contents will be interactable\n *   isShown={variable} // controls if its shown or not,\n *   ref={this.popper} // or via ref and this.popper.show() or this.popper.hide()\n *  >\n *   <ChildContent />\n * </Popper>\n */\n\nimport React, { Component } from 'react';\nimport ReactDOM, { flushSync } from 'react-dom';\nimport classNames from 'classnames';\nimport { CSSTransition } from 'react-transition-group';\nimport PopperJs, { type PopperOptions, type ReferenceObject } from 'popper.js';\nimport ThemeExport from '../ThemeExport';\nimport './Popper.scss';\nimport { SpectrumThemeProvider } from '../theme/SpectrumThemeProvider';\n\nconst POPPER_CLASS_NAME = 'popper';\n\ninterface PopperProps {\n  children: React.ReactNode;\n  options: PopperOptions;\n  className: string;\n  timeout: number;\n  onEntered: () => void;\n  onExited: () => void;\n  isShown: boolean;\n  closeOnBlur: boolean;\n  interactive: boolean;\n  referenceObject: ReferenceObject | null;\n  'data-testid'?: string;\n}\n\ninterface PopperState {\n  show: boolean;\n  popper: PopperJs | null;\n}\n\nclass Popper extends Component<PopperProps, PopperState> {\n  static defaultProps = {\n    options: {},\n    className: '',\n    timeout: ThemeExport.transitionMs,\n    onEntered(): void {\n      // no-op\n    },\n    onExited(): void {\n      // no-op\n    },\n    isShown: false,\n    interactive: false,\n    closeOnBlur: false,\n    referenceObject: null,\n    'data-testid': undefined,\n  };\n\n  constructor(props: PopperProps) {\n    super(props);\n\n    this.handleEnter = this.handleEnter.bind(this);\n    this.handleExit = this.handleExit.bind(this);\n    this.handleBlur = this.handleBlur.bind(this);\n    this.element = document.createElement('div');\n    this.element.className = 'popper-container';\n    this.container = React.createRef<HTMLDivElement>();\n\n    // cancelAnimationFrame does nothing if the handle isn't recognized\n    // requestAnimationFrame provides a non-zero number, so 0 as a default should be safe\n    this.rAF = 0;\n\n    const { isShown } = this.props;\n\n    this.state = {\n      show: isShown,\n      popper: null,\n    };\n  }\n\n  componentDidUpdate(prevProps: PopperProps): void {\n    const { isShown } = this.props;\n\n    if (prevProps.isShown !== isShown) {\n      if (isShown) {\n        cancelAnimationFrame(this.rAF);\n        this.rAF = window.requestAnimationFrame(() => {\n          this.show();\n        });\n      } else {\n        this.hide();\n      }\n    }\n  }\n\n  componentWillUnmount(): void {\n    this.destroyPopper(false);\n  }\n\n  element: HTMLDivElement;\n\n  container: React.RefObject<HTMLDivElement>;\n\n  // This is the request animation frame handle number\n  rAF: number;\n\n  /** Goes through an element and it's parents until the first visible element is found */\n  getVisibleElement(element: HTMLElement | null): HTMLElement | null {\n    if (\n      element == null ||\n      element.clientHeight > 0 ||\n      element.clientWidth > 0\n    ) {\n      return element;\n    }\n\n    return this.getVisibleElement(element.parentElement);\n  }\n\n  initPopper(): void {\n    const { popper: statePopper } = this.state;\n    const { closeOnBlur, referenceObject } = this.props;\n\n    if (statePopper) {\n      return;\n    }\n\n    if (this.container.current === null) {\n      return;\n    }\n\n    let { options } = this.props;\n    options = {\n      placement: 'auto',\n      modifiers: { preventOverflow: { boundariesElement: 'viewport' } },\n      ...options,\n    };\n    document.body.appendChild(this.element);\n\n    let parent = this.getVisibleElement(this.container.current);\n    if (parent == null) {\n      parent = this.container.current;\n    }\n\n    const popper = new PopperJs(\n      referenceObject || parent,\n      this.element,\n      options\n    );\n    popper.scheduleUpdate();\n\n    // delayed due to scheduleUpdate\n    cancelAnimationFrame(this.rAF);\n    this.rAF = window.requestAnimationFrame(() => {\n      // If the current focus is not on the .popper or one of its descendants,\n      // set the focus to the .popper element. This is necessary for close on\n      // blur to work.\n      if (closeOnBlur) {\n        const popperEl = this.element.querySelector(`.${POPPER_CLASS_NAME}`);\n\n        if (\n          popperEl instanceof HTMLElement &&\n          !popperEl.contains(document.activeElement)\n        ) {\n          popperEl.focus();\n        }\n      }\n    });\n\n    // Needed to make the animation work\n    flushSync(() => {\n      this.setState({ popper });\n    });\n  }\n\n  destroyPopper(updateState = true): void {\n    cancelAnimationFrame(this.rAF);\n\n    const { popper } = this.state;\n    if (!popper) {\n      return;\n    }\n\n    popper.destroy();\n\n    // If component is exiting and unmounted in\n    // the same frame, destroy can be called twice.\n    // Check to make sure removeChild isn't called twice.\n    if (document.body.contains(this.element)) {\n      document.body.removeChild(this.element);\n    }\n\n    if (updateState) {\n      this.setState({ popper: null });\n    }\n  }\n\n  show(): void {\n    this.initPopper();\n\n    // Needed to make the animation work\n    flushSync(() => {\n      this.setState({ show: true });\n    });\n  }\n\n  hide(): void {\n    this.setState({ show: false });\n  }\n\n  scheduleUpdate(): void {\n    const { popper } = this.state;\n    if (popper) popper.scheduleUpdate();\n  }\n\n  handleBlur(e: React.FocusEvent): void {\n    if (!(e.relatedTarget instanceof HTMLElement)) {\n      return;\n    }\n    if (!this.element.contains(e.relatedTarget)) {\n      this.hide();\n    }\n  }\n\n  handleEnter(): void {\n    const { onEntered } = this.props;\n    onEntered(); // trigger any parent component waiting for enter handler\n  }\n\n  handleExit(): void {\n    const { onExited } = this.props;\n    const { show } = this.state;\n    if (!show) {\n      this.destroyPopper();\n    }\n    onExited(); // trigger any parent component waiting for exited handler\n  }\n\n  renderContent(): JSX.Element {\n    const { className, children, timeout, interactive, closeOnBlur } =\n      this.props;\n    const { show } = this.state;\n\n    return (\n      <SpectrumThemeProvider isPortal>\n        <CSSTransition\n          in={show}\n          timeout={timeout}\n          classNames=\"popper-transition\"\n          onEntered={this.handleEnter}\n          onExited={this.handleExit}\n        >\n          <div\n            onClick={e => {\n              // stop click events from escaping popper\n              e.stopPropagation();\n            }}\n            onKeyDown={e => {\n              if (e.key === 'Escape') this.hide();\n            }}\n            className={classNames(\n              POPPER_CLASS_NAME,\n              { interactive },\n              className\n            )}\n            onBlur={closeOnBlur ? this.handleBlur : undefined}\n            tabIndex={closeOnBlur ? -1 : undefined}\n            role=\"presentation\"\n          >\n            <div className=\"popper-content\">\n              {children}\n              {/* eslint-disable-next-line react/no-unknown-property */}\n              <div className=\"popper-arrow\" x-arrow=\"\" />\n            </div>\n          </div>\n        </CSSTransition>\n      </SpectrumThemeProvider>\n    );\n  }\n\n  render(): JSX.Element {\n    const { popper } = this.state;\n    const { 'data-testid': dataTestId } = this.props;\n    return (\n      <div\n        className=\"popper-parent-container\"\n        ref={this.container}\n        style={{ display: 'none' }}\n        data-testid={dataTestId}\n      >\n        {popper && ReactDOM.createPortal(this.renderContent(), this.element)}\n      </div>\n    );\n  }\n}\n\nexport default Popper;\nexport type { PopperOptions, ReferenceObject };\n"],"mappings":"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","ignoreList":[]}

package/dist/popper/Tooltip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../src/popper/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGzC,OAAO,MAAM,EAAE,EAAE,KAAK,aAAa,EAAE,KAAK,eAAe,EAAE,MAAM,UAAU,CAAC;AAI5E,KAAK,YAAY,GAAG,OAAO,OAAO,CAAC,YAAY,GAAG;IAChD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,eAAe,CAAC,EAAE,eAAe,GAAG,IAAI,CAAC;IACzC,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AACF,UAAU,YAAY;IACpB,OAAO,EAAE,OAAO,CAAC;CAClB;AAED;;;;;;;;;;;GAWG;AACH,cAAM,OAAQ,SAAQ,SAAS,CAAC,YAAY,EAAE,YAAY,CAAC;IACzD,MAAM,CAAC,cAAc,SAAO;IAE5B,MAAM,CAAC,oBAAoB,SAAO;IAElC,MAAM,CAAC,sBAAsB,SAAO;IAEpC,MAAM,CAAC,iBAAiB,SAAK;IAE7B,MAAM,CAAC,cAAc,SAAc;IAEnC,MAAM,CAAC,YAAY;;;;;;yBAMF,IAAI;wBACL,IAAI;;MAElB;IAEF,MAAM,CAAC,YAAY,IAAI,IAAI;IAQ3B,MAAM,CAAC,WAAW,IAAI,IAAI;gBAId,KAAK,EAAE,YAAY;IAqB/B,iBAAiB,IAAI,IAAI;IASzB,kBAAkB,CAAC,SAAS,EAAE,YAAY,EAAE,SAAS,EAAE,YAAY,GAAG,IAAI;IAa1E,oBAAoB,IAAI,IAAI;IAY5B,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAE3C,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC;IAEhC,MAAM,EAAE,WAAW,GAAG,IAAI,CAAC;IAI3B,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IAErB,cAAc,IAAI,IAAI;IAYtB,aAAa,IAAI,IAAI;IAUrB,oBAAoB,IAAI,IAAI;IAM5B,mBAAmB,IAAI,IAAI;IAM3B,eAAe,IAAI,IAAI;IAIvB,WAAW,IAAI,IAAI;IAanB,gBAAgB,IAAI,IAAI;IAUxB,aAAa,IAAI,IAAI;IAIrB,qBAAqB,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI;IA+B9C,UAAU,IAAI,IAAI;IAclB,SAAS,IAAI,IAAI;IAOjB,IAAI,IAAI,IAAI;IAeZ,IAAI,IAAI,IAAI;IAKZ,MAAM,IAAI,IAAI;IAId,YAAY,IAAI,IAAI;IAMpB,kBAAkB,IAAI,IAAI;IAQ1B,MAAM,IAAI,GAAG,CAAC,OAAO;CAqCtB;AAED,eAAe,OAAO,CAAC"}
+{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../src/popper/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIzC,OAAO,MAAM,EAAE,EAAE,KAAK,aAAa,EAAE,KAAK,eAAe,EAAE,MAAM,UAAU,CAAC;AAI5E,KAAK,YAAY,GAAG,OAAO,OAAO,CAAC,YAAY,GAAG;IAChD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,eAAe,CAAC,EAAE,eAAe,GAAG,IAAI,CAAC;IACzC,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AACF,UAAU,YAAY;IACpB,OAAO,EAAE,OAAO,CAAC;CAClB;AAED;;;;;;;;;;;GAWG;AACH,cAAM,OAAQ,SAAQ,SAAS,CAAC,YAAY,EAAE,YAAY,CAAC;IACzD,MAAM,CAAC,cAAc,SAAO;IAE5B,MAAM,CAAC,oBAAoB,SAAO;IAElC,MAAM,CAAC,sBAAsB,SAAO;IAEpC,MAAM,CAAC,iBAAiB,SAAK;IAE7B,MAAM,CAAC,cAAc,SAAc;IAEnC,MAAM,CAAC,YAAY;;;;;;yBAMF,IAAI;wBACL,IAAI;;MAElB;IAEF,MAAM,CAAC,YAAY,IAAI,IAAI;IAQ3B,MAAM,CAAC,WAAW,IAAI,IAAI;gBAId,KAAK,EAAE,YAAY;IAqB/B,iBAAiB,IAAI,IAAI;IASzB,kBAAkB,CAAC,SAAS,EAAE,YAAY,EAAE,SAAS,EAAE,YAAY,GAAG,IAAI;IAa1E,oBAAoB,IAAI,IAAI;IAY5B,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAE3C,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC;IAEhC,MAAM,EAAE,WAAW,GAAG,IAAI,CAAC;IAI3B,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IAErB,cAAc,IAAI,IAAI;IAYtB,aAAa,IAAI,IAAI;IAUrB,oBAAoB,IAAI,IAAI;IAM5B,mBAAmB,IAAI,IAAI;IAM3B,eAAe,IAAI,IAAI;IAIvB,WAAW,IAAI,IAAI;IAanB,gBAAgB,IAAI,IAAI;IAUxB,aAAa,IAAI,IAAI;IAIrB,qBAAqB,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI;IA+B9C,UAAU,IAAI,IAAI;IAclB,SAAS,IAAI,IAAI;IAOjB,IAAI,IAAI,IAAI;IAoBZ,IAAI,IAAI,IAAI;IAKZ,MAAM,IAAI,IAAI;IAId,YAAY,IAAI,IAAI;IAMpB,kBAAkB,IAAI,IAAI;IAQ1B,MAAM,IAAI,GAAG,CAAC,OAAO;CAqCtB;AAED,eAAe,OAAO,CAAC"}

package/dist/popper/Tooltip.js

@@ -1,14 +1,15 @@
+var _Tooltip;
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 import React, { Component } from 'react';
+import { flushSync } from 'react-dom';
 import classNames from 'classnames';
 import Log from '@deephaven/log';
 import Popper from "./Popper.js";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
 var log = Log.module('Tooltip');
 /**
  * Component that can be added to an element to automatically display a tooltip.
@@ -37,6 +38,8 @@ class Tooltip extends Component {
     _defineProperty(this, "container", void 0);
     _defineProperty(this, "popper", void 0);
     _defineProperty(this, "parent", void 0);
+    // This is platform dependent of Node/DOM
+    // Jest requires Node types
     _defineProperty(this, "timer", void 0);
     this.handleMouseMove = this.handleMouseMove.bind(this);
     this.handleMouseLeave = this.handleMouseLeave.bind(this);
@@ -88,9 +91,6 @@ class Tooltip extends Component {
       Tooltip.handleHidden();
     }
   }
-
-  // This is platform dependent of Node/DOM
-  // Jest requires Node types
   startListening() {
     if (!this.container.current || !this.container.current.parentElement) {
       log.error("Tooltip doesn't have a container or a parent set!");
@@ -193,9 +193,14 @@ class Tooltip extends Component {
     this.stopTimer();
     if (!isShown) {
       var _this$popper$current;
-      (_this$popper$current = this.popper.current) === null || _this$popper$current === void 0 ? void 0 : _this$popper$current.show();
-      this.setState({
-        isShown: true
+      (_this$popper$current = this.popper.current) === null || _this$popper$current === void 0 || _this$popper$current.show();
+      // This is needed for the positioning to work consistently.
+      // Without this, the tooltip sometimes overflows the screen
+      // or ends up in a different position when hovered a second time.
+      flushSync(() => {
+        this.setState({
+          isShown: true
+        });
       });
       var {
         interactive
@@ -207,12 +212,12 @@ class Tooltip extends Component {
   }
   hide() {
     var _this$popper$current2;
-    (_this$popper$current2 = this.popper.current) === null || _this$popper$current2 === void 0 ? void 0 : _this$popper$current2.hide();
+    (_this$popper$current2 = this.popper.current) === null || _this$popper$current2 === void 0 || _this$popper$current2.hide();
     this.stopListeningWindow();
   }
   update() {
     var _this$popper$current3;
-    (_this$popper$current3 = this.popper.current) === null || _this$popper$current3 === void 0 ? void 0 : _this$popper$current3.scheduleUpdate();
+    (_this$popper$current3 = this.popper.current) === null || _this$popper$current3 === void 0 || _this$popper$current3.scheduleUpdate();
   }
   handleExited() {
     this.setState({
@@ -272,6 +277,7 @@ class Tooltip extends Component {
     });
   }
 }
+_Tooltip = Tooltip;
 _defineProperty(Tooltip, "defaultTimeout", 500);
 _defineProperty(Tooltip, "defaultReshowTimeout", 100);
 _defineProperty(Tooltip, "triggerReshowThreshold", 300);
@@ -281,8 +287,8 @@ _defineProperty(Tooltip, "defaultProps", {
   interactive: false,
   options: {},
   popperClassName: '',
-  reshowTimeout: Tooltip.defaultReshowTimeout,
-  timeout: Tooltip.defaultTimeout,
+  reshowTimeout: _Tooltip.defaultReshowTimeout,
+  timeout: _Tooltip.defaultTimeout,
   onEntered: () => undefined,
   onExited: () => undefined,
   'data-testid': undefined