@rehagro/ui 1.0.38 → 1.0.39

package/dist/index.js

@@ -1106,6 +1106,9 @@ var TextInput = React9.forwardRef(function TextInput2({
   ...rest
 }, ref) {
   const inputId = id || React9__default.default.useId();
+  const [isHelperDismissed, setIsHelperDismissed] = React9__default.default.useState(false);
+  const { onChange, ...inputProps } = rest;
+  const visualStatus = helperText && isHelperDismissed ? "default" : status;
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
@@ -1123,7 +1126,7 @@ var TextInput = React9.forwardRef(function TextInput2({
               "rh-border rh-bg-surface rh-font-body",
               "rh-transition-colors rh-duration-150",
               "rh-overflow-hidden",
-              statusClasses[status],
+              statusClasses[visualStatus],
               radiusClasses3[radius],
               sizeClasses3[size],
               disabled ? "rh-opacity-50 rh-cursor-not-allowed rh-bg-background" : "",
@@ -1147,14 +1150,18 @@ var TextInput = React9.forwardRef(function TextInput2({
                   ref,
                   id: inputId,
                   disabled,
-                  "aria-invalid": status === "error" || void 0,
+                  "aria-invalid": visualStatus === "error" || void 0,
                   "aria-describedby": helperText ? `${inputId}-helper` : void 0,
                   className: [
                     "rh-flex-1 rh-min-w-0 rh-bg-transparent rh-outline-none",
                     "rh-text-text placeholder:rh-text-text-muted",
                     disabled ? "rh-cursor-not-allowed" : ""
                   ].filter(Boolean).join(" "),
-                  ...rest
+                  onChange: (e) => {
+                    if (helperText) setIsHelperDismissed(true);
+                    onChange?.(e);
+                  },
+                  ...inputProps
                 }
               ),
               rightIcon && /* @__PURE__ */ jsxRuntime.jsx(
@@ -1171,13 +1178,13 @@ var TextInput = React9.forwardRef(function TextInput2({
             ]
           }
         ),
-        helperText && /* @__PURE__ */ jsxRuntime.jsxs(
+        helperText && !isHelperDismissed && /* @__PURE__ */ jsxRuntime.jsxs(
           "span",
           {
             id: `${inputId}-helper`,
             className: [
               "rh-flex rh-items-center rh-gap-1 rh-text-xs",
-              helperStatusClasses[status]
+              helperStatusClasses[visualStatus]
             ].join(" "),
             children: [
               /* @__PURE__ */ jsxRuntime.jsx(WarningCircleIcon, {}),
@@ -1565,6 +1572,8 @@ var Select = React9.forwardRef(function Select2(props, ref) {
   const helperId = React9__default.default.useId();
   const [isOpen, setIsOpen] = React9__default.default.useState(false);
   const [activeIndex, setActiveIndex] = React9__default.default.useState(-1);
+  const [isHelperDismissed, setIsHelperDismissed] = React9__default.default.useState(false);
+  React9__default.default.useRef({ query: "", lastAt: 0 });
   const wrapperRef = React9__default.default.useRef(null);
   const innerRef = React9__default.default.useRef(null);
   const listboxRef = React9__default.default.useRef(null);
@@ -1578,7 +1587,9 @@ var Select = React9.forwardRef(function Select2(props, ref) {
   const isControlled = props.value !== void 0;
   const selectedValues = isControlled ? Array.isArray(props.value) ? props.value : props.value !== void 0 ? [props.value] : [] : internalValue;
   const enabledOptions = options.filter((o) => !o.disabled);
+  const visualStatus = helperText && isHelperDismissed ? "default" : status;
   const handleSelect = (optionValue) => {
+    if (helperText) setIsHelperDismissed(true);
     if (multiple) {
       const next = selectedValues.includes(optionValue) ? selectedValues.filter((v) => v !== optionValue) : [...selectedValues, optionValue];
       if (!isControlled) setInternalValue(next);
@@ -1728,7 +1739,7 @@ var Select = React9.forwardRef(function Select2(props, ref) {
             "aria-controls": listboxId,
             "aria-labelledby": label ? `${triggerId}-label` : void 0,
             "aria-describedby": helperText ? helperId : void 0,
-            "aria-invalid": status === "error" || void 0,
+            "aria-invalid": visualStatus === "error" || void 0,
             "aria-disabled": disabled || void 0,
             disabled,
             onClick: () => !disabled && setIsOpen((o) => !o),
@@ -1738,7 +1749,7 @@ var Select = React9.forwardRef(function Select2(props, ref) {
               "rh-border rh-bg-surface rh-font-body",
               "rh-transition-colors rh-duration-150",
               "rh-text-left rh-w-full",
-              statusClasses2[status],
+              statusClasses2[visualStatus],
               radiusClasses4[radius],
               sizeClasses5[size],
               disabled ? "rh-opacity-50 rh-cursor-not-allowed rh-bg-background" : "rh-cursor-pointer",
@@ -1831,13 +1842,13 @@ var Select = React9.forwardRef(function Select2(props, ref) {
             })
           }
         ),
-        helperText && /* @__PURE__ */ jsxRuntime.jsxs(
+        helperText && !isHelperDismissed && /* @__PURE__ */ jsxRuntime.jsxs(
           "span",
           {
             id: helperId,
             className: [
               "rh-flex rh-items-center rh-gap-1 rh-text-xs",
-              helperStatusClasses2[status]
+              helperStatusClasses2[visualStatus]
             ].join(" "),
             children: [
               /* @__PURE__ */ jsxRuntime.jsx(WarningCircleIcon, {}),