carbon-react 142.13.3 → 142.13.5

package/esm/components/select/__internal__/select-textbox/select-textbox.component.d.ts

@@ -1,5 +1,4 @@
 import React from "react";
-import { CustomSelectChangeEvent } from "../../simple-select/simple-select.component";
 import { CommonTextboxProps } from "../../../textbox";
 import { ValidationProps } from "../../../../__internal__/validations";
 export interface FormInputPropTypes extends ValidationProps, Omit<CommonTextboxProps, "onClick" | "onChange"> {
@@ -29,8 +28,6 @@ export interface FormInputPropTypes extends ValidationProps, Omit<CommonTextboxP
     name?: string;
     /** Specify a callback triggered on blur */
     onBlur?: (ev: React.FocusEvent<HTMLInputElement>) => void;
-    /** Specify a callback triggered on change */
-    onChange?: (ev: CustomSelectChangeEvent | React.ChangeEvent<HTMLInputElement>) => void;
     /** Specify a callback triggered on click */
     onClick?: (ev: React.MouseEvent<HTMLInputElement>) => void;
     /** Specify a callback triggered on focus */

package/esm/components/select/__internal__/select-textbox/select-textbox.component.js

@@ -20,7 +20,6 @@ const SelectTextbox = /*#__PURE__*/React.forwardRef(({
   onClick,
   onFocus,
   onBlur,
-  onChange,
   formattedValue = "",
   selectedValue,
   required,
@@ -75,8 +74,10 @@ const SelectTextbox = /*#__PURE__*/React.forwardRef(({
     "data-role": "select-textbox",
     inputIcon: "dropdown",
     autoComplete: "off",
-    size: size,
-    onChange: onChange,
+    size: size
+    // prevent uncontrolled warning being fired
+    ,
+    onChange: () => {},
     formattedValue: formattedValue,
     value: hasStringValue ? selectedValue : undefined,
     placeholder: hasTextCursor ? placeholder : undefined
@@ -404,7 +405,6 @@ if (process.env.NODE_ENV !== "production") {
     "onCanPlayCapture": PropTypes.func,
     "onCanPlayThrough": PropTypes.func,
     "onCanPlayThroughCapture": PropTypes.func,
-    "onChange": PropTypes.func,
     "onChangeCapture": PropTypes.func,
     "onChangeDeferred": PropTypes.func,
     "onClick": PropTypes.func,

package/esm/components/select/filterable-select/filterable-select.component.d.ts

@@ -2,6 +2,7 @@ import React from "react";
 import { Side } from "@floating-ui/dom";
 import { ButtonProps } from "../../button";
 import { FormInputPropTypes } from "../__internal__/select-textbox";
+import { CustomSelectChangeEvent } from "../simple-select";
 export interface FilterableSelectProps extends Omit<FormInputPropTypes, "defaultValue" | "value"> {
     /** Prop to specify the aria-label attribute of the component input */
     "aria-label"?: string;
@@ -65,6 +66,8 @@ export interface FilterableSelectProps extends Omit<FormInputPropTypes, "default
     isOptional?: boolean;
     /** Flag to configure component as mandatory */
     required?: boolean;
+    /** Specify a callback triggered on change */
+    onChange?: (ev: CustomSelectChangeEvent | React.ChangeEvent<HTMLInputElement>) => void;
 }
 export declare const FilterableSelect: React.ForwardRefExoticComponent<FilterableSelectProps & React.RefAttributes<HTMLInputElement>>;
 export default FilterableSelect;

package/esm/components/select/multi-select/multi-select.component.d.ts

@@ -1,6 +1,7 @@
 import React from "react";
 import { Side } from "@floating-ui/dom";
 import { FormInputPropTypes } from "../__internal__/select-textbox";
+import { CustomSelectChangeEvent } from "../simple-select";
 export interface MultiSelectProps extends Omit<FormInputPropTypes, "defaultValue" | "value"> {
     /** Prop to specify the aria-label attribute of the component input */
     "aria-label"?: string;
@@ -57,6 +58,8 @@ export interface MultiSelectProps extends Omit<FormInputPropTypes, "defaultValue
     virtualScrollOverscan?: number;
     /** Flag to configure component as optional. */
     isOptional?: boolean;
+    /** Specify a callback triggered on change */
+    onChange?: (ev: CustomSelectChangeEvent | React.ChangeEvent<HTMLInputElement>) => void;
 }
 export declare const MultiSelect: React.ForwardRefExoticComponent<MultiSelectProps & React.RefAttributes<HTMLInputElement>>;
 export default MultiSelect;

package/esm/components/select/simple-select/simple-select.component.d.ts

@@ -65,6 +65,8 @@ export interface SimpleSelectProps extends Omit<FormInputPropTypes, "defaultValu
     isOptional?: boolean;
     /** Flag to configure component as mandatory */
     isRequired?: boolean;
+    /** Specify a callback triggered on change */
+    onChange?: (ev: CustomSelectChangeEvent | React.ChangeEvent<HTMLInputElement>) => void;
 }
 export declare const SimpleSelect: React.ForwardRefExoticComponent<SimpleSelectProps & React.RefAttributes<HTMLInputElement>>;
 export default SimpleSelect;

package/esm/components/textarea/textarea.component.js

@@ -117,6 +117,8 @@ const Textarea = /*#__PURE__*/React.forwardRef(({
       }
       const scrollPosition = scrollElement?.scrollTop;
 
+      // Reset height to allow shrinking when lines are removed
+      textarea.style.height = "auto";
       // Set the height so all content is shown
       textarea.style.height = `${Math.max(textarea.scrollHeight, textareaMinHeight)}px`;
       if (scrollElement && scrollPosition) {

package/lib/components/select/__internal__/select-textbox/select-textbox.component.d.ts

@@ -1,5 +1,4 @@
 import React from "react";
-import { CustomSelectChangeEvent } from "../../simple-select/simple-select.component";
 import { CommonTextboxProps } from "../../../textbox";
 import { ValidationProps } from "../../../../__internal__/validations";
 export interface FormInputPropTypes extends ValidationProps, Omit<CommonTextboxProps, "onClick" | "onChange"> {
@@ -29,8 +28,6 @@ export interface FormInputPropTypes extends ValidationProps, Omit<CommonTextboxP
     name?: string;
     /** Specify a callback triggered on blur */
     onBlur?: (ev: React.FocusEvent<HTMLInputElement>) => void;
-    /** Specify a callback triggered on change */
-    onChange?: (ev: CustomSelectChangeEvent | React.ChangeEvent<HTMLInputElement>) => void;
     /** Specify a callback triggered on click */
     onClick?: (ev: React.MouseEvent<HTMLInputElement>) => void;
     /** Specify a callback triggered on focus */

package/lib/components/select/__internal__/select-textbox/select-textbox.component.js

@@ -27,7 +27,6 @@ const SelectTextbox = /*#__PURE__*/_react.default.forwardRef(({
   onClick,
   onFocus,
   onBlur,
-  onChange,
   formattedValue = "",
   selectedValue,
   required,
@@ -82,8 +81,10 @@ const SelectTextbox = /*#__PURE__*/_react.default.forwardRef(({
     "data-role": "select-textbox",
     inputIcon: "dropdown",
     autoComplete: "off",
-    size: size,
-    onChange: onChange,
+    size: size
+    // prevent uncontrolled warning being fired
+    ,
+    onChange: () => {},
     formattedValue: formattedValue,
     value: hasStringValue ? selectedValue : undefined,
     placeholder: hasTextCursor ? placeholder : undefined
@@ -411,7 +412,6 @@ if (process.env.NODE_ENV !== "production") {
     "onCanPlayCapture": _propTypes.default.func,
     "onCanPlayThrough": _propTypes.default.func,
     "onCanPlayThroughCapture": _propTypes.default.func,
-    "onChange": _propTypes.default.func,
     "onChangeCapture": _propTypes.default.func,
     "onChangeDeferred": _propTypes.default.func,
     "onClick": _propTypes.default.func,

package/lib/components/select/filterable-select/filterable-select.component.d.ts

@@ -2,6 +2,7 @@ import React from "react";
 import { Side } from "@floating-ui/dom";
 import { ButtonProps } from "../../button";
 import { FormInputPropTypes } from "../__internal__/select-textbox";
+import { CustomSelectChangeEvent } from "../simple-select";
 export interface FilterableSelectProps extends Omit<FormInputPropTypes, "defaultValue" | "value"> {
     /** Prop to specify the aria-label attribute of the component input */
     "aria-label"?: string;
@@ -65,6 +66,8 @@ export interface FilterableSelectProps extends Omit<FormInputPropTypes, "default
     isOptional?: boolean;
     /** Flag to configure component as mandatory */
     required?: boolean;
+    /** Specify a callback triggered on change */
+    onChange?: (ev: CustomSelectChangeEvent | React.ChangeEvent<HTMLInputElement>) => void;
 }
 export declare const FilterableSelect: React.ForwardRefExoticComponent<FilterableSelectProps & React.RefAttributes<HTMLInputElement>>;
 export default FilterableSelect;

package/lib/components/select/multi-select/multi-select.component.d.ts

@@ -1,6 +1,7 @@
 import React from "react";
 import { Side } from "@floating-ui/dom";
 import { FormInputPropTypes } from "../__internal__/select-textbox";
+import { CustomSelectChangeEvent } from "../simple-select";
 export interface MultiSelectProps extends Omit<FormInputPropTypes, "defaultValue" | "value"> {
     /** Prop to specify the aria-label attribute of the component input */
     "aria-label"?: string;
@@ -57,6 +58,8 @@ export interface MultiSelectProps extends Omit<FormInputPropTypes, "defaultValue
     virtualScrollOverscan?: number;
     /** Flag to configure component as optional. */
     isOptional?: boolean;
+    /** Specify a callback triggered on change */
+    onChange?: (ev: CustomSelectChangeEvent | React.ChangeEvent<HTMLInputElement>) => void;
 }
 export declare const MultiSelect: React.ForwardRefExoticComponent<MultiSelectProps & React.RefAttributes<HTMLInputElement>>;
 export default MultiSelect;

package/lib/components/select/simple-select/simple-select.component.d.ts

@@ -65,6 +65,8 @@ export interface SimpleSelectProps extends Omit<FormInputPropTypes, "defaultValu
     isOptional?: boolean;
     /** Flag to configure component as mandatory */
     isRequired?: boolean;
+    /** Specify a callback triggered on change */
+    onChange?: (ev: CustomSelectChangeEvent | React.ChangeEvent<HTMLInputElement>) => void;
 }
 export declare const SimpleSelect: React.ForwardRefExoticComponent<SimpleSelectProps & React.RefAttributes<HTMLInputElement>>;
 export default SimpleSelect;

package/lib/components/textarea/textarea.component.js

@@ -126,6 +126,8 @@ const Textarea = exports.OriginalTextarea = exports.Textarea = /*#__PURE__*/_rea
       }
       const scrollPosition = scrollElement?.scrollTop;
 
+      // Reset height to allow shrinking when lines are removed
+      textarea.style.height = "auto";
       // Set the height so all content is shown
       textarea.style.height = `${Math.max(textarea.scrollHeight, textareaMinHeight)}px`;
       if (scrollElement && scrollPosition) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "carbon-react",
-  "version": "142.13.3",
+  "version": "142.13.5",
   "description": "A library of reusable React components for easily building user interfaces.",
   "files": [
     "lib",