@deephaven/components 0.26.1 → 0.26.2-beta.1

package/dist/AutoCompleteInput.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); }
 /**
  * An Input component that pops and filters auto complete options as you type.
  *

package/dist/AutoCompleteInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"AutoCompleteInput.js","names":["React","Component","PropTypes","memoize","classNames","debounce","Popper","DEBOUNCE_DELAY","MENU_NAVIGATION_DIRECTION","AutoCompleteInput","constructor","props","options","input","filter","option","title","toLowerCase","indexOf","popperOptions","placement","modifiers","preventOverflow","enabled","state","filteredOptions","keyboardOptionIndex","menuIsOpen","inputWidth","invalid","handleMenuKeyDown","bind","handleMenuBlur","handleInputChange","handleInputKeyDown","handleInputBlur","handelInputFocus","handleInputClick","updateInputValue","handleOptionClick","handleMenuOpened","handleMenuExited","popper","createRef","cbContainer","menuContainer","setInputWidth","current","setState","getBoundingClientRect","width","getValueAndValidate","value","isValid","result","length","processFilterChange","fireOnChange","onChange","getCachedFilteredOptions","perfectMatch","closeMenu","scheduleUpdate","resetValue","handleResize","event","key","stopPropagation","preventDefault","focus","navigateMenu","UP","DOWN","shiftKey","direction","newKeyboardOptionIndex","scrollOptionIntoView","onEnter","openMenu","target","relatedTarget","Element","element","contains","window","requestAnimationFrame","show","focusInput","hide","index","children","item","scrollIntoView","behavior","block","renderMenuElement","renderOptions","noMatchText","map","renderOption","render","inputPlaceholder","disabled","className","defaultTitle","spellCheck","dataTestId","arrayOf","shape","string","isRequired","func","bool","undefined"],"sources":["../src/AutoCompleteInput.tsx"],"sourcesContent":["/**\n * An Input component that pops and filters auto complete options as you type.\n *\n * props:\n * @param options :[{\n *    title: 'option title for display',\n *    value: 'option value' //option value\n * }]\n * @param popperOptions options for the Popper\n * @param onChange called when the value is changed from the pulldown\n * @param inputPlaceholder place holder for the input box\n * @param disabled disable both input & drop down\n * @param className an optional class name applied to the input element\n * @param defaultTitle the default title to display\n * @param spellCheck flag to disable spell checking, defaults to true\n * @param onEnter called when the Enter key is typed in the input element\n *\n */\nimport React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport memoize from 'memoizee';\nimport classNames from 'classnames';\nimport debounce from 'lodash.debounce';\nimport { PopperOptions } from 'popper.js';\nimport { Popper } from './popper';\n\nimport './AutoCompleteInput.scss';\n\nconst DEBOUNCE_DELAY = 100;\n\nenum MENU_NAVIGATION_DIRECTION {\n  UP = 'UP',\n  DOWN = 'DOWN',\n}\n\ninterface AutoCompleteOption {\n  title: string;\n  value: string;\n}\n\ninterface AutoCompleteInputProps {\n  options: AutoCompleteOption[];\n  popperOptions: PopperOptions;\n  onChange(value: string, isValid: boolean): void;\n  inputPlaceholder: string;\n  disabled: boolean;\n  className: string;\n  defaultTitle: string;\n  spellCheck: boolean;\n  onEnter(): void;\n  noMatchText: string;\n  'data-testid'?: string;\n}\n\ninterface AutoCompleteInputState {\n  title: string;\n  filteredOptions: AutoCompleteOption[];\n  keyboardOptionIndex: number;\n  menuIsOpen: boolean;\n  inputWidth: number;\n  invalid: boolean;\n  popperOptions: PopperOptions;\n}\n\nclass AutoCompleteInput extends Component<\n  AutoCompleteInputProps,\n  AutoCompleteInputState\n> {\n  static propTypes = {\n    options: PropTypes.arrayOf(\n      PropTypes.shape({\n        title: PropTypes.string.isRequired,\n        value: PropTypes.string.isRequired,\n      })\n    ).isRequired,\n    popperOptions: PropTypes.shape({}),\n    onChange: PropTypes.func,\n    inputPlaceholder: PropTypes.string,\n    disabled: PropTypes.bool,\n    className: PropTypes.string,\n    defaultTitle: PropTypes.string,\n    spellCheck: PropTypes.bool,\n    onEnter: PropTypes.func,\n    noMatchText: PropTypes.string,\n    'data-testid': PropTypes.string,\n  };\n\n  static defaultProps = {\n    onChange(): void {\n      // no-op\n    },\n    inputPlaceholder: '',\n    disabled: false,\n    className: '',\n    defaultTitle: '',\n    popperOptions: null,\n    spellCheck: true,\n    onEnter(): void {\n      // no-op\n    },\n    noMatchText: 'No matching items found',\n    'data-testid': undefined,\n  };\n\n  static MENU_NAVIGATION_DIRECTION = MENU_NAVIGATION_DIRECTION;\n\n  constructor(props: AutoCompleteInputProps) {\n    super(props);\n\n    let { popperOptions } = this.props;\n    popperOptions = {\n      placement: 'bottom-end',\n      modifiers: {\n        preventOverflow: { enabled: false },\n      },\n      ...popperOptions,\n    };\n\n    this.state = {\n      title: '',\n      filteredOptions: [],\n      keyboardOptionIndex: 0,\n      menuIsOpen: false,\n      inputWidth: 100,\n      invalid: false,\n      popperOptions,\n    };\n\n    this.handleMenuKeyDown = this.handleMenuKeyDown.bind(this);\n    this.handleMenuBlur = this.handleMenuBlur.bind(this);\n\n    this.handleInputChange = this.handleInputChange.bind(this);\n    this.handleInputKeyDown = this.handleInputKeyDown.bind(this);\n    this.handleInputBlur = this.handleInputBlur.bind(this);\n    this.handelInputFocus = this.handelInputFocus.bind(this);\n    this.handleInputClick = this.handleInputClick.bind(this);\n\n    this.updateInputValue = debounce(this.updateInputValue, DEBOUNCE_DELAY);\n\n    this.handleOptionClick = this.handleOptionClick.bind(this);\n\n    this.handleMenuOpened = this.handleMenuOpened.bind(this);\n    this.handleMenuExited = this.handleMenuExited.bind(this);\n\n    this.popper = React.createRef();\n    this.cbContainer = React.createRef();\n    this.menuContainer = React.createRef();\n    this.input = React.createRef();\n  }\n\n  popper: React.RefObject<Popper>;\n\n  cbContainer: React.RefObject<HTMLDivElement>;\n\n  menuContainer: React.RefObject<HTMLDivElement>;\n\n  input: React.RefObject<HTMLInputElement>;\n\n  setInputWidth(): void {\n    if (this.cbContainer.current) {\n      this.setState({\n        inputWidth: this.cbContainer.current.getBoundingClientRect().width,\n      });\n    }\n  }\n\n  getCachedFilteredOptions = memoize(\n    (options: AutoCompleteOption[], input: string) =>\n      options.filter(\n        // supports partial match\n        option => option.title.toLowerCase().indexOf(input.toLowerCase()) >= 0\n      )\n  );\n\n  // validation needs to be an exact case-sensitve match on value\n  getValueAndValidate(title: string): { value: string; isValid: boolean } {\n    if (!title) {\n      this.setState({ invalid: false });\n      return { value: title, isValid: false };\n    }\n\n    // validate\n    const { options } = this.props;\n    const result = options.filter(\n      option => option.title.toLowerCase() === title.toLowerCase()\n    );\n    if (result.length < 1) {\n      this.setState({ invalid: true });\n      return { value: title, isValid: false };\n    }\n\n    this.setState({ invalid: false });\n    return { value: result[0].value, isValid: true };\n  }\n\n  // validate typed entries emit change event using value\n  updateInputValue(title: string): void {\n    const { menuIsOpen } = this.state;\n    const { value, isValid } = this.getValueAndValidate(title);\n    if (menuIsOpen) this.processFilterChange(title);\n    this.fireOnChange(value, isValid);\n  }\n\n  fireOnChange(value: string, isValid = true): void {\n    const { onChange } = this.props;\n    onChange(value, isValid);\n  }\n\n  processFilterChange(filter: string): void {\n    const { options } = this.props;\n    const { menuIsOpen } = this.state;\n    const filteredOptions = filter\n      ? this.getCachedFilteredOptions(options, filter)\n      : options;\n    const perfectMatch =\n      filteredOptions.length === 1 && filteredOptions[0].title === filter;\n    this.setState({\n      filteredOptions,\n      keyboardOptionIndex: 0,\n    });\n    if (perfectMatch && menuIsOpen) {\n      this.closeMenu();\n      return;\n    }\n    this.popper.current?.scheduleUpdate(); // filtered options list can change size, may need to be repositioned\n  }\n\n  resetValue(): void {\n    this.setState({ title: '' });\n    this.fireOnChange('');\n  }\n\n  handleResize(): void {\n    this.setInputWidth();\n  }\n\n  handleMenuKeyDown(event: React.KeyboardEvent): void {\n    const { filteredOptions, keyboardOptionIndex } = this.state;\n    const option = filteredOptions[keyboardOptionIndex];\n\n    switch (event.key) {\n      case 'Enter':\n      case 'ArrowRight':\n        event.stopPropagation();\n        event.preventDefault();\n        if (option != null) {\n          this.setState({ title: option.title, invalid: false });\n          this.fireOnChange(option.value);\n        }\n        this.closeMenu();\n        this.input.current?.focus();\n        break;\n      case 'ArrowUp':\n        event.stopPropagation();\n        event.preventDefault();\n        this.navigateMenu(AutoCompleteInput.MENU_NAVIGATION_DIRECTION.UP);\n        break;\n      case 'ArrowDown':\n        event.stopPropagation();\n        event.preventDefault();\n        this.navigateMenu(AutoCompleteInput.MENU_NAVIGATION_DIRECTION.DOWN);\n        break;\n      case 'Tab':\n        event.stopPropagation();\n        event.preventDefault();\n        if (event.shiftKey) {\n          this.navigateMenu(AutoCompleteInput.MENU_NAVIGATION_DIRECTION.UP);\n          break;\n        }\n        this.navigateMenu(AutoCompleteInput.MENU_NAVIGATION_DIRECTION.DOWN);\n        break;\n      case 'Escape':\n        event.preventDefault();\n        event.stopPropagation();\n        this.closeMenu();\n        break;\n      default:\n        break;\n    }\n  }\n\n  navigateMenu(direction: MENU_NAVIGATION_DIRECTION): void {\n    const { filteredOptions, keyboardOptionIndex } = this.state;\n    let newKeyboardOptionIndex = keyboardOptionIndex;\n    if (direction === AutoCompleteInput.MENU_NAVIGATION_DIRECTION.UP) {\n      if (keyboardOptionIndex > 0) {\n        newKeyboardOptionIndex =\n          (newKeyboardOptionIndex - 1) % filteredOptions.length;\n        this.setState({\n          keyboardOptionIndex: newKeyboardOptionIndex,\n        });\n      } else if (keyboardOptionIndex === 0) {\n        newKeyboardOptionIndex = filteredOptions.length - 1;\n        this.setState({\n          keyboardOptionIndex: newKeyboardOptionIndex,\n        });\n      }\n    } else if (direction === AutoCompleteInput.MENU_NAVIGATION_DIRECTION.DOWN) {\n      if (keyboardOptionIndex < filteredOptions.length) {\n        newKeyboardOptionIndex =\n          (newKeyboardOptionIndex + 1) % filteredOptions.length;\n        this.setState({\n          keyboardOptionIndex: newKeyboardOptionIndex,\n        });\n      }\n    }\n    this.scrollOptionIntoView(newKeyboardOptionIndex);\n  }\n\n  handleInputKeyDown(event: React.KeyboardEvent): void {\n    const { onEnter } = this.props;\n    const { menuIsOpen } = this.state;\n\n    if (menuIsOpen) {\n      this.handleMenuKeyDown(event);\n    } else if (event.key === 'Enter') {\n      onEnter();\n    } else if (event.key === 'Escape') {\n      this.resetValue();\n      event.preventDefault();\n      event.stopPropagation();\n    } else if (\n      !(\n        event.key === 'ArrowRight' ||\n        event.key === 'ArrowLeft' ||\n        event.key === 'Tab' ||\n        event.key === 'Shift'\n      )\n    ) {\n      this.openMenu();\n    }\n  }\n\n  handleInputChange(event: React.ChangeEvent<HTMLInputElement>): void {\n    this.setState({ title: event.target.value });\n    this.updateInputValue(event.target.value);\n  }\n\n  handleOptionClick(option: AutoCompleteOption): void {\n    this.setState({ title: option.title, invalid: false });\n    this.fireOnChange(option.value);\n    this.closeMenu();\n    this.input.current?.focus();\n  }\n\n  handelInputFocus(): void {\n    const { menuIsOpen } = this.state;\n    if (!menuIsOpen) {\n      this.openMenu();\n    }\n  }\n\n  handleInputClick(): void {\n    const { menuIsOpen } = this.state;\n    if (!menuIsOpen) {\n      this.openMenu();\n    }\n  }\n\n  handleInputBlur(event: React.FocusEvent<HTMLInputElement>): void {\n    const { menuIsOpen } = this.state;\n    if (\n      menuIsOpen &&\n      event.relatedTarget instanceof Element &&\n      this.popper.current !== null &&\n      this.popper.current.element.contains(event.relatedTarget)\n    ) {\n      return;\n    }\n    this.closeMenu(false);\n  }\n\n  handleMenuBlur(event: React.FocusEvent<HTMLDivElement>): void {\n    // if blur event is caused by focusing on the input or focus on options don't close menu\n    if (\n      event.relatedTarget === this.input.current ||\n      (event.relatedTarget instanceof Element &&\n        this.popper.current !== null &&\n        this.popper.current.element.contains(event.relatedTarget))\n    ) {\n      return;\n    }\n    this.closeMenu(false);\n  }\n\n  handleMenuOpened(): void {\n    this.input.current?.focus();\n  }\n\n  handleMenuExited(): void {\n    const { menuIsOpen } = this.state;\n    if (menuIsOpen) {\n      this.setState({ menuIsOpen: false, keyboardOptionIndex: 0 });\n    }\n  }\n\n  openMenu(): void {\n    const { title } = this.state;\n    this.processFilterChange(title);\n    this.setInputWidth();\n    this.setState({ menuIsOpen: true });\n\n    // https://github.com/reactjs/react-transition-group/issues/382\n    window.requestAnimationFrame(() => {\n      this.popper.current?.show();\n    });\n  }\n\n  closeMenu(focusInput = true): void {\n    this.setState({ menuIsOpen: false, keyboardOptionIndex: 0 });\n    if (focusInput) {\n      this.input.current?.focus();\n    }\n    this.popper.current?.hide();\n  }\n\n  scrollOptionIntoView(index: number): void {\n    if (this.menuContainer.current) {\n      this.menuContainer.current.children.item(index)?.scrollIntoView({\n        behavior: 'smooth',\n        block: 'nearest',\n      });\n    }\n  }\n\n  renderMenuElement(): JSX.Element {\n    const { inputWidth } = this.state;\n    return (\n      <div\n        className={classNames('aci-options')}\n        ref={this.menuContainer}\n        role=\"presentation\"\n        onKeyDown={this.handleMenuKeyDown}\n        style={{ width: inputWidth }}\n        onBlur={this.handleMenuBlur}\n      >\n        {this.renderOptions()}\n      </div>\n    );\n  }\n\n  renderOptions(): React.ReactNode {\n    const { noMatchText } = this.props;\n    const { title, filteredOptions } = this.state;\n\n    if (title && filteredOptions.length === 0) {\n      return <div className=\"no-match\">{noMatchText}</div>;\n    }\n\n    return filteredOptions.map((option, index) =>\n      this.renderOption(option, index)\n    );\n  }\n\n  renderOption(option: AutoCompleteOption, index: number): JSX.Element {\n    const { keyboardOptionIndex } = this.state;\n    const key = `option-${index}-${option.value}`;\n    return (\n      <button\n        key={key}\n        type=\"button\"\n        className={classNames('aci-option-btn', {\n          'keyboard-active': keyboardOptionIndex === index,\n        })}\n        onClick={() => this.handleOptionClick(option)}\n        onFocus={() => this.setState({ keyboardOptionIndex: index })}\n      >\n        {option.title}\n      </button>\n    );\n  }\n\n  render(): JSX.Element {\n    const {\n      options,\n      inputPlaceholder,\n      disabled,\n      className,\n      defaultTitle,\n      spellCheck,\n      'data-testid': dataTestId,\n    } = this.props;\n    const { title, menuIsOpen, popperOptions, invalid } = this.state;\n\n    return (\n      <div className=\"aci-container\" ref={this.cbContainer}>\n        <input\n          value={title || defaultTitle}\n          className={classNames('form-control', className, 'aci-input', {\n            'is-invalid': invalid && !menuIsOpen,\n          })}\n          ref={this.input}\n          onChange={this.handleInputChange}\n          placeholder={inputPlaceholder || options[0].title}\n          disabled={disabled}\n          onFocus={this.handelInputFocus}\n          onClick={this.handleInputClick}\n          onBlur={this.handleInputBlur}\n          onKeyDown={this.handleInputKeyDown}\n          spellCheck={spellCheck}\n          data-testid={dataTestId}\n        />\n        <Popper\n          ref={this.popper}\n          options={popperOptions}\n          className={classNames('aci-options-popper interactive')}\n          onEntered={this.handleMenuOpened}\n          onExited={this.handleMenuExited}\n        >\n          {this.renderMenuElement()}\n        </Popper>\n      </div>\n    );\n  }\n}\n\nexport default AutoCompleteInput;\n"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAOA,KAAK,IAAIC,SAAS,QAAQ,OAAO;AACxC,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,OAAO,MAAM,UAAU;AAC9B,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,QAAQ,MAAM,iBAAiB;AAAC,SAE9BC,MAAM;AAAA;AAIf,IAAMC,cAAc,GAAG,GAAG;AAAC,IAEtBC,yBAAyB;AAAA,WAAzBA,yBAAyB;EAAzBA,yBAAyB;EAAzBA,yBAAyB;AAAA,GAAzBA,yBAAyB,KAAzBA,yBAAyB;AAkC9B,MAAMC,iBAAiB,SAASR,SAAS,CAGvC;EAuCAS,WAAW,CAACC,KAA6B,EAAE;IACzC,KAAK,CAACA,KAAK,CAAC;IAAC;IAAA;IAAA;IAAA;IAAA,kDA2DYR,OAAO,CAChC,CAACS,OAA6B,EAAEC,KAAa,KAC3CD,OAAO,CAACE,MAAM;IACZ;IACAC,MAAM,IAAIA,MAAM,CAACC,KAAK,CAACC,WAAW,EAAE,CAACC,OAAO,CAACL,KAAK,CAACI,WAAW,EAAE,CAAC,IAAI,CAAC,CACvE,CACJ;IA/DC,IAAI;MAAEE;IAAc,CAAC,GAAG,IAAI,CAACR,KAAK;IAClCQ,aAAa;MACXC,SAAS,EAAE,YAAY;MACvBC,SAAS,EAAE;QACTC,eAAe,EAAE;UAAEC,OAAO,EAAE;QAAM;MACpC;IAAC,GACEJ,aAAa,CACjB;IAED,IAAI,CAACK,KAAK,GAAG;MACXR,KAAK,EAAE,EAAE;MACTS,eAAe,EAAE,EAAE;MACnBC,mBAAmB,EAAE,CAAC;MACtBC,UAAU,EAAE,KAAK;MACjBC,UAAU,EAAE,GAAG;MACfC,OAAO,EAAE,KAAK;MACdV;IACF,CAAC;IAED,IAAI,CAACW,iBAAiB,GAAG,IAAI,CAACA,iBAAiB,CAACC,IAAI,CAAC,IAAI,CAAC;IAC1D,IAAI,CAACC,cAAc,GAAG,IAAI,CAACA,cAAc,CAACD,IAAI,CAAC,IAAI,CAAC;IAEpD,IAAI,CAACE,iBAAiB,GAAG,IAAI,CAACA,iBAAiB,CAACF,IAAI,CAAC,IAAI,CAAC;IAC1D,IAAI,CAACG,kBAAkB,GAAG,IAAI,CAACA,kBAAkB,CAACH,IAAI,CAAC,IAAI,CAAC;IAC5D,IAAI,CAACI,eAAe,GAAG,IAAI,CAACA,eAAe,CAACJ,IAAI,CAAC,IAAI,CAAC;IACtD,IAAI,CAACK,gBAAgB,GAAG,IAAI,CAACA,gBAAgB,CAACL,IAAI,CAAC,IAAI,CAAC;IACxD,IAAI,CAACM,gBAAgB,GAAG,IAAI,CAACA,gBAAgB,CAACN,IAAI,CAAC,IAAI,CAAC;IAExD,IAAI,CAACO,gBAAgB,GAAGjC,QAAQ,CAAC,IAAI,CAACiC,gBAAgB,EAAE/B,cAAc,CAAC;IAEvE,IAAI,CAACgC,iBAAiB,GAAG,IAAI,CAACA,iBAAiB,CAACR,IAAI,CAAC,IAAI,CAAC;IAE1D,IAAI,CAACS,gBAAgB,GAAG,IAAI,CAACA,gBAAgB,CAACT,IAAI,CAAC,IAAI,CAAC;IACxD,IAAI,CAACU,gBAAgB,GAAG,IAAI,CAACA,gBAAgB,CAACV,IAAI,CAAC,IAAI,CAAC;IAExD,IAAI,CAACW,MAAM,gBAAG1C,KAAK,CAAC2C,SAAS,EAAE;IAC/B,IAAI,CAACC,WAAW,gBAAG5C,KAAK,CAAC2C,SAAS,EAAE;IACpC,IAAI,CAACE,aAAa,gBAAG7C,KAAK,CAAC2C,SAAS,EAAE;IACtC,IAAI,CAAC9B,KAAK,gBAAGb,KAAK,CAAC2C,SAAS,EAAE;EAChC;EAUAG,aAAa,GAAS;IACpB,IAAI,IAAI,CAACF,WAAW,CAACG,OAAO,EAAE;MAC5B,IAAI,CAACC,QAAQ,CAAC;QACZpB,UAAU,EAAE,IAAI,CAACgB,WAAW,CAACG,OAAO,CAACE,qBAAqB,EAAE,CAACC;MAC/D,CAAC,CAAC;IACJ;EACF;EAUA;EACAC,mBAAmB,CAACnC,KAAa,EAAuC;IACtE,IAAI,CAACA,KAAK,EAAE;MACV,IAAI,CAACgC,QAAQ,CAAC;QAAEnB,OAAO,EAAE;MAAM,CAAC,CAAC;MACjC,OAAO;QAAEuB,KAAK,EAAEpC,KAAK;QAAEqC,OAAO,EAAE;MAAM,CAAC;IACzC;;IAEA;IACA,IAAM;MAAEzC;IAAQ,CAAC,GAAG,IAAI,CAACD,KAAK;IAC9B,IAAM2C,MAAM,GAAG1C,OAAO,CAACE,MAAM,CAC3BC,MAAM,IAAIA,MAAM,CAACC,KAAK,CAACC,WAAW,EAAE,KAAKD,KAAK,CAACC,WAAW,EAAE,CAC7D;IACD,IAAIqC,MAAM,CAACC,MAAM,GAAG,CAAC,EAAE;MACrB,IAAI,CAACP,QAAQ,CAAC;QAAEnB,OAAO,EAAE;MAAK,CAAC,CAAC;MAChC,OAAO;QAAEuB,KAAK,EAAEpC,KAAK;QAAEqC,OAAO,EAAE;MAAM,CAAC;IACzC;IAEA,IAAI,CAACL,QAAQ,CAAC;MAAEnB,OAAO,EAAE;IAAM,CAAC,CAAC;IACjC,OAAO;MAAEuB,KAAK,EAAEE,MAAM,CAAC,CAAC,CAAC,CAACF,KAAK;MAAEC,OAAO,EAAE;IAAK,CAAC;EAClD;;EAEA;EACAf,gBAAgB,CAACtB,KAAa,EAAQ;IACpC,IAAM;MAAEW;IAAW,CAAC,GAAG,IAAI,CAACH,KAAK;IACjC,IAAM;MAAE4B,KAAK;MAAEC;IAAQ,CAAC,GAAG,IAAI,CAACF,mBAAmB,CAACnC,KAAK,CAAC;IAC1D,IAAIW,UAAU,EAAE,IAAI,CAAC6B,mBAAmB,CAACxC,KAAK,CAAC;IAC/C,IAAI,CAACyC,YAAY,CAACL,KAAK,EAAEC,OAAO,CAAC;EACnC;EAEAI,YAAY,CAACL,KAAa,EAAwB;IAAA,IAAtBC,OAAO,uEAAG,IAAI;IACxC,IAAM;MAAEK;IAAS,CAAC,GAAG,IAAI,CAAC/C,KAAK;IAC/B+C,QAAQ,CAACN,KAAK,EAAEC,OAAO,CAAC;EAC1B;EAEAG,mBAAmB,CAAC1C,MAAc,EAAQ;IAAA;IACxC,IAAM;MAAEF;IAAQ,CAAC,GAAG,IAAI,CAACD,KAAK;IAC9B,IAAM;MAAEgB;IAAW,CAAC,GAAG,IAAI,CAACH,KAAK;IACjC,IAAMC,eAAe,GAAGX,MAAM,GAC1B,IAAI,CAAC6C,wBAAwB,CAAC/C,OAAO,EAAEE,MAAM,CAAC,GAC9CF,OAAO;IACX,IAAMgD,YAAY,GAChBnC,eAAe,CAAC8B,MAAM,KAAK,CAAC,IAAI9B,eAAe,CAAC,CAAC,CAAC,CAACT,KAAK,KAAKF,MAAM;IACrE,IAAI,CAACkC,QAAQ,CAAC;MACZvB,eAAe;MACfC,mBAAmB,EAAE;IACvB,CAAC,CAAC;IACF,IAAIkC,YAAY,IAAIjC,UAAU,EAAE;MAC9B,IAAI,CAACkC,SAAS,EAAE;MAChB;IACF;IACA,4BAAI,CAACnB,MAAM,CAACK,OAAO,yDAAnB,qBAAqBe,cAAc,EAAE,CAAC,CAAC;EACzC;;EAEAC,UAAU,GAAS;IACjB,IAAI,CAACf,QAAQ,CAAC;MAAEhC,KAAK,EAAE;IAAG,CAAC,CAAC;IAC5B,IAAI,CAACyC,YAAY,CAAC,EAAE,CAAC;EACvB;EAEAO,YAAY,GAAS;IACnB,IAAI,CAAClB,aAAa,EAAE;EACtB;EAEAhB,iBAAiB,CAACmC,KAA0B,EAAQ;IAAA;IAClD,IAAM;MAAExC,eAAe;MAAEC;IAAoB,CAAC,GAAG,IAAI,CAACF,KAAK;IAC3D,IAAMT,MAAM,GAAGU,eAAe,CAACC,mBAAmB,CAAC;IAEnD,QAAQuC,KAAK,CAACC,GAAG;MACf,KAAK,OAAO;MACZ,KAAK,YAAY;QACfD,KAAK,CAACE,eAAe,EAAE;QACvBF,KAAK,CAACG,cAAc,EAAE;QACtB,IAAIrD,MAAM,IAAI,IAAI,EAAE;UAClB,IAAI,CAACiC,QAAQ,CAAC;YAAEhC,KAAK,EAAED,MAAM,CAACC,KAAK;YAAEa,OAAO,EAAE;UAAM,CAAC,CAAC;UACtD,IAAI,CAAC4B,YAAY,CAAC1C,MAAM,CAACqC,KAAK,CAAC;QACjC;QACA,IAAI,CAACS,SAAS,EAAE;QAChB,2BAAI,CAAChD,KAAK,CAACkC,OAAO,wDAAlB,oBAAoBsB,KAAK,EAAE;QAC3B;MACF,KAAK,SAAS;QACZJ,KAAK,CAACE,eAAe,EAAE;QACvBF,KAAK,CAACG,cAAc,EAAE;QACtB,IAAI,CAACE,YAAY,CAAC7D,iBAAiB,CAACD,yBAAyB,CAAC+D,EAAE,CAAC;QACjE;MACF,KAAK,WAAW;QACdN,KAAK,CAACE,eAAe,EAAE;QACvBF,KAAK,CAACG,cAAc,EAAE;QACtB,IAAI,CAACE,YAAY,CAAC7D,iBAAiB,CAACD,yBAAyB,CAACgE,IAAI,CAAC;QACnE;MACF,KAAK,KAAK;QACRP,KAAK,CAACE,eAAe,EAAE;QACvBF,KAAK,CAACG,cAAc,EAAE;QACtB,IAAIH,KAAK,CAACQ,QAAQ,EAAE;UAClB,IAAI,CAACH,YAAY,CAAC7D,iBAAiB,CAACD,yBAAyB,CAAC+D,EAAE,CAAC;UACjE;QACF;QACA,IAAI,CAACD,YAAY,CAAC7D,iBAAiB,CAACD,yBAAyB,CAACgE,IAAI,CAAC;QACnE;MACF,KAAK,QAAQ;QACXP,KAAK,CAACG,cAAc,EAAE;QACtBH,KAAK,CAACE,eAAe,EAAE;QACvB,IAAI,CAACN,SAAS,EAAE;QAChB;MACF;QACE;IAAM;EAEZ;EAEAS,YAAY,CAACI,SAAoC,EAAQ;IACvD,IAAM;MAAEjD,eAAe;MAAEC;IAAoB,CAAC,GAAG,IAAI,CAACF,KAAK;IAC3D,IAAImD,sBAAsB,GAAGjD,mBAAmB;IAChD,IAAIgD,SAAS,KAAKjE,iBAAiB,CAACD,yBAAyB,CAAC+D,EAAE,EAAE;MAChE,IAAI7C,mBAAmB,GAAG,CAAC,EAAE;QAC3BiD,sBAAsB,GACpB,CAACA,sBAAsB,GAAG,CAAC,IAAIlD,eAAe,CAAC8B,MAAM;QACvD,IAAI,CAACP,QAAQ,CAAC;UACZtB,mBAAmB,EAAEiD;QACvB,CAAC,CAAC;MACJ,CAAC,MAAM,IAAIjD,mBAAmB,KAAK,CAAC,EAAE;QACpCiD,sBAAsB,GAAGlD,eAAe,CAAC8B,MAAM,GAAG,CAAC;QACnD,IAAI,CAACP,QAAQ,CAAC;UACZtB,mBAAmB,EAAEiD;QACvB,CAAC,CAAC;MACJ;IACF,CAAC,MAAM,IAAID,SAAS,KAAKjE,iBAAiB,CAACD,yBAAyB,CAACgE,IAAI,EAAE;MACzE,IAAI9C,mBAAmB,GAAGD,eAAe,CAAC8B,MAAM,EAAE;QAChDoB,sBAAsB,GACpB,CAACA,sBAAsB,GAAG,CAAC,IAAIlD,eAAe,CAAC8B,MAAM;QACvD,IAAI,CAACP,QAAQ,CAAC;UACZtB,mBAAmB,EAAEiD;QACvB,CAAC,CAAC;MACJ;IACF;IACA,IAAI,CAACC,oBAAoB,CAACD,sBAAsB,CAAC;EACnD;EAEAzC,kBAAkB,CAAC+B,KAA0B,EAAQ;IACnD,IAAM;MAAEY;IAAQ,CAAC,GAAG,IAAI,CAAClE,KAAK;IAC9B,IAAM;MAAEgB;IAAW,CAAC,GAAG,IAAI,CAACH,KAAK;IAEjC,IAAIG,UAAU,EAAE;MACd,IAAI,CAACG,iBAAiB,CAACmC,KAAK,CAAC;IAC/B,CAAC,MAAM,IAAIA,KAAK,CAACC,GAAG,KAAK,OAAO,EAAE;MAChCW,OAAO,EAAE;IACX,CAAC,MAAM,IAAIZ,KAAK,CAACC,GAAG,KAAK,QAAQ,EAAE;MACjC,IAAI,CAACH,UAAU,EAAE;MACjBE,KAAK,CAACG,cAAc,EAAE;MACtBH,KAAK,CAACE,eAAe,EAAE;IACzB,CAAC,MAAM,IACL,EACEF,KAAK,CAACC,GAAG,KAAK,YAAY,IAC1BD,KAAK,CAACC,GAAG,KAAK,WAAW,IACzBD,KAAK,CAACC,GAAG,KAAK,KAAK,IACnBD,KAAK,CAACC,GAAG,KAAK,OAAO,CACtB,EACD;MACA,IAAI,CAACY,QAAQ,EAAE;IACjB;EACF;EAEA7C,iBAAiB,CAACgC,KAA0C,EAAQ;IAClE,IAAI,CAACjB,QAAQ,CAAC;MAAEhC,KAAK,EAAEiD,KAAK,CAACc,MAAM,CAAC3B;IAAM,CAAC,CAAC;IAC5C,IAAI,CAACd,gBAAgB,CAAC2B,KAAK,CAACc,MAAM,CAAC3B,KAAK,CAAC;EAC3C;EAEAb,iBAAiB,CAACxB,MAA0B,EAAQ;IAAA;IAClD,IAAI,CAACiC,QAAQ,CAAC;MAAEhC,KAAK,EAAED,MAAM,CAACC,KAAK;MAAEa,OAAO,EAAE;IAAM,CAAC,CAAC;IACtD,IAAI,CAAC4B,YAAY,CAAC1C,MAAM,CAACqC,KAAK,CAAC;IAC/B,IAAI,CAACS,SAAS,EAAE;IAChB,4BAAI,CAAChD,KAAK,CAACkC,OAAO,yDAAlB,qBAAoBsB,KAAK,EAAE;EAC7B;EAEAjC,gBAAgB,GAAS;IACvB,IAAM;MAAET;IAAW,CAAC,GAAG,IAAI,CAACH,KAAK;IACjC,IAAI,CAACG,UAAU,EAAE;MACf,IAAI,CAACmD,QAAQ,EAAE;IACjB;EACF;EAEAzC,gBAAgB,GAAS;IACvB,IAAM;MAAEV;IAAW,CAAC,GAAG,IAAI,CAACH,KAAK;IACjC,IAAI,CAACG,UAAU,EAAE;MACf,IAAI,CAACmD,QAAQ,EAAE;IACjB;EACF;EAEA3C,eAAe,CAAC8B,KAAyC,EAAQ;IAC/D,IAAM;MAAEtC;IAAW,CAAC,GAAG,IAAI,CAACH,KAAK;IACjC,IACEG,UAAU,IACVsC,KAAK,CAACe,aAAa,YAAYC,OAAO,IACtC,IAAI,CAACvC,MAAM,CAACK,OAAO,KAAK,IAAI,IAC5B,IAAI,CAACL,MAAM,CAACK,OAAO,CAACmC,OAAO,CAACC,QAAQ,CAAClB,KAAK,CAACe,aAAa,CAAC,EACzD;MACA;IACF;IACA,IAAI,CAACnB,SAAS,CAAC,KAAK,CAAC;EACvB;EAEA7B,cAAc,CAACiC,KAAuC,EAAQ;IAC5D;IACA,IACEA,KAAK,CAACe,aAAa,KAAK,IAAI,CAACnE,KAAK,CAACkC,OAAO,IACzCkB,KAAK,CAACe,aAAa,YAAYC,OAAO,IACrC,IAAI,CAACvC,MAAM,CAACK,OAAO,KAAK,IAAI,IAC5B,IAAI,CAACL,MAAM,CAACK,OAAO,CAACmC,OAAO,CAACC,QAAQ,CAAClB,KAAK,CAACe,aAAa,CAAE,EAC5D;MACA;IACF;IACA,IAAI,CAACnB,SAAS,CAAC,KAAK,CAAC;EACvB;EAEArB,gBAAgB,GAAS;IAAA;IACvB,4BAAI,CAAC3B,KAAK,CAACkC,OAAO,yDAAlB,qBAAoBsB,KAAK,EAAE;EAC7B;EAEA5B,gBAAgB,GAAS;IACvB,IAAM;MAAEd;IAAW,CAAC,GAAG,IAAI,CAACH,KAAK;IACjC,IAAIG,UAAU,EAAE;MACd,IAAI,CAACqB,QAAQ,CAAC;QAAErB,UAAU,EAAE,KAAK;QAAED,mBAAmB,EAAE;MAAE,CAAC,CAAC;IAC9D;EACF;EAEAoD,QAAQ,GAAS;IACf,IAAM;MAAE9D;IAAM,CAAC,GAAG,IAAI,CAACQ,KAAK;IAC5B,IAAI,CAACgC,mBAAmB,CAACxC,KAAK,CAAC;IAC/B,IAAI,CAAC8B,aAAa,EAAE;IACpB,IAAI,CAACE,QAAQ,CAAC;MAAErB,UAAU,EAAE;IAAK,CAAC,CAAC;;IAEnC;IACAyD,MAAM,CAACC,qBAAqB,CAAC,MAAM;MAAA;MACjC,6BAAI,CAAC3C,MAAM,CAACK,OAAO,0DAAnB,sBAAqBuC,IAAI,EAAE;IAC7B,CAAC,CAAC;EACJ;EAEAzB,SAAS,GAA0B;IAAA;IAAA,IAAzB0B,UAAU,uEAAG,IAAI;IACzB,IAAI,CAACvC,QAAQ,CAAC;MAAErB,UAAU,EAAE,KAAK;MAAED,mBAAmB,EAAE;IAAE,CAAC,CAAC;IAC5D,IAAI6D,UAAU,EAAE;MAAA;MACd,4BAAI,CAAC1E,KAAK,CAACkC,OAAO,yDAAlB,qBAAoBsB,KAAK,EAAE;IAC7B;IACA,6BAAI,CAAC3B,MAAM,CAACK,OAAO,0DAAnB,sBAAqByC,IAAI,EAAE;EAC7B;EAEAZ,oBAAoB,CAACa,KAAa,EAAQ;IACxC,IAAI,IAAI,CAAC5C,aAAa,CAACE,OAAO,EAAE;MAAA;MAC9B,6BAAI,CAACF,aAAa,CAACE,OAAO,CAAC2C,QAAQ,CAACC,IAAI,CAACF,KAAK,CAAC,0DAA/C,sBAAiDG,cAAc,CAAC;QAC9DC,QAAQ,EAAE,QAAQ;QAClBC,KAAK,EAAE;MACT,CAAC,CAAC;IACJ;EACF;EAEAC,iBAAiB,GAAgB;IAC/B,IAAM;MAAEnE;IAAW,CAAC,GAAG,IAAI,CAACJ,KAAK;IACjC,oBACE;MACE,SAAS,EAAEpB,UAAU,CAAC,aAAa,CAAE;MACrC,GAAG,EAAE,IAAI,CAACyC,aAAc;MACxB,IAAI,EAAC,cAAc;MACnB,SAAS,EAAE,IAAI,CAACf,iBAAkB;MAClC,KAAK,EAAE;QAAEoB,KAAK,EAAEtB;MAAW,CAAE;MAC7B,MAAM,EAAE,IAAI,CAACI;IAAe,GAE3B,IAAI,CAACgE,aAAa,EAAE,CACjB;EAEV;EAEAA,aAAa,GAAoB;IAC/B,IAAM;MAAEC;IAAY,CAAC,GAAG,IAAI,CAACtF,KAAK;IAClC,IAAM;MAAEK,KAAK;MAAES;IAAgB,CAAC,GAAG,IAAI,CAACD,KAAK;IAE7C,IAAIR,KAAK,IAAIS,eAAe,CAAC8B,MAAM,KAAK,CAAC,EAAE;MACzC,oBAAO;QAAK,SAAS,EAAC;MAAU,GAAE0C,WAAW,CAAO;IACtD;IAEA,OAAOxE,eAAe,CAACyE,GAAG,CAAC,CAACnF,MAAM,EAAE0E,KAAK,KACvC,IAAI,CAACU,YAAY,CAACpF,MAAM,EAAE0E,KAAK,CAAC,CACjC;EACH;EAEAU,YAAY,CAACpF,MAA0B,EAAE0E,KAAa,EAAe;IACnE,IAAM;MAAE/D;IAAoB,CAAC,GAAG,IAAI,CAACF,KAAK;IAC1C,IAAM0C,GAAG,oBAAauB,KAAK,cAAI1E,MAAM,CAACqC,KAAK,CAAE;IAC7C,oBACE;MACE,GAAG,EAAEc,GAAI;MACT,IAAI,EAAC,QAAQ;MACb,SAAS,EAAE9D,UAAU,CAAC,gBAAgB,EAAE;QACtC,iBAAiB,EAAEsB,mBAAmB,KAAK+D;MAC7C,CAAC,CAAE;MACH,OAAO,EAAE,MAAM,IAAI,CAAClD,iBAAiB,CAACxB,MAAM,CAAE;MAC9C,OAAO,EAAE,MAAM,IAAI,CAACiC,QAAQ,CAAC;QAAEtB,mBAAmB,EAAE+D;MAAM,CAAC;IAAE,GAE5D1E,MAAM,CAACC,KAAK,CACN;EAEb;EAEAoF,MAAM,GAAgB;IACpB,IAAM;MACJxF,OAAO;MACPyF,gBAAgB;MAChBC,QAAQ;MACRC,SAAS;MACTC,YAAY;MACZC,UAAU;MACV,aAAa,EAAEC;IACjB,CAAC,GAAG,IAAI,CAAC/F,KAAK;IACd,IAAM;MAAEK,KAAK;MAAEW,UAAU;MAAER,aAAa;MAAEU;IAAQ,CAAC,GAAG,IAAI,CAACL,KAAK;IAEhE,oBACE;MAAK,SAAS,EAAC,eAAe;MAAC,GAAG,EAAE,IAAI,CAACoB;IAAY,gBACnD;MACE,KAAK,EAAE5B,KAAK,IAAIwF,YAAa;MAC7B,SAAS,EAAEpG,UAAU,CAAC,cAAc,EAAEmG,SAAS,EAAE,WAAW,EAAE;QAC5D,YAAY,EAAE1E,OAAO,IAAI,CAACF;MAC5B,CAAC,CAAE;MACH,GAAG,EAAE,IAAI,CAACd,KAAM;MAChB,QAAQ,EAAE,IAAI,CAACoB,iBAAkB;MACjC,WAAW,EAAEoE,gBAAgB,IAAIzF,OAAO,CAAC,CAAC,CAAC,CAACI,KAAM;MAClD,QAAQ,EAAEsF,QAAS;MACnB,OAAO,EAAE,IAAI,CAAClE,gBAAiB;MAC/B,OAAO,EAAE,IAAI,CAACC,gBAAiB;MAC/B,MAAM,EAAE,IAAI,CAACF,eAAgB;MAC7B,SAAS,EAAE,IAAI,CAACD,kBAAmB;MACnC,UAAU,EAAEuE,UAAW;MACvB,eAAaC;IAAW,EACxB,eACF,oBAAC,MAAM;MACL,GAAG,EAAE,IAAI,CAAChE,MAAO;MACjB,OAAO,EAAEvB,aAAc;MACvB,SAAS,EAAEf,UAAU,CAAC,gCAAgC,CAAE;MACxD,SAAS,EAAE,IAAI,CAACoC,gBAAiB;MACjC,QAAQ,EAAE,IAAI,CAACC;IAAiB,GAE/B,IAAI,CAACsD,iBAAiB,EAAE,CAClB,CACL;EAEV;AACF;AAAC,gBAlcKtF,iBAAiB,eAIF;EACjBG,OAAO,EAAEV,SAAS,CAACyG,OAAO,CACxBzG,SAAS,CAAC0G,KAAK,CAAC;IACd5F,KAAK,EAAEd,SAAS,CAAC2G,MAAM,CAACC,UAAU;IAClC1D,KAAK,EAAElD,SAAS,CAAC2G,MAAM,CAACC;EAC1B,CAAC,CAAC,CACH,CAACA,UAAU;EACZ3F,aAAa,EAAEjB,SAAS,CAAC0G,KAAK,CAAC,CAAC,CAAC,CAAC;EAClClD,QAAQ,EAAExD,SAAS,CAAC6G,IAAI;EACxBV,gBAAgB,EAAEnG,SAAS,CAAC2G,MAAM;EAClCP,QAAQ,EAAEpG,SAAS,CAAC8G,IAAI;EACxBT,SAAS,EAAErG,SAAS,CAAC2G,MAAM;EAC3BL,YAAY,EAAEtG,SAAS,CAAC2G,MAAM;EAC9BJ,UAAU,EAAEvG,SAAS,CAAC8G,IAAI;EAC1BnC,OAAO,EAAE3E,SAAS,CAAC6G,IAAI;EACvBd,WAAW,EAAE/F,SAAS,CAAC2G,MAAM;EAC7B,aAAa,EAAE3G,SAAS,CAAC2G;AAC3B,CAAC;AAAA,gBArBGpG,iBAAiB,kBAuBC;EACpBiD,QAAQ,GAAS;IACf;EAAA,CACD;EACD2C,gBAAgB,EAAE,EAAE;EACpBC,QAAQ,EAAE,KAAK;EACfC,SAAS,EAAE,EAAE;EACbC,YAAY,EAAE,EAAE;EAChBrF,aAAa,EAAE,IAAI;EACnBsF,UAAU,EAAE,IAAI;EAChB5B,OAAO,GAAS;IACd;EAAA,CACD;EACDoB,WAAW,EAAE,yBAAyB;EACtC,aAAa,EAAEgB;AACjB,CAAC;AAAA,gBAtCGxG,iBAAiB,+BAwCcD,yBAAyB;AA4Z9D,eAAeC,iBAAiB"}
+{"version":3,"file":"AutoCompleteInput.js","names":["React","Component","PropTypes","memoize","classNames","debounce","Popper","DEBOUNCE_DELAY","MENU_NAVIGATION_DIRECTION","AutoCompleteInput","constructor","props","options","input","filter","option","title","toLowerCase","indexOf","popperOptions","placement","modifiers","preventOverflow","enabled","state","filteredOptions","keyboardOptionIndex","menuIsOpen","inputWidth","invalid","handleMenuKeyDown","bind","handleMenuBlur","handleInputChange","handleInputKeyDown","handleInputBlur","handelInputFocus","handleInputClick","updateInputValue","handleOptionClick","handleMenuOpened","handleMenuExited","popper","createRef","cbContainer","menuContainer","setInputWidth","current","setState","getBoundingClientRect","width","getValueAndValidate","value","isValid","result","length","processFilterChange","fireOnChange","onChange","getCachedFilteredOptions","perfectMatch","closeMenu","scheduleUpdate","resetValue","handleResize","event","key","stopPropagation","preventDefault","focus","navigateMenu","UP","DOWN","shiftKey","direction","newKeyboardOptionIndex","scrollOptionIntoView","onEnter","openMenu","target","relatedTarget","Element","element","contains","window","requestAnimationFrame","show","focusInput","hide","index","children","item","scrollIntoView","behavior","block","renderMenuElement","renderOptions","noMatchText","map","renderOption","render","inputPlaceholder","disabled","className","defaultTitle","spellCheck","dataTestId","arrayOf","shape","string","isRequired","func","bool","undefined"],"sources":["../src/AutoCompleteInput.tsx"],"sourcesContent":["/**\n * An Input component that pops and filters auto complete options as you type.\n *\n * props:\n * @param options :[{\n *    title: 'option title for display',\n *    value: 'option value' //option value\n * }]\n * @param popperOptions options for the Popper\n * @param onChange called when the value is changed from the pulldown\n * @param inputPlaceholder place holder for the input box\n * @param disabled disable both input & drop down\n * @param className an optional class name applied to the input element\n * @param defaultTitle the default title to display\n * @param spellCheck flag to disable spell checking, defaults to true\n * @param onEnter called when the Enter key is typed in the input element\n *\n */\nimport React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport memoize from 'memoizee';\nimport classNames from 'classnames';\nimport debounce from 'lodash.debounce';\nimport { PopperOptions } from 'popper.js';\nimport { Popper } from './popper';\n\nimport './AutoCompleteInput.scss';\n\nconst DEBOUNCE_DELAY = 100;\n\nenum MENU_NAVIGATION_DIRECTION {\n  UP = 'UP',\n  DOWN = 'DOWN',\n}\n\ninterface AutoCompleteOption {\n  title: string;\n  value: string;\n}\n\ninterface AutoCompleteInputProps {\n  options: AutoCompleteOption[];\n  popperOptions: PopperOptions;\n  onChange(value: string, isValid: boolean): void;\n  inputPlaceholder: string;\n  disabled: boolean;\n  className: string;\n  defaultTitle: string;\n  spellCheck: boolean;\n  onEnter(): void;\n  noMatchText: string;\n  'data-testid'?: string;\n}\n\ninterface AutoCompleteInputState {\n  title: string;\n  filteredOptions: AutoCompleteOption[];\n  keyboardOptionIndex: number;\n  menuIsOpen: boolean;\n  inputWidth: number;\n  invalid: boolean;\n  popperOptions: PopperOptions;\n}\n\nclass AutoCompleteInput extends Component<\n  AutoCompleteInputProps,\n  AutoCompleteInputState\n> {\n  static propTypes = {\n    options: PropTypes.arrayOf(\n      PropTypes.shape({\n        title: PropTypes.string.isRequired,\n        value: PropTypes.string.isRequired,\n      })\n    ).isRequired,\n    popperOptions: PropTypes.shape({}),\n    onChange: PropTypes.func,\n    inputPlaceholder: PropTypes.string,\n    disabled: PropTypes.bool,\n    className: PropTypes.string,\n    defaultTitle: PropTypes.string,\n    spellCheck: PropTypes.bool,\n    onEnter: PropTypes.func,\n    noMatchText: PropTypes.string,\n    'data-testid': PropTypes.string,\n  };\n\n  static defaultProps = {\n    onChange(): void {\n      // no-op\n    },\n    inputPlaceholder: '',\n    disabled: false,\n    className: '',\n    defaultTitle: '',\n    popperOptions: null,\n    spellCheck: true,\n    onEnter(): void {\n      // no-op\n    },\n    noMatchText: 'No matching items found',\n    'data-testid': undefined,\n  };\n\n  static MENU_NAVIGATION_DIRECTION = MENU_NAVIGATION_DIRECTION;\n\n  constructor(props: AutoCompleteInputProps) {\n    super(props);\n\n    let { popperOptions } = this.props;\n    popperOptions = {\n      placement: 'bottom-end',\n      modifiers: {\n        preventOverflow: { enabled: false },\n      },\n      ...popperOptions,\n    };\n\n    this.state = {\n      title: '',\n      filteredOptions: [],\n      keyboardOptionIndex: 0,\n      menuIsOpen: false,\n      inputWidth: 100,\n      invalid: false,\n      popperOptions,\n    };\n\n    this.handleMenuKeyDown = this.handleMenuKeyDown.bind(this);\n    this.handleMenuBlur = this.handleMenuBlur.bind(this);\n\n    this.handleInputChange = this.handleInputChange.bind(this);\n    this.handleInputKeyDown = this.handleInputKeyDown.bind(this);\n    this.handleInputBlur = this.handleInputBlur.bind(this);\n    this.handelInputFocus = this.handelInputFocus.bind(this);\n    this.handleInputClick = this.handleInputClick.bind(this);\n\n    this.updateInputValue = debounce(this.updateInputValue, DEBOUNCE_DELAY);\n\n    this.handleOptionClick = this.handleOptionClick.bind(this);\n\n    this.handleMenuOpened = this.handleMenuOpened.bind(this);\n    this.handleMenuExited = this.handleMenuExited.bind(this);\n\n    this.popper = React.createRef();\n    this.cbContainer = React.createRef();\n    this.menuContainer = React.createRef();\n    this.input = React.createRef();\n  }\n\n  popper: React.RefObject<Popper>;\n\n  cbContainer: React.RefObject<HTMLDivElement>;\n\n  menuContainer: React.RefObject<HTMLDivElement>;\n\n  input: React.RefObject<HTMLInputElement>;\n\n  setInputWidth(): void {\n    if (this.cbContainer.current) {\n      this.setState({\n        inputWidth: this.cbContainer.current.getBoundingClientRect().width,\n      });\n    }\n  }\n\n  getCachedFilteredOptions = memoize(\n    (options: AutoCompleteOption[], input: string) =>\n      options.filter(\n        // supports partial match\n        option => option.title.toLowerCase().indexOf(input.toLowerCase()) >= 0\n      )\n  );\n\n  // validation needs to be an exact case-sensitve match on value\n  getValueAndValidate(title: string): { value: string; isValid: boolean } {\n    if (!title) {\n      this.setState({ invalid: false });\n      return { value: title, isValid: false };\n    }\n\n    // validate\n    const { options } = this.props;\n    const result = options.filter(\n      option => option.title.toLowerCase() === title.toLowerCase()\n    );\n    if (result.length < 1) {\n      this.setState({ invalid: true });\n      return { value: title, isValid: false };\n    }\n\n    this.setState({ invalid: false });\n    return { value: result[0].value, isValid: true };\n  }\n\n  // validate typed entries emit change event using value\n  updateInputValue(title: string): void {\n    const { menuIsOpen } = this.state;\n    const { value, isValid } = this.getValueAndValidate(title);\n    if (menuIsOpen) this.processFilterChange(title);\n    this.fireOnChange(value, isValid);\n  }\n\n  fireOnChange(value: string, isValid = true): void {\n    const { onChange } = this.props;\n    onChange(value, isValid);\n  }\n\n  processFilterChange(filter: string): void {\n    const { options } = this.props;\n    const { menuIsOpen } = this.state;\n    const filteredOptions = filter\n      ? this.getCachedFilteredOptions(options, filter)\n      : options;\n    const perfectMatch =\n      filteredOptions.length === 1 && filteredOptions[0].title === filter;\n    this.setState({\n      filteredOptions,\n      keyboardOptionIndex: 0,\n    });\n    if (perfectMatch && menuIsOpen) {\n      this.closeMenu();\n      return;\n    }\n    this.popper.current?.scheduleUpdate(); // filtered options list can change size, may need to be repositioned\n  }\n\n  resetValue(): void {\n    this.setState({ title: '' });\n    this.fireOnChange('');\n  }\n\n  handleResize(): void {\n    this.setInputWidth();\n  }\n\n  handleMenuKeyDown(event: React.KeyboardEvent): void {\n    const { filteredOptions, keyboardOptionIndex } = this.state;\n    const option = filteredOptions[keyboardOptionIndex];\n\n    switch (event.key) {\n      case 'Enter':\n      case 'ArrowRight':\n        event.stopPropagation();\n        event.preventDefault();\n        if (option != null) {\n          this.setState({ title: option.title, invalid: false });\n          this.fireOnChange(option.value);\n        }\n        this.closeMenu();\n        this.input.current?.focus();\n        break;\n      case 'ArrowUp':\n        event.stopPropagation();\n        event.preventDefault();\n        this.navigateMenu(AutoCompleteInput.MENU_NAVIGATION_DIRECTION.UP);\n        break;\n      case 'ArrowDown':\n        event.stopPropagation();\n        event.preventDefault();\n        this.navigateMenu(AutoCompleteInput.MENU_NAVIGATION_DIRECTION.DOWN);\n        break;\n      case 'Tab':\n        event.stopPropagation();\n        event.preventDefault();\n        if (event.shiftKey) {\n          this.navigateMenu(AutoCompleteInput.MENU_NAVIGATION_DIRECTION.UP);\n          break;\n        }\n        this.navigateMenu(AutoCompleteInput.MENU_NAVIGATION_DIRECTION.DOWN);\n        break;\n      case 'Escape':\n        event.preventDefault();\n        event.stopPropagation();\n        this.closeMenu();\n        break;\n      default:\n        break;\n    }\n  }\n\n  navigateMenu(direction: MENU_NAVIGATION_DIRECTION): void {\n    const { filteredOptions, keyboardOptionIndex } = this.state;\n    let newKeyboardOptionIndex = keyboardOptionIndex;\n    if (direction === AutoCompleteInput.MENU_NAVIGATION_DIRECTION.UP) {\n      if (keyboardOptionIndex > 0) {\n        newKeyboardOptionIndex =\n          (newKeyboardOptionIndex - 1) % filteredOptions.length;\n        this.setState({\n          keyboardOptionIndex: newKeyboardOptionIndex,\n        });\n      } else if (keyboardOptionIndex === 0) {\n        newKeyboardOptionIndex = filteredOptions.length - 1;\n        this.setState({\n          keyboardOptionIndex: newKeyboardOptionIndex,\n        });\n      }\n    } else if (direction === AutoCompleteInput.MENU_NAVIGATION_DIRECTION.DOWN) {\n      if (keyboardOptionIndex < filteredOptions.length) {\n        newKeyboardOptionIndex =\n          (newKeyboardOptionIndex + 1) % filteredOptions.length;\n        this.setState({\n          keyboardOptionIndex: newKeyboardOptionIndex,\n        });\n      }\n    }\n    this.scrollOptionIntoView(newKeyboardOptionIndex);\n  }\n\n  handleInputKeyDown(event: React.KeyboardEvent): void {\n    const { onEnter } = this.props;\n    const { menuIsOpen } = this.state;\n\n    if (menuIsOpen) {\n      this.handleMenuKeyDown(event);\n    } else if (event.key === 'Enter') {\n      onEnter();\n    } else if (event.key === 'Escape') {\n      this.resetValue();\n      event.preventDefault();\n      event.stopPropagation();\n    } else if (\n      !(\n        event.key === 'ArrowRight' ||\n        event.key === 'ArrowLeft' ||\n        event.key === 'Tab' ||\n        event.key === 'Shift'\n      )\n    ) {\n      this.openMenu();\n    }\n  }\n\n  handleInputChange(event: React.ChangeEvent<HTMLInputElement>): void {\n    this.setState({ title: event.target.value });\n    this.updateInputValue(event.target.value);\n  }\n\n  handleOptionClick(option: AutoCompleteOption): void {\n    this.setState({ title: option.title, invalid: false });\n    this.fireOnChange(option.value);\n    this.closeMenu();\n    this.input.current?.focus();\n  }\n\n  handelInputFocus(): void {\n    const { menuIsOpen } = this.state;\n    if (!menuIsOpen) {\n      this.openMenu();\n    }\n  }\n\n  handleInputClick(): void {\n    const { menuIsOpen } = this.state;\n    if (!menuIsOpen) {\n      this.openMenu();\n    }\n  }\n\n  handleInputBlur(event: React.FocusEvent<HTMLInputElement>): void {\n    const { menuIsOpen } = this.state;\n    if (\n      menuIsOpen &&\n      event.relatedTarget instanceof Element &&\n      this.popper.current !== null &&\n      this.popper.current.element.contains(event.relatedTarget)\n    ) {\n      return;\n    }\n    this.closeMenu(false);\n  }\n\n  handleMenuBlur(event: React.FocusEvent<HTMLDivElement>): void {\n    // if blur event is caused by focusing on the input or focus on options don't close menu\n    if (\n      event.relatedTarget === this.input.current ||\n      (event.relatedTarget instanceof Element &&\n        this.popper.current !== null &&\n        this.popper.current.element.contains(event.relatedTarget))\n    ) {\n      return;\n    }\n    this.closeMenu(false);\n  }\n\n  handleMenuOpened(): void {\n    this.input.current?.focus();\n  }\n\n  handleMenuExited(): void {\n    const { menuIsOpen } = this.state;\n    if (menuIsOpen) {\n      this.setState({ menuIsOpen: false, keyboardOptionIndex: 0 });\n    }\n  }\n\n  openMenu(): void {\n    const { title } = this.state;\n    this.processFilterChange(title);\n    this.setInputWidth();\n    this.setState({ menuIsOpen: true });\n\n    // https://github.com/reactjs/react-transition-group/issues/382\n    window.requestAnimationFrame(() => {\n      this.popper.current?.show();\n    });\n  }\n\n  closeMenu(focusInput = true): void {\n    this.setState({ menuIsOpen: false, keyboardOptionIndex: 0 });\n    if (focusInput) {\n      this.input.current?.focus();\n    }\n    this.popper.current?.hide();\n  }\n\n  scrollOptionIntoView(index: number): void {\n    if (this.menuContainer.current) {\n      this.menuContainer.current.children.item(index)?.scrollIntoView({\n        behavior: 'smooth',\n        block: 'nearest',\n      });\n    }\n  }\n\n  renderMenuElement(): JSX.Element {\n    const { inputWidth } = this.state;\n    return (\n      <div\n        className={classNames('aci-options')}\n        ref={this.menuContainer}\n        role=\"presentation\"\n        onKeyDown={this.handleMenuKeyDown}\n        style={{ width: inputWidth }}\n        onBlur={this.handleMenuBlur}\n      >\n        {this.renderOptions()}\n      </div>\n    );\n  }\n\n  renderOptions(): React.ReactNode {\n    const { noMatchText } = this.props;\n    const { title, filteredOptions } = this.state;\n\n    if (title && filteredOptions.length === 0) {\n      return <div className=\"no-match\">{noMatchText}</div>;\n    }\n\n    return filteredOptions.map((option, index) =>\n      this.renderOption(option, index)\n    );\n  }\n\n  renderOption(option: AutoCompleteOption, index: number): JSX.Element {\n    const { keyboardOptionIndex } = this.state;\n    const key = `option-${index}-${option.value}`;\n    return (\n      <button\n        key={key}\n        type=\"button\"\n        className={classNames('aci-option-btn', {\n          'keyboard-active': keyboardOptionIndex === index,\n        })}\n        onClick={() => this.handleOptionClick(option)}\n        onFocus={() => this.setState({ keyboardOptionIndex: index })}\n      >\n        {option.title}\n      </button>\n    );\n  }\n\n  render(): JSX.Element {\n    const {\n      options,\n      inputPlaceholder,\n      disabled,\n      className,\n      defaultTitle,\n      spellCheck,\n      'data-testid': dataTestId,\n    } = this.props;\n    const { title, menuIsOpen, popperOptions, invalid } = this.state;\n\n    return (\n      <div className=\"aci-container\" ref={this.cbContainer}>\n        <input\n          value={title || defaultTitle}\n          className={classNames('form-control', className, 'aci-input', {\n            'is-invalid': invalid && !menuIsOpen,\n          })}\n          ref={this.input}\n          onChange={this.handleInputChange}\n          placeholder={inputPlaceholder || options[0].title}\n          disabled={disabled}\n          onFocus={this.handelInputFocus}\n          onClick={this.handleInputClick}\n          onBlur={this.handleInputBlur}\n          onKeyDown={this.handleInputKeyDown}\n          spellCheck={spellCheck}\n          data-testid={dataTestId}\n        />\n        <Popper\n          ref={this.popper}\n          options={popperOptions}\n          className={classNames('aci-options-popper interactive')}\n          onEntered={this.handleMenuOpened}\n          onExited={this.handleMenuExited}\n        >\n          {this.renderMenuElement()}\n        </Popper>\n      </div>\n    );\n  }\n}\n\nexport default AutoCompleteInput;\n"],"mappings":"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"}

package/dist/BasicModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"BasicModal.js","names":["React","useRef","useCallback","PropTypes","ButtonGroup","Button","Modal","ModalBody","ModalFooter","ModalHeader","BasicModal","props","isOpen","headerText","bodyText","onCancel","onConfirm","onDiscard","onModalDisable","cancelButtonText","confirmButtonText","discardButtonText","children","dataTestId","confirmButton","disableModalCheckbox","onConfirmClicked","current","checked","onOpened","focus","modalBody","undefined","propTypes","bool","isRequired","string","oneOfType","func","node","defaultProps"],"sources":["../src/BasicModal.tsx"],"sourcesContent":["import React, { useRef, useCallback } from 'react';\nimport PropTypes from 'prop-types';\nimport ButtonGroup from './ButtonGroup';\nimport Button from './Button';\nimport { Modal, ModalBody, ModalFooter, ModalHeader } from './modal';\n\nexport interface BasicModalProps {\n  isOpen: boolean;\n  headerText: string;\n  bodyText: string | (() => string);\n  onCancel?: () => void;\n  onConfirm: () => void;\n  onDiscard?: () => void;\n  onModalDisable?: () => void;\n  cancelButtonText?: string;\n  confirmButtonText?: string;\n  discardButtonText?: string;\n  children?: React.ReactNode;\n  'data-testid'?: string;\n}\n\n/**\n * A basic modal dialog with two buttons: cancel / confirm.\n *\n * @param isOpen indicates if the modal dialog is open\n * @param headerText text displayed in the modal header\n * @param bodyText text displayed in the modal body\n * @param onCancel callback for the cancel button; if not provided, button not shown\n * @param onConfirm callback for the confirm button\n * @param onDiscard callback for the discard button; if not provided, button not shown\n * @param cancelButtonText optional text for the cancel button, defaults to 'Cancel'\n * @param confirmButtonText optional text for the confirm button, defaults to 'Okay'\n * @param discardButtonText optional text for the discard button, defaults to 'Discard'\n */\nfunction BasicModal(props: BasicModalProps) {\n  const {\n    isOpen,\n    headerText,\n    bodyText,\n    onCancel,\n    onConfirm,\n    onDiscard,\n    onModalDisable,\n    cancelButtonText = 'Cancel',\n    confirmButtonText = 'Okay',\n    discardButtonText = 'Discard',\n    children,\n    'data-testid': dataTestId,\n  } = props;\n\n  const confirmButton = useRef<HTMLButtonElement>(null);\n\n  const disableModalCheckbox = useRef<HTMLInputElement>(null);\n\n  const onConfirmClicked = useCallback(() => {\n    if (\n      disableModalCheckbox.current !== null &&\n      disableModalCheckbox.current.checked &&\n      onModalDisable\n    ) {\n      onModalDisable();\n    }\n    onConfirm();\n  }, [onConfirm, onModalDisable]);\n\n  const onOpened = useCallback(() => {\n    confirmButton.current?.focus();\n  }, []);\n\n  let modalBody = '';\n  if (isOpen) {\n    modalBody = typeof bodyText === 'function' ? bodyText() : bodyText;\n  }\n\n  return (\n    <Modal isOpen={isOpen} className=\"theme-bg-light\" onOpened={onOpened}>\n      <ModalHeader closeButton={false}>{headerText}</ModalHeader>\n      <ModalBody>{modalBody}</ModalBody>\n      <ModalFooter>\n        {onModalDisable && (\n          <div className=\"custom-control custom-checkbox form-group mr-auto\">\n            <input\n              type=\"checkbox\"\n              className=\"custom-control-input\"\n              id=\"move-confirmation-checkbox\"\n              defaultChecked={false}\n              ref={disableModalCheckbox}\n              data-testid={\n                dataTestId !== undefined\n                  ? `${dataTestId}-checkbox-confirm`\n                  : undefined\n              }\n            />\n            <label\n              className=\"custom-control-label\"\n              htmlFor=\"move-confirmation-checkbox\"\n            >\n              Don&#39;t ask me again\n            </label>\n          </div>\n        )}\n        {onDiscard && (\n          <Button\n            kind=\"secondary\"\n            className=\"mr-auto\"\n            data-dismiss=\"modal\"\n            onClick={onDiscard}\n            data-testid={\n              dataTestId !== undefined ? `${dataTestId}-btn-discard` : undefined\n            }\n          >\n            {discardButtonText}\n          </Button>\n        )}\n        {onCancel && (\n          <Button\n            kind=\"secondary\"\n            data-dismiss=\"modal\"\n            onClick={onCancel}\n            data-testid={\n              dataTestId !== undefined ? `${dataTestId}-btn-cancel` : undefined\n            }\n          >\n            {cancelButtonText}\n          </Button>\n        )}\n        <ButtonGroup>\n          <Button\n            kind=\"primary\"\n            onClick={onConfirmClicked}\n            ref={confirmButton}\n            data-testid={\n              dataTestId !== undefined ? `${dataTestId}-btn-confirm` : undefined\n            }\n          >\n            {confirmButtonText}\n          </Button>\n          {children}\n        </ButtonGroup>\n      </ModalFooter>\n    </Modal>\n  );\n}\n\nBasicModal.propTypes = {\n  isOpen: PropTypes.bool.isRequired,\n  headerText: PropTypes.string.isRequired,\n  bodyText: PropTypes.oneOfType([PropTypes.string, PropTypes.func]).isRequired,\n  onCancel: PropTypes.func,\n  onConfirm: PropTypes.func.isRequired,\n  onDiscard: PropTypes.func,\n  onModalDisable: PropTypes.func,\n  cancelButtonText: PropTypes.string,\n  confirmButtonText: PropTypes.string,\n  discardButtonText: PropTypes.string,\n  children: PropTypes.node,\n  'data-testid': PropTypes.string,\n};\n\nBasicModal.defaultProps = {\n  children: undefined,\n  cancelButtonText: 'Cancel',\n  confirmButtonText: 'Okay',\n  discardButtonText: 'Discard',\n  onCancel: undefined,\n  onDiscard: undefined,\n  onModalDisable: undefined,\n  'data-testid': undefined,\n};\n\nexport default BasicModal;\n"],"mappings":"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"}
+{"version":3,"file":"BasicModal.js","names":["React","useRef","useCallback","PropTypes","ButtonGroup","Button","Modal","ModalBody","ModalFooter","ModalHeader","BasicModal","props","isOpen","headerText","bodyText","onCancel","onConfirm","onDiscard","onModalDisable","cancelButtonText","confirmButtonText","discardButtonText","children","dataTestId","confirmButton","disableModalCheckbox","onConfirmClicked","current","checked","onOpened","focus","modalBody","undefined","propTypes","bool","isRequired","string","oneOfType","func","node","defaultProps"],"sources":["../src/BasicModal.tsx"],"sourcesContent":["import React, { useRef, useCallback } from 'react';\nimport PropTypes from 'prop-types';\nimport ButtonGroup from './ButtonGroup';\nimport Button from './Button';\nimport { Modal, ModalBody, ModalFooter, ModalHeader } from './modal';\n\nexport interface BasicModalProps {\n  isOpen: boolean;\n  headerText: string;\n  bodyText: string | (() => string);\n  onCancel?: () => void;\n  onConfirm: () => void;\n  onDiscard?: () => void;\n  onModalDisable?: () => void;\n  cancelButtonText?: string;\n  confirmButtonText?: string;\n  discardButtonText?: string;\n  children?: React.ReactNode;\n  'data-testid'?: string;\n}\n\n/**\n * A basic modal dialog with two buttons: cancel / confirm.\n *\n * @param isOpen indicates if the modal dialog is open\n * @param headerText text displayed in the modal header\n * @param bodyText text displayed in the modal body\n * @param onCancel callback for the cancel button; if not provided, button not shown\n * @param onConfirm callback for the confirm button\n * @param onDiscard callback for the discard button; if not provided, button not shown\n * @param cancelButtonText optional text for the cancel button, defaults to 'Cancel'\n * @param confirmButtonText optional text for the confirm button, defaults to 'Okay'\n * @param discardButtonText optional text for the discard button, defaults to 'Discard'\n */\nfunction BasicModal(props: BasicModalProps) {\n  const {\n    isOpen,\n    headerText,\n    bodyText,\n    onCancel,\n    onConfirm,\n    onDiscard,\n    onModalDisable,\n    cancelButtonText = 'Cancel',\n    confirmButtonText = 'Okay',\n    discardButtonText = 'Discard',\n    children,\n    'data-testid': dataTestId,\n  } = props;\n\n  const confirmButton = useRef<HTMLButtonElement>(null);\n\n  const disableModalCheckbox = useRef<HTMLInputElement>(null);\n\n  const onConfirmClicked = useCallback(() => {\n    if (\n      disableModalCheckbox.current !== null &&\n      disableModalCheckbox.current.checked &&\n      onModalDisable\n    ) {\n      onModalDisable();\n    }\n    onConfirm();\n  }, [onConfirm, onModalDisable]);\n\n  const onOpened = useCallback(() => {\n    confirmButton.current?.focus();\n  }, []);\n\n  let modalBody = '';\n  if (isOpen) {\n    modalBody = typeof bodyText === 'function' ? bodyText() : bodyText;\n  }\n\n  return (\n    <Modal isOpen={isOpen} className=\"theme-bg-light\" onOpened={onOpened}>\n      <ModalHeader closeButton={false}>{headerText}</ModalHeader>\n      <ModalBody>{modalBody}</ModalBody>\n      <ModalFooter>\n        {onModalDisable && (\n          <div className=\"custom-control custom-checkbox form-group mr-auto\">\n            <input\n              type=\"checkbox\"\n              className=\"custom-control-input\"\n              id=\"move-confirmation-checkbox\"\n              defaultChecked={false}\n              ref={disableModalCheckbox}\n              data-testid={\n                dataTestId !== undefined\n                  ? `${dataTestId}-checkbox-confirm`\n                  : undefined\n              }\n            />\n            <label\n              className=\"custom-control-label\"\n              htmlFor=\"move-confirmation-checkbox\"\n            >\n              Don&#39;t ask me again\n            </label>\n          </div>\n        )}\n        {onDiscard && (\n          <Button\n            kind=\"secondary\"\n            className=\"mr-auto\"\n            data-dismiss=\"modal\"\n            onClick={onDiscard}\n            data-testid={\n              dataTestId !== undefined ? `${dataTestId}-btn-discard` : undefined\n            }\n          >\n            {discardButtonText}\n          </Button>\n        )}\n        {onCancel && (\n          <Button\n            kind=\"secondary\"\n            data-dismiss=\"modal\"\n            onClick={onCancel}\n            data-testid={\n              dataTestId !== undefined ? `${dataTestId}-btn-cancel` : undefined\n            }\n          >\n            {cancelButtonText}\n          </Button>\n        )}\n        <ButtonGroup>\n          <Button\n            kind=\"primary\"\n            onClick={onConfirmClicked}\n            ref={confirmButton}\n            data-testid={\n              dataTestId !== undefined ? `${dataTestId}-btn-confirm` : undefined\n            }\n          >\n            {confirmButtonText}\n          </Button>\n          {children}\n        </ButtonGroup>\n      </ModalFooter>\n    </Modal>\n  );\n}\n\nBasicModal.propTypes = {\n  isOpen: PropTypes.bool.isRequired,\n  headerText: PropTypes.string.isRequired,\n  bodyText: PropTypes.oneOfType([PropTypes.string, PropTypes.func]).isRequired,\n  onCancel: PropTypes.func,\n  onConfirm: PropTypes.func.isRequired,\n  onDiscard: PropTypes.func,\n  onModalDisable: PropTypes.func,\n  cancelButtonText: PropTypes.string,\n  confirmButtonText: PropTypes.string,\n  discardButtonText: PropTypes.string,\n  children: PropTypes.node,\n  'data-testid': PropTypes.string,\n};\n\nBasicModal.defaultProps = {\n  children: undefined,\n  cancelButtonText: 'Cancel',\n  confirmButtonText: 'Okay',\n  discardButtonText: 'Discard',\n  onCancel: undefined,\n  onDiscard: undefined,\n  onModalDisable: undefined,\n  'data-testid': undefined,\n};\n\nexport default BasicModal;\n"],"mappings":"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"}

package/dist/Collapse.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); }
 // Port of https://github.com/react-bootstrap/react-bootstrap/blob/master/src/Collapse.js
 import React, { Component } from 'react';
 import classNames from 'classnames';

