flysoft-react-ui 1.0.8 → 1.0.9

package/dist/components/utils/Avatar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../src/components/utils/Avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAuDxC,MAAM,WAAW,WAAW;IAC1B;;;;OAIG;IACH,IAAI,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CA2DxC,CAAC"}
+{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../src/components/utils/Avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAoCxC,MAAM,WAAW,WAAW;IAC1B;;;;OAIG;IACH,IAAI,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CA2DxC,CAAC"}

package/dist/components/utils/Avatar.js

@@ -1,5 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import React, { useState } from "react";
+import { getInitialLetters } from "../../helpers";
 /**
  * Helper function to convert color names to CSS values
  */
@@ -28,23 +29,6 @@ const getColorValue = (color) => {
     };
     return colorMap[color.toLowerCase()] || color;
 };
-/**
- * Helper function to extract initials from text
- * Returns first letter of first word and first letter of last word (if multiple words)
- */
-const getInitials = (text) => {
-    if (!text || text.trim().length === 0)
-        return "";
-    const words = text.trim().split(/\s+/);
-    if (words.length === 0)
-        return "";
-    const firstLetter = words[0].charAt(0).toUpperCase();
-    if (words.length === 1) {
-        return firstLetter;
-    }
-    const lastLetter = words[words.length - 1].charAt(0).toUpperCase();
-    return `${firstLetter}${lastLetter}`;
-};
 /**
  * Avatar component displays a circular avatar with initials or an image
  *
@@ -62,7 +46,7 @@ const getInitials = (text) => {
  */
 export const Avatar = ({ text, image, bgColor = "gray-600", textColor = "white", size = "md", className = "", }) => {
     const [imageError, setImageError] = useState(false);
-    const initials = getInitials(text);
+    const initials = getInitialLetters(text);
     const showImage = image && !imageError;
     const sizeClasses = {
         sm: "w-8 h-8 text-xs",

package/dist/components/utils/Snackbar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Snackbar.d.ts","sourceRoot":"","sources":["../../../src/components/utils/Snackbar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAC;AACxE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AAGtE,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,eAAe,CAAC;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CAC/B;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAqM5C,CAAC"}
+{"version":3,"file":"Snackbar.d.ts","sourceRoot":"","sources":["../../../src/components/utils/Snackbar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAC;AACxE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AAGtE,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,eAAe,CAAC;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CAC/B;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA+L5C,CAAC"}

package/dist/components/utils/Snackbar.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { useEffect, useState, useRef, useCallback } from "react";
 import { normalizeIconClass } from "./iconUtils";
-export const Snackbar = ({ id, message, variant, duration = 3000, icon, iconLabel, onClose, }) => {
+export const Snackbar = React.memo(({ id, message, variant, duration = 3000, icon, iconLabel, onClose }) => {
     const [progress, setProgress] = useState(100);
     const [isClosing, setIsClosing] = useState(false);
     const intervalRef = useRef(null);
@@ -119,4 +119,4 @@ export const Snackbar = ({ id, message, variant, duration = 3000, icon, iconLabe
                             width: `${progress}%`,
                             backgroundColor: "#00000050",
                         } }) })), displayIcon && (_jsx("div", { className: "flex-shrink-0 -mt-0.5", children: _jsx("i", { className: `${normalizeIconClass(displayIcon)} text-base`, "aria-hidden": !iconLabel, "aria-label": iconLabel }) })), _jsx("div", { className: "flex-1 min-w-0", children: _jsx("p", { className: "text-sm font-medium break-words max-w-full", children: message }) }), _jsx("button", { onClick: handleClose, className: "flex-shrink-0 ml-2 text-gray-600 hover:text-gray-800 transition-colors cursor-pointer", "aria-label": "Cerrar notificaci\u00F3n", type: "button", children: _jsx("i", { className: `${normalizeIconClass("fa-times")} text-sm` }) })] }) }));
