@instructure/ui-text-area 7.13.0 → 7.14.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.
 
+# [7.14.0](https://github.com/instructure/instructure-ui/compare/v7.13.0...v7.14.0) (2021-12-01)
+
+### Bug Fixes
+
+- **ui-text-area:** fix jumping scroll issue ([d0eec8f](https://github.com/instructure/instructure-ui/commit/d0eec8f))
+
+### Features
+
+- **ui-form-field:** make FormField messages accept `node` text, not just `string` ([d9e1a7a](https://github.com/instructure/instructure-ui/commit/d9e1a7a)), closes [PR#819](https://github.com/PR/issues/819)
+
 # [7.13.0](https://github.com/instructure/instructure-ui/compare/v7.12.0...v7.13.0) (2021-11-18)
 
 **Note:** Version bump only for package @instructure/ui-text-area

package/es/TextArea/index.js

@@ -91,7 +91,7 @@ var TextArea = (_dec = testable(), _dec2 = themeable(theme, styles), _dec(_class
 
       var offset = _this._textarea.offsetHeight - _this._textarea.clientHeight;
       var 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';
@@ -122,7 +122,6 @@ var TextArea = (_dec = testable(), _dec2 = themeable(theme, styles), _dec(_class
 
       _this._height = height;
       _this._textarea.style.height = height;
-      _this._textarea.scrollTop = _this._textarea.scrollHeight;
     };
 
     _this.handleChange = function (event) {
@@ -348,7 +347,7 @@ var TextArea = (_dec = testable(), _dec2 = themeable(theme, styles), _dec(_class
 
   /**
    * object with shape: `{
-   * text: PropTypes.string,
+   * text: PropTypes.node,
    * type: PropTypes.oneOf(['error', 'hint', 'success', 'screenreader-only'])
    *   }`
    */

package/lib/TextArea/index.js

@@ -105,7 +105,7 @@ var TextArea = (_dec = (0, _testable.testable)(), _dec2 = (0, _themeable.themeab
 
       var offset = _this._textarea.offsetHeight - _this._textarea.clientHeight;
       var 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';
@@ -136,7 +136,6 @@ var TextArea = (_dec = (0, _testable.testable)(), _dec2 = (0, _themeable.themeab
 
       _this._height = height;
       _this._textarea.style.height = height;
-      _this._textarea.scrollTop = _this._textarea.scrollHeight;
     };
 
     _this.handleChange = function (event) {
@@ -363,7 +362,7 @@ var TextArea = (_dec = (0, _testable.testable)(), _dec2 = (0, _themeable.themeab
 
   /**
    * 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": "7.13.0",
+  "version": "7.14.0",
   "description": "A styled HTML text area component",
   "author": "Instructure, Inc. Engineering and Product Design",
   "type": "commonjs",
@@ -23,23 +23,23 @@
   "license": "MIT",
   "dependencies": {
     "@babel/runtime": "^7.9.2",
-    "@instructure/debounce": "^7.13.0",
-    "@instructure/ui-dom-utils": "^7.13.0",
-    "@instructure/ui-form-field": "^7.13.0",
-    "@instructure/ui-prop-types": "^7.13.0",
-    "@instructure/ui-react-utils": "^7.13.0",
-    "@instructure/ui-testable": "^7.13.0",
-    "@instructure/ui-themeable": "^7.13.0",
-    "@instructure/ui-utils": "^7.13.0",
-    "@instructure/uid": "^7.13.0",
+    "@instructure/debounce": "^7.14.0",
+    "@instructure/ui-dom-utils": "^7.14.0",
+    "@instructure/ui-form-field": "^7.14.0",
+    "@instructure/ui-prop-types": "^7.14.0",
+    "@instructure/ui-react-utils": "^7.14.0",
+    "@instructure/ui-testable": "^7.14.0",
+    "@instructure/ui-themeable": "^7.14.0",
+    "@instructure/ui-utils": "^7.14.0",
+    "@instructure/uid": "^7.14.0",
     "classnames": "^2",
     "prop-types": "^15"
   },
   "devDependencies": {
-    "@instructure/ui-babel-preset": "^7.13.0",
-    "@instructure/ui-color-utils": "^7.13.0",
-    "@instructure/ui-test-locator": "^7.13.0",
-    "@instructure/ui-test-utils": "^7.13.0"
+    "@instructure/ui-babel-preset": "^7.14.0",
+    "@instructure/ui-color-utils": "^7.14.0",
+    "@instructure/ui-test-locator": "^7.14.0",
+    "@instructure/ui-test-utils": "^7.14.0"
   },
   "peerDependencies": {
     "react": "^16.8"

package/src/TextArea/index.js

@@ -83,7 +83,7 @@ class TextArea extends Component {
     maxHeight: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
     /**
      * object with shape: `{
-     * text: PropTypes.string,
+     * text: PropTypes.node,
      * type: PropTypes.oneOf(['error', 'hint', 'success', 'screenreader-only'])
      *   }`
      */
@@ -220,7 +220,7 @@ class TextArea extends Component {
     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'
     this._textarea.style.overflowY = 'hidden' // hide scrollbars for autoGrow textareas
@@ -250,7 +250,6 @@ class TextArea extends Component {
 
     this._height = height
     this._textarea.style.height = height
-    this._textarea.scrollTop = this._textarea.scrollHeight
   }
 
   focus() {

package/types/index.d.ts

@@ -39,7 +39,7 @@ export interface TextAreaProps {
     maxHeight?: TextAreaMaxHeight;
     /**
      * object with shape: `{
-     * text: PropTypes.string,
+     * text: PropTypes.node,
      * type: PropTypes.oneOf(['error', 'hint', 'success', 'screenreader-only'])
      * }`
      */