@codeplex-sac/vistas-datos 0.0.20

package/index.js

@@ -0,0 +1,8 @@
+import { b as o, C as l, d as n, a as b } from "./index-Bg3WgnFr.js";
+export * from "material-react-table";
+export {
+  o as CodeplexColumnaKanban,
+  l as CodeplexTabla,
+  n as CodeplexTableroKanban,
+  b as CodeplexTarjetaKanban
+};

package/lib/kanban/kanban.d.ts

@@ -0,0 +1,62 @@
+import { default as React } from 'react';
+import { DropResult } from '@hello-pangea/dnd';
+export type CodeplexKanbanPrioridad = 'baja' | 'media' | 'alta' | 'critica';
+export type CodeplexKanbanEstado = string;
+export interface CodeplexKanbanEtiqueta {
+    id: string;
+    texto: string;
+    color?: string;
+}
+export interface CodeplexKanbanTarjeta {
+    id: string;
+    titulo: string;
+    descripcion?: string;
+    prioridad?: CodeplexKanbanPrioridad;
+    etiquetas?: CodeplexKanbanEtiqueta[];
+    asignado?: {
+        nombre: string;
+        avatar?: string;
+    };
+    fechaVencimiento?: string;
+}
+export interface CodeplexKanbanColumna {
+    id: string;
+    titulo: string;
+    tarjetas: CodeplexKanbanTarjeta[];
+    color?: string;
+    limite?: number;
+}
+export interface CodeplexTableroKanbanProps {
+    columnas: CodeplexKanbanColumna[];
+    alMover?: (resultado: DropResult) => void;
+    alAgregarTarjeta?: (columnaId: string) => void;
+    alHacerClicTarjeta?: (tarjeta: CodeplexKanbanTarjeta, columnaId: string) => void;
+    renderizarTarjeta?: (tarjeta: CodeplexKanbanTarjeta, columnaId: string) => React.ReactNode;
+    ancho?: number | string;
+    alto?: number | string;
+}
+export interface CodeplexTarjetaKanbanProps {
+    tarjeta: CodeplexKanbanTarjeta;
+    columnaId: string;
+    indice: number;
+    alHacerClic?: (tarjeta: CodeplexKanbanTarjeta, columnaId: string) => void;
+    renderizar?: (tarjeta: CodeplexKanbanTarjeta, columnaId: string) => React.ReactNode;
+}
+export declare function CodeplexTarjetaKanban({ tarjeta, columnaId, indice, alHacerClic, renderizar, }: CodeplexTarjetaKanbanProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace CodeplexTarjetaKanban {
+    var displayName: string;
+}
+export interface CodeplexColumnaKanbanProps {
+    columna: CodeplexKanbanColumna;
+    alAgregar?: (columnaId: string) => void;
+    alHacerClicTarjeta?: (tarjeta: CodeplexKanbanTarjeta, columnaId: string) => void;
+    renderizarTarjeta?: (tarjeta: CodeplexKanbanTarjeta, columnaId: string) => React.ReactNode;
+}
+export declare function CodeplexColumnaKanban({ columna, alAgregar, alHacerClicTarjeta, renderizarTarjeta, }: CodeplexColumnaKanbanProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace CodeplexColumnaKanban {
+    var displayName: string;
+}
+export declare function CodeplexTableroKanban({ columnas: columnasProp, alMover, alAgregarTarjeta, alHacerClicTarjeta, renderizarTarjeta, ancho, alto, }: CodeplexTableroKanbanProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace CodeplexTableroKanban {
+    var displayName: string;
+}

package/lib/kanban/kanban.stories.d.ts

@@ -0,0 +1,8 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { CodeplexTableroKanban } from './kanban';
+declare const meta: Meta<typeof CodeplexTableroKanban>;
+export default meta;
+type Story = StoryObj<typeof CodeplexTableroKanban>;
+export declare const Basico: Story;
+export declare const SinAgregar: Story;
+export declare const DosTarjetasPorColumna: Story;

package/lib/tabla/tabla.d.ts

@@ -0,0 +1,50 @@
+import { MRT_ColumnDef, MRT_RowData, MRT_TableOptions, MRT_Row } from 'material-react-table';
+export * from 'material-react-table';
+export interface CodeplexTablaProps<TData extends MRT_RowData> {
+    columnas: MRT_ColumnDef<TData>[];
+    datos: TData[];
+    opciones?: Partial<MRT_TableOptions<TData>>;
+    titulo?: string;
+    cargando?: boolean;
+    habilitarExportacion?: boolean | ('csv' | 'excel' | 'pdf')[];
+    alEditar?: (fila: TData) => void;
+    alEliminar?: (fila: TData) => void;
+    filtrosAvanzados?: boolean;
+    agrupamiento?: boolean;
+    fijarColumnas?: boolean;
+    seleccionable?: boolean;
+    detalleFila?: (props: {
+        row: MRT_Row<TData>;
+    }) => React.ReactNode;
+    accionesMenu?: (props: {
+        row: MRT_Row<TData>;
+        closeMenu: () => void;
+    }) => React.ReactNode[];
+    modoEdicion?: 'modal' | 'linea' | 'celda' | 'tabla';
+    onGuardarFila?: MRT_TableOptions<TData>['onEditingRowSave'];
+    ordenarFilas?: boolean;
+    mostrarTotales?: boolean;
+    clickParaCopiar?: boolean;
+    arbol?: boolean;
+    expandible?: boolean;
+    virtualizacion?: boolean | {
+        filas?: boolean;
+        columnas?: boolean;
+    };
+    fijarFilas?: boolean;
+    scrollInfinito?: boolean;
+    onCargarMas?: () => void;
+    totalRegistros?: number;
+    paginacionManual?: boolean;
+    ordenamientoManual?: boolean;
+    filtradoManual?: boolean;
+    barraHerramientas?: false | {
+        busqueda?: boolean;
+        filtros?: boolean;
+        columnas?: boolean;
+        densidad?: boolean;
+        pantallaCompleta?: boolean;
+        expandirTodo?: boolean;
+    };
+}
+export declare const CodeplexTabla: <TData extends MRT_RowData>(props: CodeplexTablaProps<TData>) => React.ReactNode;

package/lib/tabla/utils/excel-export.utils.d.ts

@@ -0,0 +1,12 @@
+import { MRT_ColumnDef, MRT_RowData, MRT_Row } from 'material-react-table';
+interface ExportPayload<TData extends MRT_RowData> {
+    rows: MRT_Row<TData>[];
+    columns: MRT_ColumnDef<TData>[];
+    fileName?: string;
+    sheetName?: string;
+}
+/**
+ * Utilidad profesional para exportar a Excel con Estilos y Grupos.
+ */
+export declare const exportToExcel: <TData extends MRT_RowData>({ rows, columns, fileName, sheetName }: ExportPayload<TData>) => void;
+export {};

package/package.json

@@ -0,0 +1,33 @@
+{
+  "name": "@codeplex-sac/vistas-datos",
+  "version": "0.0.20",
+  "type": "module",
+  "main": "./index.js",
+  "module": "./index.js",
+  "types": "./index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./index.d.ts",
+      "import": "./index.js",
+      "require": "./index.js"
+    }
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "peerDependencies": {
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0"
+  },
+  "dependencies": {
+    "@emotion/react": "^11.14.0",
+    "@emotion/styled": "^11.14.1",
+    "@mui/icons-material": "^7.3.6",
+    "@mui/material": "^7.3.6",
+    "@mui/x-date-pickers": "^8.23.0",
+    "dayjs": "^1.11.19",
+    "@hello-pangea/dnd": "^18.0.1",
+    "material-react-table": "^3.2.1",
+    "xlsx-js-style": "^1.2.0"
+  }
+}