@instructure/ui-date-input 8.22.0 → 8.22.1-snapshot.21

package/LICENSE.md

@@ -0,0 +1,27 @@
+---
+title: The MIT License (MIT)
+category: Getting Started
+order: 9
+---
+
+# The MIT License (MIT)
+
+Copyright (c) 2015 Instructure, Inc.
+
+**Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions.**
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

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.0",
+  "version": "8.22.1-snapshot.21+7bdf07c83",
   "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.0",
-    "@instructure/ui-test-locator": "8.22.0",
-    "@instructure/ui-test-utils": "8.22.0"
+    "@instructure/ui-babel-preset": "8.22.1-snapshot.21+7bdf07c83",
+    "@instructure/ui-test-locator": "8.22.1-snapshot.21+7bdf07c83",
+    "@instructure/ui-test-utils": "8.22.1-snapshot.21+7bdf07c83"
   },
   "dependencies": {
     "@babel/runtime": "^7.13.10",
-    "@instructure/emotion": "8.22.0",
-    "@instructure/ui-calendar": "8.22.0",
-    "@instructure/ui-form-field": "8.22.0",
-    "@instructure/ui-icons": "8.22.0",
-    "@instructure/ui-popover": "8.22.0",
-    "@instructure/ui-position": "8.22.0",
-    "@instructure/ui-prop-types": "8.22.0",
-    "@instructure/ui-react-utils": "8.22.0",
-    "@instructure/ui-selectable": "8.22.0",
-    "@instructure/ui-testable": "8.22.0",
-    "@instructure/ui-text-input": "8.22.0",
-    "@instructure/ui-utils": "8.22.0",
+    "@instructure/emotion": "8.22.1-snapshot.21+7bdf07c83",
+    "@instructure/ui-calendar": "8.22.1-snapshot.21+7bdf07c83",
+    "@instructure/ui-form-field": "8.22.1-snapshot.21+7bdf07c83",
+    "@instructure/ui-icons": "8.22.1-snapshot.21+7bdf07c83",
+    "@instructure/ui-popover": "8.22.1-snapshot.21+7bdf07c83",
+    "@instructure/ui-position": "8.22.1-snapshot.21+7bdf07c83",
+    "@instructure/ui-prop-types": "8.22.1-snapshot.21+7bdf07c83",
+    "@instructure/ui-react-utils": "8.22.1-snapshot.21+7bdf07c83",
+    "@instructure/ui-selectable": "8.22.1-snapshot.21+7bdf07c83",
+    "@instructure/ui-testable": "8.22.1-snapshot.21+7bdf07c83",
+    "@instructure/ui-text-input": "8.22.1-snapshot.21+7bdf07c83",
+    "@instructure/ui-utils": "8.22.1-snapshot.21+7bdf07c83",
     "prop-types": "^15"
   },
   "peerDependencies": {
@@ -49,5 +49,6 @@
   "publishConfig": {
     "access": "public"
   },
-  "sideEffects": false
+  "sideEffects": false,
+  "gitHead": "7bdf07c834ffb614098415cbe0e3df6c0f6efdfb"
 }

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}