dhre-ui-kit 0.0.251 → 0.0.253

package/lib/index.d.ts

@@ -612,6 +612,7 @@ interface CommonTextInputProps extends TextInputProps$1 {
     handlePress?: () => void;
     rightIcon?: () => React$1.ReactElement;
     onRightIconPress?: () => void;
+    onlyErrorBorderLabel?: boolean;
 }
 declare const CommonTextInput: (props: CommonTextInputProps) => React$1.JSX.Element;
 

package/lib/index.js

@@ -3400,7 +3400,8 @@ const CommonTextInput = (props) => {
     multiline = false,
     // Default multiline to false
     rightIcon,
-    onRightIconPress
+    onRightIconPress,
+    onlyErrorBorderLabel
   } = props;
   return /* @__PURE__ */ React__default["default"].createElement(reactNative.Pressable, { onPress: handlePress, style: styles$9.container }, /* @__PURE__ */ React__default["default"].createElement(
     reactNativePaper.TextInput,
@@ -3412,7 +3413,7 @@ const CommonTextInput = (props) => {
       autoCorrect: false,
       outlineStyle: {
         ...styles$9.outlineStyle,
-        borderColor: errorMessage?.length ? DHRE_DEFAULT.DH_SEMENTIC_ERROR : value?.length ? activeBorderColor : inactiveBorderColor
+        borderColor: errorMessage?.length || onlyErrorBorderLabel ? DHRE_DEFAULT.DH_SEMENTIC_ERROR : value?.length ? activeBorderColor : inactiveBorderColor
       },
       label,
       value,
@@ -3422,12 +3423,12 @@ const CommonTextInput = (props) => {
       theme: {
         colors: {
           onSurfaceVariant: value?.length ? activeBorderColor : inactiveBorderColor,
-          error: errorMessage?.length ? DHRE_DEFAULT.DH_SEMENTIC_ERROR : DHRE_COLORS_TEXT.DH_BLACK,
+          error: errorMessage?.length || onlyErrorBorderLabel ? DHRE_DEFAULT.DH_SEMENTIC_ERROR : DHRE_COLORS_TEXT.DH_BLACK,
           primary: labelColor ? errorMessage?.length ? DHRE_DEFAULT.DH_SEMENTIC_ERROR : labelColor : DHRE_COLORS_TEXT.DH_BLACK
         }
       },
       style: [
-        errorMessage ? styles$9.errorInput : styles$9.input,
+        errorMessage || onlyErrorBorderLabel ? styles$9.errorInput : styles$9.input,
         inputStyle,
         multiline && styles$9.multilineInput
         // Apply multiline style if true
@@ -3437,7 +3438,7 @@ const CommonTextInput = (props) => {
       placeholder: placeholderText,
       editable,
       pointerEvents,
-      error: errorMessage?.length ? true : false,
+      error: errorMessage?.length || onlyErrorBorderLabel ? true : false,
       multiline,
       numberOfLines: multiline ? 4 : 1,
       right: rightIcon ? /* @__PURE__ */ React__default["default"].createElement(
@@ -4030,8 +4031,7 @@ const OTPInput = React__default["default"].forwardRef(
       }
       return () => clearInterval(timer);
     }, [timeLeft, isResendOtpEnable]);
-    const refs = React.useRef([]);
-    refs.current = Array(length).fill(0).map((_, index) => refs.current[index] || null);
+    const otpRefs = React.useRef(Array(length).fill(null));
     React.useEffect(() => {
       enableResendOtp();
     }, []);
@@ -4050,11 +4050,7 @@ const OTPInput = React__default["default"].forwardRef(
       }
     };
     const disableResendButton = () => {
-      if (disabled === true && resendOTPCount >= maxResendCount) {
-        return true;
-      } else {
-        return false;
-      }
+      return disabled || resendOTPCount >= maxResendCount;
     };
     const enableResendOtp = () => {
       setTimeout(() => {
@@ -4080,42 +4076,39 @@ const OTPInput = React__default["default"].forwardRef(
         const otp2 = otpRegex.exec(message)?.[1];
         setOTP(otp2 ?? "");
         if (otp2) {
-          refs.current[otp2?.length - 1]?.focus();
+          otpRefs.current[otp2?.length - 1]?.focus();
         }
       });
     };
+    const reset = () => {
+      setOTP("");
+      otpRefs.current[0]?.focus();
+    };
     React__default["default"].useImperativeHandle(ref, () => ({
-      reset() {
-        setOTP("");
-        refs.current[0]?.focus();
-      },
-      set(newOtp) {
-        setOTP(newOtp);
-        refs.current[newOtp?.length - 1]?.focus();
-      }
+      reset
     }));
     const handleChange = (index, value) => {
       const regex = /^\d+$/;
       if (value.length === 1 && regex.test(value) && index >= 0 && index < length) {
         const newOTP = `${otp}${value}`;
         setOTP(newOTP);
-        refs.current[index + 1]?.focus();
+        otpRefs.current[index + 1]?.focus();
       } else if (value.length === 0 && index > 0) {
         const newOTP = otp.slice(0, -1);
         setOTP(newOTP);
-        refs.current[index - 1]?.focus();
+        otpRefs.current[index - 1]?.focus();
       } else if (value?.length === length) {
         setOTP(value);
-        refs.current[length - 1]?.focus();
+        otpRefs.current[length - 1]?.focus();
       } else {
         const newOTP = otp.slice(0, -1);
         setOTP(newOTP);
-        refs.current[index]?.focus();
+        otpRefs.current[index]?.focus();
       }
     };
     const handleKeyPress = (e, index) => {
       if (e.nativeEvent.key === "Backspace" && index > 0) {
-        refs.current[index - 1]?.focus();
+        otpRefs.current[index - 1]?.focus();
       }
     };
     React.useEffect(() => {
@@ -4151,7 +4144,7 @@ const OTPInput = React__default["default"].forwardRef(
         value: otp[index] ? "\u25CF" : "",
         placeholder: "",
         keyboardType: "numeric",
-        ref: (el) => refs.current[index] = el,
+        ref: (el) => otpRefs.current[index] = el,
         returnKeyType: otp.length === length ? "done" : "next",
         importantForAutofill: "yes",
         textContentType: "oneTimeCode",