@uipath/apollo-wind 2.55.0 → 2.57.0

package/dist/components/ui/textarea.cjs

@@ -30,6 +30,8 @@ const jsx_runtime_namespaceObject = require("react/jsx-runtime");
 const external_react_namespaceObject = require("react");
 const index_cjs_namespaceObject = require("../../lib/index.cjs");
 const external_form_field_cjs_namespaceObject = require("./form-field.cjs");
+const external_input_group_context_cjs_namespaceObject = require("./input-group-context.cjs");
+const IN_GROUP_CLASS = 'min-h-0 flex-1 resize-none rounded-none !border-0 !ring-0 bg-transparent p-0 py-1 shadow-none focus-visible:ring-0 focus-visible:ring-offset-0 future:rounded-none future:border-0 future:bg-transparent future:py-0 future:focus-visible:ring-offset-0';
 function normalizeRows(value) {
     if (void 0 === value || !Number.isFinite(value)) return;
     return Math.max(1, Math.floor(value));
@@ -51,12 +53,16 @@ function cssLength(value) {
     return 'number' == typeof value ? `${value}px` : String(value);
 }
 const Textarea = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ 'aria-describedby': ariaDescribedBy, 'aria-errormessage': ariaErrorMessage, 'aria-invalid': ariaInvalid, className, error, errorId, id, minRows, maxRows, onChange, style, ...props }, ref)=>{
+    const group = (0, external_input_group_context_cjs_namespaceObject.useInputGroup)();
     const generatedId = external_react_namespaceObject.useId();
     const validationId = errorId ?? `${id ?? `textarea-${generatedId.replace(/:/g, '')}`}-error`;
-    const describedBy = [
-        ariaDescribedBy,
-        error ? validationId : void 0
-    ].filter(Boolean).join(' ');
+    const validation = (0, external_input_group_context_cjs_namespaceObject.useControlValidation)(group, {
+        error,
+        errorId: validationId,
+        'aria-invalid': ariaInvalid,
+        'aria-describedby': ariaDescribedBy,
+        'aria-errormessage': ariaErrorMessage
+    });
     const { effMinRows, effMaxRows } = external_react_namespaceObject.useMemo(()=>{
         const nMin = normalizeRows(minRows);
         const nMax = normalizeRows(maxRows);
@@ -157,21 +163,20 @@ const Textarea = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ 'ari
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment, {
         children: [
             /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("textarea", {
-                "data-slot": "textarea",
+                "data-slot": group.inGroup ? 'input-group-control' : 'textarea',
                 id: id,
-                "aria-describedby": describedBy || void 0,
-                "aria-errormessage": error ? validationId : ariaErrorMessage,
-                "aria-invalid": error ? true : ariaInvalid,
-                className: (0, index_cjs_namespaceObject.cn)('flex w-full rounded-md border border-input bg-transparent px-3 py-2 text-base transition-colors placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-error future:aria-invalid:ring-1 future:aria-invalid:ring-error/40 aria-invalid:focus-visible:ring-error md:text-sm', 'future:rounded-xl future:border-0 future:bg-surface-overlay future:text-sm future:placeholder:text-foreground-muted future:placeholder:font-normal future:focus-visible:ring-offset-2 future:focus-visible:ring-offset-background', !managed && 'min-h-[80px]', managed && 'resize-y', className),
+                ...validation.aria,
+                className: (0, index_cjs_namespaceObject.cn)('flex w-full rounded-md border border-input bg-transparent px-3 py-2 text-base transition-colors placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-error future:aria-invalid:ring-1 future:aria-invalid:ring-error/40 aria-invalid:focus-visible:ring-error md:text-sm', 'future:rounded-xl future:border-0 future:bg-surface-overlay future:text-sm future:placeholder:text-foreground-muted future:placeholder:font-normal future:focus-visible:ring-offset-2 future:focus-visible:ring-offset-background', !managed && 'min-h-[80px]', managed && 'resize-y', group.inGroup && IN_GROUP_CLASS, className),
                 ref: setRef,
                 style: style,
                 onChange: (event)=>{
                     onChange?.(event);
                     resize();
                 },
-                ...props
+                ...props,
+                disabled: props.disabled || group.disabled
             }),
-            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_form_field_cjs_namespaceObject.FormFieldError, {
+            validation.ownMessage && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_form_field_cjs_namespaceObject.FormFieldError, {
                 id: validationId,
                 children: error
             })

package/dist/components/ui/textarea.js

@@ -2,6 +2,8 @@ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { forwardRef, useCallback, useId, useLayoutEffect, useMemo, useRef } from "react";
 import { cn } from "../../lib/index.js";
 import { FormFieldError } from "./form-field.js";
+import { useControlValidation, useInputGroup } from "./input-group-context.js";
+const IN_GROUP_CLASS = 'min-h-0 flex-1 resize-none rounded-none !border-0 !ring-0 bg-transparent p-0 py-1 shadow-none focus-visible:ring-0 focus-visible:ring-offset-0 future:rounded-none future:border-0 future:bg-transparent future:py-0 future:focus-visible:ring-offset-0';
 function normalizeRows(value) {
     if (void 0 === value || !Number.isFinite(value)) return;
     return Math.max(1, Math.floor(value));
@@ -23,12 +25,16 @@ function cssLength(value) {
     return 'number' == typeof value ? `${value}px` : String(value);
 }
 const Textarea = /*#__PURE__*/ forwardRef(({ 'aria-describedby': ariaDescribedBy, 'aria-errormessage': ariaErrorMessage, 'aria-invalid': ariaInvalid, className, error, errorId, id, minRows, maxRows, onChange, style, ...props }, ref)=>{
+    const group = useInputGroup();
     const generatedId = useId();
     const validationId = errorId ?? `${id ?? `textarea-${generatedId.replace(/:/g, '')}`}-error`;
-    const describedBy = [
-        ariaDescribedBy,
-        error ? validationId : void 0
-    ].filter(Boolean).join(' ');
+    const validation = useControlValidation(group, {
+        error,
+        errorId: validationId,
+        'aria-invalid': ariaInvalid,
+        'aria-describedby': ariaDescribedBy,
+        'aria-errormessage': ariaErrorMessage
+    });
     const { effMinRows, effMaxRows } = useMemo(()=>{
         const nMin = normalizeRows(minRows);
         const nMax = normalizeRows(maxRows);
@@ -129,21 +135,20 @@ const Textarea = /*#__PURE__*/ forwardRef(({ 'aria-describedby': ariaDescribedBy
     return /*#__PURE__*/ jsxs(Fragment, {
         children: [
             /*#__PURE__*/ jsx("textarea", {
-                "data-slot": "textarea",
+                "data-slot": group.inGroup ? 'input-group-control' : 'textarea',
                 id: id,
-                "aria-describedby": describedBy || void 0,
-                "aria-errormessage": error ? validationId : ariaErrorMessage,
-                "aria-invalid": error ? true : ariaInvalid,
-                className: cn('flex w-full rounded-md border border-input bg-transparent px-3 py-2 text-base transition-colors placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-error future:aria-invalid:ring-1 future:aria-invalid:ring-error/40 aria-invalid:focus-visible:ring-error md:text-sm', 'future:rounded-xl future:border-0 future:bg-surface-overlay future:text-sm future:placeholder:text-foreground-muted future:placeholder:font-normal future:focus-visible:ring-offset-2 future:focus-visible:ring-offset-background', !managed && 'min-h-[80px]', managed && 'resize-y', className),
+                ...validation.aria,
+                className: cn('flex w-full rounded-md border border-input bg-transparent px-3 py-2 text-base transition-colors placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-error future:aria-invalid:ring-1 future:aria-invalid:ring-error/40 aria-invalid:focus-visible:ring-error md:text-sm', 'future:rounded-xl future:border-0 future:bg-surface-overlay future:text-sm future:placeholder:text-foreground-muted future:placeholder:font-normal future:focus-visible:ring-offset-2 future:focus-visible:ring-offset-background', !managed && 'min-h-[80px]', managed && 'resize-y', group.inGroup && IN_GROUP_CLASS, className),
                 ref: setRef,
                 style: style,
                 onChange: (event)=>{
                     onChange?.(event);
                     resize();
                 },
-                ...props
+                ...props,
+                disabled: props.disabled || group.disabled
             }),
-            /*#__PURE__*/ jsx(FormFieldError, {
+            validation.ownMessage && /*#__PURE__*/ jsx(FormFieldError, {
                 id: validationId,
                 children: error
             })