react-ecosistema-unp 2.0.1 → 2.2.0

package/dist/lib/tables/custom-data-table-split/CustomDataTableSplit.d.ts

@@ -2,9 +2,9 @@ import { CSSProperties, ReactElement, default as React } from 'react';
 /** Alineado al tipo `Column` de `CustomDataTable` en react-ecosistema-unp. */
 export interface Column<T extends object = Record<string, unknown>> {
     key: string;
-    label: string;
+    label: string | React.ReactNode;
     renderComponent?: (row: T) => React.ReactNode;
-    hasModal?: boolean;
+    hasModal?: boolean | ((row: T) => boolean);
     noPadding?: boolean;
     isDate?: boolean;
     /** Si es false, no muestra input de filtro en esa columna. */
@@ -60,5 +60,9 @@ export interface CustomDataTableSplitProps<T extends object = Record<string, unk
     stickyHeader?: boolean;
     /** Barra de búsqueda global sobre la tabla (filtrado en la página vía `onSearch`). */
     toolbar?: TableToolbarConfig;
+    /** Función que se ejecuta al hacer clic en cualquier lugar de una fila de la tabla. */
+    onRowClick?: (row: T) => void;
+    /** Permite controlar si hacer clic fuera del modal primario lo cierra (por defecto true). */
+    closeModalOut?: boolean;
 }
-export declare function CustomDataTableSplit<T extends object = Record<string, unknown>>({ columns, data, isShared, splitField, firstSectionValue, sectionLabels, renderModalContent, title, subtitle, isLoading, headerActions, getRowStyle, pageSize, getRowKey, rowSelection, infiniteScroll, enableColumnFilters, stickyHeader, toolbar, }: CustomDataTableSplitProps<T>): ReactElement;
+export declare function CustomDataTableSplit<T extends object = Record<string, unknown>>({ columns, data, isShared, splitField, firstSectionValue, sectionLabels, renderModalContent, title, subtitle, isLoading, headerActions, getRowStyle, pageSize, getRowKey, rowSelection, infiniteScroll, enableColumnFilters, stickyHeader, toolbar, onRowClick, closeModalOut, }: CustomDataTableSplitProps<T>): ReactElement;

package/dist/lib/tables/eco-data-table/components/EcoDataTable/EcoDataTable.d.ts

@@ -1,3 +1,3 @@
 import { ReactElement } from 'react';
 import { EcoDataTableProps } from '../../types';
-export declare function EcoDataTable<T extends object = Record<string, unknown>>({ columns, data, isLoading, isFetching, stickyHeader, className, pageSize, getRowStyle, getRowKey, pagination, selection, reorder, selectionActions, onRowClick, }: EcoDataTableProps<T>): ReactElement;
+export declare function EcoDataTable<T extends object = Record<string, unknown>>({ columns, data, isLoading, isFetching, stickyHeader, className, pageSize, getRowStyle, getRowKey, pagination, selection, reorder, selectionActions, onRowClick, footerOrgLines, footerMetaShort, }: EcoDataTableProps<T>): ReactElement;

package/dist/lib/tables/eco-data-table/components/EcoDataTableBandejaFooter.d.ts

@@ -8,5 +8,12 @@ export interface EcoDataTableBandejaFooterProps {
     hasMore?: boolean;
     showPagination?: boolean;
     year?: number;
+    /**
+     * Líneas de dependencias (texto completo). En móvil se muestra solo el acrónimo
+     * tras el separador "·" (p. ej. "… · UNP" → "UNP").
+     */
+    orgLines?: readonly string[];
+    /** Texto corto del meta en móvil (por defecto "EI UNP"). */
+    metaShort?: string;
 }
-export declare function EcoDataTableBandejaFooter({ currentPage, totalPages, onPageChange, totalRecords, pageSize, hasMore, showPagination, year, }: EcoDataTableBandejaFooterProps): ReactElement;
+export declare function EcoDataTableBandejaFooter({ currentPage, totalPages, onPageChange, totalRecords, pageSize, hasMore, showPagination, year, orgLines, metaShort, }: EcoDataTableBandejaFooterProps): ReactElement;

package/dist/lib/tables/eco-data-table/hooks/useEcoTableSelection.d.ts