package/dist/Collapse.js.map

@@ -1 +1 @@
-{"version":3,"file":"Collapse.js","names":["React","Component","classNames","PropTypes","CSSTransition","Collapse","handleEnter","elemParam","elem","style","height","handleEntering","getHeight","handleExiting","handleExit","scrollBarWidth","scrollWidth","clientWidth","scrollHeight","constructor","props","handleEntered","bind","autoFocusOnShow","undefined","input","querySelector","focus","render","children","className","in","inTransition","dataTestId","enterActive","enterDone","exitActive","exitDone","state","collapse","string","bool","isRequired","node"],"sources":["../src/Collapse.tsx"],"sourcesContent":["// Port of https://github.com/react-bootstrap/react-bootstrap/blob/master/src/Collapse.js\nimport React, { Component } from 'react';\nimport classNames from 'classnames';\nimport PropTypes from 'prop-types';\nimport { CSSTransition } from 'react-transition-group';\n\ninterface CollapseProps {\n  className?: string;\n  in: boolean;\n  children: React.ReactNode;\n  autoFocusOnShow?: boolean;\n  'data-testid'?: string;\n}\n\nclass Collapse extends Component<CollapseProps> {\n  static propTypes = {\n    className: PropTypes.string,\n    in: PropTypes.bool.isRequired,\n    children: PropTypes.node.isRequired,\n    autoFocusOnShow: PropTypes.bool,\n    'data-testid': PropTypes.string,\n  };\n\n  static defaultProps = {\n    className: '',\n    autoFocusOnShow: false,\n    'data-testid': undefined,\n  };\n\n  static handleEnter(elemParam: HTMLElement): void {\n    const elem = elemParam;\n    elem.style.height = '0';\n  }\n\n  static handleEntering(elemParam: HTMLElement): void {\n    const elem = elemParam;\n    elem.style.height = `${Collapse.getHeight(elem)}px`;\n  }\n\n  static handleExiting(elemParam: HTMLElement): void {\n    const elem = elemParam;\n    elem.style.height = '0';\n  }\n\n  static handleExit(elemParam: HTMLElement): void {\n    const elem = elemParam;\n    elem.style.height = `${Collapse.getHeight(elem)}px`;\n  }\n\n  static getHeight(elem: HTMLElement): number {\n    const scrollBarWidth = elem.scrollWidth - elem.clientWidth;\n    return elem.scrollHeight - scrollBarWidth;\n  }\n\n  constructor(props: CollapseProps) {\n    super(props);\n\n    this.handleEntered = this.handleEntered.bind(this);\n  }\n\n  handleEntered(elemParam: HTMLElement): void {\n    const elem = elemParam;\n    elem.style.height = '';\n\n    const { autoFocusOnShow } = this.props;\n    if (autoFocusOnShow !== undefined && autoFocusOnShow) {\n      const input = elem.querySelector(\n        'input, select, textarea'\n      ) as HTMLInputElement;\n\n      if (input != null) {\n        input.focus();\n      }\n    }\n  }\n\n  render(): JSX.Element {\n    const {\n      children,\n      className,\n      in: inTransition,\n      'data-testid': dataTestId,\n    } = this.props;\n    return (\n      <CSSTransition\n        in={inTransition}\n        classNames={{\n          enterActive: 'collapsing',\n          enterDone: 'collapse show',\n          exitActive: 'collapsing',\n          exitDone: 'collapse',\n        }}\n        onEnter={Collapse.handleEnter}\n        onEntering={Collapse.handleEntering}\n        onEntered={this.handleEntered}\n        onExit={Collapse.handleExit}\n        onExiting={Collapse.handleExiting}\n        timeout={350}\n      >\n        {state => (\n          <div\n            className={classNames({ collapse: state === 'exited' }, className)}\n            data-testid={dataTestId}\n          >\n            {children}\n          </div>\n        )}\n      </CSSTransition>\n    );\n  }\n}\n\nexport default Collapse;\n"],"mappings":"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"}
+{"version":3,"file":"Collapse.js","names":["React","Component","classNames","PropTypes","CSSTransition","Collapse","handleEnter","elemParam","elem","style","height","handleEntering","getHeight","handleExiting","handleExit","scrollBarWidth","scrollWidth","clientWidth","scrollHeight","constructor","props","handleEntered","bind","autoFocusOnShow","undefined","input","querySelector","focus","render","children","className","in","inTransition","dataTestId","enterActive","enterDone","exitActive","exitDone","state","collapse","string","bool","isRequired","node"],"sources":["../src/Collapse.tsx"],"sourcesContent":["// Port of https://github.com/react-bootstrap/react-bootstrap/blob/master/src/Collapse.js\nimport React, { Component } from 'react';\nimport classNames from 'classnames';\nimport PropTypes from 'prop-types';\nimport { CSSTransition } from 'react-transition-group';\n\ninterface CollapseProps {\n  className?: string;\n  in: boolean;\n  children: React.ReactNode;\n  autoFocusOnShow?: boolean;\n  'data-testid'?: string;\n}\n\nclass Collapse extends Component<CollapseProps> {\n  static propTypes = {\n    className: PropTypes.string,\n    in: PropTypes.bool.isRequired,\n    children: PropTypes.node.isRequired,\n    autoFocusOnShow: PropTypes.bool,\n    'data-testid': PropTypes.string,\n  };\n\n  static defaultProps = {\n    className: '',\n    autoFocusOnShow: false,\n    'data-testid': undefined,\n  };\n\n  static handleEnter(elemParam: HTMLElement): void {\n    const elem = elemParam;\n    elem.style.height = '0';\n  }\n\n  static handleEntering(elemParam: HTMLElement): void {\n    const elem = elemParam;\n    elem.style.height = `${Collapse.getHeight(elem)}px`;\n  }\n\n  static handleExiting(elemParam: HTMLElement): void {\n    const elem = elemParam;\n    elem.style.height = '0';\n  }\n\n  static handleExit(elemParam: HTMLElement): void {\n    const elem = elemParam;\n    elem.style.height = `${Collapse.getHeight(elem)}px`;\n  }\n\n  static getHeight(elem: HTMLElement): number {\n    const scrollBarWidth = elem.scrollWidth - elem.clientWidth;\n    return elem.scrollHeight - scrollBarWidth;\n  }\n\n  constructor(props: CollapseProps) {\n    super(props);\n\n    this.handleEntered = this.handleEntered.bind(this);\n  }\n\n  handleEntered(elemParam: HTMLElement): void {\n    const elem = elemParam;\n    elem.style.height = '';\n\n    const { autoFocusOnShow } = this.props;\n    if (autoFocusOnShow !== undefined && autoFocusOnShow) {\n      const input = elem.querySelector(\n        'input, select, textarea'\n      ) as HTMLInputElement;\n\n      if (input != null) {\n        input.focus();\n      }\n    }\n  }\n\n  render(): JSX.Element {\n    const {\n      children,\n      className,\n      in: inTransition,\n      'data-testid': dataTestId,\n    } = this.props;\n    return (\n      <CSSTransition\n        in={inTransition}\n        classNames={{\n          enterActive: 'collapsing',\n          enterDone: 'collapse show',\n          exitActive: 'collapsing',\n          exitDone: 'collapse',\n        }}\n        onEnter={Collapse.handleEnter}\n        onEntering={Collapse.handleEntering}\n        onEntered={this.handleEntered}\n        onExit={Collapse.handleExit}\n        onExiting={Collapse.handleExiting}\n        timeout={350}\n      >\n        {state => (\n          <div\n            className={classNames({ collapse: state === 'exited' }, className)}\n            data-testid={dataTestId}\n          >\n            {children}\n          </div>\n        )}\n      </CSSTransition>\n    );\n  }\n}\n\nexport default Collapse;\n"],"mappings":"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"}

