ia-table 0.4.3 → 0.4.5

package/dist/index.d.ts

@@ -0,0 +1,112 @@
+declare module "ia-table" {
+  import { ComponentType, ReactNode, CSSProperties } from "react";
+
+  export interface Column<T = any> {
+    /** The field name in the row data object */
+    field: string;
+    /** The column header display name */
+    headerName?: string;
+    /** Width of the column */
+    width?: number | string;
+    /** Minimum width of the column */
+    minWidth?: number | string;
+    /** Maximum width of the column */
+    maxWidth?: number | string;
+    /** Whether the column is sortable */
+    sortable?: boolean;
+    /** Whether the column is searchable */
+    isSearchable?: boolean;
+    /** Whether the column is sortable (alternative to sortable) */
+    isSortable?: boolean;
+    /** Whether to show filter for this column */
+    filter?: boolean | string;
+    /** Custom cell renderer */
+    cellRenderer?: (params: {
+      value: any;
+      data: T;
+      rowIndex: number;
+      column: Column<T>;
+    }) => ReactNode;
+    /** Custom header renderer */
+    headerRenderer?: (params: {
+      column: Column<T>;
+      sortDirection?: "asc" | "desc" | null;
+      onSort?: (field: string, direction: "asc" | "desc") => void;
+    }) => ReactNode;
+    /** Custom CSS class for the column */
+    className?: string;
+    /** Custom CSS styles for the column */
+    style?: CSSProperties;
+    /** Whether the column is resizable */
+    resizable?: boolean;
+    /** Whether the column is pinned */
+    pinned?: "left" | "right";
+  }
+
+  export interface TableProps<T = any> {
+    /** Array of column definitions */
+    columns: Array<Column<T>>;
+    /** Array of row data objects */
+    data?: T[];
+    /** Height of the table (e.g., '100%', 500) */
+    height?: number | string;
+    /** Width of the table (e.g., '100%', 800) */
+    width?: number | string;
+    /** Height of each row in pixels */
+    rowHeight?: number;
+    /** Height of the header row in pixels */
+    headerHeight?: number;
+    /** Custom CSS class for the table */
+    className?: string;
+    /** Custom CSS styles for the table */
+    style?: CSSProperties;
+    /** Whether to show column headers */
+    showHeader?: boolean;
+    /** Whether to show a loading overlay */
+    loading?: boolean;
+    /** Custom loading component or text */
+    loadingOverlayComponent?: ReactNode | string;
+    /** Custom no rows overlay component or text */
+    noRowsOverlayComponent?: ReactNode | string;
+    /** Callback when a row is clicked */
+    onRowClick?: (
+      rowData: T,
+      rowIndex: number,
+      event: React.MouseEvent
+    ) => void;
+    /** Callback when a row is double-clicked */
+    onRowDoubleClick?: (
+      rowData: T,
+      rowIndex: number,
+      event: React.MouseEvent
+    ) => void;
+    /** Callback when sort changes */
+    onSortChanged?: (
+      sortModel: {
+        field: string;
+        sort: "asc" | "desc" | null;
+      }[]
+    ) => void;
+    /** Callback when filter changes */
+    onFilterChanged?: (filterModel: {
+      [field: string]: {
+        filterType: string;
+        type: string;
+        filter: any;
+      };
+    }) => void;
+    /** Callback when rows are selected */
+    onSelectionChanged?: (selectedRows: T[]) => void;
+    /** Whether to enable row selection */
+    rowSelection?: "single" | "multiple" | false;
+    /** Key field for row selection (default: 'id') */
+    rowKeyField?: string;
+    /** Custom row class name */
+    getRowClassName?: (params: { rowData: T; rowIndex: number }) => string;
+    /** Custom row style */
+    getRowStyle?: (params: { rowData: T; rowIndex: number }) => CSSProperties;
+  }
+
+  const IATable: ComponentType<TableProps>;
+  export default IATable;
+}