@deephaven/components 0.22.3-embed-pandas.11 → 0.23.1-beta.0

package/dist/ComboBox.js

@@ -1,9 +1,6 @@
 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; }
-
 /**
  * Combobox that combines a input box with a searchable dropdown menu
  *
@@ -28,30 +25,20 @@ import SearchInput from "./SearchInput.js";
 import { Popper } from "./popper/index.js";
 import "./ComboBox.css";
 var MENU_NAVIGATION_DIRECTION;
-
 (function (MENU_NAVIGATION_DIRECTION) {
   MENU_NAVIGATION_DIRECTION["UP"] = "UP";
   MENU_NAVIGATION_DIRECTION["DOWN"] = "DOWN";
 })(MENU_NAVIGATION_DIRECTION || (MENU_NAVIGATION_DIRECTION = {}));
-
 class ComboBox extends Component {
   constructor(props) {
     super(props);
-
     _defineProperty(this, "popper", void 0);
-
     _defineProperty(this, "cbContainer", void 0);
-
     _defineProperty(this, "toggleButton", void 0);
-
     _defineProperty(this, "menuContainer", void 0);
-
     _defineProperty(this, "input", void 0);
-
     _defineProperty(this, "searchInput", void 0);
-
     _defineProperty(this, "getCachedFilteredOptions", memoize((options, input) => options.filter(option => option.title.toLowerCase().indexOf(input.toLowerCase()) >= 0 || option.value.toLowerCase().indexOf(input.toLowerCase()) >= 0)));
-
     this.state = {
       value: '',
       filter: '',
@@ -79,18 +66,15 @@ class ComboBox extends Component {
     this.input = /*#__PURE__*/React.createRef();
     this.searchInput = /*#__PURE__*/React.createRef();
   }
-
   componentDidUpdate() {
     var {
       menuIsOpen,
       keyboardOptionIndex
     } = this.state;
-
     if (menuIsOpen && keyboardOptionIndex >= 0) {
       this.scrollOptionIntoView();
     }
   }
