@soyfri/shared-library 1.4.1 → 1.4.4

package/components/Table/Table.cjs

@@ -166,6 +166,7 @@ const exportToExcel = (options) => {
     setSnackbarOpen(true);
   }
 };
+const EmptyImage = "data:image/png;base64,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";
 const Alert = React.forwardRef(function Alert2(props, ref) {
   return /* @__PURE__ */ jsxRuntime.jsx(MuiAlert, __spreadValues({ elevation: 6, ref, variant: "filled" }, props));
 });
@@ -192,7 +193,10 @@ function Table({
   enableRowSelection = false,
   rowIdentifier,
   onSelectionChange,
-  showPageSizeSelector = true
+  showPageSizeSelector = true,
+  emptyTitle = "No hay datos disponibles",
+  emptyMessage,
+  emptyImageSrc = /* @__PURE__ */ jsxRuntime.jsx(material.Box, { mb: 2, children: /* @__PURE__ */ jsxRuntime.jsx("img", { src: EmptyImage, alt: "No data", style: { maxWidth: "150px", opacity: 0.6 } }) })
 }) {
   const columns = React.Children.toArray(children).filter(
     (child) => React.isValidElement(child) && child.type.displayName === "Column"
@@ -391,7 +395,11 @@ function Table({
             rowIndex
           );
         }),
-        paginatedData.length === 0 && /* @__PURE__ */ jsxRuntime.jsx(material.TableRow, { children: /* @__PURE__ */ jsxRuntime.jsx(material.TableCell, { colSpan: columns.length + (enableRowSelection ? 1 : 0), sx: { textAlign: "center", py: 4 }, children: /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "body2", color: "text.secondary", children: "No hay datos disponibles para mostrar." }) }) })
+        paginatedData.length === 0 && /* @__PURE__ */ jsxRuntime.jsx(material.TableRow, { children: /* @__PURE__ */ jsxRuntime.jsxs(material.TableCell, { colSpan: columns.length + (enableRowSelection ? 1 : 0), sx: { textAlign: "center", py: 4 }, children: [
+          emptyImageSrc,
+          /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "body2", color: "#878E9A", fontSize: "18px", fontWeight: "600", children: emptyTitle || "No hay datos disponibles para mostrar." }),
+          /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "body2", color: "#878E9A", fontSize: "14px", mt: 1, children: emptyMessage || "Intente ajustar sus filtros o agregar nuevos datos." })
+        ] }) })
       ] })
     ] }),
     (effectiveTotalPages > 0 || enableCSVExport || enableExcelExport || enableRowSelection && selectedRows.length > 0) && /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { display: "flex", justifyContent: "space-between", alignItems: "center", p: 2, children: [

package/components/Table/Table.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Table.cjs","sources":["../../../src/components/Table/exportsUtils.ts","../../../src/components/Table/Table.tsx"],"sourcesContent":["import React from 'react';\nimport { AlertProps } from '@mui/material/Alert';\nimport { ColumnProps } from '../Column/Column'; // Importa ColumnProps y FieldName desde Column.tsx\n\n// Define las propiedades comunes para las funciones de exportación\ninterface ExportOptions<T> {\n  data: T[]; // Los datos a exportar\n  columns: React.ReactElement<ColumnProps<T>>[]; // Las definiciones de las columnas\n  fileName: string; // El nombre del archivo a descargar\n  exportColumns?: string[]; // Nombres de columnas específicas para exportar\n  setSnackbarOpen: React.Dispatch<React.SetStateAction<boolean>>; // Setter para abrir/cerrar el Snackbar\n  setSnackbarMessage: React.Dispatch<React.SetStateAction<string>>; // Setter para el mensaje del Snackbar\n  setSnackbarSeverity: React.Dispatch<React.SetStateAction<AlertProps['severity']>>; // Setter para la severidad del Snackbar\n}\n\n/**\n * Función para exportar datos a un archivo CSV.\n * @param options Opciones de exportación, incluyendo datos, columnas, nombre de archivo y setters de Snackbar.\n */\nexport const exportToCSV = <T>(options: ExportOptions<T>) => {\n  const { data, columns, fileName, exportColumns, setSnackbarOpen, setSnackbarMessage, setSnackbarSeverity } = options;\n\n  if (!data || data.length === 0) {\n    setSnackbarMessage(\"No hay datos para exportar a CSV.\");\n    setSnackbarSeverity('warning');\n    setSnackbarOpen(true);\n    return;\n  }\n\n  setSnackbarMessage(\"Exportando datos a CSV...\");\n  setSnackbarSeverity('info');\n  setSnackbarOpen(true);\n\n  try {\n    // Filtra las columnas si se especifican columnas para exportar, de lo contrario, usa todas las columnas definidas.\n    const columnsToExport = exportColumns\n      ? columns.filter(col => exportColumns.includes(col.props.name))\n      : columns;\n\n    // Obtiene los encabezados (nombres de las columnas) y los escapa para CSV.\n    const headers = columnsToExport.map(col => `\"${col.props.name.replace(/\"/g, '\"\"')}\"`).join(',');\n\n    // Mapea los datos a filas CSV.\n    const csvRows = data.map(row => {\n      const values = columnsToExport.map(col => {\n        const field = col.props.field;\n        let cellValue: any;\n\n        // Si 'field' es un array, toma el valor del primer campo para la exportación.\n        if (Array.isArray(field)) {\n          cellValue = (row as any)[field[0]];\n        } else {\n          cellValue = (row as any)[field];\n        }\n\n        // Convierte a string y maneja comas, comillas dobles y saltos de línea para CSV.\n        let formattedValue = String(cellValue || '');\n        if (formattedValue.includes(',') || formattedValue.includes('\"') || formattedValue.includes('\\n')) {\n          formattedValue = `\"${formattedValue.replace(/\"/g, '\"\"')}\"`;\n        }\n        return formattedValue;\n      });\n      return values.join(',');\n    });\n\n    const csvContent = [headers, ...csvRows].join('\\n'); // Une los encabezados y las filas.\n    const blob = new Blob([csvContent], { type: 'text/csv;charset=utf-8;' });\n    const link = document.createElement('a');\n\n    if (link.download !== undefined) {\n      const url = URL.createObjectURL(blob);\n      link.setAttribute('href', url);\n      link.setAttribute('download', fileName + '.csv');\n      link.style.visibility = 'hidden';\n      document.body.appendChild(link);\n      link.click();\n      document.body.removeChild(link);\n      URL.revokeObjectURL(url);\n\n      setSnackbarMessage(\"¡Exportación a CSV completada!\");\n      setSnackbarSeverity('success');\n    } else {\n      setSnackbarMessage(\"Tu navegador no soporta la descarga directa para CSV. Por favor, copia el contenido manualmente.\");\n      setSnackbarSeverity('error');\n    }\n  } catch (error) {\n    console.error(\"Error al exportar los datos a CSV:\", error);\n    setSnackbarMessage(\"Error al exportar los datos a CSV.\");\n    setSnackbarSeverity('error');\n  } finally {\n    setSnackbarOpen(true);\n  }\n};\n\n/**\n * Función para exportar datos a un archivo Excel (formato XLSX).\n * Genera una tabla HTML que luego se descarga como un archivo .xlsx.\n * @param options Opciones de exportación, incluyendo datos, columnas, nombre de archivo y setters de Snackbar.\n */\nexport const exportToExcel = <T>(options: ExportOptions<T>) => {\n  const { data, columns, fileName, exportColumns, setSnackbarOpen, setSnackbarMessage, setSnackbarSeverity } = options;\n\n  if (!data || data.length === 0) {\n    setSnackbarMessage(\"No hay datos para exportar a Excel.\");\n    setSnackbarSeverity('warning');\n    setSnackbarOpen(true);\n    return;\n  }\n\n  setSnackbarMessage(\"Exportando datos a Excel (XLSX)...\");\n  setSnackbarSeverity('info');\n  setSnackbarOpen(true);\n\n  try {\n    const columnsToExport = exportColumns\n      ? columns.filter(col => exportColumns.includes(col.props.name))\n      : columns;\n\n    // Construye el contenido HTML de la tabla.\n    let tableHTML = `\n      <html xmlns:o=\"urn:schemas-microsoft-com:office:office\"\n      xmlns:x=\"urn:schemas-microsoft-com:office:excel\"\n      xmlns=\"http://www.w3.org/TR/REC-html40\">\n      <head>\n          <meta charset=\"utf-8\" />\n          <!--[if gte mso 9]><xml>\n          <x:ExcelWorkbook>\n              <x:ExcelWorksheets>\n                  <x:ExcelWorksheet>\n                      <x:Name>Hoja1</x:Name>\n                      <x:WorksheetOptions>\n                          <x:DisplayGridlines/>\n                      </x:WorksheetOptions>\n                  </x:ExcelWorksheet>\n              </x:ExcelWorksheets>\n          </x:ExcelWorkbook>\n          </xml><![endif]-->\n      </head>\n      <body>\n          <table>\n              <thead>\n                  <tr>\n                      ${columnsToExport.map(col => `<th>${col.props.name}</th>`).join('')}\n                  </tr>\n              </thead>\n              <tbody>\n                  ${data.map(row => `\n                      <tr>\n                          ${columnsToExport.map(col => {\n                              const field = col.props.field;\n                              let cellValue: any;\n                              if (Array.isArray(field)) {\n                                  cellValue = (row as any)[field[0]];\n                              } else {\n                                  cellValue = (row as any)[field];\n                              }\n                              // Escapa caracteres HTML para el contenido de la celda.\n                              return `<td>${String(cellValue || '').replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;')}</td>`;\n                          }).join('')}\n                      </tr>\n                  `).join('')}\n              </tbody>\n          </table>\n      </body>\n      </html>\n    `;\n\n    // Crea un Blob con el contenido HTML y el tipo MIME de XLSX.\n    const blob = new Blob([tableHTML], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=utf-8;' }); \n\n    const link = document.createElement('a');\n    if (link.download !== undefined) {\n      const url = URL.createObjectURL(blob);\n      link.setAttribute('href', url);\n      link.setAttribute('download', fileName + '.xlsx'); // Usa la extensión .xlsx\n      link.style.visibility = 'hidden';\n      document.body.appendChild(link);\n      link.click();\n      document.body.removeChild(link);\n      URL.revokeObjectURL(url);\n\n      setSnackbarMessage(\"¡Exportación a Excel (XLSX) completada!\");\n      setSnackbarSeverity('success');\n    } else {\n      setSnackbarMessage(\"Tu navegador no soporta la descarga directa para Excel (XLSX). Por favor, copia el contenido manualmente.\");\n      setSnackbarSeverity('error');\n    }\n  } catch (error) {\n    console.error(\"Error al exportar los datos a Excel (XLSX):\", error);\n    setSnackbarMessage(\"Error al exportar los datos a Excel (XLSX).\");\n    setSnackbarSeverity('error');\n  } finally {\n    setSnackbarOpen(true);\n  }\n};\n","import React, { Children, isValidElement, useState, useEffect } from 'react';\nimport {\n  TableContainer,\n  Table as MuiTable,\n  TableHead,\n  TableBody,\n  TableRow,\n  TableCell,\n  Paper,\n  Typography,\n  Select,\n  MenuItem,\n  Box,\n  Button,\n  Snackbar,\n  IconButton,\n  Checkbox,\n} from '@mui/material';\nimport MuiAlert, { AlertProps } from '@mui/material/Alert';\nimport { ColumnProps } from '../Column/Column'; // Asegúrate de que esta ruta sea correcta\nimport DownloadOutlinedIcon from '@mui/icons-material/DownloadOutlined';\nimport FirstPageIcon from '@mui/icons-material/FirstPage';\nimport LastPageIcon from '@mui/icons-material/LastPage';\nimport KeyboardArrowLeftIcon from '@mui/icons-material/KeyboardArrowLeft';\nimport KeyboardArrowRightIcon from '@mui/icons-material/KeyboardArrowRight';\n\nimport { exportToCSV, exportToExcel } from './exportsUtils';\n\nexport type FieldName<T> = keyof T | Array<keyof T>;\n\ninterface TableProps<T> {\n  data: T[];\n  children: React.ReactNode;\n\n  currentPage?: number;\n  pageSize?: number;\n  totalPages?: number;\n  previousPage?: number;\n  nextPage?: number;\n  pageSizeSelectorValue?: number;\n  onPageChange?: (newPage: number) => void;\n  onPageSizeChange?: (newSize: number) => void;\n  visiblePageNumbers?: number;\n\n  enableCSVExport?: boolean;\n  csvExportFileName?: string;\n  csvExportButtonText?: string;\n  csvExportColumns?: string[];\n\n  enableExcelExport?: boolean;\n  excelExportFileName?: string;\n  excelExportButtonText?: string;\n  excelExportColumns?: string[];\n\n  enableRowSelection?: boolean;\n  rowIdentifier?: keyof T;\n  onSelectionChange?: (selectedItems: T[]) => void;\n  showPageSizeSelector?: boolean;\n}\n\nconst Alert = React.forwardRef<HTMLDivElement, AlertProps>(function Alert(\n  props,\n  ref,\n) {\n  return <MuiAlert elevation={6} ref={ref} variant=\"filled\" {...props} />;\n});\n\nexport function Table<T>({\n  data,\n  children,\n  currentPage,\n  pageSize,\n  totalPages,\n  previousPage,\n  nextPage,\n  pageSizeSelectorValue = 10,\n  onPageChange,\n  onPageSizeChange,\n  visiblePageNumbers = 5,\n  enableCSVExport = false,\n  csvExportFileName = 'data.csv',\n  csvExportButtonText = 'Exportar CSV',\n  csvExportColumns,\n  enableExcelExport = false,\n  excelExportFileName = 'data.xlsx',\n  excelExportButtonText = 'Exportar Excel',\n  excelExportColumns,\n  enableRowSelection = false,\n  rowIdentifier,\n  onSelectionChange,\n  showPageSizeSelector = true\n}: TableProps<T>) {\n  const columns = Children.toArray(children).filter(\n    (child): child is React.ReactElement<ColumnProps<T>> =>\n      isValidElement(child) && (child.type as any).displayName === 'Column'\n  );\n\n  const [snackbarOpen, setSnackbarOpen] = useState(false);\n  const [snackbarMessage, setSnackbarMessage] = useState(\"\");\n  const [snackbarSeverity, setSnackbarSeverity] = useState<AlertProps['severity']>('info');\n\n  const [selectedRows, setSelectedRows] = useState<T[]>([]);\n\n  useEffect(() => {\n    setSelectedRows([]);\n  }, [data, currentPage, pageSize]);\n\n  useEffect(() => {\n    onSelectionChange?.(selectedRows);\n  }, [selectedRows, onSelectionChange]);\n\n  const handleSnackbarClose = (event?: React.SyntheticEvent | Event, reason?: string) => {\n    if (reason === 'clickaway') {\n      return;\n    }\n    setSnackbarOpen(false);\n  };\n\n  const isControlled = typeof onPageChange === 'function' && typeof currentPage === 'number';\n  const [internalPage, setInternalPage] = useState(1);\n  const [internalPageSize, setInternalPageSize] = useState(pageSizeSelectorValue);\n\n  const activePage = isControlled ? currentPage! : internalPage;\n  const activePageSize = isControlled ? pageSize! : internalPageSize;\n\n  const paginatedData = isControlled ? data : data.slice((activePage - 1) * activePageSize, activePage * activePageSize);\n\n  const effectiveTotalPages = isControlled\n    ? totalPages!\n    : Math.ceil(data.length / activePageSize);\n\n  const handlePageChange = (newPage: number) => {\n    if (newPage < 1 || newPage > effectiveTotalPages) return;\n    if (isControlled) onPageChange?.(newPage);\n    else setInternalPage(newPage);\n  };\n\n  const handlePageSizeChange = (newSize: number) => {\n    if (isControlled) {\n      onPageSizeChange?.(newSize);\n      onPageChange?.(1);\n    } else {\n      setInternalPageSize(newSize);\n      setInternalPage(1);\n    }\n  };\n\n  const getPageNumbers = () => {\n    const pages = [];\n    const maxPages = effectiveTotalPages;\n    const current = activePage;\n    const half = Math.floor(visiblePageNumbers / 2);\n\n    let startPage = Math.max(1, current - half);\n    let endPage = Math.min(maxPages, current + half);\n\n    if (endPage - startPage + 1 < visiblePageNumbers) {\n      if (startPage === 1) {\n        endPage = Math.min(maxPages, startPage + visiblePageNumbers - 1);\n      } else if (endPage === maxPages) {\n        startPage = Math.max(1, maxPages - visiblePageNumbers + 1);\n      }\n    }\n\n    for (let i = startPage; i <= endPage; i++) {\n      pages.push(i);\n    }\n    return pages;\n  };\n\n  const pageNumbers = getPageNumbers();\n\n  const handleSelectAllClick = (event: React.ChangeEvent<HTMLInputElement>) => {\n    if (!rowIdentifier) {\n      console.warn(\"`rowIdentifier` prop is required for row selection.\");\n      return;\n    }\n\n    if (event.target.checked) {\n      const newSelecteds = [...selectedRows];\n      paginatedData.forEach(row => {\n        const rowId = row[rowIdentifier] as any;\n        if (!newSelecteds.some(selectedRow => (selectedRow as any)[rowIdentifier] === rowId)) {\n          newSelecteds.push(row);\n        }\n      });\n      setSelectedRows(newSelecteds);\n    } else {\n      const newSelecteds = selectedRows.filter(selectedRow =>\n        !paginatedData.some(row => (row as any)[rowIdentifier] === (selectedRow as any)[rowIdentifier])\n      );\n      setSelectedRows(newSelecteds);\n    }\n  };\n\n  const handleRowClick = (event: React.MouseEvent<unknown>, row: T) => {\n    if (!rowIdentifier) {\n      console.warn(\"`rowIdentifier` prop is required for row selection.\");\n      return;\n    }\n\n    const rowId = row[rowIdentifier] as any;\n    const selectedIndex = selectedRows.findIndex(selectedRow => (selectedRow as any)[rowIdentifier] === rowId);\n    let newSelected: T[] = [];\n\n    if (selectedIndex === -1) {\n      newSelected = newSelected.concat(selectedRows, row);\n    } else if (selectedIndex === 0) {\n      newSelected = newSelected.concat(selectedRows.slice(1));\n    } else if (selectedIndex === selectedRows.length - 1) {\n      newSelected = newSelected.concat(selectedRows.slice(0, -1));\n    } else if (selectedIndex > 0) {\n      newSelected = newSelected.concat(\n        selectedRows.slice(0, selectedIndex),\n        selectedRows.slice(selectedIndex + 1),\n      );\n    }\n    setSelectedRows(newSelected);\n  };\n\n  const isSelected = (row: T) => {\n    if (!rowIdentifier) return false;\n    return selectedRows.some(selectedRow => (selectedRow as any)[rowIdentifier] === (row as any)[rowIdentifier]);\n  };\n\n  const numSelectedOnPage = paginatedData.filter(isSelected).length;\n  const isAllSelectedOnPage = paginatedData.length > 0 && numSelectedOnPage === paginatedData.length;\n  const isIndeterminateOnPage = numSelectedOnPage > 0 && numSelectedOnPage < paginatedData.length;\n\n  return (\n    <TableContainer >\n      <MuiTable sx={{ minWidth: 650 }} aria-label=\"custom table\">\n        {/* Table Header */}\n        <TableHead sx={{ backgroundColor: '#fff' }}>\n          <TableRow>\n            {enableRowSelection && (\n              <TableCell padding=\"checkbox\" sx={{ width: '50px' }}> {/* Puedes ajustar este ancho fijo si lo deseas */}\n                <Checkbox\n                  color=\"primary\"\n                  indeterminate={isIndeterminateOnPage}\n                  checked={isAllSelectedOnPage}\n                  onChange={handleSelectAllClick}\n                  inputProps={{ 'aria-label': 'select all desserts' }}\n                />\n              </TableCell>\n            )}\n            {columns.map((column, index) => (\n              <TableCell\n                key={index}\n                sx={{\n\n                  fontSize: '12px',\n                  color: (theme) => theme.palette.text.secondary,\n                  width: column.props.width || 'auto', // APLICA EL ANCHO AQUÍ\n                  whiteSpace: 'nowrap', // Evita que el texto se ajuste si la columna es pequeña\n                  \n                }}\n              >\n                <Typography sx={{ fontSize: '12px' }}>\n                  {column.props.name}\n                </Typography>\n              </TableCell>\n            ))}\n          </TableRow>\n        </TableHead>\n        {/* Table Body */}\n        <TableBody sx={{ borderRadius: '10px', overflow: 'hidden' }}>\n          {paginatedData.map((row, rowIndex) => {\n            const isRowSelected = enableRowSelection && isSelected(row);\n            return (\n              <TableRow\n                key={rowIndex}\n                sx={{ backgroundColor: '#F8F8F8', '&:last-child td, &:last-child th': { border: 0 }, '&:hover': { backgroundColor: (theme) => '#FFF' } }}\n                selected={isRowSelected}\n              >\n                {enableRowSelection && (\n                  <TableCell padding=\"checkbox\" sx={{ width: '50px' }}> {/* Mismo ancho para la celda de la fila */}\n                    <Checkbox\n                      color=\"primary\"\n                      checked={isRowSelected}\n                      onClick={(event) => handleRowClick(event, row)}\n                      inputProps={{ 'aria-labelledby': `table-checkbox-${rowIndex}` }}\n                    />\n                  </TableCell>\n                )}\n                {columns.map((column, colIndex) => {\n                  const { field, children: cellRenderer } = column.props;\n\n                  let fieldData: Partial<T>;\n\n                  if (Array.isArray(field)) {\n                    fieldData = (field as Array<keyof T>).reduce((acc, currentField) => {\n                      (acc as any)[currentField] = (row as any)[currentField];\n                      return acc;\n                    }, {} as Partial<T>);\n                  } else {\n                    fieldData = { [field]: (row as any)[field] } as Partial<T>;\n                  }\n\n                  return (\n                    <TableCell\n                      key={colIndex}\n                      sx={{\n                        fontSize: '14px',\n                        width: column.props.width || 'auto', // APLICA EL ANCHO AQUÍ TAMBIÉN\n                        whiteSpace: 'nowrap', // Asegura que el contenido no se rompa prematuramente\n                        padding: '12px 16px', // Asegura un padding consistente\n                        borderBottom: 'none'\n                      }}\n                    >\n                      {cellRenderer(fieldData)}\n                    </TableCell>\n                  );\n                })}\n              </TableRow>\n            );\n          })}\n          {/* Empty table message */}\n          {paginatedData.length === 0 && (\n            <TableRow>\n              <TableCell colSpan={columns.length + (enableRowSelection ? 1 : 0)} sx={{ textAlign: 'center', py: 4 }}>\n                <Typography variant=\"body2\" color=\"text.secondary\">\n                  No hay datos disponibles para mostrar.\n                </Typography>\n              </TableCell>\n            </TableRow>\n          )}\n        </TableBody>\n      </MuiTable>\n\n      {/* Pagination and Export Controls */}\n      {(effectiveTotalPages > 0 || enableCSVExport || enableExcelExport || (enableRowSelection && selectedRows.length > 0)) && (\n        <Box display=\"flex\" justifyContent=\"space-between\" alignItems=\"center\" p={2}>\n          {/* Page Size Selector (Left) */}\n          {(effectiveTotalPages > 0 && showPageSizeSelector) && (\n            <Select\n              size=\"small\"\n              value={activePageSize}\n              onChange={(e) => handlePageSizeChange(Number(e.target.value))}\n            >\n              {[1, 2, 3, 5, 10, 20, 50, 100].map((size) => (\n                <MenuItem key={size} value={size}>\n                  Mostrar {size}\n                </MenuItem>\n              ))}\n            </Select>\n          )}\n\n          {/* Pagination Controls (Center) */}\n          {effectiveTotalPages > 0 && (\n            <Box\n              display=\"flex\"\n              alignItems=\"center\"\n              gap={0.5}\n              sx={{ flexGrow: 1, justifyContent: 'center' }}\n            >\n              <IconButton\n                onClick={() => handlePageChange(1)}\n                disabled={activePage <= 1}\n                size=\"small\"\n                color=\"primary\"\n              >\n                <FirstPageIcon fontSize=\"small\" />\n              </IconButton>\n\n              <IconButton\n                onClick={() => handlePageChange(activePage - 1)}\n                disabled={activePage <= 1}\n                size=\"small\"\n                color=\"primary\"\n              >\n                <KeyboardArrowLeftIcon fontSize=\"small\" />\n              </IconButton>\n\n              {pageNumbers.map((pageNumber) => (\n                <Button\n                  key={pageNumber}\n                  onClick={() => handlePageChange(pageNumber)}\n                  variant={activePage === pageNumber ? 'contained' : 'text'}\n                  size=\"small\"\n                  sx={{ minWidth: '32px', height: '32px' }}\n                >\n                  {pageNumber}\n                </Button>\n              ))}\n\n              <IconButton\n                onClick={() => handlePageChange(activePage + 1)}\n                disabled={activePage >= effectiveTotalPages}\n                size=\"small\"\n                color=\"primary\"\n              >\n                <KeyboardArrowRightIcon fontSize=\"small\" />\n              </IconButton>\n\n              <IconButton\n                onClick={() => handlePageChange(effectiveTotalPages)}\n                disabled={activePage >= effectiveTotalPages}\n                size=\"small\"\n                color=\"primary\"\n              >\n                <LastPageIcon fontSize=\"small\" />\n              </IconButton>\n            </Box>\n          )}\n\n          {enableRowSelection && selectedRows.length > 0 && (\n            <Typography variant=\"subtitle2\" sx={{ mr: 2 }}>\n              {selectedRows.length} seleccionados\n            </Typography>\n          )}\n\n          {(enableCSVExport || enableExcelExport) && (\n            <Box display=\"flex\" alignItems=\"center\" gap={1}>\n              {enableCSVExport && (\n                <Button\n                  variant=\"text\"\n                  color=\"primary\"\n                  onClick={() =>\n                    exportToCSV({\n                      data,\n                      columns,\n                      fileName: csvExportFileName,\n                      exportColumns: csvExportColumns,\n                      setSnackbarOpen,\n                      setSnackbarMessage,\n                      setSnackbarSeverity,\n                    })\n                  }\n                  size=\"small\"\n                  startIcon={<DownloadOutlinedIcon />}\n                >\n                  {csvExportButtonText}\n                </Button>\n              )}\n              {enableExcelExport && (\n                <Button\n                  variant=\"text\"\n                  color=\"primary\"\n                  onClick={() =>\n                    exportToExcel({\n                      data,\n                      columns,\n                      fileName: excelExportFileName,\n                      exportColumns: excelExportColumns,\n                      setSnackbarOpen,\n                      setSnackbarMessage,\n                      setSnackbarSeverity,\n                    })\n                  }\n                  size=\"small\"\n                  startIcon={<DownloadOutlinedIcon />}\n                >\n                  {excelExportButtonText}\n                </Button>\n              )}\n            </Box>\n          )}\n        </Box>\n      )}\n\n      <Snackbar open={snackbarOpen} autoHideDuration={3000} onClose={handleSnackbarClose} anchorOrigin={{ vertical: 'bottom', horizontal: 'center' }}>\n        <Alert onClose={handleSnackbarClose} severity={snackbarSeverity} sx={{ width: '100%' }}>\n          {snackbarMessage}\n        </Alert>\n      </Snackbar>\n    </TableContainer>\n  );\n}\n\nexport default Table;"],"names":["Alert","jsx","Children","isValidElement","useState","useEffect","TableContainer","jsxs","MuiTable","TableHead","TableRow","TableCell","Checkbox","Typography","TableBody","Box","Select","MenuItem","IconButton","Button","Snackbar"],"mappings":"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"}
+{"version":3,"file":"Table.cjs","sources":["../../../src/components/Table/exportsUtils.ts","../../../src/components/Table/EmptyTable.png","../../../src/components/Table/Table.tsx"],"sourcesContent":["import React from 'react';\nimport { AlertProps } from '@mui/material/Alert';\nimport { ColumnProps } from '../Column/Column'; // Importa ColumnProps y FieldName desde Column.tsx\n\n// Define las propiedades comunes para las funciones de exportación\ninterface ExportOptions<T> {\n  data: T[]; // Los datos a exportar\n  columns: React.ReactElement<ColumnProps<T>>[]; // Las definiciones de las columnas\n  fileName: string; // El nombre del archivo a descargar\n  exportColumns?: string[]; // Nombres de columnas específicas para exportar\n  setSnackbarOpen: React.Dispatch<React.SetStateAction<boolean>>; // Setter para abrir/cerrar el Snackbar\n  setSnackbarMessage: React.Dispatch<React.SetStateAction<string>>; // Setter para el mensaje del Snackbar\n  setSnackbarSeverity: React.Dispatch<React.SetStateAction<AlertProps['severity']>>; // Setter para la severidad del Snackbar\n}\n\n/**\n * Función para exportar datos a un archivo CSV.\n * @param options Opciones de exportación, incluyendo datos, columnas, nombre de archivo y setters de Snackbar.\n */\nexport const exportToCSV = <T>(options: ExportOptions<T>) => {\n  const { data, columns, fileName, exportColumns, setSnackbarOpen, setSnackbarMessage, setSnackbarSeverity } = options;\n\n  if (!data || data.length === 0) {\n    setSnackbarMessage(\"No hay datos para exportar a CSV.\");\n    setSnackbarSeverity('warning');\n    setSnackbarOpen(true);\n    return;\n  }\n\n  setSnackbarMessage(\"Exportando datos a CSV...\");\n  setSnackbarSeverity('info');\n  setSnackbarOpen(true);\n\n  try {\n    // Filtra las columnas si se especifican columnas para exportar, de lo contrario, usa todas las columnas definidas.\n    const columnsToExport = exportColumns\n      ? columns.filter(col => exportColumns.includes(col.props.name))\n      : columns;\n\n    // Obtiene los encabezados (nombres de las columnas) y los escapa para CSV.\n    const headers = columnsToExport.map(col => `\"${col.props.name.replace(/\"/g, '\"\"')}\"`).join(',');\n\n    // Mapea los datos a filas CSV.\n    const csvRows = data.map(row => {\n      const values = columnsToExport.map(col => {\n        const field = col.props.field;\n        let cellValue: any;\n\n        // Si 'field' es un array, toma el valor del primer campo para la exportación.\n        if (Array.isArray(field)) {\n          cellValue = (row as any)[field[0]];\n        } else {\n          cellValue = (row as any)[field];\n        }\n\n        // Convierte a string y maneja comas, comillas dobles y saltos de línea para CSV.\n        let formattedValue = String(cellValue || '');\n        if (formattedValue.includes(',') || formattedValue.includes('\"') || formattedValue.includes('\\n')) {\n          formattedValue = `\"${formattedValue.replace(/\"/g, '\"\"')}\"`;\n        }\n        return formattedValue;\n      });\n      return values.join(',');\n    });\n\n    const csvContent = [headers, ...csvRows].join('\\n'); // Une los encabezados y las filas.\n    const blob = new Blob([csvContent], { type: 'text/csv;charset=utf-8;' });\n    const link = document.createElement('a');\n\n    if (link.download !== undefined) {\n      const url = URL.createObjectURL(blob);\n      link.setAttribute('href', url);\n      link.setAttribute('download', fileName + '.csv');\n      link.style.visibility = 'hidden';\n      document.body.appendChild(link);\n      link.click();\n      document.body.removeChild(link);\n      URL.revokeObjectURL(url);\n\n      setSnackbarMessage(\"¡Exportación a CSV completada!\");\n      setSnackbarSeverity('success');\n    } else {\n      setSnackbarMessage(\"Tu navegador no soporta la descarga directa para CSV. Por favor, copia el contenido manualmente.\");\n      setSnackbarSeverity('error');\n    }\n  } catch (error) {\n    console.error(\"Error al exportar los datos a CSV:\", error);\n    setSnackbarMessage(\"Error al exportar los datos a CSV.\");\n    setSnackbarSeverity('error');\n  } finally {\n    setSnackbarOpen(true);\n  }\n};\n\n/**\n * Función para exportar datos a un archivo Excel (formato XLSX).\n * Genera una tabla HTML que luego se descarga como un archivo .xlsx.\n * @param options Opciones de exportación, incluyendo datos, columnas, nombre de archivo y setters de Snackbar.\n */\nexport const exportToExcel = <T>(options: ExportOptions<T>) => {\n  const { data, columns, fileName, exportColumns, setSnackbarOpen, setSnackbarMessage, setSnackbarSeverity } = options;\n\n  if (!data || data.length === 0) {\n    setSnackbarMessage(\"No hay datos para exportar a Excel.\");\n    setSnackbarSeverity('warning');\n    setSnackbarOpen(true);\n    return;\n  }\n\n  setSnackbarMessage(\"Exportando datos a Excel (XLSX)...\");\n  setSnackbarSeverity('info');\n  setSnackbarOpen(true);\n\n  try {\n    const columnsToExport = exportColumns\n      ? columns.filter(col => exportColumns.includes(col.props.name))\n      : columns;\n\n    // Construye el contenido HTML de la tabla.\n    let tableHTML = `\n      <html xmlns:o=\"urn:schemas-microsoft-com:office:office\"\n      xmlns:x=\"urn:schemas-microsoft-com:office:excel\"\n      xmlns=\"http://www.w3.org/TR/REC-html40\">\n      <head>\n          <meta charset=\"utf-8\" />\n          <!--[if gte mso 9]><xml>\n          <x:ExcelWorkbook>\n              <x:ExcelWorksheets>\n                  <x:ExcelWorksheet>\n                      <x:Name>Hoja1</x:Name>\n                      <x:WorksheetOptions>\n                          <x:DisplayGridlines/>\n                      </x:WorksheetOptions>\n                  </x:ExcelWorksheet>\n              </x:ExcelWorksheets>\n          </x:ExcelWorkbook>\n          </xml><![endif]-->\n      </head>\n      <body>\n          <table>\n              <thead>\n                  <tr>\n                      ${columnsToExport.map(col => `<th>${col.props.name}</th>`).join('')}\n                  </tr>\n              </thead>\n              <tbody>\n                  ${data.map(row => `\n                      <tr>\n                          ${columnsToExport.map(col => {\n                              const field = col.props.field;\n                              let cellValue: any;\n                              if (Array.isArray(field)) {\n                                  cellValue = (row as any)[field[0]];\n                              } else {\n                                  cellValue = (row as any)[field];\n                              }\n                              // Escapa caracteres HTML para el contenido de la celda.\n                              return `<td>${String(cellValue || '').replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;')}</td>`;\n                          }).join('')}\n                      </tr>\n                  `).join('')}\n              </tbody>\n          </table>\n      </body>\n      </html>\n    `;\n\n    // Crea un Blob con el contenido HTML y el tipo MIME de XLSX.\n    const blob = new Blob([tableHTML], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=utf-8;' }); \n\n    const link = document.createElement('a');\n    if (link.download !== undefined) {\n      const url = URL.createObjectURL(blob);\n      link.setAttribute('href', url);\n      link.setAttribute('download', fileName + '.xlsx'); // Usa la extensión .xlsx\n      link.style.visibility = 'hidden';\n      document.body.appendChild(link);\n      link.click();\n      document.body.removeChild(link);\n      URL.revokeObjectURL(url);\n\n      setSnackbarMessage(\"¡Exportación a Excel (XLSX) completada!\");\n      setSnackbarSeverity('success');\n    } else {\n      setSnackbarMessage(\"Tu navegador no soporta la descarga directa para Excel (XLSX). Por favor, copia el contenido manualmente.\");\n      setSnackbarSeverity('error');\n    }\n  } catch (error) {\n    console.error(\"Error al exportar los datos a Excel (XLSX):\", error);\n    setSnackbarMessage(\"Error al exportar los datos a Excel (XLSX).\");\n    setSnackbarSeverity('error');\n  } finally {\n    setSnackbarOpen(true);\n  }\n};\n","export default \"data:image/png;base64,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\"","import React, { Children, isValidElement, useState, useEffect, ReactElement } from 'react';\nimport {\n  TableContainer,\n  Table as MuiTable,\n  TableHead,\n  TableBody,\n  TableRow,\n  TableCell,\n  Paper,\n  Typography,\n  Select,\n  MenuItem,\n  Box,\n  Button,\n  Snackbar,\n  IconButton,\n  Checkbox,\n} from '@mui/material';\nimport MuiAlert, { AlertProps } from '@mui/material/Alert';\nimport { ColumnProps } from '../Column/Column'; // Asegúrate de que esta ruta sea correcta\nimport DownloadOutlinedIcon from '@mui/icons-material/DownloadOutlined';\nimport FirstPageIcon from '@mui/icons-material/FirstPage';\nimport LastPageIcon from '@mui/icons-material/LastPage';\nimport KeyboardArrowLeftIcon from '@mui/icons-material/KeyboardArrowLeft';\nimport KeyboardArrowRightIcon from '@mui/icons-material/KeyboardArrowRight';\n\nimport { exportToCSV, exportToExcel } from './exportsUtils';\n\n// @ts-ignore\nimport EmptyImage from './EmptyTable.png';\n\nexport type FieldName<T> = keyof T | Array<keyof T>;\n\ninterface TableProps<T> {\n  data: T[];\n  children: React.ReactNode;\n\n  currentPage?: number;\n  pageSize?: number;\n  totalPages?: number;\n  previousPage?: number;\n  nextPage?: number;\n  pageSizeSelectorValue?: number;\n  onPageChange?: (newPage: number) => void;\n  onPageSizeChange?: (newSize: number) => void;\n  visiblePageNumbers?: number;\n\n  enableCSVExport?: boolean;\n  csvExportFileName?: string;\n  csvExportButtonText?: string;\n  csvExportColumns?: string[];\n\n  enableExcelExport?: boolean;\n  excelExportFileName?: string;\n  excelExportButtonText?: string;\n  excelExportColumns?: string[];\n\n  enableRowSelection?: boolean;\n  rowIdentifier?: keyof T;\n  onSelectionChange?: (selectedItems: T[]) => void;\n  showPageSizeSelector?: boolean;\n  emptyTitle?: string;\n  emptyMessage?: string;\n  emptyImageSrc?: React.ReactNode;\n}\n\nconst Alert = React.forwardRef<HTMLDivElement, AlertProps>(function Alert(\n  props,\n  ref,\n) {\n  return <MuiAlert elevation={6} ref={ref} variant=\"filled\" {...props} />;\n});\n\nexport function Table<T>({\n  data,\n  children,\n  currentPage,\n  pageSize,\n  totalPages,\n  previousPage,\n  nextPage,\n  pageSizeSelectorValue = 10,\n  onPageChange,\n  onPageSizeChange,\n  visiblePageNumbers = 5,\n  enableCSVExport = false,\n  csvExportFileName = 'data.csv',\n  csvExportButtonText = 'Exportar CSV',\n  csvExportColumns,\n  enableExcelExport = false,\n  excelExportFileName = 'data.xlsx',\n  excelExportButtonText = 'Exportar Excel',\n  excelExportColumns,\n  enableRowSelection = false,\n  rowIdentifier,\n  onSelectionChange,\n  showPageSizeSelector = true,\n  emptyTitle = 'No hay datos disponibles',\n  emptyMessage,\n  emptyImageSrc = <Box mb={2}>\n                    <img src={EmptyImage} alt=\"No data\" style={{ maxWidth: '150px', opacity: 0.6 }} />\n                  </Box>,\n}: TableProps<T>) {\n  const columns = Children.toArray(children).filter(\n    (child): child is React.ReactElement<ColumnProps<T>> =>\n      isValidElement(child) && (child.type as any).displayName === 'Column'\n  );\n\n  const [snackbarOpen, setSnackbarOpen] = useState(false);\n  const [snackbarMessage, setSnackbarMessage] = useState(\"\");\n  const [snackbarSeverity, setSnackbarSeverity] = useState<AlertProps['severity']>('info');\n\n  const [selectedRows, setSelectedRows] = useState<T[]>([]);\n\n  useEffect(() => {\n    setSelectedRows([]);\n  }, [data, currentPage, pageSize]);\n\n  useEffect(() => {\n    onSelectionChange?.(selectedRows);\n  }, [selectedRows, onSelectionChange]);\n\n  const handleSnackbarClose = (event?: React.SyntheticEvent | Event, reason?: string) => {\n    if (reason === 'clickaway') {\n      return;\n    }\n    setSnackbarOpen(false);\n  };\n\n  const isControlled = typeof onPageChange === 'function' && typeof currentPage === 'number';\n  const [internalPage, setInternalPage] = useState(1);\n  const [internalPageSize, setInternalPageSize] = useState(pageSizeSelectorValue);\n\n  const activePage = isControlled ? currentPage! : internalPage;\n  const activePageSize = isControlled ? pageSize! : internalPageSize;\n\n  const paginatedData = isControlled ? data : data.slice((activePage - 1) * activePageSize, activePage * activePageSize);\n\n  const effectiveTotalPages = isControlled\n    ? totalPages!\n    : Math.ceil(data.length / activePageSize);\n\n  const handlePageChange = (newPage: number) => {\n    if (newPage < 1 || newPage > effectiveTotalPages) return;\n    if (isControlled) onPageChange?.(newPage);\n    else setInternalPage(newPage);\n  };\n\n  const handlePageSizeChange = (newSize: number) => {\n    if (isControlled) {\n      onPageSizeChange?.(newSize);\n      onPageChange?.(1);\n    } else {\n      setInternalPageSize(newSize);\n      setInternalPage(1);\n    }\n  };\n\n  const getPageNumbers = () => {\n    const pages = [];\n    const maxPages = effectiveTotalPages;\n    const current = activePage;\n    const half = Math.floor(visiblePageNumbers / 2);\n\n    let startPage = Math.max(1, current - half);\n    let endPage = Math.min(maxPages, current + half);\n\n    if (endPage - startPage + 1 < visiblePageNumbers) {\n      if (startPage === 1) {\n        endPage = Math.min(maxPages, startPage + visiblePageNumbers - 1);\n      } else if (endPage === maxPages) {\n        startPage = Math.max(1, maxPages - visiblePageNumbers + 1);\n      }\n    }\n\n    for (let i = startPage; i <= endPage; i++) {\n      pages.push(i);\n    }\n    return pages;\n  };\n\n  const pageNumbers = getPageNumbers();\n\n  const handleSelectAllClick = (event: React.ChangeEvent<HTMLInputElement>) => {\n    if (!rowIdentifier) {\n      console.warn(\"`rowIdentifier` prop is required for row selection.\");\n      return;\n    }\n\n    if (event.target.checked) {\n      const newSelecteds = [...selectedRows];\n      paginatedData.forEach(row => {\n        const rowId = row[rowIdentifier] as any;\n        if (!newSelecteds.some(selectedRow => (selectedRow as any)[rowIdentifier] === rowId)) {\n          newSelecteds.push(row);\n        }\n      });\n      setSelectedRows(newSelecteds);\n    } else {\n      const newSelecteds = selectedRows.filter(selectedRow =>\n        !paginatedData.some(row => (row as any)[rowIdentifier] === (selectedRow as any)[rowIdentifier])\n      );\n      setSelectedRows(newSelecteds);\n    }\n  };\n\n  const handleRowClick = (event: React.MouseEvent<unknown>, row: T) => {\n    if (!rowIdentifier) {\n      console.warn(\"`rowIdentifier` prop is required for row selection.\");\n      return;\n    }\n\n    const rowId = row[rowIdentifier] as any;\n    const selectedIndex = selectedRows.findIndex(selectedRow => (selectedRow as any)[rowIdentifier] === rowId);\n    let newSelected: T[] = [];\n\n    if (selectedIndex === -1) {\n      newSelected = newSelected.concat(selectedRows, row);\n    } else if (selectedIndex === 0) {\n      newSelected = newSelected.concat(selectedRows.slice(1));\n    } else if (selectedIndex === selectedRows.length - 1) {\n      newSelected = newSelected.concat(selectedRows.slice(0, -1));\n    } else if (selectedIndex > 0) {\n      newSelected = newSelected.concat(\n        selectedRows.slice(0, selectedIndex),\n        selectedRows.slice(selectedIndex + 1),\n      );\n    }\n    setSelectedRows(newSelected);\n  };\n\n  const isSelected = (row: T) => {\n    if (!rowIdentifier) return false;\n    return selectedRows.some(selectedRow => (selectedRow as any)[rowIdentifier] === (row as any)[rowIdentifier]);\n  };\n\n  const numSelectedOnPage = paginatedData.filter(isSelected).length;\n  const isAllSelectedOnPage = paginatedData.length > 0 && numSelectedOnPage === paginatedData.length;\n  const isIndeterminateOnPage = numSelectedOnPage > 0 && numSelectedOnPage < paginatedData.length;\n\n  return (\n    <TableContainer >\n      <MuiTable sx={{ minWidth: 650 }} aria-label=\"custom table\">\n        {/* Table Header */}\n        <TableHead sx={{ backgroundColor: '#fff' }}>\n          <TableRow>\n            {enableRowSelection && (\n              <TableCell padding=\"checkbox\" sx={{ width: '50px' }}> {/* Puedes ajustar este ancho fijo si lo deseas */}\n                <Checkbox\n                  color=\"primary\"\n                  indeterminate={isIndeterminateOnPage}\n                  checked={isAllSelectedOnPage}\n                  onChange={handleSelectAllClick}\n                  inputProps={{ 'aria-label': 'select all desserts' }}\n                />\n              </TableCell>\n            )}\n            {columns.map((column, index) => (\n              <TableCell\n                key={index}\n                sx={{\n\n                  fontSize: '12px',\n                  color: (theme) => theme.palette.text.secondary,\n                  width: column.props.width || 'auto', // APLICA EL ANCHO AQUÍ\n                  whiteSpace: 'nowrap', // Evita que el texto se ajuste si la columna es pequeña\n                  \n                }}\n              >\n                <Typography sx={{ fontSize: '12px' }}>\n                  {column.props.name}\n                </Typography>\n              </TableCell>\n            ))}\n          </TableRow>\n        </TableHead>\n        {/* Table Body */}\n        <TableBody sx={{ borderRadius: '10px', overflow: 'hidden' }}>\n          {paginatedData.map((row, rowIndex) => {\n            const isRowSelected = enableRowSelection && isSelected(row);\n            return (\n              <TableRow\n                key={rowIndex}\n                sx={{ backgroundColor: '#F8F8F8', '&:last-child td, &:last-child th': { border: 0 }, '&:hover': { backgroundColor: (theme) => '#FFF' } }}\n                selected={isRowSelected}\n              >\n                {enableRowSelection && (\n                  <TableCell padding=\"checkbox\" sx={{ width: '50px' }}> {/* Mismo ancho para la celda de la fila */}\n                    <Checkbox\n                      color=\"primary\"\n                      checked={isRowSelected}\n                      onClick={(event) => handleRowClick(event, row)}\n                      inputProps={{ 'aria-labelledby': `table-checkbox-${rowIndex}` }}\n                    />\n                  </TableCell>\n                )}\n                {columns.map((column, colIndex) => {\n                  const { field, children: cellRenderer } = column.props;\n\n                  let fieldData: Partial<T>;\n\n                  if (Array.isArray(field)) {\n                    fieldData = (field as Array<keyof T>).reduce((acc, currentField) => {\n                      (acc as any)[currentField] = (row as any)[currentField];\n                      return acc;\n                    }, {} as Partial<T>);\n                  } else {\n                    fieldData = { [field]: (row as any)[field] } as Partial<T>;\n                  }\n\n                  return (\n                    <TableCell\n                      key={colIndex}\n                      sx={{\n                        fontSize: '14px',\n                        width: column.props.width || 'auto', // APLICA EL ANCHO AQUÍ TAMBIÉN\n                        whiteSpace: 'nowrap', // Asegura que el contenido no se rompa prematuramente\n                        padding: '12px 16px', // Asegura un padding consistente\n                        borderBottom: 'none'\n                      }}\n                    >\n                      {cellRenderer(fieldData)}\n                    </TableCell>\n                  );\n                })}\n              </TableRow>\n            );\n          })}\n          {/* Empty table message */}\n          {paginatedData.length === 0 && (\n            <TableRow>\n              <TableCell colSpan={columns.length + (enableRowSelection ? 1 : 0)} sx={{ textAlign: 'center', py: 4 }}>\n                {  emptyImageSrc }\n\n                <Typography variant=\"body2\" color=\"#878E9A\" fontSize=\"18px\" fontWeight=\"600\">\n                  {emptyTitle || 'No hay datos disponibles para mostrar.'}\n                </Typography>\n                <Typography variant=\"body2\" color=\"#878E9A\" fontSize=\"14px\" mt={1}> \n                  {emptyMessage || 'Intente ajustar sus filtros o agregar nuevos datos.'}\n                </Typography>\n              </TableCell>\n            </TableRow>\n          )}\n        </TableBody>\n      </MuiTable>\n\n      {/* Pagination and Export Controls */}\n      {(effectiveTotalPages > 0 || enableCSVExport || enableExcelExport || (enableRowSelection && selectedRows.length > 0)) && (\n        <Box display=\"flex\" justifyContent=\"space-between\" alignItems=\"center\" p={2}>\n          {/* Page Size Selector (Left) */}\n          {(effectiveTotalPages > 0 && showPageSizeSelector) && (\n            <Select\n              size=\"small\"\n              value={activePageSize}\n              onChange={(e) => handlePageSizeChange(Number(e.target.value))}\n            >\n              {[1, 2, 3, 5, 10, 20, 50, 100].map((size) => (\n                <MenuItem key={size} value={size}>\n                  Mostrar {size}\n                </MenuItem>\n              ))}\n            </Select>\n          )}\n\n          {/* Pagination Controls (Center) */}\n          {effectiveTotalPages > 0 && (\n            <Box\n              display=\"flex\"\n              alignItems=\"center\"\n              gap={0.5}\n              sx={{ flexGrow: 1, justifyContent: 'center' }}\n            >\n              <IconButton\n                onClick={() => handlePageChange(1)}\n                disabled={activePage <= 1}\n                size=\"small\"\n                color=\"primary\"\n              >\n                <FirstPageIcon fontSize=\"small\" />\n              </IconButton>\n\n              <IconButton\n                onClick={() => handlePageChange(activePage - 1)}\n                disabled={activePage <= 1}\n                size=\"small\"\n                color=\"primary\"\n              >\n                <KeyboardArrowLeftIcon fontSize=\"small\" />\n              </IconButton>\n\n              {pageNumbers.map((pageNumber) => (\n                <Button\n                  key={pageNumber}\n                  onClick={() => handlePageChange(pageNumber)}\n                  variant={activePage === pageNumber ? 'contained' : 'text'}\n                  size=\"small\"\n                  sx={{ minWidth: '32px', height: '32px' }}\n                >\n                  {pageNumber}\n                </Button>\n              ))}\n\n              <IconButton\n                onClick={() => handlePageChange(activePage + 1)}\n                disabled={activePage >= effectiveTotalPages}\n                size=\"small\"\n                color=\"primary\"\n              >\n                <KeyboardArrowRightIcon fontSize=\"small\" />\n              </IconButton>\n\n              <IconButton\n                onClick={() => handlePageChange(effectiveTotalPages)}\n                disabled={activePage >= effectiveTotalPages}\n                size=\"small\"\n                color=\"primary\"\n              >\n                <LastPageIcon fontSize=\"small\" />\n              </IconButton>\n            </Box>\n          )}\n\n          {enableRowSelection && selectedRows.length > 0 && (\n            <Typography variant=\"subtitle2\" sx={{ mr: 2 }}>\n              {selectedRows.length} seleccionados\n            </Typography>\n          )}\n\n          {(enableCSVExport || enableExcelExport) && (\n            <Box display=\"flex\" alignItems=\"center\" gap={1}>\n              {enableCSVExport && (\n                <Button\n                  variant=\"text\"\n                  color=\"primary\"\n                  onClick={() =>\n                    exportToCSV({\n                      data,\n                      columns,\n                      fileName: csvExportFileName,\n                      exportColumns: csvExportColumns,\n                      setSnackbarOpen,\n                      setSnackbarMessage,\n                      setSnackbarSeverity,\n                    })\n                  }\n                  size=\"small\"\n                  startIcon={<DownloadOutlinedIcon />}\n                >\n                  {csvExportButtonText}\n                </Button>\n              )}\n              {enableExcelExport && (\n                <Button\n                  variant=\"text\"\n                  color=\"primary\"\n                  onClick={() =>\n                    exportToExcel({\n                      data,\n                      columns,\n                      fileName: excelExportFileName,\n                      exportColumns: excelExportColumns,\n                      setSnackbarOpen,\n                      setSnackbarMessage,\n                      setSnackbarSeverity,\n                    })\n                  }\n                  size=\"small\"\n                  startIcon={<DownloadOutlinedIcon />}\n                >\n                  {excelExportButtonText}\n                </Button>\n              )}\n            </Box>\n          )}\n        </Box>\n      )}\n\n      <Snackbar open={snackbarOpen} autoHideDuration={3000} onClose={handleSnackbarClose} anchorOrigin={{ vertical: 'bottom', horizontal: 'center' }}>\n        <Alert onClose={handleSnackbarClose} severity={snackbarSeverity} sx={{ width: '100%' }}>\n          {snackbarMessage}\n        </Alert>\n      </Snackbar>\n    </TableContainer>\n  );\n}\n\nexport default Table;"],"names":["Alert","jsx","Box","Children","isValidElement","useState","useEffect","TableContainer","jsxs","MuiTable","TableHead","TableRow","TableCell","Checkbox","Typography","TableBody","Select","MenuItem","IconButton","Button","Snackbar"],"mappings":"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"}

package/components/Table/Table.d.ts

@@ -24,6 +24,9 @@ interface TableProps<T> {
     rowIdentifier?: keyof T;
     onSelectionChange?: (selectedItems: T[]) => void;
     showPageSizeSelector?: boolean;
+    emptyTitle?: string;
+    emptyMessage?: string;
+    emptyImageSrc?: React.ReactNode;
 }
-export declare function Table<T>({ data, children, currentPage, pageSize, totalPages, previousPage, nextPage, pageSizeSelectorValue, onPageChange, onPageSizeChange, visiblePageNumbers, enableCSVExport, csvExportFileName, csvExportButtonText, csvExportColumns, enableExcelExport, excelExportFileName, excelExportButtonText, excelExportColumns, enableRowSelection, rowIdentifier, onSelectionChange, showPageSizeSelector }: TableProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare function Table<T>({ data, children, currentPage, pageSize, totalPages, previousPage, nextPage, pageSizeSelectorValue, onPageChange, onPageSizeChange, visiblePageNumbers, enableCSVExport, csvExportFileName, csvExportButtonText, csvExportColumns, enableExcelExport, excelExportFileName, excelExportButtonText, excelExportColumns, enableRowSelection, rowIdentifier, onSelectionChange, showPageSizeSelector, emptyTitle, emptyMessage, emptyImageSrc, }: TableProps<T>): import("react/jsx-runtime").JSX.Element;
 export default Table;

package/components/Table/Table.js

@@ -164,6 +164,7 @@ const exportToExcel = (options) => {
     setSnackbarOpen(true);
   }
 };
+const EmptyImage = "data:image/png;base64,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";
 const Alert = React__default.forwardRef(function Alert2(props, ref) {
   return /* @__PURE__ */ jsx(MuiAlert, __spreadValues({ elevation: 6, ref, variant: "filled" }, props));
 });
@@ -190,7 +191,10 @@ function Table({
   enableRowSelection = false,
   rowIdentifier,
   onSelectionChange,
-  showPageSizeSelector = true
+  showPageSizeSelector = true,
+  emptyTitle = "No hay datos disponibles",
+  emptyMessage,
+  emptyImageSrc = /* @__PURE__ */ jsx(Box, { mb: 2, children: /* @__PURE__ */ jsx("img", { src: EmptyImage, alt: "No data", style: { maxWidth: "150px", opacity: 0.6 } }) })
 }) {
   const columns = Children.toArray(children).filter(
     (child) => isValidElement(child) && child.type.displayName === "Column"
@@ -389,7 +393,11 @@ function Table({
             rowIndex
           );
         }),
-        paginatedData.length === 0 && /* @__PURE__ */ jsx(TableRow, { children: /* @__PURE__ */ jsx(TableCell, { colSpan: columns.length + (enableRowSelection ? 1 : 0), sx: { textAlign: "center", py: 4 }, children: /* @__PURE__ */ jsx(Typography, { variant: "body2", color: "text.secondary", children: "No hay datos disponibles para mostrar." }) }) })
+        paginatedData.length === 0 && /* @__PURE__ */ jsx(TableRow, { children: /* @__PURE__ */ jsxs(TableCell, { colSpan: columns.length + (enableRowSelection ? 1 : 0), sx: { textAlign: "center", py: 4 }, children: [
+          emptyImageSrc,
+          /* @__PURE__ */ jsx(Typography, { variant: "body2", color: "#878E9A", fontSize: "18px", fontWeight: "600", children: emptyTitle || "No hay datos disponibles para mostrar." }),
+          /* @__PURE__ */ jsx(Typography, { variant: "body2", color: "#878E9A", fontSize: "14px", mt: 1, children: emptyMessage || "Intente ajustar sus filtros o agregar nuevos datos." })
+        ] }) })
       ] })
     ] }),
     (effectiveTotalPages > 0 || enableCSVExport || enableExcelExport || enableRowSelection && selectedRows.length > 0) && /* @__PURE__ */ jsxs(Box, { display: "flex", justifyContent: "space-between", alignItems: "center", p: 2, children: [

package/components/Table/Table.js.map

@@ -1 +1 @@
-{"version":3,"file":"Table.js","sources":["../../../src/components/Table/exportsUtils.ts","../../../src/components/Table/Table.tsx"],"sourcesContent":["import React from 'react';\nimport { AlertProps } from '@mui/material/Alert';\nimport { ColumnProps } from '../Column/Column'; // Importa ColumnProps y FieldName desde Column.tsx\n\n// Define las propiedades comunes para las funciones de exportación\ninterface ExportOptions<T> {\n  data: T[]; // Los datos a exportar\n  columns: React.ReactElement<ColumnProps<T>>[]; // Las definiciones de las columnas\n  fileName: string; // El nombre del archivo a descargar\n  exportColumns?: string[]; // Nombres de columnas específicas para exportar\n  setSnackbarOpen: React.Dispatch<React.SetStateAction<boolean>>; // Setter para abrir/cerrar el Snackbar\n  setSnackbarMessage: React.Dispatch<React.SetStateAction<string>>; // Setter para el mensaje del Snackbar\n  setSnackbarSeverity: React.Dispatch<React.SetStateAction<AlertProps['severity']>>; // Setter para la severidad del Snackbar\n}\n\n/**\n * Función para exportar datos a un archivo CSV.\n * @param options Opciones de exportación, incluyendo datos, columnas, nombre de archivo y setters de Snackbar.\n */\nexport const exportToCSV = <T>(options: ExportOptions<T>) => {\n  const { data, columns, fileName, exportColumns, setSnackbarOpen, setSnackbarMessage, setSnackbarSeverity } = options;\n\n  if (!data || data.length === 0) {\n    setSnackbarMessage(\"No hay datos para exportar a CSV.\");\n    setSnackbarSeverity('warning');\n    setSnackbarOpen(true);\n    return;\n  }\n\n  setSnackbarMessage(\"Exportando datos a CSV...\");\n  setSnackbarSeverity('info');\n  setSnackbarOpen(true);\n\n  try {\n    // Filtra las columnas si se especifican columnas para exportar, de lo contrario, usa todas las columnas definidas.\n    const columnsToExport = exportColumns\n      ? columns.filter(col => exportColumns.includes(col.props.name))\n      : columns;\n\n    // Obtiene los encabezados (nombres de las columnas) y los escapa para CSV.\n    const headers = columnsToExport.map(col => `\"${col.props.name.replace(/\"/g, '\"\"')}\"`).join(',');\n\n    // Mapea los datos a filas CSV.\n    const csvRows = data.map(row => {\n      const values = columnsToExport.map(col => {\n        const field = col.props.field;\n        let cellValue: any;\n\n        // Si 'field' es un array, toma el valor del primer campo para la exportación.\n        if (Array.isArray(field)) {\n          cellValue = (row as any)[field[0]];\n        } else {\n          cellValue = (row as any)[field];\n        }\n\n        // Convierte a string y maneja comas, comillas dobles y saltos de línea para CSV.\n        let formattedValue = String(cellValue || '');\n        if (formattedValue.includes(',') || formattedValue.includes('\"') || formattedValue.includes('\\n')) {\n          formattedValue = `\"${formattedValue.replace(/\"/g, '\"\"')}\"`;\n        }\n        return formattedValue;\n      });\n      return values.join(',');\n    });\n\n    const csvContent = [headers, ...csvRows].join('\\n'); // Une los encabezados y las filas.\n    const blob = new Blob([csvContent], { type: 'text/csv;charset=utf-8;' });\n    const link = document.createElement('a');\n\n    if (link.download !== undefined) {\n      const url = URL.createObjectURL(blob);\n      link.setAttribute('href', url);\n      link.setAttribute('download', fileName + '.csv');\n      link.style.visibility = 'hidden';\n      document.body.appendChild(link);\n      link.click();\n      document.body.removeChild(link);\n      URL.revokeObjectURL(url);\n\n      setSnackbarMessage(\"¡Exportación a CSV completada!\");\n      setSnackbarSeverity('success');\n    } else {\n      setSnackbarMessage(\"Tu navegador no soporta la descarga directa para CSV. Por favor, copia el contenido manualmente.\");\n      setSnackbarSeverity('error');\n    }\n  } catch (error) {\n    console.error(\"Error al exportar los datos a CSV:\", error);\n    setSnackbarMessage(\"Error al exportar los datos a CSV.\");\n    setSnackbarSeverity('error');\n  } finally {\n    setSnackbarOpen(true);\n  }\n};\n\n/**\n * Función para exportar datos a un archivo Excel (formato XLSX).\n * Genera una tabla HTML que luego se descarga como un archivo .xlsx.\n * @param options Opciones de exportación, incluyendo datos, columnas, nombre de archivo y setters de Snackbar.\n */\nexport const exportToExcel = <T>(options: ExportOptions<T>) => {\n  const { data, columns, fileName, exportColumns, setSnackbarOpen, setSnackbarMessage, setSnackbarSeverity } = options;\n\n  if (!data || data.length === 0) {\n    setSnackbarMessage(\"No hay datos para exportar a Excel.\");\n    setSnackbarSeverity('warning');\n    setSnackbarOpen(true);\n    return;\n  }\n\n  setSnackbarMessage(\"Exportando datos a Excel (XLSX)...\");\n  setSnackbarSeverity('info');\n  setSnackbarOpen(true);\n\n  try {\n    const columnsToExport = exportColumns\n      ? columns.filter(col => exportColumns.includes(col.props.name))\n      : columns;\n\n    // Construye el contenido HTML de la tabla.\n    let tableHTML = `\n      <html xmlns:o=\"urn:schemas-microsoft-com:office:office\"\n      xmlns:x=\"urn:schemas-microsoft-com:office:excel\"\n      xmlns=\"http://www.w3.org/TR/REC-html40\">\n      <head>\n          <meta charset=\"utf-8\" />\n          <!--[if gte mso 9]><xml>\n          <x:ExcelWorkbook>\n              <x:ExcelWorksheets>\n                  <x:ExcelWorksheet>\n                      <x:Name>Hoja1</x:Name>\n                      <x:WorksheetOptions>\n                          <x:DisplayGridlines/>\n                      </x:WorksheetOptions>\n                  </x:ExcelWorksheet>\n              </x:ExcelWorksheets>\n          </x:ExcelWorkbook>\n          </xml><![endif]-->\n      </head>\n      <body>\n          <table>\n              <thead>\n                  <tr>\n                      ${columnsToExport.map(col => `<th>${col.props.name}</th>`).join('')}\n                  </tr>\n              </thead>\n              <tbody>\n                  ${data.map(row => `\n                      <tr>\n                          ${columnsToExport.map(col => {\n                              const field = col.props.field;\n                              let cellValue: any;\n                              if (Array.isArray(field)) {\n                                  cellValue = (row as any)[field[0]];\n                              } else {\n                                  cellValue = (row as any)[field];\n                              }\n                              // Escapa caracteres HTML para el contenido de la celda.\n                              return `<td>${String(cellValue || '').replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;')}</td>`;\n                          }).join('')}\n                      </tr>\n                  `).join('')}\n              </tbody>\n          </table>\n      </body>\n      </html>\n    `;\n\n    // Crea un Blob con el contenido HTML y el tipo MIME de XLSX.\n    const blob = new Blob([tableHTML], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=utf-8;' }); \n\n    const link = document.createElement('a');\n    if (link.download !== undefined) {\n      const url = URL.createObjectURL(blob);\n      link.setAttribute('href', url);\n      link.setAttribute('download', fileName + '.xlsx'); // Usa la extensión .xlsx\n      link.style.visibility = 'hidden';\n      document.body.appendChild(link);\n      link.click();\n      document.body.removeChild(link);\n      URL.revokeObjectURL(url);\n\n      setSnackbarMessage(\"¡Exportación a Excel (XLSX) completada!\");\n      setSnackbarSeverity('success');\n    } else {\n      setSnackbarMessage(\"Tu navegador no soporta la descarga directa para Excel (XLSX). Por favor, copia el contenido manualmente.\");\n      setSnackbarSeverity('error');\n    }\n  } catch (error) {\n    console.error(\"Error al exportar los datos a Excel (XLSX):\", error);\n    setSnackbarMessage(\"Error al exportar los datos a Excel (XLSX).\");\n    setSnackbarSeverity('error');\n  } finally {\n    setSnackbarOpen(true);\n  }\n};\n","import React, { Children, isValidElement, useState, useEffect } from 'react';\nimport {\n  TableContainer,\n  Table as MuiTable,\n  TableHead,\n  TableBody,\n  TableRow,\n  TableCell,\n  Paper,\n  Typography,\n  Select,\n  MenuItem,\n  Box,\n  Button,\n  Snackbar,\n  IconButton,\n  Checkbox,\n} from '@mui/material';\nimport MuiAlert, { AlertProps } from '@mui/material/Alert';\nimport { ColumnProps } from '../Column/Column'; // Asegúrate de que esta ruta sea correcta\nimport DownloadOutlinedIcon from '@mui/icons-material/DownloadOutlined';\nimport FirstPageIcon from '@mui/icons-material/FirstPage';\nimport LastPageIcon from '@mui/icons-material/LastPage';\nimport KeyboardArrowLeftIcon from '@mui/icons-material/KeyboardArrowLeft';\nimport KeyboardArrowRightIcon from '@mui/icons-material/KeyboardArrowRight';\n\nimport { exportToCSV, exportToExcel } from './exportsUtils';\n\nexport type FieldName<T> = keyof T | Array<keyof T>;\n\ninterface TableProps<T> {\n  data: T[];\n  children: React.ReactNode;\n\n  currentPage?: number;\n  pageSize?: number;\n  totalPages?: number;\n  previousPage?: number;\n  nextPage?: number;\n  pageSizeSelectorValue?: number;\n  onPageChange?: (newPage: number) => void;\n  onPageSizeChange?: (newSize: number) => void;\n  visiblePageNumbers?: number;\n\n  enableCSVExport?: boolean;\n  csvExportFileName?: string;\n  csvExportButtonText?: string;\n  csvExportColumns?: string[];\n\n  enableExcelExport?: boolean;\n  excelExportFileName?: string;\n  excelExportButtonText?: string;\n  excelExportColumns?: string[];\n\n  enableRowSelection?: boolean;\n  rowIdentifier?: keyof T;\n  onSelectionChange?: (selectedItems: T[]) => void;\n  showPageSizeSelector?: boolean;\n}\n\nconst Alert = React.forwardRef<HTMLDivElement, AlertProps>(function Alert(\n  props,\n  ref,\n) {\n  return <MuiAlert elevation={6} ref={ref} variant=\"filled\" {...props} />;\n});\n\nexport function Table<T>({\n  data,\n  children,\n  currentPage,\n  pageSize,\n  totalPages,\n  previousPage,\n  nextPage,\n  pageSizeSelectorValue = 10,\n  onPageChange,\n  onPageSizeChange,\n  visiblePageNumbers = 5,\n  enableCSVExport = false,\n  csvExportFileName = 'data.csv',\n  csvExportButtonText = 'Exportar CSV',\n  csvExportColumns,\n  enableExcelExport = false,\n  excelExportFileName = 'data.xlsx',\n  excelExportButtonText = 'Exportar Excel',\n  excelExportColumns,\n  enableRowSelection = false,\n  rowIdentifier,\n  onSelectionChange,\n  showPageSizeSelector = true\n}: TableProps<T>) {\n  const columns = Children.toArray(children).filter(\n    (child): child is React.ReactElement<ColumnProps<T>> =>\n      isValidElement(child) && (child.type as any).displayName === 'Column'\n  );\n\n  const [snackbarOpen, setSnackbarOpen] = useState(false);\n  const [snackbarMessage, setSnackbarMessage] = useState(\"\");\n  const [snackbarSeverity, setSnackbarSeverity] = useState<AlertProps['severity']>('info');\n\n  const [selectedRows, setSelectedRows] = useState<T[]>([]);\n\n  useEffect(() => {\n    setSelectedRows([]);\n  }, [data, currentPage, pageSize]);\n\n  useEffect(() => {\n    onSelectionChange?.(selectedRows);\n  }, [selectedRows, onSelectionChange]);\n\n  const handleSnackbarClose = (event?: React.SyntheticEvent | Event, reason?: string) => {\n    if (reason === 'clickaway') {\n      return;\n    }\n    setSnackbarOpen(false);\n  };\n\n  const isControlled = typeof onPageChange === 'function' && typeof currentPage === 'number';\n  const [internalPage, setInternalPage] = useState(1);\n  const [internalPageSize, setInternalPageSize] = useState(pageSizeSelectorValue);\n\n  const activePage = isControlled ? currentPage! : internalPage;\n  const activePageSize = isControlled ? pageSize! : internalPageSize;\n\n  const paginatedData = isControlled ? data : data.slice((activePage - 1) * activePageSize, activePage * activePageSize);\n\n  const effectiveTotalPages = isControlled\n    ? totalPages!\n    : Math.ceil(data.length / activePageSize);\n\n  const handlePageChange = (newPage: number) => {\n    if (newPage < 1 || newPage > effectiveTotalPages) return;\n    if (isControlled) onPageChange?.(newPage);\n    else setInternalPage(newPage);\n  };\n\n  const handlePageSizeChange = (newSize: number) => {\n    if (isControlled) {\n      onPageSizeChange?.(newSize);\n      onPageChange?.(1);\n    } else {\n      setInternalPageSize(newSize);\n      setInternalPage(1);\n    }\n  };\n\n  const getPageNumbers = () => {\n    const pages = [];\n    const maxPages = effectiveTotalPages;\n    const current = activePage;\n    const half = Math.floor(visiblePageNumbers / 2);\n\n    let startPage = Math.max(1, current - half);\n    let endPage = Math.min(maxPages, current + half);\n\n    if (endPage - startPage + 1 < visiblePageNumbers) {\n      if (startPage === 1) {\n        endPage = Math.min(maxPages, startPage + visiblePageNumbers - 1);\n      } else if (endPage === maxPages) {\n        startPage = Math.max(1, maxPages - visiblePageNumbers + 1);\n      }\n    }\n\n    for (let i = startPage; i <= endPage; i++) {\n      pages.push(i);\n    }\n    return pages;\n  };\n\n  const pageNumbers = getPageNumbers();\n\n  const handleSelectAllClick = (event: React.ChangeEvent<HTMLInputElement>) => {\n    if (!rowIdentifier) {\n      console.warn(\"`rowIdentifier` prop is required for row selection.\");\n      return;\n    }\n\n    if (event.target.checked) {\n      const newSelecteds = [...selectedRows];\n      paginatedData.forEach(row => {\n        const rowId = row[rowIdentifier] as any;\n        if (!newSelecteds.some(selectedRow => (selectedRow as any)[rowIdentifier] === rowId)) {\n          newSelecteds.push(row);\n        }\n      });\n      setSelectedRows(newSelecteds);\n    } else {\n      const newSelecteds = selectedRows.filter(selectedRow =>\n        !paginatedData.some(row => (row as any)[rowIdentifier] === (selectedRow as any)[rowIdentifier])\n      );\n      setSelectedRows(newSelecteds);\n    }\n  };\n\n  const handleRowClick = (event: React.MouseEvent<unknown>, row: T) => {\n    if (!rowIdentifier) {\n      console.warn(\"`rowIdentifier` prop is required for row selection.\");\n      return;\n    }\n\n    const rowId = row[rowIdentifier] as any;\n    const selectedIndex = selectedRows.findIndex(selectedRow => (selectedRow as any)[rowIdentifier] === rowId);\n    let newSelected: T[] = [];\n\n    if (selectedIndex === -1) {\n      newSelected = newSelected.concat(selectedRows, row);\n    } else if (selectedIndex === 0) {\n      newSelected = newSelected.concat(selectedRows.slice(1));\n    } else if (selectedIndex === selectedRows.length - 1) {\n      newSelected = newSelected.concat(selectedRows.slice(0, -1));\n    } else if (selectedIndex > 0) {\n      newSelected = newSelected.concat(\n        selectedRows.slice(0, selectedIndex),\n        selectedRows.slice(selectedIndex + 1),\n      );\n    }\n    setSelectedRows(newSelected);\n  };\n\n  const isSelected = (row: T) => {\n    if (!rowIdentifier) return false;\n    return selectedRows.some(selectedRow => (selectedRow as any)[rowIdentifier] === (row as any)[rowIdentifier]);\n  };\n\n  const numSelectedOnPage = paginatedData.filter(isSelected).length;\n  const isAllSelectedOnPage = paginatedData.length > 0 && numSelectedOnPage === paginatedData.length;\n  const isIndeterminateOnPage = numSelectedOnPage > 0 && numSelectedOnPage < paginatedData.length;\n\n  return (\n    <TableContainer >\n      <MuiTable sx={{ minWidth: 650 }} aria-label=\"custom table\">\n        {/* Table Header */}\n        <TableHead sx={{ backgroundColor: '#fff' }}>\n          <TableRow>\n            {enableRowSelection && (\n              <TableCell padding=\"checkbox\" sx={{ width: '50px' }}> {/* Puedes ajustar este ancho fijo si lo deseas */}\n                <Checkbox\n                  color=\"primary\"\n                  indeterminate={isIndeterminateOnPage}\n                  checked={isAllSelectedOnPage}\n                  onChange={handleSelectAllClick}\n                  inputProps={{ 'aria-label': 'select all desserts' }}\n                />\n              </TableCell>\n            )}\n            {columns.map((column, index) => (\n              <TableCell\n                key={index}\n                sx={{\n\n                  fontSize: '12px',\n                  color: (theme) => theme.palette.text.secondary,\n                  width: column.props.width || 'auto', // APLICA EL ANCHO AQUÍ\n                  whiteSpace: 'nowrap', // Evita que el texto se ajuste si la columna es pequeña\n                  \n                }}\n              >\n                <Typography sx={{ fontSize: '12px' }}>\n                  {column.props.name}\n                </Typography>\n              </TableCell>\n            ))}\n          </TableRow>\n        </TableHead>\n        {/* Table Body */}\n        <TableBody sx={{ borderRadius: '10px', overflow: 'hidden' }}>\n          {paginatedData.map((row, rowIndex) => {\n            const isRowSelected = enableRowSelection && isSelected(row);\n            return (\n              <TableRow\n                key={rowIndex}\n                sx={{ backgroundColor: '#F8F8F8', '&:last-child td, &:last-child th': { border: 0 }, '&:hover': { backgroundColor: (theme) => '#FFF' } }}\n                selected={isRowSelected}\n              >\n                {enableRowSelection && (\n                  <TableCell padding=\"checkbox\" sx={{ width: '50px' }}> {/* Mismo ancho para la celda de la fila */}\n                    <Checkbox\n                      color=\"primary\"\n                      checked={isRowSelected}\n                      onClick={(event) => handleRowClick(event, row)}\n                      inputProps={{ 'aria-labelledby': `table-checkbox-${rowIndex}` }}\n                    />\n                  </TableCell>\n                )}\n                {columns.map((column, colIndex) => {\n                  const { field, children: cellRenderer } = column.props;\n\n                  let fieldData: Partial<T>;\n\n                  if (Array.isArray(field)) {\n                    fieldData = (field as Array<keyof T>).reduce((acc, currentField) => {\n                      (acc as any)[currentField] = (row as any)[currentField];\n                      return acc;\n                    }, {} as Partial<T>);\n                  } else {\n                    fieldData = { [field]: (row as any)[field] } as Partial<T>;\n                  }\n\n                  return (\n                    <TableCell\n                      key={colIndex}\n                      sx={{\n                        fontSize: '14px',\n                        width: column.props.width || 'auto', // APLICA EL ANCHO AQUÍ TAMBIÉN\n                        whiteSpace: 'nowrap', // Asegura que el contenido no se rompa prematuramente\n                        padding: '12px 16px', // Asegura un padding consistente\n                        borderBottom: 'none'\n                      }}\n                    >\n                      {cellRenderer(fieldData)}\n                    </TableCell>\n                  );\n                })}\n              </TableRow>\n            );\n          })}\n          {/* Empty table message */}\n          {paginatedData.length === 0 && (\n            <TableRow>\n              <TableCell colSpan={columns.length + (enableRowSelection ? 1 : 0)} sx={{ textAlign: 'center', py: 4 }}>\n                <Typography variant=\"body2\" color=\"text.secondary\">\n                  No hay datos disponibles para mostrar.\n                </Typography>\n              </TableCell>\n            </TableRow>\n          )}\n        </TableBody>\n      </MuiTable>\n\n      {/* Pagination and Export Controls */}\n      {(effectiveTotalPages > 0 || enableCSVExport || enableExcelExport || (enableRowSelection && selectedRows.length > 0)) && (\n        <Box display=\"flex\" justifyContent=\"space-between\" alignItems=\"center\" p={2}>\n          {/* Page Size Selector (Left) */}\n          {(effectiveTotalPages > 0 && showPageSizeSelector) && (\n            <Select\n              size=\"small\"\n              value={activePageSize}\n              onChange={(e) => handlePageSizeChange(Number(e.target.value))}\n            >\n              {[1, 2, 3, 5, 10, 20, 50, 100].map((size) => (\n                <MenuItem key={size} value={size}>\n                  Mostrar {size}\n                </MenuItem>\n              ))}\n            </Select>\n          )}\n\n          {/* Pagination Controls (Center) */}\n          {effectiveTotalPages > 0 && (\n            <Box\n              display=\"flex\"\n              alignItems=\"center\"\n              gap={0.5}\n              sx={{ flexGrow: 1, justifyContent: 'center' }}\n            >\n              <IconButton\n                onClick={() => handlePageChange(1)}\n                disabled={activePage <= 1}\n                size=\"small\"\n                color=\"primary\"\n              >\n                <FirstPageIcon fontSize=\"small\" />\n              </IconButton>\n\n              <IconButton\n                onClick={() => handlePageChange(activePage - 1)}\n                disabled={activePage <= 1}\n                size=\"small\"\n                color=\"primary\"\n              >\n                <KeyboardArrowLeftIcon fontSize=\"small\" />\n              </IconButton>\n\n              {pageNumbers.map((pageNumber) => (\n                <Button\n                  key={pageNumber}\n                  onClick={() => handlePageChange(pageNumber)}\n                  variant={activePage === pageNumber ? 'contained' : 'text'}\n                  size=\"small\"\n                  sx={{ minWidth: '32px', height: '32px' }}\n                >\n                  {pageNumber}\n                </Button>\n              ))}\n\n              <IconButton\n                onClick={() => handlePageChange(activePage + 1)}\n                disabled={activePage >= effectiveTotalPages}\n                size=\"small\"\n                color=\"primary\"\n              >\n                <KeyboardArrowRightIcon fontSize=\"small\" />\n              </IconButton>\n\n              <IconButton\n                onClick={() => handlePageChange(effectiveTotalPages)}\n                disabled={activePage >= effectiveTotalPages}\n                size=\"small\"\n                color=\"primary\"\n              >\n                <LastPageIcon fontSize=\"small\" />\n              </IconButton>\n            </Box>\n          )}\n\n          {enableRowSelection && selectedRows.length > 0 && (\n            <Typography variant=\"subtitle2\" sx={{ mr: 2 }}>\n              {selectedRows.length} seleccionados\n            </Typography>\n          )}\n\n          {(enableCSVExport || enableExcelExport) && (\n            <Box display=\"flex\" alignItems=\"center\" gap={1}>\n              {enableCSVExport && (\n                <Button\n                  variant=\"text\"\n                  color=\"primary\"\n                  onClick={() =>\n                    exportToCSV({\n                      data,\n                      columns,\n                      fileName: csvExportFileName,\n                      exportColumns: csvExportColumns,\n                      setSnackbarOpen,\n                      setSnackbarMessage,\n                      setSnackbarSeverity,\n                    })\n                  }\n                  size=\"small\"\n                  startIcon={<DownloadOutlinedIcon />}\n                >\n                  {csvExportButtonText}\n                </Button>\n              )}\n              {enableExcelExport && (\n                <Button\n                  variant=\"text\"\n                  color=\"primary\"\n                  onClick={() =>\n                    exportToExcel({\n                      data,\n                      columns,\n                      fileName: excelExportFileName,\n                      exportColumns: excelExportColumns,\n                      setSnackbarOpen,\n                      setSnackbarMessage,\n                      setSnackbarSeverity,\n                    })\n                  }\n                  size=\"small\"\n                  startIcon={<DownloadOutlinedIcon />}\n                >\n                  {excelExportButtonText}\n                </Button>\n              )}\n            </Box>\n          )}\n        </Box>\n      )}\n\n      <Snackbar open={snackbarOpen} autoHideDuration={3000} onClose={handleSnackbarClose} anchorOrigin={{ vertical: 'bottom', horizontal: 'center' }}>\n        <Alert onClose={handleSnackbarClose} severity={snackbarSeverity} sx={{ width: '100%' }}>\n          {snackbarMessage}\n        </Alert>\n      </Snackbar>\n    </TableContainer>\n  );\n}\n\nexport default Table;"],"names":["React","Alert","MuiTable"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAmBO,MAAM,cAAc,CAAI,YAA8B;AAC3D,QAAM,EAAE,MAAM,SAAS,UAAU,eAAe,iBAAiB,oBAAoB,wBAAwB;AAE7G,MAAI,CAAC,QAAQ,KAAK,WAAW,GAAG;AAC9B,uBAAmB,mCAAmC;AACtD,wBAAoB,SAAS;AAC7B,oBAAgB,IAAI;AACpB;AAAA,EACF;AAEA,qBAAmB,2BAA2B;AAC9C,sBAAoB,MAAM;AAC1B,kBAAgB,IAAI;AAEpB,MAAI;AAEF,UAAM,kBAAkB,gBACpB,QAAQ,OAAO,CAAA,QAAO,cAAc,SAAS,IAAI,MAAM,IAAI,CAAC,IAC5D;AAGJ,UAAM,UAAU,gBAAgB,IAAI,CAAA,QAAO,IAAI,IAAI,MAAM,KAAK,QAAQ,MAAM,IAAI,CAAC,GAAG,EAAE,KAAK,GAAG;AAG9F,UAAM,UAAU,KAAK,IAAI,CAAA,QAAO;AAC9B,YAAM,SAAS,gBAAgB,IAAI,CAAA,QAAO;AACxC,cAAM,QAAQ,IAAI,MAAM;AACxB,YAAI;AAGJ,YAAI,MAAM,QAAQ,KAAK,GAAG;AACxB,sBAAa,IAAY,MAAM,CAAC,CAAC;AAAA,QACnC,OAAO;AACL,sBAAa,IAAY,KAAK;AAAA,QAChC;AAGA,YAAI,iBAAiB,OAAO,aAAa,EAAE;AAC3C,YAAI,eAAe,SAAS,GAAG,KAAK,eAAe,SAAS,GAAG,KAAK,eAAe,SAAS,IAAI,GAAG;AACjG,2BAAiB,IAAI,eAAe,QAAQ,MAAM,IAAI,CAAC;AAAA,QACzD;AACA,eAAO;AAAA,MACT,CAAC;AACD,aAAO,OAAO,KAAK,GAAG;AAAA,IACxB,CAAC;AAED,UAAM,aAAa,CAAC,SAAS,GAAG,OAAO,EAAE,KAAK,IAAI;AAClD,UAAM,OAAO,IAAI,KAAK,CAAC,UAAU,GAAG,EAAE,MAAM,2BAA2B;AACvE,UAAM,OAAO,SAAS,cAAc,GAAG;AAEvC,QAAI,KAAK,aAAa,QAAW;AAC/B,YAAM,MAAM,IAAI,gBAAgB,IAAI;AACpC,WAAK,aAAa,QAAQ,GAAG;AAC7B,WAAK,aAAa,YAAY,WAAW,MAAM;AAC/C,WAAK,MAAM,aAAa;AACxB,eAAS,KAAK,YAAY,IAAI;AAC9B,WAAK,MAAA;AACL,eAAS,KAAK,YAAY,IAAI;AAC9B,UAAI,gBAAgB,GAAG;AAEvB,yBAAmB,gCAAgC;AACnD,0BAAoB,SAAS;AAAA,IAC/B,OAAO;AACL,yBAAmB,kGAAkG;AACrH,0BAAoB,OAAO;AAAA,IAC7B;AAAA,EACF,SAAS,OAAO;AACd,YAAQ,MAAM,sCAAsC,KAAK;AACzD,uBAAmB,oCAAoC;AACvD,wBAAoB,OAAO;AAAA,EAC7B,UAAA;AACE,oBAAgB,IAAI;AAAA,EACtB;AACF;AAOO,MAAM,gBAAgB,CAAI,YAA8B;AAC7D,QAAM,EAAE,MAAM,SAAS,UAAU,eAAe,iBAAiB,oBAAoB,wBAAwB;AAE7G,MAAI,CAAC,QAAQ,KAAK,WAAW,GAAG;AAC9B,uBAAmB,qCAAqC;AACxD,wBAAoB,SAAS;AAC7B,oBAAgB,IAAI;AACpB;AAAA,EACF;AAEA,qBAAmB,oCAAoC;AACvD,sBAAoB,MAAM;AAC1B,kBAAgB,IAAI;AAEpB,MAAI;AACF,UAAM,kBAAkB,gBACpB,QAAQ,OAAO,CAAA,QAAO,cAAc,SAAS,IAAI,MAAM,IAAI,CAAC,IAC5D;AAGJ,QAAI,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAuBI,gBAAgB,IAAI,CAAA,QAAO,OAAO,IAAI,MAAM,IAAI,OAAO,EAAE,KAAK,EAAE,CAAC;AAAA;AAAA;AAAA;AAAA,oBAIrE,KAAK,IAAI,CAAA,QAAO;AAAA;AAAA,4BAER,gBAAgB,IAAI,CAAA,QAAO;AACzB,YAAM,QAAQ,IAAI,MAAM;AACxB,UAAI;AACJ,UAAI,MAAM,QAAQ,KAAK,GAAG;AACtB,oBAAa,IAAY,MAAM,CAAC,CAAC;AAAA,MACrC,OAAO;AACH,oBAAa,IAAY,KAAK;AAAA,MAClC;AAEA,aAAO,OAAO,OAAO,aAAa,EAAE,EAAE,QAAQ,MAAM,OAAO,EAAE,QAAQ,MAAM,MAAM,EAAE,QAAQ,MAAM,MAAM,CAAC;AAAA,IAC5G,CAAC,EAAE,KAAK,EAAE,CAAC;AAAA;AAAA,mBAElB,EAAE,KAAK,EAAE,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAQzB,UAAM,OAAO,IAAI,KAAK,CAAC,SAAS,GAAG,EAAE,MAAM,oFAAoF;AAE/H,UAAM,OAAO,SAAS,cAAc,GAAG;AACvC,QAAI,KAAK,aAAa,QAAW;AAC/B,YAAM,MAAM,IAAI,gBAAgB,IAAI;AACpC,WAAK,aAAa,QAAQ,GAAG;AAC7B,WAAK,aAAa,YAAY,WAAW,OAAO;AAChD,WAAK,MAAM,aAAa;AACxB,eAAS,KAAK,YAAY,IAAI;AAC9B,WAAK,MAAA;AACL,eAAS,KAAK,YAAY,IAAI;AAC9B,UAAI,gBAAgB,GAAG;AAEvB,yBAAmB,yCAAyC;AAC5D,0BAAoB,SAAS;AAAA,IAC/B,OAAO;AACL,yBAAmB,2GAA2G;AAC9H,0BAAoB,OAAO;AAAA,IAC7B;AAAA,EACF,SAAS,OAAO;AACd,YAAQ,MAAM,+CAA+C,KAAK;AAClE,uBAAmB,6CAA6C;AAChE,wBAAoB,OAAO;AAAA,EAC7B,UAAA;AACE,oBAAgB,IAAI;AAAA,EACtB;AACF;ACtIA,MAAM,QAAQA,eAAM,WAAuC,SAASC,OAClE,OACA,KACA;AACA,SAAO,oBAAC,2BAAS,WAAW,GAAG,KAAU,SAAQ,YAAa,MAAO;AACvE,CAAC;AAEM,SAAS,MAAS;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,wBAAwB;AAAA,EACxB;AAAA,EACA;AAAA,EACA,qBAAqB;AAAA,EACrB,kBAAkB;AAAA,EAClB,oBAAoB;AAAA,EACpB,sBAAsB;AAAA,EACtB;AAAA,EACA,oBAAoB;AAAA,EACpB,sBAAsB;AAAA,EACtB,wBAAwB;AAAA,EACxB;AAAA,EACA,qBAAqB;AAAA,EACrB;AAAA,EACA;AAAA,EACA,uBAAuB;AACzB,GAAkB;AAChB,QAAM,UAAU,SAAS,QAAQ,QAAQ,EAAE;AAAA,IACzC,CAAC,UACC,eAAe,KAAK,KAAM,MAAM,KAAa,gBAAgB;AAAA,EAAA;AAGjE,QAAM,CAAC,cAAc,eAAe,IAAI,SAAS,KAAK;AACtD,QAAM,CAAC,iBAAiB,kBAAkB,IAAI,SAAS,EAAE;AACzD,QAAM,CAAC,kBAAkB,mBAAmB,IAAI,SAAiC,MAAM;AAEvF,QAAM,CAAC,cAAc,eAAe,IAAI,SAAc,CAAA,CAAE;AAExD,YAAU,MAAM;AACd,oBAAgB,CAAA,CAAE;AAAA,EACpB,GAAG,CAAC,MAAM,aAAa,QAAQ,CAAC;AAEhC,YAAU,MAAM;AACd,2DAAoB;AAAA,EACtB,GAAG,CAAC,cAAc,iBAAiB,CAAC;AAEpC,QAAM,sBAAsB,CAAC,OAAsC,WAAoB;AACrF,QAAI,WAAW,aAAa;AAC1B;AAAA,IACF;AACA,oBAAgB,KAAK;AAAA,EACvB;AAEA,QAAM,eAAe,OAAO,iBAAiB,cAAc,OAAO,gBAAgB;AAClF,QAAM,CAAC,cAAc,eAAe,IAAI,SAAS,CAAC;AAClD,QAAM,CAAC,kBAAkB,mBAAmB,IAAI,SAAS,qBAAqB;AAE9E,QAAM,aAAa,eAAe,cAAe;AACjD,QAAM,iBAAiB,eAAe,WAAY;AAElD,QAAM,gBAAgB,eAAe,OAAO,KAAK,OAAO,aAAa,KAAK,gBAAgB,aAAa,cAAc;AAErH,QAAM,sBAAsB,eACxB,aACA,KAAK,KAAK,KAAK,SAAS,cAAc;AAE1C,QAAM,mBAAmB,CAAC,YAAoB;AAC5C,QAAI,UAAU,KAAK,UAAU,oBAAqB;AAClD,QAAI,2DAA6B;AAAA,yBACZ,OAAO;AAAA,EAC9B;AAEA,QAAM,uBAAuB,CAAC,YAAoB;AAChD,QAAI,cAAc;AAChB,2DAAmB;AACnB,mDAAe;AAAA,IACjB,OAAO;AACL,0BAAoB,OAAO;AAC3B,sBAAgB,CAAC;AAAA,IACnB;AAAA,EACF;AAEA,QAAM,iBAAiB,MAAM;AAC3B,UAAM,QAAQ,CAAA;AACd,UAAM,WAAW;AACjB,UAAM,UAAU;AAChB,UAAM,OAAO,KAAK,MAAM,qBAAqB,CAAC;AAE9C,QAAI,YAAY,KAAK,IAAI,GAAG,UAAU,IAAI;AAC1C,QAAI,UAAU,KAAK,IAAI,UAAU,UAAU,IAAI;AAE/C,QAAI,UAAU,YAAY,IAAI,oBAAoB;AAChD,UAAI,cAAc,GAAG;AACnB,kBAAU,KAAK,IAAI,UAAU,YAAY,qBAAqB,CAAC;AAAA,MACjE,WAAW,YAAY,UAAU;AAC/B,oBAAY,KAAK,IAAI,GAAG,WAAW,qBAAqB,CAAC;AAAA,MAC3D;AAAA,IACF;AAEA,aAAS,IAAI,WAAW,KAAK,SAAS,KAAK;AACzC,YAAM,KAAK,CAAC;AAAA,IACd;AACA,WAAO;AAAA,EACT;AAEA,QAAM,cAAc,eAAA;AAEpB,QAAM,uBAAuB,CAAC,UAA+C;AAC3E,QAAI,CAAC,eAAe;AAClB,cAAQ,KAAK,qDAAqD;AAClE;AAAA,IACF;AAEA,QAAI,MAAM,OAAO,SAAS;AACxB,YAAM,eAAe,CAAC,GAAG,YAAY;AACrC,oBAAc,QAAQ,CAAA,QAAO;AAC3B,cAAM,QAAQ,IAAI,aAAa;AAC/B,YAAI,CAAC,aAAa,KAAK,CAAA,gBAAgB,YAAoB,aAAa,MAAM,KAAK,GAAG;AACpF,uBAAa,KAAK,GAAG;AAAA,QACvB;AAAA,MACF,CAAC;AACD,sBAAgB,YAAY;AAAA,IAC9B,OAAO;AACL,YAAM,eAAe,aAAa;AAAA,QAAO,CAAA,gBACvC,CAAC,cAAc,KAAK,CAAA,QAAQ,IAAY,aAAa,MAAO,YAAoB,aAAa,CAAC;AAAA,MAAA;AAEhG,sBAAgB,YAAY;AAAA,IAC9B;AAAA,EACF;AAEA,QAAM,iBAAiB,CAAC,OAAkC,QAAW;AACnE,QAAI,CAAC,eAAe;AAClB,cAAQ,KAAK,qDAAqD;AAClE;AAAA,IACF;AAEA,UAAM,QAAQ,IAAI,aAAa;AAC/B,UAAM,gBAAgB,aAAa,UAAU,iBAAgB,YAAoB,aAAa,MAAM,KAAK;AACzG,QAAI,cAAmB,CAAA;AAEvB,QAAI,kBAAkB,IAAI;AACxB,oBAAc,YAAY,OAAO,cAAc,GAAG;AAAA,IACpD,WAAW,kBAAkB,GAAG;AAC9B,oBAAc,YAAY,OAAO,aAAa,MAAM,CAAC,CAAC;AAAA,IACxD,WAAW,kBAAkB,aAAa,SAAS,GAAG;AACpD,oBAAc,YAAY,OAAO,aAAa,MAAM,GAAG,EAAE,CAAC;AAAA,IAC5D,WAAW,gBAAgB,GAAG;AAC5B,oBAAc,YAAY;AAAA,QACxB,aAAa,MAAM,GAAG,aAAa;AAAA,QACnC,aAAa,MAAM,gBAAgB,CAAC;AAAA,MAAA;AAAA,IAExC;AACA,oBAAgB,WAAW;AAAA,EAC7B;AAEA,QAAM,aAAa,CAAC,QAAW;AAC7B,QAAI,CAAC,cAAe,QAAO;AAC3B,WAAO,aAAa,KAAK,CAAA,gBAAgB,YAAoB,aAAa,MAAO,IAAY,aAAa,CAAC;AAAA,EAC7G;AAEA,QAAM,oBAAoB,cAAc,OAAO,UAAU,EAAE;AAC3D,QAAM,sBAAsB,cAAc,SAAS,KAAK,sBAAsB,cAAc;AAC5F,QAAM,wBAAwB,oBAAoB,KAAK,oBAAoB,cAAc;AAEzF,8BACG,gBAAA,EACC,UAAA;AAAA,IAAA,qBAACC,WAAS,IAAI,EAAE,UAAU,OAAO,cAAW,gBAE1C,UAAA;AAAA,MAAA,oBAAC,aAAU,IAAI,EAAE,iBAAiB,OAAA,GAChC,+BAAC,UAAA,EACE,UAAA;AAAA,QAAA,sBACC,qBAAC,aAAU,SAAQ,YAAW,IAAI,EAAE,OAAO,UAAU,UAAA;AAAA,UAAA;AAAA,UACnD;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,OAAM;AAAA,cACN,eAAe;AAAA,cACf,SAAS;AAAA,cACT,UAAU;AAAA,cACV,YAAY,EAAE,cAAc,sBAAA;AAAA,YAAsB;AAAA,UAAA;AAAA,QACpD,GACF;AAAA,QAED,QAAQ,IAAI,CAAC,QAAQ,UACpB;AAAA,UAAC;AAAA,UAAA;AAAA,YAEC,IAAI;AAAA,cAEF,UAAU;AAAA,cACV,OAAO,CAAC,UAAU,MAAM,QAAQ,KAAK;AAAA,cACrC,OAAO,OAAO,MAAM,SAAS;AAAA;AAAA,cAC7B,YAAY;AAAA;AAAA,YAAA;AAAA,YAId,UAAA,oBAAC,cAAW,IAAI,EAAE,UAAU,OAAA,GACzB,UAAA,OAAO,MAAM,KAAA,CAChB;AAAA,UAAA;AAAA,UAZK;AAAA,QAAA,CAcR;AAAA,MAAA,EAAA,CACH,EAAA,CACF;AAAA,MAEA,qBAAC,aAAU,IAAI,EAAE,cAAc,QAAQ,UAAU,YAC9C,UAAA;AAAA,QAAA,cAAc,IAAI,CAAC,KAAK,aAAa;AACpC,gBAAM,gBAAgB,sBAAsB,WAAW,GAAG;AAC1D,iBACE;AAAA,YAAC;AAAA,YAAA;AAAA,cAEC,IAAI,EAAE,iBAAiB,WAAW,oCAAoC,EAAE,QAAQ,EAAA,GAAK,WAAW,EAAE,iBAAiB,CAAC,UAAU,SAAO;AAAA,cACrI,UAAU;AAAA,cAET,UAAA;AAAA,gBAAA,sBACC,qBAAC,aAAU,SAAQ,YAAW,IAAI,EAAE,OAAO,UAAU,UAAA;AAAA,kBAAA;AAAA,kBACnD;AAAA,oBAAC;AAAA,oBAAA;AAAA,sBACC,OAAM;AAAA,sBACN,SAAS;AAAA,sBACT,SAAS,CAAC,UAAU,eAAe,OAAO,GAAG;AAAA,sBAC7C,YAAY,EAAE,mBAAmB,kBAAkB,QAAQ,GAAA;AAAA,oBAAG;AAAA,kBAAA;AAAA,gBAChE,GACF;AAAA,gBAED,QAAQ,IAAI,CAAC,QAAQ,aAAa;AACjC,wBAAM,EAAE,OAAO,UAAU,aAAA,IAAiB,OAAO;AAEjD,sBAAI;AAEJ,sBAAI,MAAM,QAAQ,KAAK,GAAG;AACxB,gCAAa,MAAyB,OAAO,CAAC,KAAK,iBAAiB;AACjE,0BAAY,YAAY,IAAK,IAAY,YAAY;AACtD,6BAAO;AAAA,oBACT,GAAG,CAAA,CAAgB;AAAA,kBACrB,OAAO;AACL,gCAAY,EAAE,CAAC,KAAK,GAAI,IAAY,KAAK,EAAA;AAAA,kBAC3C;AAEA,yBACE;AAAA,oBAAC;AAAA,oBAAA;AAAA,sBAEC,IAAI;AAAA,wBACF,UAAU;AAAA,wBACV,OAAO,OAAO,MAAM,SAAS;AAAA;AAAA,wBAC7B,YAAY;AAAA;AAAA,wBACZ,SAAS;AAAA;AAAA,wBACT,cAAc;AAAA,sBAAA;AAAA,sBAGf,uBAAa,SAAS;AAAA,oBAAA;AAAA,oBATlB;AAAA,kBAAA;AAAA,gBAYX,CAAC;AAAA,cAAA;AAAA,YAAA;AAAA,YA1CI;AAAA,UAAA;AAAA,QA6CX,CAAC;AAAA,QAEA,cAAc,WAAW,KACxB,oBAAC,UAAA,EACC,UAAA,oBAAC,WAAA,EAAU,SAAS,QAAQ,UAAU,qBAAqB,IAAI,IAAI,IAAI,EAAE,WAAW,UAAU,IAAI,EAAA,GAChG,UAAA,oBAAC,YAAA,EAAW,SAAQ,SAAQ,OAAM,kBAAiB,UAAA,yCAAA,CAEnD,EAAA,CACF,EAAA,CACF;AAAA,MAAA,EAAA,CAEJ;AAAA,IAAA,GACF;AAAA,KAGE,sBAAsB,KAAK,mBAAmB,qBAAsB,sBAAsB,aAAa,SAAS,MAChH,qBAAC,KAAA,EAAI,SAAQ,QAAO,gBAAe,iBAAgB,YAAW,UAAS,GAAG,GAEtE,UAAA;AAAA,MAAA,sBAAsB,KAAK,wBAC3B;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,OAAO;AAAA,UACP,UAAU,CAAC,MAAM,qBAAqB,OAAO,EAAE,OAAO,KAAK,CAAC;AAAA,UAE3D,WAAC,GAAG,GAAG,GAAG,GAAG,IAAI,IAAI,IAAI,GAAG,EAAE,IAAI,CAAC,SAClC,qBAAC,UAAA,EAAoB,OAAO,MAAM,UAAA;AAAA,YAAA;AAAA,YACvB;AAAA,UAAA,EAAA,GADI,IAEf,CACD;AAAA,QAAA;AAAA,MAAA;AAAA,MAKJ,sBAAsB,KACrB;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,SAAQ;AAAA,UACR,YAAW;AAAA,UACX,KAAK;AAAA,UACL,IAAI,EAAE,UAAU,GAAG,gBAAgB,SAAA;AAAA,UAEnC,UAAA;AAAA,YAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,SAAS,MAAM,iBAAiB,CAAC;AAAA,gBACjC,UAAU,cAAc;AAAA,gBACxB,MAAK;AAAA,gBACL,OAAM;AAAA,gBAEN,UAAA,oBAAC,eAAA,EAAc,UAAS,QAAA,CAAQ;AAAA,cAAA;AAAA,YAAA;AAAA,YAGlC;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,SAAS,MAAM,iBAAiB,aAAa,CAAC;AAAA,gBAC9C,UAAU,cAAc;AAAA,gBACxB,MAAK;AAAA,gBACL,OAAM;AAAA,gBAEN,UAAA,oBAAC,uBAAA,EAAsB,UAAS,QAAA,CAAQ;AAAA,cAAA;AAAA,YAAA;AAAA,YAGzC,YAAY,IAAI,CAAC,eAChB;AAAA,cAAC;AAAA,cAAA;AAAA,gBAEC,SAAS,MAAM,iBAAiB,UAAU;AAAA,gBAC1C,SAAS,eAAe,aAAa,cAAc;AAAA,gBACnD,MAAK;AAAA,gBACL,IAAI,EAAE,UAAU,QAAQ,QAAQ,OAAA;AAAA,gBAE/B,UAAA;AAAA,cAAA;AAAA,cANI;AAAA,YAAA,CAQR;AAAA,YAED;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,SAAS,MAAM,iBAAiB,aAAa,CAAC;AAAA,gBAC9C,UAAU,cAAc;AAAA,gBACxB,MAAK;AAAA,gBACL,OAAM;AAAA,gBAEN,UAAA,oBAAC,wBAAA,EAAuB,UAAS,QAAA,CAAQ;AAAA,cAAA;AAAA,YAAA;AAAA,YAG3C;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,SAAS,MAAM,iBAAiB,mBAAmB;AAAA,gBACnD,UAAU,cAAc;AAAA,gBACxB,MAAK;AAAA,gBACL,OAAM;AAAA,gBAEN,UAAA,oBAAC,cAAA,EAAa,UAAS,QAAA,CAAQ;AAAA,cAAA;AAAA,YAAA;AAAA,UACjC;AAAA,QAAA;AAAA,MAAA;AAAA,MAIH,sBAAsB,aAAa,SAAS,KAC3C,qBAAC,YAAA,EAAW,SAAQ,aAAY,IAAI,EAAE,IAAI,EAAA,GACvC,UAAA;AAAA,QAAA,aAAa;AAAA,QAAO;AAAA,MAAA,GACvB;AAAA,OAGA,mBAAmB,sBACnB,qBAAC,KAAA,EAAI,SAAQ,QAAO,YAAW,UAAS,KAAK,GAC1C,UAAA;AAAA,QAAA,mBACC;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,SAAQ;AAAA,YACR,OAAM;AAAA,YACN,SAAS,MACP,YAAY;AAAA,cACV;AAAA,cACA;AAAA,cACA,UAAU;AAAA,cACV,eAAe;AAAA,cACf;AAAA,cACA;AAAA,cACA;AAAA,YAAA,CACD;AAAA,YAEH,MAAK;AAAA,YACL,+BAAY,sBAAA,EAAqB;AAAA,YAEhC,UAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QAGJ,qBACC;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,SAAQ;AAAA,YACR,OAAM;AAAA,YACN,SAAS,MACP,cAAc;AAAA,cACZ;AAAA,cACA;AAAA,cACA,UAAU;AAAA,cACV,eAAe;AAAA,cACf;AAAA,cACA;AAAA,cACA;AAAA,YAAA,CACD;AAAA,YAEH,MAAK;AAAA,YACL,+BAAY,sBAAA,EAAqB;AAAA,YAEhC,UAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACH,EAAA,CAEJ;AAAA,IAAA,GAEJ;AAAA,IAGF,oBAAC,UAAA,EAAS,MAAM,cAAc,kBAAkB,KAAM,SAAS,qBAAqB,cAAc,EAAE,UAAU,UAAU,YAAY,SAAA,GAClI,UAAA,oBAAC,OAAA,EAAM,SAAS,qBAAqB,UAAU,kBAAkB,IAAI,EAAE,OAAO,OAAA,GAC3E,UAAA,gBAAA,CACH,EAAA,CACF;AAAA,EAAA,GACF;AAEJ;"}
+{"version":3,"file":"Table.js","sources":["../../../src/components/Table/exportsUtils.ts","../../../src/components/Table/EmptyTable.png","../../../src/components/Table/Table.tsx"],"sourcesContent":["import React from 'react';\nimport { AlertProps } from '@mui/material/Alert';\nimport { ColumnProps } from '../Column/Column'; // Importa ColumnProps y FieldName desde Column.tsx\n\n// Define las propiedades comunes para las funciones de exportación\ninterface ExportOptions<T> {\n  data: T[]; // Los datos a exportar\n  columns: React.ReactElement<ColumnProps<T>>[]; // Las definiciones de las columnas\n  fileName: string; // El nombre del archivo a descargar\n  exportColumns?: string[]; // Nombres de columnas específicas para exportar\n  setSnackbarOpen: React.Dispatch<React.SetStateAction<boolean>>; // Setter para abrir/cerrar el Snackbar\n  setSnackbarMessage: React.Dispatch<React.SetStateAction<string>>; // Setter para el mensaje del Snackbar\n  setSnackbarSeverity: React.Dispatch<React.SetStateAction<AlertProps['severity']>>; // Setter para la severidad del Snackbar\n}\n\n/**\n * Función para exportar datos a un archivo CSV.\n * @param options Opciones de exportación, incluyendo datos, columnas, nombre de archivo y setters de Snackbar.\n */\nexport const exportToCSV = <T>(options: ExportOptions<T>) => {\n  const { data, columns, fileName, exportColumns, setSnackbarOpen, setSnackbarMessage, setSnackbarSeverity } = options;\n\n  if (!data || data.length === 0) {\n    setSnackbarMessage(\"No hay datos para exportar a CSV.\");\n    setSnackbarSeverity('warning');\n    setSnackbarOpen(true);\n    return;\n  }\n\n  setSnackbarMessage(\"Exportando datos a CSV...\");\n  setSnackbarSeverity('info');\n  setSnackbarOpen(true);\n\n  try {\n    // Filtra las columnas si se especifican columnas para exportar, de lo contrario, usa todas las columnas definidas.\n    const columnsToExport = exportColumns\n      ? columns.filter(col => exportColumns.includes(col.props.name))\n      : columns;\n\n    // Obtiene los encabezados (nombres de las columnas) y los escapa para CSV.\n    const headers = columnsToExport.map(col => `\"${col.props.name.replace(/\"/g, '\"\"')}\"`).join(',');\n\n    // Mapea los datos a filas CSV.\n    const csvRows = data.map(row => {\n      const values = columnsToExport.map(col => {\n        const field = col.props.field;\n        let cellValue: any;\n\n        // Si 'field' es un array, toma el valor del primer campo para la exportación.\n        if (Array.isArray(field)) {\n          cellValue = (row as any)[field[0]];\n        } else {\n          cellValue = (row as any)[field];\n        }\n\n        // Convierte a string y maneja comas, comillas dobles y saltos de línea para CSV.\n        let formattedValue = String(cellValue || '');\n        if (formattedValue.includes(',') || formattedValue.includes('\"') || formattedValue.includes('\\n')) {\n          formattedValue = `\"${formattedValue.replace(/\"/g, '\"\"')}\"`;\n        }\n        return formattedValue;\n      });\n      return values.join(',');\n    });\n\n    const csvContent = [headers, ...csvRows].join('\\n'); // Une los encabezados y las filas.\n    const blob = new Blob([csvContent], { type: 'text/csv;charset=utf-8;' });\n    const link = document.createElement('a');\n\n    if (link.download !== undefined) {\n      const url = URL.createObjectURL(blob);\n      link.setAttribute('href', url);\n      link.setAttribute('download', fileName + '.csv');\n      link.style.visibility = 'hidden';\n      document.body.appendChild(link);\n      link.click();\n      document.body.removeChild(link);\n      URL.revokeObjectURL(url);\n\n      setSnackbarMessage(\"¡Exportación a CSV completada!\");\n      setSnackbarSeverity('success');\n    } else {\n      setSnackbarMessage(\"Tu navegador no soporta la descarga directa para CSV. Por favor, copia el contenido manualmente.\");\n      setSnackbarSeverity('error');\n    }\n  } catch (error) {\n    console.error(\"Error al exportar los datos a CSV:\", error);\n    setSnackbarMessage(\"Error al exportar los datos a CSV.\");\n    setSnackbarSeverity('error');\n  } finally {\n    setSnackbarOpen(true);\n  }\n};\n\n/**\n * Función para exportar datos a un archivo Excel (formato XLSX).\n * Genera una tabla HTML que luego se descarga como un archivo .xlsx.\n * @param options Opciones de exportación, incluyendo datos, columnas, nombre de archivo y setters de Snackbar.\n */\nexport const exportToExcel = <T>(options: ExportOptions<T>) => {\n  const { data, columns, fileName, exportColumns, setSnackbarOpen, setSnackbarMessage, setSnackbarSeverity } = options;\n\n  if (!data || data.length === 0) {\n    setSnackbarMessage(\"No hay datos para exportar a Excel.\");\n    setSnackbarSeverity('warning');\n    setSnackbarOpen(true);\n    return;\n  }\n\n  setSnackbarMessage(\"Exportando datos a Excel (XLSX)...\");\n  setSnackbarSeverity('info');\n  setSnackbarOpen(true);\n\n  try {\n    const columnsToExport = exportColumns\n      ? columns.filter(col => exportColumns.includes(col.props.name))\n      : columns;\n\n    // Construye el contenido HTML de la tabla.\n    let tableHTML = `\n      <html xmlns:o=\"urn:schemas-microsoft-com:office:office\"\n      xmlns:x=\"urn:schemas-microsoft-com:office:excel\"\n      xmlns=\"http://www.w3.org/TR/REC-html40\">\n      <head>\n          <meta charset=\"utf-8\" />\n          <!--[if gte mso 9]><xml>\n          <x:ExcelWorkbook>\n              <x:ExcelWorksheets>\n                  <x:ExcelWorksheet>\n                      <x:Name>Hoja1</x:Name>\n                      <x:WorksheetOptions>\n                          <x:DisplayGridlines/>\n                      </x:WorksheetOptions>\n                  </x:ExcelWorksheet>\n              </x:ExcelWorksheets>\n          </x:ExcelWorkbook>\n          </xml><![endif]-->\n      </head>\n      <body>\n          <table>\n              <thead>\n                  <tr>\n                      ${columnsToExport.map(col => `<th>${col.props.name}</th>`).join('')}\n                  </tr>\n              </thead>\n              <tbody>\n                  ${data.map(row => `\n                      <tr>\n                          ${columnsToExport.map(col => {\n                              const field = col.props.field;\n                              let cellValue: any;\n                              if (Array.isArray(field)) {\n                                  cellValue = (row as any)[field[0]];\n                              } else {\n                                  cellValue = (row as any)[field];\n                              }\n                              // Escapa caracteres HTML para el contenido de la celda.\n                              return `<td>${String(cellValue || '').replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;')}</td>`;\n                          }).join('')}\n                      </tr>\n                  `).join('')}\n              </tbody>\n          </table>\n      </body>\n      </html>\n    `;\n\n    // Crea un Blob con el contenido HTML y el tipo MIME de XLSX.\n    const blob = new Blob([tableHTML], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=utf-8;' }); \n\n    const link = document.createElement('a');\n    if (link.download !== undefined) {\n      const url = URL.createObjectURL(blob);\n      link.setAttribute('href', url);\n      link.setAttribute('download', fileName + '.xlsx'); // Usa la extensión .xlsx\n      link.style.visibility = 'hidden';\n      document.body.appendChild(link);\n      link.click();\n      document.body.removeChild(link);\n      URL.revokeObjectURL(url);\n\n      setSnackbarMessage(\"¡Exportación a Excel (XLSX) completada!\");\n      setSnackbarSeverity('success');\n    } else {\n      setSnackbarMessage(\"Tu navegador no soporta la descarga directa para Excel (XLSX). Por favor, copia el contenido manualmente.\");\n      setSnackbarSeverity('error');\n    }\n  } catch (error) {\n    console.error(\"Error al exportar los datos a Excel (XLSX):\", error);\n    setSnackbarMessage(\"Error al exportar los datos a Excel (XLSX).\");\n    setSnackbarSeverity('error');\n  } finally {\n    setSnackbarOpen(true);\n  }\n};\n","export default \"data:image/png;base64,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\"","import React, { Children, isValidElement, useState, useEffect, ReactElement } from 'react';\nimport {\n  TableContainer,\n  Table as MuiTable,\n  TableHead,\n  TableBody,\n  TableRow,\n  TableCell,\n  Paper,\n  Typography,\n  Select,\n  MenuItem,\n  Box,\n  Button,\n  Snackbar,\n  IconButton,\n  Checkbox,\n} from '@mui/material';\nimport MuiAlert, { AlertProps } from '@mui/material/Alert';\nimport { ColumnProps } from '../Column/Column'; // Asegúrate de que esta ruta sea correcta\nimport DownloadOutlinedIcon from '@mui/icons-material/DownloadOutlined';\nimport FirstPageIcon from '@mui/icons-material/FirstPage';\nimport LastPageIcon from '@mui/icons-material/LastPage';\nimport KeyboardArrowLeftIcon from '@mui/icons-material/KeyboardArrowLeft';\nimport KeyboardArrowRightIcon from '@mui/icons-material/KeyboardArrowRight';\n\nimport { exportToCSV, exportToExcel } from './exportsUtils';\n\n// @ts-ignore\nimport EmptyImage from './EmptyTable.png';\n\nexport type FieldName<T> = keyof T | Array<keyof T>;\n\ninterface TableProps<T> {\n  data: T[];\n  children: React.ReactNode;\n\n  currentPage?: number;\n  pageSize?: number;\n  totalPages?: number;\n  previousPage?: number;\n  nextPage?: number;\n  pageSizeSelectorValue?: number;\n  onPageChange?: (newPage: number) => void;\n  onPageSizeChange?: (newSize: number) => void;\n  visiblePageNumbers?: number;\n\n  enableCSVExport?: boolean;\n  csvExportFileName?: string;\n  csvExportButtonText?: string;\n  csvExportColumns?: string[];\n\n  enableExcelExport?: boolean;\n  excelExportFileName?: string;\n  excelExportButtonText?: string;\n  excelExportColumns?: string[];\n\n  enableRowSelection?: boolean;\n  rowIdentifier?: keyof T;\n  onSelectionChange?: (selectedItems: T[]) => void;\n  showPageSizeSelector?: boolean;\n  emptyTitle?: string;\n  emptyMessage?: string;\n  emptyImageSrc?: React.ReactNode;\n}\n\nconst Alert = React.forwardRef<HTMLDivElement, AlertProps>(function Alert(\n  props,\n  ref,\n) {\n  return <MuiAlert elevation={6} ref={ref} variant=\"filled\" {...props} />;\n});\n\nexport function Table<T>({\n  data,\n  children,\n  currentPage,\n  pageSize,\n  totalPages,\n  previousPage,\n  nextPage,\n  pageSizeSelectorValue = 10,\n  onPageChange,\n  onPageSizeChange,\n  visiblePageNumbers = 5,\n  enableCSVExport = false,\n  csvExportFileName = 'data.csv',\n  csvExportButtonText = 'Exportar CSV',\n  csvExportColumns,\n  enableExcelExport = false,\n  excelExportFileName = 'data.xlsx',\n  excelExportButtonText = 'Exportar Excel',\n  excelExportColumns,\n  enableRowSelection = false,\n  rowIdentifier,\n  onSelectionChange,\n  showPageSizeSelector = true,\n  emptyTitle = 'No hay datos disponibles',\n  emptyMessage,\n  emptyImageSrc = <Box mb={2}>\n                    <img src={EmptyImage} alt=\"No data\" style={{ maxWidth: '150px', opacity: 0.6 }} />\n                  </Box>,\n}: TableProps<T>) {\n  const columns = Children.toArray(children).filter(\n    (child): child is React.ReactElement<ColumnProps<T>> =>\n      isValidElement(child) && (child.type as any).displayName === 'Column'\n  );\n\n  const [snackbarOpen, setSnackbarOpen] = useState(false);\n  const [snackbarMessage, setSnackbarMessage] = useState(\"\");\n  const [snackbarSeverity, setSnackbarSeverity] = useState<AlertProps['severity']>('info');\n\n  const [selectedRows, setSelectedRows] = useState<T[]>([]);\n\n  useEffect(() => {\n    setSelectedRows([]);\n  }, [data, currentPage, pageSize]);\n\n  useEffect(() => {\n    onSelectionChange?.(selectedRows);\n  }, [selectedRows, onSelectionChange]);\n\n  const handleSnackbarClose = (event?: React.SyntheticEvent | Event, reason?: string) => {\n    if (reason === 'clickaway') {\n      return;\n    }\n    setSnackbarOpen(false);\n  };\n\n  const isControlled = typeof onPageChange === 'function' && typeof currentPage === 'number';\n  const [internalPage, setInternalPage] = useState(1);\n  const [internalPageSize, setInternalPageSize] = useState(pageSizeSelectorValue);\n\n  const activePage = isControlled ? currentPage! : internalPage;\n  const activePageSize = isControlled ? pageSize! : internalPageSize;\n\n  const paginatedData = isControlled ? data : data.slice((activePage - 1) * activePageSize, activePage * activePageSize);\n\n  const effectiveTotalPages = isControlled\n    ? totalPages!\n    : Math.ceil(data.length / activePageSize);\n\n  const handlePageChange = (newPage: number) => {\n    if (newPage < 1 || newPage > effectiveTotalPages) return;\n    if (isControlled) onPageChange?.(newPage);\n    else setInternalPage(newPage);\n  };\n\n  const handlePageSizeChange = (newSize: number) => {\n    if (isControlled) {\n      onPageSizeChange?.(newSize);\n      onPageChange?.(1);\n    } else {\n      setInternalPageSize(newSize);\n      setInternalPage(1);\n    }\n  };\n\n  const getPageNumbers = () => {\n    const pages = [];\n    const maxPages = effectiveTotalPages;\n    const current = activePage;\n    const half = Math.floor(visiblePageNumbers / 2);\n\n    let startPage = Math.max(1, current - half);\n    let endPage = Math.min(maxPages, current + half);\n\n    if (endPage - startPage + 1 < visiblePageNumbers) {\n      if (startPage === 1) {\n        endPage = Math.min(maxPages, startPage + visiblePageNumbers - 1);\n      } else if (endPage === maxPages) {\n        startPage = Math.max(1, maxPages - visiblePageNumbers + 1);\n      }\n    }\n\n    for (let i = startPage; i <= endPage; i++) {\n      pages.push(i);\n    }\n    return pages;\n  };\n\n  const pageNumbers = getPageNumbers();\n\n  const handleSelectAllClick = (event: React.ChangeEvent<HTMLInputElement>) => {\n    if (!rowIdentifier) {\n      console.warn(\"`rowIdentifier` prop is required for row selection.\");\n      return;\n    }\n\n    if (event.target.checked) {\n      const newSelecteds = [...selectedRows];\n      paginatedData.forEach(row => {\n        const rowId = row[rowIdentifier] as any;\n        if (!newSelecteds.some(selectedRow => (selectedRow as any)[rowIdentifier] === rowId)) {\n          newSelecteds.push(row);\n        }\n      });\n      setSelectedRows(newSelecteds);\n    } else {\n      const newSelecteds = selectedRows.filter(selectedRow =>\n        !paginatedData.some(row => (row as any)[rowIdentifier] === (selectedRow as any)[rowIdentifier])\n      );\n      setSelectedRows(newSelecteds);\n    }\n  };\n\n  const handleRowClick = (event: React.MouseEvent<unknown>, row: T) => {\n    if (!rowIdentifier) {\n      console.warn(\"`rowIdentifier` prop is required for row selection.\");\n      return;\n    }\n\n    const rowId = row[rowIdentifier] as any;\n    const selectedIndex = selectedRows.findIndex(selectedRow => (selectedRow as any)[rowIdentifier] === rowId);\n    let newSelected: T[] = [];\n\n    if (selectedIndex === -1) {\n      newSelected = newSelected.concat(selectedRows, row);\n    } else if (selectedIndex === 0) {\n      newSelected = newSelected.concat(selectedRows.slice(1));\n    } else if (selectedIndex === selectedRows.length - 1) {\n      newSelected = newSelected.concat(selectedRows.slice(0, -1));\n    } else if (selectedIndex > 0) {\n      newSelected = newSelected.concat(\n        selectedRows.slice(0, selectedIndex),\n        selectedRows.slice(selectedIndex + 1),\n      );\n    }\n    setSelectedRows(newSelected);\n  };\n\n  const isSelected = (row: T) => {\n    if (!rowIdentifier) return false;\n    return selectedRows.some(selectedRow => (selectedRow as any)[rowIdentifier] === (row as any)[rowIdentifier]);\n  };\n\n  const numSelectedOnPage = paginatedData.filter(isSelected).length;\n  const isAllSelectedOnPage = paginatedData.length > 0 && numSelectedOnPage === paginatedData.length;\n  const isIndeterminateOnPage = numSelectedOnPage > 0 && numSelectedOnPage < paginatedData.length;\n\n  return (\n    <TableContainer >\n      <MuiTable sx={{ minWidth: 650 }} aria-label=\"custom table\">\n        {/* Table Header */}\n        <TableHead sx={{ backgroundColor: '#fff' }}>\n          <TableRow>\n            {enableRowSelection && (\n              <TableCell padding=\"checkbox\" sx={{ width: '50px' }}> {/* Puedes ajustar este ancho fijo si lo deseas */}\n                <Checkbox\n                  color=\"primary\"\n                  indeterminate={isIndeterminateOnPage}\n                  checked={isAllSelectedOnPage}\n                  onChange={handleSelectAllClick}\n                  inputProps={{ 'aria-label': 'select all desserts' }}\n                />\n              </TableCell>\n            )}\n            {columns.map((column, index) => (\n              <TableCell\n                key={index}\n                sx={{\n\n                  fontSize: '12px',\n                  color: (theme) => theme.palette.text.secondary,\n                  width: column.props.width || 'auto', // APLICA EL ANCHO AQUÍ\n                  whiteSpace: 'nowrap', // Evita que el texto se ajuste si la columna es pequeña\n                  \n                }}\n              >\n                <Typography sx={{ fontSize: '12px' }}>\n                  {column.props.name}\n                </Typography>\n              </TableCell>\n            ))}\n          </TableRow>\n        </TableHead>\n        {/* Table Body */}\n        <TableBody sx={{ borderRadius: '10px', overflow: 'hidden' }}>\n          {paginatedData.map((row, rowIndex) => {\n            const isRowSelected = enableRowSelection && isSelected(row);\n            return (\n              <TableRow\n                key={rowIndex}\n                sx={{ backgroundColor: '#F8F8F8', '&:last-child td, &:last-child th': { border: 0 }, '&:hover': { backgroundColor: (theme) => '#FFF' } }}\n                selected={isRowSelected}\n              >\n                {enableRowSelection && (\n                  <TableCell padding=\"checkbox\" sx={{ width: '50px' }}> {/* Mismo ancho para la celda de la fila */}\n                    <Checkbox\n                      color=\"primary\"\n                      checked={isRowSelected}\n                      onClick={(event) => handleRowClick(event, row)}\n                      inputProps={{ 'aria-labelledby': `table-checkbox-${rowIndex}` }}\n                    />\n                  </TableCell>\n                )}\n                {columns.map((column, colIndex) => {\n                  const { field, children: cellRenderer } = column.props;\n\n                  let fieldData: Partial<T>;\n\n                  if (Array.isArray(field)) {\n                    fieldData = (field as Array<keyof T>).reduce((acc, currentField) => {\n                      (acc as any)[currentField] = (row as any)[currentField];\n                      return acc;\n                    }, {} as Partial<T>);\n                  } else {\n                    fieldData = { [field]: (row as any)[field] } as Partial<T>;\n                  }\n\n                  return (\n                    <TableCell\n                      key={colIndex}\n                      sx={{\n                        fontSize: '14px',\n                        width: column.props.width || 'auto', // APLICA EL ANCHO AQUÍ TAMBIÉN\n                        whiteSpace: 'nowrap', // Asegura que el contenido no se rompa prematuramente\n                        padding: '12px 16px', // Asegura un padding consistente\n                        borderBottom: 'none'\n                      }}\n                    >\n                      {cellRenderer(fieldData)}\n                    </TableCell>\n                  );\n                })}\n              </TableRow>\n            );\n          })}\n          {/* Empty table message */}\n          {paginatedData.length === 0 && (\n            <TableRow>\n              <TableCell colSpan={columns.length + (enableRowSelection ? 1 : 0)} sx={{ textAlign: 'center', py: 4 }}>\n                {  emptyImageSrc }\n\n                <Typography variant=\"body2\" color=\"#878E9A\" fontSize=\"18px\" fontWeight=\"600\">\n                  {emptyTitle || 'No hay datos disponibles para mostrar.'}\n                </Typography>\n                <Typography variant=\"body2\" color=\"#878E9A\" fontSize=\"14px\" mt={1}> \n                  {emptyMessage || 'Intente ajustar sus filtros o agregar nuevos datos.'}\n                </Typography>\n              </TableCell>\n            </TableRow>\n          )}\n        </TableBody>\n      </MuiTable>\n\n      {/* Pagination and Export Controls */}\n      {(effectiveTotalPages > 0 || enableCSVExport || enableExcelExport || (enableRowSelection && selectedRows.length > 0)) && (\n        <Box display=\"flex\" justifyContent=\"space-between\" alignItems=\"center\" p={2}>\n          {/* Page Size Selector (Left) */}\n          {(effectiveTotalPages > 0 && showPageSizeSelector) && (\n            <Select\n              size=\"small\"\n              value={activePageSize}\n              onChange={(e) => handlePageSizeChange(Number(e.target.value))}\n            >\n              {[1, 2, 3, 5, 10, 20, 50, 100].map((size) => (\n                <MenuItem key={size} value={size}>\n                  Mostrar {size}\n                </MenuItem>\n              ))}\n            </Select>\n          )}\n\n          {/* Pagination Controls (Center) */}\n          {effectiveTotalPages > 0 && (\n            <Box\n              display=\"flex\"\n              alignItems=\"center\"\n              gap={0.5}\n              sx={{ flexGrow: 1, justifyContent: 'center' }}\n            >\n              <IconButton\n                onClick={() => handlePageChange(1)}\n                disabled={activePage <= 1}\n                size=\"small\"\n                color=\"primary\"\n              >\n                <FirstPageIcon fontSize=\"small\" />\n              </IconButton>\n\n              <IconButton\n                onClick={() => handlePageChange(activePage - 1)}\n                disabled={activePage <= 1}\n                size=\"small\"\n                color=\"primary\"\n              >\n                <KeyboardArrowLeftIcon fontSize=\"small\" />\n              </IconButton>\n\n              {pageNumbers.map((pageNumber) => (\n                <Button\n                  key={pageNumber}\n                  onClick={() => handlePageChange(pageNumber)}\n                  variant={activePage === pageNumber ? 'contained' : 'text'}\n                  size=\"small\"\n                  sx={{ minWidth: '32px', height: '32px' }}\n                >\n                  {pageNumber}\n                </Button>\n              ))}\n\n              <IconButton\n                onClick={() => handlePageChange(activePage + 1)}\n                disabled={activePage >= effectiveTotalPages}\n                size=\"small\"\n                color=\"primary\"\n              >\n                <KeyboardArrowRightIcon fontSize=\"small\" />\n              </IconButton>\n\n              <IconButton\n                onClick={() => handlePageChange(effectiveTotalPages)}\n                disabled={activePage >= effectiveTotalPages}\n                size=\"small\"\n                color=\"primary\"\n              >\n                <LastPageIcon fontSize=\"small\" />\n              </IconButton>\n            </Box>\n          )}\n\n          {enableRowSelection && selectedRows.length > 0 && (\n            <Typography variant=\"subtitle2\" sx={{ mr: 2 }}>\n              {selectedRows.length} seleccionados\n            </Typography>\n          )}\n\n          {(enableCSVExport || enableExcelExport) && (\n            <Box display=\"flex\" alignItems=\"center\" gap={1}>\n              {enableCSVExport && (\n                <Button\n                  variant=\"text\"\n                  color=\"primary\"\n                  onClick={() =>\n                    exportToCSV({\n                      data,\n                      columns,\n                      fileName: csvExportFileName,\n                      exportColumns: csvExportColumns,\n                      setSnackbarOpen,\n                      setSnackbarMessage,\n                      setSnackbarSeverity,\n                    })\n                  }\n                  size=\"small\"\n                  startIcon={<DownloadOutlinedIcon />}\n                >\n                  {csvExportButtonText}\n                </Button>\n              )}\n              {enableExcelExport && (\n                <Button\n                  variant=\"text\"\n                  color=\"primary\"\n                  onClick={() =>\n                    exportToExcel({\n                      data,\n                      columns,\n                      fileName: excelExportFileName,\n                      exportColumns: excelExportColumns,\n                      setSnackbarOpen,\n                      setSnackbarMessage,\n                      setSnackbarSeverity,\n                    })\n                  }\n                  size=\"small\"\n                  startIcon={<DownloadOutlinedIcon />}\n                >\n                  {excelExportButtonText}\n                </Button>\n              )}\n            </Box>\n          )}\n        </Box>\n      )}\n\n      <Snackbar open={snackbarOpen} autoHideDuration={3000} onClose={handleSnackbarClose} anchorOrigin={{ vertical: 'bottom', horizontal: 'center' }}>\n        <Alert onClose={handleSnackbarClose} severity={snackbarSeverity} sx={{ width: '100%' }}>\n          {snackbarMessage}\n        </Alert>\n      </Snackbar>\n    </TableContainer>\n  );\n}\n\nexport default Table;"],"names":["React","Alert","MuiTable"],"mappings":"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"}

package/hooks/ClipBoard/ClipBoard.cjs

@@ -4,68 +4,78 @@ const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
 const material = require("@mui/material");
 function useClipboard(options) {
+  var _a;
   const elementRef = React.useRef(null);
   const [snackbarOpen, setSnackbarOpen] = React.useState(false);
   const [snackbarMessage, setSnackbarMessage] = React.useState((options == null ? void 0 : options.message) || "¡Copiado al portapapeles!");
   const [snackbarSeverity, setSnackbarSeverity] = React.useState((options == null ? void 0 : options.severity) || "success");
   const [snackbarPosition, setSnackbarPosition] = React.useState((options == null ? void 0 : options.position) || { vertical: "bottom", horizontal: "center" });
-  const [snackbarDuration, setSnackbarDuration] = React.useState((options == null ? void 0 : options.duration) || 3e3);
+  const [snackbarDuration, setSnackbarDuration] = React.useState((_a = options == null ? void 0 : options.duration) != null ? _a : 3e3);
   const handleSnackbarClose = React.useCallback((event, reason) => {
     if (reason === "clickaway") {
       return;
     }
     setSnackbarOpen(false);
   }, []);
-  const copyText = React.useCallback(() => {
-    if (elementRef.current) {
-      try {
+  const executeCopy = React.useCallback((text) => {
+    var _a2, _b;
+    try {
+      if (navigator.clipboard && window.isSecureContext) {
+        navigator.clipboard.writeText(text);
+      } else {
         const textarea = document.createElement("textarea");
-        textarea.value = elementRef.current.innerText || "";
+        textarea.value = text;
         document.body.appendChild(textarea);
         textarea.select();
         document.execCommand("copy");
         document.body.removeChild(textarea);
-        setSnackbarMessage((options == null ? void 0 : options.message) || "¡Copiado al portapapeles!");
-        setSnackbarSeverity((options == null ? void 0 : options.severity) || "success");
-        setSnackbarPosition((options == null ? void 0 : options.position) || { vertical: "bottom", horizontal: "center" });
-        setSnackbarDuration((options == null ? void 0 : options.duration) || 3e3);
-        setSnackbarOpen(true);
-      } catch (err) {
-        console.error("Error al copiar al portapapeles:", err);
-        setSnackbarMessage("Error al copiar.");
-        setSnackbarSeverity("error");
-        setSnackbarPosition((options == null ? void 0 : options.position) || { vertical: "bottom", horizontal: "center" });
-        setSnackbarDuration((options == null ? void 0 : options.duration) || 3e3);
-        setSnackbarOpen(true);
       }
+      setSnackbarMessage((options == null ? void 0 : options.message) || "¡Copiado al portapapeles!");
+      setSnackbarSeverity((options == null ? void 0 : options.severity) || "success");
+      setSnackbarPosition((options == null ? void 0 : options.position) || { vertical: "bottom", horizontal: "center" });
+      setSnackbarDuration((_a2 = options == null ? void 0 : options.duration) != null ? _a2 : 3e3);
+      setSnackbarOpen(true);
+    } catch (err) {
+      console.error("Error al copiar al portapapeles:", err);
+      setSnackbarMessage("Error al copiar.");
+      setSnackbarSeverity("error");
+      setSnackbarPosition((options == null ? void 0 : options.position) || { vertical: "bottom", horizontal: "center" });
+      setSnackbarDuration((_b = options == null ? void 0 : options.duration) != null ? _b : 3e3);
+      setSnackbarOpen(true);
     }
   }, [options]);
+  const copyFromRef = React.useCallback(() => {
+    if (elementRef.current) {
+      const textToCopy = elementRef.current.innerText || "";
+      executeCopy(textToCopy);
+    }
+  }, [executeCopy]);
   React.useEffect(() => {
     const currentElement = elementRef.current;
     if (currentElement) {
       currentElement.style.cursor = "pointer";
-      currentElement.addEventListener("click", copyText);
+      currentElement.addEventListener("click", copyFromRef);
     }
     return () => {
       if (currentElement) {
-        currentElement.removeEventListener("click", copyText);
+        currentElement.removeEventListener("click", copyFromRef);
       }
     };
-  }, [copyText]);
-  const CopyMessage = () => /* @__PURE__ */ jsxRuntime.jsx(
-    material.Snackbar,
-    {
-      open: snackbarOpen,
-      autoHideDuration: snackbarDuration,
-      onClose: handleSnackbarClose,
-      anchorOrigin: {
-        vertical: snackbarPosition.vertical,
-        horizontal: snackbarPosition.horizontal
-      },
-      children: /* @__PURE__ */ jsxRuntime.jsx(material.Alert, { onClose: handleSnackbarClose, severity: snackbarSeverity, sx: { width: "100%" }, children: snackbarMessage })
-    }
-  );
-  return { ref: elementRef, CopyMessage };
+  }, [copyFromRef]);
+  const CopyMessage = () => {
+    if (snackbarDuration <= 0) return null;
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      material.Snackbar,
+      {
+        open: snackbarOpen,
+        autoHideDuration: snackbarDuration,
+        onClose: handleSnackbarClose,
+        anchorOrigin: snackbarPosition,
+        children: /* @__PURE__ */ jsxRuntime.jsx(material.Alert, { onClose: handleSnackbarClose, severity: snackbarSeverity, sx: { width: "100%" }, children: snackbarMessage })
+      }
+    );
+  };
+  return { ref: elementRef, copy: executeCopy, CopyMessage };
 }
 exports.useClipboard = useClipboard;
 //# sourceMappingURL=ClipBoard.cjs.map

package/hooks/ClipBoard/ClipBoard.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ClipBoard.cjs","sources":["../../../src/hooks/ClipBoard/ClipBoard.tsx"],"sourcesContent":["import React, { useRef, useEffect, useState, useCallback } from 'react';\nimport { Snackbar, Alert } from '@mui/material';\nimport { AlertProps } from '@mui/material/Alert';\n\n// Tipo para las opciones del Snackbar\ninterface SnackbarOptions {\n  message?: string;\n  duration?: number;\n  severity?: AlertProps['severity'];\n  position?: { vertical: 'top' | 'bottom'; horizontal: 'left' | 'center' | 'right' };\n}\n\n/**\n * Hook 'useClipboard'.\n * Permite adjuntar la funcionalidad de copiar el innerText de un elemento al portapapeles\n * mediante un clic y gestiona el feedback del Snackbar de forma interna.\n *\n * @param options Opciones de configuración para el Snackbar de feedback.\n * @returns Un objeto que contiene:\n * - 'ref': Una referencia de React que debe adjuntarse al elemento cuyo contenido se copiará.\n * - 'CopyMessage': El componente Snackbar pre-configurado y listo para ser renderizado.\n */\nexport function useClipboard(options?: SnackbarOptions) {\n  const elementRef = useRef<HTMLElement>(null); // Tipado más específico para HTMLElement\n\n  // Estados internos para el Snackbar, con valores por defecto\n  const [snackbarOpen, setSnackbarOpen] = useState(false);\n  const [snackbarMessage, setSnackbarMessage] = useState(options?.message || '¡Copiado al portapapeles!');\n  const [snackbarSeverity, setSnackbarSeverity] = useState<AlertProps['severity']>(options?.severity || 'success');\n  const [snackbarPosition, setSnackbarPosition] = useState(options?.position || { vertical: 'bottom', horizontal: 'center' });\n  const [snackbarDuration, setSnackbarDuration] = useState(options?.duration || 3000);\n\n  // Función para cerrar el Snackbar\n  const handleSnackbarClose = useCallback((event?: React.SyntheticEvent | Event, reason?: string) => {\n    if (reason === 'clickaway') {\n      return;\n    }\n    setSnackbarOpen(false);\n  }, []);\n\n  // Función para copiar texto al portapapeles (utilizando document.execCommand para compatibilidad en iframes)\n  const copyText = useCallback(() => {\n    if (elementRef.current) {\n      try {\n        const textarea = document.createElement('textarea');\n        textarea.value = elementRef.current.innerText || ''; // Captura el innerText del elemento\n        document.body.appendChild(textarea);\n        textarea.select();\n        document.execCommand('copy');\n        document.body.removeChild(textarea);\n\n        // Actualiza el mensaje del snackbar con las opciones proporcionadas o los valores por defecto\n        // Estos setters se invocan aquí para que los estados se actualicen antes de abrir el snackbar.\n        setSnackbarMessage(options?.message || '¡Copiado al portapapeles!');\n        setSnackbarSeverity(options?.severity || 'success');\n        setSnackbarPosition(options?.position || { vertical: 'bottom', horizontal: 'center' });\n        setSnackbarDuration(options?.duration || 3000);\n        setSnackbarOpen(true); // Abre el snackbar\n      } catch (err) {\n        console.error('Error al copiar al portapapeles:', err);\n        // En caso de error, usa un mensaje y severidad de error\n        setSnackbarMessage('Error al copiar.');\n        setSnackbarSeverity('error');\n        setSnackbarPosition(options?.position || { vertical: 'bottom', horizontal: 'center' }); // Mantener posición si hay error\n        setSnackbarDuration(options?.duration || 3000); // Mantener duración si hay error\n        setSnackbarOpen(true); // Abre el snackbar con el mensaje de error\n      }\n    }\n  }, [options]); // Dependencia en options para que el hook se reconfigure si las opciones cambian\n\n  // Adjunta un event listener de clic al elemento referenciado\n  useEffect(() => {\n    const currentElement = elementRef.current;\n    if (currentElement) {\n      currentElement.style.cursor = 'pointer'; // Opcional: para indicar que es clickeable\n      currentElement.addEventListener('click', copyText);\n    }\n\n    // Limpieza: remueve el event listener cuando el componente se desmonte\n    return () => {\n      if (currentElement) {\n        currentElement.removeEventListener('click', copyText);\n      }\n    };\n  }, [copyText]); // Dependencia en copyText para asegurar que el listener se actualice si la función cambia\n\n  // Componente Snackbar encapsulado que el hook retorna para ser renderizado\n  const CopyMessage = () => (\n    <Snackbar\n      open={snackbarOpen}\n      autoHideDuration={snackbarDuration}\n      onClose={handleSnackbarClose}\n      anchorOrigin={{\n        vertical: snackbarPosition.vertical as 'top' | 'bottom',\n        horizontal: snackbarPosition.horizontal as 'left' | 'center' | 'right'\n      }}\n    >\n      <Alert onClose={handleSnackbarClose} severity={snackbarSeverity} sx={{ width: '100%' }}>\n        {snackbarMessage}\n      </Alert>\n    </Snackbar>\n  );\n\n  return { ref: elementRef, CopyMessage  };\n}\n\nexport default useClipboard"],"names":["useRef","useState","useCallback","useEffect","jsx","Snackbar","Alert"],"mappings":";;;;;AAsBO,SAAS,aAAa,SAA2B;AACtD,QAAM,aAAaA,MAAAA,OAAoB,IAAI;AAG3C,QAAM,CAAC,cAAc,eAAe,IAAIC,MAAAA,SAAS,KAAK;AACtD,QAAM,CAAC,iBAAiB,kBAAkB,IAAIA,MAAAA,UAAS,mCAAS,YAAW,2BAA2B;AACtG,QAAM,CAAC,kBAAkB,mBAAmB,IAAIA,MAAAA,UAAiC,mCAAS,aAAY,SAAS;AAC/G,QAAM,CAAC,kBAAkB,mBAAmB,IAAIA,MAAAA,UAAS,mCAAS,aAAY,EAAE,UAAU,UAAU,YAAY,SAAA,CAAU;AAC1H,QAAM,CAAC,kBAAkB,mBAAmB,IAAIA,MAAAA,UAAS,mCAAS,aAAY,GAAI;AAGlF,QAAM,sBAAsBC,MAAAA,YAAY,CAAC,OAAsC,WAAoB;AACjG,QAAI,WAAW,aAAa;AAC1B;AAAA,IACF;AACA,oBAAgB,KAAK;AAAA,EACvB,GAAG,CAAA,CAAE;AAGL,QAAM,WAAWA,MAAAA,YAAY,MAAM;AACjC,QAAI,WAAW,SAAS;AACtB,UAAI;AACF,cAAM,WAAW,SAAS,cAAc,UAAU;AAClD,iBAAS,QAAQ,WAAW,QAAQ,aAAa;AACjD,iBAAS,KAAK,YAAY,QAAQ;AAClC,iBAAS,OAAA;AACT,iBAAS,YAAY,MAAM;AAC3B,iBAAS,KAAK,YAAY,QAAQ;AAIlC,4BAAmB,mCAAS,YAAW,2BAA2B;AAClE,6BAAoB,mCAAS,aAAY,SAAS;AAClD,6BAAoB,mCAAS,aAAY,EAAE,UAAU,UAAU,YAAY,UAAU;AACrF,6BAAoB,mCAAS,aAAY,GAAI;AAC7C,wBAAgB,IAAI;AAAA,MACtB,SAAS,KAAK;AACZ,gBAAQ,MAAM,oCAAoC,GAAG;AAErD,2BAAmB,kBAAkB;AACrC,4BAAoB,OAAO;AAC3B,6BAAoB,mCAAS,aAAY,EAAE,UAAU,UAAU,YAAY,UAAU;AACrF,6BAAoB,mCAAS,aAAY,GAAI;AAC7C,wBAAgB,IAAI;AAAA,MACtB;AAAA,IACF;AAAA,EACF,GAAG,CAAC,OAAO,CAAC;AAGZC,QAAAA,UAAU,MAAM;AACd,UAAM,iBAAiB,WAAW;AAClC,QAAI,gBAAgB;AAClB,qBAAe,MAAM,SAAS;AAC9B,qBAAe,iBAAiB,SAAS,QAAQ;AAAA,IACnD;AAGA,WAAO,MAAM;AACX,UAAI,gBAAgB;AAClB,uBAAe,oBAAoB,SAAS,QAAQ;AAAA,MACtD;AAAA,IACF;AAAA,EACF,GAAG,CAAC,QAAQ,CAAC;AAGb,QAAM,cAAc,MAClBC,2BAAAA;AAAAA,IAACC,SAAAA;AAAAA,IAAA;AAAA,MACC,MAAM;AAAA,MACN,kBAAkB;AAAA,MAClB,SAAS;AAAA,MACT,cAAc;AAAA,QACZ,UAAU,iBAAiB;AAAA,QAC3B,YAAY,iBAAiB;AAAA,MAAA;AAAA,MAG/B,UAAAD,2BAAAA,IAACE,SAAAA,OAAA,EAAM,SAAS,qBAAqB,UAAU,kBAAkB,IAAI,EAAE,OAAO,OAAA,GAC3E,UAAA,gBAAA,CACH;AAAA,IAAA;AAAA,EAAA;AAIJ,SAAO,EAAE,KAAK,YAAY,YAAA;AAC5B;;"}
+{"version":3,"file":"ClipBoard.cjs","sources":["../../../src/hooks/ClipBoard/ClipBoard.tsx"],"sourcesContent":["// useClipboard.tsx (Versión Unificada)\nimport React, { useRef, useEffect, useState, useCallback } from 'react';\nimport { Snackbar, Alert } from '@mui/material';\nimport { AlertProps } from '@mui/material/Alert';\n\n// Tipo para las opciones del Snackbar\ninterface SnackbarOptions {\n  message?: string;\n  duration?: number;\n  severity?: AlertProps['severity'];\n  position?: { vertical: 'top' | 'bottom'; horizontal: 'left' | 'center' | 'right' };\n}\n\n/**\n * Hook 'useClipboard'.\n * Proporciona funcionalidad de copiado de texto y feedback visual (Snackbar).\n * Permite dos modos de uso:\n * 1. Uso por Referencia (ref): Se adjunta a un elemento, copia su innerText al hacer clic.\n * 2. Uso por Función (copy): Recibe el texto a copiar directamente como argumento.\n *\n * @param options Opciones de configuración para el Snackbar de feedback.\n * @returns Un objeto que contiene:\n * - 'ref': Una React Ref para adjuntar a un elemento (Modo Ref).\n * - 'copy': Una función (text: string) => void para copiar texto (Modo Función).\n * - 'CopyMessage': El componente Snackbar para renderizar el feedback.\n */\nexport function useClipboard(options?: SnackbarOptions) {\n  // --- Elementos de Copiado por Referencia ---\n  const elementRef = useRef<HTMLElement>(null);\n\n  // --- Estados y Opciones del Snackbar ---\n  const [snackbarOpen, setSnackbarOpen] = useState(false);\n  const [snackbarMessage, setSnackbarMessage] = useState(options?.message || '¡Copiado al portapapeles!');\n  const [snackbarSeverity, setSnackbarSeverity] = useState<AlertProps['severity']>(options?.severity || 'success');\n  const [snackbarPosition, setSnackbarPosition] = useState<import('@mui/material').SnackbarOrigin>(options?.position || { vertical: 'bottom', horizontal: 'center' });\n  const [snackbarDuration, setSnackbarDuration] = useState(options?.duration ?? 3000);\n\n  // Función para cerrar el Snackbar\n  const handleSnackbarClose = useCallback((event?: React.SyntheticEvent | Event, reason?: string) => {\n    if (reason === 'clickaway') {\n      return;\n    }\n    setSnackbarOpen(false);\n  }, []);\n\n  /**\n   * FUNCIÓN PRINCIPAL DE COPIADO.\n   * Se usa internamente para 'ref' y se expone para 'copy(text)'.\n   * @param text El texto exacto a copiar.\n   */\n  const executeCopy = useCallback((text: string) => {\n    try {\n      if (navigator.clipboard && window.isSecureContext) {\n        // 1. API moderna\n        navigator.clipboard.writeText(text);\n      } else {\n        // 2. Fallback usando textarea\n        const textarea = document.createElement('textarea');\n        textarea.value = text;\n        document.body.appendChild(textarea);\n        textarea.select();\n        document.execCommand('copy');\n        document.body.removeChild(textarea);\n      }\n      \n      // Mostrar éxito\n      setSnackbarMessage(options?.message || '¡Copiado al portapapeles!');\n      setSnackbarSeverity(options?.severity || 'success');\n      setSnackbarPosition(options?.position || { vertical: 'bottom', horizontal: 'center' });\n      setSnackbarDuration(options?.duration ?? 3000);\n      setSnackbarOpen(true);\n\n    } catch (err) {\n      // Mostrar error\n      console.error('Error al copiar al portapapeles:', err);\n      setSnackbarMessage('Error al copiar.');\n      setSnackbarSeverity('error');\n      setSnackbarPosition(options?.position || { vertical: 'bottom', horizontal: 'center' });\n      setSnackbarDuration(options?.duration ?? 3000);\n      setSnackbarOpen(true);\n    }\n  }, [options]); \n\n  // --- Lógica del Modo Ref ---\n  const copyFromRef = useCallback(() => {\n    if (elementRef.current) {\n        const textToCopy = elementRef.current.innerText || '';\n        executeCopy(textToCopy);\n    }\n  }, [executeCopy]);\n\n  // Adjunta un event listener de clic al elemento referenciado (Modo Ref)\n  useEffect(() => {\n    const currentElement = elementRef.current;\n    if (currentElement) {\n      currentElement.style.cursor = 'pointer';\n      // Adjuntamos la función que copia el texto del ref\n      currentElement.addEventListener('click', copyFromRef);\n    }\n\n    return () => {\n      if (currentElement) {\n        currentElement.removeEventListener('click', copyFromRef);\n      }\n    };\n  }, [copyFromRef]);\n\n\n  // Componente Snackbar encapsulado. Solo se renderiza si duration es > 0.\n  const CopyMessage = () => {\n    if (snackbarDuration <= 0) return null; // No renderizar si la duración es 0\n\n    return (\n      <Snackbar\n        open={snackbarOpen}\n        autoHideDuration={snackbarDuration}\n        onClose={handleSnackbarClose}\n        anchorOrigin={snackbarPosition}\n      >\n        <Alert onClose={handleSnackbarClose} severity={snackbarSeverity} sx={{ width: '100%' }}>\n          {snackbarMessage}\n        </Alert>\n      </Snackbar>\n    );\n  };\n\n  // Retorna ambas funcionalidades para que el usuario elija\n  return { ref: elementRef, copy: executeCopy, CopyMessage };\n}\n\nexport default useClipboard;"],"names":["useRef","useState","useCallback","_a","useEffect","jsx","Snackbar","Alert"],"mappings":";;;;;AA0BO,SAAS,aAAa,SAA2B;;AAEtD,QAAM,aAAaA,MAAAA,OAAoB,IAAI;AAG3C,QAAM,CAAC,cAAc,eAAe,IAAIC,MAAAA,SAAS,KAAK;AACtD,QAAM,CAAC,iBAAiB,kBAAkB,IAAIA,MAAAA,UAAS,mCAAS,YAAW,2BAA2B;AACtG,QAAM,CAAC,kBAAkB,mBAAmB,IAAIA,MAAAA,UAAiC,mCAAS,aAAY,SAAS;AAC/G,QAAM,CAAC,kBAAkB,mBAAmB,IAAIA,MAAAA,UAAiD,mCAAS,aAAY,EAAE,UAAU,UAAU,YAAY,SAAA,CAAU;AAClK,QAAM,CAAC,kBAAkB,mBAAmB,IAAIA,MAAAA,UAAS,wCAAS,aAAT,YAAqB,GAAI;AAGlF,QAAM,sBAAsBC,MAAAA,YAAY,CAAC,OAAsC,WAAoB;AACjG,QAAI,WAAW,aAAa;AAC1B;AAAA,IACF;AACA,oBAAgB,KAAK;AAAA,EACvB,GAAG,CAAA,CAAE;AAOL,QAAM,cAAcA,kBAAY,CAAC,SAAiB;;AAChD,QAAI;AACF,UAAI,UAAU,aAAa,OAAO,iBAAiB;AAEjD,kBAAU,UAAU,UAAU,IAAI;AAAA,MACpC,OAAO;AAEL,cAAM,WAAW,SAAS,cAAc,UAAU;AAClD,iBAAS,QAAQ;AACjB,iBAAS,KAAK,YAAY,QAAQ;AAClC,iBAAS,OAAA;AACT,iBAAS,YAAY,MAAM;AAC3B,iBAAS,KAAK,YAAY,QAAQ;AAAA,MACpC;AAGA,0BAAmB,mCAAS,YAAW,2BAA2B;AAClE,2BAAoB,mCAAS,aAAY,SAAS;AAClD,2BAAoB,mCAAS,aAAY,EAAE,UAAU,UAAU,YAAY,UAAU;AACrF,2BAAoBC,MAAA,mCAAS,aAAT,OAAAA,MAAqB,GAAI;AAC7C,sBAAgB,IAAI;AAAA,IAEtB,SAAS,KAAK;AAEZ,cAAQ,MAAM,oCAAoC,GAAG;AACrD,yBAAmB,kBAAkB;AACrC,0BAAoB,OAAO;AAC3B,2BAAoB,mCAAS,aAAY,EAAE,UAAU,UAAU,YAAY,UAAU;AACrF,2BAAoB,wCAAS,aAAT,YAAqB,GAAI;AAC7C,sBAAgB,IAAI;AAAA,IACtB;AAAA,EACF,GAAG,CAAC,OAAO,CAAC;AAGZ,QAAM,cAAcD,MAAAA,YAAY,MAAM;AACpC,QAAI,WAAW,SAAS;AACpB,YAAM,aAAa,WAAW,QAAQ,aAAa;AACnD,kBAAY,UAAU;AAAA,IAC1B;AAAA,EACF,GAAG,CAAC,WAAW,CAAC;AAGhBE,QAAAA,UAAU,MAAM;AACd,UAAM,iBAAiB,WAAW;AAClC,QAAI,gBAAgB;AAClB,qBAAe,MAAM,SAAS;AAE9B,qBAAe,iBAAiB,SAAS,WAAW;AAAA,IACtD;AAEA,WAAO,MAAM;AACX,UAAI,gBAAgB;AAClB,uBAAe,oBAAoB,SAAS,WAAW;AAAA,MACzD;AAAA,IACF;AAAA,EACF,GAAG,CAAC,WAAW,CAAC;AAIhB,QAAM,cAAc,MAAM;AACxB,QAAI,oBAAoB,EAAG,QAAO;AAElC,WACEC,2BAAAA;AAAAA,MAACC,SAAAA;AAAAA,MAAA;AAAA,QACC,MAAM;AAAA,QACN,kBAAkB;AAAA,QAClB,SAAS;AAAA,QACT,cAAc;AAAA,QAEd,UAAAD,2BAAAA,IAACE,SAAAA,OAAA,EAAM,SAAS,qBAAqB,UAAU,kBAAkB,IAAI,EAAE,OAAO,OAAA,GAC3E,UAAA,gBAAA,CACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAGN;AAGA,SAAO,EAAE,KAAK,YAAY,MAAM,aAAa,YAAA;AAC/C;;"}

package/hooks/ClipBoard/ClipBoard.d.ts

@@ -11,16 +11,20 @@ interface SnackbarOptions {
 }
 /**
  * Hook 'useClipboard'.
- * Permite adjuntar la funcionalidad de copiar el innerText de un elemento al portapapeles
- * mediante un clic y gestiona el feedback del Snackbar de forma interna.
+ * Proporciona funcionalidad de copiado de texto y feedback visual (Snackbar).
+ * Permite dos modos de uso:
+ * 1. Uso por Referencia (ref): Se adjunta a un elemento, copia su innerText al hacer clic.
+ * 2. Uso por Función (copy): Recibe el texto a copiar directamente como argumento.
  *
  * @param options Opciones de configuración para el Snackbar de feedback.
  * @returns Un objeto que contiene:
- * - 'ref': Una referencia de React que debe adjuntarse al elemento cuyo contenido se copiará.
- * - 'CopyMessage': El componente Snackbar pre-configurado y listo para ser renderizado.
+ * - 'ref': Una React Ref para adjuntar a un elemento (Modo Ref).
+ * - 'copy': Una función (text: string) => void para copiar texto (Modo Función).
+ * - 'CopyMessage': El componente Snackbar para renderizar el feedback.
  */
 export declare function useClipboard(options?: SnackbarOptions): {
     ref: React.RefObject<HTMLElement | null>;
-    CopyMessage: () => import("react/jsx-runtime").JSX.Element;
+    copy: (text: string) => void;
+    CopyMessage: () => import("react/jsx-runtime").JSX.Element | null;
 };
 export default useClipboard;

package/hooks/ClipBoard/ClipBoard.js

@@ -2,68 +2,78 @@ import { jsx } from "react/jsx-runtime";
 import { useRef, useState, useCallback, useEffect } from "react";
 import { Snackbar, Alert } from "@mui/material";
 function useClipboard(options) {
+  var _a;
   const elementRef = useRef(null);
   const [snackbarOpen, setSnackbarOpen] = useState(false);
   const [snackbarMessage, setSnackbarMessage] = useState((options == null ? void 0 : options.message) || "¡Copiado al portapapeles!");
   const [snackbarSeverity, setSnackbarSeverity] = useState((options == null ? void 0 : options.severity) || "success");
   const [snackbarPosition, setSnackbarPosition] = useState((options == null ? void 0 : options.position) || { vertical: "bottom", horizontal: "center" });
-  const [snackbarDuration, setSnackbarDuration] = useState((options == null ? void 0 : options.duration) || 3e3);
+  const [snackbarDuration, setSnackbarDuration] = useState((_a = options == null ? void 0 : options.duration) != null ? _a : 3e3);
   const handleSnackbarClose = useCallback((event, reason) => {
     if (reason === "clickaway") {
       return;
     }
     setSnackbarOpen(false);
   }, []);
-  const copyText = useCallback(() => {
-    if (elementRef.current) {
-      try {
+  const executeCopy = useCallback((text) => {
+    var _a2, _b;
+    try {
+      if (navigator.clipboard && window.isSecureContext) {
+        navigator.clipboard.writeText(text);
+      } else {
         const textarea = document.createElement("textarea");
-        textarea.value = elementRef.current.innerText || "";
+        textarea.value = text;
         document.body.appendChild(textarea);
         textarea.select();
         document.execCommand("copy");
         document.body.removeChild(textarea);
-        setSnackbarMessage((options == null ? void 0 : options.message) || "¡Copiado al portapapeles!");
-        setSnackbarSeverity((options == null ? void 0 : options.severity) || "success");
-        setSnackbarPosition((options == null ? void 0 : options.position) || { vertical: "bottom", horizontal: "center" });
-        setSnackbarDuration((options == null ? void 0 : options.duration) || 3e3);
-        setSnackbarOpen(true);
-      } catch (err) {
-        console.error("Error al copiar al portapapeles:", err);
-        setSnackbarMessage("Error al copiar.");
-        setSnackbarSeverity("error");
-        setSnackbarPosition((options == null ? void 0 : options.position) || { vertical: "bottom", horizontal: "center" });
-        setSnackbarDuration((options == null ? void 0 : options.duration) || 3e3);
-        setSnackbarOpen(true);
       }
+      setSnackbarMessage((options == null ? void 0 : options.message) || "¡Copiado al portapapeles!");
+      setSnackbarSeverity((options == null ? void 0 : options.severity) || "success");
+      setSnackbarPosition((options == null ? void 0 : options.position) || { vertical: "bottom", horizontal: "center" });
+      setSnackbarDuration((_a2 = options == null ? void 0 : options.duration) != null ? _a2 : 3e3);
+      setSnackbarOpen(true);
+    } catch (err) {
+      console.error("Error al copiar al portapapeles:", err);
+      setSnackbarMessage("Error al copiar.");
+      setSnackbarSeverity("error");
+      setSnackbarPosition((options == null ? void 0 : options.position) || { vertical: "bottom", horizontal: "center" });
+      setSnackbarDuration((_b = options == null ? void 0 : options.duration) != null ? _b : 3e3);
+      setSnackbarOpen(true);
     }
   }, [options]);
+  const copyFromRef = useCallback(() => {
+    if (elementRef.current) {
+      const textToCopy = elementRef.current.innerText || "";
+      executeCopy(textToCopy);
+    }
+  }, [executeCopy]);
   useEffect(() => {
     const currentElement = elementRef.current;
     if (currentElement) {
       currentElement.style.cursor = "pointer";
-      currentElement.addEventListener("click", copyText);
+      currentElement.addEventListener("click", copyFromRef);
     }
     return () => {
       if (currentElement) {
-        currentElement.removeEventListener("click", copyText);
+        currentElement.removeEventListener("click", copyFromRef);
       }
     };
-  }, [copyText]);
-  const CopyMessage = () => /* @__PURE__ */ jsx(
-    Snackbar,
-    {
-      open: snackbarOpen,
-      autoHideDuration: snackbarDuration,
-      onClose: handleSnackbarClose,
-      anchorOrigin: {
-        vertical: snackbarPosition.vertical,
-        horizontal: snackbarPosition.horizontal
-      },
-      children: /* @__PURE__ */ jsx(Alert, { onClose: handleSnackbarClose, severity: snackbarSeverity, sx: { width: "100%" }, children: snackbarMessage })
-    }
-  );
-  return { ref: elementRef, CopyMessage };
+  }, [copyFromRef]);
+  const CopyMessage = () => {
+    if (snackbarDuration <= 0) return null;
+    return /* @__PURE__ */ jsx(
+      Snackbar,
+      {
+        open: snackbarOpen,
+        autoHideDuration: snackbarDuration,
+        onClose: handleSnackbarClose,
+        anchorOrigin: snackbarPosition,
+        children: /* @__PURE__ */ jsx(Alert, { onClose: handleSnackbarClose, severity: snackbarSeverity, sx: { width: "100%" }, children: snackbarMessage })
+      }
+    );
+  };
+  return { ref: elementRef, copy: executeCopy, CopyMessage };
 }
 export {
   useClipboard

package/hooks/ClipBoard/ClipBoard.js.map

@@ -1 +1 @@
-{"version":3,"file":"ClipBoard.js","sources":["../../../src/hooks/ClipBoard/ClipBoard.tsx"],"sourcesContent":["import React, { useRef, useEffect, useState, useCallback } from 'react';\nimport { Snackbar, Alert } from '@mui/material';\nimport { AlertProps } from '@mui/material/Alert';\n\n// Tipo para las opciones del Snackbar\ninterface SnackbarOptions {\n  message?: string;\n  duration?: number;\n  severity?: AlertProps['severity'];\n  position?: { vertical: 'top' | 'bottom'; horizontal: 'left' | 'center' | 'right' };\n}\n\n/**\n * Hook 'useClipboard'.\n * Permite adjuntar la funcionalidad de copiar el innerText de un elemento al portapapeles\n * mediante un clic y gestiona el feedback del Snackbar de forma interna.\n *\n * @param options Opciones de configuración para el Snackbar de feedback.\n * @returns Un objeto que contiene:\n * - 'ref': Una referencia de React que debe adjuntarse al elemento cuyo contenido se copiará.\n * - 'CopyMessage': El componente Snackbar pre-configurado y listo para ser renderizado.\n */\nexport function useClipboard(options?: SnackbarOptions) {\n  const elementRef = useRef<HTMLElement>(null); // Tipado más específico para HTMLElement\n\n  // Estados internos para el Snackbar, con valores por defecto\n  const [snackbarOpen, setSnackbarOpen] = useState(false);\n  const [snackbarMessage, setSnackbarMessage] = useState(options?.message || '¡Copiado al portapapeles!');\n  const [snackbarSeverity, setSnackbarSeverity] = useState<AlertProps['severity']>(options?.severity || 'success');\n  const [snackbarPosition, setSnackbarPosition] = useState(options?.position || { vertical: 'bottom', horizontal: 'center' });\n  const [snackbarDuration, setSnackbarDuration] = useState(options?.duration || 3000);\n\n  // Función para cerrar el Snackbar\n  const handleSnackbarClose = useCallback((event?: React.SyntheticEvent | Event, reason?: string) => {\n    if (reason === 'clickaway') {\n      return;\n    }\n    setSnackbarOpen(false);\n  }, []);\n\n  // Función para copiar texto al portapapeles (utilizando document.execCommand para compatibilidad en iframes)\n  const copyText = useCallback(() => {\n    if (elementRef.current) {\n      try {\n        const textarea = document.createElement('textarea');\n        textarea.value = elementRef.current.innerText || ''; // Captura el innerText del elemento\n        document.body.appendChild(textarea);\n        textarea.select();\n        document.execCommand('copy');\n        document.body.removeChild(textarea);\n\n        // Actualiza el mensaje del snackbar con las opciones proporcionadas o los valores por defecto\n        // Estos setters se invocan aquí para que los estados se actualicen antes de abrir el snackbar.\n        setSnackbarMessage(options?.message || '¡Copiado al portapapeles!');\n        setSnackbarSeverity(options?.severity || 'success');\n        setSnackbarPosition(options?.position || { vertical: 'bottom', horizontal: 'center' });\n        setSnackbarDuration(options?.duration || 3000);\n        setSnackbarOpen(true); // Abre el snackbar\n      } catch (err) {\n        console.error('Error al copiar al portapapeles:', err);\n        // En caso de error, usa un mensaje y severidad de error\n        setSnackbarMessage('Error al copiar.');\n        setSnackbarSeverity('error');\n        setSnackbarPosition(options?.position || { vertical: 'bottom', horizontal: 'center' }); // Mantener posición si hay error\n        setSnackbarDuration(options?.duration || 3000); // Mantener duración si hay error\n        setSnackbarOpen(true); // Abre el snackbar con el mensaje de error\n      }\n    }\n  }, [options]); // Dependencia en options para que el hook se reconfigure si las opciones cambian\n\n  // Adjunta un event listener de clic al elemento referenciado\n  useEffect(() => {\n    const currentElement = elementRef.current;\n    if (currentElement) {\n      currentElement.style.cursor = 'pointer'; // Opcional: para indicar que es clickeable\n      currentElement.addEventListener('click', copyText);\n    }\n\n    // Limpieza: remueve el event listener cuando el componente se desmonte\n    return () => {\n      if (currentElement) {\n        currentElement.removeEventListener('click', copyText);\n      }\n    };\n  }, [copyText]); // Dependencia en copyText para asegurar que el listener se actualice si la función cambia\n\n  // Componente Snackbar encapsulado que el hook retorna para ser renderizado\n  const CopyMessage = () => (\n    <Snackbar\n      open={snackbarOpen}\n      autoHideDuration={snackbarDuration}\n      onClose={handleSnackbarClose}\n      anchorOrigin={{\n        vertical: snackbarPosition.vertical as 'top' | 'bottom',\n        horizontal: snackbarPosition.horizontal as 'left' | 'center' | 'right'\n      }}\n    >\n      <Alert onClose={handleSnackbarClose} severity={snackbarSeverity} sx={{ width: '100%' }}>\n        {snackbarMessage}\n      </Alert>\n    </Snackbar>\n  );\n\n  return { ref: elementRef, CopyMessage  };\n}\n\nexport default useClipboard"],"names":[],"mappings":";;;AAsBO,SAAS,aAAa,SAA2B;AACtD,QAAM,aAAa,OAAoB,IAAI;AAG3C,QAAM,CAAC,cAAc,eAAe,IAAI,SAAS,KAAK;AACtD,QAAM,CAAC,iBAAiB,kBAAkB,IAAI,UAAS,mCAAS,YAAW,2BAA2B;AACtG,QAAM,CAAC,kBAAkB,mBAAmB,IAAI,UAAiC,mCAAS,aAAY,SAAS;AAC/G,QAAM,CAAC,kBAAkB,mBAAmB,IAAI,UAAS,mCAAS,aAAY,EAAE,UAAU,UAAU,YAAY,SAAA,CAAU;AAC1H,QAAM,CAAC,kBAAkB,mBAAmB,IAAI,UAAS,mCAAS,aAAY,GAAI;AAGlF,QAAM,sBAAsB,YAAY,CAAC,OAAsC,WAAoB;AACjG,QAAI,WAAW,aAAa;AAC1B;AAAA,IACF;AACA,oBAAgB,KAAK;AAAA,EACvB,GAAG,CAAA,CAAE;AAGL,QAAM,WAAW,YAAY,MAAM;AACjC,QAAI,WAAW,SAAS;AACtB,UAAI;AACF,cAAM,WAAW,SAAS,cAAc,UAAU;AAClD,iBAAS,QAAQ,WAAW,QAAQ,aAAa;AACjD,iBAAS,KAAK,YAAY,QAAQ;AAClC,iBAAS,OAAA;AACT,iBAAS,YAAY,MAAM;AAC3B,iBAAS,KAAK,YAAY,QAAQ;AAIlC,4BAAmB,mCAAS,YAAW,2BAA2B;AAClE,6BAAoB,mCAAS,aAAY,SAAS;AAClD,6BAAoB,mCAAS,aAAY,EAAE,UAAU,UAAU,YAAY,UAAU;AACrF,6BAAoB,mCAAS,aAAY,GAAI;AAC7C,wBAAgB,IAAI;AAAA,MACtB,SAAS,KAAK;AACZ,gBAAQ,MAAM,oCAAoC,GAAG;AAErD,2BAAmB,kBAAkB;AACrC,4BAAoB,OAAO;AAC3B,6BAAoB,mCAAS,aAAY,EAAE,UAAU,UAAU,YAAY,UAAU;AACrF,6BAAoB,mCAAS,aAAY,GAAI;AAC7C,wBAAgB,IAAI;AAAA,MACtB;AAAA,IACF;AAAA,EACF,GAAG,CAAC,OAAO,CAAC;AAGZ,YAAU,MAAM;AACd,UAAM,iBAAiB,WAAW;AAClC,QAAI,gBAAgB;AAClB,qBAAe,MAAM,SAAS;AAC9B,qBAAe,iBAAiB,SAAS,QAAQ;AAAA,IACnD;AAGA,WAAO,MAAM;AACX,UAAI,gBAAgB;AAClB,uBAAe,oBAAoB,SAAS,QAAQ;AAAA,MACtD;AAAA,IACF;AAAA,EACF,GAAG,CAAC,QAAQ,CAAC;AAGb,QAAM,cAAc,MAClB;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAM;AAAA,MACN,kBAAkB;AAAA,MAClB,SAAS;AAAA,MACT,cAAc;AAAA,QACZ,UAAU,iBAAiB;AAAA,QAC3B,YAAY,iBAAiB;AAAA,MAAA;AAAA,MAG/B,UAAA,oBAAC,OAAA,EAAM,SAAS,qBAAqB,UAAU,kBAAkB,IAAI,EAAE,OAAO,OAAA,GAC3E,UAAA,gBAAA,CACH;AAAA,IAAA;AAAA,EAAA;AAIJ,SAAO,EAAE,KAAK,YAAY,YAAA;AAC5B;"}
+{"version":3,"file":"ClipBoard.js","sources":["../../../src/hooks/ClipBoard/ClipBoard.tsx"],"sourcesContent":["// useClipboard.tsx (Versión Unificada)\nimport React, { useRef, useEffect, useState, useCallback } from 'react';\nimport { Snackbar, Alert } from '@mui/material';\nimport { AlertProps } from '@mui/material/Alert';\n\n// Tipo para las opciones del Snackbar\ninterface SnackbarOptions {\n  message?: string;\n  duration?: number;\n  severity?: AlertProps['severity'];\n  position?: { vertical: 'top' | 'bottom'; horizontal: 'left' | 'center' | 'right' };\n}\n\n/**\n * Hook 'useClipboard'.\n * Proporciona funcionalidad de copiado de texto y feedback visual (Snackbar).\n * Permite dos modos de uso:\n * 1. Uso por Referencia (ref): Se adjunta a un elemento, copia su innerText al hacer clic.\n * 2. Uso por Función (copy): Recibe el texto a copiar directamente como argumento.\n *\n * @param options Opciones de configuración para el Snackbar de feedback.\n * @returns Un objeto que contiene:\n * - 'ref': Una React Ref para adjuntar a un elemento (Modo Ref).\n * - 'copy': Una función (text: string) => void para copiar texto (Modo Función).\n * - 'CopyMessage': El componente Snackbar para renderizar el feedback.\n */\nexport function useClipboard(options?: SnackbarOptions) {\n  // --- Elementos de Copiado por Referencia ---\n  const elementRef = useRef<HTMLElement>(null);\n\n  // --- Estados y Opciones del Snackbar ---\n  const [snackbarOpen, setSnackbarOpen] = useState(false);\n  const [snackbarMessage, setSnackbarMessage] = useState(options?.message || '¡Copiado al portapapeles!');\n  const [snackbarSeverity, setSnackbarSeverity] = useState<AlertProps['severity']>(options?.severity || 'success');\n  const [snackbarPosition, setSnackbarPosition] = useState<import('@mui/material').SnackbarOrigin>(options?.position || { vertical: 'bottom', horizontal: 'center' });\n  const [snackbarDuration, setSnackbarDuration] = useState(options?.duration ?? 3000);\n\n  // Función para cerrar el Snackbar\n  const handleSnackbarClose = useCallback((event?: React.SyntheticEvent | Event, reason?: string) => {\n    if (reason === 'clickaway') {\n      return;\n    }\n    setSnackbarOpen(false);\n  }, []);\n\n  /**\n   * FUNCIÓN PRINCIPAL DE COPIADO.\n   * Se usa internamente para 'ref' y se expone para 'copy(text)'.\n   * @param text El texto exacto a copiar.\n   */\n  const executeCopy = useCallback((text: string) => {\n    try {\n      if (navigator.clipboard && window.isSecureContext) {\n        // 1. API moderna\n        navigator.clipboard.writeText(text);\n      } else {\n        // 2. Fallback usando textarea\n        const textarea = document.createElement('textarea');\n        textarea.value = text;\n        document.body.appendChild(textarea);\n        textarea.select();\n        document.execCommand('copy');\n        document.body.removeChild(textarea);\n      }\n      \n      // Mostrar éxito\n      setSnackbarMessage(options?.message || '¡Copiado al portapapeles!');\n      setSnackbarSeverity(options?.severity || 'success');\n      setSnackbarPosition(options?.position || { vertical: 'bottom', horizontal: 'center' });\n      setSnackbarDuration(options?.duration ?? 3000);\n      setSnackbarOpen(true);\n\n    } catch (err) {\n      // Mostrar error\n      console.error('Error al copiar al portapapeles:', err);\n      setSnackbarMessage('Error al copiar.');\n      setSnackbarSeverity('error');\n      setSnackbarPosition(options?.position || { vertical: 'bottom', horizontal: 'center' });\n      setSnackbarDuration(options?.duration ?? 3000);\n      setSnackbarOpen(true);\n    }\n  }, [options]); \n\n  // --- Lógica del Modo Ref ---\n  const copyFromRef = useCallback(() => {\n    if (elementRef.current) {\n        const textToCopy = elementRef.current.innerText || '';\n        executeCopy(textToCopy);\n    }\n  }, [executeCopy]);\n\n  // Adjunta un event listener de clic al elemento referenciado (Modo Ref)\n  useEffect(() => {\n    const currentElement = elementRef.current;\n    if (currentElement) {\n      currentElement.style.cursor = 'pointer';\n      // Adjuntamos la función que copia el texto del ref\n      currentElement.addEventListener('click', copyFromRef);\n    }\n\n    return () => {\n      if (currentElement) {\n        currentElement.removeEventListener('click', copyFromRef);\n      }\n    };\n  }, [copyFromRef]);\n\n\n  // Componente Snackbar encapsulado. Solo se renderiza si duration es > 0.\n  const CopyMessage = () => {\n    if (snackbarDuration <= 0) return null; // No renderizar si la duración es 0\n\n    return (\n      <Snackbar\n        open={snackbarOpen}\n        autoHideDuration={snackbarDuration}\n        onClose={handleSnackbarClose}\n        anchorOrigin={snackbarPosition}\n      >\n        <Alert onClose={handleSnackbarClose} severity={snackbarSeverity} sx={{ width: '100%' }}>\n          {snackbarMessage}\n        </Alert>\n      </Snackbar>\n    );\n  };\n\n  // Retorna ambas funcionalidades para que el usuario elija\n  return { ref: elementRef, copy: executeCopy, CopyMessage };\n}\n\nexport default useClipboard;"],"names":["_a"],"mappings":";;;AA0BO,SAAS,aAAa,SAA2B;;AAEtD,QAAM,aAAa,OAAoB,IAAI;AAG3C,QAAM,CAAC,cAAc,eAAe,IAAI,SAAS,KAAK;AACtD,QAAM,CAAC,iBAAiB,kBAAkB,IAAI,UAAS,mCAAS,YAAW,2BAA2B;AACtG,QAAM,CAAC,kBAAkB,mBAAmB,IAAI,UAAiC,mCAAS,aAAY,SAAS;AAC/G,QAAM,CAAC,kBAAkB,mBAAmB,IAAI,UAAiD,mCAAS,aAAY,EAAE,UAAU,UAAU,YAAY,SAAA,CAAU;AAClK,QAAM,CAAC,kBAAkB,mBAAmB,IAAI,UAAS,wCAAS,aAAT,YAAqB,GAAI;AAGlF,QAAM,sBAAsB,YAAY,CAAC,OAAsC,WAAoB;AACjG,QAAI,WAAW,aAAa;AAC1B;AAAA,IACF;AACA,oBAAgB,KAAK;AAAA,EACvB,GAAG,CAAA,CAAE;AAOL,QAAM,cAAc,YAAY,CAAC,SAAiB;;AAChD,QAAI;AACF,UAAI,UAAU,aAAa,OAAO,iBAAiB;AAEjD,kBAAU,UAAU,UAAU,IAAI;AAAA,MACpC,OAAO;AAEL,cAAM,WAAW,SAAS,cAAc,UAAU;AAClD,iBAAS,QAAQ;AACjB,iBAAS,KAAK,YAAY,QAAQ;AAClC,iBAAS,OAAA;AACT,iBAAS,YAAY,MAAM;AAC3B,iBAAS,KAAK,YAAY,QAAQ;AAAA,MACpC;AAGA,0BAAmB,mCAAS,YAAW,2BAA2B;AAClE,2BAAoB,mCAAS,aAAY,SAAS;AAClD,2BAAoB,mCAAS,aAAY,EAAE,UAAU,UAAU,YAAY,UAAU;AACrF,2BAAoBA,MAAA,mCAAS,aAAT,OAAAA,MAAqB,GAAI;AAC7C,sBAAgB,IAAI;AAAA,IAEtB,SAAS,KAAK;AAEZ,cAAQ,MAAM,oCAAoC,GAAG;AACrD,yBAAmB,kBAAkB;AACrC,0BAAoB,OAAO;AAC3B,2BAAoB,mCAAS,aAAY,EAAE,UAAU,UAAU,YAAY,UAAU;AACrF,2BAAoB,wCAAS,aAAT,YAAqB,GAAI;AAC7C,sBAAgB,IAAI;AAAA,IACtB;AAAA,EACF,GAAG,CAAC,OAAO,CAAC;AAGZ,QAAM,cAAc,YAAY,MAAM;AACpC,QAAI,WAAW,SAAS;AACpB,YAAM,aAAa,WAAW,QAAQ,aAAa;AACnD,kBAAY,UAAU;AAAA,IAC1B;AAAA,EACF,GAAG,CAAC,WAAW,CAAC;AAGhB,YAAU,MAAM;AACd,UAAM,iBAAiB,WAAW;AAClC,QAAI,gBAAgB;AAClB,qBAAe,MAAM,SAAS;AAE9B,qBAAe,iBAAiB,SAAS,WAAW;AAAA,IACtD;AAEA,WAAO,MAAM;AACX,UAAI,gBAAgB;AAClB,uBAAe,oBAAoB,SAAS,WAAW;AAAA,MACzD;AAAA,IACF;AAAA,EACF,GAAG,CAAC,WAAW,CAAC;AAIhB,QAAM,cAAc,MAAM;AACxB,QAAI,oBAAoB,EAAG,QAAO;AAElC,WACE;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAM;AAAA,QACN,kBAAkB;AAAA,QAClB,SAAS;AAAA,QACT,cAAc;AAAA,QAEd,UAAA,oBAAC,OAAA,EAAM,SAAS,qBAAqB,UAAU,kBAAkB,IAAI,EAAE,OAAO,OAAA,GAC3E,UAAA,gBAAA,CACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAGN;AAGA,SAAO,EAAE,KAAK,YAAY,MAAM,aAAa,YAAA;AAC/C;"}

package/hooks/ClipBoard/ClipboardUnifiedDemo.d.ts

@@ -0,0 +1,14 @@
+import { default as React } from 'react';
+/**
+ * Componente Wrapper para demostrar ambos modos de uso del hook useClipboard unificado.
+ * @param {object} args - Propiedades del Snackbar que se pasan al hook.
+ */
+interface ClipboardDemoProps {
+    message: string;
+    severity: 'success' | 'info' | 'warning' | 'error';
+    duration: number;
+    vertical: 'top' | 'bottom';
+    horizontal: 'left' | 'center' | 'right';
+}
+declare const ClipboardUnifiedDemo: React.FC<ClipboardDemoProps>;
+export default ClipboardUnifiedDemo;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@soyfri/shared-library",
-  "version": "1.4.1",
+  "version": "1.4.4",
   "type": "module",
   "main": "dist/index.cjs",
   "module": "dist/index.js",

package/hooks/ClipBoard/ClipBoard.definitions.d.ts

@@ -1,5 +0,0 @@
-export declare const BasicClipboardUsageDefinition = "\nimport React from 'react';\nimport { Box, Typography, Paper } from '@mui/material';\nimport ContentCopyIcon from '@mui/icons-material/ContentCopy';\nimport { useClipboard } from './useClipboard'; // Ajusta la ruta si es necesario\n\nexport const BasicClipboardUsageExample = () => {\n  const { ref, SnackbarComponent } = useClipboard();\n\n  return (\n    <Box sx={{ p: 2, display: 'flex', flexDirection: 'column', gap: 2 }}>\n      <Typography variant=\"h6\">Haz clic para copiar:</Typography>\n      <Paper\n        ref={ref}\n        sx={{\n          p: 2,\n          border: '1px solid #ccc',\n          borderRadius: '8px',\n          backgroundColor: '#f5f5f5',\n          cursor: 'pointer',\n          '&:hover': {\n            backgroundColor: '#e0e0e0',\n          },\n        }}\n      >\n        <Typography variant=\"body1\" sx={{ userSelect: 'none' }}>\n          Este texto se copiar\u00E1 al portapapeles.\n        </Typography>\n        <ContentCopyIcon sx={{ fontSize: 16, ml: 1, verticalAlign: 'middle', color: 'text.secondary' }} />\n      </Paper>\n      <SnackbarComponent /> {/* Renderiza el Snackbar del hook */}\n    </Box>\n  );\n};\n";
-export declare const CustomMessageClipboardDefinition = "\nimport React from 'react';\nimport { Box, Typography, Paper } from '@mui/material';\nimport ContentCopyIcon from '@mui/icons-material/ContentCopy';\nimport { useClipboard } from './useClipboard'; // Ajusta la ruta si es necesario\n\nexport const CustomMessageClipboardExample = () => {\n  const { ref, SnackbarComponent } = useClipboard({\n    message: '\u00A1El contenido de la celda ha sido copiado exitosamente!',\n    duration: 2500,\n    severity: 'info',\n  });\n\n  return (\n    <Box sx={{ p: 2, display: 'flex', flexDirection: 'column', gap: 2 }}>\n      <Typography variant=\"h6\">Copia con mensaje personalizado:</Typography>\n      <Paper\n        ref={ref}\n        sx={{\n          p: 2,\n          border: '1px solid #cce',\n          borderRadius: '8px',\n          backgroundColor: '#eef',\n          cursor: 'pointer',\n          '&:hover': {\n            backgroundColor: '#dde',\n          },\n        }}\n      >\n        <Typography variant=\"body1\" sx={{ userSelect: 'none' }}>\n          Informaci\u00F3n importante para copiar.\n        </Typography>\n        <ContentCopyIcon sx={{ fontSize: 16, ml: 1, verticalAlign: 'middle', color: 'text.secondary' }} />\n      </Paper>\n      <SnackbarComponent /> {/* Renderiza el Snackbar del hook */}\n    </Box>\n  );\n};\n";
-export declare const ErrorHandlingClipboardDefinition = "\nimport React from 'react';\nimport { Box, Typography, Paper, Button } from '@mui/material';\nimport ContentCopyIcon from '@mui/icons-material/ContentCopy';\nimport { useClipboard } from './useClipboard'; // Ajusta la ruta si es necesario\n\nexport const ErrorHandlingClipboardExample = () => {\n  // Simular un error forzando la copia de un elemento no existente\n  // (Esto es solo para demostrar el path de error del Snackbar, en una app real no har\u00EDas esto)\n  const { ref, SnackbarComponent } = useClipboard({\n    message: '\u00A1Copiado con \u00E9xito!',\n    severity: 'success'\n  });\n\n  // Para demostrar el error, tendr\u00EDamos que provocar que document.execCommand falle\n  // lo cual es dif\u00EDcil de simular consistentemente en un Storybook.\n  // El hook ya maneja el catch y cambia la severidad a 'error'.\n  // Esta historia se enfoca en c\u00F3mo el snackbar se ver\u00EDa en un error si ocurriera.\n\n  return (\n    <Box sx={{ p: 2, display: 'flex', flexDirection: 'column', gap: 2 }}>\n      <Typography variant=\"h6\">Copia (observa el Snackbar en caso de error):</Typography>\n      <Paper\n        ref={ref} // Si el ref.current fuera null, se podr\u00EDa ver el mensaje de error.\n        sx={{\n          p: 2,\n          border: '1px solid #eec',\n          borderRadius: '8px',\n          backgroundColor: '#ffe',\n          cursor: 'pointer',\n          '&:hover': {\n            backgroundColor: '#eed',\n          },\n        }}\n      >\n        <Typography variant=\"body1\" sx={{ userSelect: 'none' }}>\n          Intenta copiar este texto.\n        </Typography>\n        <ContentCopyIcon sx={{ fontSize: 16, ml: 1, verticalAlign: 'middle', color: 'text.secondary' }} />\n      </Paper>\n      <Typography variant=\"caption\" color=\"text.secondary\">\n        (El mensaje de error del Snackbar se mostrar\u00EDa si la copia fallara internamente).\n      </Typography>\n      <SnackbarComponent /> {/* Renderiza el Snackbar del hook */}\n    </Box>\n  );\n};\n";
-export declare const MultipleClipboardElementsDefinition = "\nimport React from 'react';\nimport { Box, Typography, Paper } from '@mui/material';\nimport ContentCopyIcon from '@mui/icons-material/ContentCopy';\nimport { useClipboard } from './useClipboard'; // Ajusta la ruta si es necesario\n\nexport const MultipleClipboardElementsExample = () => {\n  const { ref: ref1, SnackbarComponent: Snackbar1 } = useClipboard({ message: 'URL copiada', severity: 'success' });\n  const { ref: ref2, SnackbarComponent: Snackbar2 } = useClipboard({ message: 'ID de producto copiado', severity: 'info', position: { vertical: 'top', horizontal: 'center' } });\n  const { ref: ref3, SnackbarComponent: Snackbar3 } = useClipboard({ message: 'Nombre de usuario copiado', severity: 'warning', duration: 1500 });\n\n  return (\n    <Box sx={{ p: 2, display: 'flex', flexDirection: 'column', gap: 2 }}>\n      <Typography variant=\"h6\">M\u00FAltiples elementos con diferentes configuraciones:</Typography>\n      <Paper\n        ref={ref1}\n        sx={{\n          p: 2,\n          border: '1px solid #ccc',\n          borderRadius: '8px',\n          backgroundColor: '#f5f5f5',\n          cursor: 'pointer',\n          '&:hover': { backgroundColor: '#e0e0e0' },\n        }}\n      >\n        <Typography variant=\"body1\" sx={{ userSelect: 'none' }}>\n          https://www.ejemplo.com/recurso/123\n        </Typography>\n        <ContentCopyIcon sx={{ fontSize: 16, ml: 1, verticalAlign: 'middle', color: 'text.secondary' }} />\n      </Paper>\n\n      <Paper\n        ref={ref2}\n        sx={{\n          p: 2,\n          border: '1px solid #cce',\n          borderRadius: '8px',\n          backgroundColor: '#eef',\n          cursor: 'pointer',\n          '&:hover': { backgroundColor: '#dde' },\n        }}\n      >\n        <Typography variant=\"body1\" sx={{ userSelect: 'none' }}>\n          ID: PROD-7890\n        </Typography>\n        <ContentCopyIcon sx={{ fontSize: 16, ml: 1, verticalAlign: 'middle', color: 'text.secondary' }} />\n      </Paper>\n\n      <Paper\n        ref={ref3}\n        sx={{\n          p: 2,\n          border: '1px solid #ecc',\n          borderRadius: '8px',\n          backgroundColor: '#fee',\n          cursor: 'pointer',\n          '&:hover': { backgroundColor: '#edd' },\n        }}\n      >\n        <Typography variant=\"body1\" sx={{ userSelect: 'none' }}>\n          Usuario: Alice_W\n        </Typography>\n        <ContentCopyIcon sx={{ fontSize: 16, ml: 1, verticalAlign: 'middle', color: 'text.secondary' }} />\n      </Paper>\n\n      <Snackbar1 />\n      <Snackbar2 />\n      <Snackbar3 />\n    </Box>\n  );\n};\n";
-export declare const ClipboardWithNoVisualFeedbackDefinition = "\nimport React from 'react';\nimport { Box, Typography, Paper } from '@mui/material';\nimport ContentCopyIcon from '@mui/icons-material/ContentCopy';\nimport { useClipboard } from './useClipboard'; // Ajusta la ruta si es necesario\n\nexport const ClipboardWithNoVisualFeedbackExample = () => {\n  // Configura el hook sin mensaje para que no haya feedback visual expl\u00EDcito\n  const { ref } = useClipboard({ duration: 0 }); // duration: 0 para que no se muestre el snackbar\n\n  return (\n    <Box sx={{ p: 2, display: 'flex', flexDirection: 'column', gap: 2 }}>\n      <Typography variant=\"h6\">Copia sin feedback visual (revisa el portapapeles):</Typography>\n      <Paper\n        ref={ref}\n        sx={{\n          p: 2,\n          border: '1px solid #eee',\n          borderRadius: '8px',\n          backgroundColor: '#fafafa',\n          cursor: 'pointer',\n          '&:hover': { backgroundColor: '#e9e9e9' },\n        }}\n      >\n        <Typography variant=\"body1\" sx={{ userSelect: 'none' }}>\n          Este texto se copiar\u00E1 silenciosamente.\n        </Typography>\n        <ContentCopyIcon sx={{ fontSize: 16, ml: 1, verticalAlign: 'middle', color: 'text.secondary' }} />\n      </Paper>\n      <Typography variant=\"caption\" color=\"text.secondary\">\n        (No se mostrar\u00E1 el Snackbar despu\u00E9s de copiar).\n      </Typography>\n      {/* No renderizamos SnackbarComponent aqu\u00ED */}\n    </Box>\n  );\n};\n";