@instructure/ui-select 8.33.1 → 8.33.2-snapshot-5

package/lib/Select/index.js

@@ -1,66 +1,38 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.Select = void 0;
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _createChainedFunction = require("@instructure/ui-utils/lib/createChainedFunction.js");
-
 var _testable = require("@instructure/ui-testable/lib/testable.js");
-
 var _matchComponentTypes = require("@instructure/ui-react-utils/lib/matchComponentTypes.js");
-
 var _omitProps = require("@instructure/ui-react-utils/lib/omitProps.js");
-
 var _getInteraction = require("@instructure/ui-react-utils/lib/getInteraction.js");
-
 var _withDeterministicId = require("@instructure/ui-react-utils/lib/DeterministicIdContext/withDeterministicId.js");
-
 var _getBoundingClientRect = require("@instructure/ui-dom-utils/lib/getBoundingClientRect.js");
-
 var _isActiveElement = require("@instructure/ui-dom-utils/lib/isActiveElement.js");
-
 var _View = require("@instructure/ui-view/lib/View");
-
 var _Selectable = require("@instructure/ui-selectable/lib/Selectable");
-
 var _Popover = require("@instructure/ui-popover/lib/Popover");
-
 var _TextInput = require("@instructure/ui-text-input/lib/TextInput");
-
 var _Options = require("@instructure/ui-options/lib/Options");
-
 var _IconArrowOpenDownLine = require("@instructure/ui-icons/lib/IconArrowOpenDownLine.js");
-
 var _IconArrowOpenUpLine2 = require("@instructure/ui-icons/lib/IconArrowOpenUpLine.js");
-
 var _emotion = require("@instructure/emotion");
-
 var _styles = _interopRequireDefault(require("./styles"));
-
 var _theme = _interopRequireDefault(require("./theme"));
-
 var _Group = require("./Group");
-
 var _Option = require("./Option");
-
 var _props = require("./props");
-
 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;