-};
+});

package/dist/components/utils/SnackbarContainer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SnackbarContainer.d.ts","sourceRoot":"","sources":["../../../src/components/utils/SnackbarContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,WAAW,sBAAsB;IACrC,QAAQ,CAAC,EAAE,WAAW,GAAG,UAAU,GAAG,cAAc,GAAG,aAAa,GAAG,YAAY,GAAG,eAAe,CAAC;IACtG,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAgD9D,CAAC"}
+{"version":3,"file":"SnackbarContainer.d.ts","sourceRoot":"","sources":["../../../src/components/utils/SnackbarContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,MAAM,WAAW,sBAAsB;IACrC,QAAQ,CAAC,EACL,WAAW,GACX,UAAU,GACV,cAAc,GACd,aAAa,GACb,YAAY,GACZ,eAAe,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAiD9D,CAAC"}

package/dist/components/utils/SnackbarContainer.js

@@ -1,9 +1,10 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import React from "react";
-import { useSnackbar } from "../../contexts/SnackbarContext";
+import { useSnackbarState, useSnackbarActions, } from "../../contexts/SnackbarContext";
 import { Snackbar } from "./Snackbar";
 export const SnackbarContainer = ({ position = "top-right", maxSnackbars = 5, }) => {
-    const { snackbars, removeSnackbar } = useSnackbar();
+    const snackbars = useSnackbarState();
+    const { removeSnackbar } = useSnackbarActions();
     // Limitar el número de snackbars visibles
     const visibleSnackbars = snackbars.slice(-maxSnackbars);
     // Clases de posición

package/dist/contexts/SnackbarContext.d.ts

@@ -8,19 +8,36 @@ export interface SnackbarMessage {
     icon?: string;
     iconLabel?: string;
 }
-export interface SnackbarContextType {
+export interface SnackbarActionsType {
     showSnackbar: (message: string, variant?: SnackbarVariant, options?: {
         duration?: number;
         icon?: string;
         iconLabel?: string;
     }) => void;
     removeSnackbar: (id: string) => void;
+}
+export interface SnackbarContextType extends SnackbarActionsType {
     snackbars: SnackbarMessage[];
 }
 interface SnackbarProviderProps {
     children: ReactNode;
 }
 export declare const SnackbarProvider: React.FC<SnackbarProviderProps>;
-export declare const useSnackbar: () => SnackbarContextType;
+export declare const useSnackbarActions: () => SnackbarActionsType;
+export declare const useSnackbarState: () => SnackbarMessage[];
+/**
+ * Hook para acceder a todo el contexto de snackbars.
+ * NOTA: El uso de este hook causará re-renders cada vez que la lista de snackbars cambie.
+ * Si solo necesitas disparar snackbars, usa `useSnackbarActions`.
+ */
+export declare const useSnackbar: () => {
+    snackbars: SnackbarMessage[];
+    showSnackbar: (message: string, variant?: SnackbarVariant, options?: {
+        duration?: number;
+        icon?: string;
+        iconLabel?: string;
+    }) => void;
+    removeSnackbar: (id: string) => void;
+};
 export {};
 //# sourceMappingURL=SnackbarContext.d.ts.map

package/dist/contexts/SnackbarContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SnackbarContext.d.ts","sourceRoot":"","sources":["../../src/contexts/SnackbarContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAKZ,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAEf,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,CAAC;AAElG,MAAM,WAAW,eAAe;IAC9B,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,eAAe,CAAC;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,mBAAmB;IAClC,YAAY,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,eAAe,EAAE,OAAO,CAAC,EAAE;QACnE,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB,KAAK,IAAI,CAAC;IACX,cAAc,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,SAAS,EAAE,eAAe,EAAE,CAAC;CAC9B;AAID,UAAU,qBAAqB;IAC7B,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CA0C5D,CAAC;AAEF,eAAO,MAAM,WAAW,QAAO,mBAM9B,CAAC"}
+{"version":3,"file":"SnackbarContext.d.ts","sourceRoot":"","sources":["../../src/contexts/SnackbarContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAMZ,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAEf,MAAM,MAAM,eAAe,GACvB,SAAS,GACT,WAAW,GACX,SAAS,GACT,SAAS,GACT,QAAQ,GACR,MAAM,CAAC;AAEX,MAAM,WAAW,eAAe;IAC9B,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,eAAe,CAAC;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,mBAAmB;IAClC,YAAY,EAAE,CACZ,OAAO,EAAE,MAAM,EACf,OAAO,CAAC,EAAE,eAAe,EACzB,OAAO,CAAC,EAAE;QACR,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB,KACE,IAAI,CAAC;IACV,cAAc,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CACtC;AAED,MAAM,WAAW,mBAAoB,SAAQ,mBAAmB;IAC9D,SAAS,EAAE,eAAe,EAAE,CAAC;CAC9B;AASD,UAAU,qBAAqB;IAC7B,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAiD5D,CAAC;AAEF,eAAO,MAAM,kBAAkB,QAAO,mBAQrC,CAAC;AAEF,eAAO,MAAM,gBAAgB,QAAO,eAAe,EAMlD,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,WAAW;;kBArGR,CACZ,OAAO,EAAE,MAAM,EACf,OAAO,CAAC,EAAE,eAAe,EACzB,OAAO,CAAC,EAAE;QACR,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB,KACE,IAAI;oBACO,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI;CAuGrC,CAAC"}

package/dist/contexts/SnackbarContext.js

@@ -1,6 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import React, { createContext, useContext, useState, useCallback, } from "react";
-const SnackbarContext = createContext(undefined);
+import React, { createContext, useContext, useState, useCallback, useMemo, } from "react";
+const SnackbarStateContext = createContext(undefined);
+const SnackbarActionsContext = createContext(undefined);
 export const SnackbarProvider = ({ children, }) => {
     const [snackbars, setSnackbars] = useState([]);
     const showSnackbar = useCallback((message, variant = "info", options) => {
@@ -18,17 +19,36 @@ export const SnackbarProvider = ({ children, }) => {
     const removeSnackbar = useCallback((id) => {
         setSnackbars((prev) => prev.filter((snackbar) => snackbar.id !== id));
     }, []);
-    const value = {
+    const actions = useMemo(() => ({
         showSnackbar,
         removeSnackbar,
-        snackbars,
-    };
-    return (_jsx(SnackbarContext.Provider, { value: value, children: children }));
+    }), [showSnackbar, removeSnackbar]);
+    return (_jsx(SnackbarActionsContext.Provider, { value: actions, children: _jsx(SnackbarStateContext.Provider, { value: snackbars, children: children }) }));
 };
-export const useSnackbar = () => {
-    const context = useContext(SnackbarContext);
+export const useSnackbarActions = () => {
+    const context = useContext(SnackbarActionsContext);
     if (context === undefined) {
-        throw new Error("useSnackbar must be used within a SnackbarProvider");
+        throw new Error("useSnackbarActions must be used within a SnackbarProvider");
     }
     return context;
 };
+export const useSnackbarState = () => {
+    const context = useContext(SnackbarStateContext);
+    if (context === undefined) {
+        throw new Error("useSnackbarState must be used within a SnackbarProvider");
+    }
+    return context;
+};
+/**
+ * Hook para acceder a todo el contexto de snackbars.
+ * NOTA: El uso de este hook causará re-renders cada vez que la lista de snackbars cambie.
+ * Si solo necesitas disparar snackbars, usa `useSnackbarActions`.
+ */
+export const useSnackbar = () => {
+    const state = useSnackbarState();
+    const actions = useSnackbarActions();
+    return useMemo(() => ({
+        ...actions,
+        snackbars: state,
+    }), [actions, state]);
+};

package/dist/contexts/index.d.ts

@@ -8,6 +8,6 @@ export { CrudProvider, CrudContext, useCrud } from "./CrudContext";
 export type { CrudContextType } from "./CrudContext";
 export { AppLayoutProvider, useAppLayout, useAppLayoutContext } from "./AppLayoutContext";
 export type { AppLayoutContextType, NavbarInterface, LeftDrawerInterface, } from "./AppLayoutContext";
-export { SnackbarProvider, useSnackbar } from "./SnackbarContext";
-export type { SnackbarContextType, SnackbarMessage, SnackbarVariant, } from "./SnackbarContext";
+export { SnackbarProvider, useSnackbar, useSnackbarActions, useSnackbarState, } from "./SnackbarContext";
+export type { SnackbarContextType, SnackbarActionsType, SnackbarMessage, SnackbarVariant, } from "./SnackbarContext";
 //# sourceMappingURL=index.d.ts.map

package/dist/contexts/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/contexts/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAC1E,OAAO,EACL,gBAAgB,EAChB,oBAAoB,GACrB,MAAM,2BAA2B,CAAC;AAGnC,YAAY,EAAE,KAAK,EAAE,gBAAgB,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAGtE,OAAO,EACL,UAAU,EACV,SAAS,EACT,SAAS,EACT,UAAU,EACV,YAAY,EACZ,MAAM,GACP,MAAM,WAAW,CAAC;AAGnB,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC1D,YAAY,EACV,eAAe,EACf,wBAAwB,EACxB,kBAAkB,GACnB,MAAM,eAAe,CAAC;AAGvB,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AACnE,YAAY,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAGrD,OAAO,EAAE,iBAAiB,EAAE,YAAY,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAC1F,YAAY,EACV,oBAAoB,EACpB,eAAe,EACf,mBAAmB,GACpB,MAAM,oBAAoB,CAAC;AAG5B,OAAO,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAClE,YAAY,EACV,mBAAmB,EACnB,eAAe,EACf,eAAe,GAChB,MAAM,mBAAmB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/contexts/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAC1E,OAAO,EACL,gBAAgB,EAChB,oBAAoB,GACrB,MAAM,2BAA2B,CAAC;AAGnC,YAAY,EAAE,KAAK,EAAE,gBAAgB,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAGtE,OAAO,EACL,UAAU,EACV,SAAS,EACT,SAAS,EACT,UAAU,EACV,YAAY,EACZ,MAAM,GACP,MAAM,WAAW,CAAC;AAGnB,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC1D,YAAY,EACV,eAAe,EACf,wBAAwB,EACxB,kBAAkB,GACnB,MAAM,eAAe,CAAC;AAGvB,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AACnE,YAAY,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAGrD,OAAO,EAAE,iBAAiB,EAAE,YAAY,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAC1F,YAAY,EACV,oBAAoB,EACpB,eAAe,EACf,mBAAmB,GACpB,MAAM,oBAAoB,CAAC;AAG5B,OAAO,EACL,gBAAgB,EAChB,WAAW,EACX,kBAAkB,EAClB,gBAAgB,GACjB,MAAM,mBAAmB,CAAC;AAC3B,YAAY,EACV,mBAAmB,EACnB,mBAAmB,EACnB,eAAe,EACf,eAAe,GAChB,MAAM,mBAAmB,CAAC"}

package/dist/contexts/index.js

@@ -10,4 +10,4 @@ export { CrudProvider, CrudContext, useCrud } from "./CrudContext";
 // AppLayout system exports
 export { AppLayoutProvider, useAppLayout, useAppLayoutContext } from "./AppLayoutContext";
 // Snackbar system exports
-export { SnackbarProvider, useSnackbar } from "./SnackbarContext";
+export { SnackbarProvider, useSnackbar, useSnackbarActions, useSnackbarState, } from "./SnackbarContext";