@patternfly/react-core 4.237.4 → 4.237.5

package/CHANGELOG.md

@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 4.237.5 (2022-09-09)
+
+**Note:** Version bump only for package @patternfly/react-core
+
+
+
+
+
 ## 4.237.4 (2022-09-09)
 
 

package/dist/esm/components/TextArea/TextArea.d.ts

@@ -37,7 +37,10 @@ export interface TextAreaProps extends Omit<HTMLProps<HTMLTextAreaElement>, 'onC
 export declare class TextAreaBase extends React.Component<TextAreaProps> {
     static displayName: string;
     static defaultProps: TextAreaProps;
+    inputRef: React.RefObject<HTMLTextAreaElement>;
+    private setAutoHeight;
     constructor(props: TextAreaProps);
+    componentDidMount(): void;
     private handleChange;
     render(): JSX.Element;
 }

package/dist/esm/components/TextArea/TextArea.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../../../../src/components/TextArea/TextArea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMlC,oBAAY,wBAAwB;IAClC,UAAU,eAAe;IACzB,QAAQ,aAAa;IACrB,IAAI,SAAS;CACd;AAED,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,SAAS,CAAC,mBAAmB,CAAC,EAAE,UAAU,GAAG,KAAK,CAAC;IAC7F,gDAAgD;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gDAAgD;IAChD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gDAAgD;IAChD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,iDAAiD;IACjD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,kDAAkD;IAClD,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,+CAA+C;IAC/C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,CAAC;IACxD,6BAA6B;IAC7B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,sDAAsD;IACtD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,mBAAmB,CAAC,KAAK,IAAI,CAAC;IAClF,kDAAkD;IAClD,iBAAiB,CAAC,EAAE,YAAY,GAAG,UAAU,GAAG,MAAM,CAAC;IACvD,qFAAqF;IACrF,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,oDAAoD;IACpD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;CACjC;AAED,qBAAa,YAAa,SAAQ,KAAK,CAAC,SAAS,CAAC,aAAa,CAAC;IAC9D,MAAM,CAAC,WAAW,SAAc;IAChC,MAAM,CAAC,YAAY,EAAE,aAAa,CAShC;gBAEU,KAAK,EAAE,aAAa;IAQhC,OAAO,CAAC,YAAY,CAkBlB;IAEF,MAAM;CAyCP;AAED,eAAO,MAAM,QAAQ,2FAEnB,CAAC"}
+{"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../../../../src/components/TextArea/TextArea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMlC,oBAAY,wBAAwB;IAClC,UAAU,eAAe;IACzB,QAAQ,aAAa;IACrB,IAAI,SAAS;CACd;AAED,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,SAAS,CAAC,mBAAmB,CAAC,EAAE,UAAU,GAAG,KAAK,CAAC;IAC7F,gDAAgD;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gDAAgD;IAChD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gDAAgD;IAChD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,iDAAiD;IACjD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,kDAAkD;IAClD,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,+CAA+C;IAC/C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,CAAC;IACxD,6BAA6B;IAC7B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,sDAAsD;IACtD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,mBAAmB,CAAC,KAAK,IAAI,CAAC;IAClF,kDAAkD;IAClD,iBAAiB,CAAC,EAAE,YAAY,GAAG,UAAU,GAAG,MAAM,CAAC;IACvD,qFAAqF;IACrF,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,oDAAoD;IACpD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;CACjC;AAED,qBAAa,YAAa,SAAQ,KAAK,CAAC,SAAS,CAAC,aAAa,CAAC;IAC9D,MAAM,CAAC,WAAW,SAAc;IAChC,MAAM,CAAC,YAAY,EAAE,aAAa,CAShC;IAEF,QAAQ,uCAA0C;IAElD,OAAO,CAAC,aAAa,CAWnB;gBAEU,KAAK,EAAE,aAAa;IAQhC,iBAAiB,IAAI,IAAI;IAQzB,OAAO,CAAC,YAAY,CASlB;IAEF,MAAM;CAyCP;AAED,eAAO,MAAM,QAAQ,2FAEnB,CAAC"}

