@utilitywarehouse/hearth-react-native 0.22.0 → 0.23.0-test-list

package/build/components/VerificationInput/useVerificationInput.d.ts

@@ -1,15 +0,0 @@
-import { NativeSyntheticEvent, TextInput, TextInputKeyPressEventData } from 'react-native';
-interface UseVerificationInputProps {
-    value: string;
-    onChangeText?: (text: string) => void;
-}
-export declare const useVerificationInput: ({ value, onChangeText }: UseVerificationInputProps) => {
-    inputRefs: import("react").RefObject<(TextInput | null)[]>;
-    displayValue: string;
-    focusedIndex: number | null;
-    handleFocus: (index: number) => void;
-    handleBlur: () => void;
-    handleChangeText: (text: string, index: number) => void;
-    handleKeyPress: (e: NativeSyntheticEvent<TextInputKeyPressEventData>, index: number) => void;
-};
-export {};

package/build/components/VerificationInput/useVerificationInput.js

@@ -1,73 +0,0 @@
-import { useEffect, useRef, useState } from 'react';
-export const useVerificationInput = ({ value, onChangeText }) => {
-    const length = 6;
-    const inputRefs = useRef([]);
-    const latestValueRef = useRef(value);
-    const [displayValue, setDisplayValue] = useState(value);
-    const [focusedIndex, setFocusedIndex] = useState(null);
-    useEffect(() => {
-        if (value !== latestValueRef.current) {
-            latestValueRef.current = value;
-            setDisplayValue(value);
-        }
-    }, [value]);
-    const handleFocus = (index) => {
-        setFocusedIndex(index);
-    };
-    const handleBlur = () => {
-        setFocusedIndex(null);
-    };
-    const updateValue = (nextValue) => {
-        latestValueRef.current = nextValue;
-        setDisplayValue(nextValue);
-        onChangeText?.(nextValue);
-    };
-    const handleChangeText = (text, index) => {
-        const currentValue = latestValueRef.current;
-        const chars = Array(length).fill('');
-        for (let i = 0; i < currentValue.length && i < length; i++) {
-            chars[i] = currentValue[i];
-        }
-        if (text.length > 1) {
-            // Handle paste
-            const pastedChars = text.slice(0, length - index).split('');
-            for (let i = 0; i < pastedChars.length; i++) {
-                chars[index + i] = pastedChars[i];
-            }
-            const nextIndex = Math.min(index + pastedChars.length, length - 1);
-            inputRefs.current[nextIndex]?.focus();
-        }
-        else {
-            // Handle single char input
-            chars[index] = text;
-            if (text.length === 1 && index < length - 1) {
-                inputRefs.current[index + 1]?.focus();
-            }
-        }
-        updateValue(chars.join(''));
-    };
-    const handleKeyPress = (e, index) => {
-        if (e.nativeEvent.key === 'Backspace') {
-            const currentValue = latestValueRef.current;
-            if (!currentValue[index] && index > 0) {
-                e.preventDefault();
-                inputRefs.current[index - 1]?.focus();
-                const chars = Array(length).fill('');
-                for (let i = 0; i < currentValue.length && i < length; i++) {
-                    chars[i] = currentValue[i];
-                }
-                chars[index - 1] = '';
-                updateValue(chars.join(''));
-            }
-        }
-    };
-    return {
-        inputRefs,
-        displayValue,
-        focusedIndex,
-        handleFocus,
-        handleBlur,
-        handleChangeText,
-        handleKeyPress,
-    };
-};

package/src/components/VerificationInput/useVerificationInput.ts

@@ -1,88 +0,0 @@
-import { useEffect, useRef, useState } from 'react';
-import { NativeSyntheticEvent, TextInput, TextInputKeyPressEventData } from 'react-native';
-
-interface UseVerificationInputProps {
-  value: string;
-  onChangeText?: (text: string) => void;
-}
-
-export const useVerificationInput = ({ value, onChangeText }: UseVerificationInputProps) => {
-  const length = 6;
-  const inputRefs = useRef<(TextInput | null)[]>([]);
-  const latestValueRef = useRef(value);
-  const [displayValue, setDisplayValue] = useState(value);
-  const [focusedIndex, setFocusedIndex] = useState<number | null>(null);
-
-  useEffect(() => {
-    if (value !== latestValueRef.current) {
-      latestValueRef.current = value;
-      setDisplayValue(value);
-    }
-  }, [value]);
-
-  const handleFocus = (index: number) => {
-    setFocusedIndex(index);
-  };
-
-  const handleBlur = () => {
-    setFocusedIndex(null);
-  };
-
-  const updateValue = (nextValue: string) => {
-    latestValueRef.current = nextValue;
-    setDisplayValue(nextValue);
-    onChangeText?.(nextValue);
-  };
-
-  const handleChangeText = (text: string, index: number) => {
-    const currentValue = latestValueRef.current;
-    const chars = Array(length).fill('');
-    for (let i = 0; i < currentValue.length && i < length; i++) {
-      chars[i] = currentValue[i];
-    }
-
-    if (text.length > 1) {
-      // Handle paste
-      const pastedChars = text.slice(0, length - index).split('');
-      for (let i = 0; i < pastedChars.length; i++) {
-        chars[index + i] = pastedChars[i];
-      }
-      const nextIndex = Math.min(index + pastedChars.length, length - 1);
-      inputRefs.current[nextIndex]?.focus();
-    } else {
-      // Handle single char input
-      chars[index] = text;
-      if (text.length === 1 && index < length - 1) {
-        inputRefs.current[index + 1]?.focus();
-      }
-    }
-    updateValue(chars.join(''));
-  };
-
-  const handleKeyPress = (e: NativeSyntheticEvent<TextInputKeyPressEventData>, index: number) => {
-    if (e.nativeEvent.key === 'Backspace') {
-      const currentValue = latestValueRef.current;
-      if (!currentValue[index] && index > 0) {
-        e.preventDefault();
-        inputRefs.current[index - 1]?.focus();
-
-        const chars = Array(length).fill('');
-        for (let i = 0; i < currentValue.length && i < length; i++) {
-          chars[i] = currentValue[i];
-        }
-        chars[index - 1] = '';
-        updateValue(chars.join(''));
-      }
-    }
-  };
-
-  return {
-    inputRefs,
-    displayValue,
-    focusedIndex,
-    handleFocus,
-    handleBlur,
-    handleChangeText,
-    handleKeyPress,
-  };
-};