-
   setInputWidth() {
     if (this.cbContainer.current) {
       this.setState({
@@ -98,19 +82,15 @@ class ComboBox extends Component {
       });
     }
   }
-
   focus() {
     var _this$input$current;
-
     (_this$input$current = this.input.current) === null || _this$input$current === void 0 ? void 0 : _this$input$current.focus();
   }
-
   resetValue() {
     this.setState({
       value: ''
     });
   }
-
   updateInputValue(value) {
     var {
       onChange
@@ -120,14 +100,11 @@ class ComboBox extends Component {
     });
     onChange(value);
   }
-
   handleResize() {
     this.setInputWidth();
   }
-
   handleMenuKeyDown(event) {
     var _menuOptions$keyboard, _this$input$current2;
-
     var {
       filter,
       filteredOptions,
@@ -137,31 +114,26 @@ class ComboBox extends Component {
       options
     } = this.props;
     var menuOptions = filter ? filteredOptions : options;
-
     switch (event.key) {
       case 'Enter':
         if (((_menuOptions$keyboard = menuOptions[keyboardOptionIndex]) === null || _menuOptions$keyboard === void 0 ? void 0 : _menuOptions$keyboard.value) != null) {
           this.updateInputValue(menuOptions[keyboardOptionIndex].value);
         }
-
         this.closeMenu();
         (_this$input$current2 = this.input.current) === null || _this$input$current2 === void 0 ? void 0 : _this$input$current2.focus();
         event.stopPropagation();
         event.preventDefault();
         break;
-
       case 'ArrowUp':
         this.handleMenuNavigation(ComboBox.MENU_NAVIGATION_DIRECTION.UP);
         event.stopPropagation();
         event.preventDefault();
         break;
-
       case 'ArrowDown':
         this.handleMenuNavigation(ComboBox.MENU_NAVIGATION_DIRECTION.DOWN);
         event.stopPropagation();
         event.preventDefault();
         break;
-
       case 'Escape':
         if (filter !== '') {
           this.setState({
@@ -171,21 +143,16 @@ class ComboBox extends Component {
         } else {
           this.closeMenu();
         }
-
         break;
-
       case 'Tab':
         if (!event.shiftKey && keyboardOptionIndex === menuOptions.length - 1) {
           this.closeMenu();
         }
-
         break;
-
       default:
         break;
     }
   }
-
   handleMenuNavigation(direction) {
     var {
       filter,
@@ -198,24 +165,20 @@ class ComboBox extends Component {
     var menuOptions = filter ? filteredOptions : options;
     var menuOptionsLength = menuOptions.length;
     var delta = 0;
-
     switch (direction) {
       case ComboBox.MENU_NAVIGATION_DIRECTION.UP:
         delta = -1;
         break;
-
       case ComboBox.MENU_NAVIGATION_DIRECTION.DOWN:
         delta = 1;
         break;
     }
-
     if (delta !== 0) {
       this.setState({
         keyboardOptionIndex: (keyboardOptionIndex + delta + menuOptionsLength) % menuOptionsLength
       });
     }
   }
-
   handleInputKeyDown(event) {
     var {
       onEnter
@@ -223,7 +186,6 @@ class ComboBox extends Component {
     var {
       menuIsOpen
     } = this.state;
-
     if (event.key === 'ArrowDown' || event.key === 'ArrowUp') {
       if (!menuIsOpen) {
         this.openMenu();
@@ -232,14 +194,11 @@ class ComboBox extends Component {
       onEnter();
     }
   }
-
   handleInputChange(event) {
     this.updateInputValue(event.target.value);
   }
-
   handleOptionClick(event) {
     var _this$input$current3;
-
     var optionIndex = Number(event.currentTarget.value);
     var {
       filter,
@@ -253,16 +212,13 @@ class ComboBox extends Component {
     this.closeMenu();
     (_this$input$current3 = this.input.current) === null || _this$input$current3 === void 0 ? void 0 : _this$input$current3.focus();
   }
-
   handleOptionFocus(event) {
     this.setState({
       keyboardOptionIndex: Number(event.target.value)
     });
   }
-
   handleFilterChange(event) {
     var _this$popper$current;
-
     var {
       options
     } = this.props;
@@ -275,69 +231,54 @@ class ComboBox extends Component {
     });
     (_this$popper$current = this.popper.current) === null || _this$popper$current === void 0 ? void 0 : _this$popper$current.scheduleUpdate();
   }
-
   handleMenuBlur(event) {
     // close if menu blurs, unless its an internal option or the toggleButton which triggers close via click
     if (event.relatedTarget instanceof Element && this.popper.current != null && this.popper.current.element.contains(event.relatedTarget) || event.relatedTarget === this.toggleButton.current) {
       return;
     }
-
     this.closeMenu(false);
   }
-
   handleInputBlur(event) {
     // if blur event is caused by focusing on search input or open menu by keyboard, don't close the menu
     var {
       menuIsOpen
     } = this.state;
-
     if (menuIsOpen && event.relatedTarget instanceof Element && this.popper.current != null && this.popper.current.element.contains(event.relatedTarget)) {
       return;
     }
-
     this.closeMenu(false);
   }
-
   handleMenuOpened() {
     var _this$searchInput$cur;
-
     this.scrollOptionIntoView();
     (_this$searchInput$cur = this.searchInput.current) === null || _this$searchInput$cur === void 0 ? void 0 : _this$searchInput$cur.focus();
   }
-
   handleMenuExited() {
     var {
       menuIsOpen
     } = this.state;
-
     if (menuIsOpen) {
       var _this$popper$current2;
-
       this.setState({
         menuIsOpen: false
       });
       (_this$popper$current2 = this.popper.current) === null || _this$popper$current2 === void 0 ? void 0 : _this$popper$current2.hide();
     }
-
     this.setState({
       filter: ''
     });
   }
-
   toggleMenu(event) {
     var {
       menuIsOpen
     } = this.state;
-
     if (menuIsOpen) {
       this.closeMenu();
     } else {
       this.openMenu();
     }
-
     event.stopPropagation();
   }
-
   openMenu() {
     this.updateKeyboardIndex();
     this.setInputWidth();
@@ -346,28 +287,21 @@ class ComboBox extends Component {
     });
     window.requestAnimationFrame(() => {
       var _this$popper$current3;
-
       (_this$popper$current3 = this.popper.current) === null || _this$popper$current3 === void 0 ? void 0 : _this$popper$current3.show();
     });
   }
-
   closeMenu() {
     var _this$popper$current4;
-
     var focusInput = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
     this.setState({
       menuIsOpen: false
     });
-
     if (focusInput) {
       var _this$input$current4;
-
       (_this$input$current4 = this.input.current) === null || _this$input$current4 === void 0 ? void 0 : _this$input$current4.focus();
     }
-
     (_this$popper$current4 = this.popper.current) === null || _this$popper$current4 === void 0 ? void 0 : _this$popper$current4.hide();
   }
-
   updateKeyboardIndex() {
     var {
       value,
@@ -383,12 +317,9 @@ class ComboBox extends Component {
       keyboardOptionIndex: valueIndex
     });
   }
-
   scrollOptionIntoView() {
     var _this$menuContainer$c;
-
     var activeOption = (_this$menuContainer$c = this.menuContainer.current) === null || _this$menuContainer$c === void 0 ? void 0 : _this$menuContainer$c.querySelector('.cb-option-btn.keyboard-active');
-
     if (activeOption instanceof HTMLElement) {
       activeOption.scrollIntoView({
         block: 'nearest',
@@ -396,7 +327,6 @@ class ComboBox extends Component {
       });
     }
   }
-
   renderMenuElement() {
     var {
       searchPlaceholder
@@ -431,7 +361,6 @@ class ComboBox extends Component {
       className: "cb-options"
     }, this.renderOptions())));
   }
-
   renderOptions() {
     var {
       options
@@ -456,7 +385,6 @@ class ComboBox extends Component {
       }, option.title);
     });
   }
-
   render() {
     var {
       options,
@@ -515,13 +443,9 @@ class ComboBox extends Component {
       onExited: this.handleMenuExited
     }, this.renderMenuElement()))));
   }
-
 }
-
 _defineProperty(ComboBox, "MENU_NAVIGATION_DIRECTION", MENU_NAVIGATION_DIRECTION);
-
 _defineProperty(ComboBox, "DROP_DOWN_MENU_HEIGHT", 200);
-
 _defineProperty(ComboBox, "propTypes", {
   options: PropTypes.arrayOf(PropTypes.shape({
     title: PropTypes.string.isRequired,
@@ -541,11 +465,10 @@ _defineProperty(ComboBox, "propTypes", {
   onEnter: PropTypes.func,
   'data-testid': PropTypes.string
 });
-
 _defineProperty(ComboBox, "defaultProps", {
-  onChange() {// no-op
+  onChange() {
+    // no-op
   },
-
   inputPlaceholder: '',
   searchPlaceholder: 'Search',
   disabled: false,
@@ -553,12 +476,10 @@ _defineProperty(ComboBox, "defaultProps", {
   defaultValue: '',
   popperOptions: null,
   spellCheck: true,
-
-  onEnter() {// no-op
+  onEnter() {
+    // no-op
   },
-
   'data-testid': undefined
 });
-
 export default ComboBox;
 //# sourceMappingURL=ComboBox.js.map

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":";;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAOA,KAAP,IAAgBC,SAAhB,QAAiC,OAAjC;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAASC,eAAT,QAAgC,gCAAhC;AACA,SAASC,cAAT,QAA+B,kBAA/B;AACA,OAAOC,OAAP,MAAoB,UAApB;AACA,OAAOC,UAAP,MAAuB,YAAvB;OAEOC,W;SACEC,M;;IAgCJC,yB;;WAAAA,yB;EAAAA,yB;EAAAA,yB;GAAAA,yB,KAAAA,yB;;AAKL,MAAMC,QAAN,SAAuBT,SAAvB,CAA+D;EA4C7DU,WAAW,CAACC,KAAD,EAAuB;IAChC,MAAMA,KAAN;;IADgC;;IAAA;;IAAA;;IAAA;;IAAA;;IAAA;;IAAA,kDA8DPP,OAAO,CAChC,CAACQ,OAAD,EAA4BC,KAA5B,KACED,OAAO,CAACE,MAAR,CACEC,MAAM,IACJA,MAAM,CAACC,KAAP,CAAaC,WAAb,GAA2BC,OAA3B,CAAmCL,KAAK,CAACI,WAAN,EAAnC,KAA2D,CAA3D,IACAF,MAAM,CAACI,KAAP,CAAaF,WAAb,GAA2BC,OAA3B,CAAmCL,KAAK,CAACI,WAAN,EAAnC,KAA2D,CAH/D,CAF8B,CA9DA;;IAEhC,KAAKG,KAAL,GAAa;MACXD,KAAK,EAAE,EADI;MAEXL,MAAM,EAAE,EAFG;MAGXO,eAAe,EAAEV,KAAK,CAACC,OAHZ;MAIXU,mBAAmB,EAAE,CAAC,CAJX;MAKXC,UAAU,EAAE,KALD;MAMXC,UAAU,EAAE;IAND,CAAb;IASA,KAAKC,UAAL,GAAkB,KAAKA,UAAL,CAAgBC,IAAhB,CAAqB,IAArB,CAAlB;IACA,KAAKC,iBAAL,GAAyB,KAAKA,iBAAL,CAAuBD,IAAvB,CAA4B,IAA5B,CAAzB;IACA,KAAKE,cAAL,GAAsB,KAAKA,cAAL,CAAoBF,IAApB,CAAyB,IAAzB,CAAtB;IACA,KAAKG,SAAL,GAAiB,KAAKA,SAAL,CAAeH,IAAf,CAAoB,IAApB,CAAjB;IAEA,KAAKI,iBAAL,GAAyB,KAAKA,iBAAL,CAAuBJ,IAAvB,CAA4B,IAA5B,CAAzB;IACA,KAAKK,kBAAL,GAA0B,KAAKA,kBAAL,CAAwBL,IAAxB,CAA6B,IAA7B,CAA1B;IACA,KAAKM,eAAL,GAAuB,KAAKA,eAAL,CAAqBN,IAArB,CAA0B,IAA1B,CAAvB;IACA,KAAKO,kBAAL,GAA0B,KAAKA,kBAAL,CAAwBP,IAAxB,CAA6B,IAA7B,CAA1B;IAEA,KAAKQ,iBAAL,GAAyB,KAAKA,iBAAL,CAAuBR,IAAvB,CAA4B,IAA5B,CAAzB;IACA,KAAKS,iBAAL,GAAyB,KAAKA,iBAAL,CAAuBT,IAAvB,CAA4B,IAA5B,CAAzB;IAEA,KAAKU,gBAAL,GAAwB,KAAKA,gBAAL,CAAsBV,IAAtB,CAA2B,IAA3B,CAAxB;IACA,KAAKW,gBAAL,GAAwB,KAAKA,gBAAL,CAAsBX,IAAtB,CAA2B,IAA3B,CAAxB;IAEA,KAAKY,MAAL,gBAAcvC,KAAK,CAACwC,SAAN,EAAd;IACA,KAAKC,WAAL,gBAAmBzC,KAAK,CAACwC,SAAN,EAAnB;IACA,KAAKE,YAAL,gBAAoB1C,KAAK,CAACwC,SAAN,EAApB;IACA,KAAKG,aAAL,gBAAqB3C,KAAK,CAACwC,SAAN,EAArB;IACA,KAAK1B,KAAL,gBAAad,KAAK,CAACwC,SAAN,EAAb;IACA,KAAKI,WAAL,gBAAmB5C,KAAK,CAACwC,SAAN,EAAnB;EACD;;EAEDK,kBAAkB,GAAS;IACzB,IAAM;MAAErB,UAAF;MAAcD;IAAd,IAAsC,KAAKF,KAAjD;;IACA,IAAIG,UAAU,IAAID,mBAAmB,IAAI,CAAzC,EAA4C;MAC1C,KAAKuB,oBAAL;IACD;EACF;;EAcDC,aAAa,GAAS;IACpB,IAAI,KAAKN,WAAL,CAAiBO,OAArB,EAA8B;MAC5B,KAAKC,QAAL,CAAc;QACZxB,UAAU,EAAE,KAAKgB,WAAL,CAAiBO,OAAjB,CAAyBE,qBAAzB,GAAiDC;MADjD,CAAd;IAGD;EACF;;EAWDC,KAAK,GAAS;IAAA;;IACZ,4BAAKtC,KAAL,CAAWkC,OAAX,4EAAoBI,KAApB;EACD;;EAEDC,UAAU,GAAS;IACjB,KAAKJ,QAAL,CAAc;MAAE7B,KAAK,EAAE;IAAT,CAAd;EACD;;EAEDkC,gBAAgB,CAAClC,KAAD,EAAsB;IACpC,IAAM;MAAEmC;IAAF,IAAe,KAAK3C,KAA1B;IACA,KAAKqC,QAAL,CAAc;MAAE7B;IAAF,CAAd;IACAmC,QAAQ,CAACnC,KAAD,CAAR;EACD;;EAEDoC,YAAY,GAAS;IACnB,KAAKT,aAAL;EACD;;EAEDnB,iBAAiB,CAAC6B,KAAD,EAAmC;IAAA;;IAClD,IAAM;MAAE1C,MAAF;MAAUO,eAAV;MAA2BC;IAA3B,IAAmD,KAAKF,KAA9D;IACA,IAAM;MAAER;IAAF,IAAc,KAAKD,KAAzB;IACA,IAAM8C,WAAW,GAAG3C,MAAM,GAAGO,eAAH,GAAqBT,OAA/C;;IAEA,QAAQ4C,KAAK,CAACE,GAAd;MACE,KAAK,OAAL;QACE,IAAI,0BAAAD,WAAW,CAACnC,mBAAD,CAAX,gFAAkCH,KAAlC,KAA2C,IAA/C,EAAqD;UACnD,KAAKkC,gBAAL,CAAsBI,WAAW,CAACnC,mBAAD,CAAX,CAAiCH,KAAvD;QACD;;QACD,KAAKU,SAAL;QACA,6BAAKhB,KAAL,CAAWkC,OAAX,8EAAoBI,KAApB;QACAK,KAAK,CAACG,eAAN;QACAH,KAAK,CAACI,cAAN;QACA;;MACF,KAAK,SAAL;QACE,KAAKC,oBAAL,CAA0BpD,QAAQ,CAACD,yBAAT,CAAmCsD,EAA7D;QACAN,KAAK,CAACG,eAAN;QACAH,KAAK,CAACI,cAAN;QACA;;MACF,KAAK,WAAL;QACE,KAAKC,oBAAL,CAA0BpD,QAAQ,CAACD,yBAAT,CAAmCuD,IAA7D;QACAP,KAAK,CAACG,eAAN;QACAH,KAAK,CAACI,cAAN;QACA;;MACF,KAAK,QAAL;QACE,IAAI9C,MAAM,KAAK,EAAf,EAAmB;UACjB,KAAKkC,QAAL,CAAc;YAAElC,MAAM,EAAE;UAAV,CAAd;UACA0C,KAAK,CAACG,eAAN,GAFiB,CAEQ;QAC1B,CAHD,MAGO;UACL,KAAK9B,SAAL;QACD;;QACD;;MACF,KAAK,KAAL;QACE,IAAI,CAAC2B,KAAK,CAACQ,QAAP,IAAmB1C,mBAAmB,KAAKmC,WAAW,CAACQ,MAAZ,GAAqB,CAApE,EAAuE;UACrE,KAAKpC,SAAL;QACD;;QACD;;MACF;QACE;IAlCJ;EAoCD;;EAEDgC,oBAAoB,CAACK,SAAD,EAA6C;IAC/D,IAAM;MAAEpD,MAAF;MAAUO,eAAV;MAA2BC;IAA3B,IAAmD,KAAKF,KAA9D;IACA,IAAM;MAAER;IAAF,IAAc,KAAKD,KAAzB;IACA,IAAM8C,WAAW,GAAG3C,MAAM,GAAGO,eAAH,GAAqBT,OAA/C;IACA,IAAMuD,iBAAiB,GAAGV,WAAW,CAACQ,MAAtC;IACA,IAAIG,KAAK,GAAG,CAAZ;;IACA,QAAQF,SAAR;MACE,KAAKzD,QAAQ,CAACD,yBAAT,CAAmCsD,EAAxC;QACEM,KAAK,GAAG,CAAC,CAAT;QACA;;MACF,KAAK3D,QAAQ,CAACD,yBAAT,CAAmCuD,IAAxC;QACEK,KAAK,GAAG,CAAR;QACA;IANJ;;IASA,IAAIA,KAAK,KAAK,CAAd,EAAiB;MACf,KAAKpB,QAAL,CAAc;QACZ1B,mBAAmB,EACjB,CAACA,mBAAmB,GAAG8C,KAAtB,GAA8BD,iBAA/B,IAAoDA;MAF1C,CAAd;IAID;EACF;;EAEDpC,kBAAkB,CAACyB,KAAD,EAAmC;IACnD,IAAM;MAAEa;IAAF,IAAc,KAAK1D,KAAzB;IACA,IAAM;MAAEY;IAAF,IAAiB,KAAKH,KAA5B;;IACA,IAAIoC,KAAK,CAACE,GAAN,KAAc,WAAd,IAA6BF,KAAK,CAACE,GAAN,KAAc,SAA/C,EAA0D;MACxD,IAAI,CAACnC,UAAL,EAAiB;QACf,KAAK+C,QAAL;MACD;IACF,CAJD,MAIO,IAAId,KAAK,CAACE,GAAN,KAAc,OAAlB,EAA2B;MAChCW,OAAO;IACR;EACF;;EAEDvC,iBAAiB,CAAC0B,KAAD,EAAmD;IAClE,KAAKH,gBAAL,CAAsBG,KAAK,CAACe,MAAN,CAAapD,KAAnC;EACD;;EAEDe,iBAAiB,CAACsB,KAAD,EAAmD;IAAA;;IAClE,IAAMgB,WAAW,GAAGC,MAAM,CAACjB,KAAK,CAACkB,aAAN,CAAoBvD,KAArB,CAA1B;IACA,IAAM;MAAEL,MAAF;MAAUO;IAAV,IAA8B,KAAKD,KAAzC;IACA,IAAM;MAAER;IAAF,IAAc,KAAKD,KAAzB;IACA,IAAM8C,WAAW,GAAG3C,MAAM,GAAGO,eAAH,GAAqBT,OAA/C;IAEA,KAAKyC,gBAAL,CAAsBI,WAAW,CAACe,WAAD,CAAX,CAAyBrD,KAA/C;IACA,KAAKU,SAAL;IACA,6BAAKhB,KAAL,CAAWkC,OAAX,8EAAoBI,KAApB;EACD;;EAEDhB,iBAAiB,CAACqB,KAAD,EAAmD;IAClE,KAAKR,QAAL,CAAc;MAAE1B,mBAAmB,EAAEmD,MAAM,CAACjB,KAAK,CAACe,MAAN,CAAapD,KAAd;IAA7B,CAAd;EACD;;EAEDc,kBAAkB,CAACuB,KAAD,EAAmD;IAAA;;IACnE,IAAM;MAAE5C;IAAF,IAAc,KAAKD,KAAzB;IACA,IAAMG,MAAM,GAAG0C,KAAK,CAACe,MAAN,CAAapD,KAA5B;IACA,IAAME,eAAe,GAAG,KAAKsD,wBAAL,CAA8B/D,OAA9B,EAAuCE,MAAvC,CAAxB;IAEA,KAAKkC,QAAL,CAAc;MACZlC,MADY;MAEZO,eAFY;MAGZC,mBAAmB,EAAE;IAHT,CAAd;IAKA,6BAAKgB,MAAL,CAAYS,OAAZ,8EAAqB6B,cAArB;EACD;;EAEDhD,cAAc,CAAC4B,KAAD,EAAgC;IAC5C;IACA,IACGA,KAAK,CAACqB,aAAN,YAA+BC,OAA/B,IACC,KAAKxC,MAAL,CAAYS,OAAZ,IAAuB,IADxB,IAEC,KAAKT,MAAL,CAAYS,OAAZ,CAAoBgC,OAApB,CAA4BC,QAA5B,CAAqCxB,KAAK,CAACqB,aAA3C,CAFF,IAGArB,KAAK,CAACqB,aAAN,KAAwB,KAAKpC,YAAL,CAAkBM,OAJ5C,EAKE;MACA;IACD;;IACD,KAAKlB,SAAL,CAAe,KAAf;EACD;;EAEDG,eAAe,CAACwB,KAAD,EAAkD;IAC/D;IACA,IAAM;MAAEjC;IAAF,IAAiB,KAAKH,KAA5B;;IACA,IACEG,UAAU,IACViC,KAAK,CAACqB,aAAN,YAA+BC,OAD/B,IAEA,KAAKxC,MAAL,CAAYS,OAAZ,IAAuB,IAFvB,IAGA,KAAKT,MAAL,CAAYS,OAAZ,CAAoBgC,OAApB,CAA4BC,QAA5B,CAAqCxB,KAAK,CAACqB,aAA3C,CAJF,EAKE;MACA;IACD;;IACD,KAAKhD,SAAL,CAAe,KAAf;EACD;;EAEDO,gBAAgB,GAAS;IAAA;;IACvB,KAAKS,oBAAL;IACA,8BAAKF,WAAL,CAAiBI,OAAjB,gFAA0BI,KAA1B;EACD;;EAEDd,gBAAgB,GAAS;IACvB,IAAM;MAAEd;IAAF,IAAiB,KAAKH,KAA5B;;IACA,IAAIG,UAAJ,EAAgB;MAAA;;MACd,KAAKyB,QAAL,CAAc;QAAEzB,UAAU,EAAE;MAAd,CAAd;MACA,8BAAKe,MAAL,CAAYS,OAAZ,gFAAqBkC,IAArB;IACD;;IACD,KAAKjC,QAAL,CAAc;MAAElC,MAAM,EAAE;IAAV,CAAd;EACD;;EAEDW,UAAU,CAAC+B,KAAD,EAAmD;IAC3D,IAAM;MAAEjC;IAAF,IAAiB,KAAKH,KAA5B;;IACA,IAAIG,UAAJ,EAAgB;MACd,KAAKM,SAAL;IACD,CAFD,MAEO;MACL,KAAKyC,QAAL;IACD;;IACDd,KAAK,CAACG,eAAN;EACD;;EAEDW,QAAQ,GAAS;IACf,KAAKY,mBAAL;IACA,KAAKpC,aAAL;IACA,KAAKE,QAAL,CAAc;MAAEzB,UAAU,EAAE;IAAd,CAAd;IAEA4D,MAAM,CAACC,qBAAP,CAA6B,MAAM;MAAA;;MACjC,8BAAK9C,MAAL,CAAYS,OAAZ,gFAAqBsC,IAArB;IACD,CAFD;EAGD;;EAEDxD,SAAS,GAA0B;IAAA;;IAAA,IAAzByD,UAAyB,uEAAZ,IAAY;IACjC,KAAKtC,QAAL,CAAc;MAAEzB,UAAU,EAAE;IAAd,CAAd;;IACA,IAAI+D,UAAJ,EAAgB;MAAA;;MACd,6BAAKzE,KAAL,CAAWkC,OAAX,8EAAoBI,KAApB;IACD;;IACD,8BAAKb,MAAL,CAAYS,OAAZ,gFAAqBkC,IAArB;EACD;;EAEDC,mBAAmB,GAAS;IAC1B,IAAM;MAAE/D,KAAF;MAASL,MAAT;MAAiBO;IAAjB,IAAqC,KAAKD,KAAhD;IACA,IAAM;MAAER;IAAF,IAAc,KAAKD,KAAzB;IACA,IAAM8C,WAAW,GAAG3C,MAAM,GAAGO,eAAH,GAAqBT,OAA/C;IACA,IAAM2E,UAAU,GAAG9B,WAAW,CAAC+B,SAAZ,CAAsBzE,MAAM,IAAIA,MAAM,CAACI,KAAP,KAAiBA,KAAjD,CAAnB;IACA,KAAK6B,QAAL,CAAc;MAAE1B,mBAAmB,EAAEiE;IAAvB,CAAd;EACD;;EAED1C,oBAAoB,GAAS;IAAA;;IAC3B,IAAM4C,YAAY,4BAAG,KAAK/C,aAAL,CAAmBK,OAAtB,0DAAG,sBAA4B2C,aAA5B,CACnB,gCADmB,CAArB;;IAGA,IAAID,YAAY,YAAYE,WAA5B,EAAyC;MACvCF,YAAY,CAACG,cAAb,CAA4B;QAC1BC,KAAK,EAAE,SADmB;QAE1BC,MAAM,EAAE;MAFkB,CAA5B;IAID;EACF;;EAEDC,iBAAiB,GAAgB;IAC/B,IAAM;MAAEC;IAAF,IAAwB,KAAKrF,KAAnC;IACA,IAAM;MAAEG,MAAF;MAAUU;IAAV,IAAyB,KAAKJ,KAApC;IACA,oBACE;MACE,SAAS,EAAC,mBADZ;MAEE,GAAG,EAAE,KAAKsB,aAFZ;MAGE,IAAI,EAAC,cAHP;MAIE,SAAS,EAAE,KAAKf,iBAJlB;MAKE,OAAO,EAAE6B,KAAK,IAAI;QAChBA,KAAK,CAACG,eAAN;MACD,CAPH;MAQE,KAAK,EAAE;QAAET,KAAK,EAAE1B;MAAT,CART;MASE,MAAM,EAAE,KAAKI;IATf,gBAWE;MAAK,SAAS,EAAC;IAAf,gBACE,oBAAC,WAAD;MACE,KAAK,EAAEd,MADT;MAEE,GAAG,EAAE,KAAK6B,WAFZ;MAGE,QAAQ,EAAE,KAAKV,kBAHjB;MAIE,SAAS,EAAC,iBAJZ;MAKE,WAAW,EAAE+D;IALf,EADF,CAXF,eAoBE;MAAK,SAAS,EAAC;IAAf,gBACE;MAAK,SAAS,EAAC;IAAf,GAA6B,KAAKC,aAAL,EAA7B,CADF,CApBF,CADF;EA0BD;;EAEDA,aAAa,GAAoB;IAC/B,IAAM;MAAErF;IAAF,IAAc,KAAKD,KAAzB;IACA,IAAM;MAAEW,mBAAF;MAAuBR,MAAvB;MAA+BO;IAA/B,IAAmD,KAAKD,KAA9D;IACA,IAAMqC,WAAW,GAAG3C,MAAM,GAAGO,eAAH,GAAqBT,OAA/C;IAEA,OAAO6C,WAAW,CAACyC,GAAZ,CAAgB,CAACnF,MAAD,EAASoF,KAAT,KAAmB;MACxC,IAAMzC,GAAG,oBAAayC,KAAb,cAAsBpF,MAAM,CAACI,KAA7B,CAAT;MACA,oBACE;QACE,GAAG,EAAEuC,GADP;QAEE,IAAI,EAAC,QAFP;QAGE,KAAK,EAAEyC,KAHT;QAIE,SAAS,EAAE9F,UAAU,CAAC,eAAD,EAAkB;UACrC,mBAAmBiB,mBAAmB,KAAK6E;QADN,CAAlB,CAJvB;QAOE,OAAO,EAAE,KAAKjE,iBAPhB;QAQE,OAAO,EAAE,KAAKC;MARhB,GAUGpB,MAAM,CAACC,KAVV,CADF;IAcD,CAhBM,CAAP;EAiBD;;EAEDoF,MAAM,GAAgB;IACpB,IAAM;MACJxF,OADI;MAEJyF,gBAFI;MAGJC,QAHI;MAIJC,SAJI;MAKJC,YALI;MAMJC,UANI;MAOJ,eAAeC;IAPX,IAQF,KAAK/F,KART;IASA,IAAM;MAAEQ;IAAF,IAAY,KAAKC,KAAvB;IACA,IAAI;MAAEuF;IAAF,IAAoB,KAAKhG,KAA7B;IACAgG,aAAa;MACXC,SAAS,EAAE,YADA;MAEXC,SAAS,EAAE;QACTC,eAAe,EAAE;UAAEC,OAAO,EAAE;QAAX;MADR;IAFA,GAKRJ,aALQ,CAAb;IAQA,oBACE;MAAK,SAAS,EAAC,0BAAf;MAA0C,GAAG,EAAE,KAAKnE;IAApD,gBACE;MACE,KAAK,EAAErB,KAAK,IAAIqF,YADlB;MAEE,SAAS,EAAEnG,UAAU,CAAC,cAAD,EAAiBkG,SAAjB,EAA4B,UAA5B,CAFvB;MAGE,GAAG,EAAE,KAAK1F,KAHZ;MAIE,QAAQ,EAAE,KAAKiB,iBAJjB;MAKE,WAAW,EACTuE,gBAAgB,KACfzF,OAAO,CAAC,CAAD,CAAP,IAAc,IAAd,GAAqBA,OAAO,CAAC,CAAD,CAAP,CAAWI,KAAhC,GAAwCgG,SADzB,CANpB;MASE,QAAQ,EAAEV,QATZ;MAUE,MAAM,EAAE,KAAKtE,eAVf;MAWE,SAAS,EAAE,KAAKD,kBAXlB;MAYE,UAAU,EAAE0E,UAZd;MAaE,eACEC,UAAU,KAAKM,SAAf,aAA8BN,UAA9B,cAAmDM;IAdvD,EADF,eAkBE;MAAK,SAAS,EAAC;IAAf,gBACE;MACE,IAAI,EAAC,QADP;MAEE,SAAS,EAAC,yBAFZ;MAGE,GAAG,EAAE,KAAKvE,YAHZ;MAIE,OAAO,EAAE,KAAKhB,UAJhB;MAKE,SAAS,EAAE,KAAKM,kBALlB;MAME,QAAQ,EAAEuE,QANZ;MAOE,eACEI,UAAU,KAAKM,SAAf,aAA8BN,UAA9B,YAAiDM;IARrD,gBAWE,oBAAC,eAAD;MAAiB,IAAI,EAAE7G;IAAvB,EAXF,eAYE,oBAAC,MAAD;MACE,GAAG,EAAE,KAAKmC,MADZ;MAEE,OAAO,EAAEqE,aAFX;MAGE,SAAS,EAAEtG,UAAU,CAAC,sBAAD,CAHvB;MAIE,SAAS,EAAE,KAAK+B,gBAJlB;MAKE,QAAQ,EAAE,KAAKC;IALjB,GAOG,KAAK0D,iBAAL,EAPH,CAZF,CADF,CAlBF,CADF;EA6CD;;AApc4D;;gBAAzDtF,Q,+BAC+BD,yB;;gBAD/BC,Q,2BAG2B,G;;gBAH3BA,Q,eAKe;EACjBG,OAAO,EAAEX,SAAS,CAACgH,OAAV,CACPhH,SAAS,CAACiH,KAAV,CAAgB;IACdlG,KAAK,EAAEf,SAAS,CAACkH,MAAV,CAAiBC,UADV;IAEdjG,KAAK,EAAElB,SAAS,CAACkH,MAAV,CAAiBC;EAFV,CAAhB,CADO,EAKPA,UANe;EAOjBT,aAAa,EAAE1G,SAAS,CAACiH,KAAV,CAAgB;IAC7BlG,KAAK,EAAEf,SAAS,CAACkH,MAAV,CAAiBC,UADK;IAE7BjG,KAAK,EAAElB,SAAS,CAACkH,MAAV,CAAiBC;EAFK,CAAhB,CAPE;EAWjB9D,QAAQ,EAAErD,SAAS,CAACoH,IAXH;EAYjBhB,gBAAgB,EAAEpG,SAAS,CAACkH,MAZX;EAajBnB,iBAAiB,EAAE/F,SAAS,CAACkH,MAbZ;EAcjBb,QAAQ,EAAErG,SAAS,CAACqH,IAdH;EAejBf,SAAS,EAAEtG,SAAS,CAACkH,MAfJ;EAgBjBX,YAAY,EAAEvG,SAAS,CAACkH,MAhBP;EAiBjBV,UAAU,EAAExG,SAAS,CAACqH,IAjBL;EAkBjBjD,OAAO,EAAEpE,SAAS,CAACoH,IAlBF;EAmBjB,eAAepH,SAAS,CAACkH;AAnBR,C;;gBALf1G,Q,kBA2BkB;EACpB6C,QAAQ,GAAS,CACf;EACD,CAHmB;;EAIpB+C,gBAAgB,EAAE,EAJE;EAKpBL,iBAAiB,EAAE,QALC;EAMpBM,QAAQ,EAAE,KANU;EAOpBC,SAAS,EAAE,EAPS;EAQpBC,YAAY,EAAE,EARM;EASpBG,aAAa,EAAE,IATK;EAUpBF,UAAU,EAAE,IAVQ;;EAWpBpC,OAAO,GAAS,CACd;EACD,CAbmB;;EAcpB,eAAe2C;AAdK,C;;AA4axB,eAAevG,QAAf"}
+{"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":";;;AAAA;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,SAASC,eAAe,QAAQ,gCAAgC;AAChE,SAASC,cAAc,QAAQ,kBAAkB;AACjD,OAAOC,OAAO,MAAM,UAAU;AAC9B,OAAOC,UAAU,MAAM,YAAY;AAAC,OAE7BC,WAAW;AAAA,SACTC,MAAM;AAAA;AAAA,IAgCVC,yBAAyB;AAAA,WAAzBA,yBAAyB;EAAzBA,yBAAyB;EAAzBA,yBAAyB;AAAA,GAAzBA,yBAAyB,KAAzBA,yBAAyB;AAK9B,MAAMC,QAAQ,SAAST,SAAS,CAA+B;EA4C7DU,WAAW,CAACC,KAAoB,EAAE;IAChC,KAAK,CAACA,KAAK,CAAC;IAAC;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA,kDA6DYP,OAAO,CAChC,CAACQ,OAAyB,EAAEC,KAAa,KACvCD,OAAO,CAACE,MAAM,CACZC,MAAM,IACJA,MAAM,CAACC,KAAK,CAACC,WAAW,EAAE,CAACC,OAAO,CAACL,KAAK,CAACI,WAAW,EAAE,CAAC,IAAI,CAAC,IAC5DF,MAAM,CAACI,KAAK,CAACF,WAAW,EAAE,CAACC,OAAO,CAACL,KAAK,CAACI,WAAW,EAAE,CAAC,IAAI,CAAC,CAC/D,CACJ;IAnEC,IAAI,CAACG,KAAK,GAAG;MACXD,KAAK,EAAE,EAAE;MACTL,MAAM,EAAE,EAAE;MACVO,eAAe,EAAEV,KAAK,CAACC,OAAO;MAC9BU,mBAAmB,EAAE,CAAC,CAAC;MACvBC,UAAU,EAAE,KAAK;MACjBC,UAAU,EAAE;IACd,CAAC;IAED,IAAI,CAACC,UAAU,GAAG,IAAI,CAACA,UAAU,CAACC,IAAI,CAAC,IAAI,CAAC;IAC5C,IAAI,CAACC,iBAAiB,GAAG,IAAI,CAACA,iBAAiB,CAACD,IAAI,CAAC,IAAI,CAAC;IAC1D,IAAI,CAACE,cAAc,GAAG,IAAI,CAACA,cAAc,CAACF,IAAI,CAAC,IAAI,CAAC;IACpD,IAAI,CAACG,SAAS,GAAG,IAAI,CAACA,SAAS,CAACH,IAAI,CAAC,IAAI,CAAC;IAE1C,IAAI,CAACI,iBAAiB,GAAG,IAAI,CAACA,iBAAiB,CAACJ,IAAI,CAAC,IAAI,CAAC;IAC1D,IAAI,CAACK,kBAAkB,GAAG,IAAI,CAACA,kBAAkB,CAACL,IAAI,CAAC,IAAI,CAAC;IAC5D,IAAI,CAACM,eAAe,GAAG,IAAI,CAACA,eAAe,CAACN,IAAI,CAAC,IAAI,CAAC;IACtD,IAAI,CAACO,kBAAkB,GAAG,IAAI,CAACA,kBAAkB,CAACP,IAAI,CAAC,IAAI,CAAC;IAE5D,IAAI,CAACQ,iBAAiB,GAAG,IAAI,CAACA,iBAAiB,CAACR,IAAI,CAAC,IAAI,CAAC;IAC1D,IAAI,CAACS,iBAAiB,GAAG,IAAI,CAACA,iBAAiB,CAACT,IAAI,CAAC,IAAI,CAAC;IAE1D,IAAI,CAACU,gBAAgB,GAAG,IAAI,CAACA,gBAAgB,CAACV,IAAI,CAAC,IAAI,CAAC;IACxD,IAAI,CAACW,gBAAgB,GAAG,IAAI,CAACA,gBAAgB,CAACX,IAAI,CAAC,IAAI,CAAC;IAExD,IAAI,CAACY,MAAM,gBAAGvC,KAAK,CAACwC,SAAS,EAAE;IAC/B,IAAI,CAACC,WAAW,gBAAGzC,KAAK,CAACwC,SAAS,EAAE;IACpC,IAAI,CAACE,YAAY,gBAAG1C,KAAK,CAACwC,SAAS,EAAE;IACrC,IAAI,CAACG,aAAa,gBAAG3C,KAAK,CAACwC,SAAS,EAAE;IACtC,IAAI,CAAC1B,KAAK,gBAAGd,KAAK,CAACwC,SAAS,EAAE;IAC9B,IAAI,CAACI,WAAW,gBAAG5C,KAAK,CAACwC,SAAS,EAAE;EACtC;EAEAK,kBAAkB,GAAS;IACzB,IAAM;MAAErB,UAAU;MAAED;IAAoB,CAAC,GAAG,IAAI,CAACF,KAAK;IACtD,IAAIG,UAAU,IAAID,mBAAmB,IAAI,CAAC,EAAE;MAC1C,IAAI,CAACuB,oBAAoB,EAAE;IAC7B;EACF;EAcAC,aAAa,GAAS;IACpB,IAAI,IAAI,CAACN,WAAW,CAACO,OAAO,EAAE;MAC5B,IAAI,CAACC,QAAQ,CAAC;QACZxB,UAAU,EAAE,IAAI,CAACgB,WAAW,CAACO,OAAO,CAACE,qBAAqB,EAAE,CAACC;MAC/D,CAAC,CAAC;IACJ;EACF;EAWAC,KAAK,GAAS;IAAA;IACZ,2BAAI,CAACtC,KAAK,CAACkC,OAAO,wDAAlB,oBAAoBI,KAAK,EAAE;EAC7B;EAEAC,UAAU,GAAS;IACjB,IAAI,CAACJ,QAAQ,CAAC;MAAE7B,KAAK,EAAE;IAAG,CAAC,CAAC;EAC9B;EAEAkC,gBAAgB,CAAClC,KAAa,EAAQ;IACpC,IAAM;MAAEmC;IAAS,CAAC,GAAG,IAAI,CAAC3C,KAAK;IAC/B,IAAI,CAACqC,QAAQ,CAAC;MAAE7B;IAAM,CAAC,CAAC;IACxBmC,QAAQ,CAACnC,KAAK,CAAC;EACjB;EAEAoC,YAAY,GAAS;IACnB,IAAI,CAACT,aAAa,EAAE;EACtB;EAEAnB,iBAAiB,CAAC6B,KAA0B,EAAQ;IAAA;IAClD,IAAM;MAAE1C,MAAM;MAAEO,eAAe;MAAEC;IAAoB,CAAC,GAAG,IAAI,CAACF,KAAK;IACnE,IAAM;MAAER;IAAQ,CAAC,GAAG,IAAI,CAACD,KAAK;IAC9B,IAAM8C,WAAW,GAAG3C,MAAM,GAAGO,eAAe,GAAGT,OAAO;IAEtD,QAAQ4C,KAAK,CAACE,GAAG;MACf,KAAK,OAAO;QACV,IAAI,0BAAAD,WAAW,CAACnC,mBAAmB,CAAC,0DAAhC,sBAAkCH,KAAK,KAAI,IAAI,EAAE;UACnD,IAAI,CAACkC,gBAAgB,CAACI,WAAW,CAACnC,mBAAmB,CAAC,CAACH,KAAK,CAAC;QAC/D;QACA,IAAI,CAACU,SAAS,EAAE;QAChB,4BAAI,CAAChB,KAAK,CAACkC,OAAO,yDAAlB,qBAAoBI,KAAK,EAAE;QAC3BK,KAAK,CAACG,eAAe,EAAE;QACvBH,KAAK,CAACI,cAAc,EAAE;QACtB;MACF,KAAK,SAAS;QACZ,IAAI,CAACC,oBAAoB,CAACpD,QAAQ,CAACD,yBAAyB,CAACsD,EAAE,CAAC;QAChEN,KAAK,CAACG,eAAe,EAAE;QACvBH,KAAK,CAACI,cAAc,EAAE;QACtB;MACF,KAAK,WAAW;QACd,IAAI,CAACC,oBAAoB,CAACpD,QAAQ,CAACD,yBAAyB,CAACuD,IAAI,CAAC;QAClEP,KAAK,CAACG,eAAe,EAAE;QACvBH,KAAK,CAACI,cAAc,EAAE;QACtB;MACF,KAAK,QAAQ;QACX,IAAI9C,MAAM,KAAK,EAAE,EAAE;UACjB,IAAI,CAACkC,QAAQ,CAAC;YAAElC,MAAM,EAAE;UAAG,CAAC,CAAC;UAC7B0C,KAAK,CAACG,eAAe,EAAE,CAAC,CAAC;QAC3B,CAAC,MAAM;UACL,IAAI,CAAC9B,SAAS,EAAE;QAClB;QACA;MACF,KAAK,KAAK;QACR,IAAI,CAAC2B,KAAK,CAACQ,QAAQ,IAAI1C,mBAAmB,KAAKmC,WAAW,CAACQ,MAAM,GAAG,CAAC,EAAE;UACrE,IAAI,CAACpC,SAAS,EAAE;QAClB;QACA;MACF;QACE;IAAM;EAEZ;EAEAgC,oBAAoB,CAACK,SAAoC,EAAQ;IAC/D,IAAM;MAAEpD,MAAM;MAAEO,eAAe;MAAEC;IAAoB,CAAC,GAAG,IAAI,CAACF,KAAK;IACnE,IAAM;MAAER;IAAQ,CAAC,GAAG,IAAI,CAACD,KAAK;IAC9B,IAAM8C,WAAW,GAAG3C,MAAM,GAAGO,eAAe,GAAGT,OAAO;IACtD,IAAMuD,iBAAiB,GAAGV,WAAW,CAACQ,MAAM;IAC5C,IAAIG,KAAK,GAAG,CAAC;IACb,QAAQF,SAAS;MACf,KAAKzD,QAAQ,CAACD,yBAAyB,CAACsD,EAAE;QACxCM,KAAK,GAAG,CAAC,CAAC;QACV;MACF,KAAK3D,QAAQ,CAACD,yBAAyB,CAACuD,IAAI;QAC1CK,KAAK,GAAG,CAAC;QACT;IAAM;IAGV,IAAIA,KAAK,KAAK,CAAC,EAAE;MACf,IAAI,CAACpB,QAAQ,CAAC;QACZ1B,mBAAmB,EACjB,CAACA,mBAAmB,GAAG8C,KAAK,GAAGD,iBAAiB,IAAIA;MACxD,CAAC,CAAC;IACJ;EACF;EAEApC,kBAAkB,CAACyB,KAA0B,EAAQ;IACnD,IAAM;MAAEa;IAAQ,CAAC,GAAG,IAAI,CAAC1D,KAAK;IAC9B,IAAM;MAAEY;IAAW,CAAC,GAAG,IAAI,CAACH,KAAK;IACjC,IAAIoC,KAAK,CAACE,GAAG,KAAK,WAAW,IAAIF,KAAK,CAACE,GAAG,KAAK,SAAS,EAAE;MACxD,IAAI,CAACnC,UAAU,EAAE;QACf,IAAI,CAAC+C,QAAQ,EAAE;MACjB;IACF,CAAC,MAAM,IAAId,KAAK,CAACE,GAAG,KAAK,OAAO,EAAE;MAChCW,OAAO,EAAE;IACX;EACF;EAEAvC,iBAAiB,CAAC0B,KAA0C,EAAQ;IAClE,IAAI,CAACH,gBAAgB,CAACG,KAAK,CAACe,MAAM,CAACpD,KAAK,CAAC;EAC3C;EAEAe,iBAAiB,CAACsB,KAA0C,EAAQ;IAAA;IAClE,IAAMgB,WAAW,GAAGC,MAAM,CAACjB,KAAK,CAACkB,aAAa,CAACvD,KAAK,CAAC;IACrD,IAAM;MAAEL,MAAM;MAAEO;IAAgB,CAAC,GAAG,IAAI,CAACD,KAAK;IAC9C,IAAM;MAAER;IAAQ,CAAC,GAAG,IAAI,CAACD,KAAK;IAC9B,IAAM8C,WAAW,GAAG3C,MAAM,GAAGO,eAAe,GAAGT,OAAO;IAEtD,IAAI,CAACyC,gBAAgB,CAACI,WAAW,CAACe,WAAW,CAAC,CAACrD,KAAK,CAAC;IACrD,IAAI,CAACU,SAAS,EAAE;IAChB,4BAAI,CAAChB,KAAK,CAACkC,OAAO,yDAAlB,qBAAoBI,KAAK,EAAE;EAC7B;EAEAhB,iBAAiB,CAACqB,KAA0C,EAAQ;IAClE,IAAI,CAACR,QAAQ,CAAC;MAAE1B,mBAAmB,EAAEmD,MAAM,CAACjB,KAAK,CAACe,MAAM,CAACpD,KAAK;IAAE,CAAC,CAAC;EACpE;EAEAc,kBAAkB,CAACuB,KAA0C,EAAQ;IAAA;IACnE,IAAM;MAAE5C;IAAQ,CAAC,GAAG,IAAI,CAACD,KAAK;IAC9B,IAAMG,MAAM,GAAG0C,KAAK,CAACe,MAAM,CAACpD,KAAK;IACjC,IAAME,eAAe,GAAG,IAAI,CAACsD,wBAAwB,CAAC/D,OAAO,EAAEE,MAAM,CAAC;IAEtE,IAAI,CAACkC,QAAQ,CAAC;MACZlC,MAAM;MACNO,eAAe;MACfC,mBAAmB,EAAE;IACvB,CAAC,CAAC;IACF,4BAAI,CAACgB,MAAM,CAACS,OAAO,yDAAnB,qBAAqB6B,cAAc,EAAE;EACvC;EAEAhD,cAAc,CAAC4B,KAAuB,EAAQ;IAC5C;IACA,IACGA,KAAK,CAACqB,aAAa,YAAYC,OAAO,IACrC,IAAI,CAACxC,MAAM,CAACS,OAAO,IAAI,IAAI,IAC3B,IAAI,CAACT,MAAM,CAACS,OAAO,CAACgC,OAAO,CAACC,QAAQ,CAACxB,KAAK,CAACqB,aAAa,CAAC,IAC3DrB,KAAK,CAACqB,aAAa,KAAK,IAAI,CAACpC,YAAY,CAACM,OAAO,EACjD;MACA;IACF;IACA,IAAI,CAAClB,SAAS,CAAC,KAAK,CAAC;EACvB;EAEAG,eAAe,CAACwB,KAAyC,EAAQ;IAC/D;IACA,IAAM;MAAEjC;IAAW,CAAC,GAAG,IAAI,CAACH,KAAK;IACjC,IACEG,UAAU,IACViC,KAAK,CAACqB,aAAa,YAAYC,OAAO,IACtC,IAAI,CAACxC,MAAM,CAACS,OAAO,IAAI,IAAI,IAC3B,IAAI,CAACT,MAAM,CAACS,OAAO,CAACgC,OAAO,CAACC,QAAQ,CAACxB,KAAK,CAACqB,aAAa,CAAC,EACzD;MACA;IACF;IACA,IAAI,CAAChD,SAAS,CAAC,KAAK,CAAC;EACvB;EAEAO,gBAAgB,GAAS;IAAA;IACvB,IAAI,CAACS,oBAAoB,EAAE;IAC3B,6BAAI,CAACF,WAAW,CAACI,OAAO,0DAAxB,sBAA0BI,KAAK,EAAE;EACnC;EAEAd,gBAAgB,GAAS;IACvB,IAAM;MAAEd;IAAW,CAAC,GAAG,IAAI,CAACH,KAAK;IACjC,IAAIG,UAAU,EAAE;MAAA;MACd,IAAI,CAACyB,QAAQ,CAAC;QAAEzB,UAAU,EAAE;MAAM,CAAC,CAAC;MACpC,6BAAI,CAACe,MAAM,CAACS,OAAO,0DAAnB,sBAAqBkC,IAAI,EAAE;IAC7B;IACA,IAAI,CAACjC,QAAQ,CAAC;MAAElC,MAAM,EAAE;IAAG,CAAC,CAAC;EAC/B;EAEAW,UAAU,CAAC+B,KAA0C,EAAQ;IAC3D,IAAM;MAAEjC;IAAW,CAAC,GAAG,IAAI,CAACH,KAAK;IACjC,IAAIG,UAAU,EAAE;MACd,IAAI,CAACM,SAAS,EAAE;IAClB,CAAC,MAAM;MACL,IAAI,CAACyC,QAAQ,EAAE;IACjB;IACAd,KAAK,CAACG,eAAe,EAAE;EACzB;EAEAW,QAAQ,GAAS;IACf,IAAI,CAACY,mBAAmB,EAAE;IAC1B,IAAI,CAACpC,aAAa,EAAE;IACpB,IAAI,CAACE,QAAQ,CAAC;MAAEzB,UAAU,EAAE;IAAK,CAAC,CAAC;IAEnC4D,MAAM,CAACC,qBAAqB,CAAC,MAAM;MAAA;MACjC,6BAAI,CAAC9C,MAAM,CAACS,OAAO,0DAAnB,sBAAqBsC,IAAI,EAAE;IAC7B,CAAC,CAAC;EACJ;EAEAxD,SAAS,GAA0B;IAAA;IAAA,IAAzByD,UAAU,uEAAG,IAAI;IACzB,IAAI,CAACtC,QAAQ,CAAC;MAAEzB,UAAU,EAAE;IAAM,CAAC,CAAC;IACpC,IAAI+D,UAAU,EAAE;MAAA;MACd,4BAAI,CAACzE,KAAK,CAACkC,OAAO,yDAAlB,qBAAoBI,KAAK,EAAE;IAC7B;IACA,6BAAI,CAACb,MAAM,CAACS,OAAO,0DAAnB,sBAAqBkC,IAAI,EAAE;EAC7B;EAEAC,mBAAmB,GAAS;IAC1B,IAAM;MAAE/D,KAAK;MAAEL,MAAM;MAAEO;IAAgB,CAAC,GAAG,IAAI,CAACD,KAAK;IACrD,IAAM;MAAER;IAAQ,CAAC,GAAG,IAAI,CAACD,KAAK;IAC9B,IAAM8C,WAAW,GAAG3C,MAAM,GAAGO,eAAe,GAAGT,OAAO;IACtD,IAAM2E,UAAU,GAAG9B,WAAW,CAAC+B,SAAS,CAACzE,MAAM,IAAIA,MAAM,CAACI,KAAK,KAAKA,KAAK,CAAC;IAC1E,IAAI,CAAC6B,QAAQ,CAAC;MAAE1B,mBAAmB,EAAEiE;IAAW,CAAC,CAAC;EACpD;EAEA1C,oBAAoB,GAAS;IAAA;IAC3B,IAAM4C,YAAY,4BAAG,IAAI,CAAC/C,aAAa,CAACK,OAAO,0DAA1B,sBAA4B2C,aAAa,CAC5D,gCAAgC,CACjC;IACD,IAAID,YAAY,YAAYE,WAAW,EAAE;MACvCF,YAAY,CAACG,cAAc,CAAC;QAC1BC,KAAK,EAAE,SAAS;QAChBC,MAAM,EAAE;MACV,CAAC,CAAC;IACJ;EACF;EAEAC,iBAAiB,GAAgB;IAC/B,IAAM;MAAEC;IAAkB,CAAC,GAAG,IAAI,CAACrF,KAAK;IACxC,IAAM;MAAEG,MAAM;MAAEU;IAAW,CAAC,GAAG,IAAI,CAACJ,KAAK;IACzC,oBACE;MACE,SAAS,EAAC,mBAAmB;MAC7B,GAAG,EAAE,IAAI,CAACsB,aAAc;MACxB,IAAI,EAAC,cAAc;MACnB,SAAS,EAAE,IAAI,CAACf,iBAAkB;MAClC,OAAO,EAAE6B,KAAK,IAAI;QAChBA,KAAK,CAACG,eAAe,EAAE;MACzB,CAAE;MACF,KAAK,EAAE;QAAET,KAAK,EAAE1B;MAAW,CAAE;MAC7B,MAAM,EAAE,IAAI,CAACI;IAAe,gBAE5B;MAAK,SAAS,EAAC;IAA2B,gBACxC,oBAAC,WAAW;MACV,KAAK,EAAEd,MAAO;MACd,GAAG,EAAE,IAAI,CAAC6B,WAAY;MACtB,QAAQ,EAAE,IAAI,CAACV,kBAAmB;MAClC,SAAS,EAAC,iBAAiB;MAC3B,WAAW,EAAE+D;IAAkB,EAC/B,CACE,eACN;MAAK,SAAS,EAAC;IAAsB,gBACnC;MAAK,SAAS,EAAC;IAAY,GAAE,IAAI,CAACC,aAAa,EAAE,CAAO,CACpD,CACF;EAEV;EAEAA,aAAa,GAAoB;IAC/B,IAAM;MAAErF;IAAQ,CAAC,GAAG,IAAI,CAACD,KAAK;IAC9B,IAAM;MAAEW,mBAAmB;MAAER,MAAM;MAAEO;IAAgB,CAAC,GAAG,IAAI,CAACD,KAAK;IACnE,IAAMqC,WAAW,GAAG3C,MAAM,GAAGO,eAAe,GAAGT,OAAO;IAEtD,OAAO6C,WAAW,CAACyC,GAAG,CAAC,CAACnF,MAAM,EAAEoF,KAAK,KAAK;MACxC,IAAMzC,GAAG,oBAAayC,KAAK,cAAIpF,MAAM,CAACI,KAAK,CAAE;MAC7C,oBACE;QACE,GAAG,EAAEuC,GAAI;QACT,IAAI,EAAC,QAAQ;QACb,KAAK,EAAEyC,KAAM;QACb,SAAS,EAAE9F,UAAU,CAAC,eAAe,EAAE;UACrC,iBAAiB,EAAEiB,mBAAmB,KAAK6E;QAC7C,CAAC,CAAE;QACH,OAAO,EAAE,IAAI,CAACjE,iBAAkB;QAChC,OAAO,EAAE,IAAI,CAACC;MAAkB,GAE/BpB,MAAM,CAACC,KAAK,CACN;IAEb,CAAC,CAAC;EACJ;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;MAAEQ;IAAM,CAAC,GAAG,IAAI,CAACC,KAAK;IAC5B,IAAI;MAAEuF;IAAc,CAAC,GAAG,IAAI,CAAChG,KAAK;IAClCgG,aAAa;MACXC,SAAS,EAAE,YAAY;MACvBC,SAAS,EAAE;QACTC,eAAe,EAAE;UAAEC,OAAO,EAAE;QAAM;MACpC;IAAC,GACEJ,aAAa,CACjB;IAED,oBACE;MAAK,SAAS,EAAC,0BAA0B;MAAC,GAAG,EAAE,IAAI,CAACnE;IAAY,gBAC9D;MACE,KAAK,EAAErB,KAAK,IAAIqF,YAAa;MAC7B,SAAS,EAAEnG,UAAU,CAAC,cAAc,EAAEkG,SAAS,EAAE,UAAU,CAAE;MAC7D,GAAG,EAAE,IAAI,CAAC1F,KAAM;MAChB,QAAQ,EAAE,IAAI,CAACiB,iBAAkB;MACjC,WAAW,EACTuE,gBAAgB,KACfzF,OAAO,CAAC,CAAC,CAAC,IAAI,IAAI,GAAGA,OAAO,CAAC,CAAC,CAAC,CAACI,KAAK,GAAGgG,SAAS,CACnD;MACD,QAAQ,EAAEV,QAAS;MACnB,MAAM,EAAE,IAAI,CAACtE,eAAgB;MAC7B,SAAS,EAAE,IAAI,CAACD,kBAAmB;MACnC,UAAU,EAAE0E,UAAW;MACvB,eACEC,UAAU,KAAKM,SAAS,aAAMN,UAAU,cAAWM;IACpD,EACD,eACF;MAAK,SAAS,EAAC;IAAgC,gBAC7C;MACE,IAAI,EAAC,QAAQ;MACb,SAAS,EAAC,yBAAyB;MACnC,GAAG,EAAE,IAAI,CAACvE,YAAa;MACvB,OAAO,EAAE,IAAI,CAAChB,UAAW;MACzB,SAAS,EAAE,IAAI,CAACM,kBAAmB;MACnC,QAAQ,EAAEuE,QAAS;MACnB,eACEI,UAAU,KAAKM,SAAS,aAAMN,UAAU,YAASM;IAClD,gBAED,oBAAC,eAAe;MAAC,IAAI,EAAE7G;IAAe,EAAG,eACzC,oBAAC,MAAM;MACL,GAAG,EAAE,IAAI,CAACmC,MAAO;MACjB,OAAO,EAAEqE,aAAc;MACvB,SAAS,EAAEtG,UAAU,CAAC,sBAAsB,CAAE;MAC9C,SAAS,EAAE,IAAI,CAAC+B,gBAAiB;MACjC,QAAQ,EAAE,IAAI,CAACC;IAAiB,GAE/B,IAAI,CAAC0D,iBAAiB,EAAE,CAClB,CACF,CACL,CACF;EAEV;AACF;AAAC,gBArcKtF,QAAQ,+BACuBD,yBAAyB;AAAA,gBADxDC,QAAQ,2BAGmB,GAAG;AAAA,gBAH9BA,QAAQ,eAKO;EACjBG,OAAO,EAAEX,SAAS,CAACgH,OAAO,CACxBhH,SAAS,CAACiH,KAAK,CAAC;IACdlG,KAAK,EAAEf,SAAS,CAACkH,MAAM,CAACC,UAAU;IAClCjG,KAAK,EAAElB,SAAS,CAACkH,MAAM,CAACC;EAC1B,CAAC,CAAC,CACH,CAACA,UAAU;EACZT,aAAa,EAAE1G,SAAS,CAACiH,KAAK,CAAC;IAC7BlG,KAAK,EAAEf,SAAS,CAACkH,MAAM,CAACC,UAAU;IAClCjG,KAAK,EAAElB,SAAS,CAACkH,MAAM,CAACC;EAC1B,CAAC,CAAC;EACF9D,QAAQ,EAAErD,SAAS,CAACoH,IAAI;EACxBhB,gBAAgB,EAAEpG,SAAS,CAACkH,MAAM;EAClCnB,iBAAiB,EAAE/F,SAAS,CAACkH,MAAM;EACnCb,QAAQ,EAAErG,SAAS,CAACqH,IAAI;EACxBf,SAAS,EAAEtG,SAAS,CAACkH,MAAM;EAC3BX,YAAY,EAAEvG,SAAS,CAACkH,MAAM;EAC9BV,UAAU,EAAExG,SAAS,CAACqH,IAAI;EAC1BjD,OAAO,EAAEpE,SAAS,CAACoH,IAAI;EACvB,aAAa,EAAEpH,SAAS,CAACkH;AAC3B,CAAC;AAAA,gBAzBG1G,QAAQ,kBA2BU;EACpB6C,QAAQ,GAAS;IACf;EAAA,CACD;EACD+C,gBAAgB,EAAE,EAAE;EACpBL,iBAAiB,EAAE,QAAQ;EAC3BM,QAAQ,EAAE,KAAK;EACfC,SAAS,EAAE,EAAE;EACbC,YAAY,EAAE,EAAE;EAChBG,aAAa,EAAE,IAAI;EACnBF,UAAU,EAAE,IAAI;EAChBpC,OAAO,GAAS;IACd;EAAA,CACD;EACD,aAAa,EAAE2C;AACjB,CAAC;AA6ZH,eAAevG,QAAQ"}

package/dist/CopyButton.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+import { ButtonKind } from './Button';
+type CopyButtonProps = {
+    /** The value to copy when clicked, accepts string or function returning a string. */
+    copy: string | (() => string);
+    /** The kind of button */
+    kind?: ButtonKind;
+    /** Optional tooltip label ex. 'Copy column name' */
+    tooltip?: string;
+    /** Optional extra classname */
+    className?: string;
+    /** Optional extra testid */
+    'data-testid'?: string;
+    /** Optional button children */
+    children?: React.ReactNode;
+};
+/**
+ * Button that has a copy icon, and copies text to a clipboard when clicked.
+ */
+declare function CopyButton({ copy, kind, tooltip, className, 'data-testid': dataTestId, children, }: CopyButtonProps): JSX.Element;
+export default CopyButton;
+//# sourceMappingURL=CopyButton.d.ts.map

package/dist/CopyButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CopyButton.d.ts","sourceRoot":"","sources":["../src/CopyButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAe,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAE9C,KAAK,eAAe,GAAG;IACrB,qFAAqF;IACrF,IAAI,EAAE,MAAM,GAAG,CAAC,MAAM,MAAM,CAAC,CAAC;IAC9B,yBAAyB;IACzB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,oDAAoD;IACpD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4BAA4B;IAC5B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,+BAA+B;IAC/B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CAAC;AAEF;;GAEG;AACH,iBAAS,UAAU,CAAC,EAClB,IAAI,EACJ,IAAc,EACd,OAAgB,EAChB,SAAS,EACT,aAAa,EAAE,UAAU,EACzB,QAAQ,GACT,EAAE,eAAe,GAAG,GAAG,CAAC,OAAO,CAgB/B;AAED,eAAe,UAAU,CAAC"}

package/dist/CopyButton.js

@@ -0,0 +1,30 @@
+import React from 'react';
+import { vsPassFilled, vsCopy } from '@deephaven/icons';
+import { useCopyToClipboard } from '@deephaven/react-hooks';
+import Button from "./Button.js";
+/**
+ * Button that has a copy icon, and copies text to a clipboard when clicked.
+ */
+function CopyButton(_ref) {
+  var {
+    copy,
+    kind = 'ghost',
+    tooltip = 'Copy',
+    className,
+    'data-testid': dataTestId,
+    children
+  } = _ref;
+  var [copied, copyToClipboard] = useCopyToClipboard();
+  return /*#__PURE__*/React.createElement(Button, {
+    kind: kind,
+    className: className,
+    "data-testid": dataTestId,
+    icon: copied ? vsPassFilled : vsCopy,
+    tooltip: copied ? 'Copied' : tooltip,
+    onClick: () => {
+      copyToClipboard(typeof copy === 'function' ? copy() : copy);
+    }
+  }, children);
+}
+export default CopyButton;
+//# sourceMappingURL=CopyButton.js.map

package/dist/CopyButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CopyButton.js","names":["React","vsPassFilled","vsCopy","useCopyToClipboard","Button","CopyButton","copy","kind","tooltip","className","dataTestId","children","copied","copyToClipboard"],"sources":["../src/CopyButton.tsx"],"sourcesContent":["import React from 'react';\nimport { vsPassFilled, vsCopy } from '@deephaven/icons';\nimport { useCopyToClipboard } from '@deephaven/react-hooks';\nimport Button, { ButtonKind } from './Button';\n\ntype CopyButtonProps = {\n  /** The value to copy when clicked, accepts string or function returning a string. */\n  copy: string | (() => string);\n  /** The kind of button */\n  kind?: ButtonKind;\n  /** Optional tooltip label ex. 'Copy column name' */\n  tooltip?: string;\n  /** Optional extra classname */\n  className?: string;\n  /** Optional extra testid */\n  'data-testid'?: string;\n  /** Optional button children */\n  children?: React.ReactNode;\n};\n\n/**\n * Button that has a copy icon, and copies text to a clipboard when clicked.\n */\nfunction CopyButton({\n  copy,\n  kind = 'ghost',\n  tooltip = 'Copy',\n  className,\n  'data-testid': dataTestId,\n  children,\n}: CopyButtonProps): JSX.Element {\n  const [copied, copyToClipboard] = useCopyToClipboard();\n  return (\n    <Button\n      kind={kind}\n      className={className}\n      data-testid={dataTestId}\n      icon={copied ? vsPassFilled : vsCopy}\n      tooltip={copied ? 'Copied' : tooltip}\n      onClick={() => {\n        copyToClipboard(typeof copy === 'function' ? copy() : copy);\n      }}\n    >\n      {children}\n    </Button>\n  );\n}\n\nexport default CopyButton;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,YAAY,EAAEC,MAAM,QAAQ,kBAAkB;AACvD,SAASC,kBAAkB,QAAQ,wBAAwB;AAAC,OACrDC,MAAM;AAiBb;AACA;AACA;AACA,SAASC,UAAU,OAOc;EAAA,IAPb;IAClBC,IAAI;IACJC,IAAI,GAAG,OAAO;IACdC,OAAO,GAAG,MAAM;IAChBC,SAAS;IACT,aAAa,EAAEC,UAAU;IACzBC;EACe,CAAC;EAChB,IAAM,CAACC,MAAM,EAAEC,eAAe,CAAC,GAAGV,kBAAkB,EAAE;EACtD,oBACE,oBAAC,MAAM;IACL,IAAI,EAAEI,IAAK;IACX,SAAS,EAAEE,SAAU;IACrB,eAAaC,UAAW;IACxB,IAAI,EAAEE,MAAM,GAAGX,YAAY,GAAGC,MAAO;IACrC,OAAO,EAAEU,MAAM,GAAG,QAAQ,GAAGJ,OAAQ;IACrC,OAAO,EAAE,MAAM;MACbK,eAAe,CAAC,OAAOP,IAAI,KAAK,UAAU,GAAGA,IAAI,EAAE,GAAGA,IAAI,CAAC;IAC7D;EAAE,GAEDK,QAAQ,CACF;AAEb;AAEA,eAAeN,UAAU"}

package/dist/CustomTimeSelect.d.ts

@@ -7,7 +7,7 @@ declare enum MENU_NAVIGATION_DIRECTION {
     UP = "UP",
     DOWN = "DOWN"
 }
-declare type CustomTimeSelectProps = {
+type CustomTimeSelectProps = {
     options: {
         title: string;
         value: number;
@@ -24,8 +24,8 @@ declare type CustomTimeSelectProps = {
     invalid: boolean;
     'data-testid'?: string;
 };
-declare type TimeInSeconds = number;
-declare type CustomTimeSelectState = {
+type TimeInSeconds = number;
+type CustomTimeSelectState = {
     keyboardOptionIndex: number;
     menuIsOpen: boolean;
     inputWidth: number;

package/dist/CustomTimeSelect.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CustomTimeSelect.d.ts","sourceRoot":"","sources":["../src/CustomTimeSelect.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"CustomTimeSelect.d.ts","sourceRoot":"","sources":["../src/CustomTimeSelect.tsx"],"names":[],"mappings":"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"}