@deephaven/components 0.26.2-beta.0 → 0.26.2-beta.1

package/dist/MaskedInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"MaskedInput.js","names":["React","useMemo","useEffect","useCallback","classNames","Log","useForwardedRef","log","module","SELECTION_DIRECTION","FORWARD","BACKWARD","NONE","FIXED_WIDTH_SPACE","DEFAULT_GET_PREFERRED_REPLACEMENT_STRING","value","replaceIndex","newChar","substring","fillToLength","checkValue","exampleValue","length","trimTrailingMask","emptyMask","i","MaskedInput","forwardRef","props","ref","className","example","getNextSegmentValue","range","delta","segmentValue","getPreferredReplacementString","onChange","onSelect","pattern","placeholder","selection","onFocus","onBlur","dataTestId","input","examples","Array","isArray","replace","setSelectedSegment","debug","selectionStart","selectionEnd","selectionDirection","current","setSelectionRange","getSegment","cursorPosition","testValue","test","charAt","fillValue","filledValue","concat","isValid","patternRegex","RegExp","nextSegment","position","currentSegment","nextPosition","previousSegment","previousPosition","nextSegmentValue","segment","newSegmentValue","newValue","handleSelect","event","target","error","debug2","nativeEvent","type","newSelection","handleSelectCapture","preventDefault","stopPropagation","handleArrowKey","key","handleKeyDown","startsWith","trimmedValue","altKey","metaKey","ctrlKey","newChars","from","Set","toUpperCase","toLowerCase","maxReplaceIndex","newSelectionStart","nextSegmentSelection","undefined","defaultProps"],"sources":["../src/MaskedInput.tsx"],"sourcesContent":["import React, { useMemo, useEffect, useCallback } from 'react';\nimport classNames from 'classnames';\nimport Log from '@deephaven/log';\nimport { useForwardedRef } from '@deephaven/react-hooks';\nimport './MaskedInput.scss';\n\nconst log = Log.module('MaskedInput');\n\nconst SELECTION_DIRECTION = {\n  FORWARD: 'forward',\n  BACKWARD: 'backward',\n  NONE: 'none',\n} as const;\n\n/**\n * Special space character that's the same size as tabular numbers\n * https://www.fileformat.info/info/unicode/char/2007/index.htm\n */\nconst FIXED_WIDTH_SPACE = '\\u2007';\n\nexport function DEFAULT_GET_PREFERRED_REPLACEMENT_STRING(\n  value: string,\n  replaceIndex: number,\n  newChar: string\n): string {\n  return (\n    value.substring(0, replaceIndex) +\n    newChar +\n    value.substring(replaceIndex + 1)\n  );\n}\n\n/**\n * Fill the string on the right side with the example value to the given length\n * @param checkValue Initial string to pad\n * @param exampleValue Example value\n * @param length Target length\n * @returns String padded with the given example value\n */\nexport function fillToLength(\n  checkValue: string,\n  exampleValue: string,\n  length: number\n): string {\n  return checkValue.length < length\n    ? `${checkValue}${exampleValue.substring(checkValue.length, length)}`\n    : checkValue;\n}\n\n/**\n * Trim all characters matching the empty mask on the right side of the given value\n * @param value String to trim\n * @param emptyMask Empty mask\n * @returns Trimmed string\n */\nexport function trimTrailingMask(value: string, emptyMask: string): string {\n  let { length } = value;\n  for (let i = value.length - 1; i >= 0; i -= 1) {\n    if (emptyMask[i] === value[i]) {\n      length = i;\n    } else {\n      break;\n    }\n  }\n  return value.substring(0, length);\n}\n\nexport type SelectionSegment = {\n  selectionStart: number;\n  selectionEnd: number;\n  selectionDirection?: typeof SELECTION_DIRECTION[keyof typeof SELECTION_DIRECTION];\n};\n\ntype MaskedInputProps = {\n  /** An extra class name to add to the component */\n  className?: string;\n  /** The regex pattern this masked input must match */\n  pattern: string;\n  /** Input placeholder */\n  placeholder?: string;\n  /** The current value to display */\n  value: string;\n  /** One or more examples of valid values. Used when deciding if next keystroke is valid (as rest of the current value may be incomplete) */\n  example: string | string[];\n  /** The current selection to use for the input */\n  selection?: SelectionSegment;\n  /** Called when the value changes. Note the value may still be incomplete. */\n  onChange?(value: string): void;\n  /** Called when selection changes */\n  onSelect?(segment: SelectionSegment): void;\n  /** Retrieve the next value for a provided segment */\n  getNextSegmentValue?(\n    segment: SelectionSegment,\n    delta: number,\n    segmentValue: string,\n    value: string\n  ): string;\n  getPreferredReplacementString?(\n    value: string,\n    replaceIndex: number,\n    replaceChar: string,\n    selectionStart: number,\n    selectionEnd: number\n  ): string;\n  onFocus?: React.FocusEventHandler;\n  onBlur?: React.FocusEventHandler;\n\n  'data-testid'?: string;\n};\n\n/**\n * A masked input for entering data from a template.\n * Won't work by itself, must use within another component and handle updating the value/selection.\n */\n// Forward ref causes a false positive for display-name in eslint:\n// https://github.com/yannickcr/eslint-plugin-react/issues/2269\n// eslint-disable-next-line react/display-name\nconst MaskedInput = React.forwardRef<HTMLInputElement, MaskedInputProps>(\n  (props: MaskedInputProps, ref) => {\n    const {\n      className,\n      example,\n      getNextSegmentValue = (range, delta, segmentValue) => segmentValue,\n      getPreferredReplacementString = DEFAULT_GET_PREFERRED_REPLACEMENT_STRING,\n      onChange = () => false,\n      onSelect = () => false,\n      pattern,\n      placeholder,\n      selection,\n      value,\n      onFocus = () => false,\n      onBlur = () => false,\n      'data-testid': dataTestId,\n    } = props;\n    const input = useForwardedRef(ref);\n    const examples = useMemo(\n      () => (Array.isArray(example) ? example : [example]),\n      [example]\n    );\n    const emptyMask = useMemo(\n      () => examples[0].replace(/[a-zA-Z0-9]/g, FIXED_WIDTH_SPACE),\n      [examples]\n    );\n\n    useEffect(\n      function setSelectedSegment() {\n        if (selection != null) {\n          log.debug('setting selection...', selection);\n          const {\n            selectionStart,\n            selectionEnd,\n            selectionDirection,\n          } = selection;\n          input.current?.setSelectionRange(\n            selectionStart,\n            selectionEnd,\n            selectionDirection\n          );\n          log.debug('selection set!');\n        }\n      },\n      [selection, input]\n    );\n\n    /**\n     * Returns the selection range for the segment at the given cursor position\n     * @param cursorPosition The current position of the cursor\n     */\n    const getSegment = useCallback(\n      (cursorPosition: number) => {\n        let selectionStart = cursorPosition;\n        let selectionEnd = cursorPosition;\n        const testValue = examples.length > 0 ? examples[0] : value;\n\n        for (let i = selectionStart - 1; i >= 0; i -= 1) {\n          if (!/[a-zA-Z0-9]/g.test(testValue.charAt(i))) {\n            break;\n          }\n\n          selectionStart = i;\n        }\n\n        for (let i = selectionEnd; i < testValue.length; i += 1) {\n          if (!/[a-zA-Z0-9]/g.test(testValue.charAt(i))) {\n            break;\n          }\n\n          selectionEnd = i + 1;\n        }\n\n        const selectionDirection =\n          selectionStart === selectionEnd\n            ? SELECTION_DIRECTION.NONE\n            : SELECTION_DIRECTION.BACKWARD;\n\n        return {\n          selectionStart,\n          selectionEnd,\n          selectionDirection,\n        };\n      },\n      [examples, value]\n    );\n\n    /**\n     * Replaces all blank spaces and everything after the current cursor position with the example value\n     * @param checkValue The value to check/fill in\n     * @param exampleValue The example to fill in the value from\n     * @param cursorPosition The cursor position\n     * @returns The filled in value\n     */\n    function fillValue(\n      checkValue: string,\n      exampleValue: string,\n      cursorPosition = checkValue.length\n    ): string {\n      let filledValue = '';\n      for (let i = 0; i < cursorPosition; i += 1) {\n        if (checkValue.charAt(i) !== FIXED_WIDTH_SPACE) {\n          filledValue = filledValue.concat(checkValue[i]);\n        } else {\n          filledValue = filledValue.concat(exampleValue[i]);\n        }\n      }\n      filledValue = filledValue.concat(exampleValue.substring(cursorPosition));\n\n      return filledValue;\n    }\n\n    /**\n     * Checks if a given `value` is valid up until the `cursorPosition`.\n     * Uses the examples to build the rest of the string\n     * @param checkValue The value to check validity of\n     * @param cursorPosition The position of the cursor to check up to\n     */\n    function isValid(\n      checkValue: string,\n      cursorPosition = checkValue.length\n    ): boolean {\n      const patternRegex = new RegExp(`^${pattern}$`);\n      if (patternRegex.test(checkValue)) {\n        return true;\n      }\n\n      for (let i = 0; i < examples.length; i += 1) {\n        const filledValue = fillValue(checkValue, examples[i], cursorPosition);\n        if (patternRegex.test(filledValue)) {\n          return true;\n        }\n      }\n      return false;\n    }\n\n    /**\n     * Returns the next segment after the given position\n     * @param position The cursor position to start at\n     * @returns The new selection range\n     */\n    function nextSegment(position: number): SelectionSegment {\n      const currentSegment = getSegment(position);\n      const nextPosition = currentSegment.selectionEnd + 1;\n      if (nextPosition >= value.length) {\n        return currentSegment;\n      }\n\n      return getSegment(nextPosition);\n    }\n\n    /**\n     * Returns the previous segment before the given position\n     * @param position The cursor position to start at\n     * @returns The new selection range\n     */\n    function previousSegment(position: number): SelectionSegment {\n      const currentSegment = getSegment(position);\n      const previousPosition = currentSegment.selectionStart - 1;\n      if (previousPosition <= 0) {\n        return currentSegment;\n      }\n\n      return getSegment(previousPosition);\n    }\n\n    function nextSegmentValue(position: number, delta: number): void {\n      const segment = getSegment(position);\n      const segmentValue = value.substring(\n        segment.selectionStart,\n        segment.selectionEnd\n      );\n      const newSegmentValue = getNextSegmentValue(\n        segment,\n        delta,\n        segmentValue,\n        value\n      );\n      const newValue =\n        value.substring(0, segment.selectionStart) +\n        newSegmentValue +\n        value.substring(segment.selectionEnd);\n      if (isValid(newValue, segment.selectionEnd)) {\n        onChange(newValue);\n        onSelect(segment);\n      }\n    }\n\n    const handleSelect = useCallback(\n      (event: React.UIEvent<HTMLInputElement>) => {\n        const {\n          selectionStart = 0,\n          selectionEnd = 0,\n          selectionDirection = 'none',\n        } = event.target as HTMLInputElement;\n\n        if (\n          selectionStart === null ||\n          selectionEnd === null ||\n          selectionDirection === null\n        ) {\n          log.error(\n            'Selection attempted on non-text input element',\n            event.target\n          );\n          return;\n        }\n\n        log.debug2(\n          'handleSelect',\n          selectionStart,\n          selectionEnd,\n          selectionDirection\n        );\n        if (\n          selection != null &&\n          selectionStart === selection.selectionStart &&\n          selectionEnd === selection.selectionEnd\n        ) {\n          return;\n        }\n        if (\n          selection != null &&\n          selectionStart === value.length &&\n          selectionEnd === value.length &&\n          event.nativeEvent.type !== 'mouseup'\n        ) {\n          // React triggers onSelect event with the cursor at the end of the input content\n          // when the component is rendered at a different location in the DOM,\n          // i.e. when start/end times switch places in the TimeSlider.\n          // Ignore this event and reset the selection to its previous state.\n          onSelect({ ...selection });\n          return;\n        }\n        if (selectionStart === selectionEnd) {\n          const newSelection = getSegment(selectionStart);\n          log.debug(\n            'Selection segment from ',\n            selectionStart,\n            selectionEnd,\n            '=>',\n            newSelection\n          );\n          onSelect(newSelection);\n        } else {\n          onSelect({ selectionStart, selectionEnd, selectionDirection });\n        }\n      },\n      [getSegment, onSelect, selection, value]\n    );\n\n    const handleSelectCapture = useCallback(\n      (event: React.UIEvent<HTMLInputElement>) => {\n        if (!input.current) {\n          return;\n        }\n        log.debug('handleSelectCapture', event);\n        const selectionStart = input.current.selectionStart ?? 0;\n        if (\n          selectionStart === value.length &&\n          selection != null &&\n          selectionStart !== selection.selectionStart\n        ) {\n          event.preventDefault();\n          event.stopPropagation();\n        }\n      },\n      [input, selection, value]\n    );\n\n    function handleArrowKey(event: React.KeyboardEvent<HTMLInputElement>) {\n      event.preventDefault();\n      event.stopPropagation();\n\n      if (!input.current) {\n        return;\n      }\n\n      const { key } = event;\n      const { selectionStart = 0, selectionEnd = 0 } = input.current;\n      if (selectionStart === null || selectionEnd === null) {\n        log.error(\n          'Selection arrow nvaigation attempted on non-text input element',\n          event.target\n        );\n        return;\n      }\n\n      if (key === 'ArrowLeft') {\n        onSelect(previousSegment(selectionStart));\n      } else if (key === 'ArrowRight') {\n        onSelect(nextSegment(selectionEnd));\n      } else if (key === 'ArrowUp') {\n        nextSegmentValue(selectionStart, -1);\n      } else if (key === 'ArrowDown') {\n        nextSegmentValue(selectionStart, 1);\n      }\n    }\n\n    function handleKeyDown(event: React.KeyboardEvent<HTMLInputElement>) {\n      if (!input.current) {\n        return;\n      }\n      log.debug('handleKeyDown', event);\n      const { key } = event;\n      const { selectionStart = 0, selectionEnd = 0 } = input.current;\n      if (selectionStart === null || selectionEnd === null) {\n        log.error(\n          'Selection key event on non-text input element',\n          event.target\n        );\n        return;\n      }\n\n      if (key.startsWith('Arrow')) {\n        handleArrowKey(event);\n        return;\n      }\n\n      if (key === 'Delete' || key === 'Backspace') {\n        event.preventDefault();\n        event.stopPropagation();\n\n        // Deleting at the end of the value\n        if (selectionEnd >= trimTrailingMask(value, emptyMask).length) {\n          const newValue = value.substring(\n            0,\n            // Delete whole selection or just the char before the cursor\n            selectionStart === selectionEnd\n              ? selectionStart - 1\n              : selectionStart\n          );\n          const trimmedValue = trimTrailingMask(newValue, emptyMask);\n          if (trimmedValue !== value) {\n            onChange(trimmedValue);\n            onSelect({\n              selectionStart: trimmedValue.length,\n              selectionEnd: trimmedValue.length,\n              selectionDirection: SELECTION_DIRECTION.NONE,\n            });\n          }\n          return;\n        }\n\n        if (selectionStart !== selectionEnd) {\n          // Replace all non-masked characters with blanks, set selection to start\n          const newValue =\n            value.substring(0, selectionStart) +\n            value\n              .substring(selectionStart, selectionEnd)\n              .replace(/[a-zA-Z0-9]/g, FIXED_WIDTH_SPACE) +\n            value.substring(selectionEnd);\n          log.debug(\n            'Range ',\n            selectionStart,\n            selectionEnd,\n            'deleted, setting value',\n            newValue\n          );\n\n          onChange(newValue);\n          onSelect({\n            selectionStart,\n            selectionEnd: selectionStart,\n            selectionDirection: SELECTION_DIRECTION.NONE,\n          });\n        } else if (selectionStart > 0) {\n          for (let i = selectionStart - 1; i >= 0; i -= 1) {\n            // Only replace non placeholder text\n            const newValue =\n              value.substring(0, i) +\n              value\n                .substring(i, selectionStart)\n                .replace(/[a-zA-Z0-9]/g, FIXED_WIDTH_SPACE) +\n              value.substring(selectionStart);\n\n            if (newValue !== value) {\n              onChange(newValue);\n              onSelect({\n                selectionStart: i,\n                selectionEnd: i,\n                selectionDirection: SELECTION_DIRECTION.NONE,\n              });\n              return;\n            }\n          }\n        }\n\n        return;\n      }\n\n      if (event.altKey || event.metaKey || event.ctrlKey || key.length > 1) {\n        return;\n      }\n\n      event.preventDefault();\n      event.stopPropagation();\n\n      // Get the different permutations of the character they entered, remove duplicates\n      const newChars = Array.from(\n        new Set([key, key.toUpperCase(), key.toLowerCase()])\n      );\n      for (let i = 0; i < newChars.length; i += 1) {\n        const newChar = newChars[i];\n\n        // If they're typing an alphanumeric character, be smart and allow it to jump ahead\n        const maxReplaceIndex = /[a-zA-Z0-9]/g.test(newChar)\n          ? examples[0].length - 1\n          : selectionStart;\n        for (\n          let replaceIndex = selectionStart;\n          replaceIndex <= maxReplaceIndex;\n          replaceIndex += 1\n        ) {\n          // Fill with the example chars if necessary\n          const filledValue = fillToLength(\n            value,\n            examples[0],\n            replaceIndex + 1\n          );\n          const newValue = getPreferredReplacementString(\n            filledValue,\n            replaceIndex,\n            newChar,\n            selectionStart,\n            selectionEnd\n          );\n          if (isValid(newValue, replaceIndex + 1)) {\n            const currentSegment = getSegment(replaceIndex);\n            const newSelectionStart = replaceIndex + 1;\n            let newSelection: SelectionSegment = {\n              selectionStart: newSelectionStart,\n              selectionEnd: newSelectionStart,\n              selectionDirection: SELECTION_DIRECTION.NONE,\n            };\n            if (newSelectionStart >= currentSegment.selectionEnd) {\n              const nextSegmentSelection = nextSegment(replaceIndex);\n              if (\n                nextSegmentSelection.selectionStart !==\n                currentSegment.selectionStart\n              ) {\n                newSelection = nextSegmentSelection;\n              }\n            }\n            log.debug('handleKeyDown', key, '=>', newValue, newSelection);\n            onChange(newValue);\n            onSelect(newSelection);\n            return;\n          }\n        }\n      }\n    }\n\n    // Need to use \"text\" type so we can apply a pattern and make selection properly\n    return (\n      <input\n        ref={input}\n        className={classNames('form-control masked-input', className)}\n        type=\"text\"\n        pattern={pattern}\n        placeholder={placeholder}\n        value={value}\n        onChange={() => undefined}\n        onKeyDown={handleKeyDown}\n        onSelect={handleSelect}\n        onSelectCapture={handleSelectCapture}\n        onFocus={onFocus}\n        onBlur={onBlur}\n        data-testid={dataTestId}\n      />\n    );\n  }\n);\n\nMaskedInput.defaultProps = {\n  className: '',\n  placeholder: undefined,\n  onChange(): void {\n    // no-op\n  },\n  onSelect(): void {\n    // no-op\n  },\n  getNextSegmentValue: (range, delta, segmentValue) => segmentValue,\n  getPreferredReplacementString: DEFAULT_GET_PREFERRED_REPLACEMENT_STRING,\n  selection: undefined,\n  onFocus(): void {\n    // no-op\n  },\n  onBlur(): void {\n    // no-op\n  },\n  'data-testid': undefined,\n};\n\nexport default MaskedInput;\n"],"mappings":"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"}
+{"version":3,"file":"MaskedInput.js","names":["React","useMemo","useEffect","useCallback","classNames","Log","useForwardedRef","log","module","SELECTION_DIRECTION","FORWARD","BACKWARD","NONE","FIXED_WIDTH_SPACE","DEFAULT_GET_PREFERRED_REPLACEMENT_STRING","value","replaceIndex","newChar","substring","fillToLength","checkValue","exampleValue","length","trimTrailingMask","emptyMask","i","MaskedInput","forwardRef","props","ref","className","example","getNextSegmentValue","range","delta","segmentValue","getPreferredReplacementString","onChange","onSelect","pattern","placeholder","selection","onFocus","onBlur","dataTestId","input","examples","Array","isArray","replace","setSelectedSegment","debug","selectionStart","selectionEnd","selectionDirection","current","setSelectionRange","getSegment","cursorPosition","testValue","test","charAt","fillValue","filledValue","concat","isValid","patternRegex","RegExp","nextSegment","position","currentSegment","nextPosition","previousSegment","previousPosition","nextSegmentValue","segment","newSegmentValue","newValue","handleSelect","event","target","error","debug2","nativeEvent","type","newSelection","handleSelectCapture","preventDefault","stopPropagation","handleArrowKey","key","handleKeyDown","startsWith","trimmedValue","altKey","metaKey","ctrlKey","newChars","from","Set","toUpperCase","toLowerCase","maxReplaceIndex","newSelectionStart","nextSegmentSelection","undefined","defaultProps"],"sources":["../src/MaskedInput.tsx"],"sourcesContent":["import React, { useMemo, useEffect, useCallback } from 'react';\nimport classNames from 'classnames';\nimport Log from '@deephaven/log';\nimport { useForwardedRef } from '@deephaven/react-hooks';\nimport './MaskedInput.scss';\n\nconst log = Log.module('MaskedInput');\n\nconst SELECTION_DIRECTION = {\n  FORWARD: 'forward',\n  BACKWARD: 'backward',\n  NONE: 'none',\n} as const;\n\n/**\n * Special space character that's the same size as tabular numbers\n * https://www.fileformat.info/info/unicode/char/2007/index.htm\n */\nconst FIXED_WIDTH_SPACE = '\\u2007';\n\nexport function DEFAULT_GET_PREFERRED_REPLACEMENT_STRING(\n  value: string,\n  replaceIndex: number,\n  newChar: string\n): string {\n  return (\n    value.substring(0, replaceIndex) +\n    newChar +\n    value.substring(replaceIndex + 1)\n  );\n}\n\n/**\n * Fill the string on the right side with the example value to the given length\n * @param checkValue Initial string to pad\n * @param exampleValue Example value\n * @param length Target length\n * @returns String padded with the given example value\n */\nexport function fillToLength(\n  checkValue: string,\n  exampleValue: string,\n  length: number\n): string {\n  return checkValue.length < length\n    ? `${checkValue}${exampleValue.substring(checkValue.length, length)}`\n    : checkValue;\n}\n\n/**\n * Trim all characters matching the empty mask on the right side of the given value\n * @param value String to trim\n * @param emptyMask Empty mask\n * @returns Trimmed string\n */\nexport function trimTrailingMask(value: string, emptyMask: string): string {\n  let { length } = value;\n  for (let i = value.length - 1; i >= 0; i -= 1) {\n    if (emptyMask[i] === value[i]) {\n      length = i;\n    } else {\n      break;\n    }\n  }\n  return value.substring(0, length);\n}\n\nexport type SelectionSegment = {\n  selectionStart: number;\n  selectionEnd: number;\n  selectionDirection?: typeof SELECTION_DIRECTION[keyof typeof SELECTION_DIRECTION];\n};\n\ntype MaskedInputProps = {\n  /** An extra class name to add to the component */\n  className?: string;\n  /** The regex pattern this masked input must match */\n  pattern: string;\n  /** Input placeholder */\n  placeholder?: string;\n  /** The current value to display */\n  value: string;\n  /** One or more examples of valid values. Used when deciding if next keystroke is valid (as rest of the current value may be incomplete) */\n  example: string | string[];\n  /** The current selection to use for the input */\n  selection?: SelectionSegment;\n  /** Called when the value changes. Note the value may still be incomplete. */\n  onChange?(value: string): void;\n  /** Called when selection changes */\n  onSelect?(segment: SelectionSegment): void;\n  /** Retrieve the next value for a provided segment */\n  getNextSegmentValue?(\n    segment: SelectionSegment,\n    delta: number,\n    segmentValue: string,\n    value: string\n  ): string;\n  getPreferredReplacementString?(\n    value: string,\n    replaceIndex: number,\n    replaceChar: string,\n    selectionStart: number,\n    selectionEnd: number\n  ): string;\n  onFocus?: React.FocusEventHandler;\n  onBlur?: React.FocusEventHandler;\n\n  'data-testid'?: string;\n};\n\n/**\n * A masked input for entering data from a template.\n * Won't work by itself, must use within another component and handle updating the value/selection.\n */\n// Forward ref causes a false positive for display-name in eslint:\n// https://github.com/yannickcr/eslint-plugin-react/issues/2269\n// eslint-disable-next-line react/display-name\nconst MaskedInput = React.forwardRef<HTMLInputElement, MaskedInputProps>(\n  (props: MaskedInputProps, ref) => {\n    const {\n      className,\n      example,\n      getNextSegmentValue = (range, delta, segmentValue) => segmentValue,\n      getPreferredReplacementString = DEFAULT_GET_PREFERRED_REPLACEMENT_STRING,\n      onChange = () => false,\n      onSelect = () => false,\n      pattern,\n      placeholder,\n      selection,\n      value,\n      onFocus = () => false,\n      onBlur = () => false,\n      'data-testid': dataTestId,\n    } = props;\n    const input = useForwardedRef(ref);\n    const examples = useMemo(\n      () => (Array.isArray(example) ? example : [example]),\n      [example]\n    );\n    const emptyMask = useMemo(\n      () => examples[0].replace(/[a-zA-Z0-9]/g, FIXED_WIDTH_SPACE),\n      [examples]\n    );\n\n    useEffect(\n      function setSelectedSegment() {\n        if (selection != null) {\n          log.debug('setting selection...', selection);\n          const {\n            selectionStart,\n            selectionEnd,\n            selectionDirection,\n          } = selection;\n          input.current?.setSelectionRange(\n            selectionStart,\n            selectionEnd,\n            selectionDirection\n          );\n          log.debug('selection set!');\n        }\n      },\n      [selection, input]\n    );\n\n    /**\n     * Returns the selection range for the segment at the given cursor position\n     * @param cursorPosition The current position of the cursor\n     */\n    const getSegment = useCallback(\n      (cursorPosition: number) => {\n        let selectionStart = cursorPosition;\n        let selectionEnd = cursorPosition;\n        const testValue = examples.length > 0 ? examples[0] : value;\n\n        for (let i = selectionStart - 1; i >= 0; i -= 1) {\n          if (!/[a-zA-Z0-9]/g.test(testValue.charAt(i))) {\n            break;\n          }\n\n          selectionStart = i;\n        }\n\n        for (let i = selectionEnd; i < testValue.length; i += 1) {\n          if (!/[a-zA-Z0-9]/g.test(testValue.charAt(i))) {\n            break;\n          }\n\n          selectionEnd = i + 1;\n        }\n\n        const selectionDirection =\n          selectionStart === selectionEnd\n            ? SELECTION_DIRECTION.NONE\n            : SELECTION_DIRECTION.BACKWARD;\n\n        return {\n          selectionStart,\n          selectionEnd,\n          selectionDirection,\n        };\n      },\n      [examples, value]\n    );\n\n    /**\n     * Replaces all blank spaces and everything after the current cursor position with the example value\n     * @param checkValue The value to check/fill in\n     * @param exampleValue The example to fill in the value from\n     * @param cursorPosition The cursor position\n     * @returns The filled in value\n     */\n    function fillValue(\n      checkValue: string,\n      exampleValue: string,\n      cursorPosition = checkValue.length\n    ): string {\n      let filledValue = '';\n      for (let i = 0; i < cursorPosition; i += 1) {\n        if (checkValue.charAt(i) !== FIXED_WIDTH_SPACE) {\n          filledValue = filledValue.concat(checkValue[i]);\n        } else {\n          filledValue = filledValue.concat(exampleValue[i]);\n        }\n      }\n      filledValue = filledValue.concat(exampleValue.substring(cursorPosition));\n\n      return filledValue;\n    }\n\n    /**\n     * Checks if a given `value` is valid up until the `cursorPosition`.\n     * Uses the examples to build the rest of the string\n     * @param checkValue The value to check validity of\n     * @param cursorPosition The position of the cursor to check up to\n     */\n    function isValid(\n      checkValue: string,\n      cursorPosition = checkValue.length\n    ): boolean {\n      const patternRegex = new RegExp(`^${pattern}$`);\n      if (patternRegex.test(checkValue)) {\n        return true;\n      }\n\n      for (let i = 0; i < examples.length; i += 1) {\n        const filledValue = fillValue(checkValue, examples[i], cursorPosition);\n        if (patternRegex.test(filledValue)) {\n          return true;\n        }\n      }\n      return false;\n    }\n\n    /**\n     * Returns the next segment after the given position\n     * @param position The cursor position to start at\n     * @returns The new selection range\n     */\n    function nextSegment(position: number): SelectionSegment {\n      const currentSegment = getSegment(position);\n      const nextPosition = currentSegment.selectionEnd + 1;\n      if (nextPosition >= value.length) {\n        return currentSegment;\n      }\n\n      return getSegment(nextPosition);\n    }\n\n    /**\n     * Returns the previous segment before the given position\n     * @param position The cursor position to start at\n     * @returns The new selection range\n     */\n    function previousSegment(position: number): SelectionSegment {\n      const currentSegment = getSegment(position);\n      const previousPosition = currentSegment.selectionStart - 1;\n      if (previousPosition <= 0) {\n        return currentSegment;\n      }\n\n      return getSegment(previousPosition);\n    }\n\n    function nextSegmentValue(position: number, delta: number): void {\n      const segment = getSegment(position);\n      const segmentValue = value.substring(\n        segment.selectionStart,\n        segment.selectionEnd\n      );\n      const newSegmentValue = getNextSegmentValue(\n        segment,\n        delta,\n        segmentValue,\n        value\n      );\n      const newValue =\n        value.substring(0, segment.selectionStart) +\n        newSegmentValue +\n        value.substring(segment.selectionEnd);\n      if (isValid(newValue, segment.selectionEnd)) {\n        onChange(newValue);\n        onSelect(segment);\n      }\n    }\n\n    const handleSelect = useCallback(\n      (event: React.UIEvent<HTMLInputElement>) => {\n        const {\n          selectionStart = 0,\n          selectionEnd = 0,\n          selectionDirection = 'none',\n        } = event.target as HTMLInputElement;\n\n        if (\n          selectionStart === null ||\n          selectionEnd === null ||\n          selectionDirection === null\n        ) {\n          log.error(\n            'Selection attempted on non-text input element',\n            event.target\n          );\n          return;\n        }\n\n        log.debug2(\n          'handleSelect',\n          selectionStart,\n          selectionEnd,\n          selectionDirection\n        );\n        if (\n          selection != null &&\n          selectionStart === selection.selectionStart &&\n          selectionEnd === selection.selectionEnd\n        ) {\n          return;\n        }\n        if (\n          selection != null &&\n          selectionStart === value.length &&\n          selectionEnd === value.length &&\n          event.nativeEvent.type !== 'mouseup'\n        ) {\n          // React triggers onSelect event with the cursor at the end of the input content\n          // when the component is rendered at a different location in the DOM,\n          // i.e. when start/end times switch places in the TimeSlider.\n          // Ignore this event and reset the selection to its previous state.\n          onSelect({ ...selection });\n          return;\n        }\n        if (selectionStart === selectionEnd) {\n          const newSelection = getSegment(selectionStart);\n          log.debug(\n            'Selection segment from ',\n            selectionStart,\n            selectionEnd,\n            '=>',\n            newSelection\n          );\n          onSelect(newSelection);\n        } else {\n          onSelect({ selectionStart, selectionEnd, selectionDirection });\n        }\n      },\n      [getSegment, onSelect, selection, value]\n    );\n\n    const handleSelectCapture = useCallback(\n      (event: React.UIEvent<HTMLInputElement>) => {\n        if (!input.current) {\n          return;\n        }\n        log.debug('handleSelectCapture', event);\n        const selectionStart = input.current.selectionStart ?? 0;\n        if (\n          selectionStart === value.length &&\n          selection != null &&\n          selectionStart !== selection.selectionStart\n        ) {\n          event.preventDefault();\n          event.stopPropagation();\n        }\n      },\n      [input, selection, value]\n    );\n\n    function handleArrowKey(event: React.KeyboardEvent<HTMLInputElement>) {\n      event.preventDefault();\n      event.stopPropagation();\n\n      if (!input.current) {\n        return;\n      }\n\n      const { key } = event;\n      const { selectionStart = 0, selectionEnd = 0 } = input.current;\n      if (selectionStart === null || selectionEnd === null) {\n        log.error(\n          'Selection arrow nvaigation attempted on non-text input element',\n          event.target\n        );\n        return;\n      }\n\n      if (key === 'ArrowLeft') {\n        onSelect(previousSegment(selectionStart));\n      } else if (key === 'ArrowRight') {\n        onSelect(nextSegment(selectionEnd));\n      } else if (key === 'ArrowUp') {\n        nextSegmentValue(selectionStart, -1);\n      } else if (key === 'ArrowDown') {\n        nextSegmentValue(selectionStart, 1);\n      }\n    }\n\n    function handleKeyDown(event: React.KeyboardEvent<HTMLInputElement>) {\n      if (!input.current) {\n        return;\n      }\n      log.debug('handleKeyDown', event);\n      const { key } = event;\n      const { selectionStart = 0, selectionEnd = 0 } = input.current;\n      if (selectionStart === null || selectionEnd === null) {\n        log.error(\n          'Selection key event on non-text input element',\n          event.target\n        );\n        return;\n      }\n\n      if (key.startsWith('Arrow')) {\n        handleArrowKey(event);\n        return;\n      }\n\n      if (key === 'Delete' || key === 'Backspace') {\n        event.preventDefault();\n        event.stopPropagation();\n\n        // Deleting at the end of the value\n        if (selectionEnd >= trimTrailingMask(value, emptyMask).length) {\n          const newValue = value.substring(\n            0,\n            // Delete whole selection or just the char before the cursor\n            selectionStart === selectionEnd\n              ? selectionStart - 1\n              : selectionStart\n          );\n          const trimmedValue = trimTrailingMask(newValue, emptyMask);\n          if (trimmedValue !== value) {\n            onChange(trimmedValue);\n            onSelect({\n              selectionStart: trimmedValue.length,\n              selectionEnd: trimmedValue.length,\n              selectionDirection: SELECTION_DIRECTION.NONE,\n            });\n          }\n          return;\n        }\n\n        if (selectionStart !== selectionEnd) {\n          // Replace all non-masked characters with blanks, set selection to start\n          const newValue =\n            value.substring(0, selectionStart) +\n            value\n              .substring(selectionStart, selectionEnd)\n              .replace(/[a-zA-Z0-9]/g, FIXED_WIDTH_SPACE) +\n            value.substring(selectionEnd);\n          log.debug(\n            'Range ',\n            selectionStart,\n            selectionEnd,\n            'deleted, setting value',\n            newValue\n          );\n\n          onChange(newValue);\n          onSelect({\n            selectionStart,\n            selectionEnd: selectionStart,\n            selectionDirection: SELECTION_DIRECTION.NONE,\n          });\n        } else if (selectionStart > 0) {\n          for (let i = selectionStart - 1; i >= 0; i -= 1) {\n            // Only replace non placeholder text\n            const newValue =\n              value.substring(0, i) +\n              value\n                .substring(i, selectionStart)\n                .replace(/[a-zA-Z0-9]/g, FIXED_WIDTH_SPACE) +\n              value.substring(selectionStart);\n\n            if (newValue !== value) {\n              onChange(newValue);\n              onSelect({\n                selectionStart: i,\n                selectionEnd: i,\n                selectionDirection: SELECTION_DIRECTION.NONE,\n              });\n              return;\n            }\n          }\n        }\n\n        return;\n      }\n\n      if (event.altKey || event.metaKey || event.ctrlKey || key.length > 1) {\n        return;\n      }\n\n      event.preventDefault();\n      event.stopPropagation();\n\n      // Get the different permutations of the character they entered, remove duplicates\n      const newChars = Array.from(\n        new Set([key, key.toUpperCase(), key.toLowerCase()])\n      );\n      for (let i = 0; i < newChars.length; i += 1) {\n        const newChar = newChars[i];\n\n        // If they're typing an alphanumeric character, be smart and allow it to jump ahead\n        const maxReplaceIndex = /[a-zA-Z0-9]/g.test(newChar)\n          ? examples[0].length - 1\n          : selectionStart;\n        for (\n          let replaceIndex = selectionStart;\n          replaceIndex <= maxReplaceIndex;\n          replaceIndex += 1\n        ) {\n          // Fill with the example chars if necessary\n          const filledValue = fillToLength(\n            value,\n            examples[0],\n            replaceIndex + 1\n          );\n          const newValue = getPreferredReplacementString(\n            filledValue,\n            replaceIndex,\n            newChar,\n            selectionStart,\n            selectionEnd\n          );\n          if (isValid(newValue, replaceIndex + 1)) {\n            const currentSegment = getSegment(replaceIndex);\n            const newSelectionStart = replaceIndex + 1;\n            let newSelection: SelectionSegment = {\n              selectionStart: newSelectionStart,\n              selectionEnd: newSelectionStart,\n              selectionDirection: SELECTION_DIRECTION.NONE,\n            };\n            if (newSelectionStart >= currentSegment.selectionEnd) {\n              const nextSegmentSelection = nextSegment(replaceIndex);\n              if (\n                nextSegmentSelection.selectionStart !==\n                currentSegment.selectionStart\n              ) {\n                newSelection = nextSegmentSelection;\n              }\n            }\n            log.debug('handleKeyDown', key, '=>', newValue, newSelection);\n            onChange(newValue);\n            onSelect(newSelection);\n            return;\n          }\n        }\n      }\n    }\n\n    // Need to use \"text\" type so we can apply a pattern and make selection properly\n    return (\n      <input\n        ref={input}\n        className={classNames('form-control masked-input', className)}\n        type=\"text\"\n        pattern={pattern}\n        placeholder={placeholder}\n        value={value}\n        onChange={() => undefined}\n        onKeyDown={handleKeyDown}\n        onSelect={handleSelect}\n        onSelectCapture={handleSelectCapture}\n        onFocus={onFocus}\n        onBlur={onBlur}\n        data-testid={dataTestId}\n      />\n    );\n  }\n);\n\nMaskedInput.defaultProps = {\n  className: '',\n  placeholder: undefined,\n  onChange(): void {\n    // no-op\n  },\n  onSelect(): void {\n    // no-op\n  },\n  getNextSegmentValue: (range, delta, segmentValue) => segmentValue,\n  getPreferredReplacementString: DEFAULT_GET_PREFERRED_REPLACEMENT_STRING,\n  selection: undefined,\n  onFocus(): void {\n    // no-op\n  },\n  onBlur(): void {\n    // no-op\n  },\n  'data-testid': undefined,\n};\n\nexport default MaskedInput;\n"],"mappings":"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"}

