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

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.56.2-pr-snapshot-1721749364069](https://github.com/instructure/instructure-ui/compare/v8.56.1...v8.56.2-pr-snapshot-1721749364069) (2024-07-23)
+## [8.56.2](https://github.com/instructure/instructure-ui/compare/v8.56.1...v8.56.2) (2024-08-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 _uiTestLocator = require("@instructure/ui-test-locator");
-var _SelectLocator = require("@instructure/ui-select/es/Select/SelectLocator");
+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)
@@ -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, _uiTestLocator.locator)(_index.TimeSelect.selector, {
+const TimeSelectLocator = exports.TimeSelectLocator = (0, _locator.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,10 +8,15 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = exports.TimeSelect = void 0;
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireWildcard(require("react"));
-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 _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 _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;
@@ -45,7 +50,7 @@ category: components
 
 A component used to select a time value.
  **/
-let TimeSelect = exports.TimeSelect = (_dec = (0, _uiReactUtils.withDeterministicId)(), _dec2 = (0, _uiTestable.testable)(), _dec(_class = _dec2(_class = (_class2 = class TimeSelect extends _react.Component {
+let TimeSelect = exports.TimeSelect = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2 = (0, _testable.testable)(), _dec(_class = _dec2(_class = (_class2 = class TimeSelect extends _react.Component {
   constructor(props) {
     super(props);
     this.ref = null;
@@ -127,7 +132,7 @@ let TimeSelect = exports.TimeSelect = (_dec = (0, _uiReactUtils.withDeterministi
         inputValue = _this$state.inputValue;
       let defaultValue = '';
       if (this.props.defaultValue) {
-        const date = _uiI18n.DateTime.parse(this.props.defaultValue, this.locale(), this.timezone());
+        const date = _DateTime.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);
@@ -210,7 +215,7 @@ let TimeSelect = exports.TimeSelect = (_dec = (0, _uiReactUtils.withDeterministi
       }));
     };
     this.parseInputText = inputValue => {
-      const input = _uiI18n.DateTime.parse(inputValue, this.locale(), this.timezone(), [this.props.format], true);
+      const input = _DateTime.DateTime.parse(inputValue, this.locale(), this.timezone(), [this.props.format], true);
       const baseDate = this.getBaseDate();
       input.year(baseDate.year());
       input.month(baseDate.month());
@@ -235,7 +240,7 @@ let TimeSelect = exports.TimeSelect = (_dec = (0, _uiReactUtils.withDeterministi
     return typeof this.props.value !== 'undefined';
   }
   get interaction() {
-    return (0, _uiReactUtils.getInteraction)({
+    return (0, _getInteraction.getInteraction)({
       props: this.props
     });
   }
@@ -251,7 +256,7 @@ let TimeSelect = exports.TimeSelect = (_dec = (0, _uiReactUtils.withDeterministi
     } else if (this.context && this.context.locale) {
       return this.context.locale;
     }
-    return _uiI18n.Locale.browserLocale();
+    return _Locale.Locale.browserLocale();
   }
   timezone() {
     if (this.props.timezone) {
@@ -259,7 +264,7 @@ let TimeSelect = exports.TimeSelect = (_dec = (0, _uiReactUtils.withDeterministi
     } else if (this.context && this.context.timezone) {
       return this.context.timezone;
     }
-    return _uiI18n.DateTime.browserTimeZone();
+    return _DateTime.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) {
@@ -271,7 +276,7 @@ let TimeSelect = exports.TimeSelect = (_dec = (0, _uiReactUtils.withDeterministi
     if (this.props.value !== prevProps.value) {
       let newValue;
       if (this.props.value) {
-        newValue = _uiI18n.DateTime.parse(this.props.value, this.locale(), this.timezone());
+        newValue = _DateTime.DateTime.parse(this.props.value, this.locale(), this.timezone());
       }
       // value changed
       const initState = this.getInitialState();
@@ -281,14 +286,14 @@ let TimeSelect = exports.TimeSelect = (_dec = (0, _uiReactUtils.withDeterministi
       if (!this.isControlled) {
         // preserve current value when changing from controlled to uncontrolled
         if (prevProps.value) {
-          option = this.getOption('id', this.getFormattedId(_uiI18n.DateTime.parse(prevProps.value, this.locale(), this.timezone())));
+          option = this.getOption('id', this.getFormattedId(_DateTime.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 = _uiI18n.DateTime.parse(outsideVal, this.locale(), this.timezone());
+      const date = _DateTime.DateTime.parse(outsideVal, this.locale(), this.timezone());
       let label = '';
       if (date.isValid()) {
         label = this.props.format ? date.format(this.props.format) : date.toISOString();
@@ -325,7 +330,7 @@ let TimeSelect = exports.TimeSelect = (_dec = (0, _uiReactUtils.withDeterministi
       format = _this$props10.format;
     const initialValue = value || defaultValue;
     if (typeof initialValue === 'string') {
-      const date = _uiI18n.DateTime.parse(initialValue, this.locale(), this.timezone());
+      const date = _DateTime.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) {
@@ -349,9 +354,9 @@ let TimeSelect = exports.TimeSelect = (_dec = (0, _uiReactUtils.withDeterministi
     let baseDate;
     const baseValue = this.props.value || this.props.defaultValue;
     if (baseValue) {
-      baseDate = _uiI18n.DateTime.parse(baseValue, this.locale(), this.timezone());
+      baseDate = _DateTime.DateTime.parse(baseValue, this.locale(), this.timezone());
     } else {
-      baseDate = _uiI18n.DateTime.now(this.locale(), this.timezone());
+      baseDate = _DateTime.DateTime.now(this.locale(), this.timezone());
     }
     return baseDate.set({
       second: 0,
@@ -415,7 +420,7 @@ let TimeSelect = exports.TimeSelect = (_dec = (0, _uiReactUtils.withDeterministi
     return filteredOptions.map(option => {
       const id = option.id,
         label = option.label;
-      return /*#__PURE__*/_react.default.createElement(_uiSelect.Select.Option, {
+      return /*#__PURE__*/_react.default.createElement(_Select.Select.Option, {
         id: id,
         key: id,
         isHighlighted: id === highlightedOptionId,
@@ -424,11 +429,11 @@ let TimeSelect = exports.TimeSelect = (_dec = (0, _uiReactUtils.withDeterministi
     });
   }
   renderEmptyOption() {
-    return /*#__PURE__*/_react.default.createElement(_uiSelect.Select.Option, {
+    return /*#__PURE__*/_react.default.createElement(_Select.Select.Option, {
       id: this._emptyOptionId,
       isHighlighted: false,
       isSelected: false
-    }, (0, _uiReactUtils.callRenderProp)(this.props.renderEmptyOption));
+    }, (0, _callRenderProp.callRenderProp)(this.props.renderEmptyOption));
   }
   render() {
     const _this$props11 = this.props,
@@ -461,7 +466,7 @@ let TimeSelect = exports.TimeSelect = (_dec = (0, _uiReactUtils.withDeterministi
     const _this$state5 = this.state,
       inputValue = _this$state5.inputValue,
       isShowingOptions = _this$state5.isShowingOptions;
-    return /*#__PURE__*/_react.default.createElement(_uiSelect.Select, Object.assign({
+    return /*#__PURE__*/_react.default.createElement(_Select.Select, Object.assign({
       mountNode: mountNode,
       renderLabel: renderLabel,
       inputValue: inputValue,
@@ -490,7 +495,7 @@ let TimeSelect = exports.TimeSelect = (_dec = (0, _uiReactUtils.withDeterministi
       onRequestSelectOption: this.handleSelectOption,
       onInputChange: this.handleInputChange,
       onKeyDown: this.onKeyDown
-    }, (0, _uiReactUtils.passthroughProps)(rest)), isShowingOptions && this.renderOptions());
+    }, (0, _passthroughProps.passthroughProps)(rest)), isShowingOptions && this.renderOptions());
   }
 }, _class2.displayName = "TimeSelect", _class2.componentId = 'TimeSelect', _class2.allowedProps = _props.allowedProps, _class2.propTypes = _props.propTypes, _class2.defaultProps = {
   defaultToFirstOption: false,
@@ -504,5 +509,5 @@ let TimeSelect = exports.TimeSelect = (_dec = (0, _uiReactUtils.withDeterministi
   constrain: 'window',
   renderEmptyOption: '---',
   allowNonStepInput: false
-}, _class2.contextType = _uiI18n.ApplyLocaleContext, _class2)) || _class) || _class);
+}, _class2.contextType = _ApplyLocaleContext.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 _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");
+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");
 /*
  * The MIT License (MIT)
  *
@@ -37,8 +37,8 @@ var _uiPosition = require("@instructure/ui-position");
 const propTypes = exports.propTypes = {
   renderLabel: _propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.func]).isRequired,
   defaultToFirstOption: _propTypes.default.bool,
-  value: (0, _uiPropTypes.controllable)(_uiI18n.I18nPropTypes.iso8601, 'onChange'),
-  defaultValue: _uiI18n.I18nPropTypes.iso8601,
+  value: (0, _controllable.controllable)(_I18nPropTypes.I18nPropTypes.iso8601, 'onChange'),
+  defaultValue: _I18nPropTypes.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(_uiFormField.FormPropTypes.message),
-  placement: _uiPosition.PositionPropTypes.placement,
-  constrain: _uiPosition.PositionPropTypes.constrain,
-  mountNode: _uiPosition.PositionPropTypes.mountNode,
+  messages: _propTypes.default.arrayOf(_FormPropTypes.FormPropTypes.message),
+  placement: _PositionPropTypes.PositionPropTypes.placement,
+  constrain: _PositionPropTypes.PositionPropTypes.constrain,
+  mountNode: _PositionPropTypes.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.2-pr-snapshot-1721749364069",
+  "version": "8.56.2",
   "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.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",
+    "@instructure/shared-types": "8.56.2",
+    "@instructure/ui-form-field": "8.56.2",
+    "@instructure/ui-i18n": "8.56.2",
+    "@instructure/ui-position": "8.56.2",
+    "@instructure/ui-prop-types": "8.56.2",
+    "@instructure/ui-react-utils": "8.56.2",
+    "@instructure/ui-select": "8.56.2",
+    "@instructure/ui-test-locator": "8.56.2",
+    "@instructure/ui-testable": "8.56.2",
+    "@instructure/ui-utils": "8.56.2",
     "prop-types": "^15.8.1"
   },
   "devDependencies": {
-    "@instructure/ui-babel-preset": "8.56.2-pr-snapshot-1721749364069",
-    "@instructure/ui-test-utils": "8.56.2-pr-snapshot-1721749364069",
+    "@instructure/ui-babel-preset": "8.56.2",
+    "@instructure/ui-test-utils": "8.56.2",
     "moment-timezone": "^0.5.43"
   },
   "peerDependencies": {