react-ui-suite 1.1.10 → 1.1.12

package/dist/{Textarea-ETXFJO7T.css → Textarea-PT4QYEE7.css}

@@ -14,15 +14,19 @@
   color: var(--rui-color-text-muted);
 }
 
-.rui-textarea__shell {
-  --rui-textarea-footer-height: 1.75rem;
-  --rui-textarea-footer-offset: 0.5rem;
-  position: relative;
-  box-sizing: border-box;
-  width: 100%;
-  max-width: 100%;
-  min-width: 0;
-  overflow: hidden;
+.rui-textarea__shell {
+  --rui-textarea-footer-height: 1.75rem;
+  --rui-textarea-footer-offset: 0.5rem;
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  box-sizing: border-box;
+  width: 100%;
+  height: 100%;
+  max-width: 100%;
+  min-width: 0;
+  min-height: 0;
+  overflow: hidden;
   border-radius: 1rem;
   border: 1px solid var(--rui-color-border);
   background-color: var(--rui-color-surface);
@@ -52,12 +56,14 @@
   box-shadow: none;
 }
 
-.rui-textarea__control {
-  box-sizing: border-box;
-  display: block;
-  width: 100%;
-  max-width: 100%;
-  min-width: 0;
+.rui-textarea__control {
+  box-sizing: border-box;
+  display: block;
+  flex: 1 1 auto;
+  width: 100%;
+  height: 100%;
+  max-width: 100%;
+  min-width: 0;
   min-height: 120px;
   border: none;
   background: transparent;

package/dist/index.js

@@ -4615,7 +4615,7 @@ function Table({
 // components/Textarea/Textarea.tsx
 import * as React23 from "react";
 import clsx25 from "clsx";
-import "./Textarea-ETXFJO7T.css";
+import "./Textarea-PT4QYEE7.css";
 import { jsx as jsx27, jsxs as jsxs25 } from "react/jsx-runtime";
 var MIN_THUMB2 = 24;
 var TRACK_THICKNESS2 = 6;
@@ -4652,6 +4652,7 @@ var Textarea = React23.forwardRef(function Textarea2({
   const resolvedAriaDescribedBy = hintIds.length ? hintIds.join(" ") : void 0;
   const [value, setValue] = React23.useState((_b = (_a = rest.defaultValue) == null ? void 0 : _a.toString()) != null ? _b : "");
   const [height, setHeight] = React23.useState(void 0);
+  const [isUserResized, setIsUserResized] = React23.useState(false);
   const [width, setWidth] = React23.useState(void 0);
   const setRefs = React23.useCallback(
     (node) => {
@@ -4669,11 +4670,6 @@ var Textarea = React23.forwardRef(function Textarea2({
       setValue(rest.value);
     }
   }, [rest.value]);
-  React23.useLayoutEffect(() => {
-    if (textareaRef.current && height === void 0) {
-      setHeight(textareaRef.current.offsetHeight);
-    }
-  }, [height]);
   React23.useLayoutEffect(() => {
     const el = textareaRef.current;
     if (!el) return;
@@ -4720,12 +4716,19 @@ var Textarea = React23.forwardRef(function Textarea2({
       }
     };
   }, []);
+  React23.useEffect(() => {
+    const allowY2 = resizeDirection === "vertical" || resizeDirection === "both";
+    if (!allowY2) {
+      setIsUserResized(false);
+      setHeight(void 0);
+    }
+  }, [resizeDirection]);
   const handleResizeStart = (event) => {
     var _a2, _b2, _c, _d, _e, _f, _g;
     if (event.pointerType === "mouse" && event.button !== 0) return;
     event.preventDefault();
     if (!textareaRef.current) return;
-    const allowY = resizeDirection === "vertical" || resizeDirection === "both";
+    const allowY2 = resizeDirection === "vertical" || resizeDirection === "both";
     const allowX2 = resizeDirection === "horizontal" || resizeDirection === "both";
     const startY = event.clientY;
     const startX = event.clientX;
@@ -4735,9 +4738,10 @@ var Textarea = React23.forwardRef(function Textarea2({
     const minWidth = 240;
     const parentWidth = (_e = (_d = (_c = shellRef.current) == null ? void 0 : _c.parentElement) == null ? void 0 : _d.clientWidth) != null ? _e : startWidth;
     const onMove = (moveEvent) => {
-      if (allowY) {
+      if (allowY2) {
         const nextHeight = Math.max(minHeight, startHeight + (moveEvent.clientY - startY));
         setHeight(nextHeight);
+        setIsUserResized(true);
       }
       if (allowX2) {
         const proposed = startWidth + (moveEvent.clientX - startX);
@@ -4802,9 +4806,10 @@ var Textarea = React23.forwardRef(function Textarea2({
   const count = value.length;
   const limit = maxLength != null ? maxLength : void 0;
   const { style, ...restProps } = rest;
+  const allowY = resizeDirection === "vertical" || resizeDirection === "both";
   const textareaStyle = {
     ...style,
-    ...height !== void 0 ? { height } : null
+    ...isUserResized && allowY && height !== void 0 ? { height } : null
   };
   const allowX = resizeDirection === "horizontal" || resizeDirection === "both";
   const shellStyle = width !== void 0 && allowX ? { width } : void 0;