@starasia/admin 8.2.3 → 8.2.4

package/dist/components/DataGrid/DataGrid.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { DataGridProps } from './types';
+
+export declare const DataGrid: <T>({ columns, data, getRowKey, size, variant, withColumnBorder, withRowBorder, emptyState, className, style }: DataGridProps<T>) => React.JSX.Element;

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

@@ -0,0 +1,2 @@
+export { DataGrid } from './DataGrid';
+export type { DataGridProps, DataGridColumn, DataGridAlign } from './types';

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

@@ -0,0 +1,37 @@
+import { CSSProperties, ReactNode } from 'react';
+
+export type DataGridAlign = 'left' | 'center' | 'right';
+export interface DataGridColumn<T> {
+    /** key pada row untuk ambil nilai; abaikan kalau pakai `cell` */
+    accessor?: keyof T | (string & {});
+    /** judul kolom di header */
+    header: ReactNode;
+    /** custom render isi cell; menang atas `accessor` */
+    cell?: (row: T, rowIndex: number, data: T[]) => ReactNode;
+    /** perataan header + cell (default 'left') */
+    align?: DataGridAlign;
+    /** lebar kolom, mis. '200px' | 160 */
+    width?: string | number;
+    /** lebar minimum kolom */
+    minWidth?: number;
+}
+export interface DataGridProps<T> {
+    /** definisi kolom (wajib) */
+    columns: DataGridColumn<T>[];
+    /** baris data (wajib) */
+    data: T[];
+    /** key unik per row; default pakai index */
+    getRowKey?: (row: T, index: number) => string | number;
+    /** padding scale, diteruskan ke primitif Table (default 'md') */
+    size?: 'sm' | 'md' | 'lg' | 'xl';
+    /** style preset, diteruskan ke primitif Table */
+    variant?: 'simple' | 'unstyled' | 'shaded';
+    /** divider vertikal antar kolom */
+    withColumnBorder?: boolean;
+    /** divider horizontal antar baris */
+    withRowBorder?: boolean;
+    /** ditampilkan saat `data` kosong */
+    emptyState?: ReactNode;
+    className?: string;
+    style?: CSSProperties;
+}

package/dist/components/index.d.ts

@@ -13,6 +13,7 @@ export * from './Section';
 export * from './AdvanceFilterBar';
 export * from './FilterBar';
 export * from './TableSection';
+export * from './DataGrid';
 export * from './EachUtils';
 export * from './DecisionWrapper';
 export * from './Form';