@m4l/components 9.4.5 → 9.4.6-BE20260105-beta.1

package/components/DataGrid/subcomponents/Table/subcomponents/CustomIcons.d.ts

@@ -1,53 +0,0 @@
-import { SvgIconProps } from '@mui/material';
-/**
- * TODO: Documentar
- */
-export declare function CloseIcon(props: SvgIconProps): import("react/jsx-runtime").JSX.Element;
-/**
- * TODO: Documentar
- */
-export declare function StarIcon(props: SvgIconProps): import("react/jsx-runtime").JSX.Element;
-/**
- * TODO: Documentar
- */
-export declare function InfoIcon(props: SvgIconProps): import("react/jsx-runtime").JSX.Element;
-/**
- * TODO: Documentar
- */
-export declare function WarningIcon(props: SvgIconProps): import("react/jsx-runtime").JSX.Element;
-/**
- * TODO: Documentar
- */
-export declare function SuccessIcon(props: SvgIconProps): import("react/jsx-runtime").JSX.Element;
-/**
- * TODO: Documentar
- */
-export declare function ErrorIcon(props: SvgIconProps): import("react/jsx-runtime").JSX.Element;
-/**
- * TODO: Documentar
- */
-export declare function CheckboxIcon(props: SvgIconProps): import("react/jsx-runtime").JSX.Element;
-/**
- * TODO: Documentar
- */
-export declare function CheckboxCheckedIcon(props: SvgIconProps): import("react/jsx-runtime").JSX.Element;
-/**
- * TODO: Documentar
- */
-export declare function CheckboxIndeterminateIcon(props: SvgIconProps): import("react/jsx-runtime").JSX.Element;
-/**
- * TODO: Documentar
- */
-export declare function InputSelectIcon(props: SvgIconProps): import("react/jsx-runtime").JSX.Element;
-/**
- * TODO: Documentar
- */
-export declare function TreeViewCollapseIcon(props: SvgIconProps): import("react/jsx-runtime").JSX.Element;
-/**
- * TODO: Documentar
- */
-export declare function TreeViewExpandIcon(props: SvgIconProps): import("react/jsx-runtime").JSX.Element;
-/**
- * TODO: Documentar
- */
-export declare function TreeViewEndIcon(props: SvgIconProps): import("react/jsx-runtime").JSX.Element;

package/components/DataGrid/subcomponents/Table/subcomponents/CustomIcons.js

@@ -1,25 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { SvgIcon } from "@mui/material";
-function CheckboxIcon(props) {
-  return /* @__PURE__ */ jsx(SvgIcon, { ...props, viewBox: "0 0 16 17", className: "checkbox-unChecked", children: /* @__PURE__ */ jsxs("svg", { width: "16", height: "17", viewBox: "0 0 16 17", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
-    /* @__PURE__ */ jsx("g", { "clip-path": "url(#clip0_13395_49048)", children: /* @__PURE__ */ jsx("path", { d: "M13.0156 2.5H3.01562C2.75041 2.5 2.49605 2.60536 2.30852 2.79289C2.12098 2.98043 2.01563 3.23478 2.01562 3.5V13.5C2.01563 13.7652 2.12098 14.0196 2.30852 14.2071C2.49605 14.3946 2.75041 14.5 3.01562 14.5H13.0156C13.2808 14.5 13.5352 14.3946 13.7227 14.2071C13.9103 14.0196 14.0156 13.7652 14.0156 13.5V3.5C14.0156 3.23478 13.9103 2.98043 13.7227 2.79289C13.5352 2.60536 13.2808 2.5 13.0156 2.5ZM3.01562 13.5V3.5H13.0156V13.5H3.01562Z", fill: "#323B3B" }) }),
-    /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", { id: "clip0_13395_49048", children: /* @__PURE__ */ jsx("rect", { width: "16", height: "16", fill: "white", transform: "translate(0 0.5)" }) }) })
-  ] }) });
-}
-function CheckboxCheckedIcon(props) {
-  return /* @__PURE__ */ jsxs(SvgIcon, { ...props, viewBox: "0 0 16 17", className: "checkbox-checked", children: [
-    /* @__PURE__ */ jsxs("g", { "clip-path": "url(#clip0_13395_49057)", children: [
-      /* @__PURE__ */ jsx("path", { d: "M13.4323 2H2.59896C2.31164 2 2.03609 2.11414 1.83293 2.3173C1.62976 2.52047 1.51563 2.79602 1.51562 3.08333V13.9167C1.51563 14.204 1.62976 14.4795 1.83293 14.6827C2.03609 14.8859 2.31164 15 2.59896 15H13.4323C13.7196 15 13.9952 14.8859 14.1983 14.6827C14.4015 14.4795 14.5156 14.204 14.5156 13.9167V3.08333C14.5156 2.79602 14.4015 2.52047 14.1983 2.3173C13.9952 2.11414 13.7196 2 13.4323 2Z", fill: "#323B3B" }),
-      /* @__PURE__ */ jsx("path", { d: "M6.92119 11.6245L4.10001 8.8274L4.99759 7.95696L6.92119 9.84467L11.1014 5.70001L11.9996 6.58993L6.92119 11.6245Z", fill: "#F3F5F7" })
-    ] }),
-    /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", { id: "clip0_13395_49057", children: /* @__PURE__ */ jsx("rect", { width: "16", height: "16", fill: "white", transform: "translate(0 0.5)" }) }) })
-  ] });
-}
-function CheckboxIndeterminateIcon(props) {
-  return /* @__PURE__ */ jsx(SvgIcon, { ...props, children: /* @__PURE__ */ jsx("path", { d: "M17 3a4 4 0 014 4v10a4 4 0 01-4 4H7a4 4 0 01-4-4V7a4 4 0 014-4h10zm-1.75 8h-6.5a.75.75 0 00-.75.75v.5c0 .414.336.75.75.75h6.5a.75.75 0 00.75-.75v-.5a.75.75 0 00-.75-.75z" }) });
-}
-export {
-  CheckboxIndeterminateIcon as C,
-  CheckboxCheckedIcon as a,
-  CheckboxIcon as b
-};

