@doist/reactist 28.1.1 → 28.1.2

package/dist/reactist.cjs.development.js

@@ -2355,31 +2355,13 @@ const TextArea = /*#__PURE__*/React__namespace.forwardRef(function TextArea(_ref
   const containerRef = React__namespace.useRef(null);
   const internalRef = React__namespace.useRef(null);
   const combinedRef = useCallbackRef.useMergeRefs([ref, internalRef]);
+  useAutoExpand({
+    value,
+    autoExpand,
+    containerRef,
+    internalRef
+  });
   const textAreaClassName = classNames__default["default"]([autoExpand ? modules_2728c236.disableResize : null, disableResize ? modules_2728c236.disableResize : null]);
-  React__namespace.useEffect(function setupAutoExpand() {
-    const containerElement = containerRef.current;
-
-    function handleAutoExpand(value) {
-      if (containerElement) {
-        containerElement.dataset.replicatedValue = value;
-      }
-    }
-
-    function handleInput(event) {
-      handleAutoExpand(event.currentTarget.value);
-    }
-
-    const textAreaElement = internalRef.current;
-
-    if (!textAreaElement || !autoExpand) {
-      return undefined;
-    } // Apply change initially, in case the text area has a non-empty initial value
-
-
-    handleAutoExpand(textAreaElement.value);
-    textAreaElement.addEventListener('input', handleInput);
-    return () => textAreaElement.removeEventListener('input', handleInput);
-  }, [autoExpand]);
   return /*#__PURE__*/React__namespace.createElement(BaseField, {
     variant: variant,
     id: id,
@@ -2417,6 +2399,50 @@ const TextArea = /*#__PURE__*/React__namespace.forwardRef(function TextArea(_ref
   });
 });
 
+function useAutoExpand({
+  value,
+  autoExpand,
+  containerRef,
+  internalRef
+}) {
+  const isControlled = value !== undefined;
+  React__namespace.useEffect(function setupAutoExpandWhenUncontrolled() {
+    const textAreaElement = internalRef.current;
+
+    if (!textAreaElement || !autoExpand || isControlled) {
+      return undefined;
+    }
+
+    const containerElement = containerRef.current;
+
+    function handleAutoExpand(value) {
+      if (containerElement) {
+        containerElement.dataset.replicatedValue = value;
+      }
+    }
+
+    function handleInput(event) {
+      handleAutoExpand(event.currentTarget.value);
+    } // Apply change initially, in case the text area has a non-empty initial value
+
+
+    handleAutoExpand(textAreaElement.value);
+    textAreaElement.addEventListener('input', handleInput);
+    return () => textAreaElement.removeEventListener('input', handleInput);
+  }, [autoExpand, containerRef, internalRef, isControlled]);
+  React__namespace.useEffect(function setupAutoExpandWhenControlled() {
+    if (!isControlled) {
+      return;
+    }
+
+    const containerElement = containerRef.current;
+
+    if (containerElement) {
+      containerElement.dataset.replicatedValue = value;
+    }
+  }, [value, containerRef, isControlled]);
+}
+
 function getInitials(name) {
   var _initials;