@instructure/ui-time-select 8.56.0 → 8.56.2-pr-snapshot-1721749364069

package/CHANGELOG.md

@@ -3,6 +3,22 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [8.56.2-pr-snapshot-1721749364069](https://github.com/instructure/instructure-ui/compare/v8.56.1...v8.56.2-pr-snapshot-1721749364069) (2024-07-23)
+
+**Note:** Version bump only for package @instructure/ui-time-select
+
+
+
+
+
+## [8.56.1](https://github.com/instructure/instructure-ui/compare/v8.56.0...v8.56.1) (2024-06-13)
+
+**Note:** Version bump only for package @instructure/ui-time-select
+
+
+
+
+
 # [8.56.0](https://github.com/instructure/instructure-ui/compare/v8.55.1...v8.56.0) (2024-05-06)
 
 **Note:** Version bump only for package @instructure/ui-time-select

package/lib/TimeSelect/TimeSelectLocator.js

@@ -4,8 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.TimeSelectLocator = void 0;
-var _locator = require("@instructure/ui-test-locator/lib/utils/locator.js");
-var _SelectLocator = require("@instructure/ui-select/lib/Select/SelectLocator");
+var _uiTestLocator = require("@instructure/ui-test-locator");
+var _SelectLocator = require("@instructure/ui-select/es/Select/SelectLocator");
 var _index = require("./index");
 /*
  * The MIT License (MIT)
@@ -37,7 +37,7 @@ var _index = require("./index");
 /* 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 TimeSelectLocator = exports.TimeSelectLocator = (0, _locator.locator)(_index.TimeSelect.selector, {
+const TimeSelectLocator = exports.TimeSelectLocator = (0, _uiTestLocator.locator)(_index.TimeSelect.selector, {
   findInput: _SelectLocator.SelectLocator.findInput,
   // TODO these dont work because TS doesnt find its type declarations
   findOptionsList: _SelectLocator.SelectLocator.findOptionsList

package/lib/TimeSelect/index.js

@@ -8,15 +8,10 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = exports.TimeSelect = void 0;
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireWildcard(require("react"));
-var _ApplyLocaleContext = require("@instructure/ui-i18n/lib/ApplyLocale/ApplyLocaleContext.js");
-var _Locale = require("@instructure/ui-i18n/lib/Locale.js");
-var _DateTime = require("@instructure/ui-i18n/lib/DateTime.js");
-var _getInteraction = require("@instructure/ui-react-utils/lib/getInteraction.js");
-var _passthroughProps = require("@instructure/ui-react-utils/lib/passthroughProps.js");
-var _callRenderProp = require("@instructure/ui-react-utils/lib/callRenderProp.js");
-var _withDeterministicId = require("@instructure/ui-react-utils/lib/DeterministicIdContext/withDeterministicId.js");
-var _testable = require("@instructure/ui-testable/lib/testable.js");
-var _Select = require("@instructure/ui-select/lib/Select");
+var _uiI18n = require("@instructure/ui-i18n");
+var _uiReactUtils = require("@instructure/ui-react-utils");
+var _uiTestable = require("@instructure/ui-testable");
+var _uiSelect = require("@instructure/ui-select");
 var _props = require("./props");
 const _excluded = ["value", "defaultValue", "placeholder", "renderLabel", "inputRef", "id", "listRef", "renderBeforeInput", "renderAfterInput", "isRequired", "isInline", "width", "format", "step", "optionsMaxWidth", "visibleOptionsCount", "messages", "placement", "constrain", "onFocus", "onShowOptions", "onHideOptions", "onInputChange", "onKeyDown", "mountNode"];
 var _dec, _dec2, _class, _class2;
@@ -50,7 +45,7 @@ category: components
 
 A component used to select a time value.
  **/
-let TimeSelect = exports.TimeSelect = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2 = (0, _testable.testable)(), _dec(_class = _dec2(_class = (_class2 = class TimeSelect extends _react.Component {
+let TimeSelect = exports.TimeSelect = (_dec = (0, _uiReactUtils.withDeterministicId)(), _dec2 = (0, _uiTestable.testable)(), _dec(_class = _dec2(_class = (_class2 = class TimeSelect extends _react.Component {
   constructor(props) {
     super(props);
     this.ref = null;
@@ -132,7 +127,7 @@ let TimeSelect = exports.TimeSelect = (_dec = (0, _withDeterministicId.withDeter
         inputValue = _this$state.inputValue;
       let defaultValue = '';
       if (this.props.defaultValue) {
-        const date = _DateTime.DateTime.parse(this.props.defaultValue, this.locale(), this.timezone());
+        const date = _uiI18n.DateTime.parse(this.props.defaultValue, this.locale(), this.timezone());
         defaultValue = this.props.format ? date.format(this.props.format) : date.toISOString();
       }
       const selectedOption = this.getOption('id', selectedOptionId);
@@ -215,7 +210,7 @@ let TimeSelect = exports.TimeSelect = (_dec = (0, _withDeterministicId.withDeter
       }));
     };
     this.parseInputText = inputValue => {
-      const input = _DateTime.DateTime.parse(inputValue, this.locale(), this.timezone(), [this.props.format], true);
+      const input = _uiI18n.DateTime.parse(inputValue, this.locale(), this.timezone(), [this.props.format], true);
       const baseDate = this.getBaseDate();
       input.year(baseDate.year());
       input.month(baseDate.month());
@@ -240,7 +235,7 @@ let TimeSelect = exports.TimeSelect = (_dec = (0, _withDeterministicId.withDeter
     return typeof this.props.value !== 'undefined';
   }
   get interaction() {
-    return (0, _getInteraction.getInteraction)({
+    return (0, _uiReactUtils.getInteraction)({
       props: this.props
     });
   }
@@ -256,7 +251,7 @@ let TimeSelect = exports.TimeSelect = (_dec = (0, _withDeterministicId.withDeter
     } else if (this.context && this.context.locale) {
       return this.context.locale;
     }
-    return _Locale.Locale.browserLocale();
+    return _uiI18n.Locale.browserLocale();
   }
   timezone() {
     if (this.props.timezone) {
@@ -264,7 +259,7 @@ let TimeSelect = exports.TimeSelect = (_dec = (0, _withDeterministicId.withDeter
     } else if (this.context && this.context.timezone) {
       return this.context.timezone;
     }
-    return _DateTime.DateTime.browserTimeZone();
+    return _uiI18n.DateTime.browserTimeZone();
   }
   componentDidUpdate(prevProps) {
     if (this.props.step !== prevProps.step || this.props.format !== prevProps.format || this.props.locale !== prevProps.locale || this.props.timezone !== prevProps.timezone || this.props.allowNonStepInput !== prevProps.allowNonStepInput) {
@@ -276,7 +271,7 @@ let TimeSelect = exports.TimeSelect = (_dec = (0, _withDeterministicId.withDeter
     if (this.props.value !== prevProps.value) {
       let newValue;
       if (this.props.value) {
-        newValue = _DateTime.DateTime.parse(this.props.value, this.locale(), this.timezone());
+        newValue = _uiI18n.DateTime.parse(this.props.value, this.locale(), this.timezone());
       }
       // value changed
       const initState = this.getInitialState();
@@ -286,14 +281,14 @@ let TimeSelect = exports.TimeSelect = (_dec = (0, _withDeterministicId.withDeter
       if (!this.isControlled) {
         // preserve current value when changing from controlled to uncontrolled
         if (prevProps.value) {
-          option = this.getOption('id', this.getFormattedId(_DateTime.DateTime.parse(prevProps.value, this.locale(), this.timezone())));
+          option = this.getOption('id', this.getFormattedId(_uiI18n.DateTime.parse(prevProps.value, this.locale(), this.timezone())));
         }
       } else if (newValue) {
         option = this.getOption('id', this.getFormattedId(newValue), initState.options);
       }
       const outsideVal = this.props.value ? this.props.value : '';
       // value does not match an existing option
-      const date = _DateTime.DateTime.parse(outsideVal, this.locale(), this.timezone());
+      const date = _uiI18n.DateTime.parse(outsideVal, this.locale(), this.timezone());
       let label = '';
       if (date.isValid()) {
         label = this.props.format ? date.format(this.props.format) : date.toISOString();
@@ -330,7 +325,7 @@ let TimeSelect = exports.TimeSelect = (_dec = (0, _withDeterministicId.withDeter
       format = _this$props10.format;
     const initialValue = value || defaultValue;
     if (typeof initialValue === 'string') {
-      const date = _DateTime.DateTime.parse(initialValue, this.locale(), this.timezone());
+      const date = _uiI18n.DateTime.parse(initialValue, this.locale(), this.timezone());
       // get option based on value or defaultValue, if provided
       const option = this.getOption('value', date, options);
       if (option) {
@@ -354,9 +349,9 @@ let TimeSelect = exports.TimeSelect = (_dec = (0, _withDeterministicId.withDeter
     let baseDate;
     const baseValue = this.props.value || this.props.defaultValue;
     if (baseValue) {
-      baseDate = _DateTime.DateTime.parse(baseValue, this.locale(), this.timezone());
+      baseDate = _uiI18n.DateTime.parse(baseValue, this.locale(), this.timezone());
     } else {
-      baseDate = _DateTime.DateTime.now(this.locale(), this.timezone());
+      baseDate = _uiI18n.DateTime.now(this.locale(), this.timezone());
     }
     return baseDate.set({
       second: 0,
@@ -420,7 +415,7 @@ let TimeSelect = exports.TimeSelect = (_dec = (0, _withDeterministicId.withDeter
     return filteredOptions.map(option => {
       const id = option.id,
         label = option.label;
-      return /*#__PURE__*/_react.default.createElement(_Select.Select.Option, {
+      return /*#__PURE__*/_react.default.createElement(_uiSelect.Select.Option, {
         id: id,
         key: id,
         isHighlighted: id === highlightedOptionId,
@@ -429,11 +424,11 @@ let TimeSelect = exports.TimeSelect = (_dec = (0, _withDeterministicId.withDeter
     });
   }
   renderEmptyOption() {
-    return /*#__PURE__*/_react.default.createElement(_Select.Select.Option, {
+    return /*#__PURE__*/_react.default.createElement(_uiSelect.Select.Option, {
       id: this._emptyOptionId,
       isHighlighted: false,
       isSelected: false
-    }, (0, _callRenderProp.callRenderProp)(this.props.renderEmptyOption));
+    }, (0, _uiReactUtils.callRenderProp)(this.props.renderEmptyOption));
   }
   render() {
     const _this$props11 = this.props,
@@ -466,7 +461,7 @@ let TimeSelect = exports.TimeSelect = (_dec = (0, _withDeterministicId.withDeter
     const _this$state5 = this.state,
       inputValue = _this$state5.inputValue,
       isShowingOptions = _this$state5.isShowingOptions;
-    return /*#__PURE__*/_react.default.createElement(_Select.Select, Object.assign({
+    return /*#__PURE__*/_react.default.createElement(_uiSelect.Select, Object.assign({
       mountNode: mountNode,
       renderLabel: renderLabel,
       inputValue: inputValue,
@@ -495,7 +490,7 @@ let TimeSelect = exports.TimeSelect = (_dec = (0, _withDeterministicId.withDeter
       onRequestSelectOption: this.handleSelectOption,
       onInputChange: this.handleInputChange,
       onKeyDown: this.onKeyDown
-    }, (0, _passthroughProps.passthroughProps)(rest)), isShowingOptions && this.renderOptions());
+    }, (0, _uiReactUtils.passthroughProps)(rest)), isShowingOptions && this.renderOptions());
   }
 }, _class2.displayName = "TimeSelect", _class2.componentId = 'TimeSelect', _class2.allowedProps = _props.allowedProps, _class2.propTypes = _props.propTypes, _class2.defaultProps = {
   defaultToFirstOption: false,
@@ -509,5 +504,5 @@ let TimeSelect = exports.TimeSelect = (_dec = (0, _withDeterministicId.withDeter
   constrain: 'window',
   renderEmptyOption: '---',
   allowNonStepInput: false
-}, _class2.contextType = _ApplyLocaleContext.ApplyLocaleContext, _class2)) || _class) || _class);
+}, _class2.contextType = _uiI18n.ApplyLocaleContext, _class2)) || _class) || _class);
 var _default = exports.default = TimeSelect;

package/lib/TimeSelect/props.js

@@ -6,10 +6,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.propTypes = exports.allowedProps = void 0;
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _controllable = require("@instructure/ui-prop-types/lib/controllable.js");
-var _I18nPropTypes = require("@instructure/ui-i18n/lib/I18nPropTypes.js");
-var _FormPropTypes = require("@instructure/ui-form-field/lib/FormPropTypes.js");
-var _PositionPropTypes = require("@instructure/ui-position/lib/PositionPropTypes.js");
+var _uiPropTypes = require("@instructure/ui-prop-types");
+var _uiI18n = require("@instructure/ui-i18n");
+var _uiFormField = require("@instructure/ui-form-field");
+var _uiPosition = require("@instructure/ui-position");
 /*
  * The MIT License (MIT)
  *
@@ -37,8 +37,8 @@ var _PositionPropTypes = require("@instructure/ui-position/lib/PositionPropTypes
 const propTypes = exports.propTypes = {
   renderLabel: _propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.func]).isRequired,
   defaultToFirstOption: _propTypes.default.bool,
-  value: (0, _controllable.controllable)(_I18nPropTypes.I18nPropTypes.iso8601, 'onChange'),
-  defaultValue: _I18nPropTypes.I18nPropTypes.iso8601,
+  value: (0, _uiPropTypes.controllable)(_uiI18n.I18nPropTypes.iso8601, 'onChange'),
+  defaultValue: _uiI18n.I18nPropTypes.iso8601,
   id: _propTypes.default.string,
   format: _propTypes.default.string,
   step: _propTypes.default.oneOf([5, 10, 15, 20, 30, 60]),
@@ -49,10 +49,10 @@ const propTypes = exports.propTypes = {
   width: _propTypes.default.string,
   optionsMaxWidth: _propTypes.default.string,
   visibleOptionsCount: _propTypes.default.number,
-  messages: _propTypes.default.arrayOf(_FormPropTypes.FormPropTypes.message),
-  placement: _PositionPropTypes.PositionPropTypes.placement,
-  constrain: _PositionPropTypes.PositionPropTypes.constrain,
-  mountNode: _PositionPropTypes.PositionPropTypes.mountNode,
+  messages: _propTypes.default.arrayOf(_uiFormField.FormPropTypes.message),
+  placement: _uiPosition.PositionPropTypes.placement,
+  constrain: _uiPosition.PositionPropTypes.constrain,
+  mountNode: _uiPosition.PositionPropTypes.mountNode,
   onChange: _propTypes.default.func,
   onFocus: _propTypes.default.func,
   onBlur: _propTypes.default.func,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-time-select",
-  "version": "8.56.0",
+  "version": "8.56.2-pr-snapshot-1721749364069",
   "description": "A component for selecting time values.",
   "author": "Instructure, Inc. Engineering and Product Design",
   "module": "./es/index.js",
@@ -24,21 +24,21 @@
   "license": "MIT",
   "dependencies": {
     "@babel/runtime": "^7.23.2",
-    "@instructure/shared-types": "8.56.0",
-    "@instructure/ui-form-field": "8.56.0",
-    "@instructure/ui-i18n": "8.56.0",
-    "@instructure/ui-position": "8.56.0",
-    "@instructure/ui-prop-types": "8.56.0",
-    "@instructure/ui-react-utils": "8.56.0",
-    "@instructure/ui-select": "8.56.0",
-    "@instructure/ui-test-locator": "8.56.0",
-    "@instructure/ui-testable": "8.56.0",
-    "@instructure/ui-utils": "8.56.0",
+    "@instructure/shared-types": "8.56.2-pr-snapshot-1721749364069",
+    "@instructure/ui-form-field": "8.56.2-pr-snapshot-1721749364069",
+    "@instructure/ui-i18n": "8.56.2-pr-snapshot-1721749364069",
+    "@instructure/ui-position": "8.56.2-pr-snapshot-1721749364069",
+    "@instructure/ui-prop-types": "8.56.2-pr-snapshot-1721749364069",
+    "@instructure/ui-react-utils": "8.56.2-pr-snapshot-1721749364069",
+    "@instructure/ui-select": "8.56.2-pr-snapshot-1721749364069",
+    "@instructure/ui-test-locator": "8.56.2-pr-snapshot-1721749364069",
+    "@instructure/ui-testable": "8.56.2-pr-snapshot-1721749364069",
+    "@instructure/ui-utils": "8.56.2-pr-snapshot-1721749364069",
     "prop-types": "^15.8.1"
   },
   "devDependencies": {
-    "@instructure/ui-babel-preset": "8.56.0",
-    "@instructure/ui-test-utils": "8.56.0",
+    "@instructure/ui-babel-preset": "8.56.2-pr-snapshot-1721749364069",
+    "@instructure/ui-test-utils": "8.56.2-pr-snapshot-1721749364069",
     "moment-timezone": "^0.5.43"
   },
   "peerDependencies": {