package/components/DataGrid/subcomponents/Table/subcomponents/DraggableHeaderRenderer.d.ts

@@ -1,10 +0,0 @@
-import { RenderHeaderCellProps } from 'react-data-grid';
-interface DraggableHeaderRendererProps<TRow> extends RenderHeaderCellProps<TRow> {
-    onColumnsReorder: (sourceKey: string, targetKey: string) => void;
-    openPopover?: (anchorEl: HTMLElement, columnKey: string) => void;
-}
-/**
- * TODO: Documentar
- */
-export declare function DraggableHeaderRenderer<TRow>(props: DraggableHeaderRendererProps<TRow>): any;
-export {};

package/components/DataGrid/subcomponents/Table/subcomponents/HeaderRenderClick/HeaderRenderClick.d.ts

@@ -1,5 +0,0 @@
-import { HeaderRenderClickProps } from './types';
-/**
- * Componente que renderiza un menú de acciones para un encabezado de columna en un DataGrid.
- */
-export declare function HeaderRenderClick(props: HeaderRenderClickProps): import("react/jsx-runtime").JSX.Element;

package/components/DataGrid/subcomponents/Table/subcomponents/RadioFormatter.d.ts

@@ -1,6 +0,0 @@
-import { RenderCheckboxProps } from 'react-data-grid';
-/**
- * Componente visual del Radio que se renderiza dentro de cada celda del DataGrid.
- * ¿Para que sirve? Es un wrapper alrededor del componente Radio del MUI que adapta las props de react-data-grid
- */
-export declare const RadioFormatter: import('react').ForwardRefExoticComponent<RenderCheckboxProps & import('react').RefAttributes<HTMLInputElement>>;

package/components/DataGrid/subcomponents/Table/subcomponents/RadioFormatter.js

@@ -1,12 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { forwardRef } from "react";
-import { R as Radio } from "../../../../mui_extended/Radio/Radio.js";
-const RadioFormatter = forwardRef(function RadioFormatter2({ onChange, checked, ...props }, _ref) {
-  function handleChange(e) {
-    onChange(e.target.checked, e.nativeEvent.shiftKey);
-  }
-  return /* @__PURE__ */ jsx(Radio, { checked, onChange: handleChange, ...props });
-});
-export {
-  RadioFormatter as R
-};

package/components/DataGrid/subcomponents/Table/subcomponents/RadioSelectColumn.d.ts

