@instructure/ui-time-select 8.18.0 → 8.18.1-snapshot.2

package/LICENSE.md

@@ -0,0 +1,27 @@
+---
+title: The MIT License (MIT)
+category: Getting Started
+order: 9
+---
+
+# The MIT License (MIT)
+
+Copyright (c) 2015 Instructure, Inc.
+
+**Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions.**
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/es/TimeSelect/index.js

@@ -60,10 +60,12 @@ let TimeSelect = (_dec = withDeterministicId(), _dec2 = testable(), _dec(_class
     };
 
     this.handleBlur = event => {
+      var _this$props$onBlur, _this$props;
+
       this.setState({
         highlightedOptionId: void 0
       });
-      this.props.onBlur?.(event);
+      (_this$props$onBlur = (_this$props = this.props).onBlur) === null || _this$props$onBlur === void 0 ? void 0 : _this$props$onBlur.call(_this$props, event);
     };
 
     this.handleInputChange = event => {
@@ -77,19 +79,25 @@ let TimeSelect = (_dec = withDeterministicId(), _dec2 = testable(), _dec(_class
       });
 
       if (!this.state.isShowingOptions) {
-        this.props.onShowOptions?.(event);
+        var _this$props$onShowOpt, _this$props2;
+
+        (_this$props$onShowOpt = (_this$props2 = this.props).onShowOptions) === null || _this$props$onShowOpt === void 0 ? void 0 : _this$props$onShowOpt.call(_this$props2, event);
       }
     };
 
     this.handleShowOptions = event => {
+      var _this$props$onShowOpt2, _this$props3;
+
       this.setState({
         isShowingOptions: true,
         highlightedOptionId: this.state.selectedOptionId
       });
-      this.props.onShowOptions?.(event);
+      (_this$props$onShowOpt2 = (_this$props3 = this.props).onShowOptions) === null || _this$props$onShowOpt2 === void 0 ? void 0 : _this$props$onShowOpt2.call(_this$props3, event);
     };
 
     this.handleHideOptions = event => {
+      var _this$props$onHideOpt, _this$props4;
+
       const selectedOptionId = this.state.selectedOptionId;
       const option = this.getOption('id', selectedOptionId);
       let prevValue = '';
@@ -106,7 +114,7 @@ let TimeSelect = (_dec = withDeterministicId(), _dec2 = testable(), _dec(_class
         filteredOptions: this.filterOptions(''),
         ...this.matchValue()
       }));
-      this.props.onHideOptions?.(event);
+      (_this$props$onHideOpt = (_this$props4 = this.props).onHideOptions) === null || _this$props$onHideOpt === void 0 ? void 0 : _this$props$onHideOpt.call(_this$props4, event);
     };
 
     this.handleHighlightOption = (event, _ref) => {
@@ -121,6 +129,8 @@ let TimeSelect = (_dec = withDeterministicId(), _dec2 = testable(), _dec(_class
     };
 
     this.handleSelectOption = (event, _ref2) => {
+      var _this$props$onHideOpt2, _this$props6;
+
       let id = _ref2.id;
 
       if (id === this._emptyOptionId) {
@@ -152,13 +162,15 @@ let TimeSelect = (_dec = withDeterministicId(), _dec2 = testable(), _dec(_class
       }
 
       if (id !== this.state.selectedOptionId) {
-        this.props.onChange?.(event, {
+        var _this$props$onChange, _this$props5;
+
+        (_this$props$onChange = (_this$props5 = this.props).onChange) === null || _this$props$onChange === void 0 ? void 0 : _this$props$onChange.call(_this$props5, event, {
           value: option.value,
           inputText: newInputValue
         });
       }
 
-      this.props.onHideOptions?.(event);
+      (_this$props$onHideOpt2 = (_this$props6 = this.props).onHideOptions) === null || _this$props$onHideOpt2 === void 0 ? void 0 : _this$props$onHideOpt2.call(_this$props6, event);
     };
 
     this.state = this.getInitialState();
@@ -171,7 +183,9 @@ let TimeSelect = (_dec = withDeterministicId(), _dec2 = testable(), _dec(_class
   }
 
   focus() {
-    this.ref?.focus();
+    var _this$ref;
+
+    (_this$ref = this.ref) === null || _this$ref === void 0 ? void 0 : _this$ref.focus();
   }
 
   get _select() {
@@ -254,11 +268,11 @@ let TimeSelect = (_dec = withDeterministicId(), _dec2 = testable(), _dec(_class
   }
 
   getInitialOption(options) {
-    const _this$props = this.props,
-          value = _this$props.value,
-          defaultValue = _this$props.defaultValue,
-          defaultToFirstOption = _this$props.defaultToFirstOption,
-          format = _this$props.format;
+    const _this$props7 = this.props,
+          value = _this$props7.value,
+          defaultValue = _this$props7.defaultValue,
+          defaultToFirstOption = _this$props7.defaultToFirstOption,
+          format = _this$props7.format;
     const initialValue = value || defaultValue;
 
     if (typeof initialValue === 'string') {
@@ -332,15 +346,17 @@ let TimeSelect = (_dec = withDeterministicId(), _dec2 = testable(), _dec(_class
   }
 
   filterOptions(inputValue) {
-    return this.state?.options.filter(option => option.label.toLowerCase().startsWith(inputValue.toLowerCase()));
+    var _this$state;
+
+    return (_this$state = this.state) === null || _this$state === void 0 ? void 0 : _this$state.options.filter(option => option.label.toLowerCase().startsWith(inputValue.toLowerCase()));
   }
 
   matchValue() {
-    const _this$state = this.state,
-          inputValue = _this$state.inputValue,
-          filteredOptions = _this$state.filteredOptions,
-          highlightedOptionId = _this$state.highlightedOptionId,
-          selectedOptionId = _this$state.selectedOptionId; // an option matching user input exists
+    const _this$state2 = this.state,
+          inputValue = _this$state2.inputValue,
+          filteredOptions = _this$state2.filteredOptions,
+          highlightedOptionId = _this$state2.highlightedOptionId,
+          selectedOptionId = _this$state2.selectedOptionId; // an option matching user input exists
 
     if (filteredOptions.length === 1) {
       const onlyOption = filteredOptions[0]; // automatically select the matching option
@@ -385,10 +401,10 @@ let TimeSelect = (_dec = withDeterministicId(), _dec2 = testable(), _dec(_class
   }
 
   renderOptions() {
-    const _this$state2 = this.state,
-          filteredOptions = _this$state2.filteredOptions,
-          highlightedOptionId = _this$state2.highlightedOptionId,
-          selectedOptionId = _this$state2.selectedOptionId;
+    const _this$state3 = this.state,
+          filteredOptions = _this$state3.filteredOptions,
+          highlightedOptionId = _this$state3.highlightedOptionId,
+          selectedOptionId = _this$state3.selectedOptionId;
 
     if (filteredOptions.length < 1) {
       return this.renderEmptyOption();
@@ -415,34 +431,34 @@ let TimeSelect = (_dec = withDeterministicId(), _dec2 = testable(), _dec(_class
   }
 
   render() {
-    const _this$props2 = this.props,
-          value = _this$props2.value,
-          defaultValue = _this$props2.defaultValue,
-          placeholder = _this$props2.placeholder,
-          renderLabel = _this$props2.renderLabel,
-          inputRef = _this$props2.inputRef,
-          id = _this$props2.id,
-          listRef = _this$props2.listRef,
-          renderBeforeInput = _this$props2.renderBeforeInput,
-          renderAfterInput = _this$props2.renderAfterInput,
-          isRequired = _this$props2.isRequired,
-          isInline = _this$props2.isInline,
-          width = _this$props2.width,
-          format = _this$props2.format,
-          step = _this$props2.step,
-          optionsMaxWidth = _this$props2.optionsMaxWidth,
-          visibleOptionsCount = _this$props2.visibleOptionsCount,
-          messages = _this$props2.messages,
-          placement = _this$props2.placement,
-          constrain = _this$props2.constrain,
-          onFocus = _this$props2.onFocus,
-          onShowOptions = _this$props2.onShowOptions,
-          onHideOptions = _this$props2.onHideOptions,
-          rest = _objectWithoutProperties(_this$props2, _excluded);
-
-    const _this$state3 = this.state,
-          inputValue = _this$state3.inputValue,
-          isShowingOptions = _this$state3.isShowingOptions;
+    const _this$props8 = this.props,
+          value = _this$props8.value,
+          defaultValue = _this$props8.defaultValue,
+          placeholder = _this$props8.placeholder,
+          renderLabel = _this$props8.renderLabel,
+          inputRef = _this$props8.inputRef,
+          id = _this$props8.id,
+          listRef = _this$props8.listRef,
+          renderBeforeInput = _this$props8.renderBeforeInput,
+          renderAfterInput = _this$props8.renderAfterInput,
+          isRequired = _this$props8.isRequired,
+          isInline = _this$props8.isInline,
+          width = _this$props8.width,
+          format = _this$props8.format,
+          step = _this$props8.step,
+          optionsMaxWidth = _this$props8.optionsMaxWidth,
+          visibleOptionsCount = _this$props8.visibleOptionsCount,
+          messages = _this$props8.messages,
+          placement = _this$props8.placement,
+          constrain = _this$props8.constrain,
+          onFocus = _this$props8.onFocus,
+          onShowOptions = _this$props8.onShowOptions,
+          onHideOptions = _this$props8.onHideOptions,
+          rest = _objectWithoutProperties(_this$props8, _excluded);
+
+    const _this$state4 = this.state,
+          inputValue = _this$state4.inputValue,
+          isShowingOptions = _this$state4.isShowingOptions;
     return /*#__PURE__*/React.createElement(Select, Object.assign({
       renderLabel: renderLabel,
       inputValue: inputValue,

package/lib/TimeSelect/index.js

@@ -64,10 +64,12 @@ let TimeSelect = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2
     };
 
     this.handleBlur = event => {
+      var _this$props$onBlur, _this$props;
+
       this.setState({
         highlightedOptionId: void 0
       });
-      this.props.onBlur?.(event);
+      (_this$props$onBlur = (_this$props = this.props).onBlur) === null || _this$props$onBlur === void 0 ? void 0 : _this$props$onBlur.call(_this$props, event);
     };
 
     this.handleInputChange = event => {
@@ -81,19 +83,25 @@ let TimeSelect = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2
       });
 
       if (!this.state.isShowingOptions) {
-        this.props.onShowOptions?.(event);
+        var _this$props$onShowOpt, _this$props2;
+
+        (_this$props$onShowOpt = (_this$props2 = this.props).onShowOptions) === null || _this$props$onShowOpt === void 0 ? void 0 : _this$props$onShowOpt.call(_this$props2, event);
       }
     };
 
     this.handleShowOptions = event => {
+      var _this$props$onShowOpt2, _this$props3;
+
       this.setState({
         isShowingOptions: true,
         highlightedOptionId: this.state.selectedOptionId
       });
-      this.props.onShowOptions?.(event);
+      (_this$props$onShowOpt2 = (_this$props3 = this.props).onShowOptions) === null || _this$props$onShowOpt2 === void 0 ? void 0 : _this$props$onShowOpt2.call(_this$props3, event);
     };
 
     this.handleHideOptions = event => {
+      var _this$props$onHideOpt, _this$props4;
+
       const selectedOptionId = this.state.selectedOptionId;
       const option = this.getOption('id', selectedOptionId);
       let prevValue = '';
@@ -111,7 +119,7 @@ let TimeSelect = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2
         filteredOptions: this.filterOptions(''),
         ...this.matchValue()
       }));
-      this.props.onHideOptions?.(event);
+      (_this$props$onHideOpt = (_this$props4 = this.props).onHideOptions) === null || _this$props$onHideOpt === void 0 ? void 0 : _this$props$onHideOpt.call(_this$props4, event);
     };
 
     this.handleHighlightOption = (event, _ref) => {
@@ -126,6 +134,8 @@ let TimeSelect = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2
     };
 
     this.handleSelectOption = (event, _ref2) => {
+      var _this$props$onHideOpt2, _this$props6;
+
       let id = _ref2.id;
 
       if (id === this._emptyOptionId) {
@@ -157,13 +167,15 @@ let TimeSelect = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2
       }
 
       if (id !== this.state.selectedOptionId) {
-        this.props.onChange?.(event, {
+        var _this$props$onChange, _this$props5;
+
+        (_this$props$onChange = (_this$props5 = this.props).onChange) === null || _this$props$onChange === void 0 ? void 0 : _this$props$onChange.call(_this$props5, event, {
           value: option.value,
           inputText: newInputValue
         });
       }
 
-      this.props.onHideOptions?.(event);
+      (_this$props$onHideOpt2 = (_this$props6 = this.props).onHideOptions) === null || _this$props$onHideOpt2 === void 0 ? void 0 : _this$props$onHideOpt2.call(_this$props6, event);
     };
 
     this.state = this.getInitialState();
@@ -176,7 +188,9 @@ let TimeSelect = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2
   }
 
   focus() {
-    this.ref?.focus();
+    var _this$ref;
+
+    (_this$ref = this.ref) === null || _this$ref === void 0 ? void 0 : _this$ref.focus();
   }
 
   get _select() {
@@ -259,11 +273,11 @@ let TimeSelect = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2
   }
 
   getInitialOption(options) {
-    const _this$props = this.props,
-          value = _this$props.value,
-          defaultValue = _this$props.defaultValue,
-          defaultToFirstOption = _this$props.defaultToFirstOption,
-          format = _this$props.format;
+    const _this$props7 = this.props,
+          value = _this$props7.value,
+          defaultValue = _this$props7.defaultValue,
+          defaultToFirstOption = _this$props7.defaultToFirstOption,
+          format = _this$props7.format;
     const initialValue = value || defaultValue;
 
     if (typeof initialValue === 'string') {
@@ -338,15 +352,17 @@ let TimeSelect = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2
   }
 
   filterOptions(inputValue) {
-    return this.state?.options.filter(option => option.label.toLowerCase().startsWith(inputValue.toLowerCase()));
+    var _this$state;
+
+    return (_this$state = this.state) === null || _this$state === void 0 ? void 0 : _this$state.options.filter(option => option.label.toLowerCase().startsWith(inputValue.toLowerCase()));
   }
 
   matchValue() {
-    const _this$state = this.state,
-          inputValue = _this$state.inputValue,
-          filteredOptions = _this$state.filteredOptions,
-          highlightedOptionId = _this$state.highlightedOptionId,
-          selectedOptionId = _this$state.selectedOptionId; // an option matching user input exists
+    const _this$state2 = this.state,
+          inputValue = _this$state2.inputValue,
+          filteredOptions = _this$state2.filteredOptions,
+          highlightedOptionId = _this$state2.highlightedOptionId,
+          selectedOptionId = _this$state2.selectedOptionId; // an option matching user input exists
 
     if (filteredOptions.length === 1) {
       const onlyOption = filteredOptions[0]; // automatically select the matching option
@@ -391,10 +407,10 @@ let TimeSelect = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2
   }
 
   renderOptions() {
-    const _this$state2 = this.state,
-          filteredOptions = _this$state2.filteredOptions,
-          highlightedOptionId = _this$state2.highlightedOptionId,
-          selectedOptionId = _this$state2.selectedOptionId;
+    const _this$state3 = this.state,
+          filteredOptions = _this$state3.filteredOptions,
+          highlightedOptionId = _this$state3.highlightedOptionId,
+          selectedOptionId = _this$state3.selectedOptionId;
 
     if (filteredOptions.length < 1) {
       return this.renderEmptyOption();
@@ -421,33 +437,33 @@ let TimeSelect = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2
   }
 
   render() {
-    const _this$props2 = this.props,
-          value = _this$props2.value,
-          defaultValue = _this$props2.defaultValue,
-          placeholder = _this$props2.placeholder,
-          renderLabel = _this$props2.renderLabel,
-          inputRef = _this$props2.inputRef,
-          id = _this$props2.id,
-          listRef = _this$props2.listRef,
-          renderBeforeInput = _this$props2.renderBeforeInput,
-          renderAfterInput = _this$props2.renderAfterInput,
-          isRequired = _this$props2.isRequired,
-          isInline = _this$props2.isInline,
-          width = _this$props2.width,
-          format = _this$props2.format,
-          step = _this$props2.step,
-          optionsMaxWidth = _this$props2.optionsMaxWidth,
-          visibleOptionsCount = _this$props2.visibleOptionsCount,
-          messages = _this$props2.messages,
-          placement = _this$props2.placement,
-          constrain = _this$props2.constrain,
-          onFocus = _this$props2.onFocus,
-          onShowOptions = _this$props2.onShowOptions,
-          onHideOptions = _this$props2.onHideOptions,
-          rest = (0, _objectWithoutProperties2.default)(_this$props2, _excluded);
-    const _this$state3 = this.state,
-          inputValue = _this$state3.inputValue,
-          isShowingOptions = _this$state3.isShowingOptions;
+    const _this$props8 = this.props,
+          value = _this$props8.value,
+          defaultValue = _this$props8.defaultValue,
+          placeholder = _this$props8.placeholder,
+          renderLabel = _this$props8.renderLabel,
+          inputRef = _this$props8.inputRef,
+          id = _this$props8.id,
+          listRef = _this$props8.listRef,
+          renderBeforeInput = _this$props8.renderBeforeInput,
+          renderAfterInput = _this$props8.renderAfterInput,
+          isRequired = _this$props8.isRequired,
+          isInline = _this$props8.isInline,
+          width = _this$props8.width,
+          format = _this$props8.format,
+          step = _this$props8.step,
+          optionsMaxWidth = _this$props8.optionsMaxWidth,
+          visibleOptionsCount = _this$props8.visibleOptionsCount,
+          messages = _this$props8.messages,
+          placement = _this$props8.placement,
+          constrain = _this$props8.constrain,
+          onFocus = _this$props8.onFocus,
+          onShowOptions = _this$props8.onShowOptions,
+          onHideOptions = _this$props8.onHideOptions,
+          rest = (0, _objectWithoutProperties2.default)(_this$props8, _excluded);
+    const _this$state4 = this.state,
+          inputValue = _this$state4.inputValue,
+          isShowingOptions = _this$state4.isShowingOptions;
     return /*#__PURE__*/_react.default.createElement(_Select.Select, Object.assign({
       renderLabel: renderLabel,
       inputValue: inputValue,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-time-select",
-  "version": "8.18.0",
+  "version": "8.18.1-snapshot.2+ca4c1ff9d",
   "description": "A component for selecting time values.",
   "author": "Instructure, Inc. Engineering and Product Design",
   "module": "./es/index.js",
@@ -24,20 +24,20 @@
   "license": "MIT",
   "dependencies": {
     "@babel/runtime": "^7.13.10",
-    "@instructure/shared-types": "8.18.0",
-    "@instructure/ui-form-field": "8.18.0",
-    "@instructure/ui-i18n": "8.18.0",
-    "@instructure/ui-position": "8.18.0",
-    "@instructure/ui-prop-types": "8.18.0",
-    "@instructure/ui-react-utils": "8.18.0",
-    "@instructure/ui-select": "8.18.0",
-    "@instructure/ui-test-locator": "8.18.0",
-    "@instructure/ui-testable": "8.18.0",
+    "@instructure/shared-types": "8.18.1-snapshot.2+ca4c1ff9d",
+    "@instructure/ui-form-field": "8.18.1-snapshot.2+ca4c1ff9d",
+    "@instructure/ui-i18n": "8.18.1-snapshot.2+ca4c1ff9d",
+    "@instructure/ui-position": "8.18.1-snapshot.2+ca4c1ff9d",
+    "@instructure/ui-prop-types": "8.18.1-snapshot.2+ca4c1ff9d",
+    "@instructure/ui-react-utils": "8.18.1-snapshot.2+ca4c1ff9d",
+    "@instructure/ui-select": "8.18.1-snapshot.2+ca4c1ff9d",
+    "@instructure/ui-test-locator": "8.18.1-snapshot.2+ca4c1ff9d",
+    "@instructure/ui-testable": "8.18.1-snapshot.2+ca4c1ff9d",
     "prop-types": "^15"
   },
   "devDependencies": {
-    "@instructure/ui-babel-preset": "8.18.0",
-    "@instructure/ui-test-utils": "8.18.0",
+    "@instructure/ui-babel-preset": "8.18.1-snapshot.2+ca4c1ff9d",
+    "@instructure/ui-test-utils": "8.18.1-snapshot.2+ca4c1ff9d",
     "moment-timezone": "^0.5.33"
   },
   "peerDependencies": {
@@ -46,5 +46,6 @@
   "publishConfig": {
     "access": "public"
   },
-  "sideEffects": false
+  "sideEffects": false,
+  "gitHead": "ca4c1ff9d3985151ae0758fb596de41652dbb58b"
 }