package/dist/ComboBox.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); }
 /**
  * Combobox that combines a input box with a searchable dropdown menu
  *

package/dist/ComboBox.js.map

@@ -1 +1 @@
-{"version":3,"file":"ComboBox.js","names":["React","Component","PropTypes","FontAwesomeIcon","vsTriangleDown","memoize","classNames","SearchInput","Popper","MENU_NAVIGATION_DIRECTION","ComboBox","constructor","props","options","input","filter","option","title","toLowerCase","indexOf","value","state","filteredOptions","keyboardOptionIndex","menuIsOpen","inputWidth","toggleMenu","bind","handleMenuKeyDown","handleMenuBlur","closeMenu","handleInputChange","handleInputKeyDown","handleInputBlur","handleFilterChange","handleOptionClick","handleOptionFocus","handleMenuOpened","handleMenuExited","popper","createRef","cbContainer","toggleButton","menuContainer","searchInput","componentDidUpdate","scrollOptionIntoView","setInputWidth","current","setState","getBoundingClientRect","width","focus","resetValue","updateInputValue","onChange","handleResize","event","menuOptions","key","stopPropagation","preventDefault","handleMenuNavigation","UP","DOWN","shiftKey","length","direction","menuOptionsLength","delta","onEnter","openMenu","target","optionIndex","Number","currentTarget","getCachedFilteredOptions","scheduleUpdate","relatedTarget","Element","element","contains","hide","updateKeyboardIndex","window","requestAnimationFrame","show","focusInput","valueIndex","findIndex","activeOption","querySelector","HTMLElement","scrollIntoView","block","inline","renderMenuElement","searchPlaceholder","renderOptions","map","index","render","inputPlaceholder","disabled","className","defaultValue","spellCheck","dataTestId","popperOptions","placement","modifiers","preventOverflow","enabled","undefined","arrayOf","shape","string","isRequired","func","bool"],"sources":["../src/ComboBox.tsx"],"sourcesContent":["/**\n * Combobox that combines a input box with a searchable dropdown menu\n *\n * props:\n * @param {array} options :[{\n *    title: 'option title for display',\n *    value: 'option value' //option value\n * }]\n * @param {string} inputPlaceholder place holder for the input box\n * @param {string} searchPlaceholder place holder for the search box in drop down search box\n * @param {boolean} disabled disable both input & drop down\n *\n *\n */\nimport React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { vsTriangleDown } from '@deephaven/icons';\nimport memoize from 'memoizee';\nimport classNames from 'classnames';\nimport { PopperOptions } from 'popper.js';\nimport SearchInput from './SearchInput';\nimport { Popper } from './popper';\n\nimport './ComboBox.scss';\n\ninterface ComboBoxOption {\n  title: string;\n  value: string;\n}\n\ninterface ComboBoxProps {\n  options: ComboBoxOption[];\n  popperOptions: PopperOptions;\n  onChange(value: string): void;\n  inputPlaceholder: string;\n  searchPlaceholder: string;\n  disabled: boolean;\n  className: string;\n  defaultValue: string;\n  spellCheck: boolean;\n  onEnter(): void;\n  'data-testid'?: string;\n}\n\ninterface ComboBoxState {\n  value: string;\n  filter: string;\n  filteredOptions: ComboBoxOption[];\n  keyboardOptionIndex: number;\n  menuIsOpen: boolean;\n  inputWidth: number;\n}\n\nenum MENU_NAVIGATION_DIRECTION {\n  UP = 'UP',\n  DOWN = 'DOWN',\n}\n\nclass ComboBox extends Component<ComboBoxProps, ComboBoxState> {\n  static MENU_NAVIGATION_DIRECTION = MENU_NAVIGATION_DIRECTION;\n\n  static DROP_DOWN_MENU_HEIGHT = 200;\n\n  static propTypes = {\n    options: PropTypes.arrayOf(\n      PropTypes.shape({\n        title: PropTypes.string.isRequired,\n        value: PropTypes.string.isRequired,\n      })\n    ).isRequired,\n    popperOptions: PropTypes.shape({\n      title: PropTypes.string.isRequired,\n      value: PropTypes.string.isRequired,\n    }),\n    onChange: PropTypes.func,\n    inputPlaceholder: PropTypes.string,\n    searchPlaceholder: PropTypes.string,\n    disabled: PropTypes.bool,\n    className: PropTypes.string,\n    defaultValue: PropTypes.string,\n    spellCheck: PropTypes.bool,\n    onEnter: PropTypes.func,\n    'data-testid': PropTypes.string,\n  };\n\n  static defaultProps = {\n    onChange(): void {\n      // no-op\n    },\n    inputPlaceholder: '',\n    searchPlaceholder: 'Search',\n    disabled: false,\n    className: '',\n    defaultValue: '',\n    popperOptions: null,\n    spellCheck: true,\n    onEnter(): void {\n      // no-op\n    },\n    'data-testid': undefined,\n  };\n\n  constructor(props: ComboBoxProps) {\n    super(props);\n    this.state = {\n      value: '',\n      filter: '',\n      filteredOptions: props.options,\n      keyboardOptionIndex: -1,\n      menuIsOpen: false,\n      inputWidth: 100,\n    };\n\n    this.toggleMenu = this.toggleMenu.bind(this);\n    this.handleMenuKeyDown = this.handleMenuKeyDown.bind(this);\n    this.handleMenuBlur = this.handleMenuBlur.bind(this);\n    this.closeMenu = this.closeMenu.bind(this);\n\n    this.handleInputChange = this.handleInputChange.bind(this);\n    this.handleInputKeyDown = this.handleInputKeyDown.bind(this);\n    this.handleInputBlur = this.handleInputBlur.bind(this);\n    this.handleFilterChange = this.handleFilterChange.bind(this);\n\n    this.handleOptionClick = this.handleOptionClick.bind(this);\n    this.handleOptionFocus = this.handleOptionFocus.bind(this);\n\n    this.handleMenuOpened = this.handleMenuOpened.bind(this);\n    this.handleMenuExited = this.handleMenuExited.bind(this);\n\n    this.popper = React.createRef();\n    this.cbContainer = React.createRef();\n    this.toggleButton = React.createRef();\n    this.menuContainer = React.createRef();\n    this.input = React.createRef();\n    this.searchInput = React.createRef();\n  }\n\n  componentDidUpdate(): void {\n    const { menuIsOpen, keyboardOptionIndex } = this.state;\n    if (menuIsOpen && keyboardOptionIndex >= 0) {\n      this.scrollOptionIntoView();\n    }\n  }\n\n  popper: React.RefObject<Popper>;\n\n  cbContainer: React.RefObject<HTMLDivElement>;\n\n  toggleButton: React.RefObject<HTMLButtonElement>;\n\n  menuContainer: React.RefObject<HTMLDivElement>;\n\n  input: React.RefObject<HTMLInputElement>;\n\n  searchInput: React.RefObject<SearchInput>;\n\n  setInputWidth(): void {\n    if (this.cbContainer.current) {\n      this.setState({\n        inputWidth: this.cbContainer.current.getBoundingClientRect().width,\n      });\n    }\n  }\n\n  getCachedFilteredOptions = memoize(\n    (options: ComboBoxOption[], input: string) =>\n      options.filter(\n        option =>\n          option.title.toLowerCase().indexOf(input.toLowerCase()) >= 0 ||\n          option.value.toLowerCase().indexOf(input.toLowerCase()) >= 0\n      )\n  );\n\n  focus(): void {\n    this.input.current?.focus();\n  }\n\n  resetValue(): void {\n    this.setState({ value: '' });\n  }\n\n  updateInputValue(value: string): void {\n    const { onChange } = this.props;\n    this.setState({ value });\n    onChange(value);\n  }\n\n  handleResize(): void {\n    this.setInputWidth();\n  }\n\n  handleMenuKeyDown(event: React.KeyboardEvent): void {\n    const { filter, filteredOptions, keyboardOptionIndex } = this.state;\n    const { options } = this.props;\n    const menuOptions = filter ? filteredOptions : options;\n\n    switch (event.key) {\n      case 'Enter':\n        if (menuOptions[keyboardOptionIndex]?.value != null) {\n          this.updateInputValue(menuOptions[keyboardOptionIndex].value);\n        }\n        this.closeMenu();\n        this.input.current?.focus();\n        event.stopPropagation();\n        event.preventDefault();\n        break;\n      case 'ArrowUp':\n        this.handleMenuNavigation(ComboBox.MENU_NAVIGATION_DIRECTION.UP);\n        event.stopPropagation();\n        event.preventDefault();\n        break;\n      case 'ArrowDown':\n        this.handleMenuNavigation(ComboBox.MENU_NAVIGATION_DIRECTION.DOWN);\n        event.stopPropagation();\n        event.preventDefault();\n        break;\n      case 'Escape':\n        if (filter !== '') {\n          this.setState({ filter: '' });\n          event.stopPropagation(); // Don't trigger blur on input element\n        } else {\n          this.closeMenu();\n        }\n        break;\n      case 'Tab':\n        if (!event.shiftKey && keyboardOptionIndex === menuOptions.length - 1) {\n          this.closeMenu();\n        }\n        break;\n      default:\n        break;\n    }\n  }\n\n  handleMenuNavigation(direction: MENU_NAVIGATION_DIRECTION): void {\n    const { filter, filteredOptions, keyboardOptionIndex } = this.state;\n    const { options } = this.props;\n    const menuOptions = filter ? filteredOptions : options;\n    const menuOptionsLength = menuOptions.length;\n    let delta = 0;\n    switch (direction) {\n      case ComboBox.MENU_NAVIGATION_DIRECTION.UP:\n        delta = -1;\n        break;\n      case ComboBox.MENU_NAVIGATION_DIRECTION.DOWN:\n        delta = 1;\n        break;\n    }\n\n    if (delta !== 0) {\n      this.setState({\n        keyboardOptionIndex:\n          (keyboardOptionIndex + delta + menuOptionsLength) % menuOptionsLength,\n      });\n    }\n  }\n\n  handleInputKeyDown(event: React.KeyboardEvent): void {\n    const { onEnter } = this.props;\n    const { menuIsOpen } = this.state;\n    if (event.key === 'ArrowDown' || event.key === 'ArrowUp') {\n      if (!menuIsOpen) {\n        this.openMenu();\n      }\n    } else if (event.key === 'Enter') {\n      onEnter();\n    }\n  }\n\n  handleInputChange(event: React.ChangeEvent<HTMLInputElement>): void {\n    this.updateInputValue(event.target.value);\n  }\n\n  handleOptionClick(event: React.MouseEvent<HTMLButtonElement>): void {\n    const optionIndex = Number(event.currentTarget.value);\n    const { filter, filteredOptions } = this.state;\n    const { options } = this.props;\n    const menuOptions = filter ? filteredOptions : options;\n\n    this.updateInputValue(menuOptions[optionIndex].value);\n    this.closeMenu();\n    this.input.current?.focus();\n  }\n\n  handleOptionFocus(event: React.FocusEvent<HTMLButtonElement>): void {\n    this.setState({ keyboardOptionIndex: Number(event.target.value) });\n  }\n\n  handleFilterChange(event: React.ChangeEvent<HTMLInputElement>): void {\n    const { options } = this.props;\n    const filter = event.target.value;\n    const filteredOptions = this.getCachedFilteredOptions(options, filter);\n\n    this.setState({\n      filter,\n      filteredOptions,\n      keyboardOptionIndex: 0,\n    });\n    this.popper.current?.scheduleUpdate();\n  }\n\n  handleMenuBlur(event: React.FocusEvent): void {\n    // close if menu blurs, unless its an internal option or the toggleButton which triggers close via click\n    if (\n      (event.relatedTarget instanceof Element &&\n        this.popper.current != null &&\n        this.popper.current.element.contains(event.relatedTarget)) ||\n      event.relatedTarget === this.toggleButton.current\n    ) {\n      return;\n    }\n    this.closeMenu(false);\n  }\n\n  handleInputBlur(event: React.FocusEvent<HTMLInputElement>): void {\n    // if blur event is caused by focusing on search input or open menu by keyboard, don't close the menu\n    const { menuIsOpen } = this.state;\n    if (\n      menuIsOpen &&\n      event.relatedTarget instanceof Element &&\n      this.popper.current != null &&\n      this.popper.current.element.contains(event.relatedTarget)\n    ) {\n      return;\n    }\n    this.closeMenu(false);\n  }\n\n  handleMenuOpened(): void {\n    this.scrollOptionIntoView();\n    this.searchInput.current?.focus();\n  }\n\n  handleMenuExited(): void {\n    const { menuIsOpen } = this.state;\n    if (menuIsOpen) {\n      this.setState({ menuIsOpen: false });\n      this.popper.current?.hide();\n    }\n    this.setState({ filter: '' });\n  }\n\n  toggleMenu(event: React.MouseEvent<HTMLButtonElement>): void {\n    const { menuIsOpen } = this.state;\n    if (menuIsOpen) {\n      this.closeMenu();\n    } else {\n      this.openMenu();\n    }\n    event.stopPropagation();\n  }\n\n  openMenu(): void {\n    this.updateKeyboardIndex();\n    this.setInputWidth();\n    this.setState({ menuIsOpen: true });\n\n    window.requestAnimationFrame(() => {\n      this.popper.current?.show();\n    });\n  }\n\n  closeMenu(focusInput = true): void {\n    this.setState({ menuIsOpen: false });\n    if (focusInput) {\n      this.input.current?.focus();\n    }\n    this.popper.current?.hide();\n  }\n\n  updateKeyboardIndex(): void {\n    const { value, filter, filteredOptions } = this.state;\n    const { options } = this.props;\n    const menuOptions = filter ? filteredOptions : options;\n    const valueIndex = menuOptions.findIndex(option => option.value === value);\n    this.setState({ keyboardOptionIndex: valueIndex });\n  }\n\n  scrollOptionIntoView(): void {\n    const activeOption = this.menuContainer.current?.querySelector(\n      '.cb-option-btn.keyboard-active'\n    );\n    if (activeOption instanceof HTMLElement) {\n      activeOption.scrollIntoView({\n        block: 'nearest',\n        inline: 'nearest',\n      });\n    }\n  }\n\n  renderMenuElement(): JSX.Element {\n    const { searchPlaceholder } = this.props;\n    const { filter, inputWidth } = this.state;\n    return (\n      <div\n        className=\"cb-menu-container\"\n        ref={this.menuContainer}\n        role=\"presentation\"\n        onKeyDown={this.handleMenuKeyDown}\n        onClick={event => {\n          event.stopPropagation();\n        }}\n        style={{ width: inputWidth }}\n        onBlur={this.handleMenuBlur}\n      >\n        <div className=\"cb-search-input-container\">\n          <SearchInput\n            value={filter}\n            ref={this.searchInput}\n            onChange={this.handleFilterChange}\n            className=\"cb-search-input\"\n            placeholder={searchPlaceholder}\n          />\n        </div>\n        <div className=\"cb-options-container\">\n          <div className=\"cb-options\">{this.renderOptions()}</div>\n        </div>\n      </div>\n    );\n  }\n\n  renderOptions(): React.ReactNode {\n    const { options } = this.props;\n    const { keyboardOptionIndex, filter, filteredOptions } = this.state;\n    const menuOptions = filter ? filteredOptions : options;\n\n    return menuOptions.map((option, index) => {\n      const key = `option-${index}-${option.value}`;\n      return (\n        <button\n          key={key}\n          type=\"button\"\n          value={index}\n          className={classNames('cb-option-btn', {\n            'keyboard-active': keyboardOptionIndex === index,\n          })}\n          onClick={this.handleOptionClick}\n          onFocus={this.handleOptionFocus}\n        >\n          {option.title}\n        </button>\n      );\n    });\n  }\n\n  render(): JSX.Element {\n    const {\n      options,\n      inputPlaceholder,\n      disabled,\n      className,\n      defaultValue,\n      spellCheck,\n      'data-testid': dataTestId,\n    } = this.props;\n    const { value } = this.state;\n    let { popperOptions } = this.props;\n    popperOptions = {\n      placement: 'bottom-end',\n      modifiers: {\n        preventOverflow: { enabled: false },\n      },\n      ...popperOptions,\n    };\n\n    return (\n      <div className=\"input-group cb-container\" ref={this.cbContainer}>\n        <input\n          value={value || defaultValue}\n          className={classNames('form-control', className, 'cb-input')}\n          ref={this.input}\n          onChange={this.handleInputChange}\n          placeholder={\n            inputPlaceholder ||\n            (options[0] != null ? options[0].title : undefined)\n          }\n          disabled={disabled}\n          onBlur={this.handleInputBlur}\n          onKeyDown={this.handleInputKeyDown}\n          spellCheck={spellCheck}\n          data-testid={\n            dataTestId !== undefined ? `${dataTestId}-input` : undefined\n          }\n        />\n        <div className=\"input-group-append cb-dropdown\">\n          <button\n            type=\"button\"\n            className=\"btn cb-btn form-control\"\n            ref={this.toggleButton}\n            onClick={this.toggleMenu}\n            onKeyDown={this.handleInputKeyDown}\n            disabled={disabled}\n            data-testid={\n              dataTestId !== undefined ? `${dataTestId}-btn` : undefined\n            }\n          >\n            <FontAwesomeIcon icon={vsTriangleDown} />\n            <Popper\n              ref={this.popper}\n              options={popperOptions}\n              className={classNames('combobox interactive')}\n              onEntered={this.handleMenuOpened}\n              onExited={this.handleMenuExited}\n            >\n              {this.renderMenuElement()}\n            </Popper>\n          </button>\n        </div>\n      </div>\n    );\n  }\n}\n\nexport default ComboBox;\n"],"mappings":"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"}
+{"version":3,"file":"ComboBox.js","names":["React","Component","PropTypes","FontAwesomeIcon","vsTriangleDown","memoize","classNames","SearchInput","Popper","MENU_NAVIGATION_DIRECTION","ComboBox","constructor","props","options","input","filter","option","title","toLowerCase","indexOf","value","state","filteredOptions","keyboardOptionIndex","menuIsOpen","inputWidth","toggleMenu","bind","handleMenuKeyDown","handleMenuBlur","closeMenu","handleInputChange","handleInputKeyDown","handleInputBlur","handleFilterChange","handleOptionClick","handleOptionFocus","handleMenuOpened","handleMenuExited","popper","createRef","cbContainer","toggleButton","menuContainer","searchInput","componentDidUpdate","scrollOptionIntoView","setInputWidth","current","setState","getBoundingClientRect","width","focus","resetValue","updateInputValue","onChange","handleResize","event","menuOptions","key","stopPropagation","preventDefault","handleMenuNavigation","UP","DOWN","shiftKey","length","direction","menuOptionsLength","delta","onEnter","openMenu","target","optionIndex","Number","currentTarget","getCachedFilteredOptions","scheduleUpdate","relatedTarget","Element","element","contains","hide","updateKeyboardIndex","window","requestAnimationFrame","show","focusInput","valueIndex","findIndex","activeOption","querySelector","HTMLElement","scrollIntoView","block","inline","renderMenuElement","searchPlaceholder","renderOptions","map","index","render","inputPlaceholder","disabled","className","defaultValue","spellCheck","dataTestId","popperOptions","placement","modifiers","preventOverflow","enabled","undefined","arrayOf","shape","string","isRequired","func","bool"],"sources":["../src/ComboBox.tsx"],"sourcesContent":["/**\n * Combobox that combines a input box with a searchable dropdown menu\n *\n * props:\n * @param {array} options :[{\n *    title: 'option title for display',\n *    value: 'option value' //option value\n * }]\n * @param {string} inputPlaceholder place holder for the input box\n * @param {string} searchPlaceholder place holder for the search box in drop down search box\n * @param {boolean} disabled disable both input & drop down\n *\n *\n */\nimport React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { vsTriangleDown } from '@deephaven/icons';\nimport memoize from 'memoizee';\nimport classNames from 'classnames';\nimport { PopperOptions } from 'popper.js';\nimport SearchInput from './SearchInput';\nimport { Popper } from './popper';\n\nimport './ComboBox.scss';\n\ninterface ComboBoxOption {\n  title: string;\n  value: string;\n}\n\ninterface ComboBoxProps {\n  options: ComboBoxOption[];\n  popperOptions: PopperOptions;\n  onChange(value: string): void;\n  inputPlaceholder: string;\n  searchPlaceholder: string;\n  disabled: boolean;\n  className: string;\n  defaultValue: string;\n  spellCheck: boolean;\n  onEnter(): void;\n  'data-testid'?: string;\n}\n\ninterface ComboBoxState {\n  value: string;\n  filter: string;\n  filteredOptions: ComboBoxOption[];\n  keyboardOptionIndex: number;\n  menuIsOpen: boolean;\n  inputWidth: number;\n}\n\nenum MENU_NAVIGATION_DIRECTION {\n  UP = 'UP',\n  DOWN = 'DOWN',\n}\n\nclass ComboBox extends Component<ComboBoxProps, ComboBoxState> {\n  static MENU_NAVIGATION_DIRECTION = MENU_NAVIGATION_DIRECTION;\n\n  static DROP_DOWN_MENU_HEIGHT = 200;\n\n  static propTypes = {\n    options: PropTypes.arrayOf(\n      PropTypes.shape({\n        title: PropTypes.string.isRequired,\n        value: PropTypes.string.isRequired,\n      })\n    ).isRequired,\n    popperOptions: PropTypes.shape({\n      title: PropTypes.string.isRequired,\n      value: PropTypes.string.isRequired,\n    }),\n    onChange: PropTypes.func,\n    inputPlaceholder: PropTypes.string,\n    searchPlaceholder: PropTypes.string,\n    disabled: PropTypes.bool,\n    className: PropTypes.string,\n    defaultValue: PropTypes.string,\n    spellCheck: PropTypes.bool,\n    onEnter: PropTypes.func,\n    'data-testid': PropTypes.string,\n  };\n\n  static defaultProps = {\n    onChange(): void {\n      // no-op\n    },\n    inputPlaceholder: '',\n    searchPlaceholder: 'Search',\n    disabled: false,\n    className: '',\n    defaultValue: '',\n    popperOptions: null,\n    spellCheck: true,\n    onEnter(): void {\n      // no-op\n    },\n    'data-testid': undefined,\n  };\n\n  constructor(props: ComboBoxProps) {\n    super(props);\n    this.state = {\n      value: '',\n      filter: '',\n      filteredOptions: props.options,\n      keyboardOptionIndex: -1,\n      menuIsOpen: false,\n      inputWidth: 100,\n    };\n\n    this.toggleMenu = this.toggleMenu.bind(this);\n    this.handleMenuKeyDown = this.handleMenuKeyDown.bind(this);\n    this.handleMenuBlur = this.handleMenuBlur.bind(this);\n    this.closeMenu = this.closeMenu.bind(this);\n\n    this.handleInputChange = this.handleInputChange.bind(this);\n    this.handleInputKeyDown = this.handleInputKeyDown.bind(this);\n    this.handleInputBlur = this.handleInputBlur.bind(this);\n    this.handleFilterChange = this.handleFilterChange.bind(this);\n\n    this.handleOptionClick = this.handleOptionClick.bind(this);\n    this.handleOptionFocus = this.handleOptionFocus.bind(this);\n\n    this.handleMenuOpened = this.handleMenuOpened.bind(this);\n    this.handleMenuExited = this.handleMenuExited.bind(this);\n\n    this.popper = React.createRef();\n    this.cbContainer = React.createRef();\n    this.toggleButton = React.createRef();\n    this.menuContainer = React.createRef();\n    this.input = React.createRef();\n    this.searchInput = React.createRef();\n  }\n\n  componentDidUpdate(): void {\n    const { menuIsOpen, keyboardOptionIndex } = this.state;\n    if (menuIsOpen && keyboardOptionIndex >= 0) {\n      this.scrollOptionIntoView();\n    }\n  }\n\n  popper: React.RefObject<Popper>;\n\n  cbContainer: React.RefObject<HTMLDivElement>;\n\n  toggleButton: React.RefObject<HTMLButtonElement>;\n\n  menuContainer: React.RefObject<HTMLDivElement>;\n\n  input: React.RefObject<HTMLInputElement>;\n\n  searchInput: React.RefObject<SearchInput>;\n\n  setInputWidth(): void {\n    if (this.cbContainer.current) {\n      this.setState({\n        inputWidth: this.cbContainer.current.getBoundingClientRect().width,\n      });\n    }\n  }\n\n  getCachedFilteredOptions = memoize(\n    (options: ComboBoxOption[], input: string) =>\n      options.filter(\n        option =>\n          option.title.toLowerCase().indexOf(input.toLowerCase()) >= 0 ||\n          option.value.toLowerCase().indexOf(input.toLowerCase()) >= 0\n      )\n  );\n\n  focus(): void {\n    this.input.current?.focus();\n  }\n\n  resetValue(): void {\n    this.setState({ value: '' });\n  }\n\n  updateInputValue(value: string): void {\n    const { onChange } = this.props;\n    this.setState({ value });\n    onChange(value);\n  }\n\n  handleResize(): void {\n    this.setInputWidth();\n  }\n\n  handleMenuKeyDown(event: React.KeyboardEvent): void {\n    const { filter, filteredOptions, keyboardOptionIndex } = this.state;\n    const { options } = this.props;\n    const menuOptions = filter ? filteredOptions : options;\n\n    switch (event.key) {\n      case 'Enter':\n        if (menuOptions[keyboardOptionIndex]?.value != null) {\n          this.updateInputValue(menuOptions[keyboardOptionIndex].value);\n        }\n        this.closeMenu();\n        this.input.current?.focus();\n        event.stopPropagation();\n        event.preventDefault();\n        break;\n      case 'ArrowUp':\n        this.handleMenuNavigation(ComboBox.MENU_NAVIGATION_DIRECTION.UP);\n        event.stopPropagation();\n        event.preventDefault();\n        break;\n      case 'ArrowDown':\n        this.handleMenuNavigation(ComboBox.MENU_NAVIGATION_DIRECTION.DOWN);\n        event.stopPropagation();\n        event.preventDefault();\n        break;\n      case 'Escape':\n        if (filter !== '') {\n          this.setState({ filter: '' });\n          event.stopPropagation(); // Don't trigger blur on input element\n        } else {\n          this.closeMenu();\n        }\n        break;\n      case 'Tab':\n        if (!event.shiftKey && keyboardOptionIndex === menuOptions.length - 1) {\n          this.closeMenu();\n        }\n        break;\n      default:\n        break;\n    }\n  }\n\n  handleMenuNavigation(direction: MENU_NAVIGATION_DIRECTION): void {\n    const { filter, filteredOptions, keyboardOptionIndex } = this.state;\n    const { options } = this.props;\n    const menuOptions = filter ? filteredOptions : options;\n    const menuOptionsLength = menuOptions.length;\n    let delta = 0;\n    switch (direction) {\n      case ComboBox.MENU_NAVIGATION_DIRECTION.UP:\n        delta = -1;\n        break;\n      case ComboBox.MENU_NAVIGATION_DIRECTION.DOWN:\n        delta = 1;\n        break;\n    }\n\n    if (delta !== 0) {\n      this.setState({\n        keyboardOptionIndex:\n          (keyboardOptionIndex + delta + menuOptionsLength) % menuOptionsLength,\n      });\n    }\n  }\n\n  handleInputKeyDown(event: React.KeyboardEvent): void {\n    const { onEnter } = this.props;\n    const { menuIsOpen } = this.state;\n    if (event.key === 'ArrowDown' || event.key === 'ArrowUp') {\n      if (!menuIsOpen) {\n        this.openMenu();\n      }\n    } else if (event.key === 'Enter') {\n      onEnter();\n    }\n  }\n\n  handleInputChange(event: React.ChangeEvent<HTMLInputElement>): void {\n    this.updateInputValue(event.target.value);\n  }\n\n  handleOptionClick(event: React.MouseEvent<HTMLButtonElement>): void {\n    const optionIndex = Number(event.currentTarget.value);\n    const { filter, filteredOptions } = this.state;\n    const { options } = this.props;\n    const menuOptions = filter ? filteredOptions : options;\n\n    this.updateInputValue(menuOptions[optionIndex].value);\n    this.closeMenu();\n    this.input.current?.focus();\n  }\n\n  handleOptionFocus(event: React.FocusEvent<HTMLButtonElement>): void {\n    this.setState({ keyboardOptionIndex: Number(event.target.value) });\n  }\n\n  handleFilterChange(event: React.ChangeEvent<HTMLInputElement>): void {\n    const { options } = this.props;\n    const filter = event.target.value;\n    const filteredOptions = this.getCachedFilteredOptions(options, filter);\n\n    this.setState({\n      filter,\n      filteredOptions,\n      keyboardOptionIndex: 0,\n    });\n    this.popper.current?.scheduleUpdate();\n  }\n\n  handleMenuBlur(event: React.FocusEvent): void {\n    // close if menu blurs, unless its an internal option or the toggleButton which triggers close via click\n    if (\n      (event.relatedTarget instanceof Element &&\n        this.popper.current != null &&\n        this.popper.current.element.contains(event.relatedTarget)) ||\n      event.relatedTarget === this.toggleButton.current\n    ) {\n      return;\n    }\n    this.closeMenu(false);\n  }\n\n  handleInputBlur(event: React.FocusEvent<HTMLInputElement>): void {\n    // if blur event is caused by focusing on search input or open menu by keyboard, don't close the menu\n    const { menuIsOpen } = this.state;\n    if (\n      menuIsOpen &&\n      event.relatedTarget instanceof Element &&\n      this.popper.current != null &&\n      this.popper.current.element.contains(event.relatedTarget)\n    ) {\n      return;\n    }\n    this.closeMenu(false);\n  }\n\n  handleMenuOpened(): void {\n    this.scrollOptionIntoView();\n    this.searchInput.current?.focus();\n  }\n\n  handleMenuExited(): void {\n    const { menuIsOpen } = this.state;\n    if (menuIsOpen) {\n      this.setState({ menuIsOpen: false });\n      this.popper.current?.hide();\n    }\n    this.setState({ filter: '' });\n  }\n\n  toggleMenu(event: React.MouseEvent<HTMLButtonElement>): void {\n    const { menuIsOpen } = this.state;\n    if (menuIsOpen) {\n      this.closeMenu();\n    } else {\n      this.openMenu();\n    }\n    event.stopPropagation();\n  }\n\n  openMenu(): void {\n    this.updateKeyboardIndex();\n    this.setInputWidth();\n    this.setState({ menuIsOpen: true });\n\n    window.requestAnimationFrame(() => {\n      this.popper.current?.show();\n    });\n  }\n\n  closeMenu(focusInput = true): void {\n    this.setState({ menuIsOpen: false });\n    if (focusInput) {\n      this.input.current?.focus();\n    }\n    this.popper.current?.hide();\n  }\n\n  updateKeyboardIndex(): void {\n    const { value, filter, filteredOptions } = this.state;\n    const { options } = this.props;\n    const menuOptions = filter ? filteredOptions : options;\n    const valueIndex = menuOptions.findIndex(option => option.value === value);\n    this.setState({ keyboardOptionIndex: valueIndex });\n  }\n\n  scrollOptionIntoView(): void {\n    const activeOption = this.menuContainer.current?.querySelector(\n      '.cb-option-btn.keyboard-active'\n    );\n    if (activeOption instanceof HTMLElement) {\n      activeOption.scrollIntoView({\n        block: 'nearest',\n        inline: 'nearest',\n      });\n    }\n  }\n\n  renderMenuElement(): JSX.Element {\n    const { searchPlaceholder } = this.props;\n    const { filter, inputWidth } = this.state;\n    return (\n      <div\n        className=\"cb-menu-container\"\n        ref={this.menuContainer}\n        role=\"presentation\"\n        onKeyDown={this.handleMenuKeyDown}\n        onClick={event => {\n          event.stopPropagation();\n        }}\n        style={{ width: inputWidth }}\n        onBlur={this.handleMenuBlur}\n      >\n        <div className=\"cb-search-input-container\">\n          <SearchInput\n            value={filter}\n            ref={this.searchInput}\n            onChange={this.handleFilterChange}\n            className=\"cb-search-input\"\n            placeholder={searchPlaceholder}\n          />\n        </div>\n        <div className=\"cb-options-container\">\n          <div className=\"cb-options\">{this.renderOptions()}</div>\n        </div>\n      </div>\n    );\n  }\n\n  renderOptions(): React.ReactNode {\n    const { options } = this.props;\n    const { keyboardOptionIndex, filter, filteredOptions } = this.state;\n    const menuOptions = filter ? filteredOptions : options;\n\n    return menuOptions.map((option, index) => {\n      const key = `option-${index}-${option.value}`;\n      return (\n        <button\n          key={key}\n          type=\"button\"\n          value={index}\n          className={classNames('cb-option-btn', {\n            'keyboard-active': keyboardOptionIndex === index,\n          })}\n          onClick={this.handleOptionClick}\n          onFocus={this.handleOptionFocus}\n        >\n          {option.title}\n        </button>\n      );\n    });\n  }\n\n  render(): JSX.Element {\n    const {\n      options,\n      inputPlaceholder,\n      disabled,\n      className,\n      defaultValue,\n      spellCheck,\n      'data-testid': dataTestId,\n    } = this.props;\n    const { value } = this.state;\n    let { popperOptions } = this.props;\n    popperOptions = {\n      placement: 'bottom-end',\n      modifiers: {\n        preventOverflow: { enabled: false },\n      },\n      ...popperOptions,\n    };\n\n    return (\n      <div className=\"input-group cb-container\" ref={this.cbContainer}>\n        <input\n          value={value || defaultValue}\n          className={classNames('form-control', className, 'cb-input')}\n          ref={this.input}\n          onChange={this.handleInputChange}\n          placeholder={\n            inputPlaceholder ||\n            (options[0] != null ? options[0].title : undefined)\n          }\n          disabled={disabled}\n          onBlur={this.handleInputBlur}\n          onKeyDown={this.handleInputKeyDown}\n          spellCheck={spellCheck}\n          data-testid={\n            dataTestId !== undefined ? `${dataTestId}-input` : undefined\n          }\n        />\n        <div className=\"input-group-append cb-dropdown\">\n          <button\n            type=\"button\"\n            className=\"btn cb-btn form-control\"\n            ref={this.toggleButton}\n            onClick={this.toggleMenu}\n            onKeyDown={this.handleInputKeyDown}\n            disabled={disabled}\n            data-testid={\n              dataTestId !== undefined ? `${dataTestId}-btn` : undefined\n            }\n          >\n            <FontAwesomeIcon icon={vsTriangleDown} />\n            <Popper\n              ref={this.popper}\n              options={popperOptions}\n              className={classNames('combobox interactive')}\n              onEntered={this.handleMenuOpened}\n              onExited={this.handleMenuExited}\n            >\n              {this.renderMenuElement()}\n            </Popper>\n          </button>\n        </div>\n      </div>\n    );\n  }\n}\n\nexport default ComboBox;\n"],"mappings":"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"}

package/dist/CustomTimeSelect.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, { Component } from 'react';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { vsCheck, dhSort } from '@deephaven/icons';

package/dist/CustomTimeSelect.js.map

@@ -1 +1 @@
-{"version":3,"file":"CustomTimeSelect.js","names":["React","Component","FontAwesomeIcon","vsCheck","dhSort","TimeUtils","classNames","TimeInput","DropdownMenu","CUSTOM_OPTION","MENU_NAVIGATION_DIRECTION","CustomTimeSelect","constructor","props","value","valueToTime","toggleMenu","bind","handleMenuKeyDown","closeMenu","handleOptionClick","handleOptionFocus","handleMenuOpened","handleMenuExited","handleCustomInput","csContainer","createRef","menuContainer","button","input","state","keyboardOptionIndex","menuIsOpen","inputWidth","customTime","inputFocused","getSelectedText","options","placeholder","i","length","option","title","formatTime","setInputWidth","current","setState","getBoundingClientRect","width","focus","updateInputValue","onChange","handleResize","event","key","updateFromCustom","stopPropagation","preventDefault","shiftKey","handleMenuNavigation","UP","DOWN","direction","menuOptionsLength","newKeyboardOptionIndex","focusInput","focusOption","scrollOptionIntoView","optionIndex","Number","currentTarget","timeToValue","update","updateAndClose","target","activeOption","querySelector","HTMLElement","valueIndex","map","indexOf","index","children","item","openMenu","updateKeyboardIndex","focusButton","offsetTop","DROP_DOWN_MENU_HEIGHT","scrollTop","renderMenuElement","renderOptions","icon","customText","matchFound","optionArray","push","render","disabled","invalid","dataTestId","popperOptions","placement","modifiers","preventOverflow","enabled","menuElement","maxWidth","Math","round","time","undefined"],"sources":["../src/CustomTimeSelect.tsx"],"sourcesContent":["import React, { Component } from 'react';\nimport { PopperOptions } from 'popper.js';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { vsCheck, dhSort, IconDefinition } from '@deephaven/icons';\nimport { TimeUtils } from '@deephaven/utils';\nimport classNames from 'classnames';\nimport TimeInput, { TimeInputElement } from './TimeInput';\nimport DropdownMenu from './menu-actions/DropdownMenu';\nimport './CustomTimeSelect.scss';\n\nconst CUSTOM_OPTION = -1;\n\nenum MENU_NAVIGATION_DIRECTION {\n  UP = 'UP',\n  DOWN = 'DOWN',\n}\n\ntype CustomTimeSelectProps = {\n  options: { title: string; value: number }[];\n  popperOptions: PopperOptions;\n  value: number | null;\n  onChange(value: number): void;\n  disabled: boolean;\n  icon: IconDefinition;\n  placeholder: string;\n  customText: string;\n  // Defaults to converting the value in milliseconds to time in seconds\n  valueToTime(val: number | null): number;\n  // Defaults to converting the time in seconds to value in milliseconds\n  timeToValue(time: number): number;\n  invalid: boolean;\n  'data-testid'?: string;\n};\n\ntype TimeInSeconds = number;\n\ntype CustomTimeSelectState = {\n  keyboardOptionIndex: number;\n  menuIsOpen: boolean;\n  inputWidth: number;\n  customTime: TimeInSeconds;\n  inputFocused: boolean;\n};\n\nclass CustomTimeSelect extends Component<\n  CustomTimeSelectProps,\n  CustomTimeSelectState\n> {\n  static MENU_NAVIGATION_DIRECTION = MENU_NAVIGATION_DIRECTION;\n\n  static DROP_DOWN_MENU_HEIGHT = 125;\n\n  static defaultProps: Partial<CustomTimeSelectProps> = {\n    onChange(): void {\n      // no-op\n    },\n    value: null,\n    disabled: false,\n    popperOptions: {},\n    icon: vsCheck,\n    customText: 'Custom',\n    placeholder: 'Select a time',\n    valueToTime: value => (value === null ? 0 : Math.round(value / 1000)),\n    timeToValue: time => time * 1000,\n    invalid: false,\n    'data-testid': undefined,\n  };\n\n  constructor(props: CustomTimeSelectProps) {\n    super(props);\n\n    const { value, valueToTime } = props;\n\n    this.toggleMenu = this.toggleMenu.bind(this);\n    this.handleMenuKeyDown = this.handleMenuKeyDown.bind(this);\n    this.closeMenu = this.closeMenu.bind(this);\n\n    this.handleOptionClick = this.handleOptionClick.bind(this);\n    this.handleOptionFocus = this.handleOptionFocus.bind(this);\n\n    this.handleMenuOpened = this.handleMenuOpened.bind(this);\n    this.handleMenuExited = this.handleMenuExited.bind(this);\n    this.handleCustomInput = this.handleCustomInput.bind(this);\n\n    this.csContainer = React.createRef();\n    this.menuContainer = React.createRef();\n    this.button = React.createRef();\n    this.input = React.createRef();\n\n    this.state = {\n      keyboardOptionIndex: 0,\n      menuIsOpen: false,\n      inputWidth: 100,\n      customTime: valueToTime(value),\n      inputFocused: false,\n    };\n  }\n\n  csContainer: React.RefObject<HTMLDivElement>;\n\n  menuContainer: React.RefObject<HTMLDivElement>;\n\n  button: React.RefObject<HTMLButtonElement>;\n\n  input: React.RefObject<TimeInputElement>;\n\n  getSelectedText(): string {\n    const { options, value, placeholder } = this.props;\n    const { customTime } = this.state;\n\n    if (value === null) {\n      return placeholder;\n    }\n\n    for (let i = 0; i < options.length; i += 1) {\n      const option = options[i];\n      if (option.value === value) {\n        return option.title;\n      }\n    }\n\n    return TimeUtils.formatTime(customTime);\n  }\n\n  setInputWidth(): void {\n    if (this.csContainer.current) {\n      this.setState({\n        inputWidth: this.csContainer.current.getBoundingClientRect().width,\n      });\n    }\n  }\n\n  focus(): void {\n    this.button.current?.focus();\n  }\n\n  updateInputValue(value: number): void {\n    const { onChange } = this.props;\n    onChange(value);\n  }\n\n  handleResize(): void {\n    this.setInputWidth();\n  }\n\n  handleMenuKeyDown(event: React.KeyboardEvent<HTMLDivElement>): void {\n    const { keyboardOptionIndex, inputFocused } = this.state;\n    const { options } = this.props;\n\n    switch (event.key) {\n      case 'Enter':\n      case ' ': // Space Bar\n        if (inputFocused) {\n          this.updateFromCustom();\n        } else {\n          this.updateInputValue(options[keyboardOptionIndex].value);\n        }\n        this.closeMenu();\n        this.button.current?.focus();\n        event.stopPropagation();\n        event.preventDefault();\n        break;\n      case 'Tab':\n        if (event.shiftKey) {\n          this.handleMenuNavigation(\n            CustomTimeSelect.MENU_NAVIGATION_DIRECTION.UP\n          );\n        } else {\n          this.handleMenuNavigation(\n            CustomTimeSelect.MENU_NAVIGATION_DIRECTION.DOWN\n          );\n        }\n        event.stopPropagation();\n        event.preventDefault();\n        break;\n      case 'ArrowUp':\n        this.handleMenuNavigation(\n          CustomTimeSelect.MENU_NAVIGATION_DIRECTION.UP\n        );\n        event.stopPropagation();\n        event.preventDefault();\n        break;\n      case 'ArrowDown':\n        this.handleMenuNavigation(\n          CustomTimeSelect.MENU_NAVIGATION_DIRECTION.DOWN\n        );\n        event.stopPropagation();\n        event.preventDefault();\n        break;\n      case 'Escape':\n        this.closeMenu();\n        break;\n      default:\n        break;\n    }\n  }\n\n  handleMenuNavigation(direction: MENU_NAVIGATION_DIRECTION): void {\n    const { keyboardOptionIndex, inputFocused } = this.state;\n    const { options } = this.props;\n    const menuOptionsLength = options.length;\n    let newKeyboardOptionIndex = keyboardOptionIndex;\n    switch (direction) {\n      case CustomTimeSelect.MENU_NAVIGATION_DIRECTION.UP:\n        if (!inputFocused && keyboardOptionIndex === 0) {\n          this.focusInput();\n          break;\n        } else if (inputFocused) {\n          this.focusOption(keyboardOptionIndex);\n        }\n\n        if (keyboardOptionIndex > 0 && !inputFocused) {\n          newKeyboardOptionIndex =\n            (newKeyboardOptionIndex - 1) % menuOptionsLength;\n          this.setState({\n            keyboardOptionIndex: newKeyboardOptionIndex,\n          });\n        } else if (keyboardOptionIndex === 0) {\n          newKeyboardOptionIndex = menuOptionsLength - 1;\n          this.setState({\n            keyboardOptionIndex: newKeyboardOptionIndex,\n          });\n        }\n        this.scrollOptionIntoView(newKeyboardOptionIndex);\n        break;\n      case CustomTimeSelect.MENU_NAVIGATION_DIRECTION.DOWN:\n        if (!inputFocused && keyboardOptionIndex === menuOptionsLength - 1) {\n          this.focusInput();\n          break;\n        } else if (inputFocused) {\n          this.focusOption(keyboardOptionIndex);\n        }\n\n        if (\n          keyboardOptionIndex < menuOptionsLength &&\n          !(inputFocused && keyboardOptionIndex === 0)\n        ) {\n          newKeyboardOptionIndex =\n            (newKeyboardOptionIndex + 1) % menuOptionsLength;\n          this.setState({\n            keyboardOptionIndex: newKeyboardOptionIndex,\n          });\n        }\n        this.scrollOptionIntoView(newKeyboardOptionIndex);\n        break;\n      default:\n        break;\n    }\n  }\n\n  handleOptionClick(event: React.MouseEvent<HTMLButtonElement>): void {\n    const optionIndex = Number(event.currentTarget.value);\n    const { options, timeToValue } = this.props;\n    const { customTime } = this.state;\n\n    if (optionIndex === CUSTOM_OPTION) {\n      const update = timeToValue(customTime);\n      this.updateAndClose(update);\n    } else {\n      this.updateAndClose(options[optionIndex].value);\n    }\n  }\n\n  updateAndClose(update: number): void {\n    this.updateInputValue(update);\n    this.closeMenu();\n    this.button.current?.focus();\n  }\n\n  handleOptionFocus(event: React.FocusEvent<HTMLButtonElement>): void {\n    this.setState({ keyboardOptionIndex: Number(event.target.value) });\n  }\n\n  handleMenuOpened(): void {\n    const { options, value } = this.props;\n    const { keyboardOptionIndex } = this.state;\n    this.scrollOptionIntoView(keyboardOptionIndex);\n    const activeOption = this.menuContainer.current?.querySelector(\n      '.cs-option-btn.keyboard-active'\n    );\n    if (activeOption instanceof HTMLElement) {\n      activeOption.focus();\n    }\n\n    if (value === null) {\n      return;\n    }\n    const valueIndex = options.map(option => option.value).indexOf(value);\n    if (valueIndex < 0) {\n      // The custom option should be selected\n      this.focusInput();\n    }\n  }\n\n  focusInput(): void {\n    this.input.current?.focus();\n  }\n\n  focusOption(index: number): void {\n    const options = this.menuContainer.current?.querySelector('.cs-options');\n    if (options && options.children != null) {\n      const option = options.children.item(index);\n      if (option instanceof HTMLElement) {\n        option.focus();\n      }\n    }\n  }\n\n  handleMenuExited(): void {\n    const { menuIsOpen } = this.state;\n    if (menuIsOpen) {\n      this.setState({ menuIsOpen: false, keyboardOptionIndex: 0 });\n    }\n  }\n\n  handleCustomInput(value: number): void {\n    const { timeToValue } = this.props;\n\n    const update = timeToValue(value);\n    this.updateInputValue(update);\n    this.setState({\n      customTime: value,\n    });\n  }\n\n  updateFromCustom(): void {\n    const { timeToValue } = this.props;\n    const { customTime } = this.state;\n\n    const update = timeToValue(customTime);\n    this.updateInputValue(update);\n  }\n\n  toggleMenu(event: React.MouseEvent<HTMLButtonElement>): void {\n    const { menuIsOpen } = this.state;\n    if (menuIsOpen) {\n      this.closeMenu();\n    } else {\n      this.openMenu();\n    }\n    event.stopPropagation();\n  }\n\n  openMenu(): void {\n    this.updateKeyboardIndex();\n    this.setInputWidth();\n    this.setState({ menuIsOpen: true });\n  }\n\n  closeMenu(focusButton = true): void {\n    this.setState({ menuIsOpen: false });\n    if (focusButton) {\n      this.button.current?.focus();\n    }\n  }\n\n  updateKeyboardIndex(): void {\n    const { options, value } = this.props;\n    if (value === null) {\n      return;\n    }\n    const valueIndex = options.map(option => option.value).indexOf(value);\n    if (valueIndex > 0) {\n      this.setState({ keyboardOptionIndex: valueIndex });\n    }\n  }\n\n  scrollOptionIntoView(index: number): void {\n    const options = this.menuContainer.current?.querySelector('.cs-options');\n    if (options && options.children != null) {\n      const activeOption = options.children.item(index);\n      if (\n        activeOption instanceof HTMLElement &&\n        activeOption.offsetTop > CustomTimeSelect.DROP_DOWN_MENU_HEIGHT\n      ) {\n        options.scrollTop =\n          activeOption.offsetTop - CustomTimeSelect.DROP_DOWN_MENU_HEIGHT;\n      } else if (\n        (activeOption instanceof HTMLElement && activeOption.offsetTop < 0) ||\n        index === 0\n      ) {\n        options.scrollTop = 0;\n      }\n    }\n  }\n\n  renderMenuElement(): JSX.Element {\n    const { inputWidth } = this.state;\n    return (\n      <div\n        className=\"cs-menu-container\"\n        ref={this.menuContainer}\n        role=\"presentation\"\n        onKeyDown={this.handleMenuKeyDown}\n        onClick={event => {\n          event.stopPropagation();\n        }}\n        style={{ width: inputWidth }}\n      >\n        <div className=\"cs-options-container\">\n          <div className=\"cs-options\">{this.renderOptions()}</div>\n        </div>\n      </div>\n    );\n  }\n\n  renderOptions(): React.ReactNode {\n    const { options, value, icon, customText } = this.props;\n    const { keyboardOptionIndex, customTime, inputFocused } = this.state;\n\n    let matchFound = false;\n    const optionArray: JSX.Element[] = [];\n    for (let index = 0; index < options.length; index += 1) {\n      const option = options[index];\n      const key = `option-${index}-${option.value}`;\n      matchFound = matchFound || option.value === value;\n      optionArray.push(\n        <button\n          key={key}\n          type=\"button\"\n          value={index}\n          className={classNames('cs-option-btn', {\n            'keyboard-active': keyboardOptionIndex === index && !inputFocused,\n          })}\n          onClick={this.handleOptionClick}\n          onFocus={this.handleOptionFocus}\n        >\n          {option.value === value && (\n            <FontAwesomeIcon icon={icon} className=\"mr-2\" />\n          )}\n          {option.value !== value && <span className=\"mr-4\" />}\n          {option.title}\n        </button>\n      );\n    }\n\n    optionArray.push(<hr className=\"cs-divider\" key=\"option-divider\" />);\n\n    optionArray.push(\n      <button\n        key=\"option-custom-label\"\n        type=\"button\"\n        value={CUSTOM_OPTION}\n        className={classNames('cs-option-btn', {\n          'keyboard-active': inputFocused,\n        })}\n        onClick={this.handleOptionClick}\n        onFocus={this.handleOptionFocus}\n      >\n        {!matchFound && value !== null ? (\n          <FontAwesomeIcon icon={icon} className=\"mr-2\" />\n        ) : (\n          <span className=\"mr-4\" />\n        )}\n        {customText}\n      </button>\n    );\n\n    optionArray.push(\n      <div key=\"cs-custom-container\" className=\"cs-custom-container\">\n        <span className=\"mr-2\" />\n        <TimeInput\n          key=\"option-input\"\n          ref={this.input}\n          onChange={this.handleCustomInput}\n          value={customTime}\n          onFocus={() => this.setState({ inputFocused: true })}\n          onBlur={() => this.setState({ inputFocused: false })}\n        />\n        <span className=\"ml-2\" />\n      </div>\n    );\n\n    optionArray.push(<hr key=\"option-end\" className=\"mb-2\" />);\n\n    return optionArray;\n  }\n\n  render(): JSX.Element {\n    const { disabled, invalid, value, 'data-testid': dataTestId } = this.props;\n    const { menuIsOpen } = this.state;\n    let { popperOptions } = this.props;\n    popperOptions = {\n      placement: 'bottom-end',\n      modifiers: {\n        preventOverflow: { enabled: false },\n      },\n      ...popperOptions,\n    };\n\n    return (\n      <div\n        className=\"input-group cs-container context-menu\"\n        ref={this.csContainer}\n        data-testid={dataTestId}\n      >\n        <div\n          className={classNames('input-group-append cs-dropdown', {\n            'cs-dropdown-invalid': invalid,\n          })}\n        >\n          <button\n            type=\"button\"\n            className={classNames('btn cs-btn form-control', {\n              'cs-btn-invalid': invalid,\n            })}\n            ref={this.button}\n            onClick={this.toggleMenu}\n            disabled={disabled}\n          >\n            <span\n              className={classNames({\n                'text-muted': value === null,\n              })}\n            >\n              {this.getSelectedText()}\n            </span>\n            <span>\n              <FontAwesomeIcon icon={dhSort} className=\"cs-caret\" />\n            </span>\n            <DropdownMenu\n              isShown={menuIsOpen}\n              actions={{ menuElement: this.renderMenuElement() }}\n              popperOptions={popperOptions}\n              popperClassName=\"CustomTimeSelect\"\n              onMenuOpened={this.handleMenuOpened}\n              onMenuClosed={this.handleMenuExited}\n              menuStyle={{ maxWidth: '100rem' }}\n            />\n          </button>\n        </div>\n      </div>\n    );\n  }\n}\n\nexport default CustomTimeSelect;\n"],"mappings":"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"}
+{"version":3,"file":"CustomTimeSelect.js","names":["React","Component","FontAwesomeIcon","vsCheck","dhSort","TimeUtils","classNames","TimeInput","DropdownMenu","CUSTOM_OPTION","MENU_NAVIGATION_DIRECTION","CustomTimeSelect","constructor","props","value","valueToTime","toggleMenu","bind","handleMenuKeyDown","closeMenu","handleOptionClick","handleOptionFocus","handleMenuOpened","handleMenuExited","handleCustomInput","csContainer","createRef","menuContainer","button","input","state","keyboardOptionIndex","menuIsOpen","inputWidth","customTime","inputFocused","getSelectedText","options","placeholder","i","length","option","title","formatTime","setInputWidth","current","setState","getBoundingClientRect","width","focus","updateInputValue","onChange","handleResize","event","key","updateFromCustom","stopPropagation","preventDefault","shiftKey","handleMenuNavigation","UP","DOWN","direction","menuOptionsLength","newKeyboardOptionIndex","focusInput","focusOption","scrollOptionIntoView","optionIndex","Number","currentTarget","timeToValue","update","updateAndClose","target","activeOption","querySelector","HTMLElement","valueIndex","map","indexOf","index","children","item","openMenu","updateKeyboardIndex","focusButton","offsetTop","DROP_DOWN_MENU_HEIGHT","scrollTop","renderMenuElement","renderOptions","icon","customText","matchFound","optionArray","push","render","disabled","invalid","dataTestId","popperOptions","placement","modifiers","preventOverflow","enabled","menuElement","maxWidth","Math","round","time","undefined"],"sources":["../src/CustomTimeSelect.tsx"],"sourcesContent":["import React, { Component } from 'react';\nimport { PopperOptions } from 'popper.js';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { vsCheck, dhSort, IconDefinition } from '@deephaven/icons';\nimport { TimeUtils } from '@deephaven/utils';\nimport classNames from 'classnames';\nimport TimeInput, { TimeInputElement } from './TimeInput';\nimport DropdownMenu from './menu-actions/DropdownMenu';\nimport './CustomTimeSelect.scss';\n\nconst CUSTOM_OPTION = -1;\n\nenum MENU_NAVIGATION_DIRECTION {\n  UP = 'UP',\n  DOWN = 'DOWN',\n}\n\ntype CustomTimeSelectProps = {\n  options: { title: string; value: number }[];\n  popperOptions: PopperOptions;\n  value: number | null;\n  onChange(value: number): void;\n  disabled: boolean;\n  icon: IconDefinition;\n  placeholder: string;\n  customText: string;\n  // Defaults to converting the value in milliseconds to time in seconds\n  valueToTime(val: number | null): number;\n  // Defaults to converting the time in seconds to value in milliseconds\n  timeToValue(time: number): number;\n  invalid: boolean;\n  'data-testid'?: string;\n};\n\ntype TimeInSeconds = number;\n\ntype CustomTimeSelectState = {\n  keyboardOptionIndex: number;\n  menuIsOpen: boolean;\n  inputWidth: number;\n  customTime: TimeInSeconds;\n  inputFocused: boolean;\n};\n\nclass CustomTimeSelect extends Component<\n  CustomTimeSelectProps,\n  CustomTimeSelectState\n> {\n  static MENU_NAVIGATION_DIRECTION = MENU_NAVIGATION_DIRECTION;\n\n  static DROP_DOWN_MENU_HEIGHT = 125;\n\n  static defaultProps: Partial<CustomTimeSelectProps> = {\n    onChange(): void {\n      // no-op\n    },\n    value: null,\n    disabled: false,\n    popperOptions: {},\n    icon: vsCheck,\n    customText: 'Custom',\n    placeholder: 'Select a time',\n    valueToTime: value => (value === null ? 0 : Math.round(value / 1000)),\n    timeToValue: time => time * 1000,\n    invalid: false,\n    'data-testid': undefined,\n  };\n\n  constructor(props: CustomTimeSelectProps) {\n    super(props);\n\n    const { value, valueToTime } = props;\n\n    this.toggleMenu = this.toggleMenu.bind(this);\n    this.handleMenuKeyDown = this.handleMenuKeyDown.bind(this);\n    this.closeMenu = this.closeMenu.bind(this);\n\n    this.handleOptionClick = this.handleOptionClick.bind(this);\n    this.handleOptionFocus = this.handleOptionFocus.bind(this);\n\n    this.handleMenuOpened = this.handleMenuOpened.bind(this);\n    this.handleMenuExited = this.handleMenuExited.bind(this);\n    this.handleCustomInput = this.handleCustomInput.bind(this);\n\n    this.csContainer = React.createRef();\n    this.menuContainer = React.createRef();\n    this.button = React.createRef();\n    this.input = React.createRef();\n\n    this.state = {\n      keyboardOptionIndex: 0,\n      menuIsOpen: false,\n      inputWidth: 100,\n      customTime: valueToTime(value),\n      inputFocused: false,\n    };\n  }\n\n  csContainer: React.RefObject<HTMLDivElement>;\n\n  menuContainer: React.RefObject<HTMLDivElement>;\n\n  button: React.RefObject<HTMLButtonElement>;\n\n  input: React.RefObject<TimeInputElement>;\n\n  getSelectedText(): string {\n    const { options, value, placeholder } = this.props;\n    const { customTime } = this.state;\n\n    if (value === null) {\n      return placeholder;\n    }\n\n    for (let i = 0; i < options.length; i += 1) {\n      const option = options[i];\n      if (option.value === value) {\n        return option.title;\n      }\n    }\n\n    return TimeUtils.formatTime(customTime);\n  }\n\n  setInputWidth(): void {\n    if (this.csContainer.current) {\n      this.setState({\n        inputWidth: this.csContainer.current.getBoundingClientRect().width,\n      });\n    }\n  }\n\n  focus(): void {\n    this.button.current?.focus();\n  }\n\n  updateInputValue(value: number): void {\n    const { onChange } = this.props;\n    onChange(value);\n  }\n\n  handleResize(): void {\n    this.setInputWidth();\n  }\n\n  handleMenuKeyDown(event: React.KeyboardEvent<HTMLDivElement>): void {\n    const { keyboardOptionIndex, inputFocused } = this.state;\n    const { options } = this.props;\n\n    switch (event.key) {\n      case 'Enter':\n      case ' ': // Space Bar\n        if (inputFocused) {\n          this.updateFromCustom();\n        } else {\n          this.updateInputValue(options[keyboardOptionIndex].value);\n        }\n        this.closeMenu();\n        this.button.current?.focus();\n        event.stopPropagation();\n        event.preventDefault();\n        break;\n      case 'Tab':\n        if (event.shiftKey) {\n          this.handleMenuNavigation(\n            CustomTimeSelect.MENU_NAVIGATION_DIRECTION.UP\n          );\n        } else {\n          this.handleMenuNavigation(\n            CustomTimeSelect.MENU_NAVIGATION_DIRECTION.DOWN\n          );\n        }\n        event.stopPropagation();\n        event.preventDefault();\n        break;\n      case 'ArrowUp':\n        this.handleMenuNavigation(\n          CustomTimeSelect.MENU_NAVIGATION_DIRECTION.UP\n        );\n        event.stopPropagation();\n        event.preventDefault();\n        break;\n      case 'ArrowDown':\n        this.handleMenuNavigation(\n          CustomTimeSelect.MENU_NAVIGATION_DIRECTION.DOWN\n        );\n        event.stopPropagation();\n        event.preventDefault();\n        break;\n      case 'Escape':\n        this.closeMenu();\n        break;\n      default:\n        break;\n    }\n  }\n\n  handleMenuNavigation(direction: MENU_NAVIGATION_DIRECTION): void {\n    const { keyboardOptionIndex, inputFocused } = this.state;\n    const { options } = this.props;\n    const menuOptionsLength = options.length;\n    let newKeyboardOptionIndex = keyboardOptionIndex;\n    switch (direction) {\n      case CustomTimeSelect.MENU_NAVIGATION_DIRECTION.UP:\n        if (!inputFocused && keyboardOptionIndex === 0) {\n          this.focusInput();\n          break;\n        } else if (inputFocused) {\n          this.focusOption(keyboardOptionIndex);\n        }\n\n        if (keyboardOptionIndex > 0 && !inputFocused) {\n          newKeyboardOptionIndex =\n            (newKeyboardOptionIndex - 1) % menuOptionsLength;\n          this.setState({\n            keyboardOptionIndex: newKeyboardOptionIndex,\n          });\n        } else if (keyboardOptionIndex === 0) {\n          newKeyboardOptionIndex = menuOptionsLength - 1;\n          this.setState({\n            keyboardOptionIndex: newKeyboardOptionIndex,\n          });\n        }\n        this.scrollOptionIntoView(newKeyboardOptionIndex);\n        break;\n      case CustomTimeSelect.MENU_NAVIGATION_DIRECTION.DOWN:\n        if (!inputFocused && keyboardOptionIndex === menuOptionsLength - 1) {\n          this.focusInput();\n          break;\n        } else if (inputFocused) {\n          this.focusOption(keyboardOptionIndex);\n        }\n\n        if (\n          keyboardOptionIndex < menuOptionsLength &&\n          !(inputFocused && keyboardOptionIndex === 0)\n        ) {\n          newKeyboardOptionIndex =\n            (newKeyboardOptionIndex + 1) % menuOptionsLength;\n          this.setState({\n            keyboardOptionIndex: newKeyboardOptionIndex,\n          });\n        }\n        this.scrollOptionIntoView(newKeyboardOptionIndex);\n        break;\n      default:\n        break;\n    }\n  }\n\n  handleOptionClick(event: React.MouseEvent<HTMLButtonElement>): void {\n    const optionIndex = Number(event.currentTarget.value);\n    const { options, timeToValue } = this.props;\n    const { customTime } = this.state;\n\n    if (optionIndex === CUSTOM_OPTION) {\n      const update = timeToValue(customTime);\n      this.updateAndClose(update);\n    } else {\n      this.updateAndClose(options[optionIndex].value);\n    }\n  }\n\n  updateAndClose(update: number): void {\n    this.updateInputValue(update);\n    this.closeMenu();\n    this.button.current?.focus();\n  }\n\n  handleOptionFocus(event: React.FocusEvent<HTMLButtonElement>): void {\n    this.setState({ keyboardOptionIndex: Number(event.target.value) });\n  }\n\n  handleMenuOpened(): void {\n    const { options, value } = this.props;\n    const { keyboardOptionIndex } = this.state;\n    this.scrollOptionIntoView(keyboardOptionIndex);\n    const activeOption = this.menuContainer.current?.querySelector(\n      '.cs-option-btn.keyboard-active'\n    );\n    if (activeOption instanceof HTMLElement) {\n      activeOption.focus();\n    }\n\n    if (value === null) {\n      return;\n    }\n    const valueIndex = options.map(option => option.value).indexOf(value);\n    if (valueIndex < 0) {\n      // The custom option should be selected\n      this.focusInput();\n    }\n  }\n\n  focusInput(): void {\n    this.input.current?.focus();\n  }\n\n  focusOption(index: number): void {\n    const options = this.menuContainer.current?.querySelector('.cs-options');\n    if (options && options.children != null) {\n      const option = options.children.item(index);\n      if (option instanceof HTMLElement) {\n        option.focus();\n      }\n    }\n  }\n\n  handleMenuExited(): void {\n    const { menuIsOpen } = this.state;\n    if (menuIsOpen) {\n      this.setState({ menuIsOpen: false, keyboardOptionIndex: 0 });\n    }\n  }\n\n  handleCustomInput(value: number): void {\n    const { timeToValue } = this.props;\n\n    const update = timeToValue(value);\n    this.updateInputValue(update);\n    this.setState({\n      customTime: value,\n    });\n  }\n\n  updateFromCustom(): void {\n    const { timeToValue } = this.props;\n    const { customTime } = this.state;\n\n    const update = timeToValue(customTime);\n    this.updateInputValue(update);\n  }\n\n  toggleMenu(event: React.MouseEvent<HTMLButtonElement>): void {\n    const { menuIsOpen } = this.state;\n    if (menuIsOpen) {\n      this.closeMenu();\n    } else {\n      this.openMenu();\n    }\n    event.stopPropagation();\n  }\n\n  openMenu(): void {\n    this.updateKeyboardIndex();\n    this.setInputWidth();\n    this.setState({ menuIsOpen: true });\n  }\n\n  closeMenu(focusButton = true): void {\n    this.setState({ menuIsOpen: false });\n    if (focusButton) {\n      this.button.current?.focus();\n    }\n  }\n\n  updateKeyboardIndex(): void {\n    const { options, value } = this.props;\n    if (value === null) {\n      return;\n    }\n    const valueIndex = options.map(option => option.value).indexOf(value);\n    if (valueIndex > 0) {\n      this.setState({ keyboardOptionIndex: valueIndex });\n    }\n  }\n\n  scrollOptionIntoView(index: number): void {\n    const options = this.menuContainer.current?.querySelector('.cs-options');\n    if (options && options.children != null) {\n      const activeOption = options.children.item(index);\n      if (\n        activeOption instanceof HTMLElement &&\n        activeOption.offsetTop > CustomTimeSelect.DROP_DOWN_MENU_HEIGHT\n      ) {\n        options.scrollTop =\n          activeOption.offsetTop - CustomTimeSelect.DROP_DOWN_MENU_HEIGHT;\n      } else if (\n        (activeOption instanceof HTMLElement && activeOption.offsetTop < 0) ||\n        index === 0\n      ) {\n        options.scrollTop = 0;\n      }\n    }\n  }\n\n  renderMenuElement(): JSX.Element {\n    const { inputWidth } = this.state;\n    return (\n      <div\n        className=\"cs-menu-container\"\n        ref={this.menuContainer}\n        role=\"presentation\"\n        onKeyDown={this.handleMenuKeyDown}\n        onClick={event => {\n          event.stopPropagation();\n        }}\n        style={{ width: inputWidth }}\n      >\n        <div className=\"cs-options-container\">\n          <div className=\"cs-options\">{this.renderOptions()}</div>\n        </div>\n      </div>\n    );\n  }\n\n  renderOptions(): React.ReactNode {\n    const { options, value, icon, customText } = this.props;\n    const { keyboardOptionIndex, customTime, inputFocused } = this.state;\n\n    let matchFound = false;\n    const optionArray: JSX.Element[] = [];\n    for (let index = 0; index < options.length; index += 1) {\n      const option = options[index];\n      const key = `option-${index}-${option.value}`;\n      matchFound = matchFound || option.value === value;\n      optionArray.push(\n        <button\n          key={key}\n          type=\"button\"\n          value={index}\n          className={classNames('cs-option-btn', {\n            'keyboard-active': keyboardOptionIndex === index && !inputFocused,\n          })}\n          onClick={this.handleOptionClick}\n          onFocus={this.handleOptionFocus}\n        >\n          {option.value === value && (\n            <FontAwesomeIcon icon={icon} className=\"mr-2\" />\n          )}\n          {option.value !== value && <span className=\"mr-4\" />}\n          {option.title}\n        </button>\n      );\n    }\n\n    optionArray.push(<hr className=\"cs-divider\" key=\"option-divider\" />);\n\n    optionArray.push(\n      <button\n        key=\"option-custom-label\"\n        type=\"button\"\n        value={CUSTOM_OPTION}\n        className={classNames('cs-option-btn', {\n          'keyboard-active': inputFocused,\n        })}\n        onClick={this.handleOptionClick}\n        onFocus={this.handleOptionFocus}\n      >\n        {!matchFound && value !== null ? (\n          <FontAwesomeIcon icon={icon} className=\"mr-2\" />\n        ) : (\n          <span className=\"mr-4\" />\n        )}\n        {customText}\n      </button>\n    );\n\n    optionArray.push(\n      <div key=\"cs-custom-container\" className=\"cs-custom-container\">\n        <span className=\"mr-2\" />\n        <TimeInput\n          key=\"option-input\"\n          ref={this.input}\n          onChange={this.handleCustomInput}\n          value={customTime}\n          onFocus={() => this.setState({ inputFocused: true })}\n          onBlur={() => this.setState({ inputFocused: false })}\n        />\n        <span className=\"ml-2\" />\n      </div>\n    );\n\n    optionArray.push(<hr key=\"option-end\" className=\"mb-2\" />);\n\n    return optionArray;\n  }\n\n  render(): JSX.Element {\n    const { disabled, invalid, value, 'data-testid': dataTestId } = this.props;\n    const { menuIsOpen } = this.state;\n    let { popperOptions } = this.props;\n    popperOptions = {\n      placement: 'bottom-end',\n      modifiers: {\n        preventOverflow: { enabled: false },\n      },\n      ...popperOptions,\n    };\n\n    return (\n      <div\n        className=\"input-group cs-container context-menu\"\n        ref={this.csContainer}\n        data-testid={dataTestId}\n      >\n        <div\n          className={classNames('input-group-append cs-dropdown', {\n            'cs-dropdown-invalid': invalid,\n          })}\n        >\n          <button\n            type=\"button\"\n            className={classNames('btn cs-btn form-control', {\n              'cs-btn-invalid': invalid,\n            })}\n            ref={this.button}\n            onClick={this.toggleMenu}\n            disabled={disabled}\n          >\n            <span\n              className={classNames({\n                'text-muted': value === null,\n              })}\n            >\n              {this.getSelectedText()}\n            </span>\n            <span>\n              <FontAwesomeIcon icon={dhSort} className=\"cs-caret\" />\n            </span>\n            <DropdownMenu\n              isShown={menuIsOpen}\n              actions={{ menuElement: this.renderMenuElement() }}\n              popperOptions={popperOptions}\n              popperClassName=\"CustomTimeSelect\"\n              onMenuOpened={this.handleMenuOpened}\n              onMenuClosed={this.handleMenuExited}\n              menuStyle={{ maxWidth: '100rem' }}\n            />\n          </button>\n        </div>\n      </div>\n    );\n  }\n}\n\nexport default CustomTimeSelect;\n"],"mappings":"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"}

package/dist/DebouncedSearchInput.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 debounce from 'lodash.debounce';
 import SearchInput from "./SearchInput.js";