@@ -1,64 +0,0 @@
-import { Column, RenderCellProps, RenderGroupCellProps, RenderHeaderCellProps } from 'react-data-grid';
-export declare const filterColumnClassName = "filter-cell";
-export declare const filterHeight = 35;
-/**
- * Formateador para la celda de selección con radio button en filas agrupadas.
- *
- * **Nota:** Para radio buttons (selección única), no tiene sentido seleccionar grupos completos,
- * por lo que este formateador retorna `null` y no renderiza ningún control.
- * @param _props - Propiedades para renderizar la celda de grupo (no utilizadas).
- * @returns `null` - No se renderiza ningún control de selección en grupos.
- * @example
- * // En un DataGrid con grupos, las filas de grupo no tendrán radio button
- * // Solo las filas individuales tendrán radio buttons
- */
-export declare function RadioSelectGroupFormatter(_props: RenderGroupCellProps<unknown>): null;
-/**
- * Formateador para la celda de selección con radio button en filas individuales.
- *
- * Este componente maneja la lógica de **selección única**: cuando el usuario hace click
- * en un radio button, se REEMPLAZA completamente la selección anterior con solo la fila actual.
- *
- * **Comportamiento:**
- * - Si `checked` es `true`: El Set de `checkedRows` se reemplaza con `[rowKey actual]`
- * - Si `checked` es `false`: El Set de `checkedRows` se vacía (deselección)
- * @param props - Propiedades para renderizar la celda, incluyendo la fila actual.
- * @returns Un componente `SelectCellFormatter` configurado como radio button.
- * @example
- * // Cuando el usuario hace click en el radio de la fila con ID=5:
- * // checkedRows antes: Set([3])
- * // checkedRows después: Set([5])  ← Reemplaza, no agrega
- */
-export declare function RadioSelectFormatter(props: RenderCellProps<any, any>): import("react/jsx-runtime").JSX.Element;
-/**
- * Renderizador para la celda de cabecera (header) de la columna de selección con radio buttons.
- *
- * **Nota:** A diferencia de los checkboxes, los radio buttons NO tienen funcionalidad de
- * "Seleccionar Todo", ya que solo se puede seleccionar una fila a la vez. Por lo tanto,
- * este renderizador retorna `null` y no muestra ningún control en el header.
- * @param _props - Propiedades para renderizar la celda de cabecera (no utilizadas).
- * @returns `null` - No se renderiza ningún control en la cabecera.
- * @example
- * // La cabecera de la columna estará vacía (sin checkbox "Select All")
- */
-export declare function RadioSelectColumnHeaderRenderer(_props: RenderHeaderCellProps<any, any>): null;
-/**
- * Definición de la columna de selección con radio buttons para el DataGrid.
- *
- * Esta columna permite **selección única** de filas mediante radio buttons.
- *
- * **Características:**
- * - **Ancho fijo:** 32px (igual que la columna de checkboxes)
- * - **No redimensionable:** `resizable: false`
- * - **No draggable:** `isDraggable: false`
- * - **No sortable:** `sortable: false`
- * - **Congelada:** `frozen: true` (siempre visible al hacer scroll horizontal)
- * - **Header vacío:** No tiene control "Select All"
- * - **Selección única:** Solo una fila puede estar seleccionada a la vez
- * @example
- * // En useSortColumnsRows.tsx:
- * const selectionColumn = checkedRowsMultiple === false
- *   ? RadioSelectColumn   // ← Selección única con radio buttons
- *   : SelectColumn;       // ← Selección múltiple con checkboxes
- */
-export declare const RadioSelectColumn: Column<any, any>;

package/components/DataGrid/subcomponents/Table/subcomponents/SkeletonFormatter/types.d.ts

@@ -1,2 +0,0 @@
-export interface SkeletonFormatterProps {
-}

package/components/DataGrid/subcomponents/editors/EditLabelEditor/formatter.d.ts

@@ -1,8 +0,0 @@
-import { ColumnEditLabelFormatterProps } from './types';
-import { RenderCellProps } from 'react-data-grid';
-/**
- * Formatter para mostrar un etiqueta en una columna de un DataGrid
- * @param props - Propiedades del formatter
- * @returns Componente EditLabelFormatter
- */
-export declare const ColumnEditLabelFormatter: <TRow>(props: ColumnEditLabelFormatterProps<TRow>) => (renderProps: RenderCellProps<TRow>) => import("react/jsx-runtime").JSX.Element;

package/components/DataGrid/subcomponents/editors/EditLabelEditor/useColumnEditLabel.d.ts

