ikualo-ui-kit-mobile 2.1.4 → 2.1.6

package/app.json

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

package/assets/styles/elements/tab.ts

@@ -1,31 +1,32 @@
 import { StyleSheet } from 'react-native';
 import { ITheme } from '../../../src/models';
-export const getStyleTabs = (theme: ITheme) => StyleSheet.create({
-  'tab-container': {
-    padding: 4,
-    borderRadius: 4,
-    borderColor: theme.colors.transparent,
-    backgroundColor: theme.colors.background_tab,
-  },
-  tab: {
-    borderRadius: 4,
-    borderColor: theme.colors.transparent,
-    paddingVertical: 0,
-  },
-  'tab--active': {
-    backgroundColor: theme.colors.background_card,
-  },
-  'tab-txt': {
-    fontFamily: 'MontserratBold',
-    fontSize: 14,
-    lineHeight: 16,
-    color: theme.colors.text_btn_disabled,
-  },
-  'tab-txt--active': {
-    fontFamily: 'MontserratBold',
-    fontSize: 14,
-    lineHeight: 16,
-    color: theme.colors.icon,
-
-  },
-});
+export const getStyleTabs = (theme: ITheme) =>
+  StyleSheet.create({
+    'tab-container': {
+      padding: 4,
+      borderRadius: 40,
+      borderColor: theme.colors.transparent,
+      backgroundColor: theme.colors.background_tab,
+    },
+    tab: {
+      borderRadius: 40,
+      borderColor: theme.colors.transparent,
+      paddingVertical: 0,
+    },
+    'tab--active': {
+      borderRadius: 40,
+      backgroundColor: theme.colors.background_card,
+    },
+    'tab-txt': {
+      fontFamily: 'MontserratBold',
+      fontSize: 14,
+      lineHeight: 16,
+      color: theme.colors.text_btn_disabled,
+    },
+    'tab-txt--active': {
+      fontFamily: 'MontserratBold',
+      fontSize: 14,
+      lineHeight: 16,
+      color: theme.colors.icon,
+    },
+  });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ikualo-ui-kit-mobile",
-  "version": "2.1.4",
+  "version": "2.1.6",
   "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/models/interfaces.models.ts

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