helppeople-ui 1.3.2 → 1.4.1

package/dist/components/CustomRelationSelector/CustomRelationSelector.d.ts

@@ -0,0 +1,109 @@
+import { default as React, ReactNode } from 'react';
+import { TableProps, PaginationProps, SpinProps } from 'antd';
+export interface LeftPanelConfig<T = any> {
+    /** Título del panel izquierdo */
+    title: string;
+    /** Contenido del extra del Card (ej: contador, loading) */
+    extra?: ReactNode;
+    /** Nodo de filtros personalizados (Select, Input, etc.) */
+    filters?: ReactNode;
+    /** Configuración de la tabla */
+    table: {
+        /** Columnas de la tabla */
+        columns: TableProps<T>["columns"];
+        /** Datos de la tabla */
+        dataSource: T[];
+        /** Clave única para cada fila */
+        rowKey: string | ((record: T) => string);
+        /** Configuración de selección de filas */
+        rowSelection?: TableProps<T>["rowSelection"];
+        /** Configuración de paginación */
+        pagination?: PaginationProps | false;
+        /** Estado de carga */
+        loading?: boolean;
+        /** Scroll de la tabla */
+        scroll?: TableProps<T>["scroll"];
+        /** Tamaño de la tabla */
+        size?: "small" | "middle" | "large";
+        /** Clase CSS personalizada */
+        className?: string;
+        /** Texto cuando no hay datos */
+        locale?: TableProps<T>["locale"];
+    };
+    /** Configuración del botón de acción principal */
+    actionButton?: {
+        /** Texto del botón */
+        text: string;
+        /** Icono del botón */
+        icon?: ReactNode;
+        /** Función al hacer click */
+        onClick: () => void;
+        /** Estado deshabilitado */
+        disabled?: boolean;
+        /** Estado de carga */
+        loading?: boolean;
+        /** Tipo de botón */
+        type?: "primary" | "default" | "dashed" | "link" | "text";
+        /** Estilo peligro */
+        danger?: boolean;
+    };
+    /** Mensaje de error */
+    error?: string;
+    /** Clase CSS del Card */
+    cardClassName?: string;
+}
+export interface RightPanelConfig<T = any> {
+    /** Título del panel derecho */
+    title: string;
+    /** Contenido del extra del Card (ej: contador) */
+    extra?: ReactNode;
+    /** Datos de la lista */
+    data: T[];
+    /** Estado de carga */
+    loading?: boolean;
+    /** Configuración de la paginación de la lista */
+    pagination?: PaginationProps | false;
+    /** Función para renderizar cada item */
+    renderItem: (item: T) => {
+        /** Título del item */
+        title: ReactNode;
+        /** Descripción del item */
+        description?: ReactNode;
+        /** Acciones del item (ej: botón eliminar) */
+        actions?: ReactNode[];
+    };
+    /** Mensaje cuando no hay datos */
+    emptyText?: string;
+    /** Clave única para cada item */
+    rowKey: string | ((record: T) => string);
+    /** Clase CSS del Card */
+    cardClassName?: string;
+    /** Layout de la lista */
+    itemLayout?: "horizontal" | "vertical";
+    /** Clase CSS de la lista */
+    listClassName?: string;
+    /** Tipo de spinner */
+    spinType?: SpinProps["indicator"];
+}
+export interface CustomRelationSelectorProps<L = any, R = any> {
+    /** Configuración del panel izquierdo */
+    leftPanel: LeftPanelConfig<L>;
+    /** Configuración del panel derecho */
+    rightPanel: RightPanelConfig<R>;
+    /** Configuración de columnas responsive */
+    responsive?: {
+        xs?: number;
+        sm?: number;
+        md?: number;
+        lg?: number;
+        xl?: number;
+    };
+    /** Espaciado entre columnas y filas */
+    gutter?: [number, number];
+    /** Clase CSS del contenedor principal */
+    className?: string;
+    /** Estilos del contenedor principal */
+    style?: React.CSSProperties;
+}
+declare const CustomRelationSelector: <L extends object = any, R extends object = any>({ leftPanel, rightPanel, responsive, gutter, className, style, }: CustomRelationSelectorProps<L, R>) => import("react/jsx-runtime").JSX.Element;
+export default CustomRelationSelector;

package/dist/components/CustomRelationSelector/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './CustomRelationSelector';
+export type { CustomRelationSelectorProps, LeftPanelConfig, RightPanelConfig, } from './CustomRelationSelector';

package/dist/components/CustomTable/CustomTable.d.ts

@@ -1,5 +1,6 @@
 import { TableProps as AntTableProps } from 'antd';
 export interface CustomTableProps<T> extends AntTableProps<T> {
+    containerClassName?: string;
 }
-declare const CustomTable: <T extends object>({ columns, dataSource, pagination, loading, ...rest }: CustomTableProps<T>) => import("react/jsx-runtime").JSX.Element;
+declare const CustomTable: <T extends object>({ columns, dataSource, pagination, loading, scroll, containerClassName, ...rest }: CustomTableProps<T>) => import("react/jsx-runtime").JSX.Element;
 export default CustomTable;

package/dist/examples/CustomFilterToolbarExample/CustomFilterToolbarExample.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const CustomFilterToolbarExample: React.FC;
+export default CustomFilterToolbarExample;

package/dist/examples/CustomRelationSelectorExample/CustomRelationSelectorExample.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const CustomRelationSelectorExample: React.FC;
+export default CustomRelationSelectorExample;

package/dist/index.d.ts

@@ -42,11 +42,13 @@ export { default as DragAndDrop } from './components/CustomDragAndDrop/CustomDra
 export { default as Accordion } from './components/CustomAccordion/CustomAccordion';
 export { default as Transfer } from './components/CustomTransfer/CustomTransfer';
 export { default as TableTransfer } from './components/CustomTableTransfer/CustomTableTransfer';
+export { default as RelationSelector } from './components/CustomRelationSelector/CustomRelationSelector';
 export { default as NotificationBadge } from './components/CustomNotificationBadge/CustomNotificationBadge';
 export { default as NotificationDropdown } from './components/CustomNotificationDropdown/CustomNotificationDropdown';
 export type { AccordionItem, CustomAccordionProps, } from './components/CustomAccordion/CustomAccordion';
 export type { TransferDataItem, CustomTransferProps, } from './components/CustomTransfer/CustomTransfer';
 export type { CustomTableTransferProps, RemotePaginationConfig, PagerState, PagerPosition, } from './components/CustomTableTransfer/CustomTableTransfer';
+export type { CustomRelationSelectorProps, LeftPanelConfig, RightPanelConfig, } from './components/CustomRelationSelector/CustomRelationSelector';
 export type { DragAndDropItem } from './components/CustomDragAndDrop/CustomDragAndDrop';
 export type { CustomNotificationBadgeProps } from './components/CustomNotificationBadge/CustomNotificationBadge';
 export type { CustomNotificationDropdownProps, NotificationItem, NotificationAction, } from './components/CustomNotificationDropdown/CustomNotificationDropdown';