@instructure/ui-time-select 10.13.0 → 10.13.1-pr-snapshot-1741357986437

package/CHANGELOG.md

@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [10.13.1-pr-snapshot-1741357986437](https://github.com/instructure/instructure-ui/compare/v10.13.0...v10.13.1-pr-snapshot-1741357986437) (2025-03-07)
+
+**Note:** Version bump only for package @instructure/ui-time-select
+
+
+
+
+
 # [10.13.0](https://github.com/instructure/instructure-ui/compare/v10.12.0...v10.13.0) (2025-03-06)
 
 **Note:** Version bump only for package @instructure/ui-time-select

package/lib/TimeSelect/__new-tests__/TimeSelect.test.js

@@ -8,8 +8,8 @@ var _userEvent = _interopRequireDefault(require("@testing-library/user-event"));
 var _momentTimezone = _interopRequireDefault(require("moment-timezone"));
 require("@testing-library/jest-dom");
 var _generateA11yTests = require("@instructure/ui-scripts/lib/test/generateA11yTests");
-var _runAxeCheck = require("@instructure/ui-axe-check/lib/runAxeCheck.js");
-var _ApplyLocale = require("@instructure/ui-i18n/lib/ApplyLocale");
+var _uiAxeCheck = require("@instructure/ui-axe-check");
+var _uiI18n = require("@instructure/ui-i18n");
 var _index = require("../index");
 var _TimeSelect7 = _interopRequireDefault(require("../__examples__/TimeSelect.examples"));
 var _TimeSelect, _TimeSelect2, _TimeSelect3, _TimeSelect4, _TimeSelect5, _TimeSelect6;
@@ -149,7 +149,7 @@ describe('<TimeSelect />', () => {
     // 12-hour clock format
     'UTC' // no time offset
     );
-    (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_ApplyLocale.ApplyLocale, {
+    (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_uiI18n.ApplyLocale, {
       locale: "fr" // 24-hour clock format
       ,
       timezone: "Africa/Nairobi" // UTC + 3
@@ -343,7 +343,7 @@ describe('<TimeSelect />', () => {
     }) => {
       const _render2 = (0, _react2.render)(content),
         container = _render2.container;
-      const axeCheck = await (0, _runAxeCheck.runAxeCheck)(container);
+      const axeCheck = await (0, _uiAxeCheck.runAxeCheck)(container);
       expect(axeCheck).toBe(true);
     });
   });

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, _TimeSelect;
@@ -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 = (_TimeSelect = class TimeSelect extends _react.Component {
+let TimeSelect = exports.TimeSelect = (_dec = (0, _uiReactUtils.withDeterministicId)(), _dec2 = (0, _uiTestable.testable)(), _dec(_class = _dec2(_class = (_TimeSelect = class TimeSelect extends _react.Component {
   constructor(props) {
     super(props);
     this.ref = null;
@@ -130,7 +125,7 @@ let TimeSelect = exports.TimeSelect = (_dec = (0, _withDeterministicId.withDeter
         isInputCleared = _this$state.isInputCleared;
       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);
@@ -144,7 +139,7 @@ let TimeSelect = exports.TimeSelect = (_dec = (0, _withDeterministicId.withDeter
         newInputValue = selectedOption.label;
       } else if (this.props.value) {
         // If controlled and input is cleared and blurred after the first render, it should revert to value
-        const date = _DateTime.DateTime.parse(this.props.value, this.locale(), this.timezone());
+        const date = _uiI18n.DateTime.parse(this.props.value, this.locale(), this.timezone());
         newInputValue = this.props.format ? date.format(this.props.format) : date.toISOString();
       }
       this.setState(() => ({
@@ -225,7 +220,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());
@@ -250,7 +245,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
     });
   }
@@ -266,7 +261,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) {
@@ -274,7 +269,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) {
@@ -286,7 +281,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();
@@ -296,14 +291,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();
@@ -341,7 +336,7 @@ let TimeSelect = exports.TimeSelect = (_dec = (0, _withDeterministicId.withDeter
       format = _this$props11.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) {
@@ -365,9 +360,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,
@@ -431,7 +426,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,
@@ -440,11 +435,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$props12 = this.props,
@@ -477,7 +472,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,
@@ -506,7 +501,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());
   }
 }, _TimeSelect.displayName = "TimeSelect", _TimeSelect.componentId = 'TimeSelect', _TimeSelect.allowedProps = _props.allowedProps, _TimeSelect.propTypes = _props.propTypes, _TimeSelect.defaultProps = {
   defaultToFirstOption: false,
@@ -521,5 +516,5 @@ let TimeSelect = exports.TimeSelect = (_dec = (0, _withDeterministicId.withDeter
   renderEmptyOption: '---',
   allowNonStepInput: false,
   allowClearingSelection: false
-}, _TimeSelect.contextType = _ApplyLocaleContext.ApplyLocaleContext, _TimeSelect)) || _class) || _class);
+}, _TimeSelect.contextType = _uiI18n.ApplyLocaleContext, _TimeSelect)) || _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": "10.13.0",
+  "version": "10.13.1-pr-snapshot-1741357986437",
   "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.26.0",
-    "@instructure/shared-types": "10.13.0",
-    "@instructure/ui-form-field": "10.13.0",
-    "@instructure/ui-i18n": "10.13.0",
-    "@instructure/ui-position": "10.13.0",
-    "@instructure/ui-prop-types": "10.13.0",
-    "@instructure/ui-react-utils": "10.13.0",
-    "@instructure/ui-select": "10.13.0",
-    "@instructure/ui-testable": "10.13.0",
-    "@instructure/ui-utils": "10.13.0",
+    "@instructure/shared-types": "10.13.1-pr-snapshot-1741357986437",
+    "@instructure/ui-form-field": "10.13.1-pr-snapshot-1741357986437",
+    "@instructure/ui-i18n": "10.13.1-pr-snapshot-1741357986437",
+    "@instructure/ui-position": "10.13.1-pr-snapshot-1741357986437",
+    "@instructure/ui-prop-types": "10.13.1-pr-snapshot-1741357986437",
+    "@instructure/ui-react-utils": "10.13.1-pr-snapshot-1741357986437",
+    "@instructure/ui-select": "10.13.1-pr-snapshot-1741357986437",
+    "@instructure/ui-testable": "10.13.1-pr-snapshot-1741357986437",
+    "@instructure/ui-utils": "10.13.1-pr-snapshot-1741357986437",
     "prop-types": "^15.8.1"
   },
   "devDependencies": {
-    "@instructure/ui-axe-check": "10.13.0",
-    "@instructure/ui-babel-preset": "10.13.0",
-    "@instructure/ui-test-utils": "10.13.0",
+    "@instructure/ui-axe-check": "10.13.1-pr-snapshot-1741357986437",
+    "@instructure/ui-babel-preset": "10.13.1-pr-snapshot-1741357986437",
+    "@instructure/ui-test-utils": "10.13.1-pr-snapshot-1741357986437",
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.0.1",
     "@testing-library/user-event": "^14.5.2",