react-ui-suite 1.1.11 → 1.1.13

package/dist/{Textarea-ETXFJO7T.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;
@@ -14,15 +16,20 @@
   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;
+  flex: 1 1 auto;
+  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 +59,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-R5GRAK6Y.css";
 import { jsx as jsx27, jsxs as jsxs25 } from "react/jsx-runtime";
 var MIN_THUMB2 = 24;
 var TRACK_THICKNESS2 = 6;
@@ -4651,8 +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 [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;
@@ -4703,7 +4704,7 @@ var Textarea = React23.forwardRef(function Textarea2({
       el.removeEventListener("scroll", handleScroll);
       cancelAnimationFrame(raf);
     };
-  }, [height]);
+  }, [manualHeight]);
   React23.useEffect(() => {
     return () => {
       if (resizeListenersRef.current.move) {
@@ -4715,12 +4716,19 @@ var Textarea = React23.forwardRef(function Textarea2({
       }
     };
   }, []);
+  React23.useEffect(() => {
+    const allowY2 = resizeDirection === "vertical" || resizeDirection === "both";
+    if (!allowY2) {
+      setIsManualHeightActive(false);
+      setManualHeight(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;
@@ -4730,14 +4738,18 @@ 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) {
-        const nextHeight = Math.max(minHeight, startHeight + (moveEvent.clientY - startY));
-        setHeight(nextHeight);
+      if (allowY2) {
+        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 = () => {
@@ -4797,12 +4809,11 @@ var Textarea = React23.forwardRef(function Textarea2({
   const count = value.length;
   const limit = maxLength != null ? maxLength : void 0;
   const { style, ...restProps } = rest;
-  const textareaStyle = {
-    ...style,
-    ...height !== void 0 ? { height } : null
-  };
+  const allowY = resizeDirection === "vertical" || resizeDirection === "both";
+  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",