@@ -1,9 +0,0 @@
-import { ColumnEditLabelFormatterProps } from './types';
-/**
- * Funcion helper que retorna el formatter, filter y customSort de la columna concatenada.
- */
-export declare const useColumnEditLabel: <TRow>(props: ColumnEditLabelFormatterProps<TRow>) => {
-    formatter: (renderProps: import('react-data-grid').RenderCellProps<TRow, unknown>) => import("react/jsx-runtime").JSX.Element;
-    customFilter: (row: TRow, value: string | number) => boolean;
-    customSort: (a: TRow, b: TRow) => 0 | 1 | -1;
-};

package/components/DataGrid/subcomponents/editors/TextEditor/index.d.ts

@@ -1,20 +0,0 @@
-import { RenderEditCellProps } from 'react-data-grid';
-/**
- * Editor para campos de texto en el DataGrid.
- * Permite editar valores de texto con navegación por teclado.
- * @param row - Fila actual del DataGrid
- * @param column - Columna actual del DataGrid
- * @param onRowChange - Función para actualizar la fila
- * @param onClose - Función para cerrar el editor
- */
-export declare function TextEditor<TRow, TSummaryRow>({ row, column, onRowChange, onClose, }: RenderEditCellProps<TRow, TSummaryRow>): import("react/jsx-runtime").JSX.Element;
-/**
- * Editor para campos numéricos en el DataGrid.
- * Permite editar valores numéricos con validación y navegación por teclado.
- * @param row - Fila actual del DataGrid
- * @param column - Columna actual del DataGrid
- * @param onRowChange - Función para actualizar la fila
- * @param onClose - Función para cerrar el editor
- */
-export declare function NumberEditor<TRow, TSummaryRow>({ row, column, onRowChange, onClose, }: RenderEditCellProps<TRow, TSummaryRow>): import("react/jsx-runtime").JSX.Element;
-export default TextEditor;

package/components/DataGrid/types.helpers.d.ts

@@ -1,55 +0,0 @@
-import { RowKey } from './types';
-import { BaseConfigColumn } from './contexts/DataGridContext/types';
-/**
- * Configuración base genérica que puede extenderse con propiedades específicas de cualquier vista.
- *
- * USO INTERNO: El sistema usa esto para manejar genéricamente las configuraciones
- * de columnas sin importar el tipo de vista (table, cards, etc).
- * @example
- * // Para vista table
- * BaseViewConfig<{ frozen: boolean }>
- *
- * // Para vista cards
- * BaseViewConfig<{ showTitle: boolean }>
- */
-export type BaseViewConfig<TViewSpecific = object> = TViewSpecific & {
-    key: string;
-    visible: boolean;
-    index: number;
-    name?: string;
-};
-/**
- *
- *Este tipo define la estructura de configuración que el usuario puede
- *pasar al DataGrid para personalizar columnas y sus anchos.
- *
- *- `columnsConfig`: Configuración de visibilidad y orden de columnas para vista table
- *- `columnsWidths`: Anchos personalizados de columnas
- * @example
- * ```typescript
- * const userConfig: IGridConfig = {
- *   columnsConfig: [
- *     { key: 'name', visible: true, index: 0, frozen: false },
- *     { key: 'email', visible: true, index: 1, frozen: false },
- *   ],
- *   columnsWidths: { name: 200, email: 300 }
- * };
- * ```
- */
-export interface IGridConfig {
-    /** Configuración de columnas para vista table (visibilidad, orden, frozen) */
-    columnsConfig: BaseConfigColumn[];
-    /** Anchos de columnas en píxeles */
-    columnsWidths: Record<RowKey, number>;
-}
-/**
- * Configuración específica retornada por getViewSpecificConfig
- */
-export interface ViewSpecificConfig {
-    /** Valores por defecto para propiedades específicas de la vista */
-    defaults: Record<string, unknown>;
-    /** Valores originales por defecto para tracking de cambios */
-    originalDefaults: Record<string, unknown>;
-    /** Función para obtener propiedades originales dinámicas de un item */
-    dynamicOriginalProperty: (item: unknown) => Record<string, unknown>;
-}

package/components/DataGrid/types.hooks.d.ts

