react-ui-suite 1.1.12 → 1.1.13

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

@@ -1,8 +1,10 @@
-.rui-textarea {
-  display: flex;
-  flex-direction: column;
-  gap: var(--rui-space-1-5);
-}
+.rui-textarea {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  min-height: 0;
+  gap: var(--rui-space-1-5);
+}
 
 .rui-textarea__label {
   margin: 0;
@@ -20,6 +22,7 @@
   position: relative;
   display: flex;
   flex-direction: column;
+  flex: 1 1 auto;
   box-sizing: border-box;
   width: 100%;
   height: 100%;

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-PT4QYEE7.css";
+import "./Textarea-R5GRAK6Y.css";
 import { jsx as jsx27, jsxs as jsxs25 } from "react/jsx-runtime";
 var MIN_THUMB2 = 24;
 var TRACK_THICKNESS2 = 6;
@@ -4651,9 +4651,9 @@ var Textarea = React23.forwardRef(function Textarea2({
   const hintIds = [description ? descriptionId : null, error ? errorId : null].filter(Boolean);
   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 [manualHeight, setManualHeight] = React23.useState(void 0);
+  const [isManualHeightActive, setIsManualHeightActive] = React23.useState(false);
+  const [manualWidth, setManualWidth] = React23.useState(void 0);
   const setRefs = React23.useCallback(
     (node) => {
       textareaRef.current = node;
@@ -4704,7 +4704,7 @@ var Textarea = React23.forwardRef(function Textarea2({
       el.removeEventListener("scroll", handleScroll);
       cancelAnimationFrame(raf);
     };
-  }, [height]);
+  }, [manualHeight]);
   React23.useEffect(() => {
     return () => {
       if (resizeListenersRef.current.move) {
@@ -4719,8 +4719,8 @@ var Textarea = React23.forwardRef(function Textarea2({
   React23.useEffect(() => {
     const allowY2 = resizeDirection === "vertical" || resizeDirection === "both";
     if (!allowY2) {
-      setIsUserResized(false);
-      setHeight(void 0);
+      setIsManualHeightActive(false);
+      setManualHeight(void 0);
     }
   }, [resizeDirection]);
   const handleResizeStart = (event) => {
@@ -4739,14 +4739,17 @@ var Textarea = React23.forwardRef(function Textarea2({
     const parentWidth = (_e = (_d = (_c = shellRef.current) == null ? void 0 : _c.parentElement) == null ? void 0 : _d.clientWidth) != null ? _e : startWidth;
     const onMove = (moveEvent) => {
       if (allowY2) {
-        const nextHeight = Math.max(minHeight, startHeight + (moveEvent.clientY - startY));
-        setHeight(nextHeight);
-        setIsUserResized(true);
+        const deltaY = moveEvent.clientY - startY;
+        const nextHeight = Math.max(minHeight, startHeight + deltaY);
+        setManualHeight(nextHeight);
+        if (Math.abs(deltaY) >= 1) {
+          setIsManualHeightActive(true);
+        }
       }
       if (allowX2) {
         const proposed = startWidth + (moveEvent.clientX - startX);
         const nextWidth = Math.min(parentWidth, Math.max(minWidth, proposed));
-        setWidth(nextWidth);
+        setManualWidth(nextWidth);
       }
     };
     const onUp = () => {
@@ -4807,12 +4810,10 @@ var Textarea = React23.forwardRef(function Textarea2({
   const limit = maxLength != null ? maxLength : void 0;
   const { style, ...restProps } = rest;
   const allowY = resizeDirection === "vertical" || resizeDirection === "both";
-  const textareaStyle = {
-    ...style,
-    ...isUserResized && allowY && height !== void 0 ? { height } : null
-  };
+  const manualHeightStyle = isManualHeightActive && allowY && manualHeight !== void 0 ? { height: manualHeight } : void 0;
+  const textareaStyle = manualHeightStyle ? { ...style, ...manualHeightStyle } : style;
   const allowX = resizeDirection === "horizontal" || resizeDirection === "both";
-  const shellStyle = width !== void 0 && allowX ? { width } : void 0;
+  const shellStyle = manualWidth !== void 0 && allowX ? { width: manualWidth } : void 0;
   return /* @__PURE__ */ jsxs25("div", { className: rootClasses, children: [
     label ? /* @__PURE__ */ jsx27(
       "label",