@deephaven/components 0.43.0 → 0.44.1-beta.0

package/dist/AutoCompleteInput.css

@@ -0,0 +1,35 @@
+/* stylelint-disable scss/at-import-no-partial-leading-underscore */
+.aci-container {
+  flex-grow: 1;
+}
+
+.aci-options {
+  max-height: 200px;
+  border-radius: 4px;
+  overflow: auto;
+  user-select: none;
+}
+.aci-options .no-match {
+  padding: 0.375rem 0.75rem;
+}
+.aci-options .aci-option-btn {
+  border: none;
+  width: 100%;
+  color: #f0f0ee;
+  padding: 0.375rem 0.75rem;
+  white-space: nowrap;
+  background: none;
+  text-align: left;
+}
+.aci-options .aci-option-btn.keyboard-active {
+  background-color: rgba(72, 120, 234, 0.5);
+}
+.aci-options .aci-option-btn:hover {
+  color: #f0f0ee;
+  background-color: #4878ea;
+}
+.aci-options .aci-option-btn:focus {
+  outline: none;
+}
+
+/*# sourceMappingURL=AutoCompleteInput.css.map */

package/dist/AutoCompleteInput.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../scss/custom.scss","../src/AutoCompleteInput.scss","../scss/bootstrap_overrides.scss"],"names":[],"mappings":"AAAA;ACOA;EACE;;;AAGF;EACE;EACA,eC4Gc;ED3Gd;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA,OCXa;EDYb;EACA;EACA;EACA;;AAEF;EACE,kBA5B8B;;AA+BhC;EACE,OCtBa;EDuBb,kBCxBY;;AD0Bd;EACE","file":"AutoCompleteInput.css","sourcesContent":["/* stylelint-disable scss/at-import-no-partial-leading-underscore */\n// Consumers should be able to resolve bootstrap/ to node_modules/bootstrap\n\n//Make bootstrap functions available for use in overrides\n@import 'bootstrap/scss/_functions.scss';\n@import './bootstrap_overrides.scss';\n\n//_variable imports come after bootstrap default overrides,\n// makes all other variables and mixins from bootstrap available\n/// with just importing customer.scss\n@import 'bootstrap/scss/_variables.scss';\n@import 'bootstrap/scss/_mixins.scss';\n\n//New variables come after imports\n@import './new_variables.scss';\n","@import '../scss/custom.scss';\n\n$aci-option-btn-color: $foreground;\n$aci-option-keyboard-selected-bg: rgba($primary, 0.5);\n$aci-option-hover-bg: $dropdown-link-hover-bg;\n$aci-option-hover-color: $dropdown-link-hover-color;\n\n.aci-container {\n  flex-grow: 1;\n}\n\n.aci-options {\n  max-height: 200px;\n  border-radius: $border-radius;\n  overflow: auto;\n  user-select: none;\n\n  .no-match {\n    padding: $input-btn-padding-y $input-btn-padding-x;\n  }\n\n  .aci-option-btn {\n    border: none;\n    width: 100%;\n    color: $aci-option-btn-color;\n    padding: $input-btn-padding-y $input-btn-padding-x;\n    white-space: nowrap;\n    background: none;\n    text-align: left;\n  }\n  .aci-option-btn.keyboard-active {\n    background-color: $aci-option-keyboard-selected-bg;\n  }\n\n  .aci-option-btn:hover {\n    color: $aci-option-hover-color;\n    background-color: $aci-option-hover-bg;\n  }\n  .aci-option-btn:focus {\n    outline: none;\n  }\n}\n","// Styling overrides for bootstrap\n\n// Override / set color variables\n$red: #f95d84;\n$orange: #f37e3f;\n$yellow: #fcd65b;\n$green: #9edc6f;\n$blue: #76d9e4;\n$purple: #aa9af4;\n\n//Define some UI colors\n$interfacegray: #2d2a2e;\n$interfaceblue: #4878ea;\n$interfacewhite: #f0f0ee; //same as gray-200\n$interfaceblack: #1a171a;\n\n//Define our Gray scale\n$white: $interfacewhite;\n$gray-100: #fcfcfa;\n$gray-200: $interfacewhite;\n$gray-300: #c0bfbf;\n$gray-400: #929192;\n$gray-500: #5b5a5c;\n$gray-600: #555356;\n$gray-700: #403e41;\n$gray-800: #373438;\n$gray-850: #322f33;\n$gray-900: #211f22;\n$black: $interfaceblack;\n$content-bg: $interfacegray;\n$background: $interfaceblack;\n$foreground: $interfacewhite;\n\n//Load colors into map\n$colors: ();\n$colors: map-merge(\n  (\n    'red': $red,\n    'orange': $orange,\n    'yellow': $yellow,\n    'green': $green,\n    'blue': $blue,\n    'purple': $purple,\n    'white': $white,\n    'black': $black,\n  ),\n  $colors\n);\n\n//Set default colors\n$body-bg: $black;\n$body-color: $interfacewhite;\n\n// Set brand colors\n$primary: $interfaceblue;\n$primary-hover: darken($primary, 8%);\n$primary-dark: mix($primary, $content-bg, 25%);\n$primary-light: scale-color($primary, $lightness: -25%);\n$secondary: $gray-500;\n$secondary-hover: darken($secondary, 8%);\n$success: $green;\n$info: $yellow;\n$warning: $orange;\n$danger: $red;\n$danger-hover: darken($danger, 8%);\n$light: $gray-100;\n$mid: $gray-400; //Added a mid color, useful for input styling\n$dark: $gray-800;\n$green-dark: scale-color($green, $lightness: -45%, $saturation: -10%);\n\n$theme-colors: () !default;\n$theme-colors: map-merge(\n  (\n    'primary': $primary,\n    'primary-hover': $primary-hover,\n    'primary-light': $primary-light,\n    'primary-dark': $primary-dark,\n    'secondary': $secondary,\n    'success': $success,\n    'info': $info,\n    'warning': $warning,\n    'danger': $danger,\n    'light': $light,\n    'dark': $dark,\n    'mid': $mid,\n    'content-bg': $interfacegray,\n    'background': $interfaceblack,\n    'foreground': $interfacewhite,\n  ),\n  $theme-colors\n);\n\n$component-active-bg: $primary;\n$theme-color-interval: 9%;\n$yiq-contrasted-threshold: 180;\n\n// Override fonts\n$font-family-sans-serif: 'Fira Sans', -apple-system, blinkmacsystemfont,\n  'Segoe UI', 'Roboto', 'Helvetica Neue', arial, sans-serif; //fira sans then native system ui fallbacks\n$font-family-monospace: 'Fira Mono', menlo, monaco, consolas, 'Liberation Mono',\n  'Courier New', monospace;\n$font-family-base: $font-family-sans-serif;\n\n$headings-font-weight: 400;\n\n//Text overides\n$text-muted: $gray-400;\n\n//Style Selection highlight color\n//so browsers add alpha to your color by default, ignoring opacity 1\n//by setting rgba with 0.99 it tricks browser into thinking there is alpha applied\n$text-select-color: $primary-hover;\n$text-select-color-editor: lighten(\n  $gray-700,\n  15%\n); //we lighten it abit to account for that 0.01 loss, and because it needs some anyways.\n\n//Grid variables, same value as default just making easily accessible\n$grid-gutter-width: 30px;\n\n//Visual Overrides\n$border-radius: 4px;\n$box-shadow: 0 0.1rem 1rem rgba($black, 45%); //because our UI is so dark, we need darker default shadows\n$box-shadow-900: 0 0.1rem 1rem rgba(0, 0, 0, 45%); //darkest shadow for $black popups over $black UI\n\n//Override Btn\n$btn-border-radius: 4rem;\n$btn-padding-x: 1.5rem;\n$btn-transition: color 0.12s ease-in-out, background-color 0.12s ease-in-out,\n  border-color 0.12s ease-in-out, box-shadow 0.12s ease-in-out; //default 0.15 is too long\n$btn-border-width: 2px;\n\n//Override Inputs\n$input-bg: $gray-600;\n$input-disabled-bg: $gray-800;\n$input-color: $foreground;\n$input-border-color: $gray-400;\n$input-placeholder-color: $gray-400;\n$input-focus-border-color: rgba($primary, 85%);\n\n$input-btn-focus-width: 0.2rem;\n$input-btn-focus-color: rgba($component-active-bg, 35%);\n$input-btn-focus-box-shadow: 0 0 0 $input-btn-focus-width $input-btn-focus-color;\n\n//checkbox\n$custom-control-indicator-bg: $gray-600;\n$custom-control-indicator-bg-size: 75% 75%;\n$custom-control-indicator-disabled-bg: $gray-800;\n$custom-control-indicator-checked-disabled-bg: $gray-800;\n$custom-control-label-disabled-color: $gray-400;\n\n//Custom Select\n$custom-select-indicator-color: $gray-400;\n$custom-select-bg-size: 16px 16px;\n//dhSort icon encoded\n$custom-select-indicator: str-replace(\n  url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='#{$custom-select-indicator-color}' d='M4 7l-.4-.8 4-3.7h.8l4 3.7-.4.8H4zm0 2l-.4.8 4 3.7h.8l4-3.7L12 9H4z'/%3E%3C/svg%3E\"),\n  '#',\n  '%23'\n);\n$custom-select-focus-box-shadow: $input-btn-focus-box-shadow;\n$custom-select-disabled-color: darken($gray-400, 5%);\n$custom-select-disabled-bg: $gray-800;\n\n//modal\n$modal-content-bg: $gray-200;\n$modal-content-border-width: 0;\n$modal-md: 550px;\n\n// Toast notification\n$toast-bg: $primary-dark;\n$toast-color: $foreground;\n$toast-error-bg: mix($danger, $content-bg, 15%);\n$toast-error-color: $foreground;\n\n//tooltips\n$tooltip-bg: $gray-700;\n$tooltip-color: $foreground;\n$tooltip-box-shadow: 0 0.1rem 1.5rem 0.1rem rgba($black, 80%);\n\n//drowdowns\n$dropdown-bg: $gray-600;\n$dropdown-link-color: $foreground;\n$dropdown-link-hover-color: $foreground;\n$dropdown-link-hover-bg: $primary;\n$dropdown-divider-bg: $gray-700;\n\n//context menus\n$contextmenu-bg: $gray-600;\n$contextmenu-color: $foreground;\n$contextmenu-disabled-color: $text-muted;\n$contextmenu-keyboard-selected-bg: rgba($primary, 50%);\n$contextmenu-selected-bg: $primary;\n$contextmenu-selected-color: $foreground;\n\n//links\n$link-color: $gray-400;\n$link-hover-color: $foreground;\n\n//progress-bar\n$progress-bg: $gray-600;\n$progress-border-radius: 1rem;\n\n// Set global options\n$enable-shadows: false;\n$enable-gradients: false;\n$enable-print-styles: false; //I don't think anyone should expect to \"print\" this app.\n\n// Transition times\n$transition: 0.15s;\n$transition-mid: 0.2s;\n$transition-long: 0.3s;\n$transition-slow: 0.6s;\n\n//form-validation icon, uses vsWarning icon encoded here as svg\n$form-feedback-icon-invalid-color: theme-color('danger');\n$form-feedback-icon-invalid: str-replace(\n  url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cg fill='none'%3E%3Cg fill='#{$form-feedback-icon-invalid-color}'%3E%3Cpath d='M7.56 1h.88l6.54 12.26-.44.74H1.44L1 13.26 7.56 1zM8 2.28 2.28 13H13.7L8 2.28zM8.625 12v-1h-1.25v1h1.25zm-1.25-2V6h1.25v4h-1.25z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E \"),\n  '#',\n  '%23'\n);\n"]}

