@deepnoid/ui 0.1.0 → 0.1.2

package/dist/components/table/table.d.ts

@@ -1,336 +1,191 @@
 import * as tailwind_variants from 'tailwind-variants';
 import { VariantProps } from 'tailwind-variants';
-import react__default, { ReactElement } from 'react';
+import * as react from 'react';
+import { ComponentPropsWithRef, ReactElement, ReactNode } from 'react';
 import { SlotsToClasses } from '../../utils/types.js';
 
-interface Props extends Omit<react__default.ComponentPropsWithRef<"table">, "ref" | "color" | "slot" | "size" | "defaultChecked" | "defaultValue"> {
+interface TableBaseProps extends Omit<ComponentPropsWithRef<"table">, "ref" | "color" | "slot" | "size" | "height" | "defaultChecked" | "defaultValue"> {
     rows: TableRow[];
     columns: TableColumn[];
-    isLoading?: boolean;
-    emptyContent?: ReactElement;
-    loadingContent?: ReactElement;
+    selectableRows?: boolean;
+    totalData?: number;
+    pagination?: {
+        page: number;
+        perPage: number;
+    };
+    onPageChange: (pagination: {
+        page: number;
+        perPage: number;
+    }) => void;
+    emptyContent?: ReactNode;
     classNames?: SlotsToClasses<TableSlots>;
-    onRowAction?: (e: react__default.MouseEvent, params: TableRow) => void;
 }
 interface TableRef {
     checkedRows: Set<number>;
     setCheckedRows: (rows: Set<number>) => void;
 }
-declare const Table: react__default.ForwardRefExoticComponent<Props & TableVariantProps & react__default.RefAttributes<TableRef>>;
+declare const Table: react.ForwardRefExoticComponent<TableBaseProps & TableVariantProps & react.RefAttributes<TableRef>>;
 
-declare const table: tailwind_variants.TVReturnType<{
+declare const tableStyle: tailwind_variants.TVReturnType<{
     variant: {
         solid: {
-            tbody: string;
+            tbody: string[];
         };
-        stripe: {
-            thead: string;
+        outline: {
+            tbody: string[];
+            th: string[];
+            td: string[];
         };
-        line: {
-            tr: string;
-            thead: string;
+        underline: {
+            tbody: string[];
+            th: string[];
         };
     };
     size: {
         sm: {
-            tr: string;
+            tr: string[];
         };
         md: {
-            tr: string;
+            tr: string[];
         };
         lg: {
-            tr: string;
+            tr: string[];
         };
         xl: {
-            tr: string;
+            tr: string[];
         };
     };
     color: {
         primary: {
-            thead: string;
-            tr: string;
-            td: string;
-            expandedTr: string;
+            tbody: string[];
         };
         secondary: {
-            thead: string;
-            tr: string;
-            td: string;
-            expandedTr: string;
+            tbody: string[];
         };
         neutral: {
-            thead: string;
-            tr: string;
-            td: string;
-            expandedTr: string;
+            tbody: string[];
         };
     };
-    isLoading: {
-        true: {
-            loadingWrapper: string;
-        };
-        false: {
-            loadingWrapper: string;
-        };
-    };
-    isSelected: {
-        true: {};
-    };
-    isMultiSelect: {
-        true: {};
-    };
-    isChecked: {
-        true: {};
-    };
-    isCheckedRow: {
-        true: {
-            tr: string;
-        };
-    };
-    hideHeader: {
-        true: {
-            thead: string;
-        };
-    };
-    isCompact: {
-        true: {
-            td: string;
-        };
-        false: {};
-    };
-    isHeaderSticky: {
-        true: {
-            thead: string;
-        };
-    };
-    isExpanded: {
-        true: {
-            tr: string;
-        };
+    height: {
+        narrow: {};
+        wide: {};
     };
 }, {
-    base: string;
-    table: string;
-    thead: string;
-    tbody: string;
+    base: string[];
+    table: string[];
+    thead: string[];
+    tbody: string[];
     tr: string[];
     th: string[];
     td: string[];
-    tfoot: string;
-    expandedTr: string;
-    sortIcon: string[];
-    emptyWrapper: string;
-    loadingWrapper: string[];
 }, undefined, {
     variant: {
         solid: {
-            tbody: string;
+            tbody: string[];
         };
-        stripe: {
-            thead: string;
+        outline: {
+            tbody: string[];
+            th: string[];
+            td: string[];
         };
-        line: {
-            tr: string;
-            thead: string;
+        underline: {
+            tbody: string[];
+            th: string[];
         };
     };
     size: {
         sm: {
-            tr: string;
+            tr: string[];
         };
         md: {
-            tr: string;
+            tr: string[];
         };
         lg: {
-            tr: string;
+            tr: string[];
         };
         xl: {
-            tr: string;
+            tr: string[];
         };
     };
     color: {
         primary: {
-            thead: string;
-            tr: string;
-            td: string;
-            expandedTr: string;
+            tbody: string[];
         };
         secondary: {
-            thead: string;
-            tr: string;
-            td: string;
-            expandedTr: string;
+            tbody: string[];
         };
         neutral: {
-            thead: string;
-            tr: string;
-            td: string;
-            expandedTr: string;
-        };
-    };
-    isLoading: {
-        true: {
-            loadingWrapper: string;
-        };
-        false: {
-            loadingWrapper: string;
+            tbody: string[];
         };
     };
-    isSelected: {
-        true: {};
-    };
-    isMultiSelect: {
-        true: {};
-    };
-    isChecked: {
-        true: {};
-    };
-    isCheckedRow: {
-        true: {
-            tr: string;
-        };
-    };
-    hideHeader: {
-        true: {
-            thead: string;
-        };
-    };
-    isCompact: {
-        true: {
-            td: string;
-        };
-        false: {};
-    };
-    isHeaderSticky: {
-        true: {
-            thead: string;
-        };
-    };
-    isExpanded: {
-        true: {
-            tr: string;
-        };
+    height: {
+        narrow: {};
+        wide: {};
     };
 }, {
-    base: string;
-    table: string;
-    thead: string;
-    tbody: string;
+    base: string[];
+    table: string[];
+    thead: string[];
+    tbody: string[];
     tr: string[];
     th: string[];
     td: string[];
-    tfoot: string;
-    expandedTr: string;
-    sortIcon: string[];
-    emptyWrapper: string;
-    loadingWrapper: string[];
 }, tailwind_variants.TVReturnType<{
     variant: {
         solid: {
-            tbody: string;
+            tbody: string[];
         };
-        stripe: {
-            thead: string;
+        outline: {
+            tbody: string[];
+            th: string[];
+            td: string[];
         };
-        line: {
-            tr: string;
-            thead: string;
+        underline: {
+            tbody: string[];
+            th: string[];
         };
     };
     size: {
         sm: {
-            tr: string;
+            tr: string[];
         };
         md: {
-            tr: string;
+            tr: string[];
         };
         lg: {
-            tr: string;
+            tr: string[];
         };
         xl: {
-            tr: string;
+            tr: string[];
         };
     };
     color: {
         primary: {
-            thead: string;
-            tr: string;
-            td: string;
-            expandedTr: string;
+            tbody: string[];
         };
         secondary: {
-            thead: string;
-            tr: string;
-            td: string;
-            expandedTr: string;
+            tbody: string[];
         };
         neutral: {
-            thead: string;
-            tr: string;
-            td: string;
-            expandedTr: string;
-        };
-    };
-    isLoading: {
-        true: {
-            loadingWrapper: string;
-        };
-        false: {
-            loadingWrapper: string;
-        };
-    };
-    isSelected: {
-        true: {};
-    };
-    isMultiSelect: {
-        true: {};
-    };
-    isChecked: {
-        true: {};
-    };
-    isCheckedRow: {
-        true: {
-            tr: string;
-        };
-    };
-    hideHeader: {
-        true: {
-            thead: string;
+            tbody: string[];
         };
     };
-    isCompact: {
-        true: {
-            td: string;
-        };
-        false: {};
-    };
-    isHeaderSticky: {
-        true: {
-            thead: string;
-        };
-    };
-    isExpanded: {
-        true: {
-            tr: string;
-        };
+    height: {
+        narrow: {};
+        wide: {};
     };
 }, {
-    base: string;
-    table: string;
-    thead: string;
-    tbody: string;
+    base: string[];
+    table: string[];
+    thead: string[];
+    tbody: string[];
     tr: string[];
     th: string[];
     td: string[];
-    tfoot: string;
-    expandedTr: string;
-    sortIcon: string[];
-    emptyWrapper: string;
-    loadingWrapper: string[];
 }, undefined, unknown, unknown, undefined>>;
-type TableVariantProps = VariantProps<typeof table>;
-type TableSlots = keyof ReturnType<typeof table>;
-type TableReturnType = ReturnType<typeof table>;
+type TableVariantProps = VariantProps<typeof tableStyle>;
+type TableSlots = keyof ReturnType<typeof tableStyle>;
+type TableReturnType = ReturnType<typeof tableStyle>;
 type RowValue = Record<string | symbol, any>;
 type CellParams<R extends RowValue = any, V = any, F = V> = {
     id: string | number;
@@ -348,9 +203,14 @@ type TableRow<R extends RowValue = RowValue> = R;
 type TableColumn<R extends RowValue = RowValue, V = any, F = V> = {
     field: string;
     headerName?: string | ReactElement;
+    align?: "left" | "center" | "right";
+    width?: number;
+    minWidth?: number;
+    maxWidth?: number;
+    height?: number;
     className?: string;
+    renderCell?: (params: CellParams<R, V, F>) => ReactNode;
     valueFormatter?: (params: ValueFormatterParams<V>) => F;
-    renderCell?: (params: CellParams<R, V, F>) => react__default.ReactNode;
 };
 
 export { type TableColumn, type TableRef, type TableReturnType, type TableRow, type TableSlots, type TableVariantProps, Table as default };