@@ -8,6 +8,7 @@ export declare function useEcoTableSelection<T extends object>({ data, selection
     selectionKey: (keyof T & string) | undefined;
     selectedKeys: string[];
     toggleKey: (key: string) => void;
+    setSelectedKeys: (keys: string[]) => void;
     isSelected: (key: string) => boolean;
     hasSelection: boolean;
 };

package/dist/lib/tables/eco-data-table/types.d.ts

@@ -57,4 +57,11 @@ export interface EcoDataTableProps<T extends object = Record<string, unknown>> {
     selectionActions?: ReactNode;
     /** Click en fila (p. ej. abrir vista de detalle del caso). */
     onRowClick?: (row: T) => void;
+    /**
+     * Líneas del branding del footer (texto completo). En ≤768px se muestra solo el
+     * acrónimo tras "·". Por defecto: UNP / SESP / GRAERR.
+     */
+    footerOrgLines?: readonly string[];
+    /** Texto corto del meta en móvil (por defecto "EI UNP"). */
+    footerMetaShort?: string;
 }

package/dist/lib/ui/animacion/Animacion.d.ts

@@ -6,3 +6,4 @@ interface AnimacionProps {
 }
 declare const Animacion: React.FC<AnimacionProps>;
 export { Animacion };
+export type { AnimationType };

package/dist/lib/ui.d.ts

@@ -16,6 +16,7 @@ export { ContenedorVentana } from './ui/contenedor-ventana/ContenedorVentana.tsx
 export { CustomModal } from './tables/tabla-registros/modal/Modal.tsx';
 export { EcoModal } from './tables/tabla-registros/modal-v2/EcoModal.tsx';
 export { Animacion } from './ui/animacion/Animacion.tsx';
+export type { AnimationType } from './ui/animacion/Animacion.tsx';
 export { Tarjeta } from './cards/tarjeta/Tarjeta.tsx';
 export { SeccionTarjeta } from './cards/tarjeta/seccion-tarjeta/SeccionTarjeta.tsx';
 export { NuevoElemento } from './cards/tarjeta/nuevo-elemento/NuevoElemento.tsx';

package/dist/lib/utils/eco-provider/EcoContext.d.ts

@@ -1,4 +1,6 @@
 import { ReactNode } from 'react';
-export declare const EcoProvider: React.FC<{
+export interface EcoProviderProps {
     children: ReactNode;
-}>;
+    showToaster?: boolean;
+}
+export declare const EcoProvider: React.FC<EcoProviderProps>;

package/dist/lib/utils/modal-radicados/DocumentoVisorEstado.d.ts

@@ -0,0 +1,18 @@
+import { default as React } from 'react';
+import { AnimationType } from '../../ui/animacion/Animacion';
+export type DocumentoVisorEstadoKind = "unsupported" | "error" | "loading";
+export interface DocumentoVisorEstadoProps {
+    kind: DocumentoVisorEstadoKind;
+    /** Nombre del archivo (se muestra destacado). */
+    name?: string;
+    mimeType?: string;
+    /** Mensaje técnico opcional (p. ej. detalle del error de red). */
+    detail?: string;
+    allowDownload?: boolean;
+    onDownload?: () => void;
+    onRetry?: () => void;
+    /** Animación de carga. Default: `loading_duck`. */
+    animationType?: AnimationType;
+}
+declare const DocumentoVisorEstado: React.FC<DocumentoVisorEstadoProps>;
+export { DocumentoVisorEstado };

package/dist/lib/utils/modal-radicados/ModalDocumento.d.ts

@@ -1,4 +1,5 @@
 import { default as React } from 'react';
+import { AnimationType } from '../../ui/animacion/Animacion';
 interface DocumentoProps {
     data: string;
     mimeType: string;
@@ -7,6 +8,31 @@ interface DocumentoProps {
     blobUrl?: string;
     allowDownloadButton?: boolean;
     autoDownloadOnUnsupported?: boolean;
+    /**
+     * Solo visualización (opt-in, default false).
+     * - PDF: oculta la barra nativa (`#toolbar=0&navpanes=0&scrollbar=0`)
+     * - Audio/video: usa `<audio>`/`<video>` con `controlsList="nodownload"`
+     * - Oculta el botón propio de descarga
+     * Si no se pasa, el comportamiento queda igual que antes.
+     */
+    viewOnly?: boolean;
+    /**
+     * Error de consulta/carga (no es “formato no soportado”).
+     * Si se define, muestra el estado de error con `onRetry` si existe.
+     */
+    loadError?: string | null;
+    /** Reintentar la consulta del documento cuando `loadError` está presente. */
+    onRetry?: () => void;
+    /**
+     * Animación de carga mientras se prepara el blob/visor.
+     * Default: `loading_duck`. Ej.: `paloma`, `gato`, `loading_parrot`, etc.
+     */
+    animationType?: AnimationType;
+    /**
+     * Fuerza el estado de carga (mismo shell que error / no soportado).
+     * Útil cuando el padre aún está consultando el documento.
+     */
+    isLoading?: boolean;
 }
 declare const ModalDocumento: React.FC<DocumentoProps>;
 declare const getIconByType: (tipo?: string) => import("react/jsx-runtime").JSX.Element;

package/dist/lib/utils/modal-radicados/VisorDocumento.d.ts

@@ -1,8 +1,16 @@
 import { default as React } from 'react';
+import { AnimationType } from '../../ui/animacion/Animacion';
 interface VisorDocumentoProps {
     idDocumento: string;
     nombre?: string;
     allowDownloadButton?: boolean;
+    /** Solo visualización; se reenvía a ModalDocumento (default false). */
+    viewOnly?: boolean;
+    /**
+     * Animación de carga. Default: `loading_duck`.
+     * Se reenvía a ModalDocumento (p. ej. `paloma`, `gato`, `loading_parrot`).
+     */
+    animationType?: AnimationType;
 }
 declare const VisorDocumento: React.FC<VisorDocumentoProps>;
 export { VisorDocumento };

package/dist/lib/utils/notifications/EcoToaster.d.ts

@@ -0,0 +1,18 @@
+import { default as React, ComponentProps } from 'react';
+import { Toaster as SileoNativeToaster } from 'sileo';
+type SileoToasterProps = ComponentProps<typeof SileoNativeToaster>;
+export interface EcoToasterProps extends SileoToasterProps {
+    /**
+     * Marca este Toaster como instancia por defecto (p.ej. la montada por EcoProvider).
+     * Si un componente hijo monta un <Toaster /> explícito (isDefault !== true),
+     * este cederá el control para evitar duplicación de notificaciones.
+     */
+    isDefault?: boolean;
+}
+/**
+ * Singleton Toaster para Sileo en react-ecosistema-unp.
+ * Garantiza que exactamente UNA sola instancia de SileoToaster esté activa
+ * en el DOM en todo momento, evitando la duplicación visual de notificaciones.
+ */
+export declare const Toaster: React.FC<EcoToasterProps>;
+export default Toaster;

package/dist/lib/utils/notifications/SileoNotifications.d.ts

@@ -1,12 +1,26 @@
-export declare const notificarExito: (mensaje: string | any, titulo?: string, zIndex?: number) => void;
-export declare const notificarError: (mensaje: string | any, titulo?: string, zIndex?: number) => void;
+import { ReactNode } from 'react';
+export declare const COLOR_FILLS: {
+    exito: string;
+    error: string;
+    aviso: string;
+    info: string;
+    cargando: string;
+    accion: string;
+};
+/**
+ * Ajusta dinámicamente el z-index de las notificaciones Sileo.
+ */
+export declare const setSileoZIndex: (zIndex?: number) => void;
+export declare const notificarExito: (mensaje: ReactNode, titulo?: string, zIndex?: number) => string;
+export declare const notificarError: (mensaje: ReactNode, titulo?: string, zIndex?: number) => string;
 /**
  * NOTIFICACIÓN DE CARGA
  */
-export declare const notificarCargando: (mensaje: string | any, titulo?: string, zIndex?: number) => string;
-export declare const notificarAviso: (mensaje: string | any, titulo?: string, duracion?: number, zIndex?: number) => void;
-export declare const notificarInfo: (mensaje: string | any, titulo?: string, duracion?: number, zIndex?: number) => void;
+export declare const notificarCargando: (mensaje: ReactNode, titulo?: string, zIndex?: number) => string;
+export declare const notificarAviso: (mensaje: ReactNode, titulo?: string, duracion?: number, zIndex?: number) => string;
+export declare const notificarInfo: (mensaje: ReactNode, titulo?: string, duracion?: number, zIndex?: number) => string;
 export declare const limpiarNotificaciones: () => void;
+export declare const cerrarNotificacion: (id: string | number) => void;
 export interface NotificarAccionOptions {
     labelConfirm?: string;
     labelCancel?: string;
@@ -17,6 +31,8 @@ export interface NotificarAccionOptions {
     position?: any;
 }
 /**
- * NOTIFICACIÓN DE ACCIÓN (Confirmaciones Dinámicas)
+ * NOTIFICACIÓN DE ACCIÓN (Confirmaciones Dinámicas idénticas a ft-der-analista-riesgo)
+ * Utiliza el botón nativo de Sileo para el POST/confirmación principal con su estilo morado,
+ * y el botón blanco con borde morado para la cancelación.
  */
-export declare const notificarAccion: (titulo: string, descripcion: string, options?: NotificarAccionOptions | (() => void), legacyCancel?: () => void) => void;
+export declare const notificarAccion: (titulo: string, descripcion?: ReactNode, confirmOrOptions?: (() => void) | NotificarAccionOptions, legacyCancel?: () => void, labelConfirmArg?: string, labelCancelArg?: string, zIndexArg?: number) => any;

package/dist/lib/utils.d.ts

@@ -7,9 +7,10 @@ export { WebSocketProvider, useWebSocketConnection } from './utils/websocket-man
 export { useWebSocket } from './utils/websocket-manager/useWebSocket.js';
 export { ModalRadicado } from './utils/modal-radicados/ModalRadicado.js';
 export { ModalDocumento } from './utils/modal-radicados/ModalDocumento.js';
+export { DocumentoVisorEstado } from './utils/modal-radicados/DocumentoVisorEstado.js';
 export { formatDate };
 export * from './utils/notifications/SileoNotifications.js';
-export { Toaster } from 'sileo';
+export { Toaster } from './utils/notifications/EcoToaster.js';
 export { EcoProvider } from './utils/eco-provider/EcoContext.js';
 export { ProtectedRoute } from './utils/components/ProtectedRoute.js';
 export { UserRoute } from './utils/components/UserRoute.js';

package/dist/shared/app-list/AppList.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "react";
-import "../../index-h-TtOxhs.js";
-import { A as m } from "../../AppList-BshxZhoN.js";
+import "../../index-BqaJxgOF.js";
+import { A as m } from "../../AppList-DORGpC4I.js";
 export {
   m as AppList
 };

package/dist/shared/iconos-sistema/IconosSistema.js

@@ -1,6 +1,6 @@
 import { jsxs as c, jsx as i } from "react/jsx-runtime";
 import { LogoutButton as n } from "./logout-button/LogoutButton.js";
-import { A as p } from "../../AppList-BshxZhoN.js";
+import { A as p } from "../../AppList-DORGpC4I.js";
 import { NotificacionUsuario as d } from "../notificacion-usuario/NotificacionUsuario.js";
 import { UserProfileIcon as m } from "../user-profile-icon/UserProfileIcon.js";
 import '../../assets/IconosSistema.css';const b = ({ elements: r, showLogout: a = !1, notificationType: t = "normal" }) => /* @__PURE__ */ c("div", { className: "iconos-sistema-container", children: [

package/dist/shared/iconos-sistema/logout-button/LogoutButton.js

@@ -1,6 +1,6 @@
 import { jsxs as t, Fragment as i, jsx as o } from "react/jsx-runtime";
 import { useFinalizarSesion as n } from "../../../auth/hooks/useFinalizarSesion.js";
-import { X as s } from "../../../index-h-TtOxhs.js";
+import { _ as s } from "../../../index-BqaJxgOF.js";
 import { L as m } from "../../../index-Cy8qF6oY.js";
 import '../../../assets/LogoutButton.css';const p = () => {
   const { FinSesion: r } = n();

package/dist/shared/menu-lateral/MenuLateral.js

@@ -5,7 +5,7 @@ import { useFinalizarSesion as $ } from "../../auth/hooks/useFinalizarSesion.js"
 import { urlAtlas as I, urlPandaPDF as P, urlMisBienes as F, urlBaseProd as D, urlCertificadoLaboral as U } from "../../utils/Url.js";
 import { L as W } from "../../index-Cy8qF6oY.js";
 import { useWebSocketConnection as j } from "../../utils/websocket-manager/WebSocketContext.js";
-import '../../assets/Trazabilidad.css';import '../../assets/TarjetaInfo.css';import '../../assets/ContenedorTarjeta.css';import '../../assets/SmartTextArea.css';import '../../assets/EcoFooter.css';import '../../assets/ResumenEvaluacion.css';import '../../assets/AlertaFormulario.css';import '../../assets/SeccionFormulario.css';import '../../assets/NotificacionPopoverV2.css';import '../../assets/CardGestionLateral.css';import '../../assets/NavFormulariosLateral.css';import '../../assets/DatosBasicosCard.css';import '../../assets/StatusFilterBar.css';import '../../assets/PaginadorV2.css';import '../../assets/StatusSemaphore.css';import '../../assets/TableSkeleton.css';import '../../assets/SeccionTarjetaLectura.css';import '../../assets/TarjetaLectura.css';import '../../assets/Bootstrap.css';import '../../assets/Tarjeta.css';import '../../assets/EcoModalStyles.css';import '../../assets/Modal.css';import '../../assets/ContenedorVentana.css';import '../../assets/IconoTooltip.css';import '../../assets/ItemsModal.css';import '../../assets/StepperV2.css';import '../../assets/Paginador.css';import '../../assets/ContenidoModalV2.css';import '../../assets/ContenidoModal.css';import '../../assets/Encabezado.css';import '../../assets/Logo.css';import '../../assets/MenuLateral.css';/* empty css                  */
+import '../../assets/SileoNotifications.css';import '../../assets/Trazabilidad.css';import '../../assets/TarjetaInfo.css';import '../../assets/ContenedorTarjeta.css';import '../../assets/DocumentoVisorEstado.css';import '../../assets/SmartTextArea.css';import '../../assets/EcoFooter.css';import '../../assets/ResumenEvaluacion.css';import '../../assets/AlertaFormulario.css';import '../../assets/SeccionFormulario.css';import '../../assets/NotificacionPopoverV2.css';import '../../assets/CardGestionLateral.css';import '../../assets/NavFormulariosLateral.css';import '../../assets/DatosBasicosCard.css';import '../../assets/StatusFilterBar.css';import '../../assets/PaginadorV2.css';import '../../assets/StatusSemaphore.css';import '../../assets/TableSkeleton.css';import '../../assets/SeccionTarjetaLectura.css';import '../../assets/TarjetaLectura.css';import '../../assets/Bootstrap.css';import '../../assets/Tarjeta.css';import '../../assets/EcoModalStyles.css';import '../../assets/Modal.css';import '../../assets/ContenedorVentana.css';import '../../assets/IconoTooltip.css';import '../../assets/ItemsModal.css';import '../../assets/StepperV2.css';import '../../assets/Paginador.css';import '../../assets/ContenidoModalV2.css';import '../../assets/ContenidoModal.css';import '../../assets/Encabezado.css';import '../../assets/Logo.css';import '../../assets/MenuLateral.css';/* empty css                  */
 /* empty css                        */
 import "../../ui/subtitulo/Subtitulo.js";
 /* empty css                            */
@@ -37,10 +37,12 @@ import "../../cards/tarjeta/seccion-tarjeta/SeccionTarjeta.js";
 /* empty css                               */
 /* empty css                       */
 /* empty css                           */
+/* empty css                                  */
 /* empty css                               */
 /* empty css                         */
 /* empty css                          */
-import "../../SileoNotifications-BESOBARG.js";
+/* empty css                                */
+import "../../index-C1R4rkuA.js";
 import "../../auth/contexts/AuthContex.js";
 /* empty css                          */
 import G from "../../logo_escudo_blanco-CnWh5GYD.js";
@@ -95,7 +97,7 @@ const a1 = ({
       /* @__PURE__ */ a("path", { d: "m9 15l1.5-4.5L15 9l-1.5 4.5z" })
     ]
   }
-), Z1 = ({
+), Q1 = ({
   onToggle: t,
   isOpen: l,
   showConnectionStatus: z,
@@ -386,5 +388,5 @@ const a1 = ({
   ] });
 };
 export {
-  Z1 as MenuLateral
+  Q1 as MenuLateral
 };