package/dist/AutoCompleteInput.js

@@ -0,0 +1,496 @@
+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) { 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.
+ *
+ * props:
+ * @param options :[{
+ *    title: 'option title for display',
+ *    value: 'option value' //option value
+ * }]
+ * @param popperOptions options for the Popper
+ * @param onChange called when the value is changed from the pulldown
+ * @param inputPlaceholder place holder for the input box
+ * @param disabled disable both input & drop down
+ * @param className an optional class name applied to the input element
+ * @param defaultTitle the default title to display
+ * @param spellCheck flag to disable spell checking, defaults to true
+ * @param onEnter called when the Enter key is typed in the input element
+ *
+ */
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
+import memoize from 'memoizee';
+import classNames from 'classnames';
+import debounce from 'lodash.debounce';
+import { Popper } from "./popper/index.js";
+import "./AutoCompleteInput.css";
+var DEBOUNCE_DELAY = 100;
+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 AutoCompleteInput extends Component {
+  constructor(props) {
+    super(props);
+    _defineProperty(this, "popper", void 0);
+    _defineProperty(this, "cbContainer", void 0);
+    _defineProperty(this, "menuContainer", void 0);
+    _defineProperty(this, "input", void 0);
+    _defineProperty(this, "getCachedFilteredOptions", memoize((options, input) => options.filter(
+    // supports partial match
+    option => option.title.toLowerCase().indexOf(input.toLowerCase()) >= 0)));
+    var {
+      popperOptions
+    } = this.props;
+    popperOptions = _objectSpread({
+      placement: 'bottom-end',
+      modifiers: {
+        preventOverflow: {
+          enabled: false
+        }
+      }
+    }, popperOptions);
+    this.state = {
+      title: '',
+      filteredOptions: [],
+      keyboardOptionIndex: 0,
+      menuIsOpen: false,
+      inputWidth: 100,
+      invalid: false,
+      popperOptions
+    };
+    this.handleMenuKeyDown = this.handleMenuKeyDown.bind(this);
+    this.handleMenuBlur = this.handleMenuBlur.bind(this);
+    this.handleInputChange = this.handleInputChange.bind(this);
+    this.handleInputKeyDown = this.handleInputKeyDown.bind(this);
+    this.handleInputBlur = this.handleInputBlur.bind(this);
+    this.handelInputFocus = this.handelInputFocus.bind(this);
+    this.handleInputClick = this.handleInputClick.bind(this);
+    this.updateInputValue = debounce(this.updateInputValue, DEBOUNCE_DELAY);
+    this.handleOptionClick = this.handleOptionClick.bind(this);
+    this.handleMenuOpened = this.handleMenuOpened.bind(this);
+    this.handleMenuExited = this.handleMenuExited.bind(this);
+    this.popper = /*#__PURE__*/React.createRef();
+    this.cbContainer = /*#__PURE__*/React.createRef();
+    this.menuContainer = /*#__PURE__*/React.createRef();
+    this.input = /*#__PURE__*/React.createRef();
+  }
+  setInputWidth() {
+    if (this.cbContainer.current) {
+      this.setState({
+        inputWidth: this.cbContainer.current.getBoundingClientRect().width
+      });
+    }
+  }
+  // validation needs to be an exact case-sensitve match on value
+  getValueAndValidate(title) {
+    if (!title) {
+      this.setState({
+        invalid: false
+      });
+      return {
+        value: title,
+        isValid: false
+      };
+    }
+
+    // validate
+    var {
+      options
+    } = this.props;
+    var result = options.filter(option => option.title.toLowerCase() === title.toLowerCase());
+    if (result.length < 1) {
+      this.setState({
+        invalid: true
+      });
+      return {
+        value: title,
+        isValid: false
+      };
+    }
+    this.setState({
+      invalid: false
+    });
+    return {
+      value: result[0].value,
+      isValid: true
+    };
+  }
+
+  // validate typed entries emit change event using value
+  updateInputValue(title) {
+    var {
+      menuIsOpen
+    } = this.state;
+    var {
+      value,
+      isValid
+    } = this.getValueAndValidate(title);
+    if (menuIsOpen) this.processFilterChange(title);
+    this.fireOnChange(value, isValid);
+  }
+  fireOnChange(value) {
+    var isValid = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+    var {
+      onChange
+    } = this.props;
+    onChange(value, isValid);
+  }
+  processFilterChange(filter) {
+    var _this$popper$current;
+    var {
+      options
+    } = this.props;
+    var {
+      menuIsOpen
+    } = this.state;
+    var filteredOptions = filter ? this.getCachedFilteredOptions(options, filter) : options;
+    var perfectMatch = filteredOptions.length === 1 && filteredOptions[0].title === filter;
+    this.setState({
+      filteredOptions,
+      keyboardOptionIndex: 0
+    });
+    if (perfectMatch && menuIsOpen) {
+      this.closeMenu();
+      return;
+    }
+    (_this$popper$current = this.popper.current) === null || _this$popper$current === void 0 ? void 0 : _this$popper$current.scheduleUpdate(); // filtered options list can change size, may need to be repositioned
+  }
+
+  resetValue() {
+    this.setState({
+      title: ''
+    });
+    this.fireOnChange('');
+  }
+  handleResize() {
+    this.setInputWidth();
+  }
+  handleMenuKeyDown(event) {
+    var _this$input$current;
+    var {
+      filteredOptions,
+      keyboardOptionIndex
+    } = this.state;
+    var option = filteredOptions[keyboardOptionIndex];
+    switch (event.key) {
+      case 'Enter':
+      case 'ArrowRight':
+        event.stopPropagation();
+        event.preventDefault();
+        if (option != null) {
+          this.setState({
+            title: option.title,
+            invalid: false
+          });
+          this.fireOnChange(option.value);
+        }
+        this.closeMenu();
+        (_this$input$current = this.input.current) === null || _this$input$current === void 0 ? void 0 : _this$input$current.focus();
+        break;
+      case 'ArrowUp':
+        event.stopPropagation();
+        event.preventDefault();
+        this.navigateMenu(AutoCompleteInput.MENU_NAVIGATION_DIRECTION.UP);
+        break;
+      case 'ArrowDown':
+        event.stopPropagation();
+        event.preventDefault();
+        this.navigateMenu(AutoCompleteInput.MENU_NAVIGATION_DIRECTION.DOWN);
+        break;
+      case 'Tab':
+        event.stopPropagation();
+        event.preventDefault();
+        if (event.shiftKey) {
+          this.navigateMenu(AutoCompleteInput.MENU_NAVIGATION_DIRECTION.UP);
+          break;
+        }
+        this.navigateMenu(AutoCompleteInput.MENU_NAVIGATION_DIRECTION.DOWN);
+        break;
+      case 'Escape':
+        event.preventDefault();
+        event.stopPropagation();
+        this.closeMenu();
+        break;
+      default:
+        break;
+    }
+  }
+  navigateMenu(direction) {
+    var {
+      filteredOptions,
+      keyboardOptionIndex
+    } = this.state;
+    var newKeyboardOptionIndex = keyboardOptionIndex;
+    if (direction === AutoCompleteInput.MENU_NAVIGATION_DIRECTION.UP) {
+      if (keyboardOptionIndex > 0) {
+        newKeyboardOptionIndex = (newKeyboardOptionIndex - 1) % filteredOptions.length;
+        this.setState({
+          keyboardOptionIndex: newKeyboardOptionIndex
+        });
+      } else if (keyboardOptionIndex === 0) {
+        newKeyboardOptionIndex = filteredOptions.length - 1;
+        this.setState({
+          keyboardOptionIndex: newKeyboardOptionIndex
+        });
+      }
+    } else if (direction === AutoCompleteInput.MENU_NAVIGATION_DIRECTION.DOWN) {
+      if (keyboardOptionIndex < filteredOptions.length) {
+        newKeyboardOptionIndex = (newKeyboardOptionIndex + 1) % filteredOptions.length;
+        this.setState({
+          keyboardOptionIndex: newKeyboardOptionIndex
+        });
+      }
+    }
+    this.scrollOptionIntoView(newKeyboardOptionIndex);
+  }
+  handleInputKeyDown(event) {
+    var {
+      onEnter
+    } = this.props;
+    var {
+      menuIsOpen
+    } = this.state;
+    if (menuIsOpen) {
+      this.handleMenuKeyDown(event);
+    } else if (event.key === 'Enter') {
+      onEnter();
+    } else if (event.key === 'Escape') {
+      this.resetValue();
+      event.preventDefault();
+      event.stopPropagation();
+    } else if (!(event.key === 'ArrowRight' || event.key === 'ArrowLeft' || event.key === 'Tab' || event.key === 'Shift')) {
+      this.openMenu();
+    }
+  }
+  handleInputChange(event) {
+    this.setState({
+      title: event.target.value
+    });
+    this.updateInputValue(event.target.value);
+  }
+  handleOptionClick(option) {
+    var _this$input$current2;
+    this.setState({
+      title: option.title,
+      invalid: false
+    });
+    this.fireOnChange(option.value);
+    this.closeMenu();
+    (_this$input$current2 = this.input.current) === null || _this$input$current2 === void 0 ? void 0 : _this$input$current2.focus();
+  }
+  handelInputFocus() {
+    var {
+      menuIsOpen
+    } = this.state;
+    if (!menuIsOpen) {
+      this.openMenu();
+    }
+  }
+  handleInputClick() {
+    var {
+      menuIsOpen
+    } = this.state;
+    if (!menuIsOpen) {
+      this.openMenu();
+    }
+  }
+  handleInputBlur(event) {
+    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);
+  }
+  handleMenuBlur(event) {
+    // if blur event is caused by focusing on the input or focus on options don't close menu
+    if (event.relatedTarget === this.input.current || event.relatedTarget instanceof Element && this.popper.current !== null && this.popper.current.element.contains(event.relatedTarget)) {
+      return;
+    }
+    this.closeMenu(false);
+  }
+  handleMenuOpened() {
+    var _this$input$current3;
+    (_this$input$current3 = this.input.current) === null || _this$input$current3 === void 0 ? void 0 : _this$input$current3.focus();
+  }
+  handleMenuExited() {
+    var {
+      menuIsOpen
+    } = this.state;
+    if (menuIsOpen) {
+      this.setState({
+        menuIsOpen: false,
+        keyboardOptionIndex: 0
+      });
+    }
+  }
+  openMenu() {
+    var {
+      title
+    } = this.state;
+    this.processFilterChange(title);
+    this.setInputWidth();
+    this.setState({
+      menuIsOpen: true
+    });
+
+    // https://github.com/reactjs/react-transition-group/issues/382
+    window.requestAnimationFrame(() => {
+      var _this$popper$current2;
+      (_this$popper$current2 = this.popper.current) === null || _this$popper$current2 === void 0 ? void 0 : _this$popper$current2.show();
+    });
+  }
+  closeMenu() {
+    var _this$popper$current3;
+    var focusInput = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
+    this.setState({
+      menuIsOpen: false,
+      keyboardOptionIndex: 0
+    });
+    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$current3 = this.popper.current) === null || _this$popper$current3 === void 0 ? void 0 : _this$popper$current3.hide();
+  }
+  scrollOptionIntoView(index) {
+    if (this.menuContainer.current) {
+      var _this$menuContainer$c;
+      (_this$menuContainer$c = this.menuContainer.current.children.item(index)) === null || _this$menuContainer$c === void 0 ? void 0 : _this$menuContainer$c.scrollIntoView({
+        behavior: 'smooth',
+        block: 'nearest'
+      });
+    }
+  }
+  renderMenuElement() {
+    var {
+      inputWidth
+    } = this.state;
+    return /*#__PURE__*/React.createElement("div", {
+      className: classNames('aci-options'),
+      ref: this.menuContainer,
+      role: "presentation",
+      onKeyDown: this.handleMenuKeyDown,
+      style: {
+        width: inputWidth
+      },
+      onBlur: this.handleMenuBlur
+    }, this.renderOptions());
+  }
+  renderOptions() {
+    var {
+      noMatchText
+    } = this.props;
+    var {
+      title,
+      filteredOptions
+    } = this.state;
+    if (title && filteredOptions.length === 0) {
+      return /*#__PURE__*/React.createElement("div", {
+        className: "no-match"
+      }, noMatchText);
+    }
+    return filteredOptions.map((option, index) => this.renderOption(option, index));
+  }
+  renderOption(option, index) {
+    var {
+      keyboardOptionIndex
+    } = this.state;
+    var key = "option-".concat(index, "-").concat(option.value);
+    return /*#__PURE__*/React.createElement("button", {
+      key: key,
+      type: "button",
+      className: classNames('aci-option-btn', {
+        'keyboard-active': keyboardOptionIndex === index
+      }),
+      onClick: () => this.handleOptionClick(option),
+      onFocus: () => this.setState({
+        keyboardOptionIndex: index
+      })
+    }, option.title);
+  }
+  render() {
+    var {
+      options,
+      inputPlaceholder,
+      disabled,
+      className,
+      defaultTitle,
+      spellCheck,
+      'data-testid': dataTestId
+    } = this.props;
+    var {
+      title,
+      menuIsOpen,
+      popperOptions,
+      invalid
+    } = this.state;
+    return /*#__PURE__*/React.createElement("div", {
+      className: "aci-container",
+      ref: this.cbContainer
+    }, /*#__PURE__*/React.createElement("input", {
+      value: title || defaultTitle,
+      className: classNames('form-control', className, 'aci-input', {
+        'is-invalid': invalid && !menuIsOpen
+      }),
+      ref: this.input,
+      onChange: this.handleInputChange,
+      placeholder: inputPlaceholder || options[0].title,
+      disabled: disabled,
+      onFocus: this.handelInputFocus,
+      onClick: this.handleInputClick,
+      onBlur: this.handleInputBlur,
+      onKeyDown: this.handleInputKeyDown,
+      spellCheck: spellCheck,
+      "data-testid": dataTestId
+    }), /*#__PURE__*/React.createElement(Popper, {
+      ref: this.popper,
+      options: popperOptions,
+      className: classNames('aci-options-popper interactive'),
+      onEntered: this.handleMenuOpened,
+      onExited: this.handleMenuExited
+    }, this.renderMenuElement()));
+  }
+}
+_defineProperty(AutoCompleteInput, "propTypes", {
+  options: PropTypes.arrayOf(PropTypes.shape({
+    title: PropTypes.string.isRequired,
+    value: PropTypes.string.isRequired
+  })).isRequired,
+  popperOptions: PropTypes.shape({}),
+  onChange: PropTypes.func,
+  inputPlaceholder: PropTypes.string,
+  disabled: PropTypes.bool,
+  className: PropTypes.string,
+  defaultTitle: PropTypes.string,
+  spellCheck: PropTypes.bool,
+  onEnter: PropTypes.func,
+  noMatchText: PropTypes.string,
+  'data-testid': PropTypes.string
+});
+_defineProperty(AutoCompleteInput, "defaultProps", {
+  onChange() {
+    // no-op
+  },
+  inputPlaceholder: '',
+  disabled: false,
+  className: '',
+  defaultTitle: '',
+  popperOptions: null,
+  spellCheck: true,
+  onEnter() {
+    // no-op
+  },
+  noMatchText: 'No matching items found',
+  'data-testid': undefined
+});
+_defineProperty(AutoCompleteInput, "MENU_NAVIGATION_DIRECTION", MENU_NAVIGATION_DIRECTION);
+export default AutoCompleteInput;
+//# sourceMappingURL=AutoCompleteInput.js.map

package/dist/AutoCompleteInput.js.map

@@ -0,0 +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":"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"}

package/dist/AutoResizeTextarea.css

@@ -0,0 +1,11 @@
+/* stylelint-disable scss/at-import-no-partial-leading-underscore */
+textarea.auto-resize-textarea {
+  min-height: calc(1.5em + 0.75rem + 2px);
+  white-space: nowrap;
+}
+
+textarea.auto-resize-textarea:focus {
+  white-space: pre;
+}
+
+/*# sourceMappingURL=AutoResizeTextarea.css.map */