@deephaven/components 1.7.2-beta.1 → 1.7.2-beta.4

package/dist/TimeSlider.js.map

@@ -1 +1 @@
-{"version":3,"file":"TimeSlider.js","names":["React","useCallback","useMemo","useRef","useState","useEffect","classNames","TimeInput","StyleExports","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","HANDLE_SIZE","parseInt","POPOVER_WIDTH","SECONDS_IN_DAY","SNAP_NEAREST_MINUTES","TimeSlider","_ref","startTime","propStartTime","endTime","propEndTime","onChange","isStartModified","isEndModified","dataTestId","setStartTime","setEndTime","track","setTimeOnPropTimeChange","updateTime","newStartTime","newEndTime","start","end","handleStartTimeChange","handleEndTimeChange","className","children","PopOvers","onStartTimeChange","onEndTimeChange","ref","TrackFills","Array","fill","map","value","index","Handle","time","setTime","concat","props","swapTimes","firstTime","setFirstTime","secondTime","setSecondTime","firstTimeRef","secondTimeRef","firstTimeSelectionRef","secondTimeSelectionRef","setFocusOnSwapTimesChange","current","_secondTimeRef$curren","setSelection","_firstTimeRef$current","onFirstTimeChange","onSecondTimeChange","onFirstTimeSelect","selection","onSecondTimeSelect","style","flexBasis","modified","allowValueWrapping","onSelect","undefined","transform","ONE_HOUR","handleOffset","calculatePositionAsTime","clientX","trackRect","getBoundingClientRect","leftEdge","Math","max","left","preciseTime","min","width","roundedTime","round","limitMax","handleMouseMove","_ref2","handleMouseUp","_ref3","window","removeEventListener","document","documentElement","classList","remove","startDragListening","addEventListener","add","stopDragListening","handleMouseDown","removeListenersOnUnmount","type","onMouseDown"],"sources":["../src/TimeSlider.tsx"],"sourcesContent":["/* eslint-disable react/no-array-index-key */\n// array maps being used are static, this is fine.\n\nimport React, {\n  useCallback,\n  useMemo,\n  useRef,\n  useState,\n  useEffect,\n} from 'react';\nimport classNames from 'classnames';\nimport TimeInput, {\n  type SelectionSegment,\n  type TimeInputElement,\n} from './TimeInput';\nimport StyleExports from './TimeSlider.module.scss';\nimport './TimeSlider.scss';\n\nconst HANDLE_SIZE = parseInt(StyleExports['handle-size'], 10);\nconst POPOVER_WIDTH = parseInt(StyleExports['popover-width'], 10);\nconst SECONDS_IN_DAY = 24 * 60 * 60 - 1; // Max is actually 23:59:59\nconst SNAP_NEAREST_MINUTES = 5 * 60; // rounds in 5 minute intervals\n\ntype TimeSliderProps = {\n  startTime: number;\n  endTime: number;\n  onChange: (value: { startTime: number; endTime: number }) => void;\n  isStartModified?: boolean;\n  isEndModified?: boolean;\n  'data-testid'?: string;\n};\n\n/**\n * Creates a time slider for setting a start and end time, that can also run overnight\n * @param props takes times in seconds 0 - 86399 and a callback\n */\nfunction TimeSlider({\n  startTime: propStartTime,\n  endTime: propEndTime,\n  onChange,\n  isStartModified = false,\n  isEndModified = false,\n  'data-testid': dataTestId,\n}: TimeSliderProps): JSX.Element {\n  const [startTime, setStartTime] = useState(propStartTime);\n  const [endTime, setEndTime] = useState(propEndTime);\n\n  const track = useRef<HTMLDivElement>(null); // we need the track width while calulculating time from handle drag\n\n  // updates state if props change\n  useEffect(\n    function setTimeOnPropTimeChange() {\n      setStartTime(propStartTime);\n      setEndTime(propEndTime);\n    },\n    [propStartTime, propEndTime]\n  );\n\n  const updateTime = useCallback(\n    (newStartTime: number, newEndTime: number) => {\n      let start = newStartTime;\n      let end = newEndTime;\n      if (start === end) {\n        if (end < SECONDS_IN_DAY) {\n          end += 1;\n        } else {\n          start -= 1;\n        }\n      }\n\n      setStartTime(start);\n      setEndTime(end);\n      onChange({ startTime: start, endTime: end });\n    },\n    [setStartTime, setEndTime, onChange]\n  );\n\n  const handleStartTimeChange = useCallback(\n    (newStartTime: number) => {\n      updateTime(newStartTime, endTime);\n    },\n    [updateTime, endTime]\n  );\n\n  const handleEndTimeChange = useCallback(\n    (newEndTime: number) => {\n      updateTime(startTime, newEndTime);\n    },\n    [updateTime, startTime]\n  );\n\n  return (\n    <div className=\"time-slider\" data-testid={dataTestId}>\n      <PopOvers\n        startTime={startTime}\n        endTime={endTime}\n        onStartTimeChange={handleStartTimeChange}\n        onEndTimeChange={handleEndTimeChange}\n        isStartModified={isStartModified}\n        isEndModified={isEndModified}\n      />\n      <div className=\"track\" ref={track}>\n        <TrackFills startTime={startTime} endTime={endTime} />\n        <div className=\"ticks\">\n          {Array(24)\n            .fill(null)\n            .map((value, index) => (\n              <div className=\"tick\" key={index} />\n            ))}\n        </div>\n        <Handle\n          track={track}\n          time={startTime}\n          setTime={handleStartTimeChange}\n        />\n        <Handle track={track} time={endTime} setTime={handleEndTimeChange} />\n      </div>\n\n      <div className=\"tick-labels\">\n        <div className=\"tick-label\">0:00</div>\n        <div className=\"tick-label-wrapper\">\n          {Array(24)\n            .fill(null)\n            .map((value, index) => (\n              <div className=\"tick-label\" key={index}>{`${index + 1}:00`}</div>\n            ))}\n        </div>\n      </div>\n    </div>\n  );\n}\n\ntype PopOversProps = {\n  startTime: number;\n  endTime: number;\n  onStartTimeChange: (time: number) => void;\n  onEndTimeChange: (time: number) => void;\n  isStartModified: boolean;\n  isEndModified: boolean;\n  'data-testid'?: string;\n};\n\nfunction PopOvers(props: PopOversProps): JSX.Element {\n  const {\n    startTime,\n    endTime,\n    onStartTimeChange,\n    onEndTimeChange,\n    isStartModified,\n    isEndModified,\n    'data-testid': dataTestId,\n  } = props;\n\n  const swapTimes = startTime > endTime;\n\n  const [firstTime, setFirstTime] = useState(swapTimes ? endTime : startTime);\n  const [secondTime, setSecondTime] = useState(swapTimes ? startTime : endTime);\n  const firstTimeRef = useRef<TimeInputElement>(null);\n  const secondTimeRef = useRef<TimeInputElement>(null);\n  // Keep track of selection in both time inputs\n  const firstTimeSelectionRef = useRef<SelectionSegment | null>(null);\n  const secondTimeSelectionRef = useRef<SelectionSegment | null>(null);\n\n  useEffect(\n    function setTimeOnPropTimeChange() {\n      setFirstTime(startTime > endTime ? endTime : startTime);\n      setSecondTime(startTime > endTime ? startTime : endTime);\n    },\n    [startTime, endTime]\n  );\n\n  useEffect(\n    function setFocusOnSwapTimesChange() {\n      if (firstTimeSelectionRef.current !== null) {\n        secondTimeRef.current?.setSelection(firstTimeSelectionRef.current);\n      }\n      if (secondTimeSelectionRef.current !== null) {\n        firstTimeRef.current?.setSelection(secondTimeSelectionRef.current);\n      }\n    },\n    [swapTimes]\n  );\n\n  function onFirstTimeChange(value: number): void {\n    if (startTime <= endTime) {\n      onStartTimeChange(value);\n    } else {\n      onEndTimeChange(value);\n    }\n  }\n\n  function onSecondTimeChange(value: number): void {\n    if (startTime <= endTime) {\n      onEndTimeChange(value);\n    } else {\n      onStartTimeChange(value);\n    }\n  }\n\n  const onFirstTimeSelect = useCallback(selection => {\n    firstTimeSelectionRef.current = selection;\n    secondTimeSelectionRef.current = null;\n  }, []);\n\n  const onSecondTimeSelect = useCallback(selection => {\n    firstTimeSelectionRef.current = null;\n    secondTimeSelectionRef.current = selection;\n  }, []);\n\n  return (\n    <div className=\"time-slider-popovers\">\n      <div\n        className=\"flex\"\n        style={{\n          flexBasis: `calc(${(firstTime / SECONDS_IN_DAY) * 100}% - ${\n            POPOVER_WIDTH / 2\n          }px)`,\n        }}\n      />\n      <div className=\"handle-popper\">\n        <label\n          className={classNames({\n            modified: swapTimes ? isEndModified : isStartModified,\n          })}\n        >\n          {swapTimes ? 'End Time' : 'Start Time'}\n        </label>\n        <TimeInput\n          ref={firstTimeRef}\n          allowValueWrapping={false}\n          value={firstTime}\n          onChange={onFirstTimeChange}\n          onSelect={onFirstTimeSelect}\n          data-testid={\n            dataTestId !== undefined ? `${dataTestId}-input-1` : undefined\n          }\n        />\n      </div>\n      <div className=\"flex-spacer\" />\n      <div className=\"handle-popper\">\n        <label\n          className={classNames({\n            modified: swapTimes ? isStartModified : isEndModified,\n          })}\n        >\n          {swapTimes ? 'Start Time' : 'End Time'}\n        </label>\n        <TimeInput\n          ref={secondTimeRef}\n          allowValueWrapping={false}\n          value={secondTime}\n          onChange={onSecondTimeChange}\n          onSelect={onSecondTimeSelect}\n          data-testid={\n            dataTestId !== undefined ? `${dataTestId}-input-2` : undefined\n          }\n        />\n      </div>\n      <div\n        className=\"flex\"\n        style={{\n          flexBasis: `calc(${\n            ((SECONDS_IN_DAY - secondTime) / SECONDS_IN_DAY) * 100\n          }% - ${POPOVER_WIDTH / 2}px)`,\n        }}\n      />\n    </div>\n  );\n}\n\ntype TrackFillsProps = {\n  startTime: number;\n  endTime: number;\n  'data-testid'?: string;\n};\n\n/**\n * Shades the area between or outside of handles according to if start or endtime is greater.\n */\nfunction TrackFills(props: TrackFillsProps): JSX.Element {\n  const { startTime, endTime, 'data-testid': dataTestId } = props;\n  return (\n    <div className=\"track-fills\" data-testid={dataTestId}>\n      {startTime > endTime && (\n        <>\n          <div\n            className=\"track-fill track-fill-start\"\n            style={{ transform: `scaleX(${endTime / SECONDS_IN_DAY})` }}\n          />\n          <div\n            className=\"track-fill track-fill-end\"\n            style={{\n              transform: `scaleX(${\n                (SECONDS_IN_DAY - startTime) / SECONDS_IN_DAY\n              })`,\n            }}\n          />\n        </>\n      )}\n      {startTime < endTime && (\n        <div\n          className=\"track-fill track-fill-middle\"\n          style={{\n            transform: `translateX(${\n              (startTime / SECONDS_IN_DAY) * 100\n            }%) scaleX(${(endTime - startTime) / SECONDS_IN_DAY})`,\n          }}\n        />\n      )}\n    </div>\n  );\n}\n\ntype HandleProps = {\n  track: React.RefObject<HTMLDivElement>;\n  time: number;\n  setTime: (time: number) => void;\n  'data-testid'?: string;\n};\n\n/**\n * Creates a draggable handle the sets the time\n */\nfunction Handle(props: HandleProps): JSX.Element {\n  const { track, time, setTime, 'data-testid': dataTestId } = props;\n\n  /**\n   * Takes the time and generate our translation string taking into account handle offset.\n   * The handle offset changes for the first and last tick range dynmaically. Normally,\n   * the center of the handle (size/2) is the selection origin, but at edges, it becomes either\n   * end of the handle, requireing a relative offset range of 0 - 0.5,  and 0.5 - 1 of handle size.\n   * @param t time in seconds\n   */\n  const transform = useMemo(() => {\n    const ONE_HOUR = 60 * 60;\n    let handleOffset = HANDLE_SIZE / 2;\n    if (time < ONE_HOUR) {\n      handleOffset = (time / ONE_HOUR) * (HANDLE_SIZE / 2); // 0 - 0.5 Handle size\n    } else if (time > 23 * ONE_HOUR) {\n      handleOffset =\n        HANDLE_SIZE / 2 +\n        (1 / (SECONDS_IN_DAY - 23 * ONE_HOUR)) *\n          (time - 23 * ONE_HOUR) *\n          (HANDLE_SIZE / 2); // 0.5 - 1 Handle size\n    }\n    return `translateX(calc(${\n      (time / SECONDS_IN_DAY) * 100\n    }% - ${handleOffset}px))`;\n  }, [time]);\n\n  const calculatePositionAsTime = useCallback(\n    (clientX: number) => {\n      if (!track.current) {\n        return 0;\n      }\n      const trackRect = track.current.getBoundingClientRect();\n      const leftEdge = Math.max(clientX - trackRect.left, 0);\n      // get position as 0-1 on slider and mulitply by seconds in a day to convert to time\n      const preciseTime =\n        SECONDS_IN_DAY * Math.min(1, leftEdge / trackRect.width);\n      // snap to nearest N(5) minute interval\n      const roundedTime =\n        SNAP_NEAREST_MINUTES * Math.round(preciseTime / SNAP_NEAREST_MINUTES);\n      // prevent over-rounding to 24:00:00\n      const limitMax = Math.min(SECONDS_IN_DAY, roundedTime);\n      return limitMax;\n    },\n    [track]\n  );\n\n  const handleMouseMove = useCallback(\n    ({ clientX }: MouseEvent) => {\n      setTime(calculatePositionAsTime(clientX));\n    },\n    [setTime, calculatePositionAsTime]\n  );\n\n  const handleMouseUp = useCallback(\n    ({ clientX }: MouseEvent) => {\n      setTime(calculatePositionAsTime(clientX));\n\n      window.removeEventListener('mousemove', handleMouseMove);\n      window.removeEventListener('mouseup', handleMouseUp);\n      document.documentElement.classList.remove('drag-pointer-events-none');\n    },\n    [setTime, calculatePositionAsTime, handleMouseMove]\n  );\n\n  const startDragListening = useCallback(() => {\n    window.addEventListener('mousemove', handleMouseMove);\n    window.addEventListener('mouseup', handleMouseUp);\n    document.documentElement.classList.add('drag-pointer-events-none');\n  }, [handleMouseMove, handleMouseUp]);\n\n  const stopDragListening = useCallback(() => {\n    window.removeEventListener('mousemove', handleMouseMove);\n    window.removeEventListener('mouseup', handleMouseUp);\n    document.documentElement.classList.remove('drag-pointer-events-none');\n  }, [handleMouseMove, handleMouseUp]);\n\n  const handleMouseDown = useCallback(() => {\n    startDragListening();\n  }, [startDragListening]);\n\n  useEffect(\n    function removeListenersOnUnmount() {\n      return () => {\n        stopDragListening();\n      };\n    },\n    [stopDragListening]\n  );\n\n  return (\n    <div className=\"handle-track\" style={{ transform }}>\n      <button\n        className=\"handle\"\n        type=\"button\"\n        aria-label=\"Change time\"\n        onMouseDown={handleMouseDown}\n        data-testid={dataTestId}\n      />\n    </div>\n  );\n}\n\nexport default TimeSlider;\n"],"mappings":"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"}
+{"version":3,"file":"TimeSlider.js","names":["React","useCallback","useMemo","useRef","useState","useEffect","classNames","TimeInput","StyleExports","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","HANDLE_SIZE","parseInt","POPOVER_WIDTH","SECONDS_IN_DAY","SNAP_NEAREST_MINUTES","TimeSlider","_ref","startTime","propStartTime","endTime","propEndTime","onChange","isStartModified","isEndModified","dataTestId","setStartTime","setEndTime","track","setTimeOnPropTimeChange","updateTime","newStartTime","newEndTime","start","end","handleStartTimeChange","handleEndTimeChange","className","children","PopOvers","onStartTimeChange","onEndTimeChange","ref","TrackFills","Array","fill","map","value","index","Handle","time","setTime","concat","props","swapTimes","firstTime","setFirstTime","secondTime","setSecondTime","firstTimeRef","secondTimeRef","firstTimeSelectionRef","secondTimeSelectionRef","setFocusOnSwapTimesChange","current","_secondTimeRef$curren","setSelection","_firstTimeRef$current","onFirstTimeChange","onSecondTimeChange","onFirstTimeSelect","selection","onSecondTimeSelect","style","flexBasis","modified","allowValueWrapping","onSelect","undefined","transform","ONE_HOUR","handleOffset","calculatePositionAsTime","clientX","trackRect","getBoundingClientRect","leftEdge","Math","max","left","preciseTime","min","width","roundedTime","round","limitMax","handleMouseMove","_ref2","handleMouseUp","_ref3","window","removeEventListener","document","documentElement","classList","remove","startDragListening","addEventListener","add","stopDragListening","handleMouseDown","removeListenersOnUnmount","type","onMouseDown"],"sources":["../src/TimeSlider.tsx"],"sourcesContent":["/* eslint-disable react/no-array-index-key */\n// array maps being used are static, this is fine.\n\nimport React, {\n  useCallback,\n  useMemo,\n  useRef,\n  useState,\n  useEffect,\n} from 'react';\nimport classNames from 'classnames';\nimport TimeInput, {\n  type SelectionSegment,\n  type TimeInputElement,\n} from './TimeInput';\nimport StyleExports from './TimeSlider.module.scss';\nimport './TimeSlider.scss';\n\nconst HANDLE_SIZE = parseInt(StyleExports['handle-size'], 10);\nconst POPOVER_WIDTH = parseInt(StyleExports['popover-width'], 10);\nconst SECONDS_IN_DAY = 24 * 60 * 60 - 1; // Max is actually 23:59:59\nconst SNAP_NEAREST_MINUTES = 5 * 60; // rounds in 5 minute intervals\n\ntype TimeSliderProps = {\n  startTime: number;\n  endTime: number;\n  onChange: (value: { startTime: number; endTime: number }) => void;\n  isStartModified?: boolean;\n  isEndModified?: boolean;\n  'data-testid'?: string;\n};\n\n/**\n * Creates a time slider for setting a start and end time, that can also run overnight\n * @param props takes times in seconds 0 - 86399 and a callback\n */\nfunction TimeSlider({\n  startTime: propStartTime,\n  endTime: propEndTime,\n  onChange,\n  isStartModified = false,\n  isEndModified = false,\n  'data-testid': dataTestId,\n}: TimeSliderProps): JSX.Element {\n  const [startTime, setStartTime] = useState(propStartTime);\n  const [endTime, setEndTime] = useState(propEndTime);\n\n  const track = useRef<HTMLDivElement>(null); // we need the track width while calulculating time from handle drag\n\n  // updates state if props change\n  useEffect(\n    function setTimeOnPropTimeChange() {\n      setStartTime(propStartTime);\n      setEndTime(propEndTime);\n    },\n    [propStartTime, propEndTime]\n  );\n\n  const updateTime = useCallback(\n    (newStartTime: number, newEndTime: number) => {\n      let start = newStartTime;\n      let end = newEndTime;\n      if (start === end) {\n        if (end < SECONDS_IN_DAY) {\n          end += 1;\n        } else {\n          start -= 1;\n        }\n      }\n\n      setStartTime(start);\n      setEndTime(end);\n      onChange({ startTime: start, endTime: end });\n    },\n    [setStartTime, setEndTime, onChange]\n  );\n\n  const handleStartTimeChange = useCallback(\n    (newStartTime: number) => {\n      updateTime(newStartTime, endTime);\n    },\n    [updateTime, endTime]\n  );\n\n  const handleEndTimeChange = useCallback(\n    (newEndTime: number) => {\n      updateTime(startTime, newEndTime);\n    },\n    [updateTime, startTime]\n  );\n\n  return (\n    <div className=\"time-slider\" data-testid={dataTestId}>\n      <PopOvers\n        startTime={startTime}\n        endTime={endTime}\n        onStartTimeChange={handleStartTimeChange}\n        onEndTimeChange={handleEndTimeChange}\n        isStartModified={isStartModified}\n        isEndModified={isEndModified}\n      />\n      <div className=\"track\" ref={track}>\n        <TrackFills startTime={startTime} endTime={endTime} />\n        <div className=\"ticks\">\n          {Array(24)\n            .fill(null)\n            .map((value, index) => (\n              <div className=\"tick\" key={index} />\n            ))}\n        </div>\n        <Handle\n          track={track}\n          time={startTime}\n          setTime={handleStartTimeChange}\n        />\n        <Handle track={track} time={endTime} setTime={handleEndTimeChange} />\n      </div>\n\n      <div className=\"tick-labels\">\n        <div className=\"tick-label\">0:00</div>\n        <div className=\"tick-label-wrapper\">\n          {Array(24)\n            .fill(null)\n            .map((value, index) => (\n              <div className=\"tick-label\" key={index}>{`${index + 1}:00`}</div>\n            ))}\n        </div>\n      </div>\n    </div>\n  );\n}\n\ntype PopOversProps = {\n  startTime: number;\n  endTime: number;\n  onStartTimeChange: (time: number) => void;\n  onEndTimeChange: (time: number) => void;\n  isStartModified: boolean;\n  isEndModified: boolean;\n  'data-testid'?: string;\n};\n\nfunction PopOvers(props: PopOversProps): JSX.Element {\n  const {\n    startTime,\n    endTime,\n    onStartTimeChange,\n    onEndTimeChange,\n    isStartModified,\n    isEndModified,\n    'data-testid': dataTestId,\n  } = props;\n\n  const swapTimes = startTime > endTime;\n\n  const [firstTime, setFirstTime] = useState(swapTimes ? endTime : startTime);\n  const [secondTime, setSecondTime] = useState(swapTimes ? startTime : endTime);\n  const firstTimeRef = useRef<TimeInputElement>(null);\n  const secondTimeRef = useRef<TimeInputElement>(null);\n  // Keep track of selection in both time inputs\n  const firstTimeSelectionRef = useRef<SelectionSegment | null>(null);\n  const secondTimeSelectionRef = useRef<SelectionSegment | null>(null);\n\n  useEffect(\n    function setTimeOnPropTimeChange() {\n      setFirstTime(startTime > endTime ? endTime : startTime);\n      setSecondTime(startTime > endTime ? startTime : endTime);\n    },\n    [startTime, endTime]\n  );\n\n  useEffect(\n    function setFocusOnSwapTimesChange() {\n      if (firstTimeSelectionRef.current !== null) {\n        secondTimeRef.current?.setSelection(firstTimeSelectionRef.current);\n      }\n      if (secondTimeSelectionRef.current !== null) {\n        firstTimeRef.current?.setSelection(secondTimeSelectionRef.current);\n      }\n    },\n    [swapTimes]\n  );\n\n  function onFirstTimeChange(value: number): void {\n    if (startTime <= endTime) {\n      onStartTimeChange(value);\n    } else {\n      onEndTimeChange(value);\n    }\n  }\n\n  function onSecondTimeChange(value: number): void {\n    if (startTime <= endTime) {\n      onEndTimeChange(value);\n    } else {\n      onStartTimeChange(value);\n    }\n  }\n\n  const onFirstTimeSelect = useCallback((selection: SelectionSegment) => {\n    firstTimeSelectionRef.current = selection;\n    secondTimeSelectionRef.current = null;\n  }, []);\n\n  const onSecondTimeSelect = useCallback((selection: SelectionSegment) => {\n    firstTimeSelectionRef.current = null;\n    secondTimeSelectionRef.current = selection;\n  }, []);\n\n  return (\n    <div className=\"time-slider-popovers\">\n      <div\n        className=\"flex\"\n        style={{\n          flexBasis: `calc(${(firstTime / SECONDS_IN_DAY) * 100}% - ${\n            POPOVER_WIDTH / 2\n          }px)`,\n        }}\n      />\n      <div className=\"handle-popper\">\n        <label\n          className={classNames({\n            modified: swapTimes ? isEndModified : isStartModified,\n          })}\n        >\n          {swapTimes ? 'End Time' : 'Start Time'}\n        </label>\n        <TimeInput\n          ref={firstTimeRef}\n          allowValueWrapping={false}\n          value={firstTime}\n          onChange={onFirstTimeChange}\n          onSelect={onFirstTimeSelect}\n          data-testid={\n            dataTestId !== undefined ? `${dataTestId}-input-1` : undefined\n          }\n        />\n      </div>\n      <div className=\"flex-spacer\" />\n      <div className=\"handle-popper\">\n        <label\n          className={classNames({\n            modified: swapTimes ? isStartModified : isEndModified,\n          })}\n        >\n          {swapTimes ? 'Start Time' : 'End Time'}\n        </label>\n        <TimeInput\n          ref={secondTimeRef}\n          allowValueWrapping={false}\n          value={secondTime}\n          onChange={onSecondTimeChange}\n          onSelect={onSecondTimeSelect}\n          data-testid={\n            dataTestId !== undefined ? `${dataTestId}-input-2` : undefined\n          }\n        />\n      </div>\n      <div\n        className=\"flex\"\n        style={{\n          flexBasis: `calc(${\n            ((SECONDS_IN_DAY - secondTime) / SECONDS_IN_DAY) * 100\n          }% - ${POPOVER_WIDTH / 2}px)`,\n        }}\n      />\n    </div>\n  );\n}\n\ntype TrackFillsProps = {\n  startTime: number;\n  endTime: number;\n  'data-testid'?: string;\n};\n\n/**\n * Shades the area between or outside of handles according to if start or endtime is greater.\n */\nfunction TrackFills(props: TrackFillsProps): JSX.Element {\n  const { startTime, endTime, 'data-testid': dataTestId } = props;\n  return (\n    <div className=\"track-fills\" data-testid={dataTestId}>\n      {startTime > endTime && (\n        <>\n          <div\n            className=\"track-fill track-fill-start\"\n            style={{ transform: `scaleX(${endTime / SECONDS_IN_DAY})` }}\n          />\n          <div\n            className=\"track-fill track-fill-end\"\n            style={{\n              transform: `scaleX(${\n                (SECONDS_IN_DAY - startTime) / SECONDS_IN_DAY\n              })`,\n            }}\n          />\n        </>\n      )}\n      {startTime < endTime && (\n        <div\n          className=\"track-fill track-fill-middle\"\n          style={{\n            transform: `translateX(${\n              (startTime / SECONDS_IN_DAY) * 100\n            }%) scaleX(${(endTime - startTime) / SECONDS_IN_DAY})`,\n          }}\n        />\n      )}\n    </div>\n  );\n}\n\ntype HandleProps = {\n  track: React.RefObject<HTMLDivElement>;\n  time: number;\n  setTime: (time: number) => void;\n  'data-testid'?: string;\n};\n\n/**\n * Creates a draggable handle the sets the time\n */\nfunction Handle(props: HandleProps): JSX.Element {\n  const { track, time, setTime, 'data-testid': dataTestId } = props;\n\n  /**\n   * Takes the time and generate our translation string taking into account handle offset.\n   * The handle offset changes for the first and last tick range dynmaically. Normally,\n   * the center of the handle (size/2) is the selection origin, but at edges, it becomes either\n   * end of the handle, requireing a relative offset range of 0 - 0.5,  and 0.5 - 1 of handle size.\n   * @param t time in seconds\n   */\n  const transform = useMemo(() => {\n    const ONE_HOUR = 60 * 60;\n    let handleOffset = HANDLE_SIZE / 2;\n    if (time < ONE_HOUR) {\n      handleOffset = (time / ONE_HOUR) * (HANDLE_SIZE / 2); // 0 - 0.5 Handle size\n    } else if (time > 23 * ONE_HOUR) {\n      handleOffset =\n        HANDLE_SIZE / 2 +\n        (1 / (SECONDS_IN_DAY - 23 * ONE_HOUR)) *\n          (time - 23 * ONE_HOUR) *\n          (HANDLE_SIZE / 2); // 0.5 - 1 Handle size\n    }\n    return `translateX(calc(${\n      (time / SECONDS_IN_DAY) * 100\n    }% - ${handleOffset}px))`;\n  }, [time]);\n\n  const calculatePositionAsTime = useCallback(\n    (clientX: number) => {\n      if (!track.current) {\n        return 0;\n      }\n      const trackRect = track.current.getBoundingClientRect();\n      const leftEdge = Math.max(clientX - trackRect.left, 0);\n      // get position as 0-1 on slider and mulitply by seconds in a day to convert to time\n      const preciseTime =\n        SECONDS_IN_DAY * Math.min(1, leftEdge / trackRect.width);\n      // snap to nearest N(5) minute interval\n      const roundedTime =\n        SNAP_NEAREST_MINUTES * Math.round(preciseTime / SNAP_NEAREST_MINUTES);\n      // prevent over-rounding to 24:00:00\n      const limitMax = Math.min(SECONDS_IN_DAY, roundedTime);\n      return limitMax;\n    },\n    [track]\n  );\n\n  const handleMouseMove = useCallback(\n    ({ clientX }: MouseEvent) => {\n      setTime(calculatePositionAsTime(clientX));\n    },\n    [setTime, calculatePositionAsTime]\n  );\n\n  const handleMouseUp = useCallback(\n    ({ clientX }: MouseEvent) => {\n      setTime(calculatePositionAsTime(clientX));\n\n      window.removeEventListener('mousemove', handleMouseMove);\n      window.removeEventListener('mouseup', handleMouseUp);\n      document.documentElement.classList.remove('drag-pointer-events-none');\n    },\n    [setTime, calculatePositionAsTime, handleMouseMove]\n  );\n\n  const startDragListening = useCallback(() => {\n    window.addEventListener('mousemove', handleMouseMove);\n    window.addEventListener('mouseup', handleMouseUp);\n    document.documentElement.classList.add('drag-pointer-events-none');\n  }, [handleMouseMove, handleMouseUp]);\n\n  const stopDragListening = useCallback(() => {\n    window.removeEventListener('mousemove', handleMouseMove);\n    window.removeEventListener('mouseup', handleMouseUp);\n    document.documentElement.classList.remove('drag-pointer-events-none');\n  }, [handleMouseMove, handleMouseUp]);\n\n  const handleMouseDown = useCallback(() => {\n    startDragListening();\n  }, [startDragListening]);\n\n  useEffect(\n    function removeListenersOnUnmount() {\n      return () => {\n        stopDragListening();\n      };\n    },\n    [stopDragListening]\n  );\n\n  return (\n    <div className=\"handle-track\" style={{ transform }}>\n      <button\n        className=\"handle\"\n        type=\"button\"\n        aria-label=\"Change time\"\n        onMouseDown={handleMouseDown}\n        data-testid={dataTestId}\n      />\n    </div>\n  );\n}\n\nexport default TimeSlider;\n"],"mappings":"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","ignoreList":[]}

