@instructure/ui-select 8.33.1 → 8.33.2

package/CHANGELOG.md

@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [8.33.2](https://github.com/instructure/instructure-ui/compare/v8.33.1...v8.33.2) (2023-01-25)
+
+**Note:** Version bump only for package @instructure/ui-select
+
 ## [8.33.1](https://github.com/instructure/instructure-ui/compare/v8.33.0...v8.33.1) (2023-01-06)
 
 **Note:** Version bump only for package @instructure/ui-select

package/es/Select/Group/index.js

@@ -21,8 +21,10 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
+
 import { Component } from 'react';
 import { allowedProps, propTypes } from './props';
+
 /**
 ---
 parent: Select
@@ -31,7 +33,6 @@ id: Select.Group
 @module Group
 @tsProps
 **/
-
 class Group extends Component {
   /* istanbul ignore next */
   render() {
@@ -39,9 +40,7 @@ class Group extends Component {
     // are parsed in Select and rendered as Options components
     return null;
   }
-
 }
-
 Group.displayName = "Group";
 Group.componentId = 'Select.Group';
 Group.allowedProps = allowedProps;

package/es/Select/Group/props.js

@@ -21,6 +21,7 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
+
 import PropTypes from 'prop-types';
 import { Children as ChildrenPropTypes } from '@instructure/ui-prop-types';
 import { Option } from '../Option';

package/es/Select/Option/index.js

@@ -21,8 +21,10 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
+
 import { Component } from 'react';
 import { allowedProps, propTypes } from './props';
+
 /**
 ---
 parent: Select
@@ -31,7 +33,6 @@ id: Select.Option
 @module Option
 @tsProps
 **/
-
 class Option extends Component {
   /* istanbul ignore next */
   render() {
@@ -39,9 +40,7 @@ class Option extends Component {
     // are parsed in Select and rendered as Options.Item components
     return null;
   }
-
 }
-
 Option.displayName = "Option";
 Option.componentId = 'Select.Option';
 Option.allowedProps = allowedProps;

package/es/Select/Option/props.js

@@ -21,6 +21,7 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
+
 import PropTypes from 'prop-types';
 const propTypes = {
   id: PropTypes.string.isRequired,

package/es/Select/SelectLocator.js

@@ -22,16 +22,17 @@
  * SOFTWARE.
  */
 import { locator } from '@instructure/ui-test-locator';
+
 /* eslint-disable no-restricted-imports */
 // @ts-expect-error ts-migrate(7016) FIXME: Could not find a declaration file for module '@ins... Remove this comment to see the full error message
-
-import { OptionsLocator } from '@instructure/ui-options/es/Options/OptionsLocator'; // @ts-expect-error ts-migrate(7016) FIXME: Could not find a declaration file for module '@ins... Remove this comment to see the full error message
-
+import { OptionsLocator } from '@instructure/ui-options/es/Options/OptionsLocator';
+// @ts-expect-error ts-migrate(7016) FIXME: Could not find a declaration file for module '@ins... Remove this comment to see the full error message
 import { PopoverLocator } from '@instructure/ui-popover/es/Popover/PopoverLocator';
 /* eslint-enable no-restricted-imports */
 
-import { Select } from './index'; // @ts-expect-error ts-migrate(2339) FIXME: Property 'selector' does not exist on type 'typeof... Remove this comment to see the full error message
+import { Select } from './index';
 
+// @ts-expect-error ts-migrate(2339) FIXME: Property 'selector' does not exist on type 'typeof... Remove this comment to see the full error message
 export const SelectLocator = locator(Select.selector, {
   findInput: function () {
     return locator('input').find(...arguments);
@@ -40,7 +41,6 @@ export const SelectLocator = locator(Select.selector, {
     for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
       args[_key - 1] = arguments[_key];
     }
-
     const content = await PopoverLocator.findContent(element, ...args);
     return content ? OptionsLocator.find(content.getDOMNode()) : null;
   }

package/es/Select/index.js

@@ -1,10 +1,8 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 const _excluded = ["id", "renderLabel", "children"],
-      _excluded2 = ["renderLabel", "inputValue", "placeholder", "isRequired", "shouldNotWrap", "size", "isInline", "width", "htmlSize", "messages", "renderBeforeInput", "renderAfterInput", "onFocus", "onBlur", "onInputChange", "onRequestHideOptions"],
-      _excluded3 = ["ref"];
-
+  _excluded2 = ["renderLabel", "inputValue", "placeholder", "isRequired", "shouldNotWrap", "size", "isInline", "width", "htmlSize", "messages", "renderBeforeInput", "renderAfterInput", "onFocus", "onBlur", "onInputChange", "onRequestHideOptions"],
+  _excluded3 = ["ref"];
 var _dec, _dec2, _dec3, _class, _class2, _Options$Separator, _Options$Separator2, _IconArrowOpenUpLine, _IconArrowOpenDownLin;
-
 /*
  * The MIT License (MIT)
  *
@@ -47,7 +45,6 @@ import generateComponentTheme from './theme';
 import { Group } from './Group';
 import { Option } from './Option';
 import { allowedProps, propTypes } from './props';
-
 /**
 ---
 category: components
@@ -68,80 +65,64 @@ let Select = (_dec = withDeterministicId(), _dec2 = withStyle(generateStyle, gen
     this._listView = null;
     this._optionIds = [];
     this._optionHeight = 36;
-
     this.handleInputRef = node => {
       var _this$props$inputRef, _this$props;
-
       // ensures list is positioned with respect to input if list is open on mount
       if (!this.state.hasInputRef) {
         this.setState({
           hasInputRef: true
         });
       }
-
       this._input = node;
       (_this$props$inputRef = (_this$props = this.props).inputRef) === null || _this$props$inputRef === void 0 ? void 0 : _this$props$inputRef.call(_this$props, node);
     };
-
     this.handleListRef = node => {
       var _this$props$listRef, _this$props2;
+      (_this$props$listRef = (_this$props2 = this.props).listRef) === null || _this$props$listRef === void 0 ? void 0 : _this$props$listRef.call(_this$props2, node);
 
-      (_this$props$listRef = (_this$props2 = this.props).listRef) === null || _this$props$listRef === void 0 ? void 0 : _this$props$listRef.call(_this$props2, node); // store option height to calculate list maxHeight
-
+      // store option height to calculate list maxHeight
       if (node && node.querySelector('[role="option"]')) {
         this._optionHeight = node.querySelector('[role="option"]').offsetHeight;
       }
     };
-
     this.handleInputContainerRef = node => {
       this._inputContainer = node;
     };
   }
-
   componentDidMount() {
     var _this$props$makeStyle, _this$props3;
-
     (_this$props$makeStyle = (_this$props3 = this.props).makeStyles) === null || _this$props$makeStyle === void 0 ? void 0 : _this$props$makeStyle.call(_this$props3);
   }
-
   componentDidUpdate() {
     var _this$props$makeStyle2, _this$props4;
+    (_this$props$makeStyle2 = (_this$props4 = this.props).makeStyles) === null || _this$props$makeStyle2 === void 0 ? void 0 : _this$props$makeStyle2.call(_this$props4);
 
-    (_this$props$makeStyle2 = (_this$props4 = this.props).makeStyles) === null || _this$props$makeStyle2 === void 0 ? void 0 : _this$props$makeStyle2.call(_this$props4); // scroll option into view if needed
-
+    // scroll option into view if needed
     this.scrollToOption(this.highlightedOptionId);
   }
-
   focus() {
     this._input && this._input.focus();
   }
-
   get childrenArray() {
     return Children.toArray(this.props.children);
   }
-
   getGroupChildrenArray(group) {
     return Children.toArray(group.props.children);
   }
-
   get focused() {
     return this._input ? isActiveElement(this._input) : false;
   }
-
   get id() {
     return this.props.id || this._defaultId;
   }
-
   get width() {
     return this._inputContainer ? this._inputContainer.offsetWidth : void 0;
   }
-
   get interaction() {
     return getInteraction({
       props: this.props
     });
   }
-
   get highlightedOptionId() {
     let highlightedOptionId;
     this.childrenArray.forEach(child => {
@@ -162,7 +143,6 @@ let Select = (_dec = withDeterministicId(), _dec2 = withStyle(generateStyle, gen
     });
     return highlightedOptionId;
   }
-
   get selectedOptionId() {
     const selectedOptionId = [];
     this.childrenArray.forEach(child => {
@@ -181,29 +161,23 @@ let Select = (_dec = withDeterministicId(), _dec2 = withStyle(generateStyle, gen
         }
       }
     });
-
     if (selectedOptionId.length === 1) {
       return selectedOptionId[0];
     }
-
     if (selectedOptionId.length === 0) {
       return void 0;
     }
-
     return selectedOptionId;
   }
-
   scrollToOption(id) {
     if (this._listView) {
       const option = this._listView.querySelector(`[id="${id}"]`);
-
       if (!option) return;
       const listItem = option.parentNode;
       const parentTop = getBoundingClientRect(this._listView).top;
       const elemTop = getBoundingClientRect(listItem).top;
       const parentBottom = parentTop + this._listView.clientHeight;
       const elemBottom = elemTop + (listItem ? listItem.clientHeight : 0);
-
       if (elemBottom > parentBottom) {
         this._listView.scrollTop += elemBottom - parentBottom;
       } else if (elemTop < parentTop) {
@@ -211,29 +185,25 @@ let Select = (_dec = withDeterministicId(), _dec2 = withStyle(generateStyle, gen
       }
     }
   }
-
   highlightOption(event, id) {
     const onRequestHighlightOption = this.props.onRequestHighlightOption;
-
     if (id) {
       onRequestHighlightOption === null || onRequestHighlightOption === void 0 ? void 0 : onRequestHighlightOption(event, {
         id
       });
     }
   }
-
   getEventHandlers() {
     const _this$props5 = this.props,
-          isShowingOptions = _this$props5.isShowingOptions,
-          onRequestShowOptions = _this$props5.onRequestShowOptions,
-          onRequestHideOptions = _this$props5.onRequestHideOptions,
-          onRequestSelectOption = _this$props5.onRequestSelectOption;
+      isShowingOptions = _this$props5.isShowingOptions,
+      onRequestShowOptions = _this$props5.onRequestShowOptions,
+      onRequestHideOptions = _this$props5.onRequestHideOptions,
+      onRequestSelectOption = _this$props5.onRequestSelectOption;
     const highlightedOptionId = this.highlightedOptionId;
     const selectedOptionId = this.selectedOptionId;
     return this.interaction === 'enabled' ? {
       onRequestShowOptions: event => {
         onRequestShowOptions === null || onRequestShowOptions === void 0 ? void 0 : onRequestShowOptions(event);
-
         if (selectedOptionId && !Array.isArray(selectedOptionId)) {
           // highlight selected option on show
           this.highlightOption(event, selectedOptionId);
@@ -244,11 +214,10 @@ let Select = (_dec = withDeterministicId(), _dec2 = withStyle(generateStyle, gen
       },
       onRequestHighlightOption: (event, _ref) => {
         let id = _ref.id,
-            direction = _ref.direction;
-        if (!isShowingOptions) return; // if id exists, use that
-
+          direction = _ref.direction;
+        if (!isShowingOptions) return;
+        // if id exists, use that
         let highlightId = this._optionIds.indexOf(id) > -1 ? id : void 0;
-
         if (!highlightId) {
           if (!highlightedOptionId) {
             // nothing highlighted yet, highlight first option
@@ -256,11 +225,9 @@ let Select = (_dec = withDeterministicId(), _dec2 = withStyle(generateStyle, gen
           } else {
             // find next id based on direction
             const index = this._optionIds.indexOf(highlightedOptionId);
-
             highlightId = index > -1 ? this._optionIds[index + direction] : void 0;
           }
         }
-
         if (highlightId) {
           // only highlight if id exists as a valid option
           this.highlightOption(event, highlightId);
@@ -274,7 +241,6 @@ let Select = (_dec = withDeterministicId(), _dec2 = withStyle(generateStyle, gen
       },
       onRequestSelectOption: (event, _ref2) => {
         let id = _ref2.id;
-
         if (id && this._optionIds.indexOf(id) !== -1) {
           // only select if id exists as a valid option
           onRequestSelectOption === null || onRequestSelectOption === void 0 ? void 0 : onRequestSelectOption(event, {
@@ -284,22 +250,19 @@ let Select = (_dec = withDeterministicId(), _dec2 = withStyle(generateStyle, gen
       }
     } : {};
   }
-
   renderOption(option, data) {
     const getOptionProps = data.getOptionProps,
-          getDisabledOptionProps = data.getDisabledOptionProps;
+      getDisabledOptionProps = data.getDisabledOptionProps;
     const _option$props = option.props,
-          id = _option$props.id,
-          isDisabled = _option$props.isDisabled,
-          isHighlighted = _option$props.isHighlighted,
-          isSelected = _option$props.isSelected,
-          renderBeforeLabel = _option$props.renderBeforeLabel,
-          renderAfterLabel = _option$props.renderAfterLabel,
-          children = _option$props.children;
-
+      id = _option$props.id,
+      isDisabled = _option$props.isDisabled,
+      isHighlighted = _option$props.isHighlighted,
+      isSelected = _option$props.isSelected,
+      renderBeforeLabel = _option$props.renderBeforeLabel,
+      renderAfterLabel = _option$props.renderAfterLabel,
+      children = _option$props.children;
     const getRenderOptionLabel = renderOptionLabel => {
       var _renderOptionLabel$pr;
-
       return typeof renderOptionLabel === 'function' && !(renderOptionLabel !== null && renderOptionLabel !== void 0 && (_renderOptionLabel$pr = renderOptionLabel.prototype) !== null && _renderOptionLabel$pr !== void 0 && _renderOptionLabel$pr.isReactComponent) ? renderOptionLabel.bind(null, {
         id,
         isDisabled,
@@ -308,8 +271,8 @@ let Select = (_dec = withDeterministicId(), _dec2 = withStyle(generateStyle, gen
         children
       }) : renderOptionLabel;
     };
-
-    let optionProps = { // passthrough props
+    let optionProps = {
+      // passthrough props
       ...omitProps(option.props, [...Option.allowedProps, ...Options.Item.allowedProps]),
       // props from selectable
       ...getOptionProps({
@@ -318,49 +281,44 @@ let Select = (_dec = withDeterministicId(), _dec2 = withStyle(generateStyle, gen
       // Options.Item props
       renderBeforeLabel: getRenderOptionLabel(renderBeforeLabel),
       renderAfterLabel: getRenderOptionLabel(renderAfterLabel)
-    }; // should option be treated as highlighted or selected
-
+    };
+    // should option be treated as highlighted or selected
     if (isSelected) {
       optionProps.variant = 'selected';
     } else if (isHighlighted) {
       optionProps.variant = 'highlighted';
-    } // should option be treated as disabled
-
-
+    }
+    // should option be treated as disabled
     if (isDisabled) {
       optionProps.variant = 'disabled';
-      optionProps = { ...optionProps,
+      optionProps = {
+        ...optionProps,
         ...getDisabledOptionProps()
       };
     } else {
       // track as valid option if not disabled
       this._optionIds.push(id);
     }
-
     return jsx(Options.Item, optionProps, children);
   }
-
   renderGroup(group, data) {
     const getOptionProps = data.getOptionProps,
-          getDisabledOptionProps = data.getDisabledOptionProps,
-          isFirstChild = data.isFirstChild,
-          isLastChild = data.isLastChild,
-          afterGroup = data.afterGroup;
-
+      getDisabledOptionProps = data.getDisabledOptionProps,
+      isFirstChild = data.isFirstChild,
+      isLastChild = data.isLastChild,
+      afterGroup = data.afterGroup;
     const _group$props = group.props,
-          id = _group$props.id,
-          renderLabel = _group$props.renderLabel,
-          children = _group$props.children,
-          rest = _objectWithoutProperties(_group$props, _excluded);
-
-    const groupChildren = []; // add a separator above
-
+      id = _group$props.id,
+      renderLabel = _group$props.renderLabel,
+      children = _group$props.children,
+      rest = _objectWithoutProperties(_group$props, _excluded);
+    const groupChildren = [];
+    // add a separator above
     if (!isFirstChild && !afterGroup) {
       groupChildren.push(_Options$Separator || (_Options$Separator = jsx(Options.Separator, null)));
-    } // create a sublist as a group
+    }
+    // create a sublist as a group
     // a wrapping listitem will be created by Options
-
-
     groupChildren.push(jsx(Options, Object.assign({
       id: id,
       as: "ul",
@@ -371,25 +329,23 @@ let Select = (_dec = withDeterministicId(), _dec2 = withStyle(generateStyle, gen
         getOptionProps,
         getDisabledOptionProps
       });
-    }))); // add a separator below
-
+    })));
+    // add a separator below
     if (!isLastChild) {
       groupChildren.push(_Options$Separator2 || (_Options$Separator2 = jsx(Options.Separator, null)));
     }
-
     return groupChildren;
   }
-
   renderList(data) {
     const getListProps = data.getListProps,
-          getOptionProps = data.getOptionProps,
-          getDisabledOptionProps = data.getDisabledOptionProps;
+      getOptionProps = data.getOptionProps,
+      getDisabledOptionProps = data.getDisabledOptionProps;
     const _this$props6 = this.props,
-          isShowingOptions = _this$props6.isShowingOptions,
-          optionsMaxWidth = _this$props6.optionsMaxWidth,
-          optionsMaxHeight = _this$props6.optionsMaxHeight,
-          visibleOptionsCount = _this$props6.visibleOptionsCount,
-          children = _this$props6.children;
+      isShowingOptions = _this$props6.isShowingOptions,
+      optionsMaxWidth = _this$props6.optionsMaxWidth,
+      optionsMaxHeight = _this$props6.optionsMaxHeight,
+      visibleOptionsCount = _this$props6.visibleOptionsCount,
+      children = _this$props6.children;
     let lastWasGroup = false;
     const viewProps = isShowingOptions ? {
       display: 'block',
@@ -416,7 +372,6 @@ let Select = (_dec = withDeterministicId(), _dec2 = withStyle(generateStyle, gen
           getDisabledOptionProps
         });
       }
-
       if (matchComponentTypes(child, [Group])) {
         const afterGroup = lastWasGroup;
         lastWasGroup = true;
@@ -429,15 +384,13 @@ let Select = (_dec = withDeterministicId(), _dec2 = withStyle(generateStyle, gen
           afterGroup
         });
       }
-
       return;
     }) : null));
   }
-
   renderIcon() {
     const _this$props7 = this.props,
-          styles = _this$props7.styles,
-          isShowingOptions = _this$props7.isShowingOptions;
+      styles = _this$props7.styles,
+      isShowingOptions = _this$props7.isShowingOptions;
     return jsx("span", {
       css: styles === null || styles === void 0 ? void 0 : styles.icon
     }, isShowingOptions ? _IconArrowOpenUpLine || (_IconArrowOpenUpLine = jsx(IconArrowOpenUpLine, {
@@ -446,51 +399,48 @@ let Select = (_dec = withDeterministicId(), _dec2 = withStyle(generateStyle, gen
       inline: false
     })));
   }
-
   renderInput(data) {
     const getInputProps = data.getInputProps,
-          getTriggerProps = data.getTriggerProps;
-
+      getTriggerProps = data.getTriggerProps;
     const _this$props8 = this.props,
-          renderLabel = _this$props8.renderLabel,
-          inputValue = _this$props8.inputValue,
-          placeholder = _this$props8.placeholder,
-          isRequired = _this$props8.isRequired,
-          shouldNotWrap = _this$props8.shouldNotWrap,
-          size = _this$props8.size,
-          isInline = _this$props8.isInline,
-          width = _this$props8.width,
-          htmlSize = _this$props8.htmlSize,
-          messages = _this$props8.messages,
-          renderBeforeInput = _this$props8.renderBeforeInput,
-          renderAfterInput = _this$props8.renderAfterInput,
-          onFocus = _this$props8.onFocus,
-          onBlur = _this$props8.onBlur,
-          onInputChange = _this$props8.onInputChange,
-          onRequestHideOptions = _this$props8.onRequestHideOptions,
-          rest = _objectWithoutProperties(_this$props8, _excluded2);
-
+      renderLabel = _this$props8.renderLabel,
+      inputValue = _this$props8.inputValue,
+      placeholder = _this$props8.placeholder,
+      isRequired = _this$props8.isRequired,
+      shouldNotWrap = _this$props8.shouldNotWrap,
+      size = _this$props8.size,
+      isInline = _this$props8.isInline,
+      width = _this$props8.width,
+      htmlSize = _this$props8.htmlSize,
+      messages = _this$props8.messages,
+      renderBeforeInput = _this$props8.renderBeforeInput,
+      renderAfterInput = _this$props8.renderAfterInput,
+      onFocus = _this$props8.onFocus,
+      onBlur = _this$props8.onBlur,
+      onInputChange = _this$props8.onInputChange,
+      onRequestHideOptions = _this$props8.onRequestHideOptions,
+      rest = _objectWithoutProperties(_this$props8, _excluded2);
     const interaction = this.interaction;
     const passthroughProps = omitProps(rest, Select.allowedProps);
+    const _getTriggerProps = getTriggerProps({
+        ...passthroughProps
+      }),
+      ref = _getTriggerProps.ref,
+      triggerProps = _objectWithoutProperties(_getTriggerProps, _excluded3);
+    const isEditable = typeof onInputChange !== 'undefined';
 
-    const _getTriggerProps = getTriggerProps({ ...passthroughProps
-    }),
-          ref = _getTriggerProps.ref,
-          triggerProps = _objectWithoutProperties(_getTriggerProps, _excluded3);
-
-    const isEditable = typeof onInputChange !== 'undefined'; // props to ensure screen readers treat uneditable selects as accessible
+    // props to ensure screen readers treat uneditable selects as accessible
     // popup buttons rather than comboboxes.
-
     const overrideProps = !isEditable ? {
       role: 'button',
       title: inputValue,
       'aria-autocomplete': void 0
-    } : {}; // backdoor to autocomplete attr to work around chrome autofill issues
+    } : {};
 
+    // backdoor to autocomplete attr to work around chrome autofill issues
     if (passthroughProps['autoComplete']) {
       overrideProps.autoComplete = passthroughProps['autoComplete'];
     }
-
     const inputProps = {
       id: this.id,
       renderLabel,
@@ -520,16 +470,15 @@ let Select = (_dec = withDeterministicId(), _dec2 = withStyle(generateStyle, gen
     };
     return jsx(TextInput, Object.assign({}, triggerProps, getInputProps(inputProps)));
   }
-
   render() {
     const _this$props9 = this.props,
-          constrain = _this$props9.constrain,
-          placement = _this$props9.placement,
-          mountNode = _this$props9.mountNode,
-          assistiveText = _this$props9.assistiveText,
-          isShowingOptions = _this$props9.isShowingOptions,
-          styles = _this$props9.styles; // clear temporary option store
-
+      constrain = _this$props9.constrain,
+      placement = _this$props9.placement,
+      mountNode = _this$props9.mountNode,
+      assistiveText = _this$props9.assistiveText,
+      isShowingOptions = _this$props9.isShowingOptions,
+      styles = _this$props9.styles;
+    // clear temporary option store
     this._optionIds = [];
     const highlightedOptionId = this.highlightedOptionId;
     const selectedOptionId = this.selectedOptionId;
@@ -539,12 +488,12 @@ let Select = (_dec = withDeterministicId(), _dec2 = withStyle(generateStyle, gen
       selectedOptionId: selectedOptionId
     }, this.getEventHandlers()), _ref3 => {
       let getRootProps = _ref3.getRootProps,
-          getInputProps = _ref3.getInputProps,
-          getTriggerProps = _ref3.getTriggerProps,
-          getListProps = _ref3.getListProps,
-          getOptionProps = _ref3.getOptionProps,
-          getDisabledOptionProps = _ref3.getDisabledOptionProps,
-          getDescriptionProps = _ref3.getDescriptionProps;
+        getInputProps = _ref3.getInputProps,
+        getTriggerProps = _ref3.getTriggerProps,
+        getListProps = _ref3.getListProps,
+        getOptionProps = _ref3.getOptionProps,
+        getDisabledOptionProps = _ref3.getDisabledOptionProps,
+        getDescriptionProps = _ref3.getDescriptionProps;
       return jsx("span", Object.assign({}, getRootProps({
         css: styles === null || styles === void 0 ? void 0 : styles.select
       }), {
@@ -569,7 +518,6 @@ let Select = (_dec = withDeterministicId(), _dec2 = withStyle(generateStyle, gen
       })));
     });
   }
-
 }, _class2.displayName = "Select", _class2.componentId = 'Select', _class2.allowedProps = allowedProps, _class2.propTypes = propTypes, _class2.defaultProps = {
   inputValue: '',
   isShowingOptions: false,

package/es/Select/props.js

@@ -21,6 +21,7 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
+
 import PropTypes from 'prop-types';
 import { Children as ChildrenPropTypes } from '@instructure/ui-prop-types';
 import { FormPropTypes } from '@instructure/ui-form-field';

package/es/Select/styles.js

@@ -60,5 +60,4 @@ const generateStyle = (componentTheme, props) => {
     }
   };
 };
-
 export default generateStyle;

package/es/Select/theme.js

@@ -29,7 +29,7 @@
  */
 const generateComponentTheme = theme => {
   const colors = theme.colors,
-        typography = theme.typography;
+    typography = theme.typography;
   const componentVariables = {
     fontSize: typography === null || typography === void 0 ? void 0 : typography.fontSizeMedium,
     fontFamily: typography === null || typography === void 0 ? void 0 : typography.fontFamily,
@@ -40,8 +40,8 @@ const generateComponentTheme = theme => {
     color: colors === null || colors === void 0 ? void 0 : colors.textDarkest,
     background: colors === null || colors === void 0 ? void 0 : colors.backgroundLightest
   };
-  return { ...componentVariables
+  return {
+    ...componentVariables
   };
 };
-
 export default generateComponentTheme;

package/es/index.js

@@ -21,4 +21,5 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
+
 export { Select } from './Select';