@codeplex-sac/navegacion 0.0.14 → 0.0.16

package/lib/pestanas-navegador/index.d.ts

@@ -0,0 +1,2 @@
+export * from './pestanas-navegador';
+export * from './usar-pestanas-navegador';

package/lib/pestanas-navegador/pestanas-navegador.d.ts

@@ -0,0 +1,37 @@
+import { default as React } from 'react';
+export interface CodeplexPestanaNavegador {
+    /** Identificador único de la pestaña (suele ser la ruta). */
+    id: string;
+    /** Texto visible de la pestaña. */
+    titulo: string;
+    /** Ruta asociada para sincronizar con el enrutador. */
+    ruta?: string;
+    /** Icono a la izquierda del título. */
+    icono?: React.ReactNode;
+    /** Si está fijada (pin): se ancla al inicio y no se puede cerrar. */
+    fijada?: boolean;
+    /** Permite cerrar la pestaña. Por defecto `true`. */
+    cerrable?: boolean;
+}
+export type CodeplexPestanasNavegadorTamano = 'pequeno' | 'mediano';
+export interface CodeplexPestanasNavegadorProps {
+    /** Lista de pestañas abiertas. */
+    pestanas: CodeplexPestanaNavegador[];
+    /** Id de la pestaña activa. */
+    activaId?: string;
+    /** Se invoca al seleccionar una pestaña. */
+    alActivar?: (id: string) => void;
+    /** Se invoca al cerrar una pestaña. */
+    alCerrar?: (id: string) => void;
+    /** Se invoca al fijar/desfijar una pestaña. */
+    alFijar?: (id: string, fijada: boolean) => void;
+    /** Recibe el nuevo orden de ids tras arrastrar. */
+    alReordenar?: (idsOrdenados: string[]) => void;
+    /** Habilita el reordenamiento por arrastre. Por defecto `true`. */
+    reordenable?: boolean;
+    /** Habilita el botón de fijar. Por defecto `true`. */
+    fijables?: boolean;
+    /** Tamaño de las pestañas. */
+    tamano?: CodeplexPestanasNavegadorTamano;
+}
+export declare const CodeplexPestanasNavegador: React.FC<CodeplexPestanasNavegadorProps>;

package/lib/pestanas-navegador/usar-pestanas-navegador.d.ts

@@ -0,0 +1,24 @@
+import { CodeplexPestanaNavegador } from './pestanas-navegador';
+export interface OpcionesPestanasNavegador {
+    /** Pestañas iniciales al montar. */
+    inicial?: CodeplexPestanaNavegador[];
+    /** Id de la pestaña activa inicial. */
+    activaInicial?: string;
+    /** Clave de `localStorage` para persistir entre recargas. */
+    persistenciaClave?: string;
+}
+export interface ControlPestanasNavegador {
+    pestanas: CodeplexPestanaNavegador[];
+    activaId: string | undefined;
+    /** Abre una pestaña (o la activa si ya existe). */
+    abrir: (pestana: CodeplexPestanaNavegador) => void;
+    /** Activa una pestaña existente por id. */
+    activar: (id: string) => void;
+    /** Cierra una pestaña; activa la vecina si era la activa. */
+    cerrar: (id: string) => void;
+    /** Fija o desfija una pestaña. */
+    alternarFijar: (id: string, fijada: boolean) => void;
+    /** Aplica un nuevo orden por ids. */
+    reordenar: (idsOrdenados: string[]) => void;
+}
+export declare const usarPestanasNavegador: (opciones?: OpcionesPestanasNavegador) => ControlPestanasNavegador;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@codeplex-sac/navegacion",
-  "version": "0.0.14",
+  "version": "0.0.16",
   "type": "module",
   "main": "./index.js",
   "module": "./index.js",