siesa-ui-kit 1.0.0 → 1.0.2

package/src/components/Table/Table.types.ts

@@ -1,204 +1,204 @@
-import type { ReactNode } from 'react';
-
-/**
- * Dirección de ordenamiento para columnas sortables
- */
-export type SortDirection = 'asc' | 'desc' | null;
-
-/**
- * Definición de una columna de la tabla
- */
-export interface TableColumn<T = any> {
-  /**
-   * Título que se muestra en el header de la columna
-   */
-  header: string;
-
-  /**
-   * Key del objeto de datos para acceder al valor
-   * Puede ser una string o una función que retorna el valor
-   */
-  accessor: keyof T | ((row: T) => any);
-
-  /**
-   * Si la columna es sortable (ordenable)
-   * @default false
-   */
-  sortable?: boolean;
-
-  /**
-   * Función custom para renderizar el contenido de la celda
-   * Si no se provee, se usa el valor del accessor directamente
-   */
-  render?: (value: any, row: T, index: number) => ReactNode;
-
-  /**
-   * Alineación del contenido de la celda
-   * @default 'left'
-   */
-  align?: 'left' | 'center' | 'right';
-
-  /**
-   * Ancho de la columna (CSS width)
-   */
-  width?: string;
-}
-
-/**
- * Props de paginación para la tabla
- */
-export interface PaginationProps {
-  /**
-   * Página actual (1-indexed)
-   */
-  currentPage: number;
-
-  /**
-   * Total de páginas
-   */
-  totalPages: number;
-
-  /**
-   * Callback cuando cambia la página
-   */
-  onPageChange: (page: number) => void;
-
-  /**
-   * Texto del botón "Anterior"
-   * @default 'Anterior'
-   */
-  previousLabel?: string;
-
-  /**
-   * Texto del botón "Siguiente"
-   * @default 'Siguiente'
-   */
-  nextLabel?: string;
-}
-
-/**
- * Props del componente Table
- */
-export interface TableProps<T = any> {
-  /**
-   * Título opcional de la tabla
-   */
-  title?: string;
-
-  /**
-   * Definición de las columnas
-   */
-  columns: TableColumn<T>[];
-
-  /**
-   * Datos de las filas
-   */
-  data: T[];
-
-  /**
-   * Variante visual de la tabla
-   * @default 'basic'
-   */
-  variant?: 'basic' | 'fullWidth' | 'striped' | 'grid';
-
-  /**
-   * Si se muestra el borde del container
-   * @default true
-   */
-  showBorder?: boolean;
-
-  /**
-   * Si se muestra la sombra del container
-   * @default true
-   */
-  showShadow?: boolean;
-
-  /**
-   * Callback cuando se hace click en una fila
-   */
-  onRowClick?: (row: T, index: number) => void;
-
-  /**
-   * Callback cuando cambia el sort
-   */
-  onSort?: (column: keyof T | string, direction: SortDirection) => void;
-
-  /**
-   * Estado de sort controlado desde fuera
-   */
-  sortColumn?: keyof T | string;
-
-  /**
-   * Dirección de sort controlada desde fuera
-   */
-  sortDirection?: SortDirection;
-
-  /**
-   * Si la tabla debe ocupar todo el ancho disponible
-   * @default false
-   */
-  fullWidth?: boolean;
-
-  /**
-   * Texto a mostrar cuando no hay datos
-   * @default 'No hay datos disponibles'
-   */
-  emptyMessage?: string;
-
-  /**
-   * Si se está cargando la información
-   * @default false
-   */
-  loading?: boolean;
-
-  /**
-   * Número de filas skeleton a mostrar cuando loading=true
-   * @default 5
-   */
-  loadingRows?: number;
-
-  /**
-   * Props de paginación (si se provee, se muestra paginación)
-   */
-  pagination?: PaginationProps;
-
-  /**
-   * Clases CSS adicionales para el container
-   */
-  className?: string;
-
-  /**
-   * ID único para accesibilidad
-   */
-  id?: string;
-}
-
-/**
- * Props del TableHeader (uso interno)
- */
-export interface TableHeaderProps<T = any> {
-  column: TableColumn<T>;
-  sortable: boolean;
-  sorted: boolean;
-  sortDirection: SortDirection;
-  onSort: () => void;
-}
-
-/**
- * Props del TableCell (uso interno)
- */
-export interface TableCellProps {
-  children: ReactNode;
-  align?: 'left' | 'center' | 'right';
-  width?: string;
-}
-
-/**
- * Props del TableRow (uso interno)
- */
-export interface TableRowProps {
-  children: ReactNode;
-  onClick?: () => void;
-  striped?: boolean;
-  index: number;
-}
+import type { ReactNode } from 'react';
+
+/**
+ * Dirección de ordenamiento para columnas sortables
+ */
+export type SortDirection = 'asc' | 'desc' | null;
+
+/**
+ * Definición de una columna de la tabla
+ */
+export interface TableColumn<T = any> {
+  /**
+   * Título que se muestra en el header de la columna
+   */
+  header: string;
+
+  /**
+   * Key del objeto de datos para acceder al valor
+   * Puede ser una string o una función que retorna el valor
+   */
+  accessor: keyof T | ((row: T) => any);
+
+  /**
+   * Si la columna es sortable (ordenable)
+   * @default false
+   */
+  sortable?: boolean;
+
+  /**
+   * Función custom para renderizar el contenido de la celda
+   * Si no se provee, se usa el valor del accessor directamente
+   */
+  render?: (value: any, row: T, index: number) => ReactNode;
+
+  /**
+   * Alineación del contenido de la celda
+   * @default 'left'
+   */
+  align?: 'left' | 'center' | 'right';
+
+  /**
+   * Ancho de la columna (CSS width)
+   */
+  width?: string;
+}
+
+/**
+ * Props de paginación para la tabla
+ */
+export interface PaginationProps {
+  /**
+   * Página actual (1-indexed)
+   */
+  currentPage: number;
+
+  /**
+   * Total de páginas
+   */
+  totalPages: number;
+
+  /**
+   * Callback cuando cambia la página
+   */
+  onPageChange: (page: number) => void;
+
+  /**
+   * Texto del botón "Anterior"
+   * @default 'Anterior'
+   */
+  previousLabel?: string;
+
+  /**
+   * Texto del botón "Siguiente"
+   * @default 'Siguiente'
+   */
+  nextLabel?: string;
+}
+
+/**
+ * Props del componente Table
+ */
+export interface TableProps<T = any> {
+  /**
+   * Título opcional de la tabla
+   */
+  title?: string;
+
+  /**
+   * Definición de las columnas
+   */
+  columns: TableColumn<T>[];
+
+  /**
+   * Datos de las filas
+   */
+  data: T[];
+
+  /**
+   * Variante visual de la tabla
+   * @default 'basic'
+   */
+  variant?: 'basic' | 'fullWidth' | 'striped' | 'grid';
+
+  /**
+   * Si se muestra el borde del container
+   * @default true
+   */
+  showBorder?: boolean;
+
+  /**
+   * Si se muestra la sombra del container
+   * @default true
+   */
+  showShadow?: boolean;
+
+  /**
+   * Callback cuando se hace click en una fila
+   */
+  onRowClick?: (row: T, index: number) => void;
+
+  /**
+   * Callback cuando cambia el sort
+   */
+  onSort?: (column: keyof T | string, direction: SortDirection) => void;
+
+  /**
+   * Estado de sort controlado desde fuera
+   */
+  sortColumn?: keyof T | string;
+
+  /**
+   * Dirección de sort controlada desde fuera
+   */
+  sortDirection?: SortDirection;
+
+  /**
+   * Si la tabla debe ocupar todo el ancho disponible
+   * @default false
+   */
+  fullWidth?: boolean;
+
+  /**
+   * Texto a mostrar cuando no hay datos
+   * @default 'No hay datos disponibles'
+   */
+  emptyMessage?: string;
+
+  /**
+   * Si se está cargando la información
+   * @default false
+   */
+  loading?: boolean;
+
+  /**
+   * Número de filas skeleton a mostrar cuando loading=true
+   * @default 5
+   */
+  loadingRows?: number;
+
+  /**
+   * Props de paginación (si se provee, se muestra paginación)
+   */
+  pagination?: PaginationProps;
+
+  /**
+   * Clases CSS adicionales para el container
+   */
+  className?: string;
+
+  /**
+   * ID único para accesibilidad
+   */
+  id?: string;
+}
+
+/**
+ * Props del TableHeader (uso interno)
+ */
+export interface TableHeaderProps<T = any> {
+  column: TableColumn<T>;
+  sortable: boolean;
+  sorted: boolean;
+  sortDirection: SortDirection;
+  onSort: () => void;
+}
+
+/**
+ * Props del TableCell (uso interno)
+ */
+export interface TableCellProps {
+  children: ReactNode;
+  align?: 'left' | 'center' | 'right';
+  width?: string;
+}
+
+/**
+ * Props del TableRow (uso interno)
+ */
+export interface TableRowProps {
+  children: ReactNode;
+  onClick?: () => void;
+  striped?: boolean;
+  index: number;
+}

package/src/components/Table/index.ts

@@ -1,9 +1,9 @@
-export { Table } from './Table';
-export type {
-  TableProps,
-  TableColumn,
-  SortDirection,
-  TableHeaderProps,
-  TableCellProps,
-  TableRowProps,
-} from './Table.types';
+export { Table } from './Table';
+export type {
+  TableProps,
+  TableColumn,
+  SortDirection,
+  TableHeaderProps,
+  TableCellProps,
+  TableRowProps,
+} from './Table.types';