@soyfri/shared-library 3.3.0 → 4.0.0

package/{Modal-C_QY7ZzY.js → Modal-BqW0Nk3l.js}

@@ -333,7 +333,17 @@ const Modal = forwardRef(
         "aria-describedby": descId,
         closeAfterTransition: true,
         sx,
-        children: /* @__PURE__ */ jsx(Paper, { className, sx: mergedPaperSx, "data-testid": dataTestId, children: renderChildren() })
+        children: /* @__PURE__ */ jsx(
+          Paper,
+          {
+            role: "dialog",
+            "aria-modal": "true",
+            className,
+            sx: mergedPaperSx,
+            "data-testid": dataTestId,
+            children: renderChildren()
+          }
+        )
       }
     );
   }
@@ -349,4 +359,4 @@ export {
   ModalBody as b,
   ModalFooter as c
 };
-//# sourceMappingURL=Modal-C_QY7ZzY.js.map
+//# sourceMappingURL=Modal-BqW0Nk3l.js.map

package/{Modal-C_QY7ZzY.js.map → Modal-BqW0Nk3l.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Modal-C_QY7ZzY.js","sources":["../src/components/Modal/ModalFooter.tsx","../src/components/Modal/ModalHeader.tsx","../src/components/Modal/ModalBody.tsx","../src/components/Modal/Modal.tsx"],"sourcesContent":["import React from 'react';\nimport { Box, Stack } from '@mui/material';\nimport type { ButtonProps as MuiButtonProps } from '@mui/material/Button';\n\nimport { Button } from '../Button';\n\n// Interfaz para acciones personalizadas (se mantiene aquí)\nexport interface ModalAction {\n  text: string;\n  onClick?: () => void;\n  disabled?: boolean;\n  variant?: MuiButtonProps['variant'];\n  color?: MuiButtonProps['color'];\n  /**\n   * Props adicionales que se forwardean al `<Button>` interno. Útil para casos\n   * avanzados como conectar el botón con un `<form id=\"...\">` externo usando\n   * `buttonProps={{ type: 'submit', form: 'my-form-id' }}`.\n   */\n  buttonProps?: Partial<MuiButtonProps> & { form?: string };\n}\n\nexport interface ModalFooterProps {\n  children?: React.ReactNode;\n  showCloseButton?: boolean;\n  closeButtonText?: string;\n  closeButtonDisabled?: boolean;\n  onClose: () => void;\n  actions?: ModalAction[];\n}\n\nexport const ModalFooter: React.FC<ModalFooterProps> = ({\n  children,\n  showCloseButton = true,\n  closeButtonText = 'Cerrar',\n  closeButtonDisabled = false,\n  onClose,\n  actions = [],\n}) => {\n  return (\n    <Box\n      sx={{\n        padding: 2,\n        borderTop: (theme) => `1px solid ${theme.palette.divider}`,\n        display: 'flex',\n        justifyContent: 'flex-end',\n        gap: 1,\n      }}\n    >\n      {children}\n      <Stack direction=\"row\" spacing={1}>\n        {showCloseButton && (\n          <Button\n            onClick={onClose}\n            disabled={closeButtonDisabled}\n            variant=\"outlined\"\n            color=\"secondary\"\n          >\n            {closeButtonText}\n          </Button>\n        )}\n        {actions.map((action) => {\n          const { buttonProps, text, onClick, disabled, variant, color } = action;\n          return (\n            <Button\n              key={text}\n              onClick={onClick}\n              disabled={disabled}\n              variant={variant || 'contained'}\n              color={color || 'primary'}\n              {...(buttonProps as any)}\n            >\n              {text}\n            </Button>\n          );\n        })}\n      </Stack>\n    </Box>\n  );\n};\n\nModalFooter.displayName = 'ModalFooter';\n\nexport default ModalFooter;\n","import React from 'react';\nimport { Box, Typography } from '@mui/material';\n\nexport interface ModalHeaderProps {\n  children: React.ReactNode;\n  /**\n   * ID del elemento — usado para `aria-labelledby` del Modal. Se setea\n   * automáticamente cuando el header se renderiza dentro de `<Modal>`.\n   */\n  id?: string;\n}\n\nexport const ModalHeader: React.FC<ModalHeaderProps> = ({ children, id }) => {\n  return (\n    <Box\n      sx={{\n        padding: 2,\n        borderBottom: (theme) => `1px solid ${theme.palette.divider}`,\n        display: 'flex',\n        alignItems: 'center',\n        justifyContent: 'space-between',\n      }}\n    >\n      <Typography id={id} variant=\"h6\" component=\"h2\">\n        {children}\n      </Typography>\n    </Box>\n  );\n};\n\nModalHeader.displayName = 'ModalHeader';\n\nexport default ModalHeader;\n","import React from 'react';\nimport { Box } from '@mui/material';\n\nexport interface ModalBodyProps {\n  children: React.ReactNode;\n  /**\n   * ID del elemento — usado para `aria-describedby` del Modal. Se setea\n   * automáticamente cuando el body se renderiza dentro de `<Modal>`.\n   */\n  id?: string;\n}\n\nexport const ModalBody: React.FC<ModalBodyProps> = ({ children, id }) => {\n  return (\n    <Box id={id} sx={{ padding: 2, overflowY: 'auto', flexGrow: 1 }}>\n      {children}\n    </Box>\n  );\n};\n\nModalBody.displayName = 'ModalBody';\n\nexport default ModalBody;\n","import {\n  Children,\n  cloneElement,\n  forwardRef,\n  isValidElement,\n  useId,\n  useImperativeHandle,\n  useState,\n  type ReactElement,\n  type ReactNode,\n} from 'react';\nimport {\n  Modal as MuiModal,\n  Paper,\n  useMediaQuery,\n  useTheme,\n  Box,\n  Stack,\n  Typography,\n} from '@mui/material';\nimport type { SxProps, Theme } from '@mui/material/styles';\nimport InfoOutlinedIcon from '@mui/icons-material/InfoOutlined';\nimport WarningAmberIcon from '@mui/icons-material/WarningAmber';\nimport ErrorOutlineIcon from '@mui/icons-material/ErrorOutline';\nimport CheckCircleOutlineIcon from '@mui/icons-material/CheckCircleOutline';\n\nimport type { DialogProps } from '@mui/material/Dialog';\nimport { ModalFooter, type ModalAction, type ModalFooterProps } from './ModalFooter';\nimport { ModalHeader } from './ModalHeader';\nimport { ModalBody } from './ModalBody';\nimport { mergeSx } from '../_shared/mergeSx';\n\n// Detección robusta de sub-componentes — funciona con wrappers / HMR que\n// rompen la igualdad de referencia (`child.type === ModalHeader`).\nconst isModalSlot = (\n  child: ReactElement,\n  Component: unknown,\n  displayName: string,\n): boolean => {\n  if (child.type === Component) return true;\n  const type = child.type as { displayName?: string };\n  return type?.displayName === displayName;\n};\n\n// Define la interfaz para los métodos que el padre puede llamar a través de la ref\nexport interface ModalRef {\n  open: () => void;\n  close: () => void;\n}\n\nexport type ModalMode = 'default' | 'confirm';\nexport type ModalSeverity = 'info' | 'warning' | 'error' | 'success';\n\nexport interface ModalProps {\n  /**\n   * Modo del modal.\n   * - `default` (default): modal genérico con slots `Header`/`Body`/`Footer` y\n   *   `actions` custom.\n   * - `confirm`: reemplaza al `ConfirmModal` legacy. Renderiza un layout\n   *   focalizado con icono por severidad, mensaje y botones \"Cancelar\" /\n   *   \"Confirmar\".\n   */\n  mode?: ModalMode;\n\n  // ── Props comunes ────────────────────────────────────────────────────\n  /** Controlado externamente. Omitir si se usa vía ref. */\n  open?: boolean;\n  /** Callback al cerrar. También se dispara al confirmar/cancelar. */\n  onClose?: () => void;\n  title?: string;\n  children?: ReactNode;\n  showCloseButton?: boolean;\n  closeButtonText?: string;\n  closeButtonDisabled?: boolean;\n  actions?: ModalAction[];\n  maxWidth?: DialogProps['maxWidth'];\n  /**\n   * Si `true`, el modal NO se cierra al hacer click en el backdrop ni con Escape\n   * (equivale a `backdrop=\"static\"`). Cerrar solo vía botón/acción.\n   */\n  staticBackdrop?: boolean;\n  /** Test id aplicado al Paper interno (contenedor visual). */\n  'data-testid'?: string;\n  /** Oculta el header (incluso si hay `title` o se pasa un `<Modal.Header>`). */\n  hiddenHeader?: boolean;\n  /** Oculta el body (incluso si se pasa un `<Modal.Body>`). */\n  hiddenBody?: boolean;\n  /** Oculta el footer (incluso si se pasa un `<Modal.Footer>` o `actions`). */\n  hiddenFooter?: boolean;\n  /** sx del Modal root (MuiModal). */\n  sx?: SxProps<Theme>;\n  /** sx del Paper interno (contenedor visual). Se mergea sobre el default. */\n  paperSx?: SxProps<Theme>;\n  /** className del Paper interno. */\n  className?: string;\n\n  // ── Props del modo confirm ───────────────────────────────────────────\n  /**\n   * Callback de confirmación. Soporta promesa — si devuelve `Promise`, el\n   * botón muestra estado `disabled` mientras resuelve.\n   *\n   * Si la promesa **rechaza**, el modal queda abierto para que el consumer\n   * pueda mostrar el error en su UI. El modal se cierra solo en éxito.\n   */\n  onConfirm?: () => void | Promise<void>;\n  /** Texto del botón primario en modo `confirm`. Default: \"Confirmar\". */\n  confirmText?: string;\n  /** Deshabilita el botón de confirmar. */\n  confirmDisabled?: boolean;\n  /**\n   * Severidad visual en modo `confirm`. Controla el icono y el color del\n   * botón de confirmación.\n   * - `info` (default): primary\n   * - `warning`: warning (amarillo)\n   * - `error`: error (rojo) — típico para \"Eliminar\"\n   * - `success`: success (verde) — típico para \"Aprobar\"\n   */\n  severity?: ModalSeverity;\n  /**\n   * Mensaje del confirm. Puede ser string o cualquier ReactNode. Si se omite,\n   * se usa `children`.\n   */\n  confirmMessage?: ReactNode;\n}\n\nconst modalStyle = {\n  position: 'absolute' as const,\n  top: '50%',\n  left: '50%',\n  transform: 'translate(-50%, -50%)',\n  width: '90%',\n  maxHeight: '90vh',\n  display: 'flex',\n  flexDirection: 'column' as const,\n  outline: 'none',\n};\n\nconst severityConfig: Record<\n  ModalSeverity,\n  { color: ModalAction['color']; icon: ReactNode; paletteKey: 'primary' | 'warning' | 'error' | 'success' }\n> = {\n  info: {\n    color: 'primary',\n    icon: <InfoOutlinedIcon sx={{ fontSize: 48 }} />,\n    paletteKey: 'primary',\n  },\n  warning: {\n    color: 'warning',\n    icon: <WarningAmberIcon sx={{ fontSize: 48 }} />,\n    paletteKey: 'warning',\n  },\n  error: {\n    color: 'error',\n    icon: <ErrorOutlineIcon sx={{ fontSize: 48 }} />,\n    paletteKey: 'error',\n  },\n  success: {\n    color: 'success',\n    icon: <CheckCircleOutlineIcon sx={{ fontSize: 48 }} />,\n    paletteKey: 'success',\n  },\n};\n\nexport const Modal = forwardRef<ModalRef, ModalProps>(\n  (\n    {\n      mode = 'default',\n      open: controlledOpen,\n      onClose: controlledOnClose,\n      title,\n      children,\n      showCloseButton = true,\n      closeButtonText = 'Cerrar',\n      closeButtonDisabled = false,\n      actions = [],\n      maxWidth = 'sm',\n      hiddenHeader = false,\n      hiddenBody = false,\n      hiddenFooter = false,\n      staticBackdrop = false,\n      'data-testid': dataTestId,\n      sx,\n      paperSx,\n      className,\n\n      // Props del modo confirm\n      onConfirm,\n      confirmText = 'Confirmar',\n      confirmDisabled = false,\n      severity = 'info',\n      confirmMessage,\n    },\n    ref,\n  ) => {\n    const [internalOpen, setInternalOpen] = useState(false);\n    const [confirmLoading, setConfirmLoading] = useState(false);\n\n    // IDs estables para a11y: `aria-labelledby` y `aria-describedby`.\n    const titleId = useId();\n    const descId = useId();\n\n    const isOpen = controlledOpen !== undefined ? controlledOpen : internalOpen;\n\n    useImperativeHandle(ref, () => ({\n      open: () => setInternalOpen(true),\n      close: () => {\n        setInternalOpen(false);\n        controlledOnClose?.();\n      },\n    }));\n\n    const handleCloseInternal = (\n      _event?: object,\n      reason?: 'backdropClick' | 'escapeKeyDown',\n    ) => {\n      // Backdrop estático: ignora cierres por click fuera o Escape.\n      if (\n        staticBackdrop &&\n        (reason === 'backdropClick' || reason === 'escapeKeyDown')\n      ) {\n        return;\n      }\n      setInternalOpen(false);\n      controlledOnClose?.();\n    };\n\n    const handleConfirm = async () => {\n      if (!onConfirm) {\n        handleCloseInternal();\n        return;\n      }\n      const result = onConfirm();\n      if (!(result instanceof Promise)) {\n        handleCloseInternal();\n        return;\n      }\n      setConfirmLoading(true);\n      try {\n        await result;\n        handleCloseInternal();\n      } catch (err) {\n        // No cerrar el modal en caso de error — el consumer es responsable\n        // de mostrar un estado de error en su UI. Logueamos para trazabilidad\n        // en dev.\n        // eslint-disable-next-line no-console\n        console.error('Modal onConfirm failed:', err);\n      } finally {\n        setConfirmLoading(false);\n      }\n    };\n\n    const theme = useTheme();\n    const isMobile = useMediaQuery(theme.breakpoints.down('sm'));\n\n    const getWidth = () => {\n      if (isMobile) return '95%';\n      switch (maxWidth) {\n        case 'xs':\n          return 300;\n        case 'sm':\n          return 500;\n        case 'md':\n          return 700;\n        case 'lg':\n          return 900;\n        case 'xl':\n          return 1100;\n        case false:\n          return 'auto';\n        default:\n          // Soporta string custom: `maxWidth=\"600px\"` se pasa tal cual.\n          return typeof maxWidth === 'string' ? maxWidth : 500;\n      }\n    };\n\n    // Base sx del Paper + width responsive; el consumer puede pisarlos via `paperSx`.\n    const paperBaseSx: SxProps<Theme> = { ...modalStyle, width: getWidth() };\n    const mergedPaperSx = mergeSx(paperBaseSx, paperSx);\n\n    // ── Render modo CONFIRM ─────────────────────────────────────────────\n    if (mode === 'confirm') {\n      const config = severityConfig[severity];\n      const message = confirmMessage ?? children;\n\n      return (\n        <MuiModal\n          open={isOpen}\n          onClose={handleCloseInternal}\n          aria-labelledby={title ? titleId : undefined}\n          aria-describedby={message ? descId : undefined}\n          closeAfterTransition\n          sx={sx}\n        >\n          <Paper className={className} sx={mergedPaperSx} data-testid={dataTestId}>\n            <Stack spacing={2.5} sx={{ p: 3, alignItems: 'center', textAlign: 'center' }}>\n              <Box\n                sx={{\n                  width: 72,\n                  height: 72,\n                  borderRadius: '50%',\n                  backgroundColor: (t) => t.palette[config.paletteKey].light,\n                  color: (t) => t.palette[config.paletteKey].dark,\n                  display: 'flex',\n                  alignItems: 'center',\n                  justifyContent: 'center',\n                  opacity: 0.9,\n                }}\n              >\n                {config.icon}\n              </Box>\n              {title && (\n                <Typography id={titleId} variant=\"h6\" component=\"h2\" sx={{ fontWeight: 700 }}>\n                  {title}\n                </Typography>\n              )}\n              {message && (\n                <Typography id={descId} variant=\"body2\" color=\"text.secondary\">\n                  {message}\n                </Typography>\n              )}\n            </Stack>\n            <ModalFooter\n              showCloseButton={showCloseButton}\n              closeButtonText={closeButtonText}\n              closeButtonDisabled={closeButtonDisabled || confirmLoading}\n              onClose={handleCloseInternal}\n              actions={[\n                {\n                  text: confirmText,\n                  onClick: handleConfirm,\n                  disabled: confirmDisabled || confirmLoading,\n                  variant: 'contained',\n                  color: config.color,\n                },\n              ]}\n            />\n          </Paper>\n        </MuiModal>\n      );\n    }\n\n    // ── Render modo DEFAULT (compuesto) ─────────────────────────────────\n    const renderChildren = () => {\n      let header: ReactNode | null = null;\n      let body: ReactNode | null = null;\n      let footer: ReactNode | null = null;\n\n      Children.forEach(children, (child) => {\n        if (!isValidElement(child)) return;\n\n        if (isModalSlot(child, ModalHeader, 'ModalHeader')) {\n          const headerChild = child as ReactElement<{ id?: string }>;\n          header = cloneElement(headerChild, { id: titleId, ...headerChild.props });\n        } else if (isModalSlot(child, ModalBody, 'ModalBody')) {\n          const bodyChild = child as ReactElement<{ id?: string }>;\n          body = cloneElement(bodyChild, { id: descId, ...bodyChild.props });\n        } else if (isModalSlot(child, ModalFooter, 'ModalFooter')) {\n          const footerChild = child as ReactElement<ModalFooterProps>;\n          // Props del child ganan sobre los del Modal padre: si el consumer\n          // declara `<Modal.Footer showCloseButton={false}>`, ese valor se\n          // respeta. Solo los que vengan `undefined` caen al default del padre.\n          const childProps = footerChild.props;\n          footer = cloneElement(footerChild, {\n            showCloseButton: childProps.showCloseButton ?? showCloseButton,\n            closeButtonText: childProps.closeButtonText ?? closeButtonText,\n            closeButtonDisabled: childProps.closeButtonDisabled ?? closeButtonDisabled,\n            onClose: childProps.onClose ?? handleCloseInternal,\n            actions: childProps.actions ?? actions,\n          });\n        }\n      });\n\n      if (!footer && !hiddenFooter) {\n        footer = (\n          <ModalFooter\n            showCloseButton={showCloseButton}\n            closeButtonText={closeButtonText}\n            closeButtonDisabled={closeButtonDisabled}\n            onClose={handleCloseInternal}\n            actions={actions}\n          />\n        );\n      }\n\n      return (\n        <>\n          {!hiddenHeader && (header || (title && <ModalHeader id={titleId}>{title}</ModalHeader>))}\n          {!hiddenBody && body}\n          {footer}\n        </>\n      );\n    };\n\n    return (\n      <MuiModal\n        open={isOpen}\n        onClose={handleCloseInternal}\n        aria-labelledby={titleId}\n        aria-describedby={descId}\n        closeAfterTransition\n        sx={sx}\n      >\n        <Paper className={className} sx={mergedPaperSx} data-testid={dataTestId}>\n          {renderChildren()}\n        </Paper>\n      </MuiModal>\n    );\n  },\n);\n\nModal.displayName = 'Modal';\n\n// Define los sub-componentes como propiedades estáticas con tipos explícitos\ntype ModalComponent = ReturnType<typeof forwardRef<ModalRef, ModalProps>> & {\n  Header: typeof ModalHeader;\n  Body: typeof ModalBody;\n  Footer: typeof ModalFooter;\n};\n\nconst ModalWithStatics = Modal as ModalComponent;\n\nModalWithStatics.Header = ModalHeader;\nModalWithStatics.Body = ModalBody;\nModalWithStatics.Footer = ModalFooter;\n\nexport default ModalWithStatics;\n"],"names":["MuiModal"],"mappings":"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"}
+{"version":3,"file":"Modal-BqW0Nk3l.js","sources":["../src/components/Modal/ModalFooter.tsx","../src/components/Modal/ModalHeader.tsx","../src/components/Modal/ModalBody.tsx","../src/components/Modal/Modal.tsx"],"sourcesContent":["import React from 'react';\nimport { Box, Stack } from '@mui/material';\nimport type { ButtonProps as MuiButtonProps } from '@mui/material/Button';\n\nimport { Button } from '../Button';\n\n// Interfaz para acciones personalizadas (se mantiene aquí)\nexport interface ModalAction {\n  text: string;\n  onClick?: () => void;\n  disabled?: boolean;\n  variant?: MuiButtonProps['variant'];\n  color?: MuiButtonProps['color'];\n  /**\n   * Props adicionales que se forwardean al `<Button>` interno. Útil para casos\n   * avanzados como conectar el botón con un `<form id=\"...\">` externo usando\n   * `buttonProps={{ type: 'submit', form: 'my-form-id' }}`.\n   */\n  buttonProps?: Partial<MuiButtonProps> & { form?: string };\n}\n\nexport interface ModalFooterProps {\n  children?: React.ReactNode;\n  showCloseButton?: boolean;\n  closeButtonText?: string;\n  closeButtonDisabled?: boolean;\n  onClose: () => void;\n  actions?: ModalAction[];\n}\n\nexport const ModalFooter: React.FC<ModalFooterProps> = ({\n  children,\n  showCloseButton = true,\n  closeButtonText = 'Cerrar',\n  closeButtonDisabled = false,\n  onClose,\n  actions = [],\n}) => {\n  return (\n    <Box\n      sx={{\n        padding: 2,\n        borderTop: (theme) => `1px solid ${theme.palette.divider}`,\n        display: 'flex',\n        justifyContent: 'flex-end',\n        gap: 1,\n      }}\n    >\n      {children}\n      <Stack direction=\"row\" spacing={1}>\n        {showCloseButton && (\n          <Button\n            onClick={onClose}\n            disabled={closeButtonDisabled}\n            variant=\"outlined\"\n            color=\"secondary\"\n          >\n            {closeButtonText}\n          </Button>\n        )}\n        {actions.map((action) => {\n          const { buttonProps, text, onClick, disabled, variant, color } = action;\n          return (\n            <Button\n              key={text}\n              onClick={onClick}\n              disabled={disabled}\n              variant={variant || 'contained'}\n              color={color || 'primary'}\n              {...(buttonProps as any)}\n            >\n              {text}\n            </Button>\n          );\n        })}\n      </Stack>\n    </Box>\n  );\n};\n\nModalFooter.displayName = 'ModalFooter';\n\nexport default ModalFooter;\n","import React from 'react';\nimport { Box, Typography } from '@mui/material';\n\nexport interface ModalHeaderProps {\n  children: React.ReactNode;\n  /**\n   * ID del elemento — usado para `aria-labelledby` del Modal. Se setea\n   * automáticamente cuando el header se renderiza dentro de `<Modal>`.\n   */\n  id?: string;\n}\n\nexport const ModalHeader: React.FC<ModalHeaderProps> = ({ children, id }) => {\n  return (\n    <Box\n      sx={{\n        padding: 2,\n        borderBottom: (theme) => `1px solid ${theme.palette.divider}`,\n        display: 'flex',\n        alignItems: 'center',\n        justifyContent: 'space-between',\n      }}\n    >\n      <Typography id={id} variant=\"h6\" component=\"h2\">\n        {children}\n      </Typography>\n    </Box>\n  );\n};\n\nModalHeader.displayName = 'ModalHeader';\n\nexport default ModalHeader;\n","import React from 'react';\nimport { Box } from '@mui/material';\n\nexport interface ModalBodyProps {\n  children: React.ReactNode;\n  /**\n   * ID del elemento — usado para `aria-describedby` del Modal. Se setea\n   * automáticamente cuando el body se renderiza dentro de `<Modal>`.\n   */\n  id?: string;\n}\n\nexport const ModalBody: React.FC<ModalBodyProps> = ({ children, id }) => {\n  return (\n    <Box id={id} sx={{ padding: 2, overflowY: 'auto', flexGrow: 1 }}>\n      {children}\n    </Box>\n  );\n};\n\nModalBody.displayName = 'ModalBody';\n\nexport default ModalBody;\n","import {\n  Children,\n  cloneElement,\n  forwardRef,\n  isValidElement,\n  useId,\n  useImperativeHandle,\n  useState,\n  type ReactElement,\n  type ReactNode,\n} from 'react';\nimport {\n  Modal as MuiModal,\n  Paper,\n  useMediaQuery,\n  useTheme,\n  Box,\n  Stack,\n  Typography,\n} from '@mui/material';\nimport type { SxProps, Theme } from '@mui/material/styles';\nimport InfoOutlinedIcon from '@mui/icons-material/InfoOutlined';\nimport WarningAmberIcon from '@mui/icons-material/WarningAmber';\nimport ErrorOutlineIcon from '@mui/icons-material/ErrorOutline';\nimport CheckCircleOutlineIcon from '@mui/icons-material/CheckCircleOutline';\n\nimport type { DialogProps } from '@mui/material/Dialog';\nimport { ModalFooter, type ModalAction, type ModalFooterProps } from './ModalFooter';\nimport { ModalHeader } from './ModalHeader';\nimport { ModalBody } from './ModalBody';\nimport { mergeSx } from '../_shared/mergeSx';\n\n// Detección robusta de sub-componentes — funciona con wrappers / HMR que\n// rompen la igualdad de referencia (`child.type === ModalHeader`).\nconst isModalSlot = (\n  child: ReactElement,\n  Component: unknown,\n  displayName: string,\n): boolean => {\n  if (child.type === Component) return true;\n  const type = child.type as { displayName?: string };\n  return type?.displayName === displayName;\n};\n\n// Define la interfaz para los métodos que el padre puede llamar a través de la ref\nexport interface ModalRef {\n  open: () => void;\n  close: () => void;\n}\n\nexport type ModalMode = 'default' | 'confirm';\nexport type ModalSeverity = 'info' | 'warning' | 'error' | 'success';\n\nexport interface ModalProps {\n  /**\n   * Modo del modal.\n   * - `default` (default): modal genérico con slots `Header`/`Body`/`Footer` y\n   *   `actions` custom.\n   * - `confirm`: reemplaza al `ConfirmModal` legacy. Renderiza un layout\n   *   focalizado con icono por severidad, mensaje y botones \"Cancelar\" /\n   *   \"Confirmar\".\n   */\n  mode?: ModalMode;\n\n  // ── Props comunes ────────────────────────────────────────────────────\n  /** Controlado externamente. Omitir si se usa vía ref. */\n  open?: boolean;\n  /** Callback al cerrar. También se dispara al confirmar/cancelar. */\n  onClose?: () => void;\n  title?: string;\n  children?: ReactNode;\n  showCloseButton?: boolean;\n  closeButtonText?: string;\n  closeButtonDisabled?: boolean;\n  actions?: ModalAction[];\n  maxWidth?: DialogProps['maxWidth'];\n  /**\n   * Si `true`, el modal NO se cierra al hacer click en el backdrop ni con Escape\n   * (equivale a `backdrop=\"static\"`). Cerrar solo vía botón/acción.\n   */\n  staticBackdrop?: boolean;\n  /** Test id aplicado al Paper interno (contenedor visual). */\n  'data-testid'?: string;\n  /** Oculta el header (incluso si hay `title` o se pasa un `<Modal.Header>`). */\n  hiddenHeader?: boolean;\n  /** Oculta el body (incluso si se pasa un `<Modal.Body>`). */\n  hiddenBody?: boolean;\n  /** Oculta el footer (incluso si se pasa un `<Modal.Footer>` o `actions`). */\n  hiddenFooter?: boolean;\n  /** sx del Modal root (MuiModal). */\n  sx?: SxProps<Theme>;\n  /** sx del Paper interno (contenedor visual). Se mergea sobre el default. */\n  paperSx?: SxProps<Theme>;\n  /** className del Paper interno. */\n  className?: string;\n\n  // ── Props del modo confirm ───────────────────────────────────────────\n  /**\n   * Callback de confirmación. Soporta promesa — si devuelve `Promise`, el\n   * botón muestra estado `disabled` mientras resuelve.\n   *\n   * Si la promesa **rechaza**, el modal queda abierto para que el consumer\n   * pueda mostrar el error en su UI. El modal se cierra solo en éxito.\n   */\n  onConfirm?: () => void | Promise<void>;\n  /** Texto del botón primario en modo `confirm`. Default: \"Confirmar\". */\n  confirmText?: string;\n  /** Deshabilita el botón de confirmar. */\n  confirmDisabled?: boolean;\n  /**\n   * Severidad visual en modo `confirm`. Controla el icono y el color del\n   * botón de confirmación.\n   * - `info` (default): primary\n   * - `warning`: warning (amarillo)\n   * - `error`: error (rojo) — típico para \"Eliminar\"\n   * - `success`: success (verde) — típico para \"Aprobar\"\n   */\n  severity?: ModalSeverity;\n  /**\n   * Mensaje del confirm. Puede ser string o cualquier ReactNode. Si se omite,\n   * se usa `children`.\n   */\n  confirmMessage?: ReactNode;\n}\n\nconst modalStyle = {\n  position: 'absolute' as const,\n  top: '50%',\n  left: '50%',\n  transform: 'translate(-50%, -50%)',\n  width: '90%',\n  maxHeight: '90vh',\n  display: 'flex',\n  flexDirection: 'column' as const,\n  outline: 'none',\n};\n\nconst severityConfig: Record<\n  ModalSeverity,\n  { color: ModalAction['color']; icon: ReactNode; paletteKey: 'primary' | 'warning' | 'error' | 'success' }\n> = {\n  info: {\n    color: 'primary',\n    icon: <InfoOutlinedIcon sx={{ fontSize: 48 }} />,\n    paletteKey: 'primary',\n  },\n  warning: {\n    color: 'warning',\n    icon: <WarningAmberIcon sx={{ fontSize: 48 }} />,\n    paletteKey: 'warning',\n  },\n  error: {\n    color: 'error',\n    icon: <ErrorOutlineIcon sx={{ fontSize: 48 }} />,\n    paletteKey: 'error',\n  },\n  success: {\n    color: 'success',\n    icon: <CheckCircleOutlineIcon sx={{ fontSize: 48 }} />,\n    paletteKey: 'success',\n  },\n};\n\nexport const Modal = forwardRef<ModalRef, ModalProps>(\n  (\n    {\n      mode = 'default',\n      open: controlledOpen,\n      onClose: controlledOnClose,\n      title,\n      children,\n      showCloseButton = true,\n      closeButtonText = 'Cerrar',\n      closeButtonDisabled = false,\n      actions = [],\n      maxWidth = 'sm',\n      hiddenHeader = false,\n      hiddenBody = false,\n      hiddenFooter = false,\n      staticBackdrop = false,\n      'data-testid': dataTestId,\n      sx,\n      paperSx,\n      className,\n\n      // Props del modo confirm\n      onConfirm,\n      confirmText = 'Confirmar',\n      confirmDisabled = false,\n      severity = 'info',\n      confirmMessage,\n    },\n    ref,\n  ) => {\n    const [internalOpen, setInternalOpen] = useState(false);\n    const [confirmLoading, setConfirmLoading] = useState(false);\n\n    // IDs estables para a11y: `aria-labelledby` y `aria-describedby`.\n    const titleId = useId();\n    const descId = useId();\n\n    const isOpen = controlledOpen !== undefined ? controlledOpen : internalOpen;\n\n    useImperativeHandle(ref, () => ({\n      open: () => setInternalOpen(true),\n      close: () => {\n        setInternalOpen(false);\n        controlledOnClose?.();\n      },\n    }));\n\n    const handleCloseInternal = (\n      _event?: object,\n      reason?: 'backdropClick' | 'escapeKeyDown',\n    ) => {\n      // Backdrop estático: ignora cierres por click fuera o Escape.\n      if (\n        staticBackdrop &&\n        (reason === 'backdropClick' || reason === 'escapeKeyDown')\n      ) {\n        return;\n      }\n      setInternalOpen(false);\n      controlledOnClose?.();\n    };\n\n    const handleConfirm = async () => {\n      if (!onConfirm) {\n        handleCloseInternal();\n        return;\n      }\n      const result = onConfirm();\n      if (!(result instanceof Promise)) {\n        handleCloseInternal();\n        return;\n      }\n      setConfirmLoading(true);\n      try {\n        await result;\n        handleCloseInternal();\n      } catch (err) {\n        // No cerrar el modal en caso de error — el consumer es responsable\n        // de mostrar un estado de error en su UI. Logueamos para trazabilidad\n        // en dev.\n        // eslint-disable-next-line no-console\n        console.error('Modal onConfirm failed:', err);\n      } finally {\n        setConfirmLoading(false);\n      }\n    };\n\n    const theme = useTheme();\n    const isMobile = useMediaQuery(theme.breakpoints.down('sm'));\n\n    const getWidth = () => {\n      if (isMobile) return '95%';\n      switch (maxWidth) {\n        case 'xs':\n          return 300;\n        case 'sm':\n          return 500;\n        case 'md':\n          return 700;\n        case 'lg':\n          return 900;\n        case 'xl':\n          return 1100;\n        case false:\n          return 'auto';\n        default:\n          // Soporta string custom: `maxWidth=\"600px\"` se pasa tal cual.\n          return typeof maxWidth === 'string' ? maxWidth : 500;\n      }\n    };\n\n    // Base sx del Paper + width responsive; el consumer puede pisarlos via `paperSx`.\n    const paperBaseSx: SxProps<Theme> = { ...modalStyle, width: getWidth() };\n    const mergedPaperSx = mergeSx(paperBaseSx, paperSx);\n\n    // ── Render modo CONFIRM ─────────────────────────────────────────────\n    if (mode === 'confirm') {\n      const config = severityConfig[severity];\n      const message = confirmMessage ?? children;\n\n      return (\n        <MuiModal\n          open={isOpen}\n          onClose={handleCloseInternal}\n          aria-labelledby={title ? titleId : undefined}\n          aria-describedby={message ? descId : undefined}\n          closeAfterTransition\n          sx={sx}\n        >\n          <Paper className={className} sx={mergedPaperSx} data-testid={dataTestId}>\n            <Stack spacing={2.5} sx={{ p: 3, alignItems: 'center', textAlign: 'center' }}>\n              <Box\n                sx={{\n                  width: 72,\n                  height: 72,\n                  borderRadius: '50%',\n                  backgroundColor: (t) => t.palette[config.paletteKey].light,\n                  color: (t) => t.palette[config.paletteKey].dark,\n                  display: 'flex',\n                  alignItems: 'center',\n                  justifyContent: 'center',\n                  opacity: 0.9,\n                }}\n              >\n                {config.icon}\n              </Box>\n              {title && (\n                <Typography id={titleId} variant=\"h6\" component=\"h2\" sx={{ fontWeight: 700 }}>\n                  {title}\n                </Typography>\n              )}\n              {message && (\n                <Typography id={descId} variant=\"body2\" color=\"text.secondary\">\n                  {message}\n                </Typography>\n              )}\n            </Stack>\n            <ModalFooter\n              showCloseButton={showCloseButton}\n              closeButtonText={closeButtonText}\n              closeButtonDisabled={closeButtonDisabled || confirmLoading}\n              onClose={handleCloseInternal}\n              actions={[\n                {\n                  text: confirmText,\n                  onClick: handleConfirm,\n                  disabled: confirmDisabled || confirmLoading,\n                  variant: 'contained',\n                  color: config.color,\n                },\n              ]}\n            />\n          </Paper>\n        </MuiModal>\n      );\n    }\n\n    // ── Render modo DEFAULT (compuesto) ─────────────────────────────────\n    const renderChildren = () => {\n      let header: ReactNode | null = null;\n      let body: ReactNode | null = null;\n      let footer: ReactNode | null = null;\n\n      Children.forEach(children, (child) => {\n        if (!isValidElement(child)) return;\n\n        if (isModalSlot(child, ModalHeader, 'ModalHeader')) {\n          const headerChild = child as ReactElement<{ id?: string }>;\n          header = cloneElement(headerChild, { id: titleId, ...headerChild.props });\n        } else if (isModalSlot(child, ModalBody, 'ModalBody')) {\n          const bodyChild = child as ReactElement<{ id?: string }>;\n          body = cloneElement(bodyChild, { id: descId, ...bodyChild.props });\n        } else if (isModalSlot(child, ModalFooter, 'ModalFooter')) {\n          const footerChild = child as ReactElement<ModalFooterProps>;\n          // Props del child ganan sobre los del Modal padre: si el consumer\n          // declara `<Modal.Footer showCloseButton={false}>`, ese valor se\n          // respeta. Solo los que vengan `undefined` caen al default del padre.\n          const childProps = footerChild.props;\n          footer = cloneElement(footerChild, {\n            showCloseButton: childProps.showCloseButton ?? showCloseButton,\n            closeButtonText: childProps.closeButtonText ?? closeButtonText,\n            closeButtonDisabled: childProps.closeButtonDisabled ?? closeButtonDisabled,\n            onClose: childProps.onClose ?? handleCloseInternal,\n            actions: childProps.actions ?? actions,\n          });\n        }\n      });\n\n      if (!footer && !hiddenFooter) {\n        footer = (\n          <ModalFooter\n            showCloseButton={showCloseButton}\n            closeButtonText={closeButtonText}\n            closeButtonDisabled={closeButtonDisabled}\n            onClose={handleCloseInternal}\n            actions={actions}\n          />\n        );\n      }\n\n      return (\n        <>\n          {!hiddenHeader && (header || (title && <ModalHeader id={titleId}>{title}</ModalHeader>))}\n          {!hiddenBody && body}\n          {footer}\n        </>\n      );\n    };\n\n    return (\n      <MuiModal\n        open={isOpen}\n        onClose={handleCloseInternal}\n        aria-labelledby={titleId}\n        aria-describedby={descId}\n        closeAfterTransition\n        sx={sx}\n      >\n        {/*\n          `role=\"dialog\"` + `aria-modal` van en el Paper, no en MuiModal: el root\n          de MuiModal es un `presentation` y sin esto el lector de pantalla anuncia\n          el contenido como texto suelto, sin decir que hay un diálogo abierto ni\n          acotar la navegación a su interior.\n        */}\n        <Paper\n          role=\"dialog\"\n          aria-modal=\"true\"\n          className={className}\n          sx={mergedPaperSx}\n          data-testid={dataTestId}\n        >\n          {renderChildren()}\n        </Paper>\n      </MuiModal>\n    );\n  },\n);\n\nModal.displayName = 'Modal';\n\n// Define los sub-componentes como propiedades estáticas con tipos explícitos\ntype ModalComponent = ReturnType<typeof forwardRef<ModalRef, ModalProps>> & {\n  Header: typeof ModalHeader;\n  Body: typeof ModalBody;\n  Footer: typeof ModalFooter;\n};\n\nconst ModalWithStatics = Modal as ModalComponent;\n\nModalWithStatics.Header = ModalHeader;\nModalWithStatics.Body = ModalBody;\nModalWithStatics.Footer = ModalFooter;\n\nexport default ModalWithStatics;\n"],"names":["MuiModal"],"mappings":"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"}

package/{Modal-D_6ZdSzw.cjs → Modal-Cfyr-RsW.cjs}

@@ -334,7 +334,17 @@ const Modal = React.forwardRef(
         "aria-describedby": descId,
         closeAfterTransition: true,
         sx,
-        children: /* @__PURE__ */ jsxRuntime.jsx(material.Paper, { className, sx: mergedPaperSx, "data-testid": dataTestId, children: renderChildren() })
+        children: /* @__PURE__ */ jsxRuntime.jsx(
+          material.Paper,
+          {
+            role: "dialog",
+            "aria-modal": "true",
+            className,
+            sx: mergedPaperSx,
+            "data-testid": dataTestId,
+            children: renderChildren()
+          }
+        )
       }
     );
   }
