dhre-ui-kit 0.0.250 → 0.0.252

package/lib/index.mjs

@@ -3364,7 +3364,8 @@ const CommonTextInput = (props) => {
     multiline = false,
     // Default multiline to false
     rightIcon,
-    onRightIconPress
+    onRightIconPress,
+    onlyErrorBorderLabel
   } = props;
   return /* @__PURE__ */ React.createElement(Pressable, { onPress: handlePress, style: styles$9.container }, /* @__PURE__ */ React.createElement(
     TextInput$1,
@@ -3376,7 +3377,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,
@@ -3386,12 +3387,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
@@ -3401,7 +3402,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.createElement(
@@ -3994,8 +3995,7 @@ const OTPInput = React.forwardRef(
       }
       return () => clearInterval(timer);
     }, [timeLeft, isResendOtpEnable]);
-    const refs = useRef([]);
-    refs.current = Array(length).fill(0).map((_, index) => refs.current[index] || null);
+    const refs = useRef(Array(length).fill(null));
     useEffect(() => {
       enableResendOtp();
     }, []);
@@ -4048,15 +4048,12 @@ const OTPInput = React.forwardRef(
         }
       });
     };
+    const reset = () => {
+      setOTP("");
+      refs?.current?.[0]?.focus();
+    };
     React.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+$/;
@@ -4412,10 +4409,7 @@ const CustomSlideButton = React.forwardRef(
       }
     };
     const resetAll = () => {
-      Animated.timing(translateX, {
-        toValue: 0,
-        useNativeDriver: false
-      }).start();
+      onReset?.();
       Animated.timing(sliderBackgroundColorRef, {
         toValue: 0,
         duration: 0,
@@ -4425,12 +4419,15 @@ const CustomSlideButton = React.forwardRef(
       }).start();
       Animated.timing(color, {
         toValue: 0,
-        delay: 300,
+        delay: 0,
         // no transition time, immediate change
         useNativeDriver: false
         // because we're animating the color, not layout
       }).start();
-      onReset?.();
+      Animated.timing(translateX, {
+        toValue: 0,
+        useNativeDriver: false
+      }).start();
     };
     const panResponder = PanResponder.create({
       onMoveShouldSetPanResponder: (e, gestureState) => {