package/dist/ToastNotification.d.ts

@@ -1,8 +1,7 @@
 import React from 'react';
-import Button from './Button';
 import './ToastNotification.scss';
 type ToastNotificationProps = {
-    buttons?: (typeof Button)[];
+    buttons?: React.ReactNode[];
     classNames?: string;
     isShown?: boolean;
     message?: string;

package/dist/ToastNotification.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ToastNotification.d.ts","sourceRoot":"","sources":["../src/ToastNotification.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,MAAM,MAAM,UAAU,CAAC;AAE9B,OAAO,0BAA0B,CAAC;AAGlC,KAAK,sBAAsB,GAAG;IAC5B,OAAO,CAAC,EAAE,CAAC,OAAO,MAAM,CAAC,EAAE,CAAC;IAC5B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB,OAAO,CAAC,EAAE,KAAK,CAAC,YAAY,CAC1B,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,cAAc,CAAC,CACvE,CAAC;IACF,SAAS,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;CACxD,CAAC;AAEF,iBAAS,iBAAiB,CAAC,EACzB,OAAO,EACP,OAAe,EACf,UAAU,EAAE,cAAc,EAC1B,OAAO,EACP,IAAI,EACJ,OAAO,EACP,SAAS,EACT,aAAa,EAAE,UAAU,GAC1B,EAAE,sBAAsB,GAAG,GAAG,CAAC,OAAO,CAyCtC;kBAlDQ,iBAAiB;;;;;AAwD1B,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"ToastNotification.d.ts","sourceRoot":"","sources":["../src/ToastNotification.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAMtC,OAAO,0BAA0B,CAAC;AAGlC,KAAK,sBAAsB,GAAG;IAC5B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC;IAC5B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB,OAAO,CAAC,EAAE,KAAK,CAAC,YAAY,CAC1B,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,cAAc,CAAC,CACvE,CAAC;IACF,SAAS,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;CACxD,CAAC;AAEF,iBAAS,iBAAiB,CAAC,EACzB,OAAO,EACP,OAAe,EACf,UAAU,EAAE,cAAc,EAC1B,OAAO,EACP,IAAI,EACJ,OAAO,EACP,SAAS,EACT,aAAa,EAAE,UAAU,GAC1B,EAAE,sBAAsB,GAAG,GAAG,CAAC,OAAO,CA4CtC;kBArDQ,iBAAiB;;;;;AA2D1B,eAAe,iBAAiB,CAAC"}

package/dist/ToastNotification.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { useRef } from 'react';
 import classNames from 'classnames';
 import { CSSTransition } from 'react-transition-group';
 import { vsClose } from '@deephaven/icons';
@@ -6,8 +6,7 @@ import Button from "./Button.js";
 import ThemeExport from "./ThemeExport.js";
 import "./ToastNotification.css";
 import { FadeTransition } from "./transitions/index.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 function ToastNotification(_ref) {
   var {
     buttons,
@@ -19,6 +18,7 @@ function ToastNotification(_ref) {
     onDismiss,
     'data-testid': dataTestId
   } = _ref;
+  var nodeRef = useRef(null);
   var hasButtons = buttons && buttons.length !== 0;
   return /*#__PURE__*/_jsx(CSSTransition, {
     in: isShown,
@@ -26,7 +26,9 @@ function ToastNotification(_ref) {
     classNames: "toast-notification-slide-up",
     mountOnEnter: true,
     unmountOnExit: true,
+    nodeRef: nodeRef,
     children: /*#__PURE__*/_jsxs("div", {
+      ref: nodeRef,
       className: classNames('toast-notification', classNamesProp, type),
       role: "presentation",
       onClick: onClick,

package/dist/ToastNotification.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToastNotification.js","names":["React","classNames","CSSTransition","vsClose","Button","ThemeExport","FadeTransition","jsx","_jsx","jsxs","_jsxs","ToastNotification","_ref","buttons","isShown","classNamesProp","message","type","onClick","onDismiss","dataTestId","hasButtons","length","in","timeout","transitionMs","mountOnEnter","unmountOnExit","children","className","role","onKeyPress","transitionSlowMs","kind","icon","tooltip","TYPE","Object","freeze","ERROR"],"sources":["../src/ToastNotification.tsx"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\nimport { CSSTransition } from 'react-transition-group';\nimport { vsClose } from '@deephaven/icons';\nimport Button from './Button';\nimport ThemeExport from './ThemeExport';\nimport './ToastNotification.scss';\nimport { FadeTransition } from './transitions';\n\ntype ToastNotificationProps = {\n  buttons?: (typeof Button)[];\n  classNames?: string;\n  isShown?: boolean;\n  message?: string;\n  type?: string;\n  'data-testid'?: string;\n\n  onClick?: React.EventHandler<\n    React.MouseEvent<HTMLDivElement> | React.KeyboardEvent<HTMLDivElement>\n  >;\n  onDismiss?: React.MouseEventHandler<HTMLButtonElement>;\n};\n\nfunction ToastNotification({\n  buttons,\n  isShown = false,\n  classNames: classNamesProp,\n  message,\n  type,\n  onClick,\n  onDismiss,\n  'data-testid': dataTestId,\n}: ToastNotificationProps): JSX.Element {\n  const hasButtons = buttons && buttons.length !== 0;\n\n  return (\n    <CSSTransition\n      in={isShown}\n      timeout={ThemeExport.transitionMs}\n      classNames=\"toast-notification-slide-up\"\n      mountOnEnter\n      unmountOnExit\n    >\n      <div\n        className={classNames('toast-notification', classNamesProp, type)}\n        role=\"presentation\"\n        onClick={onClick}\n        onKeyPress={onClick}\n        data-testid={dataTestId}\n      >\n        <div className=\"message-container\">\n          <span className=\"message\">{message}</span>\n        </div>\n        <FadeTransition\n          in={hasButtons}\n          timeout={ThemeExport.transitionSlowMs}\n          mountOnEnter\n          unmountOnExit\n        >\n          <div className=\"buttons-container\">{buttons}</div>\n        </FadeTransition>\n        {onDismiss && (\n          <Button\n            kind=\"ghost\"\n            icon={vsClose}\n            tooltip=\"Close notification\"\n            className=\"my-2\"\n            onClick={onDismiss}\n          />\n        )}\n      </div>\n    </CSSTransition>\n  );\n}\n\nToastNotification.TYPE = Object.freeze({\n  ERROR: 'error',\n});\n\nexport default ToastNotification;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,aAAa,QAAQ,wBAAwB;AACtD,SAASC,OAAO,QAAQ,kBAAkB;AAAC,OACpCC,MAAM;AAAA,OACNC,WAAW;AAAA;AAAA,SAETC,cAAc;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAgBvB,SAASC,iBAAiBA,CAAAC,IAAA,EASc;EAAA,IATb;IACzBC,OAAO;IACPC,OAAO,GAAG,KAAK;IACfb,UAAU,EAAEc,cAAc;IAC1BC,OAAO;IACPC,IAAI;IACJC,OAAO;IACPC,SAAS;IACT,aAAa,EAAEC;EACO,CAAC,GAAAR,IAAA;EACvB,IAAMS,UAAU,GAAGR,OAAO,IAAIA,OAAO,CAACS,MAAM,KAAK,CAAC;EAElD,oBACEd,IAAA,CAACN,aAAa;IACZqB,EAAE,EAAET,OAAQ;IACZU,OAAO,EAAEnB,WAAW,CAACoB,YAAa;IAClCxB,UAAU,EAAC,6BAA6B;IACxCyB,YAAY;IACZC,aAAa;IAAAC,QAAA,eAEblB,KAAA;MACEmB,SAAS,EAAE5B,UAAU,CAAC,oBAAoB,EAAEc,cAAc,EAAEE,IAAI,CAAE;MAClEa,IAAI,EAAC,cAAc;MACnBZ,OAAO,EAAEA,OAAQ;MACjBa,UAAU,EAAEb,OAAQ;MACpB,eAAaE,UAAW;MAAAQ,QAAA,gBAExBpB,IAAA;QAAKqB,SAAS,EAAC,mBAAmB;QAAAD,QAAA,eAChCpB,IAAA;UAAMqB,SAAS,EAAC,SAAS;UAAAD,QAAA,EAAEZ;QAAO,CAAO;MAAC,CACvC,CAAC,eACNR,IAAA,CAACF,cAAc;QACbiB,EAAE,EAAEF,UAAW;QACfG,OAAO,EAAEnB,WAAW,CAAC2B,gBAAiB;QACtCN,YAAY;QACZC,aAAa;QAAAC,QAAA,eAEbpB,IAAA;UAAKqB,SAAS,EAAC,mBAAmB;UAAAD,QAAA,EAAEf;QAAO,CAAM;MAAC,CACpC,CAAC,EAChBM,SAAS,iBACRX,IAAA,CAACJ,MAAM;QACL6B,IAAI,EAAC,OAAO;QACZC,IAAI,EAAE/B,OAAQ;QACdgC,OAAO,EAAC,oBAAoB;QAC5BN,SAAS,EAAC,MAAM;QAChBX,OAAO,EAAEC;MAAU,CACpB,CACF;IAAA,CACE;EAAC,CACO,CAAC;AAEpB;AAEAR,iBAAiB,CAACyB,IAAI,GAAGC,MAAM,CAACC,MAAM,CAAC;EACrCC,KAAK,EAAE;AACT,CAAC,CAAC;AAEF,eAAe5B,iBAAiB"}
+{"version":3,"file":"ToastNotification.js","names":["React","useRef","classNames","CSSTransition","vsClose","Button","ThemeExport","FadeTransition","jsx","_jsx","jsxs","_jsxs","ToastNotification","_ref","buttons","isShown","classNamesProp","message","type","onClick","onDismiss","dataTestId","nodeRef","hasButtons","length","in","timeout","transitionMs","mountOnEnter","unmountOnExit","children","ref","className","role","onKeyPress","transitionSlowMs","kind","icon","tooltip","TYPE","Object","freeze","ERROR"],"sources":["../src/ToastNotification.tsx"],"sourcesContent":["import React, { useRef } from 'react';\nimport classNames from 'classnames';\nimport { CSSTransition } from 'react-transition-group';\nimport { vsClose } from '@deephaven/icons';\nimport Button from './Button';\nimport ThemeExport from './ThemeExport';\nimport './ToastNotification.scss';\nimport { FadeTransition } from './transitions';\n\ntype ToastNotificationProps = {\n  buttons?: React.ReactNode[];\n  classNames?: string;\n  isShown?: boolean;\n  message?: string;\n  type?: string;\n  'data-testid'?: string;\n\n  onClick?: React.EventHandler<\n    React.MouseEvent<HTMLDivElement> | React.KeyboardEvent<HTMLDivElement>\n  >;\n  onDismiss?: React.MouseEventHandler<HTMLButtonElement>;\n};\n\nfunction ToastNotification({\n  buttons,\n  isShown = false,\n  classNames: classNamesProp,\n  message,\n  type,\n  onClick,\n  onDismiss,\n  'data-testid': dataTestId,\n}: ToastNotificationProps): JSX.Element {\n  const nodeRef = useRef<HTMLDivElement>(null);\n  const hasButtons = buttons && buttons.length !== 0;\n\n  return (\n    <CSSTransition\n      in={isShown}\n      timeout={ThemeExport.transitionMs}\n      classNames=\"toast-notification-slide-up\"\n      mountOnEnter\n      unmountOnExit\n      nodeRef={nodeRef}\n    >\n      <div\n        ref={nodeRef}\n        className={classNames('toast-notification', classNamesProp, type)}\n        role=\"presentation\"\n        onClick={onClick}\n        onKeyPress={onClick}\n        data-testid={dataTestId}\n      >\n        <div className=\"message-container\">\n          <span className=\"message\">{message}</span>\n        </div>\n        <FadeTransition\n          in={hasButtons}\n          timeout={ThemeExport.transitionSlowMs}\n          mountOnEnter\n          unmountOnExit\n        >\n          <div className=\"buttons-container\">{buttons}</div>\n        </FadeTransition>\n        {onDismiss && (\n          <Button\n            kind=\"ghost\"\n            icon={vsClose}\n            tooltip=\"Close notification\"\n            className=\"my-2\"\n            onClick={onDismiss}\n          />\n        )}\n      </div>\n    </CSSTransition>\n  );\n}\n\nToastNotification.TYPE = Object.freeze({\n  ERROR: 'error',\n});\n\nexport default ToastNotification;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,MAAM,QAAQ,OAAO;AACrC,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,aAAa,QAAQ,wBAAwB;AACtD,SAASC,OAAO,QAAQ,kBAAkB;AAAC,OACpCC,MAAM;AAAA,OACNC,WAAW;AAAA;AAAA,SAETC,cAAc;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAgBvB,SAASC,iBAAiBA,CAAAC,IAAA,EASc;EAAA,IATb;IACzBC,OAAO;IACPC,OAAO,GAAG,KAAK;IACfb,UAAU,EAAEc,cAAc;IAC1BC,OAAO;IACPC,IAAI;IACJC,OAAO;IACPC,SAAS;IACT,aAAa,EAAEC;EACO,CAAC,GAAAR,IAAA;EACvB,IAAMS,OAAO,GAAGrB,MAAM,CAAiB,IAAI,CAAC;EAC5C,IAAMsB,UAAU,GAAGT,OAAO,IAAIA,OAAO,CAACU,MAAM,KAAK,CAAC;EAElD,oBACEf,IAAA,CAACN,aAAa;IACZsB,EAAE,EAAEV,OAAQ;IACZW,OAAO,EAAEpB,WAAW,CAACqB,YAAa;IAClCzB,UAAU,EAAC,6BAA6B;IACxC0B,YAAY;IACZC,aAAa;IACbP,OAAO,EAAEA,OAAQ;IAAAQ,QAAA,eAEjBnB,KAAA;MACEoB,GAAG,EAAET,OAAQ;MACbU,SAAS,EAAE9B,UAAU,CAAC,oBAAoB,EAAEc,cAAc,EAAEE,IAAI,CAAE;MAClEe,IAAI,EAAC,cAAc;MACnBd,OAAO,EAAEA,OAAQ;MACjBe,UAAU,EAAEf,OAAQ;MACpB,eAAaE,UAAW;MAAAS,QAAA,gBAExBrB,IAAA;QAAKuB,SAAS,EAAC,mBAAmB;QAAAF,QAAA,eAChCrB,IAAA;UAAMuB,SAAS,EAAC,SAAS;UAAAF,QAAA,EAAEb;QAAO,CAAO;MAAC,CACvC,CAAC,eACNR,IAAA,CAACF,cAAc;QACbkB,EAAE,EAAEF,UAAW;QACfG,OAAO,EAAEpB,WAAW,CAAC6B,gBAAiB;QACtCP,YAAY;QACZC,aAAa;QAAAC,QAAA,eAEbrB,IAAA;UAAKuB,SAAS,EAAC,mBAAmB;UAAAF,QAAA,EAAEhB;QAAO,CAAM;MAAC,CACpC,CAAC,EAChBM,SAAS,iBACRX,IAAA,CAACJ,MAAM;QACL+B,IAAI,EAAC,OAAO;QACZC,IAAI,EAAEjC,OAAQ;QACdkC,OAAO,EAAC,oBAAoB;QAC5BN,SAAS,EAAC,MAAM;QAChBb,OAAO,EAAEC;MAAU,CACpB,CACF;IAAA,CACE;EAAC,CACO,CAAC;AAEpB;AAEAR,iBAAiB,CAAC2B,IAAI,GAAGC,MAAM,CAACC,MAAM,CAAC;EACrCC,KAAK,EAAE;AACT,CAAC,CAAC;AAEF,eAAe9B,iBAAiB","ignoreList":[]}

package/dist/UIConstants.js.map

@@ -1 +1 @@
-{"version":3,"file":"UIConstants.js","names":["ACTION_ICON_HEIGHT","LIST_VIEW_ROW_HEIGHTS","compact","medium","large","regular","spacious","PICKER_ITEM_HEIGHTS","PICKER_TOP_OFFSET","TABLE_ROW_HEIGHT"],"sources":["../src/UIConstants.ts"],"sourcesContent":["export const ACTION_ICON_HEIGHT = 24;\n\n// Copied from https://github.com/adobe/react-spectrum/blob/b2d25ef23b827ec2427bf47b343e6dbd66326ed3/packages/%40react-spectrum/list/src/ListView.tsx#L78\nexport const LIST_VIEW_ROW_HEIGHTS = {\n  compact: {\n    medium: 32,\n    large: 40,\n  },\n  regular: {\n    medium: 40,\n    large: 50,\n  },\n  spacious: {\n    medium: 48,\n    large: 60,\n  },\n} as const;\n\n// https://github.com/adobe/react-spectrum/blob/main/packages/%40react-spectrum/listbox/src/ListBoxBase.tsx#L56\nexport const PICKER_ITEM_HEIGHTS = {\n  medium: 32,\n  large: 48,\n} as const;\n\nexport const PICKER_TOP_OFFSET = 4;\nexport const TABLE_ROW_HEIGHT = 33;\n"],"mappings":"AAAA,OAAO,IAAMA,kBAAkB,GAAG,EAAE;;AAEpC;AACA,OAAO,IAAMC,qBAAqB,GAAG;EACnCC,OAAO,EAAE;IACPC,MAAM,EAAE,EAAE;IACVC,KAAK,EAAE;EACT,CAAC;EACDC,OAAO,EAAE;IACPF,MAAM,EAAE,EAAE;IACVC,KAAK,EAAE;EACT,CAAC;EACDE,QAAQ,EAAE;IACRH,MAAM,EAAE,EAAE;IACVC,KAAK,EAAE;EACT;AACF,CAAU;;AAEV;AACA,OAAO,IAAMG,mBAAmB,GAAG;EACjCJ,MAAM,EAAE,EAAE;EACVC,KAAK,EAAE;AACT,CAAU;AAEV,OAAO,IAAMI,iBAAiB,GAAG,CAAC;AAClC,OAAO,IAAMC,gBAAgB,GAAG,EAAE"}
+{"version":3,"file":"UIConstants.js","names":["ACTION_ICON_HEIGHT","LIST_VIEW_ROW_HEIGHTS","compact","medium","large","regular","spacious","PICKER_ITEM_HEIGHTS","PICKER_TOP_OFFSET","TABLE_ROW_HEIGHT"],"sources":["../src/UIConstants.ts"],"sourcesContent":["export const ACTION_ICON_HEIGHT = 24;\n\n// Copied from https://github.com/adobe/react-spectrum/blob/b2d25ef23b827ec2427bf47b343e6dbd66326ed3/packages/%40react-spectrum/list/src/ListView.tsx#L78\nexport const LIST_VIEW_ROW_HEIGHTS = {\n  compact: {\n    medium: 32,\n    large: 40,\n  },\n  regular: {\n    medium: 40,\n    large: 50,\n  },\n  spacious: {\n    medium: 48,\n    large: 60,\n  },\n} as const;\n\n// https://github.com/adobe/react-spectrum/blob/main/packages/%40react-spectrum/listbox/src/ListBoxBase.tsx#L56\nexport const PICKER_ITEM_HEIGHTS = {\n  medium: 32,\n  large: 48,\n} as const;\n\nexport const PICKER_TOP_OFFSET = 4;\nexport const TABLE_ROW_HEIGHT = 33;\n"],"mappings":"AAAA,OAAO,IAAMA,kBAAkB,GAAG,EAAE;;AAEpC;AACA,OAAO,IAAMC,qBAAqB,GAAG;EACnCC,OAAO,EAAE;IACPC,MAAM,EAAE,EAAE;IACVC,KAAK,EAAE;EACT,CAAC;EACDC,OAAO,EAAE;IACPF,MAAM,EAAE,EAAE;IACVC,KAAK,EAAE;EACT,CAAC;EACDE,QAAQ,EAAE;IACRH,MAAM,EAAE,EAAE;IACVC,KAAK,EAAE;EACT;AACF,CAAU;;AAEV;AACA,OAAO,IAAMG,mBAAmB,GAAG;EACjCJ,MAAM,EAAE,EAAE;EACVC,KAAK,EAAE;AACT,CAAU;AAEV,OAAO,IAAMI,iBAAiB,GAAG,CAAC;AAClC,OAAO,IAAMC,gBAAgB,GAAG,EAAE","ignoreList":[]}

package/dist/UISwitch.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UISwitch.d.ts","sourceRoot":"","sources":["../src/UISwitch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,iBAAiB,CAAC;AAEzB,MAAM,MAAM,aAAa,GAAG;IAC1B,EAAE,EAAE,OAAO,CAAC;IACZ,OAAO,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IACpD,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAEF,iBAAS,QAAQ,CAAC,EAChB,EAAE,EACF,EAAE,EACF,SAAS,EACT,SAAS,EACT,QAAgB,EAChB,OAAO,EACP,aAAa,EAAE,UAAU,GAC1B,EAAE,aAAa,GAAG,GAAG,CAAC,OAAO,CAmB7B;AAED,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"UISwitch.d.ts","sourceRoot":"","sources":["../src/UISwitch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,iBAAiB,CAAC;AAEzB,MAAM,MAAM,aAAa,GAAG;IAC1B,EAAE,EAAE,OAAO,CAAC;IACZ,OAAO,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IACpD,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAEF,iBAAS,QAAQ,CAAC,EAChB,EAAE,EACF,EAAE,EACF,SAAS,EACT,SAAS,EACT,QAAgB,EAChB,OAAO,EACP,aAAa,EAAE,UAAU,GAC1B,EAAE,aAAa,GAAG,GAAG,CAAC,OAAO,CAoB7B;AAED,eAAe,QAAQ,CAAC"}

package/dist/UISwitch.js

@@ -12,21 +12,25 @@ function UISwitch(_ref) {
     onClick,
     'data-testid': dataTestId
   } = _ref;
-  return /*#__PURE__*/_jsx("button", {
-    type: "button",
-    className: classNames('btn', 'btn-switch', className, {
-      active: on
-    }, {
-      'is-invalid': isInvalid
-    }),
-    id: id,
-    onClick: onClick,
-    disabled: disabled,
-    "data-testid": dataTestId,
-    children: /*#__PURE__*/_jsx("div", {
-      className: "handle"
+  return (
+    /*#__PURE__*/
+    // eslint-disable-next-line jsx-a11y/control-has-associated-label
+    _jsx("button", {
+      type: "button",
+      className: classNames('btn', 'btn-switch', className, {
+        active: on
+      }, {
+        'is-invalid': isInvalid
+      }),
+      id: id,
+      onClick: onClick,
+      disabled: disabled,
+      "data-testid": dataTestId,
+      children: /*#__PURE__*/_jsx("div", {
+        className: "handle"
+      })
     })
-  });
+  );
 }
 export default UISwitch;
 //# sourceMappingURL=UISwitch.js.map

package/dist/UISwitch.js.map

@@ -1 +1 @@
-{"version":3,"file":"UISwitch.js","names":["React","classNames","jsx","_jsx","UISwitch","_ref","on","id","className","isInvalid","disabled","onClick","dataTestId","type","active","children"],"sources":["../src/UISwitch.tsx"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\nimport './UISwitch.scss';\n\nexport type UISwitchProps = {\n  on: boolean;\n  onClick: React.MouseEventHandler<HTMLButtonElement>;\n  id?: string;\n  className?: string;\n  isInvalid?: boolean;\n  disabled?: boolean;\n  'data-testid'?: string;\n};\n\nfunction UISwitch({\n  on,\n  id,\n  className,\n  isInvalid,\n  disabled = false,\n  onClick,\n  'data-testid': dataTestId,\n}: UISwitchProps): JSX.Element {\n  return (\n    <button\n      type=\"button\"\n      className={classNames(\n        'btn',\n        'btn-switch',\n        className,\n        { active: on },\n        { 'is-invalid': isInvalid }\n      )}\n      id={id}\n      onClick={onClick}\n      disabled={disabled}\n      data-testid={dataTestId}\n    >\n      <div className=\"handle\" />\n    </button>\n  );\n}\n\nexport default UISwitch;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,YAAY;AAAC;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAapC,SAASC,QAAQA,CAAAC,IAAA,EAQc;EAAA,IARb;IAChBC,EAAE;IACFC,EAAE;IACFC,SAAS;IACTC,SAAS;IACTC,QAAQ,GAAG,KAAK;IAChBC,OAAO;IACP,aAAa,EAAEC;EACF,CAAC,GAAAP,IAAA;EACd,oBACEF,IAAA;IACEU,IAAI,EAAC,QAAQ;IACbL,SAAS,EAAEP,UAAU,CACnB,KAAK,EACL,YAAY,EACZO,SAAS,EACT;MAAEM,MAAM,EAAER;IAAG,CAAC,EACd;MAAE,YAAY,EAAEG;IAAU,CAC5B,CAAE;IACFF,EAAE,EAAEA,EAAG;IACPI,OAAO,EAAEA,OAAQ;IACjBD,QAAQ,EAAEA,QAAS;IACnB,eAAaE,UAAW;IAAAG,QAAA,eAExBZ,IAAA;MAAKK,SAAS,EAAC;IAAQ,CAAE;EAAC,CACpB,CAAC;AAEb;AAEA,eAAeJ,QAAQ"}
+{"version":3,"file":"UISwitch.js","names":["React","classNames","jsx","_jsx","UISwitch","_ref","on","id","className","isInvalid","disabled","onClick","dataTestId","type","active","children"],"sources":["../src/UISwitch.tsx"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\nimport './UISwitch.scss';\n\nexport type UISwitchProps = {\n  on: boolean;\n  onClick: React.MouseEventHandler<HTMLButtonElement>;\n  id?: string;\n  className?: string;\n  isInvalid?: boolean;\n  disabled?: boolean;\n  'data-testid'?: string;\n};\n\nfunction UISwitch({\n  on,\n  id,\n  className,\n  isInvalid,\n  disabled = false,\n  onClick,\n  'data-testid': dataTestId,\n}: UISwitchProps): JSX.Element {\n  return (\n    // eslint-disable-next-line jsx-a11y/control-has-associated-label\n    <button\n      type=\"button\"\n      className={classNames(\n        'btn',\n        'btn-switch',\n        className,\n        { active: on },\n        { 'is-invalid': isInvalid }\n      )}\n      id={id}\n      onClick={onClick}\n      disabled={disabled}\n      data-testid={dataTestId}\n    >\n      <div className=\"handle\" />\n    </button>\n  );\n}\n\nexport default UISwitch;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,YAAY;AAAC;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAapC,SAASC,QAAQA,CAAAC,IAAA,EAQc;EAAA,IARb;IAChBC,EAAE;IACFC,EAAE;IACFC,SAAS;IACTC,SAAS;IACTC,QAAQ,GAAG,KAAK;IAChBC,OAAO;IACP,aAAa,EAAEC;EACF,CAAC,GAAAP,IAAA;EACd;IAAA;IACE;IACAF,IAAA;MACEU,IAAI,EAAC,QAAQ;MACbL,SAAS,EAAEP,UAAU,CACnB,KAAK,EACL,YAAY,EACZO,SAAS,EACT;QAAEM,MAAM,EAAER;MAAG,CAAC,EACd;QAAE,YAAY,EAAEG;MAAU,CAC5B,CAAE;MACFF,EAAE,EAAEA,EAAG;MACPI,OAAO,EAAEA,OAAQ;MACjBD,QAAQ,EAAEA,QAAS;MACnB,eAAaE,UAAW;MAAAG,QAAA,eAExBZ,IAAA;QAAKK,SAAS,EAAC;MAAQ,CAAE;IAAC,CACpB;EAAC;AAEb;AAEA,eAAeJ,QAAQ","ignoreList":[]}

package/dist/XComponent.d.ts

@@ -33,6 +33,6 @@ import { type XComponentType } from './XComponentMap';
  * @param Component The component to wrap
  * @returns The wrapped component
  */
-export declare function createXComponent<P extends Record<string, unknown>>(Component: React.ComponentType<P>): XComponentType<P>;
+export declare function createXComponent<P extends Record<string, unknown>>(Component: React.ComponentType<React.PropsWithoutRef<P>>): XComponentType<P>;
 export default createXComponent;
 //# sourceMappingURL=XComponent.d.ts.map

package/dist/XComponent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"XComponent.d.ts","sourceRoot":"","sources":["../src/XComponent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAE9D,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAErE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,wBAAgB,gBAAgB,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAChE,SAAS,EAAE,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,GAChC,cAAc,CAAC,CAAC,CAAC,CA6BnB;AAED,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"XComponent.d.ts","sourceRoot":"","sources":["../src/XComponent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAE9D,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAErE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,wBAAgB,gBAAgB,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAChE,SAAS,EAAE,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,GACvD,cAAc,CAAC,CAAC,CAAC,CA6BnB;AAED,eAAe,gBAAgB,CAAC"}

package/dist/XComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"XComponent.js","names":["React","forwardRef","canHaveRef","useXComponent","jsx","_jsx","createXComponent","Component","_Component$displayNam","forwardedRefComponent","XComponent","props","ref","ReplacementComponent","_objectSpread","displayName","concat","name","Original","isXComponent"],"sources":["../src/XComponent.tsx"],"sourcesContent":["import React, { type ComponentType, forwardRef } from 'react';\nimport { canHaveRef } from './ComponentUtils';\nimport { useXComponent, type XComponentType } from './XComponentMap';\n\n/**\n * Helper function that will wrap the provided component, and return an ExtendableComponent type.\n * Whenever that ExtendableComponent is used, it will check if there is a replacement component for the provided component on the context.\n * If there is, it will use that component instead of the provided component.\n * This is a similar concept to how swizzling is done in Docusaurus or obj-c, but for any React component.\n *\n * Usage:\n *\n * ```tsx\n * function MyComponent() {\n *   return <div>MyComponent</div>;\n * }\n *\n * const XMyComponent = extendableComponent(MyComponent);\n *\n * function MyReplacementComponent() {\n *  return <div>MyReplacementComponent</div>;\n * }\n *\n * <XMyComponent /> // Will render MyComponent\n *\n * <XComponentMapProvider value={new Map([[XMyComponent, MyReplacementComponent]])}>\n *   <XMyComponent /> // Will render MyReplacementComponent\n * </XComponentMapProvider>\n *\n * ```\n *\n * Is useful in cases where we have a component deep down in the component tree that we want to replace with a different component, but don't want to\n * have to provide props at the top level just to hook into that.\n *\n * @param Component The component to wrap\n * @returns The wrapped component\n */\nexport function createXComponent<P extends Record<string, unknown>>(\n  Component: React.ComponentType<P>\n): XComponentType<P> {\n  let forwardedRefComponent: XComponentType<P>;\n  function XComponent(\n    props: P,\n    ref: React.ForwardedRef<ComponentType<P>>\n  ): JSX.Element {\n    const ReplacementComponent = useXComponent(forwardedRefComponent);\n    return canHaveRef(Component) ? (\n      // eslint-disable-next-line react/jsx-props-no-spreading\n      <ReplacementComponent {...props} ref={ref} />\n    ) : (\n      // eslint-disable-next-line react/jsx-props-no-spreading\n      <ReplacementComponent {...props} />\n    );\n  }\n\n  // Add the display name so this appears as a tag in the React DevTools\n  // Need to add it here, and then when it's wrapped with the `forwardRef` it will automatically get the display name of the original component\n  XComponent.displayName = `XComponent(${\n    Component.displayName ?? Component.name\n  })`;\n\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  forwardedRefComponent = forwardRef(XComponent) as any;\n\n  forwardedRefComponent.Original = Component;\n  forwardedRefComponent.isXComponent = true;\n\n  return forwardedRefComponent;\n}\n\nexport default createXComponent;\n"],"mappings":";;;;;AAAA,OAAOA,KAAK,IAAwBC,UAAU,QAAQ,OAAO;AAAC,SACrDC,UAAU;AAAA,SACVC,aAAa;AAEtB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAhCA,SAAAC,GAAA,IAAAC,IAAA;AAiCA,OAAO,SAASC,gBAAgBA,CAC9BC,SAAiC,EACd;EAAA,IAAAC,qBAAA;EACnB,IAAIC,qBAAwC;EAC5C,SAASC,UAAUA,CACjBC,KAAQ,EACRC,GAAyC,EAC5B;IACb,IAAMC,oBAAoB,GAAGV,aAAa,CAACM,qBAAqB,CAAC;IACjE,OAAOP,UAAU,CAACK,SAAS,CAAC;IAAA;IAC1B;IACAF,IAAA,CAACQ,oBAAoB,EAAAC,aAAA,CAAAA,aAAA,KAAKH,KAAK;MAAEC,GAAG,EAAEA;IAAI,EAAE,CAAC;IAAA;IAE7C;IACAP,IAAA,CAACQ,oBAAoB,EAAAC,aAAA,KAAKH,KAAK,CAAG,CACnC;EACH;;EAEA;EACA;EACAD,UAAU,CAACK,WAAW,iBAAAC,MAAA,EAAAR,qBAAA,GACpBD,SAAS,CAACQ,WAAW,cAAAP,qBAAA,cAAAA,qBAAA,GAAID,SAAS,CAACU,IAAI,MACtC;;EAEH;EACAR,qBAAqB,gBAAGR,UAAU,CAACS,UAAU,CAAQ;EAErDD,qBAAqB,CAACS,QAAQ,GAAGX,SAAS;EAC1CE,qBAAqB,CAACU,YAAY,GAAG,IAAI;EAEzC,OAAOV,qBAAqB;AAC9B;AAEA,eAAeH,gBAAgB"}
+{"version":3,"file":"XComponent.js","names":["React","forwardRef","canHaveRef","useXComponent","jsx","_jsx","createXComponent","Component","_Component$displayNam","forwardedRefComponent","XComponent","props","ref","ReplacementComponent","_objectSpread","displayName","concat","name","Original","isXComponent"],"sources":["../src/XComponent.tsx"],"sourcesContent":["import React, { type ComponentType, forwardRef } from 'react';\nimport { canHaveRef } from './ComponentUtils';\nimport { useXComponent, type XComponentType } from './XComponentMap';\n\n/**\n * Helper function that will wrap the provided component, and return an ExtendableComponent type.\n * Whenever that ExtendableComponent is used, it will check if there is a replacement component for the provided component on the context.\n * If there is, it will use that component instead of the provided component.\n * This is a similar concept to how swizzling is done in Docusaurus or obj-c, but for any React component.\n *\n * Usage:\n *\n * ```tsx\n * function MyComponent() {\n *   return <div>MyComponent</div>;\n * }\n *\n * const XMyComponent = extendableComponent(MyComponent);\n *\n * function MyReplacementComponent() {\n *  return <div>MyReplacementComponent</div>;\n * }\n *\n * <XMyComponent /> // Will render MyComponent\n *\n * <XComponentMapProvider value={new Map([[XMyComponent, MyReplacementComponent]])}>\n *   <XMyComponent /> // Will render MyReplacementComponent\n * </XComponentMapProvider>\n *\n * ```\n *\n * Is useful in cases where we have a component deep down in the component tree that we want to replace with a different component, but don't want to\n * have to provide props at the top level just to hook into that.\n *\n * @param Component The component to wrap\n * @returns The wrapped component\n */\nexport function createXComponent<P extends Record<string, unknown>>(\n  Component: React.ComponentType<React.PropsWithoutRef<P>>\n): XComponentType<P> {\n  let forwardedRefComponent: XComponentType<P>;\n  function XComponent(\n    props: React.PropsWithoutRef<P>,\n    ref: React.ForwardedRef<ComponentType<P>>\n  ): JSX.Element {\n    const ReplacementComponent = useXComponent<P>(forwardedRefComponent);\n    return canHaveRef(Component) ? (\n      // eslint-disable-next-line react/jsx-props-no-spreading\n      <ReplacementComponent {...props} ref={ref} />\n    ) : (\n      // eslint-disable-next-line react/jsx-props-no-spreading\n      <ReplacementComponent {...props} />\n    );\n  }\n\n  // Add the display name so this appears as a tag in the React DevTools\n  // Need to add it here, and then when it's wrapped with the `forwardRef` it will automatically get the display name of the original component\n  XComponent.displayName = `XComponent(${\n    Component.displayName ?? Component.name\n  })`;\n\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  forwardedRefComponent = forwardRef(XComponent) as XComponentType<P>;\n\n  forwardedRefComponent.Original = Component;\n  forwardedRefComponent.isXComponent = true;\n\n  return forwardedRefComponent;\n}\n\nexport default createXComponent;\n"],"mappings":";;;;;AAAA,OAAOA,KAAK,IAAwBC,UAAU,QAAQ,OAAO;AAAC,SACrDC,UAAU;AAAA,SACVC,aAAa;AAEtB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAhCA,SAAAC,GAAA,IAAAC,IAAA;AAiCA,OAAO,SAASC,gBAAgBA,CAC9BC,SAAwD,EACrC;EAAA,IAAAC,qBAAA;EACnB,IAAIC,qBAAwC;EAC5C,SAASC,UAAUA,CACjBC,KAA+B,EAC/BC,GAAyC,EAC5B;IACb,IAAMC,oBAAoB,GAAGV,aAAa,CAAIM,qBAAqB,CAAC;IACpE,OAAOP,UAAU,CAACK,SAAS,CAAC;IAAA;IAC1B;IACAF,IAAA,CAACQ,oBAAoB,EAAAC,aAAA,CAAAA,aAAA,KAAKH,KAAK;MAAEC,GAAG,EAAEA;IAAI,EAAE,CAAC;IAAA;IAE7C;IACAP,IAAA,CAACQ,oBAAoB,EAAAC,aAAA,KAAKH,KAAK,CAAG,CACnC;EACH;;EAEA;EACA;EACAD,UAAU,CAACK,WAAW,iBAAAC,MAAA,EAAAR,qBAAA,GACpBD,SAAS,CAACQ,WAAW,cAAAP,qBAAA,cAAAA,qBAAA,GAAID,SAAS,CAACU,IAAI,MACtC;;EAEH;EACAR,qBAAqB,gBAAGR,UAAU,CAACS,UAAU,CAAsB;EAEnED,qBAAqB,CAACS,QAAQ,GAAGX,SAAS;EAC1CE,qBAAqB,CAACU,YAAY,GAAG,IAAI;EAEzC,OAAOV,qBAAqB;AAC9B;AAEA,eAAeH,gBAAgB","ignoreList":[]}

package/dist/XComponentMap.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 /** Type for an extended component. Can fetch the original component using `.Original` */
 export type XComponentType<P extends Record<string, unknown>> = React.ForwardRefExoticComponent<React.PropsWithoutRef<P> & React.RefAttributes<unknown>> & {
-    Original: React.ComponentType<P>;
+    Original: React.ComponentType<React.PropsWithoutRef<P>>;
     isXComponent: boolean;
 };
 export declare const XComponentMapContext: React.Context<Map<React.ComponentType<any>, React.ComponentType<any>>>;
@@ -11,5 +11,5 @@ export declare const XComponentMapProvider: React.Provider<Map<React.ComponentTy
  * @param Component Component to check if there's a replacement for
  * @returns The replacement component if it exists, otherwise the original component
  */
-export declare function useXComponent<P extends Record<string, unknown>>(Component: XComponentType<P>): React.ComponentType<P>;
+export declare function useXComponent<P extends Record<string, unknown>>(Component: XComponentType<P>): React.ComponentType<React.PropsWithoutRef<P>>;
 //# sourceMappingURL=XComponentMap.d.ts.map

package/dist/XComponentMap.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"XComponentMap.d.ts","sourceRoot":"","sources":["../src/XComponentMap.ts"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,yFAAyF;AACzF,MAAM,MAAM,cAAc,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,IAC1D,KAAK,CAAC,yBAAyB,CAC7B,KAAK,CAAC,eAAe,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC,CACxD,GAAG;IACF,QAAQ,EAAE,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC;IACjC,YAAY,EAAE,OAAO,CAAC;CACvB,CAAC;AAEJ,eAAO,MAAM,oBAAoB,wEAGhC,CAAC;AAGF,eAAO,MAAM,qBAAqB,yEAAgC,CAAC;AAEnE;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAC7D,SAAS,EAAE,cAAc,CAAC,CAAC,CAAC,GAC3B,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,CAGxB"}
+{"version":3,"file":"XComponentMap.d.ts","sourceRoot":"","sources":["../src/XComponentMap.ts"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,yFAAyF;AACzF,MAAM,MAAM,cAAc,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,IAC1D,KAAK,CAAC,yBAAyB,CAC7B,KAAK,CAAC,eAAe,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC,CACxD,GAAG;IACF,QAAQ,EAAE,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,CAAC;IACxD,YAAY,EAAE,OAAO,CAAC;CACvB,CAAC;AAEJ,eAAO,MAAM,oBAAoB,wEAGhC,CAAC;AAGF,eAAO,MAAM,qBAAqB,yEAAgC,CAAC;AAEnE;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAC7D,SAAS,EAAE,cAAc,CAAC,CAAC,CAAC,GAC3B,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,CAG/C"}

package/dist/XComponentMap.js.map

@@ -1 +1 @@
-{"version":3,"file":"XComponentMap.js","names":["React","useContext","XComponentMapContext","createContext","Map","displayName","XComponentMapProvider","Provider","useXComponent","Component","_ctx$get","ctx","get","Original"],"sources":["../src/XComponentMap.ts"],"sourcesContent":["import React, { useContext } from 'react';\n\n/** Type for an extended component. Can fetch the original component using `.Original` */\nexport type XComponentType<P extends Record<string, unknown>> =\n  React.ForwardRefExoticComponent<\n    React.PropsWithoutRef<P> & React.RefAttributes<unknown>\n  > & {\n    Original: React.ComponentType<P>;\n    isXComponent: boolean;\n  };\n\nexport const XComponentMapContext = React.createContext(\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  new Map<React.ComponentType<any>, React.ComponentType<any>>()\n);\nXComponentMapContext.displayName = 'XComponentMapContext';\n\nexport const XComponentMapProvider = XComponentMapContext.Provider;\n\n/**\n * Use the replacement component for the provided component if it exists, or just return the provided component.\n * @param Component Component to check if there's a replacement for\n * @returns The replacement component if it exists, otherwise the original component\n */\nexport function useXComponent<P extends Record<string, unknown>>(\n  Component: XComponentType<P>\n): React.ComponentType<P> {\n  const ctx = useContext(XComponentMapContext);\n  return ctx.get(Component) ?? Component.Original;\n}\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;;AAEzC;;AASA,OAAO,IAAMC,oBAAoB,gBAAGF,KAAK,CAACG,aAAa;AACrD;AACA,IAAIC,GAAG,CAAqD,CAC9D,CAAC;AACDF,oBAAoB,CAACG,WAAW,GAAG,sBAAsB;AAEzD,OAAO,IAAMC,qBAAqB,GAAGJ,oBAAoB,CAACK,QAAQ;;AAElE;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,aAAaA,CAC3BC,SAA4B,EACJ;EAAA,IAAAC,QAAA;EACxB,IAAMC,GAAG,GAAGV,UAAU,CAACC,oBAAoB,CAAC;EAC5C,QAAAQ,QAAA,GAAOC,GAAG,CAACC,GAAG,CAACH,SAAS,CAAC,cAAAC,QAAA,cAAAA,QAAA,GAAID,SAAS,CAACI,QAAQ;AACjD"}
+{"version":3,"file":"XComponentMap.js","names":["React","useContext","XComponentMapContext","createContext","Map","displayName","XComponentMapProvider","Provider","useXComponent","Component","_ctx$get","ctx","get","Original"],"sources":["../src/XComponentMap.ts"],"sourcesContent":["import React, { useContext } from 'react';\n\n/** Type for an extended component. Can fetch the original component using `.Original` */\nexport type XComponentType<P extends Record<string, unknown>> =\n  React.ForwardRefExoticComponent<\n    React.PropsWithoutRef<P> & React.RefAttributes<unknown>\n  > & {\n    Original: React.ComponentType<React.PropsWithoutRef<P>>;\n    isXComponent: boolean;\n  };\n\nexport const XComponentMapContext = React.createContext(\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  new Map<React.ComponentType<any>, React.ComponentType<any>>()\n);\nXComponentMapContext.displayName = 'XComponentMapContext';\n\nexport const XComponentMapProvider = XComponentMapContext.Provider;\n\n/**\n * Use the replacement component for the provided component if it exists, or just return the provided component.\n * @param Component Component to check if there's a replacement for\n * @returns The replacement component if it exists, otherwise the original component\n */\nexport function useXComponent<P extends Record<string, unknown>>(\n  Component: XComponentType<P>\n): React.ComponentType<React.PropsWithoutRef<P>> {\n  const ctx = useContext(XComponentMapContext);\n  return ctx.get(Component) ?? Component.Original;\n}\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;;AAEzC;;AASA,OAAO,IAAMC,oBAAoB,gBAAGF,KAAK,CAACG,aAAa;AACrD;AACA,IAAIC,GAAG,CAAqD,CAC9D,CAAC;AACDF,oBAAoB,CAACG,WAAW,GAAG,sBAAsB;AAEzD,OAAO,IAAMC,qBAAqB,GAAGJ,oBAAoB,CAACK,QAAQ;;AAElE;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,aAAaA,CAC3BC,SAA4B,EACmB;EAAA,IAAAC,QAAA;EAC/C,IAAMC,GAAG,GAAGV,UAAU,CAACC,oBAAoB,CAAC;EAC5C,QAAAQ,QAAA,GAAOC,GAAG,CAACC,GAAG,CAACH,SAAS,CAAC,cAAAC,QAAA,cAAAA,QAAA,GAAID,SAAS,CAACI,QAAQ;AACjD","ignoreList":[]}

package/dist/actions/ConfirmActionButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"ConfirmActionButton.js","names":["useCallback","vsTrash","ActionButtonDialogTrigger","ConfirmationDialog","ACTION_ICON_HEIGHT","jsx","_jsx","ConfirmActionButton","_ref","ariaLabel","heading","confirmationButtonLabel","isHidden","children","tooltip","onConfirm","renderDialog","close","onCancel","icon","isQuiet","height"],"sources":["../../src/actions/ConfirmActionButton.tsx"],"sourcesContent":["import { type ReactElement, type ReactNode, useCallback } from 'react';\nimport type { SpectrumLabelableProps } from '@react-types/shared';\nimport { vsTrash } from '@deephaven/icons';\nimport { ActionButtonDialogTrigger, ConfirmationDialog } from '../dialogs';\nimport { ACTION_ICON_HEIGHT } from '../UIConstants';\n\nexport interface ConfirmActionButtonProps {\n  ariaLabel: string;\n  heading: ReactNode;\n  confirmationButtonLabel: string;\n  children:\n    | ReactElement<SpectrumLabelableProps>\n    | ReactElement<SpectrumLabelableProps>[];\n  isHidden?: boolean;\n  tooltip?: string;\n  onConfirm: () => void;\n}\n\nexport function ConfirmActionButton({\n  ariaLabel,\n  heading,\n  confirmationButtonLabel,\n  isHidden,\n  children,\n  tooltip,\n  onConfirm,\n}: ConfirmActionButtonProps): JSX.Element {\n  const renderDialog = useCallback(\n    close => (\n      <ConfirmationDialog\n        heading={heading}\n        confirmationButtonLabel={confirmationButtonLabel}\n        onCancel={close}\n        onConfirm={() => {\n          close();\n          onConfirm();\n        }}\n      >\n        {children}\n      </ConfirmationDialog>\n    ),\n    [children, confirmationButtonLabel, heading, onConfirm]\n  );\n\n  return (\n    <ActionButtonDialogTrigger\n      ariaLabel={ariaLabel}\n      icon={vsTrash}\n      isHidden={isHidden}\n      isQuiet\n      height={ACTION_ICON_HEIGHT}\n      tooltip={tooltip}\n    >\n      {renderDialog}\n    </ActionButtonDialogTrigger>\n  );\n}\n\nexport default ConfirmActionButton;\n"],"mappings":"AAAA,SAA4CA,WAAW,QAAQ,OAAO;AAEtE,SAASC,OAAO,QAAQ,kBAAkB;AAAC,SAClCC,yBAAyB,EAAEC,kBAAkB;AAAA,SAC7CC,kBAAkB;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAc3B,OAAO,SAASC,mBAAmBA,CAAAC,IAAA,EAQO;EAAA,IARN;IAClCC,SAAS;IACTC,OAAO;IACPC,uBAAuB;IACvBC,QAAQ;IACRC,QAAQ;IACRC,OAAO;IACPC,SAAS,EAATA;EACwB,CAAC,GAAAP,IAAA;EACzB,IAAMQ,YAAY,GAAGhB,WAAW,CAC9BiB,KAAK,iBACHX,IAAA,CAACH,kBAAkB;IACjBO,OAAO,EAAEA,OAAQ;IACjBC,uBAAuB,EAAEA,uBAAwB;IACjDO,QAAQ,EAAED,KAAM;IAChBF,SAAS,EAAEA,CAAA,KAAM;MACfE,KAAK,CAAC,CAAC;MACPF,UAAS,CAAC,CAAC;IACb,CAAE;IAAAF,QAAA,EAEDA;EAAQ,CACS,CACrB,EACD,CAACA,QAAQ,EAAEF,uBAAuB,EAAED,OAAO,EAAEK,UAAS,CACxD,CAAC;EAED,oBACET,IAAA,CAACJ,yBAAyB;IACxBO,SAAS,EAAEA,SAAU;IACrBU,IAAI,EAAElB,OAAQ;IACdW,QAAQ,EAAEA,QAAS;IACnBQ,OAAO;IACPC,MAAM,EAAEjB,kBAAmB;IAC3BU,OAAO,EAAEA,OAAQ;IAAAD,QAAA,EAEhBG;EAAY,CACY,CAAC;AAEhC;AAEA,eAAeT,mBAAmB"}
+{"version":3,"file":"ConfirmActionButton.js","names":["useCallback","vsTrash","ActionButtonDialogTrigger","ConfirmationDialog","ACTION_ICON_HEIGHT","jsx","_jsx","ConfirmActionButton","_ref","ariaLabel","heading","confirmationButtonLabel","isHidden","children","tooltip","onConfirm","renderDialog","close","onCancel","icon","isQuiet","height"],"sources":["../../src/actions/ConfirmActionButton.tsx"],"sourcesContent":["import { type ReactElement, type ReactNode, useCallback } from 'react';\nimport type { SpectrumLabelableProps } from '@react-types/shared';\nimport { vsTrash } from '@deephaven/icons';\nimport { ActionButtonDialogTrigger, ConfirmationDialog } from '../dialogs';\nimport { ACTION_ICON_HEIGHT } from '../UIConstants';\n\nexport interface ConfirmActionButtonProps {\n  ariaLabel: string;\n  heading: ReactNode;\n  confirmationButtonLabel: string;\n  children:\n    | ReactElement<SpectrumLabelableProps>\n    | ReactElement<SpectrumLabelableProps>[];\n  isHidden?: boolean;\n  tooltip?: string;\n  onConfirm: () => void;\n}\n\nexport function ConfirmActionButton({\n  ariaLabel,\n  heading,\n  confirmationButtonLabel,\n  isHidden,\n  children,\n  tooltip,\n  onConfirm,\n}: ConfirmActionButtonProps): JSX.Element {\n  const renderDialog = useCallback(\n    (close: () => void) => (\n      <ConfirmationDialog\n        heading={heading}\n        confirmationButtonLabel={confirmationButtonLabel}\n        onCancel={close}\n        onConfirm={() => {\n          close();\n          onConfirm();\n        }}\n      >\n        {children}\n      </ConfirmationDialog>\n    ),\n    [children, confirmationButtonLabel, heading, onConfirm]\n  );\n\n  return (\n    <ActionButtonDialogTrigger\n      ariaLabel={ariaLabel}\n      icon={vsTrash}\n      isHidden={isHidden}\n      isQuiet\n      height={ACTION_ICON_HEIGHT}\n      tooltip={tooltip}\n    >\n      {renderDialog}\n    </ActionButtonDialogTrigger>\n  );\n}\n\nexport default ConfirmActionButton;\n"],"mappings":"AAAA,SAA4CA,WAAW,QAAQ,OAAO;AAEtE,SAASC,OAAO,QAAQ,kBAAkB;AAAC,SAClCC,yBAAyB,EAAEC,kBAAkB;AAAA,SAC7CC,kBAAkB;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAc3B,OAAO,SAASC,mBAAmBA,CAAAC,IAAA,EAQO;EAAA,IARN;IAClCC,SAAS;IACTC,OAAO;IACPC,uBAAuB;IACvBC,QAAQ;IACRC,QAAQ;IACRC,OAAO;IACPC,SAAS,EAATA;EACwB,CAAC,GAAAP,IAAA;EACzB,IAAMQ,YAAY,GAAGhB,WAAW,CAC7BiB,KAAiB,iBAChBX,IAAA,CAACH,kBAAkB;IACjBO,OAAO,EAAEA,OAAQ;IACjBC,uBAAuB,EAAEA,uBAAwB;IACjDO,QAAQ,EAAED,KAAM;IAChBF,SAAS,EAAEA,CAAA,KAAM;MACfE,KAAK,CAAC,CAAC;MACPF,UAAS,CAAC,CAAC;IACb,CAAE;IAAAF,QAAA,EAEDA;EAAQ,CACS,CACrB,EACD,CAACA,QAAQ,EAAEF,uBAAuB,EAAED,OAAO,EAAEK,UAAS,CACxD,CAAC;EAED,oBACET,IAAA,CAACJ,yBAAyB;IACxBO,SAAS,EAAEA,SAAU;IACrBU,IAAI,EAAElB,OAAQ;IACdW,QAAQ,EAAEA,QAAS;IACnBQ,OAAO;IACPC,MAAM,EAAEjB,kBAAmB;IAC3BU,OAAO,EAAEA,OAAQ;IAAAD,QAAA,EAEhBG;EAAY,CACY,CAAC;AAEhC;AAEA,eAAeT,mBAAmB","ignoreList":[]}

package/dist/actions/IconActionButton.js

@@ -11,8 +11,7 @@ import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { ActionButton, Icon } from "../spectrum/index.js";
 import { Tooltip } from "../popper/index.js";
 import { ACTION_ICON_HEIGHT } from "../UIConstants.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export function IconActionButton(_ref) {
   var {
       icon,

package/dist/actions/IconActionButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"IconActionButton.js","names":["FontAwesomeIcon","ActionButton","Icon","Tooltip","ACTION_ICON_HEIGHT","jsx","_jsx","jsxs","_jsxs","IconActionButton","_ref","icon","label","tooltip","props","_objectWithoutProperties","_excluded","_objectSpread","isQuiet","height","children","UNSAFE_className","undefined","displayName"],"sources":["../../src/actions/IconActionButton.tsx"],"sourcesContent":["/* eslint-disable react/jsx-props-no-spreading */\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport type { IconProp } from '@fortawesome/fontawesome-svg-core';\nimport { ActionButton, Icon, type ActionButtonProps } from '../spectrum';\nimport { Tooltip } from '../popper';\nimport { ACTION_ICON_HEIGHT } from '../UIConstants';\n\nexport interface IconActionButtonProps\n  extends Omit<ActionButtonProps, 'aria-label' | 'isQuiet' | 'height'> {\n  icon: IconProp;\n  label: string;\n  tooltip?: string;\n}\n\nexport function IconActionButton({\n  icon,\n  label,\n  tooltip,\n  ...props\n}: IconActionButtonProps): JSX.Element {\n  return (\n    <ActionButton\n      {...props}\n      aria-label={label}\n      isQuiet\n      height={ACTION_ICON_HEIGHT}\n    >\n      <Icon\n        UNSAFE_className={\n          tooltip == null ? undefined : 'action-button-icon-with-tooltip'\n        }\n      >\n        <FontAwesomeIcon icon={icon} />\n      </Icon>\n      {tooltip == null ? null : <Tooltip>{tooltip}</Tooltip>}\n    </ActionButton>\n  );\n}\nIconActionButton.displayName = 'IconActionButton';\n\nexport default IconActionButton;\n"],"mappings":";;;;;;;;AAAA;AACA,SAASA,eAAe,QAAQ,gCAAgC;AAAC,SAExDC,YAAY,EAAEC,IAAI;AAAA,SAClBC,OAAO;AAAA,SACPC,kBAAkB;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAS3B,OAAO,SAASC,gBAAgBA,CAAAC,IAAA,EAKO;EAAA,IALN;MAC/BC,IAAI;MACJC,KAAK;MACLC;IAEqB,CAAC,GAAAH,IAAA;IADnBI,KAAK,GAAAC,wBAAA,CAAAL,IAAA,EAAAM,SAAA;EAER,oBACER,KAAA,CAACP,YAAY,EAAAgB,aAAA,CAAAA,aAAA,KACPH,KAAK;IACT,cAAYF,KAAM;IAClBM,OAAO;IACPC,MAAM,EAAEf,kBAAmB;IAAAgB,QAAA,gBAE3Bd,IAAA,CAACJ,IAAI;MACHmB,gBAAgB,EACdR,OAAO,IAAI,IAAI,GAAGS,SAAS,GAAG,iCAC/B;MAAAF,QAAA,eAEDd,IAAA,CAACN,eAAe;QAACW,IAAI,EAAEA;MAAK,CAAE;IAAC,CAC3B,CAAC,EACNE,OAAO,IAAI,IAAI,GAAG,IAAI,gBAAGP,IAAA,CAACH,OAAO;MAAAiB,QAAA,EAAEP;IAAO,CAAU,CAAC;EAAA,EAC1C,CAAC;AAEnB;AACAJ,gBAAgB,CAACc,WAAW,GAAG,kBAAkB;AAEjD,eAAed,gBAAgB"}
+{"version":3,"file":"IconActionButton.js","names":["FontAwesomeIcon","ActionButton","Icon","Tooltip","ACTION_ICON_HEIGHT","jsx","_jsx","jsxs","_jsxs","IconActionButton","_ref","icon","label","tooltip","props","_objectWithoutProperties","_excluded","_objectSpread","isQuiet","height","children","UNSAFE_className","undefined","displayName"],"sources":["../../src/actions/IconActionButton.tsx"],"sourcesContent":["/* eslint-disable react/jsx-props-no-spreading */\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport type { IconProp } from '@fortawesome/fontawesome-svg-core';\nimport { ActionButton, Icon, type ActionButtonProps } from '../spectrum';\nimport { Tooltip } from '../popper';\nimport { ACTION_ICON_HEIGHT } from '../UIConstants';\n\nexport interface IconActionButtonProps\n  extends Omit<ActionButtonProps, 'aria-label' | 'isQuiet' | 'height'> {\n  icon: IconProp;\n  label: string;\n  tooltip?: string;\n}\n\nexport function IconActionButton({\n  icon,\n  label,\n  tooltip,\n  ...props\n}: IconActionButtonProps): JSX.Element {\n  return (\n    <ActionButton\n      {...props}\n      aria-label={label}\n      isQuiet\n      height={ACTION_ICON_HEIGHT}\n    >\n      <Icon\n        UNSAFE_className={\n          tooltip == null ? undefined : 'action-button-icon-with-tooltip'\n        }\n      >\n        <FontAwesomeIcon icon={icon} />\n      </Icon>\n      {tooltip == null ? null : <Tooltip>{tooltip}</Tooltip>}\n    </ActionButton>\n  );\n}\nIconActionButton.displayName = 'IconActionButton';\n\nexport default IconActionButton;\n"],"mappings":";;;;;;;;AAAA;AACA,SAASA,eAAe,QAAQ,gCAAgC;AAAC,SAExDC,YAAY,EAAEC,IAAI;AAAA,SAClBC,OAAO;AAAA,SACPC,kBAAkB;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAS3B,OAAO,SAASC,gBAAgBA,CAAAC,IAAA,EAKO;EAAA,IALN;MAC/BC,IAAI;MACJC,KAAK;MACLC;IAEqB,CAAC,GAAAH,IAAA;IADnBI,KAAK,GAAAC,wBAAA,CAAAL,IAAA,EAAAM,SAAA;EAER,oBACER,KAAA,CAACP,YAAY,EAAAgB,aAAA,CAAAA,aAAA,KACPH,KAAK;IACT,cAAYF,KAAM;IAClBM,OAAO;IACPC,MAAM,EAAEf,kBAAmB;IAAAgB,QAAA,gBAE3Bd,IAAA,CAACJ,IAAI;MACHmB,gBAAgB,EACdR,OAAO,IAAI,IAAI,GAAGS,SAAS,GAAG,iCAC/B;MAAAF,QAAA,eAEDd,IAAA,CAACN,eAAe;QAACW,IAAI,EAAEA;MAAK,CAAE;IAAC,CAC3B,CAAC,EACNE,OAAO,IAAI,IAAI,GAAG,IAAI,gBAAGP,IAAA,CAACH,OAAO;MAAAiB,QAAA,EAAEP;IAAO,CAAU,CAAC;EAAA,EAC1C,CAAC;AAEnB;AACAJ,gBAAgB,CAACc,WAAW,GAAG,kBAAkB;AAEjD,eAAed,gBAAgB","ignoreList":[]}

package/dist/actions/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/actions/index.ts"],"sourcesContent":["export * from './ConfirmActionButton';\nexport * from './IconActionButton';\n"],"mappings":""}
+{"version":3,"file":"index.js","names":[],"sources":["../../src/actions/index.ts"],"sourcesContent":["export * from './ConfirmActionButton';\nexport * from './IconActionButton';\n"],"mappings":"","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"ContextActionUtils.js","names":["isPromise","value","then","undefined","ContextActionUtils","disableAllActions","actionsDisabled","enableAllActions","isContextActionEvent","e","Array","isArray","contextActions","compareActions","a","b","group","_a$group","_b$group","order","_a$order","_b$order","title","_a$title","_b$title","sortActions","actions","sortedActions","slice","sort","isMacPlatform","platform","window","navigator","startsWith","getModifierKey","isModifierKeyDown","event","modifierKey","getMenuItems","actionsParam","includePromises","arguments","length","menuItems","i","action","newMenuItems","Promise","push","concat","filter","menuElement","getNextMenuItem","startIndex","delta","firstIndex","menuIndex","item","disabled","_defineProperty"],"sources":["../../src/context-actions/ContextActionUtils.ts"],"sourcesContent":["import { type IconDefinition } from '@deephaven/icons';\nimport type React from 'react';\nimport type { Shortcut } from '../shortcuts';\n\nexport type ResolvableContextAction =\n  | ContextAction\n  | Promise<ContextAction[]>\n  | (() => Promise<ContextAction[]> | ContextAction[] | ContextAction);\n\nexport type MenuItem = ContextAction | Promise<ContextAction[]>;\n\nexport interface ContextAction {\n  title?: string | JSX.Element;\n  description?: string;\n  action?: (event: Event) => void;\n  actions?: ResolvableContextAction[];\n  icon?: IconDefinition | React.ReactElement<unknown>;\n  iconColor?: string;\n  shortcut?: Shortcut;\n\n  /* Display text for the shortcut if the shortcut is not wired up through the Shortcut class */\n  shortcutText?: string;\n  isGlobal?: boolean;\n  group?: number;\n  order?: number;\n  disabled?: boolean;\n  menuElement?: React.ReactElement;\n  iconOutline?: boolean;\n}\n\nexport interface ContextActionEvent extends MouseEvent {\n  contextActions: ResolvableContextAction[];\n}\n\nexport function isPromise<A, T>(value: A | Promise<T>): value is Promise<T> {\n  return (value as Promise<T>).then !== undefined;\n}\n\nclass ContextActionUtils {\n  static actionsDisabled = false;\n\n  static disableAllActions(): void {\n    ContextActionUtils.actionsDisabled = true;\n  }\n\n  static enableAllActions(): void {\n    ContextActionUtils.actionsDisabled = false;\n  }\n\n  static isContextActionEvent(e: MouseEvent): e is ContextActionEvent {\n    return Array.isArray((e as ContextActionEvent).contextActions);\n  }\n\n  /**\n   * Compare two action items. Useful in Array.sort\n   * @param a First context action to compare\n   * @param b Second context action to compare\n   */\n  static compareActions(a: ContextAction, b: ContextAction): number {\n    if (a.group !== b.group) {\n      return (a.group ?? 0) > (b.group ?? 0) ? 1 : -1;\n    }\n\n    if (a.order !== b.order) {\n      return (a.order ?? 0) > (b.order ?? 0) ? 1 : -1;\n    }\n\n    if (a.title !== b.title) {\n      return (a.title ?? '') > (b.title ?? '') ? 1 : -1;\n    }\n\n    if (a !== b) {\n      return a > b ? 1 : -1;\n    }\n\n    return 0;\n  }\n\n  /**\n   *\n   * @param actions The array of actions to sort\n   */\n  static sortActions(actions: ContextAction[]): ContextAction[] {\n    if (actions == null || !Array.isArray(actions)) {\n      return [];\n    }\n\n    const sortedActions = actions.slice();\n    sortedActions.sort(ContextActionUtils.compareActions);\n    return sortedActions;\n  }\n\n  static isMacPlatform(): boolean {\n    const { platform } = window.navigator;\n    return platform.startsWith('Mac');\n  }\n\n  /**\n   * Retrieve the preferred modifier key based on the current platform\n   */\n  static getModifierKey(): 'metaKey' | 'ctrlKey' {\n    if (ContextActionUtils.isMacPlatform()) {\n      return 'metaKey';\n    }\n\n    return 'ctrlKey';\n  }\n\n  /**\n   * Returns true if the modifier key for the current platform is down for the event (Ctrl for windows/linux, Command (meta) for mac)\n   * @param event The event to get the meta key status from\n   */\n  static isModifierKeyDown(\n    event: KeyboardEvent | MouseEvent | React.KeyboardEvent | React.MouseEvent\n  ): boolean {\n    const modifierKey = ContextActionUtils.getModifierKey();\n    return event[modifierKey];\n  }\n\n  /**\n   * Returns the menu items for the provided context actions, or empty array if none found.\n   * @param actionsParam The actions to get menu items for\n   * @param includePromises Whether or not to include promises in the returned menu items\n   */\n  static getMenuItems(\n    actionsParam: ResolvableContextAction | ResolvableContextAction[],\n    includePromises?: true\n  ): MenuItem[];\n\n  // If ignoring promises, then the return type is narrowed\n  static getMenuItems(\n    actionsParam: ResolvableContextAction | ResolvableContextAction[],\n    includePromises: false\n  ): ContextAction[];\n\n  static getMenuItems(\n    actionsParam: ResolvableContextAction | ResolvableContextAction[],\n    includePromises = true\n  ): MenuItem[] {\n    let menuItems: MenuItem[] = [];\n    let actions = actionsParam;\n    if (!Array.isArray(actions)) {\n      actions = [actions];\n    }\n\n    for (let i = 0; i < actions.length; i += 1) {\n      const action = actions[i];\n      let newMenuItems:\n        | ContextAction\n        | ContextAction[]\n        | Promise<ContextAction[]>;\n      if (typeof action === 'function') {\n        newMenuItems = action();\n      } else {\n        newMenuItems = action;\n      }\n\n      if (newMenuItems != null) {\n        if (newMenuItems instanceof Promise) {\n          if (includePromises) {\n            menuItems.push(newMenuItems);\n          }\n        } else if (Array.isArray(newMenuItems)) {\n          menuItems = menuItems.concat(newMenuItems);\n        } else {\n          menuItems.push(newMenuItems);\n        }\n      }\n    }\n\n    menuItems = menuItems.filter(\n      action =>\n        (action as ContextAction).title !== undefined ||\n        (action as Promise<ContextAction[]>).then != null ||\n        (action as ContextAction).menuElement\n    );\n\n    return menuItems;\n  }\n\n  /**\n   * Returns the index of the next menu item in a list that doesn't have a disabled=true prop\n   * @param startIndex the starting position for the iteration\n   * @param delta the direction of travel, -1 or 1\n   * @param menuItems an array of menuItems\n   */\n  static getNextMenuItem(\n    startIndex: number,\n    delta: -1 | 1,\n    menuItems: MenuItem[]\n  ): number {\n    let firstIndex = startIndex;\n    if (firstIndex < 0 && delta < 0) {\n      // if menu index is -1 and delta -1 manually set start point\n      firstIndex = menuItems.length;\n    }\n    // find the next non disabled menu option, iterating the list only once\n    for (let i = 1; i < menuItems.length + 1; i += 1) {\n      const menuIndex =\n        (firstIndex + delta * i + menuItems.length) % menuItems.length;\n      const item = menuItems[menuIndex];\n      if (!(item instanceof Promise) && item.disabled !== true) {\n        return menuIndex;\n      }\n    }\n    return startIndex;\n  }\n}\n\nexport default ContextActionUtils;\n"],"mappings":";;;AAkCA,OAAO,SAASA,SAASA,CAAOC,KAAqB,EAAuB;EAC1E,OAAQA,KAAK,CAAgBC,IAAI,KAAKC,SAAS;AACjD;AAEA,MAAMC,kBAAkB,CAAC;EAGvB,OAAOC,iBAAiBA,CAAA,EAAS;IAC/BD,kBAAkB,CAACE,eAAe,GAAG,IAAI;EAC3C;EAEA,OAAOC,gBAAgBA,CAAA,EAAS;IAC9BH,kBAAkB,CAACE,eAAe,GAAG,KAAK;EAC5C;EAEA,OAAOE,oBAAoBA,CAACC,CAAa,EAA2B;IAClE,OAAOC,KAAK,CAACC,OAAO,CAAEF,CAAC,CAAwBG,cAAc,CAAC;EAChE;;EAEA;AACF;AACA;AACA;AACA;EACE,OAAOC,cAAcA,CAACC,CAAgB,EAAEC,CAAgB,EAAU;IAChE,IAAID,CAAC,CAACE,KAAK,KAAKD,CAAC,CAACC,KAAK,EAAE;MAAA,IAAAC,QAAA,EAAAC,QAAA;MACvB,OAAO,EAAAD,QAAA,GAACH,CAAC,CAACE,KAAK,cAAAC,QAAA,cAAAA,QAAA,GAAI,CAAC,MAAAC,QAAA,GAAKH,CAAC,CAACC,KAAK,cAAAE,QAAA,cAAAA,QAAA,GAAI,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACjD;IAEA,IAAIJ,CAAC,CAACK,KAAK,KAAKJ,CAAC,CAACI,KAAK,EAAE;MAAA,IAAAC,QAAA,EAAAC,QAAA;MACvB,OAAO,EAAAD,QAAA,GAACN,CAAC,CAACK,KAAK,cAAAC,QAAA,cAAAA,QAAA,GAAI,CAAC,MAAAC,QAAA,GAAKN,CAAC,CAACI,KAAK,cAAAE,QAAA,cAAAA,QAAA,GAAI,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACjD;IAEA,IAAIP,CAAC,CAACQ,KAAK,KAAKP,CAAC,CAACO,KAAK,EAAE;MAAA,IAAAC,QAAA,EAAAC,QAAA;MACvB,OAAO,EAAAD,QAAA,GAACT,CAAC,CAACQ,KAAK,cAAAC,QAAA,cAAAA,QAAA,GAAI,EAAE,MAAAC,QAAA,GAAKT,CAAC,CAACO,KAAK,cAAAE,QAAA,cAAAA,QAAA,GAAI,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACnD;IAEA,IAAIV,CAAC,KAAKC,CAAC,EAAE;MACX,OAAOD,CAAC,GAAGC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACvB;IAEA,OAAO,CAAC;EACV;;EAEA;AACF;AACA;AACA;EACE,OAAOU,WAAWA,CAACC,OAAwB,EAAmB;IAC5D,IAAIA,OAAO,IAAI,IAAI,IAAI,CAAChB,KAAK,CAACC,OAAO,CAACe,OAAO,CAAC,EAAE;MAC9C,OAAO,EAAE;IACX;IAEA,IAAMC,aAAa,GAAGD,OAAO,CAACE,KAAK,CAAC,CAAC;IACrCD,aAAa,CAACE,IAAI,CAACzB,kBAAkB,CAACS,cAAc,CAAC;IACrD,OAAOc,aAAa;EACtB;EAEA,OAAOG,aAAaA,CAAA,EAAY;IAC9B,IAAM;MAAEC;IAAS,CAAC,GAAGC,MAAM,CAACC,SAAS;IACrC,OAAOF,QAAQ,CAACG,UAAU,CAAC,KAAK,CAAC;EACnC;;EAEA;AACF;AACA;EACE,OAAOC,cAAcA,CAAA,EAA0B;IAC7C,IAAI/B,kBAAkB,CAAC0B,aAAa,CAAC,CAAC,EAAE;MACtC,OAAO,SAAS;IAClB;IAEA,OAAO,SAAS;EAClB;;EAEA;AACF;AACA;AACA;EACE,OAAOM,iBAAiBA,CACtBC,KAA0E,EACjE;IACT,IAAMC,WAAW,GAAGlC,kBAAkB,CAAC+B,cAAc,CAAC,CAAC;IACvD,OAAOE,KAAK,CAACC,WAAW,CAAC;EAC3B;;EAEA;AACF;AACA;AACA;AACA;;EAME;;EAMA,OAAOC,YAAYA,CACjBC,YAAiE,EAErD;IAAA,IADZC,eAAe,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAvC,SAAA,GAAAuC,SAAA,MAAG,IAAI;IAEtB,IAAIE,SAAqB,GAAG,EAAE;IAC9B,IAAIlB,OAAO,GAAGc,YAAY;IAC1B,IAAI,CAAC9B,KAAK,CAACC,OAAO,CAACe,OAAO,CAAC,EAAE;MAC3BA,OAAO,GAAG,CAACA,OAAO,CAAC;IACrB;IAEA,KAAK,IAAImB,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGnB,OAAO,CAACiB,MAAM,EAAEE,CAAC,IAAI,CAAC,EAAE;MAC1C,IAAMC,MAAM,GAAGpB,OAAO,CAACmB,CAAC,CAAC;MACzB,IAAIE,YAGwB;MAC5B,IAAI,OAAOD,MAAM,KAAK,UAAU,EAAE;QAChCC,YAAY,GAAGD,MAAM,CAAC,CAAC;MACzB,CAAC,MAAM;QACLC,YAAY,GAAGD,MAAM;MACvB;MAEA,IAAIC,YAAY,IAAI,IAAI,EAAE;QACxB,IAAIA,YAAY,YAAYC,OAAO,EAAE;UACnC,IAAIP,eAAe,EAAE;YACnBG,SAAS,CAACK,IAAI,CAACF,YAAY,CAAC;UAC9B;QACF,CAAC,MAAM,IAAIrC,KAAK,CAACC,OAAO,CAACoC,YAAY,CAAC,EAAE;UACtCH,SAAS,GAAGA,SAAS,CAACM,MAAM,CAACH,YAAY,CAAC;QAC5C,CAAC,MAAM;UACLH,SAAS,CAACK,IAAI,CAACF,YAAY,CAAC;QAC9B;MACF;IACF;IAEAH,SAAS,GAAGA,SAAS,CAACO,MAAM,CAC1BL,MAAM,IACHA,MAAM,CAAmBxB,KAAK,KAAKnB,SAAS,IAC5C2C,MAAM,CAA8B5C,IAAI,IAAI,IAAI,IAChD4C,MAAM,CAAmBM,WAC9B,CAAC;IAED,OAAOR,SAAS;EAClB;;EAEA;AACF;AACA;AACA;AACA;AACA;EACE,OAAOS,eAAeA,CACpBC,UAAkB,EAClBC,KAAa,EACbX,SAAqB,EACb;IACR,IAAIY,UAAU,GAAGF,UAAU;IAC3B,IAAIE,UAAU,GAAG,CAAC,IAAID,KAAK,GAAG,CAAC,EAAE;MAC/B;MACAC,UAAU,GAAGZ,SAAS,CAACD,MAAM;IAC/B;IACA;IACA,KAAK,IAAIE,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGD,SAAS,CAACD,MAAM,GAAG,CAAC,EAAEE,CAAC,IAAI,CAAC,EAAE;MAChD,IAAMY,SAAS,GACb,CAACD,UAAU,GAAGD,KAAK,GAAGV,CAAC,GAAGD,SAAS,CAACD,MAAM,IAAIC,SAAS,CAACD,MAAM;MAChE,IAAMe,IAAI,GAAGd,SAAS,CAACa,SAAS,CAAC;MACjC,IAAI,EAAEC,IAAI,YAAYV,OAAO,CAAC,IAAIU,IAAI,CAACC,QAAQ,KAAK,IAAI,EAAE;QACxD,OAAOF,SAAS;MAClB;IACF;IACA,OAAOH,UAAU;EACnB;AACF;AAACM,eAAA,CAzKKxD,kBAAkB,qBACG,KAAK;AA0KhC,eAAeA,kBAAkB"}
+{"version":3,"file":"ContextActionUtils.js","names":["isPromise","value","then","undefined","ContextActionUtils","disableAllActions","actionsDisabled","enableAllActions","isContextActionEvent","e","Array","isArray","contextActions","compareActions","a","b","group","_a$group","_b$group","order","_a$order","_b$order","title","_a$title","_b$title","sortActions","actions","sortedActions","slice","sort","isMacPlatform","platform","window","navigator","startsWith","getModifierKey","isModifierKeyDown","event","modifierKey","getMenuItems","actionsParam","includePromises","arguments","length","menuItems","i","action","newMenuItems","Promise","push","concat","filter","menuElement","getNextMenuItem","startIndex","delta","firstIndex","menuIndex","item","disabled","_defineProperty"],"sources":["../../src/context-actions/ContextActionUtils.ts"],"sourcesContent":["import { type IconDefinition } from '@deephaven/icons';\nimport type React from 'react';\nimport type { Shortcut } from '../shortcuts';\n\nexport type ResolvableContextAction =\n  | ContextAction\n  | Promise<ContextAction[]>\n  | (() => Promise<ContextAction[]> | ContextAction[] | ContextAction);\n\nexport type MenuItem = ContextAction | Promise<ContextAction[]>;\n\nexport interface ContextAction {\n  title?: string | JSX.Element;\n  description?: string;\n  action?: (event: Event) => void;\n  actions?: ResolvableContextAction[];\n  icon?: IconDefinition | React.ReactElement<unknown>;\n  iconColor?: string;\n  shortcut?: Shortcut;\n\n  /* Display text for the shortcut if the shortcut is not wired up through the Shortcut class */\n  shortcutText?: string;\n  isGlobal?: boolean;\n  group?: number;\n  order?: number;\n  disabled?: boolean;\n  menuElement?: React.ReactElement;\n  iconOutline?: boolean;\n}\n\nexport interface ContextActionEvent extends MouseEvent {\n  contextActions: ResolvableContextAction[];\n}\n\nexport function isPromise<A, T>(value: A | Promise<T>): value is Promise<T> {\n  return (value as Promise<T>).then !== undefined;\n}\n\nclass ContextActionUtils {\n  static actionsDisabled = false;\n\n  static disableAllActions(): void {\n    ContextActionUtils.actionsDisabled = true;\n  }\n\n  static enableAllActions(): void {\n    ContextActionUtils.actionsDisabled = false;\n  }\n\n  static isContextActionEvent(e: MouseEvent): e is ContextActionEvent {\n    return Array.isArray((e as ContextActionEvent).contextActions);\n  }\n\n  /**\n   * Compare two action items. Useful in Array.sort\n   * @param a First context action to compare\n   * @param b Second context action to compare\n   */\n  static compareActions(a: ContextAction, b: ContextAction): number {\n    if (a.group !== b.group) {\n      return (a.group ?? 0) > (b.group ?? 0) ? 1 : -1;\n    }\n\n    if (a.order !== b.order) {\n      return (a.order ?? 0) > (b.order ?? 0) ? 1 : -1;\n    }\n\n    if (a.title !== b.title) {\n      return (a.title ?? '') > (b.title ?? '') ? 1 : -1;\n    }\n\n    if (a !== b) {\n      return a > b ? 1 : -1;\n    }\n\n    return 0;\n  }\n\n  /**\n   *\n   * @param actions The array of actions to sort\n   */\n  static sortActions(actions: ContextAction[]): ContextAction[] {\n    if (actions == null || !Array.isArray(actions)) {\n      return [];\n    }\n\n    const sortedActions = actions.slice();\n    sortedActions.sort(ContextActionUtils.compareActions);\n    return sortedActions;\n  }\n\n  static isMacPlatform(): boolean {\n    const { platform } = window.navigator;\n    return platform.startsWith('Mac');\n  }\n\n  /**\n   * Retrieve the preferred modifier key based on the current platform\n   */\n  static getModifierKey(): 'metaKey' | 'ctrlKey' {\n    if (ContextActionUtils.isMacPlatform()) {\n      return 'metaKey';\n    }\n\n    return 'ctrlKey';\n  }\n\n  /**\n   * Returns true if the modifier key for the current platform is down for the event (Ctrl for windows/linux, Command (meta) for mac)\n   * @param event The event to get the meta key status from\n   */\n  static isModifierKeyDown(\n    event: KeyboardEvent | MouseEvent | React.KeyboardEvent | React.MouseEvent\n  ): boolean {\n    const modifierKey = ContextActionUtils.getModifierKey();\n    return event[modifierKey];\n  }\n\n  /**\n   * Returns the menu items for the provided context actions, or empty array if none found.\n   * @param actionsParam The actions to get menu items for\n   * @param includePromises Whether or not to include promises in the returned menu items\n   */\n  static getMenuItems(\n    actionsParam: ResolvableContextAction | ResolvableContextAction[],\n    includePromises?: true\n  ): MenuItem[];\n\n  // If ignoring promises, then the return type is narrowed\n  static getMenuItems(\n    actionsParam: ResolvableContextAction | ResolvableContextAction[],\n    includePromises: false\n  ): ContextAction[];\n\n  static getMenuItems(\n    actionsParam: ResolvableContextAction | ResolvableContextAction[],\n    includePromises = true\n  ): MenuItem[] {\n    let menuItems: MenuItem[] = [];\n    let actions = actionsParam;\n    if (!Array.isArray(actions)) {\n      actions = [actions];\n    }\n\n    for (let i = 0; i < actions.length; i += 1) {\n      const action = actions[i];\n      let newMenuItems:\n        | ContextAction\n        | ContextAction[]\n        | Promise<ContextAction[]>;\n      if (typeof action === 'function') {\n        newMenuItems = action();\n      } else {\n        newMenuItems = action;\n      }\n\n      if (newMenuItems != null) {\n        if (newMenuItems instanceof Promise) {\n          if (includePromises) {\n            menuItems.push(newMenuItems);\n          }\n        } else if (Array.isArray(newMenuItems)) {\n          menuItems = menuItems.concat(newMenuItems);\n        } else {\n          menuItems.push(newMenuItems);\n        }\n      }\n    }\n\n    menuItems = menuItems.filter(\n      action =>\n        (action as ContextAction).title !== undefined ||\n        (action as Promise<ContextAction[]>).then != null ||\n        (action as ContextAction).menuElement\n    );\n\n    return menuItems;\n  }\n\n  /**\n   * Returns the index of the next menu item in a list that doesn't have a disabled=true prop\n   * @param startIndex the starting position for the iteration\n   * @param delta the direction of travel, -1 or 1\n   * @param menuItems an array of menuItems\n   */\n  static getNextMenuItem(\n    startIndex: number,\n    delta: -1 | 1,\n    menuItems: MenuItem[]\n  ): number {\n    let firstIndex = startIndex;\n    if (firstIndex < 0 && delta < 0) {\n      // if menu index is -1 and delta -1 manually set start point\n      firstIndex = menuItems.length;\n    }\n    // find the next non disabled menu option, iterating the list only once\n    for (let i = 1; i < menuItems.length + 1; i += 1) {\n      const menuIndex =\n        (firstIndex + delta * i + menuItems.length) % menuItems.length;\n      const item = menuItems[menuIndex];\n      if (!(item instanceof Promise) && item.disabled !== true) {\n        return menuIndex;\n      }\n    }\n    return startIndex;\n  }\n}\n\nexport default ContextActionUtils;\n"],"mappings":"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","ignoreList":[]}

package/dist/context-actions/ContextActions.d.ts

@@ -2,8 +2,7 @@
  * Just a simple utility class for displaying a popup menu.
  */
 import React, { Component } from 'react';
-import { type ResolvableContextAction } from './ContextActionUtils';
-import type { ContextAction } from './ContextActionUtils';
+import { type ResolvableContextAction, type ContextAction } from './ContextActionUtils';
 import './ContextActions.scss';
 interface ContextActionsProps {
     actions?: ResolvableContextAction | ResolvableContextAction[];

package/dist/context-actions/ContextActions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ContextActions.d.ts","sourceRoot":"","sources":["../../src/context-actions/ContextActions.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzC,OAA2B,EACzB,KAAK,uBAAuB,EAE7B,MAAM,sBAAsB,CAAC;AAC9B,OAAO,KAAK,EAAE,aAAa,EAAsB,MAAM,sBAAsB,CAAC;AAE9E,OAAO,uBAAuB,CAAC;AAI/B,UAAU,mBAAmB;IAC3B,OAAO,CAAC,EAAE,uBAAuB,GAAG,uBAAuB,EAAE,CAAC;IAC9D,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC5B,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,UAAU,mBAAmB;IAC3B,aAAa,EAAE,aAAa,EAAE,CAAC;IAC/B,eAAe,EAAE,aAAa,EAAE,CAAC;CAClC;AAED;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,cAAM,cAAe,SAAQ,SAAS,CACpC,mBAAmB,EACnB,mBAAmB,CACpB;IACC;;;;;OAKG;IACH,MAAM,CAAC,MAAM;;;;;;;MAQX;IAEF,MAAM,CAAC,WAAW,CAChB,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,MAAM,EACf,OAAO,EAAE,MAAM,EACf,OAAO,EAAE,uBAAuB,EAAE,GACjC,IAAI;gBAmBK,KAAK,EAAE,mBAAmB;IAWtC,MAAM,CAAC,wBAAwB,CAC7B,KAAK,EAAE,mBAAmB,GACzB,mBAAmB;IAmBtB,iBAAiB,IAAI,IAAI;IAazB,oBAAoB,IAAI,IAAI;IAa5B,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAE3C,iBAAiB,CAAC,CAAC,EAAE,UAAU,GAAG,IAAI;IAgDtC,aAAa,CAAC,CAAC,EAAE,aAAa,GAAG,IAAI;IAqBrC,MAAM,IAAI,GAAG,CAAC,OAAO;CAatB;AAED,eAAe,cAAc,CAAC"}
+{"version":3,"file":"ContextActions.d.ts","sourceRoot":"","sources":["../../src/context-actions/ContextActions.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzC,OAA2B,EACzB,KAAK,uBAAuB,EAC5B,KAAK,aAAa,EAGnB,MAAM,sBAAsB,CAAC;AAE9B,OAAO,uBAAuB,CAAC;AAI/B,UAAU,mBAAmB;IAC3B,OAAO,CAAC,EAAE,uBAAuB,GAAG,uBAAuB,EAAE,CAAC;IAC9D,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC5B,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,UAAU,mBAAmB;IAC3B,aAAa,EAAE,aAAa,EAAE,CAAC;IAC/B,eAAe,EAAE,aAAa,EAAE,CAAC;CAClC;AAED;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,cAAM,cAAe,SAAQ,SAAS,CACpC,mBAAmB,EACnB,mBAAmB,CACpB;IACC;;;;;OAKG;IACH,MAAM,CAAC,MAAM;;;;;;;MAQX;IAEF,MAAM,CAAC,WAAW,CAChB,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,MAAM,EACf,OAAO,EAAE,MAAM,EACf,OAAO,EAAE,uBAAuB,EAAE,GACjC,IAAI;gBAmBK,KAAK,EAAE,mBAAmB;IAWtC,MAAM,CAAC,wBAAwB,CAC7B,KAAK,EAAE,mBAAmB,GACzB,mBAAmB;IAmBtB,iBAAiB,IAAI,IAAI;IAazB,oBAAoB,IAAI,IAAI;IAa5B,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAE3C,iBAAiB,CAAC,CAAC,EAAE,UAAU,GAAG,IAAI;IAgDtC,aAAa,CAAC,CAAC,EAAE,aAAa,GAAG,IAAI;IAqBrC,MAAM,IAAI,GAAG,CAAC,OAAO;CAatB;AAED,eAAe,cAAc,CAAC"}

package/dist/context-actions/ContextActions.js

@@ -38,13 +38,6 @@ var log = Log.module('ContextActions');
  * You should generally have a ContextMenuRoot on the root node of your document.
  */
 class ContextActions extends Component {
-  /**
-   * Group you can assign to context menu actions to group them together.
-   * Lower group IDs appear at the top of the list.
-   * Groups are separated by a separator item.
-   * Items within groups are ordered by their order property, then by their title.
-   */
-
   static triggerMenu(element, clientX, clientY, actions) {
     if (actions.length === 0) {
       return;
@@ -104,21 +97,22 @@ class ContextActions extends Component {
     if (ignoreClassNames.length > 0) {
       var el = e.target;
       var _loop = function _loop() {
-        var {
-          classList
-        } = el;
-        var ignoredClassName = ignoreClassNames.find(className => classList.contains(className));
-        if (ignoredClassName !== undefined) {
-          log.debug2("Contextmenu event ignored based on the target className \"".concat(ignoredClassName, "\""));
-          return {
-            v: void 0
-          };
-        }
-        el = el.parentElement;
-      };
+          var {
+            classList
+          } = el;
+          var ignoredClassName = ignoreClassNames.find(className => classList.contains(className));
+          if (ignoredClassName !== undefined) {
+            log.debug2("Contextmenu event ignored based on the target className \"".concat(ignoredClassName, "\""));
+            return {
+              v: void 0
+            };
+          }
+          el = el.parentElement;
+        },
+        _ret;
       while (el != null) {
-        var _ret = _loop();
-        if (typeof _ret === "object") return _ret.v;
+        _ret = _loop();
+        if (_ret) return _ret.v;
       }
     }
     if (!ContextActionUtils.isContextActionEvent(e)) {
@@ -148,7 +142,7 @@ class ContextActions extends Component {
       if (!ContextActionUtils.actionsDisabled && keyboardAction.shortcut != null && keyboardAction.shortcut.matchesEvent(e)) {
         var _keyboardAction$actio;
         log.debug('Context hotkey matched!', e);
-        (_keyboardAction$actio = keyboardAction.action) === null || _keyboardAction$actio === void 0 ? void 0 : _keyboardAction$actio.call(keyboardAction, e);
+        (_keyboardAction$actio = keyboardAction.action) === null || _keyboardAction$actio === void 0 || _keyboardAction$actio.call(keyboardAction, e);
         e.stopPropagation();
         e.preventDefault();
         log.debug2('Matched hotkey returned false, key event not consumed');
@@ -172,6 +166,12 @@ class ContextActions extends Component {
     });
   }
 }
+/**
+ * Group you can assign to context menu actions to group them together.
+ * Lower group IDs appear at the top of the list.
+ * Groups are separated by a separator item.
+ * Items within groups are ordered by their order property, then by their title.
+ */
 _defineProperty(ContextActions, "groups", {
   default: undefined,
   high: 100,