package/dist/esm/components/TextArea/TextArea.js

@@ -13,19 +13,23 @@ export var TextAreResizeOrientation;
 export class TextAreaBase extends React.Component {
     constructor(props) {
         super(props);
+        this.inputRef = React.createRef();
+        this.setAutoHeight = (field) => {
+            field.style.setProperty(heightToken.name, 'inherit');
+            const computed = window.getComputedStyle(field);
+            // Calculate the height
+            const height = parseInt(computed.getPropertyValue('border-top-width')) +
+                parseInt(computed.getPropertyValue('padding-top')) +
+                field.scrollHeight +
+                parseInt(computed.getPropertyValue('padding-bottom')) +
+                parseInt(computed.getPropertyValue('border-bottom-width'));
+            field.style.setProperty(heightToken.name, `${height}px`);
+        };
         this.handleChange = (event) => {
             // https://gomakethings.com/automatically-expand-a-textarea-as-the-user-types-using-vanilla-javascript/
             const field = event.currentTarget;
             if (this.props.autoResize && canUseDOM) {
-                field.style.setProperty(heightToken.name, 'inherit');
-                const computed = window.getComputedStyle(field);
-                // Calculate the height
-                const height = parseInt(computed.getPropertyValue('border-top-width')) +
-                    parseInt(computed.getPropertyValue('padding-top')) +
-                    field.scrollHeight +
-                    parseInt(computed.getPropertyValue('padding-bottom')) +
-                    parseInt(computed.getPropertyValue('border-bottom-width'));
-                field.style.setProperty(heightToken.name, `${height}px`);
+                this.setAutoHeight(field);
             }
             if (this.props.onChange) {
                 this.props.onChange(field.value, event);
@@ -36,6 +40,13 @@ export class TextAreaBase extends React.Component {
             console.error('TextArea: TextArea requires either an id or aria-label to be specified');
         }
     }
+    componentDidMount() {
+        const inputRef = this.props.innerRef || this.inputRef;
+        if (this.props.autoResize && canUseDOM) {
+            const field = inputRef.current;
+            this.setAutoHeight(field);
+        }
+    }
     render() {
         const _a = this.props, { className, value, validated, isRequired, isDisabled, isIconSprite, isReadOnly, resizeOrientation, innerRef, readOnly, disabled, 
         /* eslint-disable @typescript-eslint/no-unused-vars */
@@ -43,7 +54,7 @@ export class TextAreaBase extends React.Component {
         /* eslint-enable @typescript-eslint/no-unused-vars */
         props = __rest(_a, ["className", "value", "validated", "isRequired", "isDisabled", "isIconSprite", "isReadOnly", "resizeOrientation", "innerRef", "readOnly", "disabled", "autoResize", "onChange"]);
         const orientation = `resize${capitalize(resizeOrientation)}`;
-        return (React.createElement("textarea", Object.assign({ className: css(styles.formControl, isIconSprite && styles.modifiers.iconSprite, className, resizeOrientation !== TextAreResizeOrientation.both && styles.modifiers[orientation], validated === ValidatedOptions.success && styles.modifiers.success, validated === ValidatedOptions.warning && styles.modifiers.warning), onChange: this.handleChange }, (typeof this.props.defaultValue !== 'string' && { value }), { "aria-invalid": validated === ValidatedOptions.error, required: isRequired, disabled: isDisabled || disabled, readOnly: isReadOnly || readOnly, ref: innerRef }, props)));
+        return (React.createElement("textarea", Object.assign({ className: css(styles.formControl, isIconSprite && styles.modifiers.iconSprite, className, resizeOrientation !== TextAreResizeOrientation.both && styles.modifiers[orientation], validated === ValidatedOptions.success && styles.modifiers.success, validated === ValidatedOptions.warning && styles.modifiers.warning), onChange: this.handleChange }, (typeof this.props.defaultValue !== 'string' && { value }), { "aria-invalid": validated === ValidatedOptions.error, required: isRequired, disabled: isDisabled || disabled, readOnly: isReadOnly || readOnly, ref: innerRef || this.inputRef }, props)));
     }
 }
 TextAreaBase.displayName = 'TextArea';

package/dist/esm/components/TextArea/TextArea.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextArea.js","sourceRoot":"","sources":["../../../../src/components/TextArea/TextArea.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,MAAM,MAAM,kEAAkE,CAAC;AACtF,OAAO,WAAW,MAAM,kEAAkE,CAAC;AAC3F,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAExE,MAAM,CAAN,IAAY,wBAIX;AAJD,WAAY,wBAAwB;IAClC,qDAAyB,CAAA;IACzB,iDAAqB,CAAA;IACrB,yCAAa,CAAA;AACf,CAAC,EAJW,wBAAwB,KAAxB,wBAAwB,QAInC;AAgCD,MAAM,OAAO,YAAa,SAAQ,KAAK,CAAC,SAAwB;IAa9D,YAAY,KAAoB;QAC9B,KAAK,CAAC,KAAK,CAAC,CAAC;QAOP,iBAAY,GAAG,CAAC,KAA6C,EAAE,EAAE;YACvE,uGAAuG;YACvG,MAAM,KAAK,GAAG,KAAK,CAAC,aAAa,CAAC;YAClC,IAAI,IAAI,CAAC,KAAK,CAAC,UAAU,IAAI,SAAS,EAAE;gBACtC,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,WAAW,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;gBACrD,MAAM,QAAQ,GAAG,MAAM,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC;gBAChD,uBAAuB;gBACvB,MAAM,MAAM,GACV,QAAQ,CAAC,QAAQ,CAAC,gBAAgB,CAAC,kBAAkB,CAAC,CAAC;oBACvD,QAAQ,CAAC,QAAQ,CAAC,gBAAgB,CAAC,aAAa,CAAC,CAAC;oBAClD,KAAK,CAAC,YAAY;oBAClB,QAAQ,CAAC,QAAQ,CAAC,gBAAgB,CAAC,gBAAgB,CAAC,CAAC;oBACrD,QAAQ,CAAC,QAAQ,CAAC,gBAAgB,CAAC,qBAAqB,CAAC,CAAC,CAAC;gBAC7D,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,WAAW,CAAC,IAAI,EAAE,GAAG,MAAM,IAAI,CAAC,CAAC;aAC1D;YACD,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE;gBACvB,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;aACzC;QACH,CAAC,CAAC;QAxBA,IAAI,CAAC,KAAK,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,EAAE;YACrC,sCAAsC;YACtC,OAAO,CAAC,KAAK,CAAC,wEAAwE,CAAC,CAAC;SACzF;IACH,CAAC;IAsBD,MAAM;QACJ,MAAM,KAiBF,IAAI,CAAC,KAAK,EAjBR,EACJ,SAAS,EACT,KAAK,EACL,SAAS,EACT,UAAU,EACV,UAAU,EACV,YAAY,EACZ,UAAU,EACV,iBAAiB,EACjB,QAAQ,EACR,QAAQ,EACR,QAAQ;QACR,sDAAsD;QACtD,UAAU,EACV,QAAQ,OAGI;QAFZ,qDAAqD;QAClD,KAAK,cAhBJ,gLAiBL,CAAa,CAAC;QACf,MAAM,WAAW,GAAG,SAAS,UAAU,CAAC,iBAAiB,CAAC,EAA2C,CAAC;QACtG,OAAO,CACL,gDACE,SAAS,EAAE,GAAG,CACZ,MAAM,CAAC,WAAW,EAClB,YAAY,IAAI,MAAM,CAAC,SAAS,CAAC,UAAU,EAC3C,SAAS,EACT,iBAAiB,KAAK,wBAAwB,CAAC,IAAI,IAAI,MAAM,CAAC,SAAS,CAAC,WAAW,CAAC,EACpF,SAAS,KAAK,gBAAgB,CAAC,OAAO,IAAI,MAAM,CAAC,SAAS,CAAC,OAAO,EAClE,SAAS,KAAK,gBAAgB,CAAC,OAAO,IAAI,MAAM,CAAC,SAAS,CAAC,OAAO,CACnE,EACD,QAAQ,EAAE,IAAI,CAAC,YAAY,IACvB,CAAC,OAAO,IAAI,CAAC,KAAK,CAAC,YAAY,KAAK,QAAQ,IAAI,EAAE,KAAK,EAAE,CAAC,oBAChD,SAAS,KAAK,gBAAgB,CAAC,KAAK,EAClD,QAAQ,EAAE,UAAU,EACpB,QAAQ,EAAE,UAAU,IAAI,QAAQ,EAChC,QAAQ,EAAE,UAAU,IAAI,QAAQ,EAChC,GAAG,EAAE,QAAQ,IACT,KAAK,EACT,CACH,CAAC;IACJ,CAAC;;AAhFM,wBAAW,GAAG,UAAU,CAAC;AACzB,yBAAY,GAAkB;IACnC,QAAQ,EAAE,KAAK,CAAC,SAAS,EAAuB;IAChD,SAAS,EAAE,EAAE;IACb,UAAU,EAAE,KAAK;IACjB,UAAU,EAAE,KAAK;IACjB,YAAY,EAAE,KAAK;IACnB,SAAS,EAAE,SAAS;IACpB,iBAAiB,EAAE,MAAM;IACzB,YAAY,EAAE,IAAc;CAC7B,CAAC;AAyEJ,MAAM,CAAC,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAAqC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE,CAAC,CAC3F,oBAAC,YAAY,oBAAK,KAAK,IAAE,QAAQ,EAAE,GAAkC,IAAI,CAC1E,CAAC,CAAC;AACH,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC"}
+{"version":3,"file":"TextArea.js","sourceRoot":"","sources":["../../../../src/components/TextArea/TextArea.tsx"],"names":[],"mappings":"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"}

package/dist/js/components/TextArea/TextArea.d.ts

@@ -37,7 +37,10 @@ export interface TextAreaProps extends Omit<HTMLProps<HTMLTextAreaElement>, 'onC
 export declare class TextAreaBase extends React.Component<TextAreaProps> {
     static displayName: string;
     static defaultProps: TextAreaProps;
+    inputRef: React.RefObject<HTMLTextAreaElement>;
+    private setAutoHeight;
     constructor(props: TextAreaProps);
+    componentDidMount(): void;
     private handleChange;
     render(): JSX.Element;
 }

package/dist/js/components/TextArea/TextArea.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../../../../src/components/TextArea/TextArea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMlC,oBAAY,wBAAwB;IAClC,UAAU,eAAe;IACzB,QAAQ,aAAa;IACrB,IAAI,SAAS;CACd;AAED,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,SAAS,CAAC,mBAAmB,CAAC,EAAE,UAAU,GAAG,KAAK,CAAC;IAC7F,gDAAgD;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gDAAgD;IAChD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gDAAgD;IAChD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,iDAAiD;IACjD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,kDAAkD;IAClD,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,+CAA+C;IAC/C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,CAAC;IACxD,6BAA6B;IAC7B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,sDAAsD;IACtD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,mBAAmB,CAAC,KAAK,IAAI,CAAC;IAClF,kDAAkD;IAClD,iBAAiB,CAAC,EAAE,YAAY,GAAG,UAAU,GAAG,MAAM,CAAC;IACvD,qFAAqF;IACrF,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,oDAAoD;IACpD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;CACjC;AAED,qBAAa,YAAa,SAAQ,KAAK,CAAC,SAAS,CAAC,aAAa,CAAC;IAC9D,MAAM,CAAC,WAAW,SAAc;IAChC,MAAM,CAAC,YAAY,EAAE,aAAa,CAShC;gBAEU,KAAK,EAAE,aAAa;IAQhC,OAAO,CAAC,YAAY,CAkBlB;IAEF,MAAM;CAyCP;AAED,eAAO,MAAM,QAAQ,2FAEnB,CAAC"}
+{"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../../../../src/components/TextArea/TextArea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMlC,oBAAY,wBAAwB;IAClC,UAAU,eAAe;IACzB,QAAQ,aAAa;IACrB,IAAI,SAAS;CACd;AAED,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,SAAS,CAAC,mBAAmB,CAAC,EAAE,UAAU,GAAG,KAAK,CAAC;IAC7F,gDAAgD;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gDAAgD;IAChD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gDAAgD;IAChD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,iDAAiD;IACjD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,kDAAkD;IAClD,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,+CAA+C;IAC/C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,CAAC;IACxD,6BAA6B;IAC7B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,sDAAsD;IACtD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,mBAAmB,CAAC,KAAK,IAAI,CAAC;IAClF,kDAAkD;IAClD,iBAAiB,CAAC,EAAE,YAAY,GAAG,UAAU,GAAG,MAAM,CAAC;IACvD,qFAAqF;IACrF,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,oDAAoD;IACpD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;CACjC;AAED,qBAAa,YAAa,SAAQ,KAAK,CAAC,SAAS,CAAC,aAAa,CAAC;IAC9D,MAAM,CAAC,WAAW,SAAc;IAChC,MAAM,CAAC,YAAY,EAAE,aAAa,CAShC;IAEF,QAAQ,uCAA0C;IAElD,OAAO,CAAC,aAAa,CAWnB;gBAEU,KAAK,EAAE,aAAa;IAQhC,iBAAiB,IAAI,IAAI;IAQzB,OAAO,CAAC,YAAY,CASlB;IAEF,MAAM;CAyCP;AAED,eAAO,MAAM,QAAQ,2FAEnB,CAAC"}

package/dist/js/components/TextArea/TextArea.js

@@ -16,19 +16,23 @@ var TextAreResizeOrientation;
 class TextAreaBase extends React.Component {
     constructor(props) {
         super(props);
+        this.inputRef = React.createRef();
+        this.setAutoHeight = (field) => {
+            field.style.setProperty(c_form_control_textarea_Height_1.default.name, 'inherit');
+            const computed = window.getComputedStyle(field);
+            // Calculate the height
+            const height = parseInt(computed.getPropertyValue('border-top-width')) +
+                parseInt(computed.getPropertyValue('padding-top')) +
+                field.scrollHeight +
+                parseInt(computed.getPropertyValue('padding-bottom')) +
+                parseInt(computed.getPropertyValue('border-bottom-width'));
+            field.style.setProperty(c_form_control_textarea_Height_1.default.name, `${height}px`);
+        };
         this.handleChange = (event) => {
             // https://gomakethings.com/automatically-expand-a-textarea-as-the-user-types-using-vanilla-javascript/
             const field = event.currentTarget;
             if (this.props.autoResize && helpers_1.canUseDOM) {
-                field.style.setProperty(c_form_control_textarea_Height_1.default.name, 'inherit');
-                const computed = window.getComputedStyle(field);
-                // Calculate the height
-                const height = parseInt(computed.getPropertyValue('border-top-width')) +
-                    parseInt(computed.getPropertyValue('padding-top')) +
-                    field.scrollHeight +
-                    parseInt(computed.getPropertyValue('padding-bottom')) +
-                    parseInt(computed.getPropertyValue('border-bottom-width'));
-                field.style.setProperty(c_form_control_textarea_Height_1.default.name, `${height}px`);
+                this.setAutoHeight(field);
             }
             if (this.props.onChange) {
                 this.props.onChange(field.value, event);
@@ -39,6 +43,13 @@ class TextAreaBase extends React.Component {
             console.error('TextArea: TextArea requires either an id or aria-label to be specified');
         }
     }
+    componentDidMount() {
+        const inputRef = this.props.innerRef || this.inputRef;
+        if (this.props.autoResize && helpers_1.canUseDOM) {
+            const field = inputRef.current;
+            this.setAutoHeight(field);
+        }
+    }
     render() {
         const _a = this.props, { className, value, validated, isRequired, isDisabled, isIconSprite, isReadOnly, resizeOrientation, innerRef, readOnly, disabled, 
         /* eslint-disable @typescript-eslint/no-unused-vars */
@@ -46,7 +57,7 @@ class TextAreaBase extends React.Component {
         /* eslint-enable @typescript-eslint/no-unused-vars */
         props = tslib_1.__rest(_a, ["className", "value", "validated", "isRequired", "isDisabled", "isIconSprite", "isReadOnly", "resizeOrientation", "innerRef", "readOnly", "disabled", "autoResize", "onChange"]);
         const orientation = `resize${helpers_1.capitalize(resizeOrientation)}`;
-        return (React.createElement("textarea", Object.assign({ className: react_styles_1.css(form_control_1.default.formControl, isIconSprite && form_control_1.default.modifiers.iconSprite, className, resizeOrientation !== TextAreResizeOrientation.both && form_control_1.default.modifiers[orientation], validated === helpers_1.ValidatedOptions.success && form_control_1.default.modifiers.success, validated === helpers_1.ValidatedOptions.warning && form_control_1.default.modifiers.warning), onChange: this.handleChange }, (typeof this.props.defaultValue !== 'string' && { value }), { "aria-invalid": validated === helpers_1.ValidatedOptions.error, required: isRequired, disabled: isDisabled || disabled, readOnly: isReadOnly || readOnly, ref: innerRef }, props)));
+        return (React.createElement("textarea", Object.assign({ className: react_styles_1.css(form_control_1.default.formControl, isIconSprite && form_control_1.default.modifiers.iconSprite, className, resizeOrientation !== TextAreResizeOrientation.both && form_control_1.default.modifiers[orientation], validated === helpers_1.ValidatedOptions.success && form_control_1.default.modifiers.success, validated === helpers_1.ValidatedOptions.warning && form_control_1.default.modifiers.warning), onChange: this.handleChange }, (typeof this.props.defaultValue !== 'string' && { value }), { "aria-invalid": validated === helpers_1.ValidatedOptions.error, required: isRequired, disabled: isDisabled || disabled, readOnly: isReadOnly || readOnly, ref: innerRef || this.inputRef }, props)));
     }
 }
 exports.TextAreaBase = TextAreaBase;

package/dist/js/components/TextArea/TextArea.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextArea.js","sourceRoot":"","sources":["../../../../src/components/TextArea/TextArea.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"TextArea.js","sourceRoot":"","sources":["../../../../src/components/TextArea/TextArea.tsx"],"names":[],"mappings":"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"}

package/dist/umd/react-core.min.css

@@ -10626,92 +10626,6 @@ button.pf-c-label__content:focus {
   --pf-c-label--m-outline--m-cyan__content--link--focus--before--BorderColor: var(--pf-global--palette--cyan-100);
 }
 
-.pf-c-list {
-  --pf-c-list--PaddingLeft: var(--pf-global--spacer--lg);
-  --pf-c-list--nested--MarginTop: var(--pf-global--spacer--sm);
-  --pf-c-list--nested--MarginLeft: var(--pf-global--spacer--sm);
-  --pf-c-list--ul--ListStyle: var(--pf-global--ListStyle);
-  --pf-c-list--li--MarginTop: var(--pf-global--spacer--sm);
-  --pf-c-list--m-inline--li--MarginRight: var(--pf-global--spacer--lg);
-  --pf-c-list--m-bordered--li--PaddingBottom: var(--pf-global--spacer--sm);
-  --pf-c-list--m-bordered--li--BorderBottomColor: var(--pf-global--BorderColor--100);
-  --pf-c-list--m-bordered--li--BorderBottomWidth: var(--pf-global--BorderWidth--sm);
-  --pf-c-list__item-icon--MinWidth: var(--pf-global--icon--FontSize--sm);
-  --pf-c-list__item-icon--MarginTop: 0.375rem;
-  --pf-c-list__item-icon--MarginRight: var(--pf-global--spacer--sm);
-  --pf-c-list__item-icon--Color: var(--pf-global--icon--Color--light);
-  --pf-c-list__item-icon--FontSize: var(--pf-global--icon--FontSize--sm);
-  --pf-c-list--m-icon-lg__item-icon--MinWidth: var(--pf-global--icon--FontSize--lg);
-  --pf-c-list--m-icon-lg__item-icon--MarginRight: var(--pf-global--spacer--md);
-  --pf-c-list--m-icon-lg__item-icon--FontSize: var(--pf-global--icon--FontSize--lg);
-  padding-left: var(--pf-c-list--PaddingLeft);
-}
-
-.pf-c-list ol,
-.pf-c-list ul {
-  margin-top: var(--pf-c-list--nested--MarginTop);
-  margin-left: var(--pf-c-list--nested--MarginLeft);
-}
-
-.pf-c-list li + li {
-  margin-top: var(--pf-c-list--li--MarginTop);
-}
-
-ul.pf-c-list {
-  list-style: var(--pf-c-list--ul--ListStyle);
-}
-
-.pf-c-list .pf-c-list__item {
-  display: flex;
-}
-
-.pf-c-list .pf-c-list__item-icon {
-  flex-shrink: 0;
-  min-width: var(--pf-c-list__item-icon--MinWidth);
-  margin-top: var(--pf-c-list__item-icon--MarginTop);
-  margin-right: var(--pf-c-list__item-icon--MarginRight);
-  font-size: var(--pf-c-list__item-icon--FontSize);
-  line-height: 1;
-  color: var(--pf-c-list__item-icon--Color);
-}
-
-.pf-c-list.pf-m-icon-lg {
-  --pf-c-list__item-icon--MinWidth: var(--pf-c-list--m-icon-lg__item-icon--MinWidth);
-  --pf-c-list__item-icon--MarginTop: 0;
-  --pf-c-list__item-icon--MarginRight: var(--pf-c-list--m-icon-lg__item-icon--MarginRight);
-  --pf-c-list__item-icon--FontSize: var(--pf-c-list--m-icon-lg__item-icon--FontSize);
-}
-
-.pf-c-list.pf-m-plain {
-  --pf-c-list--PaddingLeft: 0;
-  list-style: none;
-}
-
-.pf-c-list.pf-m-inline {
-  --pf-c-list--PaddingLeft: 0;
-  display: flex;
-  flex-wrap: wrap;
-  list-style: none;
-}
-
-.pf-c-list.pf-m-inline li {
-  --pf-c-list--li--MarginTop: 0;
-}
-
-.pf-c-list.pf-m-inline li:not(:last-child) {
-  margin-right: var(--pf-c-list--m-inline--li--MarginRight);
-}
-
-.pf-c-list.pf-m-bordered > * {
-  padding-bottom: var(--pf-c-list--m-bordered--li--PaddingBottom);
-  border-bottom: var(--pf-c-list--m-bordered--li--BorderBottomWidth) solid var(--pf-c-list--m-bordered--li--BorderBottomColor);
-}
-
-.pf-c-list.pf-m-bordered > :last-child {
-  --pf-c-list--m-bordered--li--PaddingBottom: 0;
-  --pf-c-list--m-bordered--li--BorderBottomWidth: 0;
-}
-
 .pf-c-label-group {
   --pf-c-label-group__list--MarginBottom: calc(var(--pf-global--spacer--xs) * -1);
   --pf-c-label-group__list--MarginRight: calc(var(--pf-global--spacer--xs) * -1);
@@ -10856,6 +10770,92 @@ ul.pf-c-list {
   display: none;
 }
 
+.pf-c-list {
+  --pf-c-list--PaddingLeft: var(--pf-global--spacer--lg);
+  --pf-c-list--nested--MarginTop: var(--pf-global--spacer--sm);
+  --pf-c-list--nested--MarginLeft: var(--pf-global--spacer--sm);
+  --pf-c-list--ul--ListStyle: var(--pf-global--ListStyle);
+  --pf-c-list--li--MarginTop: var(--pf-global--spacer--sm);
+  --pf-c-list--m-inline--li--MarginRight: var(--pf-global--spacer--lg);
+  --pf-c-list--m-bordered--li--PaddingBottom: var(--pf-global--spacer--sm);
+  --pf-c-list--m-bordered--li--BorderBottomColor: var(--pf-global--BorderColor--100);
+  --pf-c-list--m-bordered--li--BorderBottomWidth: var(--pf-global--BorderWidth--sm);
+  --pf-c-list__item-icon--MinWidth: var(--pf-global--icon--FontSize--sm);
+  --pf-c-list__item-icon--MarginTop: 0.375rem;
+  --pf-c-list__item-icon--MarginRight: var(--pf-global--spacer--sm);
+  --pf-c-list__item-icon--Color: var(--pf-global--icon--Color--light);
+  --pf-c-list__item-icon--FontSize: var(--pf-global--icon--FontSize--sm);
+  --pf-c-list--m-icon-lg__item-icon--MinWidth: var(--pf-global--icon--FontSize--lg);
+  --pf-c-list--m-icon-lg__item-icon--MarginRight: var(--pf-global--spacer--md);
+  --pf-c-list--m-icon-lg__item-icon--FontSize: var(--pf-global--icon--FontSize--lg);
+  padding-left: var(--pf-c-list--PaddingLeft);
+}
+
+.pf-c-list ol,
+.pf-c-list ul {
+  margin-top: var(--pf-c-list--nested--MarginTop);
+  margin-left: var(--pf-c-list--nested--MarginLeft);
+}
+
+.pf-c-list li + li {
+  margin-top: var(--pf-c-list--li--MarginTop);
+}
+
+ul.pf-c-list {
+  list-style: var(--pf-c-list--ul--ListStyle);
+}
+
+.pf-c-list .pf-c-list__item {
+  display: flex;
+}
+
+.pf-c-list .pf-c-list__item-icon {
+  flex-shrink: 0;
+  min-width: var(--pf-c-list__item-icon--MinWidth);
+  margin-top: var(--pf-c-list__item-icon--MarginTop);
+  margin-right: var(--pf-c-list__item-icon--MarginRight);
+  font-size: var(--pf-c-list__item-icon--FontSize);
+  line-height: 1;
+  color: var(--pf-c-list__item-icon--Color);
+}
+
+.pf-c-list.pf-m-icon-lg {
+  --pf-c-list__item-icon--MinWidth: var(--pf-c-list--m-icon-lg__item-icon--MinWidth);
+  --pf-c-list__item-icon--MarginTop: 0;
+  --pf-c-list__item-icon--MarginRight: var(--pf-c-list--m-icon-lg__item-icon--MarginRight);
+  --pf-c-list__item-icon--FontSize: var(--pf-c-list--m-icon-lg__item-icon--FontSize);
+}
+
+.pf-c-list.pf-m-plain {
+  --pf-c-list--PaddingLeft: 0;
+  list-style: none;
+}
+
+.pf-c-list.pf-m-inline {
+  --pf-c-list--PaddingLeft: 0;
+  display: flex;
+  flex-wrap: wrap;
+  list-style: none;
+}
+
+.pf-c-list.pf-m-inline li {
+  --pf-c-list--li--MarginTop: 0;
+}
+
+.pf-c-list.pf-m-inline li:not(:last-child) {
+  margin-right: var(--pf-c-list--m-inline--li--MarginRight);
+}
+
+.pf-c-list.pf-m-bordered > * {
+  padding-bottom: var(--pf-c-list--m-bordered--li--PaddingBottom);
+  border-bottom: var(--pf-c-list--m-bordered--li--BorderBottomWidth) solid var(--pf-c-list--m-bordered--li--BorderBottomColor);
+}
+
+.pf-c-list.pf-m-bordered > :last-child {
+  --pf-c-list--m-bordered--li--PaddingBottom: 0;
+  --pf-c-list--m-bordered--li--BorderBottomWidth: 0;
+}
+
 .pf-c-login__footer, .pf-c-login__header {
   --pf-global--Color--100: var(--pf-global--Color--light-100);
   --pf-global--Color--200: var(--pf-global--Color--light-200);