@instructure/ui-date-input 8.22.1-snapshot.4 → 8.23.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.23.0](https://github.com/instructure/instructure-ui/compare/v8.22.0...v8.23.0) (2022-04-07)
+
+**Note:** Version bump only for package @instructure/ui-date-input
+
 # [8.22.0](https://github.com/instructure/instructure-ui/compare/v8.21.0...v8.22.0) (2022-03-31)
 
 **Note:** Version bump only for package @instructure/ui-date-input

package/es/DateInput/index.js

@@ -59,10 +59,6 @@ let DateInput = (_dec = withStyle(generateStyle, null), _dec2 = testable(), _dec
     this._input = void 0;
     this.ref = null;
 
-    this.handleRef = el => {
-      this.ref = el;
-    };
-
     this.formatDateId = date => {
       // ISO8601 strings may contain a space. Remove any spaces before using the
       // date as the id.
@@ -245,9 +241,7 @@ let DateInput = (_dec = withStyle(generateStyle, null), _dec2 = testable(), _dec
       renderAfterInput: _IconCalendarMonthLin || (_IconCalendarMonthLin = jsx(IconCalendarMonthLine, {
         inline: false
       }))
-    }), {
-      elementRef: this.handleRef
-    }));
+    })));
   }
 
   render() {
@@ -271,8 +265,10 @@ let DateInput = (_dec = withStyle(generateStyle, null), _dec2 = testable(), _dec
           getListProps = _ref4.getListProps,
           getOptionProps = _ref4.getOptionProps,
           getDescriptionProps = _ref4.getDescriptionProps;
-      return jsx("span", getRootProps({
+      return jsx("span", Object.assign({}, getRootProps({
         css: styles === null || styles === void 0 ? void 0 : styles.dateInput
+      }), {
+        ref: el => this.ref = el
       }), this.renderInput({
         getInputProps,
         getTriggerProps

package/lib/DateInput/index.js

@@ -63,10 +63,6 @@ let DateInput = (_dec = (0, _emotion.withStyle)(_styles.default, null), _dec2 =
     this._input = void 0;
     this.ref = null;
 
-    this.handleRef = el => {
-      this.ref = el;
-    };
-
     this.formatDateId = date => {
       // ISO8601 strings may contain a space. Remove any spaces before using the
       // date as the id.
@@ -249,9 +245,7 @@ let DateInput = (_dec = (0, _emotion.withStyle)(_styles.default, null), _dec2 =
       renderAfterInput: _IconCalendarMonthLin || (_IconCalendarMonthLin = (0, _emotion.jsx)(_IconCalendarMonthLine.IconCalendarMonthLine, {
         inline: false
       }))
-    }), {
-      elementRef: this.handleRef
-    }));
+    })));
   }
 
   render() {
@@ -275,8 +269,10 @@ let DateInput = (_dec = (0, _emotion.withStyle)(_styles.default, null), _dec2 =
           getListProps = _ref4.getListProps,
           getOptionProps = _ref4.getOptionProps,
           getDescriptionProps = _ref4.getDescriptionProps;
-      return (0, _emotion.jsx)("span", getRootProps({
+      return (0, _emotion.jsx)("span", Object.assign({}, getRootProps({
         css: styles === null || styles === void 0 ? void 0 : styles.dateInput
+      }), {
+        ref: el => this.ref = el
       }), this.renderInput({
         getInputProps,
         getTriggerProps

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-date-input",
-  "version": "8.22.1-snapshot.4+5809c01bc",
+  "version": "8.23.0",
   "description": "A UI component library made by Instructure Inc.",
   "author": "Instructure, Inc. Engineering and Product Design",
   "module": "./es/index.js",
@@ -23,24 +23,24 @@
   },
   "license": "MIT",
   "devDependencies": {
-    "@instructure/ui-babel-preset": "8.22.1-snapshot.4+5809c01bc",
-    "@instructure/ui-test-locator": "8.22.1-snapshot.4+5809c01bc",
-    "@instructure/ui-test-utils": "8.22.1-snapshot.4+5809c01bc"
+    "@instructure/ui-babel-preset": "8.23.0",
+    "@instructure/ui-test-locator": "8.23.0",
+    "@instructure/ui-test-utils": "8.23.0"
   },
   "dependencies": {
     "@babel/runtime": "^7.13.10",
-    "@instructure/emotion": "8.22.1-snapshot.4+5809c01bc",
-    "@instructure/ui-calendar": "8.22.1-snapshot.4+5809c01bc",
-    "@instructure/ui-form-field": "8.22.1-snapshot.4+5809c01bc",
-    "@instructure/ui-icons": "8.22.1-snapshot.4+5809c01bc",
-    "@instructure/ui-popover": "8.22.1-snapshot.4+5809c01bc",
-    "@instructure/ui-position": "8.22.1-snapshot.4+5809c01bc",
-    "@instructure/ui-prop-types": "8.22.1-snapshot.4+5809c01bc",
-    "@instructure/ui-react-utils": "8.22.1-snapshot.4+5809c01bc",
-    "@instructure/ui-selectable": "8.22.1-snapshot.4+5809c01bc",
-    "@instructure/ui-testable": "8.22.1-snapshot.4+5809c01bc",
-    "@instructure/ui-text-input": "8.22.1-snapshot.4+5809c01bc",
-    "@instructure/ui-utils": "8.22.1-snapshot.4+5809c01bc",
+    "@instructure/emotion": "8.23.0",
+    "@instructure/ui-calendar": "8.23.0",
+    "@instructure/ui-form-field": "8.23.0",
+    "@instructure/ui-icons": "8.23.0",
+    "@instructure/ui-popover": "8.23.0",
+    "@instructure/ui-position": "8.23.0",
+    "@instructure/ui-prop-types": "8.23.0",
+    "@instructure/ui-react-utils": "8.23.0",
+    "@instructure/ui-selectable": "8.23.0",
+    "@instructure/ui-testable": "8.23.0",
+    "@instructure/ui-text-input": "8.23.0",
+    "@instructure/ui-utils": "8.23.0",
     "prop-types": "^15"
   },
   "peerDependencies": {
@@ -49,6 +49,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "sideEffects": false,
-  "gitHead": "5809c01bc3fc6e7b468d18d44c22f364304561ed"
+  "sideEffects": false
 }

package/src/DateInput/index.tsx

@@ -91,10 +91,6 @@ class DateInput extends Component<DateInputProps> {
     this.props.makeStyles?.()
   }
 
-  handleRef = (el: Element | null) => {
-    this.ref = el
-  }
-
   get selectedDateId() {
     let selectedDateId: string | undefined
     Children.toArray(this.props.children).forEach((day) => {
@@ -262,7 +258,6 @@ class DateInput extends Component<DateInputProps> {
           display: isInline ? 'inline-block' : 'block',
           renderAfterInput: <IconCalendarMonthLine inline={false} />
         })}
-        elementRef={this.handleRef}
       />
     )
   }
@@ -288,7 +283,10 @@ class DateInput extends Component<DateInputProps> {
           getOptionProps,
           getDescriptionProps
         }) => (
-          <span {...getRootProps({ css: styles?.dateInput })}>
+          <span
+            {...getRootProps({ css: styles?.dateInput })}
+            ref={(el) => (this.ref = el)}
+          >
             {this.renderInput({ getInputProps, getTriggerProps })}
             <span {...getDescriptionProps()} css={styles?.assistiveText}>
               {assistiveText}