@@ -348,4 +358,4 @@ exports.ModalBody = ModalBody;
 exports.ModalFooter = ModalFooter;
 exports.ModalHeader = ModalHeader;
 exports.ModalWithStatics = ModalWithStatics;
-//# sourceMappingURL=Modal-D_6ZdSzw.cjs.map
+//# sourceMappingURL=Modal-Cfyr-RsW.cjs.map

package/{Modal-D_6ZdSzw.cjs.map → Modal-Cfyr-RsW.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"Modal-D_6ZdSzw.cjs","sources":["../src/components/Modal/ModalFooter.tsx","../src/components/Modal/ModalHeader.tsx","../src/components/Modal/ModalBody.tsx","../src/components/Modal/Modal.tsx"],"sourcesContent":["import React from 'react';\nimport { Box, Stack } from '@mui/material';\nimport type { ButtonProps as MuiButtonProps } from '@mui/material/Button';\n\nimport { Button } from '../Button';\n\n// Interfaz para acciones personalizadas (se mantiene aquí)\nexport interface ModalAction {\n  text: string;\n  onClick?: () => void;\n  disabled?: boolean;\n  variant?: MuiButtonProps['variant'];\n  color?: MuiButtonProps['color'];\n  /**\n   * Props adicionales que se forwardean al `<Button>` interno. Útil para casos\n   * avanzados como conectar el botón con un `<form id=\"...\">` externo usando\n   * `buttonProps={{ type: 'submit', form: 'my-form-id' }}`.\n   */\n  buttonProps?: Partial<MuiButtonProps> & { form?: string };\n}\n\nexport interface ModalFooterProps {\n  children?: React.ReactNode;\n  showCloseButton?: boolean;\n  closeButtonText?: string;\n  closeButtonDisabled?: boolean;\n  onClose: () => void;\n  actions?: ModalAction[];\n}\n\nexport const ModalFooter: React.FC<ModalFooterProps> = ({\n  children,\n  showCloseButton = true,\n  closeButtonText = 'Cerrar',\n  closeButtonDisabled = false,\n  onClose,\n  actions = [],\n}) => {\n  return (\n    <Box\n      sx={{\n        padding: 2,\n        borderTop: (theme) => `1px solid ${theme.palette.divider}`,\n        display: 'flex',\n        justifyContent: 'flex-end',\n        gap: 1,\n      }}\n    >\n      {children}\n      <Stack direction=\"row\" spacing={1}>\n        {showCloseButton && (\n          <Button\n            onClick={onClose}\n            disabled={closeButtonDisabled}\n            variant=\"outlined\"\n            color=\"secondary\"\n          >\n            {closeButtonText}\n          </Button>\n        )}\n        {actions.map((action) => {\n          const { buttonProps, text, onClick, disabled, variant, color } = action;\n          return (\n            <Button\n              key={text}\n              onClick={onClick}\n              disabled={disabled}\n              variant={variant || 'contained'}\n              color={color || 'primary'}\n              {...(buttonProps as any)}\n            >\n              {text}\n            </Button>\n          );\n        })}\n      </Stack>\n    </Box>\n  );\n};\n\nModalFooter.displayName = 'ModalFooter';\n\nexport default ModalFooter;\n","import React from 'react';\nimport { Box, Typography } from '@mui/material';\n\nexport interface ModalHeaderProps {\n  children: React.ReactNode;\n  /**\n   * ID del elemento — usado para `aria-labelledby` del Modal. Se setea\n   * automáticamente cuando el header se renderiza dentro de `<Modal>`.\n   */\n  id?: string;\n}\n\nexport const ModalHeader: React.FC<ModalHeaderProps> = ({ children, id }) => {\n  return (\n    <Box\n      sx={{\n        padding: 2,\n        borderBottom: (theme) => `1px solid ${theme.palette.divider}`,\n        display: 'flex',\n        alignItems: 'center',\n        justifyContent: 'space-between',\n      }}\n    >\n      <Typography id={id} variant=\"h6\" component=\"h2\">\n        {children}\n      </Typography>\n    </Box>\n  );\n};\n\nModalHeader.displayName = 'ModalHeader';\n\nexport default ModalHeader;\n","import React from 'react';\nimport { Box } from '@mui/material';\n\nexport interface ModalBodyProps {\n  children: React.ReactNode;\n  /**\n   * ID del elemento — usado para `aria-describedby` del Modal. Se setea\n   * automáticamente cuando el body se renderiza dentro de `<Modal>`.\n   */\n  id?: string;\n}\n\nexport const ModalBody: React.FC<ModalBodyProps> = ({ children, id }) => {\n  return (\n    <Box id={id} sx={{ padding: 2, overflowY: 'auto', flexGrow: 1 }}>\n      {children}\n    </Box>\n  );\n};\n\nModalBody.displayName = 'ModalBody';\n\nexport default ModalBody;\n","import {\n  Children,\n  cloneElement,\n  forwardRef,\n  isValidElement,\n  useId,\n  useImperativeHandle,\n  useState,\n  type ReactElement,\n  type ReactNode,\n} from 'react';\nimport {\n  Modal as MuiModal,\n  Paper,\n  useMediaQuery,\n  useTheme,\n  Box,\n  Stack,\n  Typography,\n} from '@mui/material';\nimport type { SxProps, Theme } from '@mui/material/styles';\nimport InfoOutlinedIcon from '@mui/icons-material/InfoOutlined';\nimport WarningAmberIcon from '@mui/icons-material/WarningAmber';\nimport ErrorOutlineIcon from '@mui/icons-material/ErrorOutline';\nimport CheckCircleOutlineIcon from '@mui/icons-material/CheckCircleOutline';\n\nimport type { DialogProps } from '@mui/material/Dialog';\nimport { ModalFooter, type ModalAction, type ModalFooterProps } from './ModalFooter';\nimport { ModalHeader } from './ModalHeader';\nimport { ModalBody } from './ModalBody';\nimport { mergeSx } from '../_shared/mergeSx';\n\n// Detección robusta de sub-componentes — funciona con wrappers / HMR que\n// rompen la igualdad de referencia (`child.type === ModalHeader`).\nconst isModalSlot = (\n  child: ReactElement,\n  Component: unknown,\n  displayName: string,\n): boolean => {\n  if (child.type === Component) return true;\n  const type = child.type as { displayName?: string };\n  return type?.displayName === displayName;\n};\n\n// Define la interfaz para los métodos que el padre puede llamar a través de la ref\nexport interface ModalRef {\n  open: () => void;\n  close: () => void;\n}\n\nexport type ModalMode = 'default' | 'confirm';\nexport type ModalSeverity = 'info' | 'warning' | 'error' | 'success';\n\nexport interface ModalProps {\n  /**\n   * Modo del modal.\n   * - `default` (default): modal genérico con slots `Header`/`Body`/`Footer` y\n   *   `actions` custom.\n   * - `confirm`: reemplaza al `ConfirmModal` legacy. Renderiza un layout\n   *   focalizado con icono por severidad, mensaje y botones \"Cancelar\" /\n   *   \"Confirmar\".\n   */\n  mode?: ModalMode;\n\n  // ── Props comunes ────────────────────────────────────────────────────\n  /** Controlado externamente. Omitir si se usa vía ref. */\n  open?: boolean;\n  /** Callback al cerrar. También se dispara al confirmar/cancelar. */\n  onClose?: () => void;\n  title?: string;\n  children?: ReactNode;\n  showCloseButton?: boolean;\n  closeButtonText?: string;\n  closeButtonDisabled?: boolean;\n  actions?: ModalAction[];\n  maxWidth?: DialogProps['maxWidth'];\n  /**\n   * Si `true`, el modal NO se cierra al hacer click en el backdrop ni con Escape\n   * (equivale a `backdrop=\"static\"`). Cerrar solo vía botón/acción.\n   */\n  staticBackdrop?: boolean;\n  /** Test id aplicado al Paper interno (contenedor visual). */\n  'data-testid'?: string;\n  /** Oculta el header (incluso si hay `title` o se pasa un `<Modal.Header>`). */\n  hiddenHeader?: boolean;\n  /** Oculta el body (incluso si se pasa un `<Modal.Body>`). */\n  hiddenBody?: boolean;\n  /** Oculta el footer (incluso si se pasa un `<Modal.Footer>` o `actions`). */\n  hiddenFooter?: boolean;\n  /** sx del Modal root (MuiModal). */\n  sx?: SxProps<Theme>;\n  /** sx del Paper interno (contenedor visual). Se mergea sobre el default. */\n  paperSx?: SxProps<Theme>;\n  /** className del Paper interno. */\n  className?: string;\n\n  // ── Props del modo confirm ───────────────────────────────────────────\n  /**\n   * Callback de confirmación. Soporta promesa — si devuelve `Promise`, el\n   * botón muestra estado `disabled` mientras resuelve.\n   *\n   * Si la promesa **rechaza**, el modal queda abierto para que el consumer\n   * pueda mostrar el error en su UI. El modal se cierra solo en éxito.\n   */\n  onConfirm?: () => void | Promise<void>;\n  /** Texto del botón primario en modo `confirm`. Default: \"Confirmar\". */\n  confirmText?: string;\n  /** Deshabilita el botón de confirmar. */\n  confirmDisabled?: boolean;\n  /**\n   * Severidad visual en modo `confirm`. Controla el icono y el color del\n   * botón de confirmación.\n   * - `info` (default): primary\n   * - `warning`: warning (amarillo)\n   * - `error`: error (rojo) — típico para \"Eliminar\"\n   * - `success`: success (verde) — típico para \"Aprobar\"\n   */\n  severity?: ModalSeverity;\n  /**\n   * Mensaje del confirm. Puede ser string o cualquier ReactNode. Si se omite,\n   * se usa `children`.\n   */\n  confirmMessage?: ReactNode;\n}\n\nconst modalStyle = {\n  position: 'absolute' as const,\n  top: '50%',\n  left: '50%',\n  transform: 'translate(-50%, -50%)',\n  width: '90%',\n  maxHeight: '90vh',\n  display: 'flex',\n  flexDirection: 'column' as const,\n  outline: 'none',\n};\n\nconst severityConfig: Record<\n  ModalSeverity,\n  { color: ModalAction['color']; icon: ReactNode; paletteKey: 'primary' | 'warning' | 'error' | 'success' }\n> = {\n  info: {\n    color: 'primary',\n    icon: <InfoOutlinedIcon sx={{ fontSize: 48 }} />,\n    paletteKey: 'primary',\n  },\n  warning: {\n    color: 'warning',\n    icon: <WarningAmberIcon sx={{ fontSize: 48 }} />,\n    paletteKey: 'warning',\n  },\n  error: {\n    color: 'error',\n    icon: <ErrorOutlineIcon sx={{ fontSize: 48 }} />,\n    paletteKey: 'error',\n  },\n  success: {\n    color: 'success',\n    icon: <CheckCircleOutlineIcon sx={{ fontSize: 48 }} />,\n    paletteKey: 'success',\n  },\n};\n\nexport const Modal = forwardRef<ModalRef, ModalProps>(\n  (\n    {\n      mode = 'default',\n      open: controlledOpen,\n      onClose: controlledOnClose,\n      title,\n      children,\n      showCloseButton = true,\n      closeButtonText = 'Cerrar',\n      closeButtonDisabled = false,\n      actions = [],\n      maxWidth = 'sm',\n      hiddenHeader = false,\n      hiddenBody = false,\n      hiddenFooter = false,\n      staticBackdrop = false,\n      'data-testid': dataTestId,\n      sx,\n      paperSx,\n      className,\n\n      // Props del modo confirm\n      onConfirm,\n      confirmText = 'Confirmar',\n      confirmDisabled = false,\n      severity = 'info',\n      confirmMessage,\n    },\n    ref,\n  ) => {\n    const [internalOpen, setInternalOpen] = useState(false);\n    const [confirmLoading, setConfirmLoading] = useState(false);\n\n    // IDs estables para a11y: `aria-labelledby` y `aria-describedby`.\n    const titleId = useId();\n    const descId = useId();\n\n    const isOpen = controlledOpen !== undefined ? controlledOpen : internalOpen;\n\n    useImperativeHandle(ref, () => ({\n      open: () => setInternalOpen(true),\n      close: () => {\n        setInternalOpen(false);\n        controlledOnClose?.();\n      },\n    }));\n\n    const handleCloseInternal = (\n      _event?: object,\n      reason?: 'backdropClick' | 'escapeKeyDown',\n    ) => {\n      // Backdrop estático: ignora cierres por click fuera o Escape.\n      if (\n        staticBackdrop &&\n        (reason === 'backdropClick' || reason === 'escapeKeyDown')\n      ) {\n        return;\n      }\n      setInternalOpen(false);\n      controlledOnClose?.();\n    };\n\n    const handleConfirm = async () => {\n      if (!onConfirm) {\n        handleCloseInternal();\n        return;\n      }\n      const result = onConfirm();\n      if (!(result instanceof Promise)) {\n        handleCloseInternal();\n        return;\n      }\n      setConfirmLoading(true);\n      try {\n        await result;\n        handleCloseInternal();\n      } catch (err) {\n        // No cerrar el modal en caso de error — el consumer es responsable\n        // de mostrar un estado de error en su UI. Logueamos para trazabilidad\n        // en dev.\n        // eslint-disable-next-line no-console\n        console.error('Modal onConfirm failed:', err);\n      } finally {\n        setConfirmLoading(false);\n      }\n    };\n\n    const theme = useTheme();\n    const isMobile = useMediaQuery(theme.breakpoints.down('sm'));\n\n    const getWidth = () => {\n      if (isMobile) return '95%';\n      switch (maxWidth) {\n        case 'xs':\n          return 300;\n        case 'sm':\n          return 500;\n        case 'md':\n          return 700;\n        case 'lg':\n          return 900;\n        case 'xl':\n          return 1100;\n        case false:\n          return 'auto';\n        default:\n          // Soporta string custom: `maxWidth=\"600px\"` se pasa tal cual.\n          return typeof maxWidth === 'string' ? maxWidth : 500;\n      }\n    };\n\n    // Base sx del Paper + width responsive; el consumer puede pisarlos via `paperSx`.\n    const paperBaseSx: SxProps<Theme> = { ...modalStyle, width: getWidth() };\n    const mergedPaperSx = mergeSx(paperBaseSx, paperSx);\n\n    // ── Render modo CONFIRM ─────────────────────────────────────────────\n    if (mode === 'confirm') {\n      const config = severityConfig[severity];\n      const message = confirmMessage ?? children;\n\n      return (\n        <MuiModal\n          open={isOpen}\n          onClose={handleCloseInternal}\n          aria-labelledby={title ? titleId : undefined}\n          aria-describedby={message ? descId : undefined}\n          closeAfterTransition\n          sx={sx}\n        >\n          <Paper className={className} sx={mergedPaperSx} data-testid={dataTestId}>\n            <Stack spacing={2.5} sx={{ p: 3, alignItems: 'center', textAlign: 'center' }}>\n              <Box\n                sx={{\n                  width: 72,\n                  height: 72,\n                  borderRadius: '50%',\n                  backgroundColor: (t) => t.palette[config.paletteKey].light,\n                  color: (t) => t.palette[config.paletteKey].dark,\n                  display: 'flex',\n                  alignItems: 'center',\n                  justifyContent: 'center',\n                  opacity: 0.9,\n                }}\n              >\n                {config.icon}\n              </Box>\n              {title && (\n                <Typography id={titleId} variant=\"h6\" component=\"h2\" sx={{ fontWeight: 700 }}>\n                  {title}\n                </Typography>\n              )}\n              {message && (\n                <Typography id={descId} variant=\"body2\" color=\"text.secondary\">\n                  {message}\n                </Typography>\n              )}\n            </Stack>\n            <ModalFooter\n              showCloseButton={showCloseButton}\n              closeButtonText={closeButtonText}\n              closeButtonDisabled={closeButtonDisabled || confirmLoading}\n              onClose={handleCloseInternal}\n              actions={[\n                {\n                  text: confirmText,\n                  onClick: handleConfirm,\n                  disabled: confirmDisabled || confirmLoading,\n                  variant: 'contained',\n                  color: config.color,\n                },\n              ]}\n            />\n          </Paper>\n        </MuiModal>\n      );\n    }\n\n    // ── Render modo DEFAULT (compuesto) ─────────────────────────────────\n    const renderChildren = () => {\n      let header: ReactNode | null = null;\n      let body: ReactNode | null = null;\n      let footer: ReactNode | null = null;\n\n      Children.forEach(children, (child) => {\n        if (!isValidElement(child)) return;\n\n        if (isModalSlot(child, ModalHeader, 'ModalHeader')) {\n          const headerChild = child as ReactElement<{ id?: string }>;\n          header = cloneElement(headerChild, { id: titleId, ...headerChild.props });\n        } else if (isModalSlot(child, ModalBody, 'ModalBody')) {\n          const bodyChild = child as ReactElement<{ id?: string }>;\n          body = cloneElement(bodyChild, { id: descId, ...bodyChild.props });\n        } else if (isModalSlot(child, ModalFooter, 'ModalFooter')) {\n          const footerChild = child as ReactElement<ModalFooterProps>;\n          // Props del child ganan sobre los del Modal padre: si el consumer\n          // declara `<Modal.Footer showCloseButton={false}>`, ese valor se\n          // respeta. Solo los que vengan `undefined` caen al default del padre.\n          const childProps = footerChild.props;\n          footer = cloneElement(footerChild, {\n            showCloseButton: childProps.showCloseButton ?? showCloseButton,\n            closeButtonText: childProps.closeButtonText ?? closeButtonText,\n            closeButtonDisabled: childProps.closeButtonDisabled ?? closeButtonDisabled,\n            onClose: childProps.onClose ?? handleCloseInternal,\n            actions: childProps.actions ?? actions,\n          });\n        }\n      });\n\n      if (!footer && !hiddenFooter) {\n        footer = (\n          <ModalFooter\n            showCloseButton={showCloseButton}\n            closeButtonText={closeButtonText}\n            closeButtonDisabled={closeButtonDisabled}\n            onClose={handleCloseInternal}\n            actions={actions}\n          />\n        );\n      }\n\n      return (\n        <>\n          {!hiddenHeader && (header || (title && <ModalHeader id={titleId}>{title}</ModalHeader>))}\n          {!hiddenBody && body}\n          {footer}\n        </>\n      );\n    };\n\n    return (\n      <MuiModal\n        open={isOpen}\n        onClose={handleCloseInternal}\n        aria-labelledby={titleId}\n        aria-describedby={descId}\n        closeAfterTransition\n        sx={sx}\n      >\n        <Paper className={className} sx={mergedPaperSx} data-testid={dataTestId}>\n          {renderChildren()}\n        </Paper>\n      </MuiModal>\n    );\n  },\n);\n\nModal.displayName = 'Modal';\n\n// Define los sub-componentes como propiedades estáticas con tipos explícitos\ntype ModalComponent = ReturnType<typeof forwardRef<ModalRef, ModalProps>> & {\n  Header: typeof ModalHeader;\n  Body: typeof ModalBody;\n  Footer: typeof ModalFooter;\n};\n\nconst ModalWithStatics = Modal as ModalComponent;\n\nModalWithStatics.Header = ModalHeader;\nModalWithStatics.Body = ModalBody;\nModalWithStatics.Footer = ModalFooter;\n\nexport default ModalWithStatics;\n"],"names":["jsxs","Box","Stack","jsx","Button","Typography","forwardRef","useState","useId","useImperativeHandle","useTheme","useMediaQuery","mergeSx","MuiModal","Paper","Children","isValidElement","cloneElement","Fragment"],"mappings":"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"}
+{"version":3,"file":"Modal-Cfyr-RsW.cjs","sources":["../src/components/Modal/ModalFooter.tsx","../src/components/Modal/ModalHeader.tsx","../src/components/Modal/ModalBody.tsx","../src/components/Modal/Modal.tsx"],"sourcesContent":["import React from 'react';\nimport { Box, Stack } from '@mui/material';\nimport type { ButtonProps as MuiButtonProps } from '@mui/material/Button';\n\nimport { Button } from '../Button';\n\n// Interfaz para acciones personalizadas (se mantiene aquí)\nexport interface ModalAction {\n  text: string;\n  onClick?: () => void;\n  disabled?: boolean;\n  variant?: MuiButtonProps['variant'];\n  color?: MuiButtonProps['color'];\n  /**\n   * Props adicionales que se forwardean al `<Button>` interno. Útil para casos\n   * avanzados como conectar el botón con un `<form id=\"...\">` externo usando\n   * `buttonProps={{ type: 'submit', form: 'my-form-id' }}`.\n   */\n  buttonProps?: Partial<MuiButtonProps> & { form?: string };\n}\n\nexport interface ModalFooterProps {\n  children?: React.ReactNode;\n  showCloseButton?: boolean;\n  closeButtonText?: string;\n  closeButtonDisabled?: boolean;\n  onClose: () => void;\n  actions?: ModalAction[];\n}\n\nexport const ModalFooter: React.FC<ModalFooterProps> = ({\n  children,\n  showCloseButton = true,\n  closeButtonText = 'Cerrar',\n  closeButtonDisabled = false,\n  onClose,\n  actions = [],\n}) => {\n  return (\n    <Box\n      sx={{\n        padding: 2,\n        borderTop: (theme) => `1px solid ${theme.palette.divider}`,\n        display: 'flex',\n        justifyContent: 'flex-end',\n        gap: 1,\n      }}\n    >\n      {children}\n      <Stack direction=\"row\" spacing={1}>\n        {showCloseButton && (\n          <Button\n            onClick={onClose}\n            disabled={closeButtonDisabled}\n            variant=\"outlined\"\n            color=\"secondary\"\n          >\n            {closeButtonText}\n          </Button>\n        )}\n        {actions.map((action) => {\n          const { buttonProps, text, onClick, disabled, variant, color } = action;\n          return (\n            <Button\n              key={text}\n              onClick={onClick}\n              disabled={disabled}\n              variant={variant || 'contained'}\n              color={color || 'primary'}\n              {...(buttonProps as any)}\n            >\n              {text}\n            </Button>\n          );\n        })}\n      </Stack>\n    </Box>\n  );\n};\n\nModalFooter.displayName = 'ModalFooter';\n\nexport default ModalFooter;\n","import React from 'react';\nimport { Box, Typography } from '@mui/material';\n\nexport interface ModalHeaderProps {\n  children: React.ReactNode;\n  /**\n   * ID del elemento — usado para `aria-labelledby` del Modal. Se setea\n   * automáticamente cuando el header se renderiza dentro de `<Modal>`.\n   */\n  id?: string;\n}\n\nexport const ModalHeader: React.FC<ModalHeaderProps> = ({ children, id }) => {\n  return (\n    <Box\n      sx={{\n        padding: 2,\n        borderBottom: (theme) => `1px solid ${theme.palette.divider}`,\n        display: 'flex',\n        alignItems: 'center',\n        justifyContent: 'space-between',\n      }}\n    >\n      <Typography id={id} variant=\"h6\" component=\"h2\">\n        {children}\n      </Typography>\n    </Box>\n  );\n};\n\nModalHeader.displayName = 'ModalHeader';\n\nexport default ModalHeader;\n","import React from 'react';\nimport { Box } from '@mui/material';\n\nexport interface ModalBodyProps {\n  children: React.ReactNode;\n  /**\n   * ID del elemento — usado para `aria-describedby` del Modal. Se setea\n   * automáticamente cuando el body se renderiza dentro de `<Modal>`.\n   */\n  id?: string;\n}\n\nexport const ModalBody: React.FC<ModalBodyProps> = ({ children, id }) => {\n  return (\n    <Box id={id} sx={{ padding: 2, overflowY: 'auto', flexGrow: 1 }}>\n      {children}\n    </Box>\n  );\n};\n\nModalBody.displayName = 'ModalBody';\n\nexport default ModalBody;\n","import {\n  Children,\n  cloneElement,\n  forwardRef,\n  isValidElement,\n  useId,\n  useImperativeHandle,\n  useState,\n  type ReactElement,\n  type ReactNode,\n} from 'react';\nimport {\n  Modal as MuiModal,\n  Paper,\n  useMediaQuery,\n  useTheme,\n  Box,\n  Stack,\n  Typography,\n} from '@mui/material';\nimport type { SxProps, Theme } from '@mui/material/styles';\nimport InfoOutlinedIcon from '@mui/icons-material/InfoOutlined';\nimport WarningAmberIcon from '@mui/icons-material/WarningAmber';\nimport ErrorOutlineIcon from '@mui/icons-material/ErrorOutline';\nimport CheckCircleOutlineIcon from '@mui/icons-material/CheckCircleOutline';\n\nimport type { DialogProps } from '@mui/material/Dialog';\nimport { ModalFooter, type ModalAction, type ModalFooterProps } from './ModalFooter';\nimport { ModalHeader } from './ModalHeader';\nimport { ModalBody } from './ModalBody';\nimport { mergeSx } from '../_shared/mergeSx';\n\n// Detección robusta de sub-componentes — funciona con wrappers / HMR que\n// rompen la igualdad de referencia (`child.type === ModalHeader`).\nconst isModalSlot = (\n  child: ReactElement,\n  Component: unknown,\n  displayName: string,\n): boolean => {\n  if (child.type === Component) return true;\n  const type = child.type as { displayName?: string };\n  return type?.displayName === displayName;\n};\n\n// Define la interfaz para los métodos que el padre puede llamar a través de la ref\nexport interface ModalRef {\n  open: () => void;\n  close: () => void;\n}\n\nexport type ModalMode = 'default' | 'confirm';\nexport type ModalSeverity = 'info' | 'warning' | 'error' | 'success';\n\nexport interface ModalProps {\n  /**\n   * Modo del modal.\n   * - `default` (default): modal genérico con slots `Header`/`Body`/`Footer` y\n   *   `actions` custom.\n   * - `confirm`: reemplaza al `ConfirmModal` legacy. Renderiza un layout\n   *   focalizado con icono por severidad, mensaje y botones \"Cancelar\" /\n   *   \"Confirmar\".\n   */\n  mode?: ModalMode;\n\n  // ── Props comunes ────────────────────────────────────────────────────\n  /** Controlado externamente. Omitir si se usa vía ref. */\n  open?: boolean;\n  /** Callback al cerrar. También se dispara al confirmar/cancelar. */\n  onClose?: () => void;\n  title?: string;\n  children?: ReactNode;\n  showCloseButton?: boolean;\n  closeButtonText?: string;\n  closeButtonDisabled?: boolean;\n  actions?: ModalAction[];\n  maxWidth?: DialogProps['maxWidth'];\n  /**\n   * Si `true`, el modal NO se cierra al hacer click en el backdrop ni con Escape\n   * (equivale a `backdrop=\"static\"`). Cerrar solo vía botón/acción.\n   */\n  staticBackdrop?: boolean;\n  /** Test id aplicado al Paper interno (contenedor visual). */\n  'data-testid'?: string;\n  /** Oculta el header (incluso si hay `title` o se pasa un `<Modal.Header>`). */\n  hiddenHeader?: boolean;\n  /** Oculta el body (incluso si se pasa un `<Modal.Body>`). */\n  hiddenBody?: boolean;\n  /** Oculta el footer (incluso si se pasa un `<Modal.Footer>` o `actions`). */\n  hiddenFooter?: boolean;\n  /** sx del Modal root (MuiModal). */\n  sx?: SxProps<Theme>;\n  /** sx del Paper interno (contenedor visual). Se mergea sobre el default. */\n  paperSx?: SxProps<Theme>;\n  /** className del Paper interno. */\n  className?: string;\n\n  // ── Props del modo confirm ───────────────────────────────────────────\n  /**\n   * Callback de confirmación. Soporta promesa — si devuelve `Promise`, el\n   * botón muestra estado `disabled` mientras resuelve.\n   *\n   * Si la promesa **rechaza**, el modal queda abierto para que el consumer\n   * pueda mostrar el error en su UI. El modal se cierra solo en éxito.\n   */\n  onConfirm?: () => void | Promise<void>;\n  /** Texto del botón primario en modo `confirm`. Default: \"Confirmar\". */\n  confirmText?: string;\n  /** Deshabilita el botón de confirmar. */\n  confirmDisabled?: boolean;\n  /**\n   * Severidad visual en modo `confirm`. Controla el icono y el color del\n   * botón de confirmación.\n   * - `info` (default): primary\n   * - `warning`: warning (amarillo)\n   * - `error`: error (rojo) — típico para \"Eliminar\"\n   * - `success`: success (verde) — típico para \"Aprobar\"\n   */\n  severity?: ModalSeverity;\n  /**\n   * Mensaje del confirm. Puede ser string o cualquier ReactNode. Si se omite,\n   * se usa `children`.\n   */\n  confirmMessage?: ReactNode;\n}\n\nconst modalStyle = {\n  position: 'absolute' as const,\n  top: '50%',\n  left: '50%',\n  transform: 'translate(-50%, -50%)',\n  width: '90%',\n  maxHeight: '90vh',\n  display: 'flex',\n  flexDirection: 'column' as const,\n  outline: 'none',\n};\n\nconst severityConfig: Record<\n  ModalSeverity,\n  { color: ModalAction['color']; icon: ReactNode; paletteKey: 'primary' | 'warning' | 'error' | 'success' }\n> = {\n  info: {\n    color: 'primary',\n    icon: <InfoOutlinedIcon sx={{ fontSize: 48 }} />,\n    paletteKey: 'primary',\n  },\n  warning: {\n    color: 'warning',\n    icon: <WarningAmberIcon sx={{ fontSize: 48 }} />,\n    paletteKey: 'warning',\n  },\n  error: {\n    color: 'error',\n    icon: <ErrorOutlineIcon sx={{ fontSize: 48 }} />,\n    paletteKey: 'error',\n  },\n  success: {\n    color: 'success',\n    icon: <CheckCircleOutlineIcon sx={{ fontSize: 48 }} />,\n    paletteKey: 'success',\n  },\n};\n\nexport const Modal = forwardRef<ModalRef, ModalProps>(\n  (\n    {\n      mode = 'default',\n      open: controlledOpen,\n      onClose: controlledOnClose,\n      title,\n      children,\n      showCloseButton = true,\n      closeButtonText = 'Cerrar',\n      closeButtonDisabled = false,\n      actions = [],\n      maxWidth = 'sm',\n      hiddenHeader = false,\n      hiddenBody = false,\n      hiddenFooter = false,\n      staticBackdrop = false,\n      'data-testid': dataTestId,\n      sx,\n      paperSx,\n      className,\n\n      // Props del modo confirm\n      onConfirm,\n      confirmText = 'Confirmar',\n      confirmDisabled = false,\n      severity = 'info',\n      confirmMessage,\n    },\n    ref,\n  ) => {\n    const [internalOpen, setInternalOpen] = useState(false);\n    const [confirmLoading, setConfirmLoading] = useState(false);\n\n    // IDs estables para a11y: `aria-labelledby` y `aria-describedby`.\n    const titleId = useId();\n    const descId = useId();\n\n    const isOpen = controlledOpen !== undefined ? controlledOpen : internalOpen;\n\n    useImperativeHandle(ref, () => ({\n      open: () => setInternalOpen(true),\n      close: () => {\n        setInternalOpen(false);\n        controlledOnClose?.();\n      },\n    }));\n\n    const handleCloseInternal = (\n      _event?: object,\n      reason?: 'backdropClick' | 'escapeKeyDown',\n    ) => {\n      // Backdrop estático: ignora cierres por click fuera o Escape.\n      if (\n        staticBackdrop &&\n        (reason === 'backdropClick' || reason === 'escapeKeyDown')\n      ) {\n        return;\n      }\n      setInternalOpen(false);\n      controlledOnClose?.();\n    };\n\n    const handleConfirm = async () => {\n      if (!onConfirm) {\n        handleCloseInternal();\n        return;\n      }\n      const result = onConfirm();\n      if (!(result instanceof Promise)) {\n        handleCloseInternal();\n        return;\n      }\n      setConfirmLoading(true);\n      try {\n        await result;\n        handleCloseInternal();\n      } catch (err) {\n        // No cerrar el modal en caso de error — el consumer es responsable\n        // de mostrar un estado de error en su UI. Logueamos para trazabilidad\n        // en dev.\n        // eslint-disable-next-line no-console\n        console.error('Modal onConfirm failed:', err);\n      } finally {\n        setConfirmLoading(false);\n      }\n    };\n\n    const theme = useTheme();\n    const isMobile = useMediaQuery(theme.breakpoints.down('sm'));\n\n    const getWidth = () => {\n      if (isMobile) return '95%';\n      switch (maxWidth) {\n        case 'xs':\n          return 300;\n        case 'sm':\n          return 500;\n        case 'md':\n          return 700;\n        case 'lg':\n          return 900;\n        case 'xl':\n          return 1100;\n        case false:\n          return 'auto';\n        default:\n          // Soporta string custom: `maxWidth=\"600px\"` se pasa tal cual.\n          return typeof maxWidth === 'string' ? maxWidth : 500;\n      }\n    };\n\n    // Base sx del Paper + width responsive; el consumer puede pisarlos via `paperSx`.\n    const paperBaseSx: SxProps<Theme> = { ...modalStyle, width: getWidth() };\n    const mergedPaperSx = mergeSx(paperBaseSx, paperSx);\n\n    // ── Render modo CONFIRM ─────────────────────────────────────────────\n    if (mode === 'confirm') {\n      const config = severityConfig[severity];\n      const message = confirmMessage ?? children;\n\n      return (\n        <MuiModal\n          open={isOpen}\n          onClose={handleCloseInternal}\n          aria-labelledby={title ? titleId : undefined}\n          aria-describedby={message ? descId : undefined}\n          closeAfterTransition\n          sx={sx}\n        >\n          <Paper className={className} sx={mergedPaperSx} data-testid={dataTestId}>\n            <Stack spacing={2.5} sx={{ p: 3, alignItems: 'center', textAlign: 'center' }}>\n              <Box\n                sx={{\n                  width: 72,\n                  height: 72,\n                  borderRadius: '50%',\n                  backgroundColor: (t) => t.palette[config.paletteKey].light,\n                  color: (t) => t.palette[config.paletteKey].dark,\n                  display: 'flex',\n                  alignItems: 'center',\n                  justifyContent: 'center',\n                  opacity: 0.9,\n                }}\n              >\n                {config.icon}\n              </Box>\n              {title && (\n                <Typography id={titleId} variant=\"h6\" component=\"h2\" sx={{ fontWeight: 700 }}>\n                  {title}\n                </Typography>\n              )}\n              {message && (\n                <Typography id={descId} variant=\"body2\" color=\"text.secondary\">\n                  {message}\n                </Typography>\n              )}\n            </Stack>\n            <ModalFooter\n              showCloseButton={showCloseButton}\n              closeButtonText={closeButtonText}\n              closeButtonDisabled={closeButtonDisabled || confirmLoading}\n              onClose={handleCloseInternal}\n              actions={[\n                {\n                  text: confirmText,\n                  onClick: handleConfirm,\n                  disabled: confirmDisabled || confirmLoading,\n                  variant: 'contained',\n                  color: config.color,\n                },\n              ]}\n            />\n          </Paper>\n        </MuiModal>\n      );\n    }\n\n    // ── Render modo DEFAULT (compuesto) ─────────────────────────────────\n    const renderChildren = () => {\n      let header: ReactNode | null = null;\n      let body: ReactNode | null = null;\n      let footer: ReactNode | null = null;\n\n      Children.forEach(children, (child) => {\n        if (!isValidElement(child)) return;\n\n        if (isModalSlot(child, ModalHeader, 'ModalHeader')) {\n          const headerChild = child as ReactElement<{ id?: string }>;\n          header = cloneElement(headerChild, { id: titleId, ...headerChild.props });\n        } else if (isModalSlot(child, ModalBody, 'ModalBody')) {\n          const bodyChild = child as ReactElement<{ id?: string }>;\n          body = cloneElement(bodyChild, { id: descId, ...bodyChild.props });\n        } else if (isModalSlot(child, ModalFooter, 'ModalFooter')) {\n          const footerChild = child as ReactElement<ModalFooterProps>;\n          // Props del child ganan sobre los del Modal padre: si el consumer\n          // declara `<Modal.Footer showCloseButton={false}>`, ese valor se\n          // respeta. Solo los que vengan `undefined` caen al default del padre.\n          const childProps = footerChild.props;\n          footer = cloneElement(footerChild, {\n            showCloseButton: childProps.showCloseButton ?? showCloseButton,\n            closeButtonText: childProps.closeButtonText ?? closeButtonText,\n            closeButtonDisabled: childProps.closeButtonDisabled ?? closeButtonDisabled,\n            onClose: childProps.onClose ?? handleCloseInternal,\n            actions: childProps.actions ?? actions,\n          });\n        }\n      });\n\n      if (!footer && !hiddenFooter) {\n        footer = (\n          <ModalFooter\n            showCloseButton={showCloseButton}\n            closeButtonText={closeButtonText}\n            closeButtonDisabled={closeButtonDisabled}\n            onClose={handleCloseInternal}\n            actions={actions}\n          />\n        );\n      }\n\n      return (\n        <>\n          {!hiddenHeader && (header || (title && <ModalHeader id={titleId}>{title}</ModalHeader>))}\n          {!hiddenBody && body}\n          {footer}\n        </>\n      );\n    };\n\n    return (\n      <MuiModal\n        open={isOpen}\n        onClose={handleCloseInternal}\n        aria-labelledby={titleId}\n        aria-describedby={descId}\n        closeAfterTransition\n        sx={sx}\n      >\n        {/*\n          `role=\"dialog\"` + `aria-modal` van en el Paper, no en MuiModal: el root\n          de MuiModal es un `presentation` y sin esto el lector de pantalla anuncia\n          el contenido como texto suelto, sin decir que hay un diálogo abierto ni\n          acotar la navegación a su interior.\n        */}\n        <Paper\n          role=\"dialog\"\n          aria-modal=\"true\"\n          className={className}\n          sx={mergedPaperSx}\n          data-testid={dataTestId}\n        >\n          {renderChildren()}\n        </Paper>\n      </MuiModal>\n    );\n  },\n);\n\nModal.displayName = 'Modal';\n\n// Define los sub-componentes como propiedades estáticas con tipos explícitos\ntype ModalComponent = ReturnType<typeof forwardRef<ModalRef, ModalProps>> & {\n  Header: typeof ModalHeader;\n  Body: typeof ModalBody;\n  Footer: typeof ModalFooter;\n};\n\nconst ModalWithStatics = Modal as ModalComponent;\n\nModalWithStatics.Header = ModalHeader;\nModalWithStatics.Body = ModalBody;\nModalWithStatics.Footer = ModalFooter;\n\nexport default ModalWithStatics;\n"],"names":["jsxs","Box","Stack","jsx","Button","Typography","forwardRef","useState","useId","useImperativeHandle","useTheme","useMediaQuery","mergeSx","MuiModal","Paper","Children","isValidElement","cloneElement","Fragment"],"mappings":"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"}

