ikualo-ui-kit-mobile 2.1.3 → 2.1.5

package/app.json

@@ -3,7 +3,7 @@
     "name": "ikualo-app-2.0",
     "slug": "ikualo-app-20",
     "owner": "ikualo",
-    "version": "2.1.3",
+    "version": "2.1.5",
     "orientation": "portrait",
     "icon": "./assets/icon.png",
     "userInterfaceStyle": "automatic",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ikualo-ui-kit-mobile",
-  "version": "2.1.3",
+  "version": "2.1.5",
   "main": "src/index.ts",
   "scripts": {
     "start": "expo start",

package/src/elements/dialogs/DialogDown.tsx

@@ -31,16 +31,13 @@ class PriorityManager {
     // Si hay un diálogo actual y el nuevo tiene mayor prioridad, cerrar el actual
     if (this.currentDialog && priority > this.currentDialog.priority) {
       this.currentDialog.onDismiss();
-      this.currentDialog = null; // Eliminar completamente de memoria
+      this.currentDialog = null;
     }
 
     // Si no hay diálogo actual o el nuevo tiene mayor prioridad, mostrarlo
     if (!this.currentDialog || priority > this.currentDialog.priority) {
       this.currentDialog = { id, priority, onDismiss };
       this.notify();
-    } else {
-      // Si el diálogo no puede mostrarse por prioridad menor, eliminarlo completamente
-      // No mantener referencia alguna al diálogo rechazado
     }
   }
 
@@ -62,13 +59,16 @@ class PriorityManager {
   }
 }
 
-export const DialogDown = (props: IDialogDown & { priority?: 0 | 1 | 2 | 3 | 4 | 5 }) => {
+export const DialogDown = (props: IDialogDown & { priority?: 0 | 1 | 2 | 3 | 4 | 5; id?: string }) => {
   const theme = useStore().theme;
   const stylesDialog = getStylesDialog(theme);
-  const { isVisible, title, children, onDismiss, image, showCloseButton = true, priority = 0 } = props;
+  const { isVisible, title, children, onDismiss, image, showCloseButton = true, priority = 0, id } = props;
   const slideAnim = useRef(new Animated.Value(0)).current;
   const [currentDialog, setCurrentDialog] = useState<{ id: string; priority: number } | null>(null);
-  const [dialogId] = useState(() => Math.random().toString(36).substring(2, 11));
+  const [dialogId] = useState(() => {
+    // Si se proporciona un id, usarlo. Si no, generar uno aleatorio
+    return id || Math.random().toString(36).substring(2, 11);
+  });
   const priorityManager = useRef(PriorityManager.getInstance());
 
   const handleDismissKeyboard = () => {
@@ -85,7 +85,7 @@ export const DialogDown = (props: IDialogDown & { priority?: 0 | 1 | 2 | 3 | 4 |
     return () => {
       unsubscribe();
     };
-  }, []);
+  }, [dialogId]);
 
   // Manejar cuando se debe mostrar/ocultar el diálogo
   useEffect(() => {

package/src/elements/inputs/InputEmail.tsx

@@ -5,10 +5,12 @@ import { View } from 'react-native';
 import useStore from '../../store';
 import { IInputEmail } from '../../models';
 import MaterialIcons from '@expo/vector-icons/MaterialIcons';
+
 export const InputEmail = (props: IInputEmail) => {
   const theme = useStore().theme;
   const styleInput = getStyleInput(theme);
   const [isFocus, setIsFocus] = useState<boolean>(false);
+
   const {
     label,
     isDisabled,
@@ -29,10 +31,12 @@ export const InputEmail = (props: IInputEmail) => {
     pattern,
     placeholder,
   } = props;
+
   const patternEmailDefault = pattern ?? /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/;
+
   const handleInputChange = (text: string) => {
-    onChange(text.toLocaleLowerCase());
-    if (patternEmailDefault && !patternEmailDefault.test(text)) {
+    onChange(text);
+    if (patternEmailDefault && !patternEmailDefault.test(text.trim().toLowerCase())) {
       onInvalid && onInvalid();
     }
   };
@@ -40,7 +44,7 @@ export const InputEmail = (props: IInputEmail) => {
   return (
     <View>
       <TextInput
-        label={!isFocus && placeholder && value?.trim() == '' ? placeholder : label}
+        label={!isFocus && placeholder && (!value || value.trim() === '') ? placeholder : label}
         mode={mode ?? 'flat'}
         disabled={isDisabled}
         value={value}
@@ -66,7 +70,7 @@ export const InputEmail = (props: IInputEmail) => {
         style={[styleInput['input-label'], style ?? []]}
         contentStyle={[
           styleInput['input-label'],
-          !isValid && !isFocus && value.trim() !== '' && styleInput['input-txt-error'],
+          !isValid && !isFocus && value && value.trim() !== '' && styleInput['input-txt-error'],
           style ?? [styleInput['input-txt']],
         ]}
         underlineColor={
@@ -79,11 +83,18 @@ export const InputEmail = (props: IInputEmail) => {
         activeUnderlineColor={
           activeUnderlineColor
             ? activeUnderlineColor
-            : !isValid && value.trim() !== ''
+            : !isValid && value && value.trim() !== ''
             ? styleInput['input-text--activeUnderline'].color
             : ''
         }
         underlineStyle={{ height: isFocus ? 1.5 : 2 }}
+        autoCapitalize="none"
+        autoCorrect={false}
+        keyboardType="email-address"
+        autoComplete="email"
+        textContentType="emailAddress"
+        importantForAutofill="yes"
+        spellCheck={false}
       />
       {isValid && (
         <HelperText type="info" style={styleInput['input-password-helper']} visible={true}>

package/src/models/interfaces.models.ts

@@ -120,6 +120,7 @@ export interface ICheckboxComponent {
   label?: string;
 }
 export interface IDialogDown {
+  id?: string;
   isVisible: boolean;
   title?: string;
   showCloseButton?: boolean;