@instructure/ui-text-area 8.12.1-snapshot.7 → 8.13.0

package/CHANGELOG.md

@@ -3,6 +3,16 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [8.13.0](https://github.com/instructure/instructure-ui/compare/v8.12.0...v8.13.0) (2021-12-01)
+
+### Bug Fixes
+
+- **ui-text-area:** fix jumping scroll issue ([9f4d9f9](https://github.com/instructure/instructure-ui/commit/9f4d9f91f603496ac87a04d953afe7fe9004874d))
+
+### Features
+
+- **ui-form-field:** make FormField messages accept `ReactNode` text, not just `string` ([4d36973](https://github.com/instructure/instructure-ui/commit/4d369733414715a70bae0628378e8d82214eab3e))
+
 # [8.12.0](https://github.com/instructure/instructure-ui/compare/v8.11.1...v8.12.0) (2021-11-17)
 
 **Note:** Version bump only for package @instructure/ui-text-area

package/es/TextArea/TextAreaLocator.js

@@ -24,5 +24,7 @@
 import { locator } from '@instructure/ui-test-locator';
 import { TextArea } from './index';
 export const TextAreaLocator = locator(TextArea.selector, {
-  findInput: (...args) => locator('textarea').find(...args)
+  findInput: function () {
+    return locator('textarea').find(...arguments);
+  }
 });

package/es/TextArea/index.js

@@ -67,7 +67,7 @@ let TextArea = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2 =
 
       const offset = this._textarea.offsetHeight - this._textarea.clientHeight;
       let height = ''; // Notes:
-      // 1. height has be reset to `auto` every time this method runs, or scrollHeight will not reset
+      // 1. height has to be reset to `auto` every time this method runs, or scrollHeight will not reset
       // 2. `this._textarea.scrollHeight` will not reset if assigned to a variable; it needs to be written out each time
 
       this._textarea.style.height = 'auto';
@@ -98,7 +98,6 @@ let TextArea = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2 =
 
       this._height = height;
       this._textarea.style.height = height;
-      this._textarea.scrollTop = this._textarea.scrollHeight;
     };
 
     this.handleChange = event => {
@@ -223,7 +222,10 @@ let TextArea = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2 =
   }
 
   render() {
-    var _this$props$styles, _this$props$styles2, _this$props$styles3;
+    var _this = this,
+        _this$props$styles,
+        _this$props$styles2,
+        _this$props$styles3;
 
     const _this$props4 = this.props,
           autoGrow = _this$props4.autoGrow,
@@ -249,9 +251,14 @@ let TextArea = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2 =
       value: value,
       defaultValue: defaultValue,
       placeholder: placeholder,
-      ref: (textarea, ...args) => {
-        this._textarea = textarea;
-        textareaRef.apply(this, [textarea].concat(args));
+      ref: function (textarea) {
+        _this._textarea = textarea;
+
+        for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+          args[_key - 1] = arguments[_key];
+        }
+
+        textareaRef.apply(_this, [textarea].concat(args));
       },
       style: style,
       id: this.id,

package/es/TextArea/props.js

@@ -63,7 +63,7 @@ const propTypes = {
 
   /**
    * object with shape: `{
-   * text: PropTypes.string,
+   * text: PropTypes.node,
    * type: PropTypes.oneOf(['error', 'hint', 'success', 'screenreader-only'])
    *   }`
    */

package/lib/TextArea/TextAreaLocator.js

@@ -33,6 +33,8 @@ var _index = require("./index");
  * SOFTWARE.
  */
 const TextAreaLocator = (0, _locator.locator)(_index.TextArea.selector, {
-  findInput: (...args) => (0, _locator.locator)('textarea').find(...args)
+  findInput: function () {
+    return (0, _locator.locator)('textarea').find(...arguments);
+  }
 });
 exports.TextAreaLocator = TextAreaLocator;

package/lib/TextArea/index.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.TextArea = exports.default = void 0;
+exports.default = exports.TextArea = void 0;
 
 var _react = require("react");
 
@@ -70,7 +70,7 @@ let TextArea = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default),
 
       const offset = this._textarea.offsetHeight - this._textarea.clientHeight;
       let height = ''; // Notes:
-      // 1. height has be reset to `auto` every time this method runs, or scrollHeight will not reset
+      // 1. height has to be reset to `auto` every time this method runs, or scrollHeight will not reset
       // 2. `this._textarea.scrollHeight` will not reset if assigned to a variable; it needs to be written out each time
 
       this._textarea.style.height = 'auto';
@@ -101,7 +101,6 @@ let TextArea = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default),
 
       this._height = height;
       this._textarea.style.height = height;
-      this._textarea.scrollTop = this._textarea.scrollHeight;
     };
 
     this.handleChange = event => {
@@ -226,7 +225,10 @@ let TextArea = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default),
   }
 
   render() {
-    var _this$props$styles, _this$props$styles2, _this$props$styles3;
+    var _this = this,
+        _this$props$styles,
+        _this$props$styles2,
+        _this$props$styles3;
 
     const _this$props4 = this.props,
           autoGrow = _this$props4.autoGrow,
@@ -252,9 +254,14 @@ let TextArea = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default),
       value: value,
       defaultValue: defaultValue,
       placeholder: placeholder,
-      ref: (textarea, ...args) => {
-        this._textarea = textarea;
-        textareaRef.apply(this, [textarea].concat(args));
+      ref: function (textarea) {
+        _this._textarea = textarea;
+
+        for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+          args[_key - 1] = arguments[_key];
+        }
+
+        textareaRef.apply(_this, [textarea].concat(args));
       },
       style: style,
       id: this.id,

package/lib/TextArea/props.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.allowedProps = exports.propTypes = void 0;
+exports.propTypes = exports.allowedProps = void 0;
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
@@ -75,7 +75,7 @@ const propTypes = {
 
   /**
    * object with shape: `{
-   * text: PropTypes.string,
+   * text: PropTypes.node,
    * type: PropTypes.oneOf(['error', 'hint', 'success', 'screenreader-only'])
    *   }`
    */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-text-area",
-  "version": "8.12.1-snapshot.7+1e7ac8219",
+  "version": "8.13.0",
   "description": "A styled HTML text area component",
   "author": "Instructure, Inc. Engineering and Product Design",
   "type": "commonjs",
@@ -25,24 +25,24 @@
   "license": "MIT",
   "dependencies": {
     "@babel/runtime": "^7.13.10",
-    "@instructure/debounce": "8.12.1-snapshot.7+1e7ac8219",
-    "@instructure/emotion": "8.12.1-snapshot.7+1e7ac8219",
-    "@instructure/shared-types": "8.12.1-snapshot.7+1e7ac8219",
-    "@instructure/ui-dom-utils": "8.12.1-snapshot.7+1e7ac8219",
-    "@instructure/ui-form-field": "8.12.1-snapshot.7+1e7ac8219",
-    "@instructure/ui-prop-types": "8.12.1-snapshot.7+1e7ac8219",
-    "@instructure/ui-react-utils": "8.12.1-snapshot.7+1e7ac8219",
-    "@instructure/ui-testable": "8.12.1-snapshot.7+1e7ac8219",
-    "@instructure/ui-utils": "8.12.1-snapshot.7+1e7ac8219",
-    "@instructure/uid": "8.12.1-snapshot.7+1e7ac8219",
+    "@instructure/debounce": "8.13.0",
+    "@instructure/emotion": "8.13.0",
+    "@instructure/shared-types": "8.13.0",
+    "@instructure/ui-dom-utils": "8.13.0",
+    "@instructure/ui-form-field": "8.13.0",
+    "@instructure/ui-prop-types": "8.13.0",
+    "@instructure/ui-react-utils": "8.13.0",
+    "@instructure/ui-testable": "8.13.0",
+    "@instructure/ui-utils": "8.13.0",
+    "@instructure/uid": "8.13.0",
     "prop-types": "^15"
   },
   "devDependencies": {
-    "@instructure/ui-babel-preset": "8.12.1-snapshot.7+1e7ac8219",
-    "@instructure/ui-color-utils": "8.12.1-snapshot.7+1e7ac8219",
-    "@instructure/ui-test-locator": "8.12.1-snapshot.7+1e7ac8219",
-    "@instructure/ui-test-utils": "8.12.1-snapshot.7+1e7ac8219",
-    "@instructure/ui-themes": "8.12.1-snapshot.7+1e7ac8219"
+    "@instructure/ui-babel-preset": "8.13.0",
+    "@instructure/ui-color-utils": "8.13.0",
+    "@instructure/ui-test-locator": "8.13.0",
+    "@instructure/ui-test-utils": "8.13.0",
+    "@instructure/ui-themes": "8.13.0"
   },
   "peerDependencies": {
     "react": ">=16.8 <=17"
@@ -50,6 +50,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "sideEffects": false,
-  "gitHead": "1e7ac821932a91fe9ef761c96f747c7ea1f3925a"
+  "sideEffects": false
 }

package/src/TextArea/index.tsx

@@ -183,7 +183,7 @@ class TextArea extends Component<TextAreaProps> {
     let height = ''
 
     // Notes:
-    // 1. height has be reset to `auto` every time this method runs, or scrollHeight will not reset
+    // 1. height has to be reset to `auto` every time this method runs, or scrollHeight will not reset
     // 2. `this._textarea.scrollHeight` will not reset if assigned to a variable; it needs to be written out each time
     // @ts-expect-error ts-migrate(2339) FIXME: Property '_textarea' does not exist on type 'TextA... Remove this comment to see the full error message
     this._textarea.style.height = 'auto'
@@ -225,8 +225,6 @@ class TextArea extends Component<TextAreaProps> {
     this._height = height
     // @ts-expect-error ts-migrate(2339) FIXME: Property '_textarea' does not exist on type 'TextA... Remove this comment to see the full error message
     this._textarea.style.height = height
-    // @ts-expect-error ts-migrate(2339) FIXME: Property '_textarea' does not exist on type 'TextA... Remove this comment to see the full error message
-    this._textarea.scrollTop = this._textarea.scrollHeight
   }
 
   focus() {

package/src/TextArea/props.ts

@@ -105,7 +105,7 @@ const propTypes: PropValidators<PropKeys> = {
   maxHeight: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
   /**
    * object with shape: `{
-   * text: PropTypes.string,
+   * text: PropTypes.node,
    * type: PropTypes.oneOf(['error', 'hint', 'success', 'screenreader-only'])
    *   }`
    */

package/types/TextArea/index.d.ts

@@ -20,7 +20,7 @@ declare class TextArea extends Component<TextAreaProps> {
         width?: string | undefined;
         height?: string | undefined;
         maxHeight?: string | number | undefined;
-        messages?: import("@instructure/ui-form-field").FormMessage[] | undefined;
+        messages?: import("@instructure/ui-form-field/types/FormPropTypes").FormMessage[] | undefined;
         inline?: boolean | undefined;
         placeholder?: string | undefined;
         disabled?: boolean | undefined;
@@ -41,7 +41,7 @@ declare class TextArea extends Component<TextAreaProps> {
         width?: string | undefined;
         height?: string | undefined;
         maxHeight?: string | number | undefined;
-        messages?: import("@instructure/ui-form-field").FormMessage[] | undefined;
+        messages?: import("@instructure/ui-form-field/types/FormPropTypes").FormMessage[] | undefined;
         inline?: boolean | undefined;
         placeholder?: string | undefined;
         disabled?: boolean | undefined;

package/types/TextArea/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/TextArea/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAQjC,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,2BAA2B,CAAA;AAE1E,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAQrD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAG5C;;;;GAIG;AACH,cAEM,QAAS,SAAQ,SAAS,CAAC,aAAa,CAAC;IAC7C,MAAM,CAAC,QAAQ,CAAC,WAAW,cAAa;IAExC,MAAM,CAAC,YAAY;;;;;;;;;;;;;;;;;;;;SAAe;IAClC,MAAM,CAAC,SAAS;;;;;;;;;;;;;;;;;;;;OAAY;IAE5B,MAAM,CAAC,YAAY;;;;;;;;;;;MAYlB;IAED,SAAS,EAAE;QAAE,MAAM,IAAI,IAAI,CAAA;KAAE,GAAG,IAAI,CAAO;IAC3C,QAAQ,EAAE,yBAAyB,GAAG,SAAS,CAAA;;IAU/C,iBAAiB;IAMjB,kBAAkB,CAAC,SAAS,KAAA,EAAE,SAAS,KAAA,EAAE,QAAQ,KAAA;IAKjD,oBAAoB;IAuBpB,eAAe,qBAcd;IAED,QAAQ;IAyCR,IAAI,qBAsDH;IAED,KAAK;IAML,YAAY,uBAgBX;IAGD,kBAAkB,sBAGjB;IAED,IAAI,SAAS,QAGZ;IAED,IAAI,OAAO,wBAOV;IAED,IAAI,EAAE,QAGL;IAED,IAAI,OAAO,YAGV;IAED,IAAI,KAAK,QAGR;IAED,MAAM;CA4EP;AAED,eAAe,QAAQ,CAAA;AACvB,OAAO,EAAE,QAAQ,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/TextArea/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAQjC,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,2BAA2B,CAAA;AAE1E,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAQrD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAG5C;;;;GAIG;AACH,cAEM,QAAS,SAAQ,SAAS,CAAC,aAAa,CAAC;IAC7C,MAAM,CAAC,QAAQ,CAAC,WAAW,cAAa;IAExC,MAAM,CAAC,YAAY;;;;;;;;;;;;;;;;;;;;SAAe;IAClC,MAAM,CAAC,SAAS;;;;;;;;;;;;;;;;;;;;OAAY;IAE5B,MAAM,CAAC,YAAY;;;;;;;;;;;MAYlB;IAED,SAAS,EAAE;QAAE,MAAM,IAAI,IAAI,CAAA;KAAE,GAAG,IAAI,CAAO;IAC3C,QAAQ,EAAE,yBAAyB,GAAG,SAAS,CAAA;;IAU/C,iBAAiB;IAMjB,kBAAkB,CAAC,SAAS,KAAA,EAAE,SAAS,KAAA,EAAE,QAAQ,KAAA;IAKjD,oBAAoB;IAuBpB,eAAe,qBAcd;IAED,QAAQ;IAyCR,IAAI,qBAoDH;IAED,KAAK;IAML,YAAY,uBAgBX;IAGD,kBAAkB,sBAGjB;IAED,IAAI,SAAS,QAGZ;IAED,IAAI,OAAO,wBAOV;IAED,IAAI,EAAE,QAGL;IAED,IAAI,OAAO,YAGV;IAED,IAAI,KAAK,QAGR;IAED,MAAM;CA4EP;AAED,eAAe,QAAQ,CAAA;AACvB,OAAO,EAAE,QAAQ,EAAE,CAAA"}

package/LICENSE.md

@@ -1,27 +0,0 @@
----
-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.