package/dist/SearchInput.js

@@ -1,4 +1,6 @@
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 import React, { PureComponent } from 'react';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { vsSearch } from '@deephaven/icons';

package/dist/SearchInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"SearchInput.js","names":["React","PureComponent","FontAwesomeIcon","vsSearch","classNames","SearchInput","constructor","props","inputField","createRef","focus","current","render","value","placeholder","onBlur","onChange","className","disabled","matchCount","id","onKeyDown","dataTestId","undefined"],"sources":["../src/SearchInput.tsx"],"sourcesContent":["import React, { PureComponent } from 'react';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { vsSearch } from '@deephaven/icons';\nimport classNames from 'classnames';\nimport './SearchInput.scss';\n\ninterface SearchInputProps {\n  value: string;\n  placeholder: string;\n  onBlur?: React.FocusEventHandler<HTMLInputElement>;\n  onChange: React.ChangeEventHandler<HTMLInputElement>;\n  onKeyDown: React.KeyboardEventHandler<HTMLInputElement>;\n  className: string;\n  disabled?: boolean;\n  matchCount: number;\n  id: string;\n  'data-testid'?: string;\n}\n\nclass SearchInput extends PureComponent<SearchInputProps> {\n  static defaultProps = {\n    placeholder: 'Search',\n    className: '',\n    matchCount: null,\n    onKeyDown(): void {\n      // no-op\n    },\n    id: '',\n    'data-testid': undefined,\n  };\n\n  constructor(props: SearchInputProps) {\n    super(props);\n    this.inputField = React.createRef();\n  }\n\n  inputField: React.RefObject<HTMLInputElement>;\n\n  focus(): void {\n    this.inputField.current?.focus();\n  }\n\n  render(): JSX.Element {\n    const {\n      value,\n      placeholder,\n      onBlur,\n      onChange,\n      className,\n      disabled,\n      matchCount,\n      id,\n      onKeyDown,\n      'data-testid': dataTestId,\n    } = this.props;\n    return (\n      <div className={classNames('search-group', className)}>\n        <input\n          type=\"search\"\n          value={value}\n          onBlur={onBlur}\n          onChange={onChange}\n          onKeyDown={onKeyDown}\n          className=\"form-control\"\n          disabled={disabled}\n          placeholder={placeholder}\n          ref={this.inputField}\n          id={id}\n          data-testid={dataTestId}\n        />\n        {matchCount != null && (\n          <span className=\"search-match\">{matchCount}</span>\n        )}\n        <span className=\"search-icon\">\n          <FontAwesomeIcon icon={vsSearch} />\n        </span>\n      </div>\n    );\n  }\n}\n\nexport default SearchInput;\n"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,aAAa,QAAQ,OAAO;AAC5C,SAASC,eAAe,QAAQ,gCAAgC;AAChE,SAASC,QAAQ,QAAQ,kBAAkB;AAC3C,OAAOC,UAAU,MAAM,YAAY;AAAC;AAgBpC,MAAMC,WAAW,SAASJ,aAAa,CAAmB;EAYxDK,WAAW,CAACC,KAAuB,EAAE;IACnC,KAAK,CAACA,KAAK,CAAC;IAAC;IACb,IAAI,CAACC,UAAU,gBAAGR,KAAK,CAACS,SAAS,EAAE;EACrC;EAIAC,KAAK,GAAS;IAAA;IACZ,6BAAI,CAACF,UAAU,CAACG,OAAO,0DAAvB,sBAAyBD,KAAK,EAAE;EAClC;EAEAE,MAAM,GAAgB;IACpB,IAAM;MACJC,KAAK;MACLC,WAAW;MACXC,MAAM;MACNC,QAAQ;MACRC,SAAS;MACTC,QAAQ;MACRC,UAAU;MACVC,EAAE;MACFC,SAAS;MACT,aAAa,EAAEC;IACjB,CAAC,GAAG,IAAI,CAACf,KAAK;IACd,oBACE;MAAK,SAAS,EAAEH,UAAU,CAAC,cAAc,EAAEa,SAAS;IAAE,gBACpD;MACE,IAAI,EAAC,QAAQ;MACb,KAAK,EAAEJ,KAAM;MACb,MAAM,EAAEE,MAAO;MACf,QAAQ,EAAEC,QAAS;MACnB,SAAS,EAAEK,SAAU;MACrB,SAAS,EAAC,cAAc;MACxB,QAAQ,EAAEH,QAAS;MACnB,WAAW,EAAEJ,WAAY;MACzB,GAAG,EAAE,IAAI,CAACN,UAAW;MACrB,EAAE,EAAEY,EAAG;MACP,eAAaE;IAAW,EACxB,EACDH,UAAU,IAAI,IAAI,iBACjB;MAAM,SAAS,EAAC;IAAc,GAAEA,UAAU,CAC3C,eACD;MAAM,SAAS,EAAC;IAAa,gBAC3B,oBAAC,eAAe;MAAC,IAAI,EAAEhB;IAAS,EAAG,CAC9B,CACH;EAEV;AACF;AAAC,gBA5DKE,WAAW,kBACO;EACpBS,WAAW,EAAE,QAAQ;EACrBG,SAAS,EAAE,EAAE;EACbE,UAAU,EAAE,IAAI;EAChBE,SAAS,GAAS;IAChB;EAAA,CACD;EACDD,EAAE,EAAE,EAAE;EACN,aAAa,EAAEG;AACjB,CAAC;AAoDH,eAAelB,WAAW"}
+{"version":3,"file":"SearchInput.js","names":["React","PureComponent","FontAwesomeIcon","vsSearch","classNames","SearchInput","constructor","props","inputField","createRef","focus","current","render","value","placeholder","onBlur","onChange","className","disabled","matchCount","id","onKeyDown","dataTestId","undefined"],"sources":["../src/SearchInput.tsx"],"sourcesContent":["import React, { PureComponent } from 'react';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { vsSearch } from '@deephaven/icons';\nimport classNames from 'classnames';\nimport './SearchInput.scss';\n\ninterface SearchInputProps {\n  value: string;\n  placeholder: string;\n  onBlur?: React.FocusEventHandler<HTMLInputElement>;\n  onChange: React.ChangeEventHandler<HTMLInputElement>;\n  onKeyDown: React.KeyboardEventHandler<HTMLInputElement>;\n  className: string;\n  disabled?: boolean;\n  matchCount: number;\n  id: string;\n  'data-testid'?: string;\n}\n\nclass SearchInput extends PureComponent<SearchInputProps> {\n  static defaultProps = {\n    placeholder: 'Search',\n    className: '',\n    matchCount: null,\n    onKeyDown(): void {\n      // no-op\n    },\n    id: '',\n    'data-testid': undefined,\n  };\n\n  constructor(props: SearchInputProps) {\n    super(props);\n    this.inputField = React.createRef();\n  }\n\n  inputField: React.RefObject<HTMLInputElement>;\n\n  focus(): void {\n    this.inputField.current?.focus();\n  }\n\n  render(): JSX.Element {\n    const {\n      value,\n      placeholder,\n      onBlur,\n      onChange,\n      className,\n      disabled,\n      matchCount,\n      id,\n      onKeyDown,\n      'data-testid': dataTestId,\n    } = this.props;\n    return (\n      <div className={classNames('search-group', className)}>\n        <input\n          type=\"search\"\n          value={value}\n          onBlur={onBlur}\n          onChange={onChange}\n          onKeyDown={onKeyDown}\n          className=\"form-control\"\n          disabled={disabled}\n          placeholder={placeholder}\n          ref={this.inputField}\n          id={id}\n          data-testid={dataTestId}\n        />\n        {matchCount != null && (\n          <span className=\"search-match\">{matchCount}</span>\n        )}\n        <span className=\"search-icon\">\n          <FontAwesomeIcon icon={vsSearch} />\n        </span>\n      </div>\n    );\n  }\n}\n\nexport default SearchInput;\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,aAAa,QAAQ,OAAO;AAC5C,SAASC,eAAe,QAAQ,gCAAgC;AAChE,SAASC,QAAQ,QAAQ,kBAAkB;AAC3C,OAAOC,UAAU,MAAM,YAAY;AAAC;AAgBpC,MAAMC,WAAW,SAASJ,aAAa,CAAmB;EAYxDK,WAAW,CAACC,KAAuB,EAAE;IACnC,KAAK,CAACA,KAAK,CAAC;IAAC;IACb,IAAI,CAACC,UAAU,gBAAGR,KAAK,CAACS,SAAS,EAAE;EACrC;EAIAC,KAAK,GAAS;IAAA;IACZ,6BAAI,CAACF,UAAU,CAACG,OAAO,0DAAvB,sBAAyBD,KAAK,EAAE;EAClC;EAEAE,MAAM,GAAgB;IACpB,IAAM;MACJC,KAAK;MACLC,WAAW;MACXC,MAAM;MACNC,QAAQ;MACRC,SAAS;MACTC,QAAQ;MACRC,UAAU;MACVC,EAAE;MACFC,SAAS;MACT,aAAa,EAAEC;IACjB,CAAC,GAAG,IAAI,CAACf,KAAK;IACd,oBACE;MAAK,SAAS,EAAEH,UAAU,CAAC,cAAc,EAAEa,SAAS;IAAE,gBACpD;MACE,IAAI,EAAC,QAAQ;MACb,KAAK,EAAEJ,KAAM;MACb,MAAM,EAAEE,MAAO;MACf,QAAQ,EAAEC,QAAS;MACnB,SAAS,EAAEK,SAAU;MACrB,SAAS,EAAC,cAAc;MACxB,QAAQ,EAAEH,QAAS;MACnB,WAAW,EAAEJ,WAAY;MACzB,GAAG,EAAE,IAAI,CAACN,UAAW;MACrB,EAAE,EAAEY,EAAG;MACP,eAAaE;IAAW,EACxB,EACDH,UAAU,IAAI,IAAI,iBACjB;MAAM,SAAS,EAAC;IAAc,GAAEA,UAAU,CAC3C,eACD;MAAM,SAAS,EAAC;IAAa,gBAC3B,oBAAC,eAAe;MAAC,IAAI,EAAEhB;IAAS,EAAG,CAC9B,CACH;EAEV;AACF;AAAC,gBA5DKE,WAAW,kBACO;EACpBS,WAAW,EAAE,QAAQ;EACrBG,SAAS,EAAE,EAAE;EACbE,UAAU,EAAE,IAAI;EAChBE,SAAS,GAAS;IAChB;EAAA,CACD;EACDD,EAAE,EAAE,EAAE;EACN,aAAa,EAAEG;AACjB,CAAC;AAoDH,eAAelB,WAAW"}

package/dist/SelectValueList.js

@@ -1,4 +1,6 @@
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 import React, { PureComponent } from 'react';
 import "./SelectValueList.css";
 import classNames from 'classnames';

package/dist/SelectValueList.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectValueList.js","names":["React","PureComponent","classNames","memoize","Checkbox","SelectValueList","constructor","props","itemIndex","key","value","displayValue","rowHeight","isSelected","disabled","style","height","text","handleSelect","max","items","offset","itemElements","i","length","item","element","getCachedItem","push","handleBlur","bind","handleScroll","list","createRef","topRow","bottomRow","componentDidMount","sendViewportUpdate","componentDidUpdate","e","relatedTarget","current","HTMLElement","contains","onBlur","onSelect","visibleItemIndex","clientHeight","onViewportChange","top","scrollTop","bottom","Math","floor","ceil","getElement","elements","querySelectorAll","scrollIntoView","index","block","render","className","isInvalid","itemCount","dataTestId","getCachedItems","position","left","undefined"],"sources":["../src/SelectValueList.tsx"],"sourcesContent":["import React, { PureComponent } from 'react';\nimport './SelectValueList.scss';\nimport classNames from 'classnames';\nimport memoize from 'memoizee';\nimport Checkbox from './Checkbox';\n\nexport interface SelectItem<T> {\n  value: T;\n  displayValue?: string;\n  isSelected: boolean;\n}\n\ntype SelectValueListProps<T> = {\n  className?: string;\n  disabled: boolean;\n  isInvalid?: boolean;\n  // Total item count\n  itemCount: number;\n  rowHeight: number;\n\n  // Offset of the top item in the items array\n  offset: number;\n  items: SelectItem<T>[];\n\n  onBlur?: React.FocusEventHandler<Element>;\n  onSelect(itemIndex: number, value: T | null): void;\n  onViewportChange(topRow: number, bottomRow: number): void;\n\n  'data-testid'?: string;\n};\n\n/**\n * Select values from a long scrollable list.\n * Swaps items in and out for infinite scrolling\n */\nclass SelectValueList<T> extends PureComponent<SelectValueListProps<T>> {\n  static defaultProps = {\n    disabled: false,\n    rowHeight: 21,\n    onBlur: (): void => undefined,\n    'data-testid': undefined,\n  };\n\n  constructor(props: SelectValueListProps<T>) {\n    super(props);\n\n    this.handleBlur = this.handleBlur.bind(this);\n    this.handleScroll = this.handleScroll.bind(this);\n    this.handleSelect = this.handleSelect.bind(this);\n\n    this.list = React.createRef();\n    this.topRow = null;\n    this.bottomRow = null;\n  }\n\n  componentDidMount(): void {\n    this.sendViewportUpdate();\n  }\n\n  componentDidUpdate(): void {\n    this.sendViewportUpdate();\n  }\n\n  list: React.RefObject<HTMLDivElement>;\n\n  topRow: number | null;\n\n  bottomRow: number | null;\n\n  getCachedItem = memoize(\n    (\n      itemIndex: number,\n      key: number,\n      value: T,\n      displayValue: string | undefined,\n      rowHeight: number,\n      isSelected: boolean,\n      disabled: boolean\n    ): JSX.Element => {\n      const style = {\n        height: rowHeight,\n      };\n      const text = displayValue != null ? displayValue : value;\n\n      return (\n        // Tab index is needed so the item could be a related target in the blur event details\n        <li className=\"value-list-item\" style={style} key={key} tabIndex={-1}>\n          <Checkbox\n            checked={isSelected}\n            disabled={disabled}\n            onChange={() => this.handleSelect(itemIndex)}\n          >\n            {text}\n          </Checkbox>\n        </li>\n      );\n    },\n    { max: 1000 }\n  );\n\n  getCachedItems = memoize(\n    (\n      items: SelectItem<T>[],\n      rowHeight: number,\n      offset: number,\n      disabled: boolean\n    ): React.ReactNode => {\n      const itemElements: JSX.Element[] = [];\n      for (let i = 0; i < items.length; i += 1) {\n        const item = items[i];\n        const { value, displayValue, isSelected } = item;\n        const itemIndex = offset + i;\n        const key = itemIndex;\n        const element = this.getCachedItem(\n          itemIndex,\n          key,\n          value,\n          displayValue,\n          rowHeight,\n          isSelected,\n          disabled\n        );\n        itemElements.push(element);\n      }\n      return itemElements;\n    },\n    { max: 1 }\n  );\n\n  handleBlur(e: React.FocusEvent): void {\n    if (\n      !e.relatedTarget ||\n      (this.list.current &&\n        e.relatedTarget instanceof HTMLElement &&\n        !this.list.current.contains(e.relatedTarget))\n    ) {\n      // Next focused element is outside of the list\n      const { onBlur } = this.props;\n      onBlur?.(e);\n    }\n  }\n\n  handleScroll(): void {\n    this.sendViewportUpdate();\n  }\n\n  handleSelect(itemIndex: number): void {\n    const { items, offset, onSelect } = this.props;\n    const visibleItemIndex = itemIndex - offset;\n    if (visibleItemIndex >= 0 && visibleItemIndex < items.length) {\n      const item = items[visibleItemIndex];\n      const { value } = item;\n      onSelect(itemIndex, value);\n    } else {\n      onSelect(itemIndex, null);\n    }\n  }\n\n  sendViewportUpdate(): void {\n    if (!this.list.current || this.list.current.clientHeight === 0) {\n      return;\n    }\n\n    const { onViewportChange, rowHeight } = this.props;\n    const top = this.list.current.scrollTop;\n    const bottom = top + this.list.current.clientHeight;\n\n    const topRow = Math.floor(top / rowHeight);\n    const bottomRow = Math.ceil(bottom / rowHeight);\n\n    if (this.topRow !== topRow || this.bottomRow !== bottomRow) {\n      this.topRow = topRow;\n      this.bottomRow = bottomRow;\n      onViewportChange(topRow, bottomRow);\n    }\n  }\n\n  getElement(itemIndex: number): Element | null {\n    if (this.list.current == null) {\n      return null;\n    }\n    const elements = this.list.current.querySelectorAll('.value-list-item');\n    return elements[itemIndex];\n  }\n\n  scrollIntoView(index: number): void {\n    const element = this.getElement(index);\n    element?.scrollIntoView({ block: 'center' });\n  }\n\n  render(): JSX.Element {\n    const {\n      className,\n      disabled,\n      isInvalid,\n      items,\n      itemCount,\n      offset,\n      rowHeight,\n      'data-testid': dataTestId,\n    } = this.props;\n    const itemElements = this.getCachedItems(\n      items,\n      rowHeight,\n      offset,\n      disabled\n    );\n\n    return (\n      <div\n        className={classNames(\n          'select-value-list-scroll-pane h-100 w-100',\n          { 'is-invalid': isInvalid },\n          className\n        )}\n        onBlur={this.handleBlur}\n        onScroll={this.handleScroll}\n        ref={this.list}\n        data-testid={dataTestId}\n      >\n        <div\n          className=\"select-value-list\"\n          style={{ height: itemCount * rowHeight }}\n        >\n          <ol\n            className=\"select-value-list-content\"\n            style={{\n              position: 'absolute',\n              height: items.length * rowHeight,\n              top: offset * rowHeight,\n              left: 0,\n            }}\n          >\n            {itemElements}\n          </ol>\n        </div>\n      </div>\n    );\n  }\n}\n\nexport default SelectValueList;\n"],"mappings":"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"}
+{"version":3,"file":"SelectValueList.js","names":["React","PureComponent","classNames","memoize","Checkbox","SelectValueList","constructor","props","itemIndex","key","value","displayValue","rowHeight","isSelected","disabled","style","height","text","handleSelect","max","items","offset","itemElements","i","length","item","element","getCachedItem","push","handleBlur","bind","handleScroll","list","createRef","topRow","bottomRow","componentDidMount","sendViewportUpdate","componentDidUpdate","e","relatedTarget","current","HTMLElement","contains","onBlur","onSelect","visibleItemIndex","clientHeight","onViewportChange","top","scrollTop","bottom","Math","floor","ceil","getElement","elements","querySelectorAll","scrollIntoView","index","block","render","className","isInvalid","itemCount","dataTestId","getCachedItems","position","left","undefined"],"sources":["../src/SelectValueList.tsx"],"sourcesContent":["import React, { PureComponent } from 'react';\nimport './SelectValueList.scss';\nimport classNames from 'classnames';\nimport memoize from 'memoizee';\nimport Checkbox from './Checkbox';\n\nexport interface SelectItem<T> {\n  value: T;\n  displayValue?: string;\n  isSelected: boolean;\n}\n\ntype SelectValueListProps<T> = {\n  className?: string;\n  disabled: boolean;\n  isInvalid?: boolean;\n  // Total item count\n  itemCount: number;\n  rowHeight: number;\n\n  // Offset of the top item in the items array\n  offset: number;\n  items: SelectItem<T>[];\n\n  onBlur?: React.FocusEventHandler<Element>;\n  onSelect(itemIndex: number, value: T | null): void;\n  onViewportChange(topRow: number, bottomRow: number): void;\n\n  'data-testid'?: string;\n};\n\n/**\n * Select values from a long scrollable list.\n * Swaps items in and out for infinite scrolling\n */\nclass SelectValueList<T> extends PureComponent<SelectValueListProps<T>> {\n  static defaultProps = {\n    disabled: false,\n    rowHeight: 21,\n    onBlur: (): void => undefined,\n    'data-testid': undefined,\n  };\n\n  constructor(props: SelectValueListProps<T>) {\n    super(props);\n\n    this.handleBlur = this.handleBlur.bind(this);\n    this.handleScroll = this.handleScroll.bind(this);\n    this.handleSelect = this.handleSelect.bind(this);\n\n    this.list = React.createRef();\n    this.topRow = null;\n    this.bottomRow = null;\n  }\n\n  componentDidMount(): void {\n    this.sendViewportUpdate();\n  }\n\n  componentDidUpdate(): void {\n    this.sendViewportUpdate();\n  }\n\n  list: React.RefObject<HTMLDivElement>;\n\n  topRow: number | null;\n\n  bottomRow: number | null;\n\n  getCachedItem = memoize(\n    (\n      itemIndex: number,\n      key: number,\n      value: T,\n      displayValue: string | undefined,\n      rowHeight: number,\n      isSelected: boolean,\n      disabled: boolean\n    ): JSX.Element => {\n      const style = {\n        height: rowHeight,\n      };\n      const text = displayValue != null ? displayValue : value;\n\n      return (\n        // Tab index is needed so the item could be a related target in the blur event details\n        <li className=\"value-list-item\" style={style} key={key} tabIndex={-1}>\n          <Checkbox\n            checked={isSelected}\n            disabled={disabled}\n            onChange={() => this.handleSelect(itemIndex)}\n          >\n            {text}\n          </Checkbox>\n        </li>\n      );\n    },\n    { max: 1000 }\n  );\n\n  getCachedItems = memoize(\n    (\n      items: SelectItem<T>[],\n      rowHeight: number,\n      offset: number,\n      disabled: boolean\n    ): React.ReactNode => {\n      const itemElements: JSX.Element[] = [];\n      for (let i = 0; i < items.length; i += 1) {\n        const item = items[i];\n        const { value, displayValue, isSelected } = item;\n        const itemIndex = offset + i;\n        const key = itemIndex;\n        const element = this.getCachedItem(\n          itemIndex,\n          key,\n          value,\n          displayValue,\n          rowHeight,\n          isSelected,\n          disabled\n        );\n        itemElements.push(element);\n      }\n      return itemElements;\n    },\n    { max: 1 }\n  );\n\n  handleBlur(e: React.FocusEvent): void {\n    if (\n      !e.relatedTarget ||\n      (this.list.current &&\n        e.relatedTarget instanceof HTMLElement &&\n        !this.list.current.contains(e.relatedTarget))\n    ) {\n      // Next focused element is outside of the list\n      const { onBlur } = this.props;\n      onBlur?.(e);\n    }\n  }\n\n  handleScroll(): void {\n    this.sendViewportUpdate();\n  }\n\n  handleSelect(itemIndex: number): void {\n    const { items, offset, onSelect } = this.props;\n    const visibleItemIndex = itemIndex - offset;\n    if (visibleItemIndex >= 0 && visibleItemIndex < items.length) {\n      const item = items[visibleItemIndex];\n      const { value } = item;\n      onSelect(itemIndex, value);\n    } else {\n      onSelect(itemIndex, null);\n    }\n  }\n\n  sendViewportUpdate(): void {\n    if (!this.list.current || this.list.current.clientHeight === 0) {\n      return;\n    }\n\n    const { onViewportChange, rowHeight } = this.props;\n    const top = this.list.current.scrollTop;\n    const bottom = top + this.list.current.clientHeight;\n\n    const topRow = Math.floor(top / rowHeight);\n    const bottomRow = Math.ceil(bottom / rowHeight);\n\n    if (this.topRow !== topRow || this.bottomRow !== bottomRow) {\n      this.topRow = topRow;\n      this.bottomRow = bottomRow;\n      onViewportChange(topRow, bottomRow);\n    }\n  }\n\n  getElement(itemIndex: number): Element | null {\n    if (this.list.current == null) {\n      return null;\n    }\n    const elements = this.list.current.querySelectorAll('.value-list-item');\n    return elements[itemIndex];\n  }\n\n  scrollIntoView(index: number): void {\n    const element = this.getElement(index);\n    element?.scrollIntoView({ block: 'center' });\n  }\n\n  render(): JSX.Element {\n    const {\n      className,\n      disabled,\n      isInvalid,\n      items,\n      itemCount,\n      offset,\n      rowHeight,\n      'data-testid': dataTestId,\n    } = this.props;\n    const itemElements = this.getCachedItems(\n      items,\n      rowHeight,\n      offset,\n      disabled\n    );\n\n    return (\n      <div\n        className={classNames(\n          'select-value-list-scroll-pane h-100 w-100',\n          { 'is-invalid': isInvalid },\n          className\n        )}\n        onBlur={this.handleBlur}\n        onScroll={this.handleScroll}\n        ref={this.list}\n        data-testid={dataTestId}\n      >\n        <div\n          className=\"select-value-list\"\n          style={{ height: itemCount * rowHeight }}\n        >\n          <ol\n            className=\"select-value-list-content\"\n            style={{\n              position: 'absolute',\n              height: items.length * rowHeight,\n              top: offset * rowHeight,\n              left: 0,\n            }}\n          >\n            {itemElements}\n          </ol>\n        </div>\n      </div>\n    );\n  }\n}\n\nexport default SelectValueList;\n"],"mappings":"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"}

package/dist/ThemeExport.js

@@ -1,6 +1,8 @@
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 import ThemeExport from "./ThemeExport.module.css"; // Note that TypeScript does not know what keys exist on ThemeExport.module.scss
 // It only knows it's an object with strings for keys and values
 var transitions = {

package/dist/ThemeExport.js.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeExport.js","names":["ThemeExport","transitions","transitionMs","transitionMidMs","transitionLongMs","transitionSlowMs","Object","freeze"],"sources":["../src/ThemeExport.ts"],"sourcesContent":["import ThemeExport from './ThemeExport.module.scss';\n\n// Note that TypeScript does not know what keys exist on ThemeExport.module.scss\n// It only knows it's an object with strings for keys and values\n\nconst transitions = {\n  transitionMs: 150,\n  transitionMidMs: 200,\n  transitionLongMs: 300,\n  transitionSlowMs: 1000,\n} as const;\n\ntype Theme = {\n  [Property in keyof typeof transitions]: typeof transitions[Property];\n} & { [key: string]: string };\n\nexport default Object.freeze({\n  ...transitions,\n  ...ThemeExport,\n}) as Theme;\n"],"mappings":";;;OAAOA,WAAW,kCAElB;AACA;AAEA,IAAMC,WAAW,GAAG;EAClBC,YAAY,EAAE,GAAG;EACjBC,eAAe,EAAE,GAAG;EACpBC,gBAAgB,EAAE,GAAG;EACrBC,gBAAgB,EAAE;AACpB,CAAU;AAMV,eAAeC,MAAM,CAACC,MAAM,iCACvBN,WAAW,GACXD,WAAW,EACd"}
+{"version":3,"file":"ThemeExport.js","names":["ThemeExport","transitions","transitionMs","transitionMidMs","transitionLongMs","transitionSlowMs","Object","freeze"],"sources":["../src/ThemeExport.ts"],"sourcesContent":["import ThemeExport from './ThemeExport.module.scss';\n\n// Note that TypeScript does not know what keys exist on ThemeExport.module.scss\n// It only knows it's an object with strings for keys and values\n\nconst transitions = {\n  transitionMs: 150,\n  transitionMidMs: 200,\n  transitionLongMs: 300,\n  transitionSlowMs: 1000,\n} as const;\n\ntype Theme = {\n  [Property in keyof typeof transitions]: typeof transitions[Property];\n} & { [key: string]: string };\n\nexport default Object.freeze({\n  ...transitions,\n  ...ThemeExport,\n}) as Theme;\n"],"mappings":";;;;;OAAOA,WAAW,kCAElB;AACA;AAEA,IAAMC,WAAW,GAAG;EAClBC,YAAY,EAAE,GAAG;EACjBC,eAAe,EAAE,GAAG;EACpBC,gBAAgB,EAAE,GAAG;EACrBC,gBAAgB,EAAE;AACpB,CAAU;AAMV,eAAeC,MAAM,CAACC,MAAM,iCACvBN,WAAW,GACXD,WAAW,EACd"}

package/dist/TimeSlider.js.map

@@ -1 +1 @@
-{"version":3,"file":"TimeSlider.js","names":["React","useCallback","useMemo","useRef","useState","useEffect","classNames","TimeInput","StyleExports","HANDLE_SIZE","parseInt","POPOVER_WIDTH","SECONDS_IN_DAY","SNAP_NEAREST_MINUTES","TimeSlider","startTime","propStartTime","endTime","propEndTime","onChange","isStartModified","isEndModified","dataTestId","setStartTime","setEndTime","track","setTimeOnPropTimeChange","updateTime","newStartTime","newEndTime","start","end","handleStartTimeChange","handleEndTimeChange","Array","fill","map","value","index","PopOvers","props","onStartTimeChange","onEndTimeChange","swapTimes","firstTime","setFirstTime","secondTime","setSecondTime","firstTimeRef","secondTimeRef","firstTimeSelectionRef","secondTimeSelectionRef","setFocusOnSwapTimesChange","current","setSelection","onFirstTimeChange","onSecondTimeChange","onFirstTimeSelect","selection","onSecondTimeSelect","flexBasis","modified","undefined","TrackFills","transform","Handle","time","setTime","ONE_HOUR","handleOffset","calculatePositionAsTime","clientX","trackRect","getBoundingClientRect","leftEdge","Math","max","left","preciseTime","min","width","roundedTime","round","limitMax","handleMouseMove","handleMouseUp","window","removeEventListener","document","documentElement","classList","remove","startDragListening","addEventListener","add","stopDragListening","handleMouseDown","removeListenersOnUnmount"],"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, { SelectionSegment, TimeInputElement } 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) {\n    if (startTime <= endTime) {\n      onStartTimeChange(value);\n    } else {\n      onEndTimeChange(value);\n    }\n  }\n\n  function onSecondTimeChange(value: number) {\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":"AAAA;AACA;;AAEA,OAAOA,KAAK,IACVC,WAAW,EACXC,OAAO,EACPC,MAAM,EACNC,QAAQ,EACRC,SAAS,QACJ,OAAO;AACd,OAAOC,UAAU,MAAM,YAAY;AAAC,OAC7BC,SAAS;AAAA,OACTC,YAAY;AAAA;AAGnB,IAAMC,WAAW,GAAGC,QAAQ,CAACF,YAAY,CAAC,aAAa,CAAC,EAAE,EAAE,CAAC;AAC7D,IAAMG,aAAa,GAAGD,QAAQ,CAACF,YAAY,CAAC,eAAe,CAAC,EAAE,EAAE,CAAC;AACjE,IAAMI,cAAc,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC;AACzC,IAAMC,oBAAoB,GAAG,CAAC,GAAG,EAAE,CAAC,CAAC;;AAWrC;AACA;AACA;AACA;AACA,SAASC,UAAU,OAOc;EAAA,IAPb;IAClBC,SAAS,EAAEC,aAAa;IACxBC,OAAO,EAAEC,WAAW;IACpBC,QAAQ;IACRC,eAAe,GAAG,KAAK;IACvBC,aAAa,GAAG,KAAK;IACrB,aAAa,EAAEC;EACA,CAAC;EAChB,IAAM,CAACP,SAAS,EAAEQ,YAAY,CAAC,GAAGnB,QAAQ,CAACY,aAAa,CAAC;EACzD,IAAM,CAACC,OAAO,EAAEO,UAAU,CAAC,GAAGpB,QAAQ,CAACc,WAAW,CAAC;EAEnD,IAAMO,KAAK,GAAGtB,MAAM,CAAiB,IAAI,CAAC,CAAC,CAAC;;EAE5C;EACAE,SAAS,CACP,SAASqB,uBAAuB,GAAG;IACjCH,YAAY,CAACP,aAAa,CAAC;IAC3BQ,UAAU,CAACN,WAAW,CAAC;EACzB,CAAC,EACD,CAACF,aAAa,EAAEE,WAAW,CAAC,CAC7B;EAED,IAAMS,UAAU,GAAG1B,WAAW,CAC5B,CAAC2B,YAAoB,EAAEC,UAAkB,KAAK;IAC5C,IAAIC,KAAK,GAAGF,YAAY;IACxB,IAAIG,GAAG,GAAGF,UAAU;IACpB,IAAIC,KAAK,KAAKC,GAAG,EAAE;MACjB,IAAIA,GAAG,GAAGnB,cAAc,EAAE;QACxBmB,GAAG,IAAI,CAAC;MACV,CAAC,MAAM;QACLD,KAAK,IAAI,CAAC;MACZ;IACF;IAEAP,YAAY,CAACO,KAAK,CAAC;IACnBN,UAAU,CAACO,GAAG,CAAC;IACfZ,QAAQ,CAAC;MAAEJ,SAAS,EAAEe,KAAK;MAAEb,OAAO,EAAEc;IAAI,CAAC,CAAC;EAC9C,CAAC,EACD,CAACR,YAAY,EAAEC,UAAU,EAAEL,QAAQ,CAAC,CACrC;EAED,IAAMa,qBAAqB,GAAG/B,WAAW,CACtC2B,YAAoB,IAAK;IACxBD,UAAU,CAACC,YAAY,EAAEX,OAAO,CAAC;EACnC,CAAC,EACD,CAACU,UAAU,EAAEV,OAAO,CAAC,CACtB;EAED,IAAMgB,mBAAmB,GAAGhC,WAAW,CACpC4B,UAAkB,IAAK;IACtBF,UAAU,CAACZ,SAAS,EAAEc,UAAU,CAAC;EACnC,CAAC,EACD,CAACF,UAAU,EAAEZ,SAAS,CAAC,CACxB;EAED,oBACE;IAAK,SAAS,EAAC,aAAa;IAAC,eAAaO;EAAW,gBACnD,oBAAC,QAAQ;IACP,SAAS,EAAEP,SAAU;IACrB,OAAO,EAAEE,OAAQ;IACjB,iBAAiB,EAAEe,qBAAsB;IACzC,eAAe,EAAEC,mBAAoB;IACrC,eAAe,EAAEb,eAAgB;IACjC,aAAa,EAAEC;EAAc,EAC7B,eACF;IAAK,SAAS,EAAC,OAAO;IAAC,GAAG,EAAEI;EAAM,gBAChC,oBAAC,UAAU;IAAC,SAAS,EAAEV,SAAU;IAAC,OAAO,EAAEE;EAAQ,EAAG,eACtD;IAAK,SAAS,EAAC;EAAO,GACnBiB,KAAK,CAAC,EAAE,CAAC,CACPC,IAAI,CAAC,IAAI,CAAC,CACVC,GAAG,CAAC,CAACC,KAAK,EAAEC,KAAK,kBAChB;IAAK,SAAS,EAAC,MAAM;IAAC,GAAG,EAAEA;EAAM,EAClC,CAAC,CACA,eACN,oBAAC,MAAM;IACL,KAAK,EAAEb,KAAM;IACb,IAAI,EAAEV,SAAU;IAChB,OAAO,EAAEiB;EAAsB,EAC/B,eACF,oBAAC,MAAM;IAAC,KAAK,EAAEP,KAAM;IAAC,IAAI,EAAER,OAAQ;IAAC,OAAO,EAAEgB;EAAoB,EAAG,CACjE,eAEN;IAAK,SAAS,EAAC;EAAa,gBAC1B;IAAK,SAAS,EAAC;EAAY,UAAW,eACtC;IAAK,SAAS,EAAC;EAAoB,GAChCC,KAAK,CAAC,EAAE,CAAC,CACPC,IAAI,CAAC,IAAI,CAAC,CACVC,GAAG,CAAC,CAACC,KAAK,EAAEC,KAAK,kBAChB;IAAK,SAAS,EAAC,YAAY;IAAC,GAAG,EAAEA;EAAM,aAAKA,KAAK,GAAG,CAAC,SACtD,CAAC,CACA,CACF,CACF;AAEV;AAYA,SAASC,QAAQ,CAACC,KAAoB,EAAe;EACnD,IAAM;IACJzB,SAAS;IACTE,OAAO;IACPwB,iBAAiB;IACjBC,eAAe;IACftB,eAAe;IACfC,aAAa;IACb,aAAa,EAAEC;EACjB,CAAC,GAAGkB,KAAK;EAET,IAAMG,SAAS,GAAG5B,SAAS,GAAGE,OAAO;EAErC,IAAM,CAAC2B,SAAS,EAAEC,YAAY,CAAC,GAAGzC,QAAQ,CAACuC,SAAS,GAAG1B,OAAO,GAAGF,SAAS,CAAC;EAC3E,IAAM,CAAC+B,UAAU,EAAEC,aAAa,CAAC,GAAG3C,QAAQ,CAACuC,SAAS,GAAG5B,SAAS,GAAGE,OAAO,CAAC;EAC7E,IAAM+B,YAAY,GAAG7C,MAAM,CAAmB,IAAI,CAAC;EACnD,IAAM8C,aAAa,GAAG9C,MAAM,CAAmB,IAAI,CAAC;EACpD;EACA,IAAM+C,qBAAqB,GAAG/C,MAAM,CAA0B,IAAI,CAAC;EACnE,IAAMgD,sBAAsB,GAAGhD,MAAM,CAA0B,IAAI,CAAC;EAEpEE,SAAS,CACP,SAASqB,uBAAuB,GAAG;IACjCmB,YAAY,CAAC9B,SAAS,GAAGE,OAAO,GAAGA,OAAO,GAAGF,SAAS,CAAC;IACvDgC,aAAa,CAAChC,SAAS,GAAGE,OAAO,GAAGF,SAAS,GAAGE,OAAO,CAAC;EAC1D,CAAC,EACD,CAACF,SAAS,EAAEE,OAAO,CAAC,CACrB;EAEDZ,SAAS,CACP,SAAS+C,yBAAyB,GAAG;IACnC,IAAIF,qBAAqB,CAACG,OAAO,KAAK,IAAI,EAAE;MAAA;MAC1C,yBAAAJ,aAAa,CAACI,OAAO,0DAArB,sBAAuBC,YAAY,CAACJ,qBAAqB,CAACG,OAAO,CAAC;IACpE;IACA,IAAIF,sBAAsB,CAACE,OAAO,KAAK,IAAI,EAAE;MAAA;MAC3C,yBAAAL,YAAY,CAACK,OAAO,0DAApB,sBAAsBC,YAAY,CAACH,sBAAsB,CAACE,OAAO,CAAC;IACpE;EACF,CAAC,EACD,CAACV,SAAS,CAAC,CACZ;EAED,SAASY,iBAAiB,CAAClB,KAAa,EAAE;IACxC,IAAItB,SAAS,IAAIE,OAAO,EAAE;MACxBwB,iBAAiB,CAACJ,KAAK,CAAC;IAC1B,CAAC,MAAM;MACLK,eAAe,CAACL,KAAK,CAAC;IACxB;EACF;EAEA,SAASmB,kBAAkB,CAACnB,KAAa,EAAE;IACzC,IAAItB,SAAS,IAAIE,OAAO,EAAE;MACxByB,eAAe,CAACL,KAAK,CAAC;IACxB,CAAC,MAAM;MACLI,iBAAiB,CAACJ,KAAK,CAAC;IAC1B;EACF;EAEA,IAAMoB,iBAAiB,GAAGxD,WAAW,CAACyD,SAAS,IAAI;IACjDR,qBAAqB,CAACG,OAAO,GAAGK,SAAS;IACzCP,sBAAsB,CAACE,OAAO,GAAG,IAAI;EACvC,CAAC,EAAE,EAAE,CAAC;EAEN,IAAMM,kBAAkB,GAAG1D,WAAW,CAACyD,SAAS,IAAI;IAClDR,qBAAqB,CAACG,OAAO,GAAG,IAAI;IACpCF,sBAAsB,CAACE,OAAO,GAAGK,SAAS;EAC5C,CAAC,EAAE,EAAE,CAAC;EAEN,oBACE;IAAK,SAAS,EAAC;EAAsB,gBACnC;IACE,SAAS,EAAC,MAAM;IAChB,KAAK,EAAE;MACLE,SAAS,iBAAWhB,SAAS,GAAGhC,cAAc,GAAI,GAAG,iBACnDD,aAAa,GAAG,CAAC;IAErB;EAAE,EACF,eACF;IAAK,SAAS,EAAC;EAAe,gBAC5B;IACE,SAAS,EAAEL,UAAU,CAAC;MACpBuD,QAAQ,EAAElB,SAAS,GAAGtB,aAAa,GAAGD;IACxC,CAAC;EAAE,GAEFuB,SAAS,GAAG,UAAU,GAAG,YAAY,CAChC,eACR,oBAAC,SAAS;IACR,GAAG,EAAEK,YAAa;IAClB,kBAAkB,EAAE,KAAM;IAC1B,KAAK,EAAEJ,SAAU;IACjB,QAAQ,EAAEW,iBAAkB;IAC5B,QAAQ,EAAEE,iBAAkB;IAC5B,eACEnC,UAAU,KAAKwC,SAAS,aAAMxC,UAAU,gBAAawC;EACtD,EACD,CACE,eACN;IAAK,SAAS,EAAC;EAAa,EAAG,eAC/B;IAAK,SAAS,EAAC;EAAe,gBAC5B;IACE,SAAS,EAAExD,UAAU,CAAC;MACpBuD,QAAQ,EAAElB,SAAS,GAAGvB,eAAe,GAAGC;IAC1C,CAAC;EAAE,GAEFsB,SAAS,GAAG,YAAY,GAAG,UAAU,CAChC,eACR,oBAAC,SAAS;IACR,GAAG,EAAEM,aAAc;IACnB,kBAAkB,EAAE,KAAM;IAC1B,KAAK,EAAEH,UAAW;IAClB,QAAQ,EAAEU,kBAAmB;IAC7B,QAAQ,EAAEG,kBAAmB;IAC7B,eACErC,UAAU,KAAKwC,SAAS,aAAMxC,UAAU,gBAAawC;EACtD,EACD,CACE,eACN;IACE,SAAS,EAAC,MAAM;IAChB,KAAK,EAAE;MACLF,SAAS,iBACN,CAAChD,cAAc,GAAGkC,UAAU,IAAIlC,cAAc,GAAI,GAAG,iBACjDD,aAAa,GAAG,CAAC;IAC1B;EAAE,EACF,CACE;AAEV;AAQA;AACA;AACA;AACA,SAASoD,UAAU,CAACvB,KAAsB,EAAe;EACvD,IAAM;IAAEzB,SAAS;IAAEE,OAAO;IAAE,aAAa,EAAEK;EAAW,CAAC,GAAGkB,KAAK;EAC/D,oBACE;IAAK,SAAS,EAAC,aAAa;IAAC,eAAalB;EAAW,GAClDP,SAAS,GAAGE,OAAO,iBAClB,uDACE;IACE,SAAS,EAAC,6BAA6B;IACvC,KAAK,EAAE;MAAE+C,SAAS,mBAAY/C,OAAO,GAAGL,cAAc;IAAI;EAAE,EAC5D,eACF;IACE,SAAS,EAAC,2BAA2B;IACrC,KAAK,EAAE;MACLoD,SAAS,mBACP,CAACpD,cAAc,GAAGG,SAAS,IAAIH,cAAc;IAEjD;EAAE,EACF,CAEL,EACAG,SAAS,GAAGE,OAAO,iBAClB;IACE,SAAS,EAAC,8BAA8B;IACxC,KAAK,EAAE;MACL+C,SAAS,uBACNjD,SAAS,GAAGH,cAAc,GAAI,GAAG,uBACvB,CAACK,OAAO,GAAGF,SAAS,IAAIH,cAAc;IACrD;EAAE,EAEL,CACG;AAEV;AASA;AACA;AACA;AACA,SAASqD,MAAM,CAACzB,KAAkB,EAAe;EAC/C,IAAM;IAAEf,KAAK;IAAEyC,IAAI;IAAEC,OAAO;IAAE,aAAa,EAAE7C;EAAW,CAAC,GAAGkB,KAAK;;EAEjE;AACF;AACA;AACA;AACA;AACA;AACA;EACE,IAAMwB,SAAS,GAAG9D,OAAO,CAAC,MAAM;IAC9B,IAAMkE,QAAQ,GAAG,EAAE,GAAG,EAAE;IACxB,IAAIC,YAAY,GAAG5D,WAAW,GAAG,CAAC;IAClC,IAAIyD,IAAI,GAAGE,QAAQ,EAAE;MACnBC,YAAY,GAAIH,IAAI,GAAGE,QAAQ,IAAK3D,WAAW,GAAG,CAAC,CAAC,CAAC,CAAC;IACxD,CAAC,MAAM,IAAIyD,IAAI,GAAG,EAAE,GAAGE,QAAQ,EAAE;MAC/BC,YAAY,GACV5D,WAAW,GAAG,CAAC,GACd,CAAC,IAAIG,cAAc,GAAG,EAAE,GAAGwD,QAAQ,CAAC,IAClCF,IAAI,GAAG,EAAE,GAAGE,QAAQ,CAAC,IACrB3D,WAAW,GAAG,CAAC,CAAC,CAAC,CAAC;IACzB;;IACA,iCACGyD,IAAI,GAAGtD,cAAc,GAAI,GAAG,iBACxByD,YAAY;EACrB,CAAC,EAAE,CAACH,IAAI,CAAC,CAAC;EAEV,IAAMI,uBAAuB,GAAGrE,WAAW,CACxCsE,OAAe,IAAK;IACnB,IAAI,CAAC9C,KAAK,CAAC4B,OAAO,EAAE;MAClB,OAAO,CAAC;IACV;IACA,IAAMmB,SAAS,GAAG/C,KAAK,CAAC4B,OAAO,CAACoB,qBAAqB,EAAE;IACvD,IAAMC,QAAQ,GAAGC,IAAI,CAACC,GAAG,CAACL,OAAO,GAAGC,SAAS,CAACK,IAAI,EAAE,CAAC,CAAC;IACtD;IACA,IAAMC,WAAW,GACflE,cAAc,GAAG+D,IAAI,CAACI,GAAG,CAAC,CAAC,EAAEL,QAAQ,GAAGF,SAAS,CAACQ,KAAK,CAAC;IAC1D;IACA,IAAMC,WAAW,GACfpE,oBAAoB,GAAG8D,IAAI,CAACO,KAAK,CAACJ,WAAW,GAAGjE,oBAAoB,CAAC;IACvE;IACA,IAAMsE,QAAQ,GAAGR,IAAI,CAACI,GAAG,CAACnE,cAAc,EAAEqE,WAAW,CAAC;IACtD,OAAOE,QAAQ;EACjB,CAAC,EACD,CAAC1D,KAAK,CAAC,CACR;EAED,IAAM2D,eAAe,GAAGnF,WAAW,CACjC,SAA6B;IAAA,IAA5B;MAAEsE;IAAoB,CAAC;IACtBJ,OAAO,CAACG,uBAAuB,CAACC,OAAO,CAAC,CAAC;EAC3C,CAAC,EACD,CAACJ,OAAO,EAAEG,uBAAuB,CAAC,CACnC;EAED,IAAMe,aAAa,GAAGpF,WAAW,CAC/B,SAA6B;IAAA,IAA5B;MAAEsE;IAAoB,CAAC;IACtBJ,OAAO,CAACG,uBAAuB,CAACC,OAAO,CAAC,CAAC;IAEzCe,MAAM,CAACC,mBAAmB,CAAC,WAAW,EAAEH,eAAe,CAAC;IACxDE,MAAM,CAACC,mBAAmB,CAAC,SAAS,EAAEF,aAAa,CAAC;IACpDG,QAAQ,CAACC,eAAe,CAACC,SAAS,CAACC,MAAM,CAAC,0BAA0B,CAAC;EACvE,CAAC,EACD,CAACxB,OAAO,EAAEG,uBAAuB,EAAEc,eAAe,CAAC,CACpD;EAED,IAAMQ,kBAAkB,GAAG3F,WAAW,CAAC,MAAM;IAC3CqF,MAAM,CAACO,gBAAgB,CAAC,WAAW,EAAET,eAAe,CAAC;IACrDE,MAAM,CAACO,gBAAgB,CAAC,SAAS,EAAER,aAAa,CAAC;IACjDG,QAAQ,CAACC,eAAe,CAACC,SAAS,CAACI,GAAG,CAAC,0BAA0B,CAAC;EACpE,CAAC,EAAE,CAACV,eAAe,EAAEC,aAAa,CAAC,CAAC;EAEpC,IAAMU,iBAAiB,GAAG9F,WAAW,CAAC,MAAM;IAC1CqF,MAAM,CAACC,mBAAmB,CAAC,WAAW,EAAEH,eAAe,CAAC;IACxDE,MAAM,CAACC,mBAAmB,CAAC,SAAS,EAAEF,aAAa,CAAC;IACpDG,QAAQ,CAACC,eAAe,CAACC,SAAS,CAACC,MAAM,CAAC,0BAA0B,CAAC;EACvE,CAAC,EAAE,CAACP,eAAe,EAAEC,aAAa,CAAC,CAAC;EAEpC,IAAMW,eAAe,GAAG/F,WAAW,CAAC,MAAM;IACxC2F,kBAAkB,EAAE;EACtB,CAAC,EAAE,CAACA,kBAAkB,CAAC,CAAC;EAExBvF,SAAS,CACP,SAAS4F,wBAAwB,GAAG;IAClC,OAAO,MAAM;MACXF,iBAAiB,EAAE;IACrB,CAAC;EACH,CAAC,EACD,CAACA,iBAAiB,CAAC,CACpB;EAED,oBACE;IAAK,SAAS,EAAC,cAAc;IAAC,KAAK,EAAE;MAAE/B;IAAU;EAAE,gBACjD;IACE,SAAS,EAAC,QAAQ;IAClB,IAAI,EAAC,QAAQ;IACb,cAAW,aAAa;IACxB,WAAW,EAAEgC,eAAgB;IAC7B,eAAa1E;EAAW,EACxB,CACE;AAEV;AAEA,eAAeR,UAAU"}
+{"version":3,"file":"TimeSlider.js","names":["React","useCallback","useMemo","useRef","useState","useEffect","classNames","TimeInput","StyleExports","HANDLE_SIZE","parseInt","POPOVER_WIDTH","SECONDS_IN_DAY","SNAP_NEAREST_MINUTES","TimeSlider","startTime","propStartTime","endTime","propEndTime","onChange","isStartModified","isEndModified","dataTestId","setStartTime","setEndTime","track","setTimeOnPropTimeChange","updateTime","newStartTime","newEndTime","start","end","handleStartTimeChange","handleEndTimeChange","Array","fill","map","value","index","PopOvers","props","onStartTimeChange","onEndTimeChange","swapTimes","firstTime","setFirstTime","secondTime","setSecondTime","firstTimeRef","secondTimeRef","firstTimeSelectionRef","secondTimeSelectionRef","setFocusOnSwapTimesChange","current","setSelection","onFirstTimeChange","onSecondTimeChange","onFirstTimeSelect","selection","onSecondTimeSelect","flexBasis","modified","undefined","TrackFills","transform","Handle","time","setTime","ONE_HOUR","handleOffset","calculatePositionAsTime","clientX","trackRect","getBoundingClientRect","leftEdge","Math","max","left","preciseTime","min","width","roundedTime","round","limitMax","handleMouseMove","handleMouseUp","window","removeEventListener","document","documentElement","classList","remove","startDragListening","addEventListener","add","stopDragListening","handleMouseDown","removeListenersOnUnmount"],"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, { SelectionSegment, TimeInputElement } 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) {\n    if (startTime <= endTime) {\n      onStartTimeChange(value);\n    } else {\n      onEndTimeChange(value);\n    }\n  }\n\n  function onSecondTimeChange(value: number) {\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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"}

package/dist/context-actions/ContextActionUtils.js

@@ -1,4 +1,6 @@
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 export function isPromise(value) {
   return value.then !== undefined;
 }

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","order","title","sortActions","actions","sortedActions","slice","sort","isMacPlatform","platform","window","navigator","startsWith","getModifierKey","isModifierKeyDown","event","modifierKey","getMenuItems","actionsParam","includePromises","menuItems","i","length","action","newMenuItems","Promise","push","concat","filter","menuElement","getNextMenuItem","startIndex","delta","firstIndex","menuIndex","item","disabled"],"sources":["../../src/context-actions/ContextActionUtils.ts"],"sourcesContent":["import { IconDefinition } from '@deephaven/icons';\nimport 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;\n  description?: string;\n  action?(event?: Event): void;\n  actions?: ResolvableContextAction[];\n  icon?: IconDefinition | React.ReactElement;\n  iconColor?: string;\n  shortcut?: Shortcut;\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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"}
+{"version":3,"file":"ContextActionUtils.js","names":["isPromise","value","then","undefined","ContextActionUtils","disableAllActions","actionsDisabled","enableAllActions","isContextActionEvent","e","Array","isArray","contextActions","compareActions","a","b","group","order","title","sortActions","actions","sortedActions","slice","sort","isMacPlatform","platform","window","navigator","startsWith","getModifierKey","isModifierKeyDown","event","modifierKey","getMenuItems","actionsParam","includePromises","menuItems","i","length","action","newMenuItems","Promise","push","concat","filter","menuElement","getNextMenuItem","startIndex","delta","firstIndex","menuIndex","item","disabled"],"sources":["../../src/context-actions/ContextActionUtils.ts"],"sourcesContent":["import { IconDefinition } from '@deephaven/icons';\nimport 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;\n  description?: string;\n  action?(event?: Event): void;\n  actions?: ResolvableContextAction[];\n  icon?: IconDefinition | React.ReactElement;\n  iconColor?: string;\n  shortcut?: Shortcut;\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":";;;AA+BA,OAAO,SAASA,SAAS,CAAOC,KAAqB,EAAuB;EAC1E,OAAQA,KAAK,CAAgBC,IAAI,KAAKC,SAAS;AACjD;AAEA,MAAMC,kBAAkB,CAAC;EAGvB,OAAOC,iBAAiB,GAAS;IAC/BD,kBAAkB,CAACE,eAAe,GAAG,IAAI;EAC3C;EAEA,OAAOC,gBAAgB,GAAS;IAC9BH,kBAAkB,CAACE,eAAe,GAAG,KAAK;EAC5C;EAEA,OAAOE,oBAAoB,CAACC,CAAa,EAA2B;IAClE,OAAOC,KAAK,CAACC,OAAO,CAAEF,CAAC,CAAwBG,cAAc,CAAC;EAChE;;EAEA;AACF;AACA;AACA;AACA;EACE,OAAOC,cAAc,CAACC,CAAgB,EAAEC,CAAgB,EAAU;IAChE,IAAID,CAAC,CAACE,KAAK,KAAKD,CAAC,CAACC,KAAK,EAAE;MAAA;MACvB,OAAO,aAACF,CAAC,CAACE,KAAK,+CAAI,CAAC,iBAAKD,CAAC,CAACC,KAAK,+CAAI,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACjD;IAEA,IAAIF,CAAC,CAACG,KAAK,KAAKF,CAAC,CAACE,KAAK,EAAE;MAAA;MACvB,OAAO,aAACH,CAAC,CAACG,KAAK,+CAAI,CAAC,iBAAKF,CAAC,CAACE,KAAK,+CAAI,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACjD;IAEA,IAAIH,CAAC,CAACI,KAAK,KAAKH,CAAC,CAACG,KAAK,EAAE;MAAA;MACvB,OAAO,aAACJ,CAAC,CAACI,KAAK,+CAAI,EAAE,iBAAKH,CAAC,CAACG,KAAK,+CAAI,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACnD;IAEA,IAAIJ,CAAC,KAAKC,CAAC,EAAE;MACX,OAAOD,CAAC,GAAGC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACvB;IAEA,OAAO,CAAC;EACV;;EAEA;AACF;AACA;AACA;EACE,OAAOI,WAAW,CAACC,OAAwB,EAAmB;IAC5D,IAAIA,OAAO,IAAI,IAAI,IAAI,CAACV,KAAK,CAACC,OAAO,CAACS,OAAO,CAAC,EAAE;MAC9C,OAAO,EAAE;IACX;IAEA,IAAMC,aAAa,GAAGD,OAAO,CAACE,KAAK,EAAE;IACrCD,aAAa,CAACE,IAAI,CAACnB,kBAAkB,CAACS,cAAc,CAAC;IACrD,OAAOQ,aAAa;EACtB;EAEA,OAAOG,aAAa,GAAY;IAC9B,IAAM;MAAEC;IAAS,CAAC,GAAGC,MAAM,CAACC,SAAS;IACrC,OAAOF,QAAQ,CAACG,UAAU,CAAC,KAAK,CAAC;EACnC;;EAEA;AACF;AACA;EACE,OAAOC,cAAc,GAA0B;IAC7C,IAAIzB,kBAAkB,CAACoB,aAAa,EAAE,EAAE;MACtC,OAAO,SAAS;IAClB;IAEA,OAAO,SAAS;EAClB;;EAEA;AACF;AACA;AACA;EACE,OAAOM,iBAAiB,CACtBC,KAA0E,EACjE;IACT,IAAMC,WAAW,GAAG5B,kBAAkB,CAACyB,cAAc,EAAE;IACvD,OAAOE,KAAK,CAACC,WAAW,CAAC;EAC3B;;EAEA;AACF;AACA;AACA;AACA;;EAYE,OAAOC,YAAY,CACjBC,YAAiE,EAErD;IAAA,IADZC,eAAe,uEAAG,IAAI;IAEtB,IAAIC,SAAqB,GAAG,EAAE;IAC9B,IAAIhB,OAAO,GAAGc,YAAY;IAC1B,IAAI,CAACxB,KAAK,CAACC,OAAO,CAACS,OAAO,CAAC,EAAE;MAC3BA,OAAO,GAAG,CAACA,OAAO,CAAC;IACrB;IAEA,KAAK,IAAIiB,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGjB,OAAO,CAACkB,MAAM,EAAED,CAAC,IAAI,CAAC,EAAE;MAC1C,IAAME,OAAM,GAAGnB,OAAO,CAACiB,CAAC,CAAC;MACzB,IAAIG,YAGwB;MAC5B,IAAI,OAAOD,OAAM,KAAK,UAAU,EAAE;QAChCC,YAAY,GAAGD,OAAM,EAAE;MACzB,CAAC,MAAM;QACLC,YAAY,GAAGD,OAAM;MACvB;MAEA,IAAIC,YAAY,IAAI,IAAI,EAAE;QACxB,IAAIA,YAAY,YAAYC,OAAO,EAAE;UACnC,IAAIN,eAAe,EAAE;YACnBC,SAAS,CAACM,IAAI,CAACF,YAAY,CAAC;UAC9B;QACF,CAAC,MAAM,IAAI9B,KAAK,CAACC,OAAO,CAAC6B,YAAY,CAAC,EAAE;UACtCJ,SAAS,GAAGA,SAAS,CAACO,MAAM,CAACH,YAAY,CAAC;QAC5C,CAAC,MAAM;UACLJ,SAAS,CAACM,IAAI,CAACF,YAAY,CAAC;QAC9B;MACF;IACF;IAEAJ,SAAS,GAAGA,SAAS,CAACQ,MAAM,CAC1BL,MAAM,IACHA,MAAM,CAAmBrB,KAAK,KAAKf,SAAS,IAC5CoC,MAAM,CAA8BrC,IAAI,IAAI,IAAI,IAChDqC,MAAM,CAAmBM,WAAW,CACxC;IAED,OAAOT,SAAS;EAClB;;EAEA;AACF;AACA;AACA;AACA;AACA;EACE,OAAOU,eAAe,CACpBC,UAAkB,EAClBC,KAAa,EACbZ,SAAqB,EACb;IACR,IAAIa,UAAU,GAAGF,UAAU;IAC3B,IAAIE,UAAU,GAAG,CAAC,IAAID,KAAK,GAAG,CAAC,EAAE;MAC/B;MACAC,UAAU,GAAGb,SAAS,CAACE,MAAM;IAC/B;IACA;IACA,KAAK,IAAID,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGD,SAAS,CAACE,MAAM,GAAG,CAAC,EAAED,CAAC,IAAI,CAAC,EAAE;MAChD,IAAMa,SAAS,GACb,CAACD,UAAU,GAAGD,KAAK,GAAGX,CAAC,GAAGD,SAAS,CAACE,MAAM,IAAIF,SAAS,CAACE,MAAM;MAChE,IAAMa,IAAI,GAAGf,SAAS,CAACc,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;AAAC,gBAzKK3C,kBAAkB,qBACG,KAAK;AA0KhC,eAAeA,kBAAkB"}

package/dist/context-actions/ContextActions.js

@@ -1,4 +1,6 @@
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 /**
  * Just a simple utility class for displaying a popup menu.
  */

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

@@ -1 +1 @@
-{"version":3,"file":"ContextActions.js","names":["React","Component","Log","ContextActionUtils","isPromise","GlobalContextActions","log","module","ContextActions","triggerMenu","element","clientX","clientY","actions","length","mouseEvent","MouseEvent","bubbles","cancelable","contextActions","dispatchEvent","constructor","props","handleContextMenu","bind","handleKeyDown","container","createRef","state","globalActions","keyboardActions","getDerivedStateFromProps","Array","isArray","filter","action","isGlobal","undefined","shortcut","componentDidMount","current","parentElement","addEventListener","componentWillUnmount","removeEventListener","e","ignoreClassNames","el","target","classList","ignoredClassName","find","className","contains","debug2","isContextActionEvent","concat","debug","i","keyboardAction","actionsDisabled","matchesEvent","stopPropagation","preventDefault","render","dataTestId","default","high","medium","low","global","edit"],"sources":["../../src/context-actions/ContextActions.tsx"],"sourcesContent":["/**\n * Just a simple utility class for displaying a popup menu.\n */\nimport React, { Component } from 'react';\nimport Log from '@deephaven/log';\nimport ContextActionUtils, {\n  ResolvableContextAction,\n  isPromise,\n} from './ContextActionUtils';\nimport type { ContextAction, ContextActionEvent } from './ContextActionUtils';\nimport GlobalContextActions from './GlobalContextActions';\nimport './ContextActions.scss';\n\nconst log = Log.module('ContextActions');\n\ninterface ContextActionsProps {\n  actions: ResolvableContextAction | ResolvableContextAction[];\n  ignoreClassNames?: string[];\n  'data-testid'?: string;\n}\n\ninterface ContextActionsState {\n  globalActions: ContextAction[];\n  keyboardActions: ContextAction[];\n}\n\n/**\n * ContextActions that you add onto any component.\n *\n * Usage:\n * let actions = [{\n *   title: 'My Action',  // Omit the title to hide it from the context menu\n *   action: () => { alert('My Action Clicked!') }\n *   actions: []            // Submenu of actions\n *   icon: faPrint,         // Limited to FontAwesome icons for now.\n *   iconColor: '#ff0000,   // Color to use for the icon\n *   shortcut: Shortcut,    // Defaults to null\n *   isGlobal: false,       // Global context action. Defaults to false.\n *   group: ContextActions.groups.default,  // What group to group the context action with\n *   order: null,                           // Int where to order within group\n *   disabled: true         // disable action\n *   menuElement: null      // Custom menu element for displaying in context menu. When null, creates a default menu item based on title\n * }];\n *\n * <div>\n *   Right click in this container\n *   <ContextActions actions={actions}/>\n * </div>\n *\n * Right clicking the container will then build the context menu, bubbling up until an element with a ContextMenuRoot is on it.\n * You should generally have a ContextMenuRoot on the root node of your document.\n */\nclass ContextActions extends Component<\n  ContextActionsProps,\n  ContextActionsState\n> {\n  /**\n   * Group you can assign to context menu actions to group them together.\n   * Lower group IDs appear at the top of the list.\n   * Groups are separated by a separator item.\n   * Items within groups are ordered by their order property, then by their title.\n   */\n  static groups = {\n    default: null,\n    high: 100,\n    medium: 5000,\n    low: 10000,\n    global: 100000,\n\n    edit: 100,\n  };\n\n  static triggerMenu(\n    element: Element,\n    clientX: number,\n    clientY: number,\n    actions: ContextAction[]\n  ): void {\n    if (actions.length === 0) {\n      return;\n    }\n\n    const mouseEvent: Partial<ContextActionEvent> = new MouseEvent(\n      'contextmenu',\n      {\n        clientX,\n        clientY,\n        bubbles: true,\n        cancelable: true,\n      }\n    );\n    mouseEvent.contextActions = actions;\n\n    element.dispatchEvent(mouseEvent as ContextActionEvent);\n  }\n\n  constructor(props: ContextActionsProps) {\n    super(props);\n\n    this.handleContextMenu = this.handleContextMenu.bind(this);\n    this.handleKeyDown = this.handleKeyDown.bind(this);\n\n    this.container = React.createRef();\n\n    this.state = { globalActions: [], keyboardActions: [] };\n  }\n\n  static getDerivedStateFromProps(\n    props: ContextActionsProps\n  ): ContextActionsState {\n    if (props.actions == null || !Array.isArray(props.actions)) {\n      return { globalActions: [], keyboardActions: [] };\n    }\n    const globalActions = props.actions.filter(\n      action =>\n        !isPromise(action) && typeof action !== 'function' && action.isGlobal\n    ) as ContextAction[];\n    const keyboardActions = props.actions.filter(\n      action =>\n        !isPromise(action) &&\n        typeof action !== 'function' &&\n        (action.isGlobal === undefined || !action.isGlobal) &&\n        action.shortcut != null\n    ) as ContextAction[];\n\n    return { globalActions, keyboardActions };\n  }\n\n  componentDidMount(): void {\n    if (this.container.current?.parentElement) {\n      this.container.current.parentElement.addEventListener(\n        'contextmenu',\n        this.handleContextMenu\n      );\n      this.container.current.parentElement.addEventListener(\n        'keydown',\n        this.handleKeyDown\n      );\n    }\n  }\n\n  componentWillUnmount(): void {\n    if (this.container.current?.parentElement) {\n      this.container.current.parentElement.removeEventListener(\n        'contextmenu',\n        this.handleContextMenu\n      );\n      this.container.current.parentElement.removeEventListener(\n        'keydown',\n        this.handleKeyDown\n      );\n    }\n  }\n\n  container: React.RefObject<HTMLDivElement>;\n\n  handleContextMenu(e: MouseEvent): void {\n    const { ignoreClassNames = [] } = this.props;\n    if (ignoreClassNames.length > 0) {\n      let el = e.target as Element | null;\n      while (el != null) {\n        const { classList } = el;\n        const ignoredClassName = ignoreClassNames.find(className =>\n          classList.contains(className)\n        );\n        if (ignoredClassName !== undefined) {\n          log.debug2(\n            `Contextmenu event ignored based on the target className \"${ignoredClassName}\"`\n          );\n          return;\n        }\n        el = el.parentElement;\n      }\n    }\n    if (!ContextActionUtils.isContextActionEvent(e)) {\n      (e as ContextActionEvent).contextActions = [];\n    }\n\n    if (!ContextActionUtils.isContextActionEvent(e)) {\n      return;\n    }\n\n    const { actions } = this.props;\n    if (actions != null) {\n      let contextActions = actions;\n      if (Array.isArray(contextActions)) {\n        contextActions = contextActions.filter(\n          action =>\n            isPromise(action) ||\n            typeof action === 'function' ||\n            action.isGlobal === undefined ||\n            !action.isGlobal\n        );\n      }\n\n      e.contextActions = e.contextActions.concat(contextActions);\n    }\n\n    log.debug(\n      'Received context menu event! Menu items are now: ',\n      e.contextActions\n    );\n  }\n\n  handleKeyDown(e: KeyboardEvent): void {\n    const { keyboardActions } = this.state;\n    for (let i = 0; i < keyboardActions.length; i += 1) {\n      const keyboardAction = keyboardActions[i];\n      if (\n        !ContextActionUtils.actionsDisabled &&\n        keyboardAction.shortcut != null &&\n        keyboardAction.shortcut.matchesEvent(e)\n      ) {\n        log.debug('Context hotkey matched!', e);\n\n        keyboardAction.action?.(e);\n\n        e.stopPropagation();\n        e.preventDefault();\n\n        log.debug2('Matched hotkey returned false, key event not consumed');\n      }\n    }\n  }\n\n  render(): JSX.Element {\n    const { 'data-testid': dataTestId } = this.props;\n    const { globalActions } = this.state;\n    return (\n      <div\n        className=\"context-actions-listener\"\n        ref={this.container}\n        data-testid={dataTestId}\n      >\n        <GlobalContextActions actions={globalActions} />\n      </div>\n    );\n  }\n}\n\nexport default ContextActions;\n"],"mappings":"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"}
+{"version":3,"file":"ContextActions.js","names":["React","Component","Log","ContextActionUtils","isPromise","GlobalContextActions","log","module","ContextActions","triggerMenu","element","clientX","clientY","actions","length","mouseEvent","MouseEvent","bubbles","cancelable","contextActions","dispatchEvent","constructor","props","handleContextMenu","bind","handleKeyDown","container","createRef","state","globalActions","keyboardActions","getDerivedStateFromProps","Array","isArray","filter","action","isGlobal","undefined","shortcut","componentDidMount","current","parentElement","addEventListener","componentWillUnmount","removeEventListener","e","ignoreClassNames","el","target","classList","ignoredClassName","find","className","contains","debug2","isContextActionEvent","concat","debug","i","keyboardAction","actionsDisabled","matchesEvent","stopPropagation","preventDefault","render","dataTestId","default","high","medium","low","global","edit"],"sources":["../../src/context-actions/ContextActions.tsx"],"sourcesContent":["/**\n * Just a simple utility class for displaying a popup menu.\n */\nimport React, { Component } from 'react';\nimport Log from '@deephaven/log';\nimport ContextActionUtils, {\n  ResolvableContextAction,\n  isPromise,\n} from './ContextActionUtils';\nimport type { ContextAction, ContextActionEvent } from './ContextActionUtils';\nimport GlobalContextActions from './GlobalContextActions';\nimport './ContextActions.scss';\n\nconst log = Log.module('ContextActions');\n\ninterface ContextActionsProps {\n  actions: ResolvableContextAction | ResolvableContextAction[];\n  ignoreClassNames?: string[];\n  'data-testid'?: string;\n}\n\ninterface ContextActionsState {\n  globalActions: ContextAction[];\n  keyboardActions: ContextAction[];\n}\n\n/**\n * ContextActions that you add onto any component.\n *\n * Usage:\n * let actions = [{\n *   title: 'My Action',  // Omit the title to hide it from the context menu\n *   action: () => { alert('My Action Clicked!') }\n *   actions: []            // Submenu of actions\n *   icon: faPrint,         // Limited to FontAwesome icons for now.\n *   iconColor: '#ff0000,   // Color to use for the icon\n *   shortcut: Shortcut,    // Defaults to null\n *   isGlobal: false,       // Global context action. Defaults to false.\n *   group: ContextActions.groups.default,  // What group to group the context action with\n *   order: null,                           // Int where to order within group\n *   disabled: true         // disable action\n *   menuElement: null      // Custom menu element for displaying in context menu. When null, creates a default menu item based on title\n * }];\n *\n * <div>\n *   Right click in this container\n *   <ContextActions actions={actions}/>\n * </div>\n *\n * Right clicking the container will then build the context menu, bubbling up until an element with a ContextMenuRoot is on it.\n * You should generally have a ContextMenuRoot on the root node of your document.\n */\nclass ContextActions extends Component<\n  ContextActionsProps,\n  ContextActionsState\n> {\n  /**\n   * Group you can assign to context menu actions to group them together.\n   * Lower group IDs appear at the top of the list.\n   * Groups are separated by a separator item.\n   * Items within groups are ordered by their order property, then by their title.\n   */\n  static groups = {\n    default: null,\n    high: 100,\n    medium: 5000,\n    low: 10000,\n    global: 100000,\n\n    edit: 100,\n  };\n\n  static triggerMenu(\n    element: Element,\n    clientX: number,\n    clientY: number,\n    actions: ContextAction[]\n  ): void {\n    if (actions.length === 0) {\n      return;\n    }\n\n    const mouseEvent: Partial<ContextActionEvent> = new MouseEvent(\n      'contextmenu',\n      {\n        clientX,\n        clientY,\n        bubbles: true,\n        cancelable: true,\n      }\n    );\n    mouseEvent.contextActions = actions;\n\n    element.dispatchEvent(mouseEvent as ContextActionEvent);\n  }\n\n  constructor(props: ContextActionsProps) {\n    super(props);\n\n    this.handleContextMenu = this.handleContextMenu.bind(this);\n    this.handleKeyDown = this.handleKeyDown.bind(this);\n\n    this.container = React.createRef();\n\n    this.state = { globalActions: [], keyboardActions: [] };\n  }\n\n  static getDerivedStateFromProps(\n    props: ContextActionsProps\n  ): ContextActionsState {\n    if (props.actions == null || !Array.isArray(props.actions)) {\n      return { globalActions: [], keyboardActions: [] };\n    }\n    const globalActions = props.actions.filter(\n      action =>\n        !isPromise(action) && typeof action !== 'function' && action.isGlobal\n    ) as ContextAction[];\n    const keyboardActions = props.actions.filter(\n      action =>\n        !isPromise(action) &&\n        typeof action !== 'function' &&\n        (action.isGlobal === undefined || !action.isGlobal) &&\n        action.shortcut != null\n    ) as ContextAction[];\n\n    return { globalActions, keyboardActions };\n  }\n\n  componentDidMount(): void {\n    if (this.container.current?.parentElement) {\n      this.container.current.parentElement.addEventListener(\n        'contextmenu',\n        this.handleContextMenu\n      );\n      this.container.current.parentElement.addEventListener(\n        'keydown',\n        this.handleKeyDown\n      );\n    }\n  }\n\n  componentWillUnmount(): void {\n    if (this.container.current?.parentElement) {\n      this.container.current.parentElement.removeEventListener(\n        'contextmenu',\n        this.handleContextMenu\n      );\n      this.container.current.parentElement.removeEventListener(\n        'keydown',\n        this.handleKeyDown\n      );\n    }\n  }\n\n  container: React.RefObject<HTMLDivElement>;\n\n  handleContextMenu(e: MouseEvent): void {\n    const { ignoreClassNames = [] } = this.props;\n    if (ignoreClassNames.length > 0) {\n      let el = e.target as Element | null;\n      while (el != null) {\n        const { classList } = el;\n        const ignoredClassName = ignoreClassNames.find(className =>\n          classList.contains(className)\n        );\n        if (ignoredClassName !== undefined) {\n          log.debug2(\n            `Contextmenu event ignored based on the target className \"${ignoredClassName}\"`\n          );\n          return;\n        }\n        el = el.parentElement;\n      }\n    }\n    if (!ContextActionUtils.isContextActionEvent(e)) {\n      (e as ContextActionEvent).contextActions = [];\n    }\n\n    if (!ContextActionUtils.isContextActionEvent(e)) {\n      return;\n    }\n\n    const { actions } = this.props;\n    if (actions != null) {\n      let contextActions = actions;\n      if (Array.isArray(contextActions)) {\n        contextActions = contextActions.filter(\n          action =>\n            isPromise(action) ||\n            typeof action === 'function' ||\n            action.isGlobal === undefined ||\n            !action.isGlobal\n        );\n      }\n\n      e.contextActions = e.contextActions.concat(contextActions);\n    }\n\n    log.debug(\n      'Received context menu event! Menu items are now: ',\n      e.contextActions\n    );\n  }\n\n  handleKeyDown(e: KeyboardEvent): void {\n    const { keyboardActions } = this.state;\n    for (let i = 0; i < keyboardActions.length; i += 1) {\n      const keyboardAction = keyboardActions[i];\n      if (\n        !ContextActionUtils.actionsDisabled &&\n        keyboardAction.shortcut != null &&\n        keyboardAction.shortcut.matchesEvent(e)\n      ) {\n        log.debug('Context hotkey matched!', e);\n\n        keyboardAction.action?.(e);\n\n        e.stopPropagation();\n        e.preventDefault();\n\n        log.debug2('Matched hotkey returned false, key event not consumed');\n      }\n    }\n  }\n\n  render(): JSX.Element {\n    const { 'data-testid': dataTestId } = this.props;\n    const { globalActions } = this.state;\n    return (\n      <div\n        className=\"context-actions-listener\"\n        ref={this.container}\n        data-testid={dataTestId}\n      >\n        <GlobalContextActions actions={globalActions} />\n      </div>\n    );\n  }\n}\n\nexport default ContextActions;\n"],"mappings":"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"}

package/dist/context-actions/ContextMenu.js

@@ -1,6 +1,8 @@
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 import React, { PureComponent } from 'react';
 import classNames from 'classnames';
 import Log from '@deephaven/log';