@instructure/ui-date-time-input 8.17.1-snapshot.81 → 8.18.1-snapshot.0

package/CHANGELOG.md

@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [8.18.0](https://github.com/instructure/instructure-ui/compare/v8.17.0...v8.18.0) (2022-02-23)
+
+**Note:** Version bump only for package @instructure/ui-date-time-input
+
 # [8.17.0](https://github.com/instructure/instructure-ui/compare/v8.16.0...v8.17.0) (2022-02-07)
 
 ### Bug Fixes

package/es/DateTimeInput/index.js

@@ -122,7 +122,9 @@ let DateTimeInput = (_dec = testable(), _dec(_class = (_temp = _class2 = class D
         this.setState(newState);
 
         if (this.props.onChange) {
-          this.props.onChange(e, newState.iso?.toISOString());
+          var _newState$iso;
+
+          this.props.onChange(e, (_newState$iso = newState.iso) === null || _newState$iso === void 0 ? void 0 : _newState$iso.toISOString());
         }
       }
     };
@@ -133,7 +135,9 @@ let DateTimeInput = (_dec = testable(), _dec(_class = (_temp = _class2 = class D
       // The timeout gives it a moment for that to happen
       if (typeof this.props.onBlur === 'function') {
         window.setTimeout(() => {
-          this.props.onBlur?.(e);
+          var _this$props$onBlur, _this$props;
+
+          (_this$props$onBlur = (_this$props = this.props).onBlur) === null || _this$props$onBlur === void 0 ? void 0 : _this$props$onBlur.call(_this$props, e);
         }, 0);
       }
     };
@@ -237,6 +241,8 @@ let DateTimeInput = (_dec = testable(), _dec(_class = (_temp = _class2 = class D
       const parsed = DateTime.parse(dateStr, this.locale(), this.timezone());
 
       if (parsed.isValid()) {
+        var _this$state, _this$_timeInput;
+
         if (doNotChangeTime && this.state.timeSelectValue) {
           // There is a selected time, adjust the parsed date to its value
           const timeParsed = DateTime.parse(this.state.timeSelectValue, this.locale(), this.timezone());
@@ -247,7 +253,7 @@ let DateTimeInput = (_dec = testable(), _dec(_class = (_temp = _class2 = class D
           parsed.date(this.state.iso.date()).month(this.state.iso.month()).year(this.state.iso.year());
         }
 
-        const newTimeSelectValue = this.state?.timeSelectValue ? this.state.timeSelectValue : this._timeInput?.getBaseDate().minute(parsed.minute()).hour(parsed.hour()).toISOString();
+        const newTimeSelectValue = (_this$state = this.state) !== null && _this$state !== void 0 && _this$state.timeSelectValue ? this.state.timeSelectValue : (_this$_timeInput = this._timeInput) === null || _this$_timeInput === void 0 ? void 0 : _this$_timeInput.getBaseDate().minute(parsed.minute()).hour(parsed.hour()).toISOString();
         return {
           iso: parsed.clone(),
           calendarSelectedDate: parsed.clone(),
@@ -327,7 +333,7 @@ let DateTimeInput = (_dec = testable(), _dec(_class = (_temp = _class2 = class D
       // if the text in the dateInput is not readable display error
       newState = this.recalculateState(this.state.dateInputText, false, true);
     } else {
-      newState = this.recalculateState(dateParsed?.toISOString(), false, true);
+      newState = this.recalculateState(dateParsed === null || dateParsed === void 0 ? void 0 : dateParsed.toISOString(), false, true);
     }
 
     this.changeStateIfNeeded(newState, event);
@@ -420,22 +426,22 @@ let DateTimeInput = (_dec = testable(), _dec(_class = (_temp = _class2 = class D
   }
 
   render() {
-    const _this$props = this.props,
-          description = _this$props.description,
-          datePlaceholder = _this$props.datePlaceholder,
-          dateRenderLabel = _this$props.dateRenderLabel,
-          dateInputRef = _this$props.dateInputRef,
-          timeRenderLabel = _this$props.timeRenderLabel,
-          timeFormat = _this$props.timeFormat,
-          timeStep = _this$props.timeStep,
-          timeInputRef = _this$props.timeInputRef,
-          locale = _this$props.locale,
-          timezone = _this$props.timezone,
-          messages = _this$props.messages,
-          layout = _this$props.layout,
-          isRequired = _this$props.isRequired,
-          interaction = _this$props.interaction,
-          renderWeekdayLabels = _this$props.renderWeekdayLabels;
+    const _this$props2 = this.props,
+          description = _this$props2.description,
+          datePlaceholder = _this$props2.datePlaceholder,
+          dateRenderLabel = _this$props2.dateRenderLabel,
+          dateInputRef = _this$props2.dateInputRef,
+          timeRenderLabel = _this$props2.timeRenderLabel,
+          timeFormat = _this$props2.timeFormat,
+          timeStep = _this$props2.timeStep,
+          timeInputRef = _this$props2.timeInputRef,
+          locale = _this$props2.locale,
+          timezone = _this$props2.timezone,
+          messages = _this$props2.messages,
+          layout = _this$props2.layout,
+          isRequired = _this$props2.isRequired,
+          interaction = _this$props2.interaction,
+          renderWeekdayLabels = _this$props2.renderWeekdayLabels;
     return /*#__PURE__*/React.createElement(FormFieldGroup, {
       description: description,
       colSpacing: "medium",

package/lib/DateTimeInput/index.js

@@ -127,7 +127,9 @@ let DateTimeInput = (_dec = (0, _testable.testable)(), _dec(_class = (_temp = _c
         this.setState(newState);
 
         if (this.props.onChange) {
-          this.props.onChange(e, newState.iso?.toISOString());
+          var _newState$iso;
+
+          this.props.onChange(e, (_newState$iso = newState.iso) === null || _newState$iso === void 0 ? void 0 : _newState$iso.toISOString());
         }
       }
     };
@@ -138,7 +140,9 @@ let DateTimeInput = (_dec = (0, _testable.testable)(), _dec(_class = (_temp = _c
       // The timeout gives it a moment for that to happen
       if (typeof this.props.onBlur === 'function') {
         window.setTimeout(() => {
-          this.props.onBlur?.(e);
+          var _this$props$onBlur, _this$props;
+
+          (_this$props$onBlur = (_this$props = this.props).onBlur) === null || _this$props$onBlur === void 0 ? void 0 : _this$props$onBlur.call(_this$props, e);
         }, 0);
       }
     };
@@ -242,6 +246,8 @@ let DateTimeInput = (_dec = (0, _testable.testable)(), _dec(_class = (_temp = _c
       const parsed = _DateTime.DateTime.parse(dateStr, this.locale(), this.timezone());
 
       if (parsed.isValid()) {
+        var _this$state, _this$_timeInput;
+
         if (doNotChangeTime && this.state.timeSelectValue) {
           // There is a selected time, adjust the parsed date to its value
           const timeParsed = _DateTime.DateTime.parse(this.state.timeSelectValue, this.locale(), this.timezone());
@@ -253,7 +259,7 @@ let DateTimeInput = (_dec = (0, _testable.testable)(), _dec(_class = (_temp = _c
           parsed.date(this.state.iso.date()).month(this.state.iso.month()).year(this.state.iso.year());
         }
 
-        const newTimeSelectValue = this.state?.timeSelectValue ? this.state.timeSelectValue : this._timeInput?.getBaseDate().minute(parsed.minute()).hour(parsed.hour()).toISOString();
+        const newTimeSelectValue = (_this$state = this.state) !== null && _this$state !== void 0 && _this$state.timeSelectValue ? this.state.timeSelectValue : (_this$_timeInput = this._timeInput) === null || _this$_timeInput === void 0 ? void 0 : _this$_timeInput.getBaseDate().minute(parsed.minute()).hour(parsed.hour()).toISOString();
         return {
           iso: parsed.clone(),
           calendarSelectedDate: parsed.clone(),
@@ -335,7 +341,7 @@ let DateTimeInput = (_dec = (0, _testable.testable)(), _dec(_class = (_temp = _c
       // if the text in the dateInput is not readable display error
       newState = this.recalculateState(this.state.dateInputText, false, true);
     } else {
-      newState = this.recalculateState(dateParsed?.toISOString(), false, true);
+      newState = this.recalculateState(dateParsed === null || dateParsed === void 0 ? void 0 : dateParsed.toISOString(), false, true);
     }
 
     this.changeStateIfNeeded(newState, event);
@@ -431,22 +437,22 @@ let DateTimeInput = (_dec = (0, _testable.testable)(), _dec(_class = (_temp = _c
   }
 
   render() {
-    const _this$props = this.props,
-          description = _this$props.description,
-          datePlaceholder = _this$props.datePlaceholder,
-          dateRenderLabel = _this$props.dateRenderLabel,
-          dateInputRef = _this$props.dateInputRef,
-          timeRenderLabel = _this$props.timeRenderLabel,
-          timeFormat = _this$props.timeFormat,
-          timeStep = _this$props.timeStep,
-          timeInputRef = _this$props.timeInputRef,
-          locale = _this$props.locale,
-          timezone = _this$props.timezone,
-          messages = _this$props.messages,
-          layout = _this$props.layout,
-          isRequired = _this$props.isRequired,
-          interaction = _this$props.interaction,
-          renderWeekdayLabels = _this$props.renderWeekdayLabels;
+    const _this$props2 = this.props,
+          description = _this$props2.description,
+          datePlaceholder = _this$props2.datePlaceholder,
+          dateRenderLabel = _this$props2.dateRenderLabel,
+          dateInputRef = _this$props2.dateInputRef,
+          timeRenderLabel = _this$props2.timeRenderLabel,
+          timeFormat = _this$props2.timeFormat,
+          timeStep = _this$props2.timeStep,
+          timeInputRef = _this$props2.timeInputRef,
+          locale = _this$props2.locale,
+          timezone = _this$props2.timezone,
+          messages = _this$props2.messages,
+          layout = _this$props2.layout,
+          isRequired = _this$props2.isRequired,
+          interaction = _this$props2.interaction,
+          renderWeekdayLabels = _this$props2.renderWeekdayLabels;
     return /*#__PURE__*/_react.default.createElement(_FormFieldGroup.FormFieldGroup, {
       description: description,
       colSpacing: "medium",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-date-time-input",
-  "version": "8.17.1-snapshot.81+b39b60872",
+  "version": "8.18.1-snapshot.0+435c9ae79",
   "description": "A UI component that allows to select date and time.",
   "author": "Instructure, Inc. Engineering and Product Design",
   "module": "./es/index.js",
@@ -23,26 +23,26 @@
   },
   "license": "MIT",
   "devDependencies": {
-    "@instructure/ui-babel-preset": "8.17.1-snapshot.81+b39b60872",
-    "@instructure/ui-test-locator": "8.17.1-snapshot.81+b39b60872",
-    "@instructure/ui-test-utils": "8.17.1-snapshot.81+b39b60872"
+    "@instructure/ui-babel-preset": "8.18.1-snapshot.0+435c9ae79",
+    "@instructure/ui-test-locator": "8.18.1-snapshot.0+435c9ae79",
+    "@instructure/ui-test-utils": "8.18.1-snapshot.0+435c9ae79"
   },
   "dependencies": {
     "@babel/runtime": "^7.13.10",
-    "@instructure/debounce": "8.17.1-snapshot.81+b39b60872",
-    "@instructure/emotion": "8.17.1-snapshot.81+b39b60872",
-    "@instructure/ui-a11y-content": "8.17.1-snapshot.81+b39b60872",
-    "@instructure/ui-buttons": "8.17.1-snapshot.81+b39b60872",
-    "@instructure/ui-calendar": "8.17.1-snapshot.81+b39b60872",
-    "@instructure/ui-date-input": "8.17.1-snapshot.81+b39b60872",
-    "@instructure/ui-form-field": "8.17.1-snapshot.81+b39b60872",
-    "@instructure/ui-i18n": "8.17.1-snapshot.81+b39b60872",
-    "@instructure/ui-icons": "8.17.1-snapshot.81+b39b60872",
-    "@instructure/ui-prop-types": "8.17.1-snapshot.81+b39b60872",
-    "@instructure/ui-react-utils": "8.17.1-snapshot.81+b39b60872",
-    "@instructure/ui-testable": "8.17.1-snapshot.81+b39b60872",
-    "@instructure/ui-time-select": "8.17.1-snapshot.81+b39b60872",
-    "@instructure/ui-utils": "8.17.1-snapshot.81+b39b60872",
+    "@instructure/debounce": "8.18.1-snapshot.0+435c9ae79",
+    "@instructure/emotion": "8.18.1-snapshot.0+435c9ae79",
+    "@instructure/ui-a11y-content": "8.18.1-snapshot.0+435c9ae79",
+    "@instructure/ui-buttons": "8.18.1-snapshot.0+435c9ae79",
+    "@instructure/ui-calendar": "8.18.1-snapshot.0+435c9ae79",
+    "@instructure/ui-date-input": "8.18.1-snapshot.0+435c9ae79",
+    "@instructure/ui-form-field": "8.18.1-snapshot.0+435c9ae79",
+    "@instructure/ui-i18n": "8.18.1-snapshot.0+435c9ae79",
+    "@instructure/ui-icons": "8.18.1-snapshot.0+435c9ae79",
+    "@instructure/ui-prop-types": "8.18.1-snapshot.0+435c9ae79",
+    "@instructure/ui-react-utils": "8.18.1-snapshot.0+435c9ae79",
+    "@instructure/ui-testable": "8.18.1-snapshot.0+435c9ae79",
+    "@instructure/ui-time-select": "8.18.1-snapshot.0+435c9ae79",
+    "@instructure/ui-utils": "8.18.1-snapshot.0+435c9ae79",
     "prop-types": "^15"
   },
   "peerDependencies": {
@@ -52,5 +52,5 @@
     "access": "public"
   },
   "sideEffects": false,
-  "gitHead": "b39b60872cb51a5e9ba26221adceec498d4ce2fb"
+  "gitHead": "435c9ae794c15e2bd103f700f8c4e946d91c1b59"
 }