ui-mathilde-web 0.8.0 → 0.9.0

package/dist/ui-mathilde-web.d.ts

@@ -4,7 +4,6 @@ import { ForwardRefExoticComponent } from 'react';
 import { IconType } from 'react-icons';
 import { JSX as JSX_2 } from 'react/jsx-runtime';
 import * as React_2 from 'react';
-import { ReactNode } from 'react';
 import { RefAttributes } from 'react';
 
 export declare const Accordion: default_2.FC<AccordionProps>;
@@ -125,7 +124,7 @@ declare interface CardProps {
 export declare const Checkbox: default_2.FC<CheckboxProps>;
 
 declare interface CheckboxProps {
-    label?: default_2.ReactNode;
+    label?: string;
     value: string;
     checked: boolean;
     onChange: (e: default_2.ChangeEvent<HTMLInputElement>) => void;
@@ -157,6 +156,55 @@ declare interface ChipListProps {
     showTitle?: boolean;
 }
 
+declare type CollapseMode = "single" | "multi";
+
+export declare const CollapsibleTable: React_2.FC<CollapsibleTableProps>;
+
+declare interface CollapsibleTableProps {
+    columns: Column_2[];
+    data: TableData_2[];
+    showSearch?: boolean;
+    itemsPerPage?: number;
+    title?: string;
+    classesHeadTable?: string;
+    classesBodyTable?: string;
+    showPagination?: boolean;
+    showCheckboxes?: boolean;
+    selectedRows?: Set<string | number>;
+    onRowSelect?: (rowId: string | number, checked: boolean) => void;
+    onSelectAll?: (checked: boolean) => void;
+    onToggleChange?: (rowData: {
+        rowId: string | number;
+        checked: boolean;
+        row: TableData_2;
+        columnKey: string;
+    }) => void;
+    collapsible?: boolean;
+    collapseMode?: CollapseMode;
+    defaultOpenRows?: Array<string | number>;
+    onCollapseChange?: (openRowIds: Array<string | number>) => void;
+    openRowIds?: Array<string | number>;
+    /**
+     * Sub-registros (ej: canales FB/GL/TK)
+     * Si devuelve [], no se muestra flecha.
+     */
+    getSubRows?: (row: TableData_2) => TableData_2[];
+    /**
+     * En Figma, subRows normalmente NO muestran el ID.
+     */
+    hideIdInSubRows?: boolean;
+    /**
+     * La flecha se renderiza dentro de esta columna (por defecto "id")
+     */
+    collapseToggleColumnKey?: string;
+    /**
+     * Clases opcionales
+     */
+    collapseButtonClassName?: string;
+    parentRowClassName?: string;
+    subRowClassName?: string;
+}
+
 declare interface Column {
     header: string;
     relation: string;
@@ -174,6 +222,23 @@ declare interface Column {
     cellProps?: Record<string, unknown>;
 }
 
+declare interface Column_2 {
+    header: string;
+    relation: string;
+    cell?: (row: Record<string, unknown>) => default_2.ReactNode;
+    isToggle?: boolean;
+    sortable?: boolean;
+    toggleText?: {
+        active: string;
+        inactive: string;
+    };
+    component?: default_2.ComponentType<{
+        row: Record<string, unknown>;
+        value: unknown;
+    }>;
+    cellProps?: Record<string, unknown>;
+}
+
 export declare const CustomPagination: default_2.FC<CustomPaginationProps>;
 
 declare interface CustomPaginationProps {
@@ -530,6 +595,11 @@ declare interface TableData extends Record<string, unknown> {
     [key: string]: unknown;
 }
 
+declare interface TableData_2 extends Record<string, unknown> {
+    id: string | number;
+    [key: string]: unknown;
+}
+
 export declare const TableOfContents: React.FC<TableOfContentsProps>;
 
 declare interface TableOfContentsProps {
@@ -583,14 +653,6 @@ declare interface ToggleProps {
     boldWhenActive?: boolean;
 }
 
-export declare function TooltipComponent({ content, trigger, children }: TooltipProps): JSX_2.Element;
-
-declare interface TooltipProps {
-    content: string;
-    trigger: 'hover' | 'click';
-    children?: ReactNode;
-}
-
 declare interface ValidationListProps {
     validations: {
         hasMinLength: boolean;