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

package/CHANGELOG.md

@@ -3,7 +3,7 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
-## [8.33.1-snapshot-1](https://github.com/instructure/instructure-ui/compare/v8.33.0...v8.33.1-snapshot-1) (2023-01-06)
+## [8.33.2-snapshot-5](https://github.com/instructure/instructure-ui/compare/v8.33.1...v8.33.2-snapshot-5) (2023-01-23)
 
 **Note:** Version bump only for package @instructure/ui-simple-select
 
@@ -11,22 +11,18 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
 
 
 
-# [8.33.0](https://github.com/instructure/instructure-ui/compare/v8.32.1...v8.33.0) (2023-01-04)
+## [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-simple-select
 
+# [8.33.0](https://github.com/instructure/instructure-ui/compare/v8.32.1...v8.33.0) (2023-01-04)
 
-
-
+**Note:** Version bump only for package @instructure/ui-simple-select
 
 ## [8.32.1](https://github.com/instructure/instructure-ui/compare/v8.30.0...v8.32.1) (2022-12-01)
 
 **Note:** Version bump only for package @instructure/ui-simple-select
 
-
-
-
-
 # [8.32.0](https://github.com/instructure/instructure-ui/compare/v8.31.0...v8.32.0) (2022-11-23)
 
 **Note:** Version bump only for package @instructure/ui-simple-select

package/es/SimpleSelect/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: SimpleSelect
@@ -30,7 +32,6 @@ id: SimpleSelect.Group
 ---
 @tsProps
 **/
