@deephaven/components 1.7.2-beta.3 → 1.7.2-beta.5

package/dist/modal/Modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.js","names":["classNames","React","useCallback","useEffect","useRef","useState","ReactDOM","CSSTransition","ThemeExport","SpectrumThemeProvider","jsx","_jsx","jsxs","_jsxs","Modal","_ref","className","children","role","keyboard","clickOutside","isOpen","centered","size","onOpened","onClosed","toggle","dataTestId","element","background","backgroundClicked","setBackgroundClicked","handleKeyDown","event","key","addKeydownEventListener","window","addEventListener","removeEventListener","open","closed","current","document","createElement","setAttribute","body","appendChild","onExited","removeChild","undefined","createPortal","isPortal","zIndex","position","appear","mountOnEnter","unmountOnExit","in","appearActive","appearDone","timeout","transitionMs","style","ref","onMouseDown","e","target","onMouseUp","display"],"sources":["../../src/modal/Modal.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport React, {\n  type ReactNode,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from 'react';\nimport ReactDOM from 'react-dom';\nimport { CSSTransition } from 'react-transition-group';\nimport ThemeExport from '../ThemeExport';\nimport { SpectrumThemeProvider } from '../theme/SpectrumThemeProvider';\n\ninterface ModalProps {\n  className?: string;\n  children?: ReactNode;\n  role?: string;\n  keyboard?: boolean;\n  clickOutside?: boolean;\n  isOpen?: boolean;\n  centered?: boolean;\n  size?: 'sm' | 'lg' | 'xl' | undefined;\n  onOpened?: () => void;\n  onClosed?: () => void;\n  toggle?: () => void;\n  'data-testid'?: string;\n}\n\nfunction Modal({\n  className,\n  children,\n  role = 'role',\n  keyboard = true,\n  clickOutside = true,\n  isOpen = false,\n  centered = false,\n  size,\n  onOpened,\n  onClosed,\n  toggle,\n  'data-testid': dataTestId,\n}: ModalProps): React.ReactElement | null {\n  const element = useRef<HTMLElement>();\n  const background = useRef<HTMLDivElement>(null);\n  const [backgroundClicked, setBackgroundClicked] = useState(false);\n\n  const handleKeyDown = useCallback(\n    (event: KeyboardEvent): void => {\n      switch (event.key) {\n        case 'Escape':\n          toggle?.();\n          break;\n        default:\n          break;\n      }\n    },\n    [toggle]\n  );\n\n  useEffect(\n    function addKeydownEventListener() {\n      if (isOpen && keyboard) {\n        window.addEventListener('keydown', handleKeyDown);\n        return () => window.removeEventListener('keydown', handleKeyDown);\n      }\n    },\n    [handleKeyDown, isOpen, keyboard]\n  );\n\n  useEffect(\n    function open() {\n      if (isOpen && onOpened) {\n        onOpened();\n      }\n    },\n    [onOpened, isOpen]\n  );\n\n  useEffect(\n    function closed() {\n      if (!isOpen && onClosed) {\n        onClosed();\n      }\n    },\n    [onClosed, isOpen]\n  );\n\n  if (isOpen && !element.current) {\n    element.current = document.createElement('div');\n    element.current.setAttribute(\n      'style',\n      'padding-right: 15px; display: block'\n    );\n    element.current.setAttribute('role', 'presentation');\n    document.body.appendChild(element.current);\n  }\n\n  const onExited = (): void => {\n    if (element.current) {\n      document.body.removeChild(element.current);\n      element.current = undefined;\n    }\n  };\n\n  return element.current\n    ? ReactDOM.createPortal(\n        // Without the zIndex and position props\n        // the modal is rendered on top of nested DatePicker popovers\n        <SpectrumThemeProvider isPortal zIndex={0} position=\"relative\">\n          <CSSTransition\n            appear\n            mountOnEnter\n            unmountOnExit\n            in={isOpen}\n            classNames={{\n              appearActive: 'show',\n              appearDone: 'show',\n            }}\n            timeout={ThemeExport.transitionMs}\n            onExited={onExited}\n          >\n            <div\n              className={classNames('modal-backdrop fade')}\n              style={{ zIndex: 1050 }}\n            />\n          </CSSTransition>\n          <CSSTransition\n            appear\n            mountOnEnter\n            unmountOnExit\n            in={isOpen}\n            classNames={{\n              appearDone: 'show',\n            }}\n            timeout={ThemeExport.transitionMs}\n            onExited={onExited}\n          >\n            <div\n              ref={background}\n              className=\"modal fade\"\n              onMouseDown={e => {\n                if (e.target === background.current) {\n                  setBackgroundClicked(true);\n                } else {\n                  setBackgroundClicked(false);\n                }\n              }}\n              onMouseUp={e => {\n                if (\n                  backgroundClicked &&\n                  clickOutside &&\n                  e.target === background.current &&\n                  toggle !== undefined\n                ) {\n                  toggle();\n                }\n              }}\n              role=\"dialog\"\n              style={{ display: 'block' }}\n            >\n              <div\n                className={classNames('modal-dialog', className, {\n                  'modal-lg': size === 'lg',\n                  'modal-sm': size === 'sm',\n                  'modal-xl': size === 'xl',\n                  'modal-dialog-centered': centered,\n                })}\n                style={{ zIndex: 1040 }}\n              >\n                <div\n                  className=\"modal-content\"\n                  role=\"presentation\"\n                  data-testid={dataTestId}\n                >\n                  {children}\n                </div>\n              </div>\n            </div>\n          </CSSTransition>\n        </SpectrumThemeProvider>,\n        element.current\n      )\n    : null;\n}\n\nexport default Modal;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Modal.js","names":["classNames","React","useCallback","useEffect","useRef","useState","ReactDOM","CSSTransition","ThemeExport","SpectrumThemeProvider","jsx","_jsx","jsxs","_jsxs","Modal","_ref","className","children","role","keyboard","clickOutside","isOpen","centered","size","onOpened","onClosed","toggle","dataTestId","element","background","backdropFade","backgroundClicked","setBackgroundClicked","handleKeyDown","event","key","addKeydownEventListener","window","addEventListener","removeEventListener","open","closed","current","document","createElement","setAttribute","body","appendChild","onExited","removeChild","undefined","createPortal","isPortal","zIndex","position","appear","mountOnEnter","unmountOnExit","in","appearActive","appearDone","timeout","transitionMs","nodeRef","ref","style","onMouseDown","e","target","onMouseUp","display"],"sources":["../../src/modal/Modal.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport React, {\n  type ReactNode,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from 'react';\nimport ReactDOM from 'react-dom';\nimport { CSSTransition } from 'react-transition-group';\nimport ThemeExport from '../ThemeExport';\nimport { SpectrumThemeProvider } from '../theme/SpectrumThemeProvider';\n\ninterface ModalProps {\n  className?: string;\n  children?: ReactNode;\n  role?: string;\n  keyboard?: boolean;\n  clickOutside?: boolean;\n  isOpen?: boolean;\n  centered?: boolean;\n  size?: 'sm' | 'lg' | 'xl' | undefined;\n  onOpened?: () => void;\n  onClosed?: () => void;\n  toggle?: () => void;\n  'data-testid'?: string;\n}\n\nfunction Modal({\n  className,\n  children,\n  role = 'role',\n  keyboard = true,\n  clickOutside = true,\n  isOpen = false,\n  centered = false,\n  size,\n  onOpened,\n  onClosed,\n  toggle,\n  'data-testid': dataTestId,\n}: ModalProps): React.ReactElement | null {\n  const element = useRef<HTMLElement>();\n  const background = useRef<HTMLDivElement>(null);\n  const backdropFade = useRef<HTMLDivElement>(null);\n  const [backgroundClicked, setBackgroundClicked] = useState(false);\n\n  const handleKeyDown = useCallback(\n    (event: KeyboardEvent): void => {\n      switch (event.key) {\n        case 'Escape':\n          toggle?.();\n          break;\n        default:\n          break;\n      }\n    },\n    [toggle]\n  );\n\n  useEffect(\n    function addKeydownEventListener() {\n      if (isOpen && keyboard) {\n        window.addEventListener('keydown', handleKeyDown);\n        return () => window.removeEventListener('keydown', handleKeyDown);\n      }\n    },\n    [handleKeyDown, isOpen, keyboard]\n  );\n\n  useEffect(\n    function open() {\n      if (isOpen && onOpened) {\n        onOpened();\n      }\n    },\n    [onOpened, isOpen]\n  );\n\n  useEffect(\n    function closed() {\n      if (!isOpen && onClosed) {\n        onClosed();\n      }\n    },\n    [onClosed, isOpen]\n  );\n\n  if (isOpen && !element.current) {\n    element.current = document.createElement('div');\n    element.current.setAttribute(\n      'style',\n      'padding-right: 15px; display: block'\n    );\n    element.current.setAttribute('role', 'presentation');\n    document.body.appendChild(element.current);\n  }\n\n  const onExited = (): void => {\n    if (element.current) {\n      document.body.removeChild(element.current);\n      element.current = undefined;\n    }\n  };\n\n  return element.current\n    ? ReactDOM.createPortal(\n        // Without the zIndex and position props\n        // the modal is rendered on top of nested DatePicker popovers\n        <SpectrumThemeProvider isPortal zIndex={0} position=\"relative\">\n          <CSSTransition\n            appear\n            mountOnEnter\n            unmountOnExit\n            in={isOpen}\n            classNames={{\n              appearActive: 'show',\n              appearDone: 'show',\n            }}\n            timeout={ThemeExport.transitionMs}\n            onExited={onExited}\n            nodeRef={backdropFade}\n          >\n            <div\n              ref={backdropFade}\n              className={classNames('modal-backdrop fade')}\n              style={{ zIndex: 1050 }}\n            />\n          </CSSTransition>\n          <CSSTransition\n            appear\n            mountOnEnter\n            unmountOnExit\n            in={isOpen}\n            classNames={{\n              appearDone: 'show',\n            }}\n            timeout={ThemeExport.transitionMs}\n            onExited={onExited}\n            nodeRef={background}\n          >\n            <div\n              ref={background}\n              className=\"modal fade\"\n              onMouseDown={e => {\n                if (e.target === background.current) {\n                  setBackgroundClicked(true);\n                } else {\n                  setBackgroundClicked(false);\n                }\n              }}\n              onMouseUp={e => {\n                if (\n                  backgroundClicked &&\n                  clickOutside &&\n                  e.target === background.current &&\n                  toggle !== undefined\n                ) {\n                  toggle();\n                }\n              }}\n              role=\"dialog\"\n              style={{ display: 'block' }}\n            >\n              <div\n                className={classNames('modal-dialog', className, {\n                  'modal-lg': size === 'lg',\n                  'modal-sm': size === 'sm',\n                  'modal-xl': size === 'xl',\n                  'modal-dialog-centered': centered,\n                })}\n                style={{ zIndex: 1040 }}\n              >\n                <div\n                  className=\"modal-content\"\n                  role=\"presentation\"\n                  data-testid={dataTestId}\n                >\n                  {children}\n                </div>\n              </div>\n            </div>\n          </CSSTransition>\n        </SpectrumThemeProvider>,\n        element.current\n      )\n    : null;\n}\n\nexport default Modal;\n"],"mappings":"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","ignoreList":[]}

package/dist/navigation/NavTab.js

@@ -5,7 +5,7 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 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, { memo } from 'react';
 import classNames from 'classnames';
-import { Draggable } from 'react-beautiful-dnd';
+import { Draggable } from '@hello-pangea/dnd';
 import { vsClose } from '@deephaven/icons';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import Button from "../Button.js";

package/dist/navigation/NavTab.js.map

@@ -1 +1 @@
-{"version":3,"file":"NavTab.js","names":["React","memo","classNames","Draggable","vsClose","FontAwesomeIcon","Button","ContextActions","Tooltip","jsx","_jsx","jsxs","_jsxs","NavTab","_ref","tab","onClose","onSelect","isActive","activeRef","index","isDraggable","contextActions","key","isClosable","title","icon","iconElem","isValidElement","draggableId","isDragDisabled","children","provided","snapshot","className","ref","_objectSpread","innerRef","draggableProps","dragHandleProps","active","dragging","isDragging","concat","role","tabIndex","onAuxClick","e","button","buttons","onClick","target","focus","onKeyPress","event","kind","stopPropagation","preventDefault","tooltip","actions","displayName"],"sources":["../../src/navigation/NavTab.tsx"],"sourcesContent":["import React, { memo } from 'react';\nimport classNames from 'classnames';\nimport { Draggable } from 'react-beautiful-dnd';\nimport { type IconDefinition, vsClose } from '@deephaven/icons';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport type { NavTabItem } from './NavTabList';\nimport Button from '../Button';\nimport ContextActions from '../context-actions/ContextActions';\nimport { type ResolvableContextAction } from '../context-actions';\nimport { Tooltip } from '../popper';\n\ninterface NavTabProps {\n  tab: NavTabItem;\n  onSelect: (key: string) => void;\n  onClose?: (key: string) => void;\n  isActive: boolean;\n  activeRef: React.RefObject<HTMLDivElement>;\n  index: number;\n  isDraggable: boolean;\n  contextActions?: ResolvableContextAction | ResolvableContextAction[];\n}\n\nconst NavTab = memo(\n  ({\n    tab,\n    onClose,\n    onSelect,\n    isActive,\n    activeRef,\n    index,\n    isDraggable,\n    contextActions,\n  }: NavTabProps) => {\n    const { key, isClosable = onClose != null, title, icon } = tab;\n\n    let iconElem: JSX.Element | undefined;\n    if (icon != null) {\n      iconElem = React.isValidElement(icon) ? (\n        icon\n      ) : (\n        <FontAwesomeIcon icon={icon as IconDefinition} />\n      );\n    }\n\n    return (\n      <Draggable\n        draggableId={key}\n        key={key}\n        index={index}\n        isDragDisabled={!isDraggable}\n      >\n        {(provided, snapshot) => (\n          <div\n            className=\"context-menu-wrapper\"\n            ref={isActive ? activeRef : null}\n          >\n            <div\n              ref={provided.innerRef}\n              // eslint-disable-next-line react/jsx-props-no-spreading\n              {...provided.draggableProps}\n              // eslint-disable-next-line react/jsx-props-no-spreading\n              {...provided.dragHandleProps}\n              className={classNames(\n                'btn btn-link btn-nav-tab',\n                { active: isActive },\n                { dragging: snapshot.isDragging }\n              )}\n              data-testid={`btn-nav-tab-${title}`}\n              role=\"tab\"\n              tabIndex={0}\n              onAuxClick={e => {\n                // Middle mouse button was clicked, and no buttons remain pressed\n                if (isClosable && e.button === 1 && e.buttons === 0) {\n                  onClose?.(key);\n                }\n              }}\n              onClick={e => {\n                // have to have seperate check onClick for Safari not supporting AuxClick\n                if (isClosable && e.button === 1 && e.buttons === 0) {\n                  onClose?.(key);\n                  return;\n                }\n                // Left mouse button was clicked, and no buttons remain pressed\n                if (e.button === 0 && e.buttons === 0) {\n                  // focus is normally set on mousedown, but dnd calls preventDefault for drag purposes\n                  // so we can call focus on the firing of the actual click event manually\n                  (e.target as HTMLDivElement).focus();\n\n                  onSelect(key);\n                }\n              }}\n              onKeyPress={event => {\n                if (event.key === 'Enter') onSelect(key);\n              }}\n            >\n              {iconElem}\n              <span className=\"btn-nav-tab-title\">\n                {title}\n                <Tooltip>{title}</Tooltip>\n              </span>\n              {isClosable && (\n                <Button\n                  kind=\"ghost\"\n                  className=\"btn-nav-tab-close\"\n                  onClick={event => {\n                    onClose?.(key);\n                    event.stopPropagation();\n                    event.preventDefault();\n                  }}\n                  icon={vsClose}\n                  tooltip=\"Close\"\n                />\n              )}\n            </div>\n            <ContextActions actions={contextActions} />\n          </div>\n        )}\n      </Draggable>\n    );\n  }\n);\n\nNavTab.displayName = 'NavTab';\n\nexport default NavTab;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"NavTab.js","names":["React","memo","classNames","Draggable","vsClose","FontAwesomeIcon","Button","ContextActions","Tooltip","jsx","_jsx","jsxs","_jsxs","NavTab","_ref","tab","onClose","onSelect","isActive","activeRef","index","isDraggable","contextActions","key","isClosable","title","icon","iconElem","isValidElement","draggableId","isDragDisabled","children","provided","snapshot","className","ref","_objectSpread","innerRef","draggableProps","dragHandleProps","active","dragging","isDragging","concat","role","tabIndex","onAuxClick","e","button","buttons","onClick","target","focus","onKeyPress","event","kind","stopPropagation","preventDefault","tooltip","actions","displayName"],"sources":["../../src/navigation/NavTab.tsx"],"sourcesContent":["import React, { memo } from 'react';\nimport classNames from 'classnames';\nimport { Draggable } from '@hello-pangea/dnd';\nimport { type IconDefinition, vsClose } from '@deephaven/icons';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport type { NavTabItem } from './NavTabList';\nimport Button from '../Button';\nimport ContextActions from '../context-actions/ContextActions';\nimport { type ResolvableContextAction } from '../context-actions';\nimport { Tooltip } from '../popper';\n\ninterface NavTabProps {\n  tab: NavTabItem;\n  onSelect: (key: string) => void;\n  onClose?: (key: string) => void;\n  isActive: boolean;\n  activeRef: React.RefObject<HTMLDivElement>;\n  index: number;\n  isDraggable: boolean;\n  contextActions?: ResolvableContextAction | ResolvableContextAction[];\n}\n\nconst NavTab = memo(\n  ({\n    tab,\n    onClose,\n    onSelect,\n    isActive,\n    activeRef,\n    index,\n    isDraggable,\n    contextActions,\n  }: NavTabProps) => {\n    const { key, isClosable = onClose != null, title, icon } = tab;\n\n    let iconElem: JSX.Element | undefined;\n    if (icon != null) {\n      iconElem = React.isValidElement(icon) ? (\n        icon\n      ) : (\n        <FontAwesomeIcon icon={icon as IconDefinition} />\n      );\n    }\n\n    return (\n      <Draggable\n        draggableId={key}\n        key={key}\n        index={index}\n        isDragDisabled={!isDraggable}\n      >\n        {(provided, snapshot) => (\n          <div\n            className=\"context-menu-wrapper\"\n            ref={isActive ? activeRef : null}\n          >\n            <div\n              ref={provided.innerRef}\n              // eslint-disable-next-line react/jsx-props-no-spreading\n              {...provided.draggableProps}\n              // eslint-disable-next-line react/jsx-props-no-spreading\n              {...provided.dragHandleProps}\n              className={classNames(\n                'btn btn-link btn-nav-tab',\n                { active: isActive },\n                { dragging: snapshot.isDragging }\n              )}\n              data-testid={`btn-nav-tab-${title}`}\n              role=\"tab\"\n              tabIndex={0}\n              onAuxClick={e => {\n                // Middle mouse button was clicked, and no buttons remain pressed\n                if (isClosable && e.button === 1 && e.buttons === 0) {\n                  onClose?.(key);\n                }\n              }}\n              onClick={e => {\n                // have to have seperate check onClick for Safari not supporting AuxClick\n                if (isClosable && e.button === 1 && e.buttons === 0) {\n                  onClose?.(key);\n                  return;\n                }\n                // Left mouse button was clicked, and no buttons remain pressed\n                if (e.button === 0 && e.buttons === 0) {\n                  // focus is normally set on mousedown, but dnd calls preventDefault for drag purposes\n                  // so we can call focus on the firing of the actual click event manually\n                  (e.target as HTMLDivElement).focus();\n\n                  onSelect(key);\n                }\n              }}\n              onKeyPress={event => {\n                if (event.key === 'Enter') onSelect(key);\n              }}\n            >\n              {iconElem}\n              <span className=\"btn-nav-tab-title\">\n                {title}\n                <Tooltip>{title}</Tooltip>\n              </span>\n              {isClosable && (\n                <Button\n                  kind=\"ghost\"\n                  className=\"btn-nav-tab-close\"\n                  onClick={event => {\n                    onClose?.(key);\n                    event.stopPropagation();\n                    event.preventDefault();\n                  }}\n                  icon={vsClose}\n                  tooltip=\"Close\"\n                />\n              )}\n            </div>\n            <ContextActions actions={contextActions} />\n          </div>\n        )}\n      </Draggable>\n    );\n  }\n);\n\nNavTab.displayName = 'NavTab';\n\nexport default NavTab;\n"],"mappings":"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","ignoreList":[]}

package/dist/navigation/NavTabList.js

@@ -6,7 +6,7 @@ function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e =
 import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import classNames from 'classnames';
 import clamp from 'lodash.clamp';
-import { DragDropContext, Droppable } from 'react-beautiful-dnd';
+import { DragDropContext, Droppable } from '@hello-pangea/dnd';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { vsChevronRight, vsChevronLeft, vsChevronDown } from '@deephaven/icons';
 import { useResizeObserver } from '@deephaven/react-hooks';

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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","ignoreList":[]}
+{"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 '@hello-pangea/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/popper/Popper.d.ts

@@ -52,6 +52,7 @@ declare class Popper extends Component<PopperProps, PopperState> {
     componentWillUnmount(): void;
     element: HTMLDivElement;
     container: React.RefObject<HTMLDivElement>;
+    nodeRef: React.RefObject<HTMLDivElement>;
     rAF: number;
     /** Goes through an element and it's parents until the first visible element is found */
     getVisibleElement(element: HTMLElement | null): HTMLElement | null;

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;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"}
+{"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;IAE3C,OAAO,kCAAqC;IAG5C,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;IA4C5B,MAAM,IAAI,GAAG,CAAC,OAAO;CActB;AAED,eAAe,MAAM,CAAC;AACtB,YAAY,EAAE,aAAa,EAAE,eAAe,EAAE,CAAC"}

package/dist/popper/Popper.js

@@ -35,6 +35,7 @@ class Popper extends Component {
     super(props);
     _defineProperty(this, "element", void 0);
     _defineProperty(this, "container", void 0);
+    _defineProperty(this, "nodeRef", /*#__PURE__*/React.createRef());
     // This is the request animation frame handle number
     _defineProperty(this, "rAF", void 0);
     this.handleEnter = this.handleEnter.bind(this);
@@ -223,7 +224,9 @@ class Popper extends Component {
         classNames: "popper-transition",
         onEntered: this.handleEnter,
         onExited: this.handleExit,
+        nodeRef: this.nodeRef,
         children: /*#__PURE__*/_jsx("div", {
+          ref: this.nodeRef,
           onClick: e => {
             // stop click events from escaping popper
             e.stopPropagation();

package/dist/popper/Popper.js.map

@@ -1 +1 @@
-{"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":[]}
+{"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","createRef","handleEnter","bind","handleExit","handleBlur","element","document","createElement","className","container","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","nodeRef","ref","onClick","stopPropagation","onKeyDown","key","onBlur","tabIndex","role","render","dataTestId","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  nodeRef = React.createRef<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          nodeRef={this.nodeRef}\n        >\n          <div\n            ref={this.nodeRef}\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/transitions/FadeTransition.d.ts

@@ -1,11 +1,14 @@
 import type { CSSTransitionProps } from 'react-transition-group/CSSTransition';
-import type { EndHandler } from 'react-transition-group/Transition';
-type FadeTransitionProps<Ref extends undefined | HTMLElement = undefined> = Omit<CSSTransitionProps<Ref>, 'addEndHandler'> & {
-    addEndHandler?: EndHandler<Ref> | undefined;
+import type { EndHandler, EnterHandler } from 'react-transition-group/Transition';
+import type { RemoveIndexSignature } from '@deephaven/utils';
+type FadeTransitionProps = Omit<RemoveIndexSignature<CSSTransitionProps<HTMLElement>>, 'addEndHandler' | 'children' | 'onEnter'> & {
+    addEndHandler?: EndHandler<HTMLElement> | undefined;
+    onEnter?: EnterHandler<undefined>;
+    children?: React.ReactNode;
 };
 /**
  * Fade between two components. Defaults to 150ms transition.
  */
-declare function FadeTransition<Ref extends undefined | HTMLElement = undefined>({ className, timeout, ...props }: FadeTransitionProps<Ref>): JSX.Element;
+declare function FadeTransition({ classNames: classNamesProp, timeout, children, onEnter, ...props }: FadeTransitionProps): JSX.Element;
 export default FadeTransition;
 //# sourceMappingURL=FadeTransition.d.ts.map

package/dist/transitions/FadeTransition.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FadeTransition.d.ts","sourceRoot":"","sources":["../../src/transitions/FadeTransition.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAC/E,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,mCAAmC,CAAC;AAIpE,KAAK,mBAAmB,CAAC,GAAG,SAAS,SAAS,GAAG,WAAW,GAAG,SAAS,IAItE,IAAI,CAAC,kBAAkB,CAAC,GAAG,CAAC,EAAE,eAAe,CAAC,GAAG;IAC/C,aAAa,CAAC,EAAE,UAAU,CAAC,GAAG,CAAC,GAAG,SAAS,CAAC;CAC7C,CAAC;AAEJ;;GAEG;AACH,iBAAS,cAAc,CAAC,GAAG,SAAS,SAAS,GAAG,WAAW,GAAG,SAAS,EAAE,EACvE,SAAS,EACT,OAAkC,EAClC,GAAG,KAAK,EACT,EAAE,mBAAmB,CAAC,GAAG,CAAC,GAAG,GAAG,CAAC,OAAO,CASxC;AAED,eAAe,cAAc,CAAC"}
+{"version":3,"file":"FadeTransition.d.ts","sourceRoot":"","sources":["../../src/transitions/FadeTransition.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAC/E,OAAO,KAAK,EACV,UAAU,EACV,YAAY,EACb,MAAM,mCAAmC,CAAC;AAE3C,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAK7D,KAAK,mBAAmB,GAItB,IAAI,CACF,oBAAoB,CAAC,kBAAkB,CAAC,WAAW,CAAC,CAAC,EACrD,eAAe,GAAG,UAAU,GAAG,SAAS,CACzC,GAAG;IACF,aAAa,CAAC,EAAE,UAAU,CAAC,WAAW,CAAC,GAAG,SAAS,CAAC;IACpD,OAAO,CAAC,EAAE,YAAY,CAAC,SAAS,CAAC,CAAC;IAClC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CAAC;AAEJ;;GAEG;AACH,iBAAS,cAAc,CAAC,EACtB,UAAU,EAAE,cAAc,EAC1B,OAAkC,EAClC,QAAQ,EACR,OAAO,EACP,GAAG,KAAK,EACT,EAAE,mBAAmB,GAAG,GAAG,CAAC,OAAO,CAiCnC;AAED,eAAe,cAAc,CAAC"}

package/dist/transitions/FadeTransition.js

@@ -1,4 +1,4 @@
-var _excluded = ["className", "timeout"];
+var _excluded = ["classNames", "timeout", "children", "onEnter"];
 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; }
@@ -6,24 +6,52 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 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); }
 function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+import { useCallback, useRef } from 'react';
 import { CSSTransition } from 'react-transition-group';
 import classNames from 'classnames';
 import ThemeExport from "../ThemeExport.js";
 import { jsx as _jsx } from "react/jsx-runtime";
+var DISPLAY_CONTENTS = {
+  display: 'contents'
+};
 /**
  * Fade between two components. Defaults to 150ms transition.
  */
 function FadeTransition(_ref) {
   var {
-      className,
-      timeout = ThemeExport.transitionMs
+      classNames: classNamesProp,
+      timeout = ThemeExport.transitionMs,
+      children,
+      onEnter
     } = _ref,
     props = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/_jsx(CSSTransition, _objectSpread({
+  var nodeRef = useRef(null);
+  var handleOnEnter = useCallback(isAppearing => {
+    var elem = nodeRef.current;
+    if (!elem) {
+      return;
+    }
+    onEnter === null || onEnter === void 0 || onEnter(elem, isAppearing);
+  }, [onEnter]);
+
+  // Mimics findDOMNode for CSSTransition
+  // The ref should be set before CSSTransition does anything with it
+  var setRef = useCallback(node => {
+    nodeRef.current = node === null || node === void 0 ? void 0 : node.firstElementChild;
+  }, []);
+  return /*#__PURE__*/_jsx(CSSTransition, _objectSpread(_objectSpread({
+    nodeRef: nodeRef,
     timeout: timeout,
-    classNames: classNames('fade', className)
+    classNames: classNames('fade', classNamesProp),
+    onEnter: handleOnEnter
     // eslint-disable-next-line react/jsx-props-no-spreading
-  }, props));
+  }, props), {}, {
+    children: /*#__PURE__*/_jsx("div", {
+      ref: setRef,
+      style: DISPLAY_CONTENTS,
+      children: children
+    })
+  }));
 }
 export default FadeTransition;
 //# sourceMappingURL=FadeTransition.js.map

package/dist/transitions/FadeTransition.js.map

@@ -1 +1 @@
-{"version":3,"file":"FadeTransition.js","names":["CSSTransition","classNames","ThemeExport","jsx","_jsx","FadeTransition","_ref","className","timeout","transitionMs","props","_objectWithoutProperties","_excluded","_objectSpread"],"sources":["../../src/transitions/FadeTransition.tsx"],"sourcesContent":["import { CSSTransition } from 'react-transition-group';\nimport type { CSSTransitionProps } from 'react-transition-group/CSSTransition';\nimport type { EndHandler } from 'react-transition-group/Transition';\nimport classNames from 'classnames';\nimport ThemeExport from '../ThemeExport';\n\ntype FadeTransitionProps<Ref extends undefined | HTMLElement = undefined> =\n  // We default the timeout, so user doesn't need to provide it\n  // However, CSSTransitionProps get confused if you don't provide a timeout, it requires an endHandler\n  // We're just making the endHandler optional here, as the timeout has a default\n  Omit<CSSTransitionProps<Ref>, 'addEndHandler'> & {\n    addEndHandler?: EndHandler<Ref> | undefined;\n  };\n\n/**\n * Fade between two components. Defaults to 150ms transition.\n */\nfunction FadeTransition<Ref extends undefined | HTMLElement = undefined>({\n  className,\n  timeout = ThemeExport.transitionMs,\n  ...props\n}: FadeTransitionProps<Ref>): JSX.Element {\n  return (\n    <CSSTransition\n      timeout={timeout}\n      classNames={classNames('fade', className)}\n      // eslint-disable-next-line react/jsx-props-no-spreading\n      {...props}\n    />\n  );\n}\n\nexport default FadeTransition;\n"],"mappings":";;;;;;;;AAAA,SAASA,aAAa,QAAQ,wBAAwB;AAGtD,OAAOC,UAAU,MAAM,YAAY;AAAC,OAC7BC,WAAW;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAUlB;AACA;AACA;AACA,SAASC,cAAcA,CAAAC,IAAA,EAImB;EAAA,IAJ+B;MACvEC,SAAS;MACTC,OAAO,GAAGN,WAAW,CAACO;IAEE,CAAC,GAAAH,IAAA;IADtBI,KAAK,GAAAC,wBAAA,CAAAL,IAAA,EAAAM,SAAA;EAER,oBACER,IAAA,CAACJ,aAAa,EAAAa,aAAA;IACZL,OAAO,EAAEA,OAAQ;IACjBP,UAAU,EAAEA,UAAU,CAAC,MAAM,EAAEM,SAAS;IACxC;EAAA,GACIG,KAAK,CACV,CAAC;AAEN;AAEA,eAAeL,cAAc","ignoreList":[]}
+{"version":3,"file":"FadeTransition.js","names":["useCallback","useRef","CSSTransition","classNames","ThemeExport","jsx","_jsx","DISPLAY_CONTENTS","display","FadeTransition","_ref","classNamesProp","timeout","transitionMs","children","onEnter","props","_objectWithoutProperties","_excluded","nodeRef","handleOnEnter","isAppearing","elem","current","setRef","node","firstElementChild","_objectSpread","ref","style"],"sources":["../../src/transitions/FadeTransition.tsx"],"sourcesContent":["import { useCallback, useRef } from 'react';\nimport { CSSTransition } from 'react-transition-group';\nimport type { CSSTransitionProps } from 'react-transition-group/CSSTransition';\nimport type {\n  EndHandler,\n  EnterHandler,\n} from 'react-transition-group/Transition';\nimport classNames from 'classnames';\nimport type { RemoveIndexSignature } from '@deephaven/utils';\nimport ThemeExport from '../ThemeExport';\n\nconst DISPLAY_CONTENTS = { display: 'contents' };\n\ntype FadeTransitionProps =\n  // We default the timeout, so user doesn't need to provide it\n  // However, CSSTransitionProps get confused if you don't provide a timeout, it requires an endHandler\n  // We're just making the endHandler optional here, as the timeout has a default\n  Omit<\n    RemoveIndexSignature<CSSTransitionProps<HTMLElement>>,\n    'addEndHandler' | 'children' | 'onEnter'\n  > & {\n    addEndHandler?: EndHandler<HTMLElement> | undefined;\n    onEnter?: EnterHandler<undefined>;\n    children?: React.ReactNode;\n  };\n\n/**\n * Fade between two components. Defaults to 150ms transition.\n */\nfunction FadeTransition({\n  classNames: classNamesProp,\n  timeout = ThemeExport.transitionMs,\n  children,\n  onEnter,\n  ...props\n}: FadeTransitionProps): JSX.Element {\n  const nodeRef = useRef<HTMLElement | null>(null);\n  const handleOnEnter = useCallback(\n    (isAppearing: boolean) => {\n      const elem = nodeRef.current;\n      if (!elem) {\n        return;\n      }\n      onEnter?.(elem, isAppearing);\n    },\n    [onEnter]\n  );\n\n  // Mimics findDOMNode for CSSTransition\n  // The ref should be set before CSSTransition does anything with it\n  const setRef = useCallback((node: HTMLElement | null) => {\n    nodeRef.current = node?.firstElementChild as HTMLElement;\n  }, []);\n\n  return (\n    <CSSTransition\n      nodeRef={nodeRef}\n      timeout={timeout}\n      classNames={classNames('fade', classNamesProp)}\n      onEnter={handleOnEnter}\n      // eslint-disable-next-line react/jsx-props-no-spreading\n      {...props}\n    >\n      <div ref={setRef} style={DISPLAY_CONTENTS}>\n        {children}\n      </div>\n    </CSSTransition>\n  );\n}\n\nexport default FadeTransition;\n"],"mappings":";;;;;;;;AAAA,SAASA,WAAW,EAAEC,MAAM,QAAQ,OAAO;AAC3C,SAASC,aAAa,QAAQ,wBAAwB;AAMtD,OAAOC,UAAU,MAAM,YAAY;AAAC,OAE7BC,WAAW;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAElB,IAAMC,gBAAgB,GAAG;EAAEC,OAAO,EAAE;AAAW,CAAC;AAehD;AACA;AACA;AACA,SAASC,cAAcA,CAAAC,IAAA,EAMc;EAAA,IANb;MACtBP,UAAU,EAAEQ,cAAc;MAC1BC,OAAO,GAAGR,WAAW,CAACS,YAAY;MAClCC,QAAQ;MACRC;IAEmB,CAAC,GAAAL,IAAA;IADjBM,KAAK,GAAAC,wBAAA,CAAAP,IAAA,EAAAQ,SAAA;EAER,IAAMC,OAAO,GAAGlB,MAAM,CAAqB,IAAI,CAAC;EAChD,IAAMmB,aAAa,GAAGpB,WAAW,CAC9BqB,WAAoB,IAAK;IACxB,IAAMC,IAAI,GAAGH,OAAO,CAACI,OAAO;IAC5B,IAAI,CAACD,IAAI,EAAE;MACT;IACF;IACAP,OAAO,aAAPA,OAAO,eAAPA,OAAO,CAAGO,IAAI,EAAED,WAAW,CAAC;EAC9B,CAAC,EACD,CAACN,OAAO,CACV,CAAC;;EAED;EACA;EACA,IAAMS,MAAM,GAAGxB,WAAW,CAAEyB,IAAwB,IAAK;IACvDN,OAAO,CAACI,OAAO,GAAGE,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAEC,iBAAgC;EAC1D,CAAC,EAAE,EAAE,CAAC;EAEN,oBACEpB,IAAA,CAACJ,aAAa,EAAAyB,aAAA,CAAAA,aAAA;IACZR,OAAO,EAAEA,OAAQ;IACjBP,OAAO,EAAEA,OAAQ;IACjBT,UAAU,EAAEA,UAAU,CAAC,MAAM,EAAEQ,cAAc,CAAE;IAC/CI,OAAO,EAAEK;IACT;EAAA,GACIJ,KAAK;IAAAF,QAAA,eAETR,IAAA;MAAKsB,GAAG,EAAEJ,MAAO;MAACK,KAAK,EAAEtB,gBAAiB;MAAAO,QAAA,EACvCA;IAAQ,CACN;EAAC,EACO,CAAC;AAEpB;AAEA,eAAeL,cAAc","ignoreList":[]}

package/dist/transitions/SlideTransition.d.ts

@@ -1,9 +1,10 @@
 import type { CSSTransitionProps } from 'react-transition-group/CSSTransition';
 import type { EndHandler } from 'react-transition-group/Transition';
+import type { RemoveIndexSignature } from '@deephaven/utils';
 type SlideDirection = 'left' | 'right';
-type SlideTransitionProps<Ref extends undefined | HTMLElement = undefined> = Omit<CSSTransitionProps<Ref>, 'addEndHandler'> & {
-    addEndHandler?: EndHandler<Ref> | undefined;
-} & {
+type SlideTransitionProps = Omit<RemoveIndexSignature<CSSTransitionProps<HTMLElement>>, 'addEndHandler'> & {
+    addEndHandler?: EndHandler<HTMLElement> | undefined;
+    children?: React.ReactNode;
     /**
      * The direction of the slide transition. Defaults to left.
      */
@@ -15,7 +16,7 @@ type SlideTransitionProps<Ref extends undefined | HTMLElement = undefined> = Omi
  * Defaults to sliding left, unless `direction='right'` is provided.
  * Timeout defaults to 200ms.
  */
-declare function SlideTransition({ direction, className, 
+declare function SlideTransition({ direction, classNames: classNamesProp, children, 
 /** Defaults to mid */
 timeout, ...props }: SlideTransitionProps): JSX.Element;
 export default SlideTransition;

package/dist/transitions/SlideTransition.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SlideTransition.d.ts","sourceRoot":"","sources":["../../src/transitions/SlideTransition.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAC/E,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,mCAAmC,CAAC;AAKpE,KAAK,cAAc,GAAG,MAAM,GAAG,OAAO,CAAC;AAEvC,KAAK,oBAAoB,CAAC,GAAG,SAAS,SAAS,GAAG,WAAW,GAAG,SAAS,IAIvE,IAAI,CAAC,kBAAkB,CAAC,GAAG,CAAC,EAAE,eAAe,CAAC,GAAG;IAC/C,aAAa,CAAC,EAAE,UAAU,CAAC,GAAG,CAAC,GAAG,SAAS,CAAC;CAC7C,GAAG;IACF;;OAEG;IACH,SAAS,CAAC,EAAE,cAAc,CAAC;IAE3B,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEJ;;;;GAIG;AACH,iBAAS,eAAe,CAAC,EACvB,SAAkB,EAClB,SAAS;AAET,sBAAsB;AACtB,OAAqC,EACrC,GAAG,KAAK,EACT,EAAE,oBAAoB,GAAG,GAAG,CAAC,OAAO,CASpC;AAED,eAAe,eAAe,CAAC"}
+{"version":3,"file":"SlideTransition.d.ts","sourceRoot":"","sources":["../../src/transitions/SlideTransition.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAC/E,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,mCAAmC,CAAC;AAEpE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAK7D,KAAK,cAAc,GAAG,MAAM,GAAG,OAAO,CAAC;AAEvC,KAAK,oBAAoB,GAIvB,IAAI,CACF,oBAAoB,CAAC,kBAAkB,CAAC,WAAW,CAAC,CAAC,EACrD,eAAe,CAChB,GAAG;IACF,aAAa,CAAC,EAAE,UAAU,CAAC,WAAW,CAAC,GAAG,SAAS,CAAC;IACpD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;OAEG;IACH,SAAS,CAAC,EAAE,cAAc,CAAC;IAE3B,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEJ;;;;GAIG;AACH,iBAAS,eAAe,CAAC,EACvB,SAAkB,EAClB,UAAU,EAAE,cAAc,EAC1B,QAAQ;AAER,sBAAsB;AACtB,OAAqC,EACrC,GAAG,KAAK,EACT,EAAE,oBAAoB,GAAG,GAAG,CAAC,OAAO,CAsBpC;AAED,eAAe,eAAe,CAAC"}