package/{Table-DaNgX7PO.cjs → Table-BpnAkCgd.cjs}

@@ -195,7 +195,8 @@ function Table({
   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 } }) })
+  emptyImageSrc = /* @__PURE__ */ jsxRuntime.jsx(material.Box, { mb: 2, children: /* @__PURE__ */ jsxRuntime.jsx("img", { src: EmptyImage, alt: "No data", style: { maxWidth: "150px", opacity: 0.6 } }) }),
+  minWidth = 650
 }) {
   const columns = React.Children.toArray(children).filter(
     (child) => React.isValidElement(child) && child.type.displayName === "Column"
@@ -308,7 +309,7 @@ function Table({
   const isAllSelectedOnPage = paginatedData.length > 0 && numSelectedOnPage === paginatedData.length;
   const isIndeterminateOnPage = numSelectedOnPage > 0 && numSelectedOnPage < paginatedData.length;
   return /* @__PURE__ */ jsxRuntime.jsxs(material.TableContainer, { children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(material.Table, { sx: { minWidth: 650 }, "aria-label": "custom table", style: paginatedData.length === 0 ? { display: "none" } : {}, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(material.Table, { sx: { minWidth }, "aria-label": "custom table", style: paginatedData.length === 0 ? { display: "none" } : {}, children: [
       /* @__PURE__ */ jsxRuntime.jsx(material.TableHead, { children: /* @__PURE__ */ jsxRuntime.jsxs(material.TableRow, { children: [
         enableRowSelection && /* @__PURE__ */ jsxRuntime.jsxs(material.TableCell, { padding: "checkbox", sx: { width: "50px" }, children: [
           " ",
@@ -524,4 +525,4 @@ function Table({
   ] });
 }
 exports.Table = Table;
-//# sourceMappingURL=Table-DaNgX7PO.cjs.map
+//# sourceMappingURL=Table-BpnAkCgd.cjs.map

package/Table-BpnAkCgd.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Table-BpnAkCgd.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 } from 'react';\nimport {\n  TableContainer,\n  Table as MuiTable,\n  TableHead,\n  TableBody,\n  TableRow,\n  TableCell,\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   * Ancho mínimo de la tabla. Default: `650`.\n   *\n   * Por debajo de ese ancho el contenedor scrollea en horizontal, así que en un\n   * panel angosto (una card lateral, un móvil) las últimas columnas quedan\n   * escondidas detrás del scroll. Bajarlo —o ponerlo en `0`— deja que las\n   * columnas se compriman en vez de desbordar.\n   */\n  minWidth?: number | string;\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: _previousPage,\n  nextPage: _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  minWidth = 650,\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\n      <MuiTable sx={{ minWidth }} aria-label=\"custom table\" style={ paginatedData.length === 0 ? { display: 'none' } : {} }>\n        {/* Table Header */}\n        {/* Sin colores propios: la cabecera y las filas las pinta el theme del\n            consumidor (MuiTableCell.head / MuiTableRow), que es donde vive el\n            sistema visual. Hardcodear acá le ganaba al theme por ser `sx`. */}\n        <TableHead>\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                  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                <Typography variant=\"inherit\" component=\"span\">\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                hover\n                sx={{ '&:last-child td, &:last-child th': { border: 0 } }}\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                    if(field.length === 0){\n                      fieldData = {...row};\n                    }else{\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                    }\n\n                  } else {\n                    fieldData = { [field]: (row as any)[field] } as Partial<T>;\n                  }\n\n                  return (\n                    <TableCell\n                      key={colIndex}\n                      sx={{\n                        // Solo layout de columna. Tamaño, padding y regla de fila\n                        // son del theme del consumidor (MuiTableCell).\n                        width: column.props.width || 'auto', // APLICA EL ANCHO AQUÍ TAMBIÉN\n                        whiteSpace: 'nowrap', // Asegura que el contenido no se rompa prematuramente\n                      }}\n                    >\n                      {cellRenderer(fieldData)}\n                    </TableCell>\n                  );\n                })}\n              </TableRow>\n            );\n          })}\n          {/* Empty table message */}\n          \n        </TableBody>\n      </MuiTable>\n\n      { paginatedData.length === 0 && (\n          <Box  display=\"flex\" flexDirection=\"column\" alignItems=\"center\" justifyContent=\"center\" p={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\n          </Box>\n        )\n      }\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/{Table-aNFAOuQk.js → Table-BuALBQWX.js}

@@ -194,7 +194,8 @@ function Table({
   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 } }) })
+  emptyImageSrc = /* @__PURE__ */ jsx(Box, { mb: 2, children: /* @__PURE__ */ jsx("img", { src: EmptyImage, alt: "No data", style: { maxWidth: "150px", opacity: 0.6 } }) }),
+  minWidth = 650
 }) {
   const columns = Children.toArray(children).filter(
     (child) => isValidElement(child) && child.type.displayName === "Column"
@@ -307,7 +308,7 @@ function Table({
   const isAllSelectedOnPage = paginatedData.length > 0 && numSelectedOnPage === paginatedData.length;
   const isIndeterminateOnPage = numSelectedOnPage > 0 && numSelectedOnPage < paginatedData.length;
   return /* @__PURE__ */ jsxs(TableContainer, { children: [
-    /* @__PURE__ */ jsxs(Table$1, { sx: { minWidth: 650 }, "aria-label": "custom table", style: paginatedData.length === 0 ? { display: "none" } : {}, children: [
+    /* @__PURE__ */ jsxs(Table$1, { sx: { minWidth }, "aria-label": "custom table", style: paginatedData.length === 0 ? { display: "none" } : {}, children: [
       /* @__PURE__ */ jsx(TableHead, { children: /* @__PURE__ */ jsxs(TableRow, { children: [
         enableRowSelection && /* @__PURE__ */ jsxs(TableCell, { padding: "checkbox", sx: { width: "50px" }, children: [
           " ",
@@ -525,4 +526,4 @@ function Table({
 export {
   Table as T
 };
-//# sourceMappingURL=Table-aNFAOuQk.js.map
+//# sourceMappingURL=Table-BuALBQWX.js.map

package/Table-BuALBQWX.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Table-BuALBQWX.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 } from 'react';\nimport {\n  TableContainer,\n  Table as MuiTable,\n  TableHead,\n  TableBody,\n  TableRow,\n  TableCell,\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   * Ancho mínimo de la tabla. Default: `650`.\n   *\n   * Por debajo de ese ancho el contenedor scrollea en horizontal, así que en un\n   * panel angosto (una card lateral, un móvil) las últimas columnas quedan\n   * escondidas detrás del scroll. Bajarlo —o ponerlo en `0`— deja que las\n   * columnas se compriman en vez de desbordar.\n   */\n  minWidth?: number | string;\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: _previousPage,\n  nextPage: _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  minWidth = 650,\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\n      <MuiTable sx={{ minWidth }} aria-label=\"custom table\" style={ paginatedData.length === 0 ? { display: 'none' } : {} }>\n        {/* Table Header */}\n        {/* Sin colores propios: la cabecera y las filas las pinta el theme del\n            consumidor (MuiTableCell.head / MuiTableRow), que es donde vive el\n            sistema visual. Hardcodear acá le ganaba al theme por ser `sx`. */}\n        <TableHead>\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                  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                <Typography variant=\"inherit\" component=\"span\">\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                hover\n                sx={{ '&:last-child td, &:last-child th': { border: 0 } }}\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                    if(field.length === 0){\n                      fieldData = {...row};\n                    }else{\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                    }\n\n                  } else {\n                    fieldData = { [field]: (row as any)[field] } as Partial<T>;\n                  }\n\n                  return (\n                    <TableCell\n                      key={colIndex}\n                      sx={{\n                        // Solo layout de columna. Tamaño, padding y regla de fila\n                        // son del theme del consumidor (MuiTableCell).\n                        width: column.props.width || 'auto', // APLICA EL ANCHO AQUÍ TAMBIÉN\n                        whiteSpace: 'nowrap', // Asegura que el contenido no se rompa prematuramente\n                      }}\n                    >\n                      {cellRenderer(fieldData)}\n                    </TableCell>\n                  );\n                })}\n              </TableRow>\n            );\n          })}\n          {/* Empty table message */}\n          \n        </TableBody>\n      </MuiTable>\n\n      { paginatedData.length === 0 && (\n          <Box  display=\"flex\" flexDirection=\"column\" alignItems=\"center\" justifyContent=\"center\" p={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\n          </Box>\n        )\n      }\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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"}