-
 class Group extends Component {
   /* istanbul ignore next */
   render() {
@@ -38,9 +39,7 @@ class Group extends Component {
     // are parsed in Select and rendered as Options components
     return null;
   }
-
 }
-
 Group.displayName = "Group";
 Group.componentId = 'SimpleSelect.Group';
 Group.allowedProps = allowedProps;

package/es/SimpleSelect/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/SimpleSelect/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: SimpleSelect
@@ -30,7 +32,6 @@ id: SimpleSelect.Option
 ---
 @tsProps
 **/
-
 class Option extends Component {
   /* istanbul ignore next */
   render() {
@@ -38,9 +39,7 @@ class Option extends Component {
     // are parsed in Select and rendered as Options.Item components
     return null;
   }
-
 }
-
 Option.displayName = "Option";
 Option.componentId = 'SimpleSelect.Option';
 Option.allowedProps = allowedProps;

package/es/SimpleSelect/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/SimpleSelect/SimpleSelectLocator.js

@@ -22,14 +22,15 @@
  * 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 { SelectLocator } from '@instructure/ui-select/es/Select/SelectLocator';
 /* eslint-enable no-restricted-imports */
 
-import { SimpleSelect } 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 { SimpleSelect } 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 SimpleSelectLocator = locator(SimpleSelect.selector, {
   findInput: SelectLocator.findInput,
   // TODO these dont work because TS doesnt find its type declarations,

package/es/SimpleSelect/__examples__/SimpleSelect.examples.js

@@ -21,6 +21,7 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
+
 import React from 'react';
 import { SimpleSelect } from '../../SimpleSelect';
 export default {

package/es/SimpleSelect/index.js

@@ -1,10 +1,8 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 const _excluded = ["id", "value", "children", "renderBeforeLabel", "renderAfterLabel"],
-      _excluded2 = ["id", "renderLabel", "children"],
-      _excluded3 = ["renderLabel", "value", "defaultValue", "id", "size", "assistiveText", "placeholder", "interaction", "isRequired", "isInline", "width", "optionsMaxWidth", "optionsMaxHeight", "visibleOptionsCount", "messages", "placement", "constrain", "mountNode", "inputRef", "listRef", "renderEmptyOption", "renderBeforeInput", "renderAfterInput", "onFocus", "onBlur", "onShowOptions", "onHideOptions", "children"];
-
+  _excluded2 = ["id", "renderLabel", "children"],
+  _excluded3 = ["renderLabel", "value", "defaultValue", "id", "size", "assistiveText", "placeholder", "interaction", "isRequired", "isInline", "width", "optionsMaxWidth", "optionsMaxHeight", "visibleOptionsCount", "messages", "placement", "constrain", "mountNode", "inputRef", "listRef", "renderEmptyOption", "renderBeforeInput", "renderAfterInput", "onFocus", "onBlur", "onShowOptions", "onHideOptions", "children"];
 var _dec, _dec2, _class, _class2;
-
 /*
  * The MIT License (MIT)
  *
@@ -28,6 +26,7 @@ var _dec, _dec2, _class, _class2;
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
+
 import React, { Component, Children } from 'react';
 import { testable } from '@instructure/ui-testable';
 import { matchComponentTypes, passthroughProps, callRenderProp, getInteraction, withDeterministicId } from '@instructure/ui-react-utils';
@@ -35,7 +34,6 @@ import { Select } from '@instructure/ui-select';
 import { Option } from './Option';
 import { Group } from './Group';
 import { allowedProps, propTypes } from './props';
-
 /**
 ---
 category: components
@@ -48,61 +46,48 @@ let SimpleSelect = (_dec = withDeterministicId(), _dec2 = testable(), _dec(_clas
     super(props);
     this.ref = null;
     this._emptyOptionId = void 0;
-
     this.getOption = (field, value) => {
       const children = Children.toArray(this.props.children);
       let match;
-
       for (let i = 0; i < children.length; ++i) {
         const child = children[i];
-
         if (matchComponentTypes(child, [Option])) {
           if (child.props[field] === value) {
             match = child;
           }
         } else if (matchComponentTypes(child, [Group])) {
           const groupChildren = Children.toArray(child.props.children);
-
           for (let j = 0; j < groupChildren.length; ++j) {
             const groupChild = groupChildren[j];
-
             if (groupChild.props[field] === value) {
               match = groupChild;
               break;
             }
           }
         }
-
         if (match) break;
       }
-
       return match;
     };
-
     this.handleRef = node => {
       this.ref = node;
     };
-
     this.handleBlur = event => {
       this.setState({
         highlightedOptionId: void 0
       });
-
       if (typeof this.props.onBlur === 'function') {
         this.props.onBlur(event);
       }
     };
-
     this.handleShowOptions = event => {
       this.setState({
         isShowingOptions: true
       });
-
       if (typeof this.props.onShowOptions === 'function') {
         this.props.onShowOptions(event);
       }
     };
-
     this.handleHideOptions = event => {
       this.setState(state => {
         const option = this.getOption('id', state.selectedOptionId);
@@ -112,12 +97,10 @@ let SimpleSelect = (_dec = withDeterministicId(), _dec2 = testable(), _dec(_clas
           inputValue: option ? option.props.children : ''
         };
       });
-
       if (typeof this.props.onHideOptions === 'function') {
         this.props.onHideOptions(event);
       }
     };
-
     this.handleHighlightOption = (event, _ref) => {
       let id = _ref.id;
       if (id === this._emptyOptionId) return;
@@ -129,10 +112,8 @@ let SimpleSelect = (_dec = withDeterministicId(), _dec2 = testable(), _dec(_clas
         inputValue
       });
     };
-
     this.handleSelectOption = (event, _ref2) => {
       let id = _ref2.id;
-
       if (id === this._emptyOptionId) {
         // selected option is the empty option
         this.setState({
@@ -140,10 +121,8 @@ let SimpleSelect = (_dec = withDeterministicId(), _dec2 = testable(), _dec(_clas
         });
         return;
       }
-
       const option = this.getOption('id', id);
       const value = option && option.props.value;
-
       if (this.isControlled) {
         this.setState({
           isShowingOptions: false
@@ -154,24 +133,20 @@ let SimpleSelect = (_dec = withDeterministicId(), _dec2 = testable(), _dec(_clas
           selectedOptionId: id,
           inputValue: option ? option.props.children : state.inputValue
         }));
-      } // fire onChange if selected option changed
-
-
+      }
+      // fire onChange if selected option changed
       if (option && typeof this.props.onChange === 'function') {
         this.props.onChange(event, {
           value,
           id
         });
-      } // hide options list whenever selection is made
-
-
+      }
+      // hide options list whenever selection is made
       if (typeof this.props.onHideOptions === 'function') {
         this.props.onHideOptions(event);
       }
     };
-
     const _option = this.getInitialOption(props);
-
     this.state = {
       inputValue: _option ? _option.props.children : '',
       isShowingOptions: false,
@@ -180,90 +155,71 @@ let SimpleSelect = (_dec = withDeterministicId(), _dec2 = testable(), _dec(_clas
     };
     this._emptyOptionId = props.deterministicId('Select-EmptyOption');
   }
-
   get _select() {
     return this.ref;
   }
-
   focus() {
     this.ref && this.ref.focus();
   }
-
   get focused() {
     return this.ref ? this.ref.focused : false;
   }
-
   get id() {
     return this.ref ? this.ref.id : void 0;
   }
-
   get isControlled() {
     return typeof this.props.value !== 'undefined';
   }
-
   get interaction() {
     return getInteraction({
       props: this.props
     });
   }
-
   componentDidUpdate(prevProps) {
     if (this.props.value !== prevProps.value) {
       let option = this.getOption('value', this.props.value);
-
       if (typeof this.props.value === 'undefined') {
         // preserve current value when changing from controlled to uncontrolled
         option = this.getOption('value', prevProps.value);
       }
-
       this.setState({
         inputValue: option ? option.props.children : '',
         selectedOptionId: option ? option.props.id : ''
       });
     }
   }
-
   getInitialOption(props) {
     const value = props.value,
-          defaultValue = props.defaultValue;
+      defaultValue = props.defaultValue;
     const initialValue = value || defaultValue;
-
     if (typeof initialValue === 'string' || typeof initialValue === 'number') {
       // get option based on value or defaultValue, if provided
       return this.getOption('value', initialValue);
-    } // otherwise get the first option
-
-
+    }
+    // otherwise get the first option
     return this.getFirstOption();
   }
-
   getOptionLabelById(id) {
     const option = this.getOption('id', id);
     return option ? option.props.children : '';
   }
-
   getFirstOption() {
     const children = Children.toArray(this.props.children);
     let match;
-
     for (let i = 0; i < children.length; i++) {
       const child = children[i];
-
       if (matchComponentTypes(child, [Option])) {
         match = child;
       } else if (matchComponentTypes(child, [Group])) {
         // first child is a group, not an option, find first child in group
         match = Children.toArray(child.props.children)[0];
       }
-
       if (match) {
         break;
       }
     }
-
     return match;
   }
-
   renderChildren() {
     let children = Children.toArray(this.props.children);
     children = Children.map(children, child => {
@@ -272,18 +228,14 @@ let SimpleSelect = (_dec = withDeterministicId(), _dec2 = testable(), _dec(_clas
       } else if (matchComponentTypes(child, [Group])) {
         return this.renderGroup(child);
       }
-
       return null;
     }).filter(child => !!child);
-
     if (children.length === 0) {
       // no valid children, render empty option
       return this.renderEmptyOption();
     }
-
     return children;
   }
-
   renderEmptyOption() {
     return /*#__PURE__*/React.createElement(Select.Option, {
       id: this._emptyOptionId,
@@ -291,23 +243,19 @@ let SimpleSelect = (_dec = withDeterministicId(), _dec2 = testable(), _dec(_clas
       isSelected: false
     }, callRenderProp(this.props.renderEmptyOption));
   }
-
   renderOption(option) {
     const _option$props = option.props,
-          id = _option$props.id,
-          value = _option$props.value,
-          children = _option$props.children,
-          renderBeforeLabel = _option$props.renderBeforeLabel,
-          renderAfterLabel = _option$props.renderAfterLabel,
-          rest = _objectWithoutProperties(_option$props, _excluded);
-
+      id = _option$props.id,
+      value = _option$props.value,
+      children = _option$props.children,
+      renderBeforeLabel = _option$props.renderBeforeLabel,
+      renderAfterLabel = _option$props.renderAfterLabel,
+      rest = _objectWithoutProperties(_option$props, _excluded);
     const isDisabled = option.props.isDisabled;
     const isSelected = id === this.state.selectedOptionId;
     const isHighlighted = id === this.state.highlightedOptionId;
-
     const getRenderLabel = renderLabel => {
       var _renderLabel$prototyp;
-
       return typeof renderLabel === 'function' && !(renderLabel !== null && renderLabel !== void 0 && (_renderLabel$prototyp = renderLabel.prototype) !== null && _renderLabel$prototyp !== void 0 && _renderLabel$prototyp.isReactComponent) ? renderLabel.bind(null, {
         id,
         isDisabled,
@@ -316,7 +264,6 @@ let SimpleSelect = (_dec = withDeterministicId(), _dec2 = testable(), _dec(_clas
         children
       }) : renderLabel;
     };
-
     return /*#__PURE__*/React.createElement(Select.Option, Object.assign({
       id: id,
       value: value,
@@ -328,52 +275,48 @@ let SimpleSelect = (_dec = withDeterministicId(), _dec2 = testable(), _dec(_clas
       renderAfterLabel: getRenderLabel(renderAfterLabel)
     }, passthroughProps(rest)), children);
   }
-
   renderGroup(group) {
     const _group$props = group.props,
-          id = _group$props.id,
-          renderLabel = _group$props.renderLabel,
-          children = _group$props.children,
-          rest = _objectWithoutProperties(_group$props, _excluded2);
-
+      id = _group$props.id,
+      renderLabel = _group$props.renderLabel,
+      children = _group$props.children,
+      rest = _objectWithoutProperties(_group$props, _excluded2);
     return /*#__PURE__*/React.createElement(Select.Group, Object.assign({
       renderLabel: renderLabel,
       key: group.key || id
     }, passthroughProps(rest)), Children.map(children, child => this.renderOption(child)));
   }
-
   render() {
     const _this$props = this.props,
-          renderLabel = _this$props.renderLabel,
-          value = _this$props.value,
-          defaultValue = _this$props.defaultValue,
-          id = _this$props.id,
-          size = _this$props.size,
-          assistiveText = _this$props.assistiveText,
-          placeholder = _this$props.placeholder,
-          interaction = _this$props.interaction,
-          isRequired = _this$props.isRequired,
-          isInline = _this$props.isInline,
-          width = _this$props.width,
-          optionsMaxWidth = _this$props.optionsMaxWidth,
-          optionsMaxHeight = _this$props.optionsMaxHeight,
-          visibleOptionsCount = _this$props.visibleOptionsCount,
-          messages = _this$props.messages,
-          placement = _this$props.placement,
-          constrain = _this$props.constrain,
-          mountNode = _this$props.mountNode,
-          inputRef = _this$props.inputRef,
-          listRef = _this$props.listRef,
-          renderEmptyOption = _this$props.renderEmptyOption,
-          renderBeforeInput = _this$props.renderBeforeInput,
-          renderAfterInput = _this$props.renderAfterInput,
-          onFocus = _this$props.onFocus,
-          onBlur = _this$props.onBlur,
-          onShowOptions = _this$props.onShowOptions,
-          onHideOptions = _this$props.onHideOptions,
-          children = _this$props.children,
-          rest = _objectWithoutProperties(_this$props, _excluded3);
-
+      renderLabel = _this$props.renderLabel,
+      value = _this$props.value,
+      defaultValue = _this$props.defaultValue,
+      id = _this$props.id,
+      size = _this$props.size,
+      assistiveText = _this$props.assistiveText,
+      placeholder = _this$props.placeholder,
+      interaction = _this$props.interaction,
+      isRequired = _this$props.isRequired,
+      isInline = _this$props.isInline,
+      width = _this$props.width,
+      optionsMaxWidth = _this$props.optionsMaxWidth,
+      optionsMaxHeight = _this$props.optionsMaxHeight,
+      visibleOptionsCount = _this$props.visibleOptionsCount,
+      messages = _this$props.messages,
+      placement = _this$props.placement,
+      constrain = _this$props.constrain,
+      mountNode = _this$props.mountNode,
+      inputRef = _this$props.inputRef,
+      listRef = _this$props.listRef,
+      renderEmptyOption = _this$props.renderEmptyOption,
+      renderBeforeInput = _this$props.renderBeforeInput,
+      renderAfterInput = _this$props.renderAfterInput,
+      onFocus = _this$props.onFocus,
+      onBlur = _this$props.onBlur,
+      onShowOptions = _this$props.onShowOptions,
+      onHideOptions = _this$props.onHideOptions,
+      children = _this$props.children,
+      rest = _objectWithoutProperties(_this$props, _excluded3);
     return /*#__PURE__*/React.createElement(Select, Object.assign({
       renderLabel: renderLabel,
       inputValue: this.state.inputValue,
@@ -406,7 +349,6 @@ let SimpleSelect = (_dec = withDeterministicId(), _dec2 = testable(), _dec(_clas
       onRequestSelectOption: this.handleSelectOption
     }, passthroughProps(rest)), this.renderChildren());
   }
-
 }, _class2.displayName = "SimpleSelect", _class2.componentId = 'SimpleSelect', _class2.Option = Option, _class2.Group = Group, _class2.allowedProps = allowedProps, _class2.propTypes = propTypes, _class2.defaultProps = {
   size: 'medium',
   isRequired: false,

package/es/SimpleSelect/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/index.js

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

package/lib/SimpleSelect/Group/index.js

@@ -4,11 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.Group = void 0;
-
 var _react = require("react");
-
 var _props = require("./props");
-
 /*
  * The MIT License (MIT)
  *
@@ -47,9 +44,7 @@ class Group extends _react.Component {
     // are parsed in Select and rendered as Options components
     return null;
   }
-
 }
-
 exports.Group = Group;
 Group.displayName = "Group";
 Group.componentId = 'SimpleSelect.Group';

package/lib/SimpleSelect/Group/props.js

@@ -1,18 +1,13 @@
 "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 _Option = require("../Option");
-
 /*
  * The MIT License (MIT)
  *
@@ -36,6 +31,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,
   children: _Children.Children.oneOf([_Option.Option])

package/lib/SimpleSelect/Option/index.js

@@ -4,11 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.Option = void 0;
-
 var _react = require("react");
-
 var _props = require("./props");
-
 /*
  * The MIT License (MIT)
  *
@@ -47,9 +44,7 @@ class Option extends _react.Component {
     // are parsed in Select and rendered as Options.Item components
     return null;
   }
-
 }
-
 exports.Option = Option;
 Option.displayName = "Option";
 Option.componentId = 'SimpleSelect.Option';

package/lib/SimpleSelect/Option/props.js

@@ -1,14 +1,11 @@
 "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"));
-
 /*
  * The MIT License (MIT)
  *
@@ -32,6 +29,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
+
 const propTypes = {
   id: _propTypes.default.string.isRequired,
   value: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]).isRequired,

package/lib/SimpleSelect/SimpleSelectLocator.js

@@ -4,13 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SimpleSelectLocator = void 0;
-
 var _locator = require("@instructure/ui-test-locator/lib/utils/locator.js");
-
 var _SelectLocator = require("@instructure/ui-select/lib/Select/SelectLocator");
-
 var _index = require("./index");
-
 /*
  * The MIT License (MIT)
  *
@@ -39,6 +35,7 @@ var _index = require("./index");
 // @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
 
 /* eslint-enable no-restricted-imports */
+
 // @ts-expect-error ts-migrate(2339) FIXME: Property 'selector' does not exist on type 'typeof... Remove this comment to see the full error message
 const SimpleSelectLocator = (0, _locator.locator)(_index.SimpleSelect.selector, {
   findInput: _SelectLocator.SelectLocator.findInput,