-
 /**
 ---
 category: components
@@ -81,80 +53,64 @@ let Select = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2 = (0
     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 _react.Children.toArray(this.props.children);
   }
-
   getGroupChildrenArray(group) {
     return _react.Children.toArray(group.props.children);
   }
-
   get focused() {
     return this._input ? (0, _isActiveElement.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 (0, _getInteraction.getInteraction)({
       props: this.props
     });
   }
-
   get highlightedOptionId() {
     let highlightedOptionId;
     this.childrenArray.forEach(child => {
@@ -175,7 +131,6 @@ let Select = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2 = (0
     });
     return highlightedOptionId;
   }
-
   get selectedOptionId() {
     const selectedOptionId = [];
     this.childrenArray.forEach(child => {
@@ -194,29 +149,23 @@ let Select = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2 = (0
         }
       }
     });
-
     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 = (0, _getBoundingClientRect.getBoundingClientRect)(this._listView).top;
       const elemTop = (0, _getBoundingClientRect.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) {
@@ -224,29 +173,25 @@ let Select = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2 = (0
       }
     }
   }
-
   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);
@@ -257,11 +202,10 @@ let Select = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2 = (0
       },
       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
@@ -269,11 +213,9 @@ let Select = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2 = (0
           } 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);
@@ -287,7 +229,6 @@ let Select = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2 = (0
       },
       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, {
@@ -297,22 +238,19 @@ let Select = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2 = (0
       }
     } : {};
   }
-
   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,
@@ -321,8 +259,8 @@ let Select = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2 = (0
         children
       }) : renderOptionLabel;
     };
-
-    let optionProps = { // passthrough props
+    let optionProps = {
+      // passthrough props
       ...(0, _omitProps.omitProps)(option.props, [..._Option.Option.allowedProps, ..._Options.Options.Item.allowedProps]),
       // props from selectable
       ...getOptionProps({
@@ -331,47 +269,44 @@ let Select = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2 = (0
       // 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 (0, _emotion.jsx)(_Options.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 = (0, _objectWithoutProperties2.default)(_group$props, _excluded);
-    const groupChildren = []; // add a separator above
-
+      id = _group$props.id,
+      renderLabel = _group$props.renderLabel,
+      children = _group$props.children,
+      rest = (0, _objectWithoutProperties2.default)(_group$props, _excluded);
+    const groupChildren = [];
+    // add a separator above
     if (!isFirstChild && !afterGroup) {
       groupChildren.push(_Options$Separator || (_Options$Separator = (0, _emotion.jsx)(_Options.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((0, _emotion.jsx)(_Options.Options, Object.assign({
       id: id,
       as: "ul",
@@ -382,25 +317,23 @@ let Select = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2 = (0
         getOptionProps,
         getDisabledOptionProps
       });
-    }))); // add a separator below
-
+    })));
+    // add a separator below
     if (!isLastChild) {
       groupChildren.push(_Options$Separator2 || (_Options$Separator2 = (0, _emotion.jsx)(_Options.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',
@@ -427,7 +360,6 @@ let Select = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2 = (0
           getDisabledOptionProps
         });
       }
-
       if ((0, _matchComponentTypes.matchComponentTypes)(child, [_Group.Group])) {
         const afterGroup = lastWasGroup;
         lastWasGroup = true;
@@ -440,15 +372,13 @@ let Select = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2 = (0
           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 (0, _emotion.jsx)("span", {
       css: styles === null || styles === void 0 ? void 0 : styles.icon
     }, isShowingOptions ? _IconArrowOpenUpLine || (_IconArrowOpenUpLine = (0, _emotion.jsx)(_IconArrowOpenUpLine2.IconArrowOpenUpLine, {
@@ -457,49 +387,48 @@ let Select = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2 = (0
       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 = (0, _objectWithoutProperties2.default)(_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 = (0, _objectWithoutProperties2.default)(_this$props8, _excluded2);
     const interaction = this.interaction;
     const passthroughProps = (0, _omitProps.omitProps)(rest, Select.allowedProps);
+    const _getTriggerProps = getTriggerProps({
+        ...passthroughProps
+      }),
+      ref = _getTriggerProps.ref,
+      triggerProps = (0, _objectWithoutProperties2.default)(_getTriggerProps, _excluded3);
+    const isEditable = typeof onInputChange !== 'undefined';
 
-    const _getTriggerProps = getTriggerProps({ ...passthroughProps
-    }),
-          ref = _getTriggerProps.ref,
-          triggerProps = (0, _objectWithoutProperties2.default)(_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,
@@ -529,16 +458,15 @@ let Select = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2 = (0
     };
     return (0, _emotion.jsx)(_TextInput.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;
@@ -548,12 +476,12 @@ let Select = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2 = (0
       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 (0, _emotion.jsx)("span", Object.assign({}, getRootProps({
         css: styles === null || styles === void 0 ? void 0 : styles.select
       }), {
@@ -578,7 +506,6 @@ let Select = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2 = (0
       })));
     });
   }
-
 }, _class2.displayName = "Select", _class2.componentId = 'Select', _class2.allowedProps = _props.allowedProps, _class2.propTypes = _props.propTypes, _class2.defaultProps = {
   inputValue: '',
   isShowingOptions: false,

package/lib/Select/locator.js

@@ -10,9 +10,7 @@ Object.defineProperty(exports, "SelectLocator", {
   }
 });
 exports.default = void 0;
-
 var _SelectLocator = require("./SelectLocator");
-
 /*
  * The MIT License (MIT)
  *

package/lib/Select/props.js

@@ -1,24 +1,16 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.propTypes = exports.allowedProps = void 0;
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _Children = require("@instructure/ui-prop-types/lib/Children.js");
-
 var _FormPropTypes = require("@instructure/ui-form-field/lib/FormPropTypes.js");
-
 var _PositionPropTypes = require("@instructure/ui-position/lib/PositionPropTypes.js");
-
 var _Group = require("./Group");
-
 var _Option = require("./Option");
-
 /*
  * The MIT License (MIT)
  *
@@ -42,6 +34,7 @@ var _Option = require("./Option");
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
+
 const propTypes = {
   renderLabel: _propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.func]).isRequired,
   inputValue: _propTypes.default.string,

package/lib/Select/styles.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 /*
  * The MIT License (MIT)
  *
@@ -67,6 +66,5 @@ const generateStyle = (componentTheme, props) => {
     }
   };
 };
-
 var _default = generateStyle;
 exports.default = _default;

package/lib/Select/theme.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 /*
  * The MIT License (MIT)
  *
@@ -36,7 +35,7 @@ exports.default = void 0;
  */
 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,
@@ -47,9 +46,9 @@ 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
   };
 };
-
 var _default = generateComponentTheme;
 exports.default = _default;

package/lib/index.js

@@ -9,5 +9,4 @@ Object.defineProperty(exports, "Select", {
     return _Select.Select;
   }
 });
-
 var _Select = require("./Select");