@@ -1,81 +0,0 @@
-import { RowKey, RowHeightVariants, RowHeights, OnChangeConfig } from './types';
-import { Maybe } from '@m4l/core';
-import { IViewConfig, RowHeightState, ViewMode } from './contexts/DataGridContext/types';
-export interface UseViewModeParams {
-    /** Identificador único del DataGrid */
-    id: RowKey;
-    /** ViewMode controlado por el padre */
-    viewMode?: ViewMode;
-    /** ViewMode por defecto cuando no hay valor guardado */
-    defaultViewMode?: ViewMode;
-    /** Callback cuando cambia el viewMode */
-    onViewModeChange?: (viewMode: ViewMode) => void;
-    /** Callback para persistir cambios */
-    onChangeConfig?: OnChangeConfig;
-}
-export interface UseViewModeReturn {
-    /** Estado actual del viewMode */
-    viewModeState: ViewMode;
-    /** Función para establecer el viewMode */
-    setViewModeState: React.Dispatch<React.SetStateAction<ViewMode>>;
-    /** Función para cambiar el viewMode y persistirlo */
-    handleViewModeChange: (newViewMode: ViewMode) => void;
-}
-export interface UseRowHeightParams {
-    /** Alturas de las filas (número fijo o array de 3 elementos) */
-    rowHeights: RowHeights;
-    /** Alturas de los headers (número fijo o array de 3 elementos) */
-    rowHeaderHeights: RowHeights;
-    /** Variant inicial de altura */
-    initialRowHeightVariant: RowHeightVariants;
-}
-export interface UseRowHeightReturn {
-    /** Estado actual de la altura de filas */
-    currentRowHeightVariant: RowHeightState;
-    /** Función para cambiar el variant de altura */
-    setRowHeightVariant: (newVariant: RowHeightVariants) => void;
-}
-export interface UseColumnsWidthParams {
-    /** Identificador único del DataGrid */
-    id: RowKey;
-    /** Callback para persistir cambios */
-    onChangeConfig?: OnChangeConfig;
-}
-export interface UseColumnsWidthReturn {
-    /** Mapa con el ancho de cada columna */
-    columnsWidths: Map<string, Maybe<string | number>>;
-    /** Función para establecer el mapa de anchos */
-    setColumnsWidths: React.Dispatch<React.SetStateAction<Map<string, Maybe<string | number>>>>;
-    /** Función para cambiar el ancho de una columna */
-    onChangeColumnWidth: (columnKey: string, width: number) => void;
-}
-export interface UseViewConfigReturn {
-    /** Estado de configuración por vista */
-    viewConfig: Record<ViewMode, IViewConfig<any, any>[]>;
-    /** Obtiene la configuración de columnas para una vista */
-    getConfigColumns: (viewMode: ViewMode) => IViewConfig<any, any>[];
-    /** Actualiza la configuración de columnas para una vista */
-    updateConfigColumns: (viewMode: ViewMode, config: IViewConfig<any, any>[]) => void;
-}
-export interface UseChangeColumnsConfigParams {
-    /** Identificador único del DataGrid */
-    id: RowKey;
-    /** Callback para persistir cambios */
-    onChangeConfig?: OnChangeConfig;
-    /** Función para actualizar la configuración de columnas */
-    updateConfigColumns: (viewMode: ViewMode, config: IViewConfig<any, any>[]) => void;
-}
-export interface UseChangeColumnsConfigReturn {
-    /** Función para cambiar la configuración de columnas de una vista */
-    onChangeColumnsConfig: (viewMode: ViewMode, newConfig: IViewConfig<any, any>[]) => void;
-}
-export interface UseChangeColumnsOrderParams {
-    /** Función para obtener la configuración de columnas de una vista */
-    getConfigColumns: (viewMode: ViewMode) => IViewConfig<any, any>[];
-    /** Función para cambiar la configuración de columnas */
-    onChangeColumnsConfig: (viewMode: ViewMode, newConfig: IViewConfig<any, any>[]) => void;
-}
-export interface UseChangeColumnsOrderReturn {
-    /** Función para cambiar el orden de columnas de una vista */
-    onChangeColumnsOrder: (viewMode: ViewMode, sourceKey: string, targetKey: string) => void;
-}

package/components/DataGrid/utils/getDataGridRowsFromSet.d.ts

@@ -1,4 +0,0 @@
-/**
- * TODO: Documentar
- */
-export declare const getDataGridRowsFromSet: <TRow, RowKey>(set: ReadonlySet<RowKey>, rows: TRow[], rowKeyGetter: (row: TRow) => RowKey) => TRow[];