@starasia/admin 8.2.6 → 8.2.8

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

@@ -1,4 +1,4 @@
 import { default as React } from 'react';
 import { DataGridProps } from './types';
 
-export declare const DataGrid: <T>({ columns, data, getRowKey, size, emptyState }: DataGridProps<T>) => React.JSX.Element;
+export declare const DataGrid: <T>({ columns, data, getRowKey, size, resizable, widthStorageKey, columnState, height, emptyState }: DataGridProps<T>) => React.JSX.Element;

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

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

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

@@ -2,6 +2,11 @@ import { ReactNode } from 'react';
 
 export type DataGridAlign = 'left' | 'center' | 'right';
 export interface DataGridColumn<T> {
+    /**
+     * Identitas stabil kolom — dipakai untuk hide/show & reorder.
+     * Kalau kosong, fallback ke `accessor` (string), lalu ke index.
+     */
+    key?: string;
     /** key pada row untuk ambil nilai otomatis; abaikan kalau pakai `render` */
     accessor?: keyof T | (string & {});
     /** judul kolom di header */
@@ -10,10 +15,22 @@ export interface DataGridColumn<T> {
     render?: (row: T, rowIndex: number, data: T[]) => ReactNode;
     /** perataan header + cell (default 'left') */
     align?: DataGridAlign;
-    /** lebar kolom, mis. '200px' | 160 */
+    /** lebar awal kolom, mis. '200px' | 160 */
     width?: string | number;
-    /** lebar minimum kolom */
+    /** lebar minimum saat di-resize (px) */
     minWidth?: number;
+    /** override resize per kolom; default ikut prop `resizable` di DataGrid */
+    resizable?: boolean;
+}
+/**
+ * State visibility + urutan kolom. Bentuknya kompatibel dengan `ColumnPrefState`
+ * yang di-emit `FilterBar.onColumnsChange`, jadi bisa langsung disambungkan.
+ */
+export interface DataGridColumnState {
+    /** urutan key kolom (boleh subset / lengkap) */
+    order?: string[];
+    /** key kolom yang disembunyikan */
+    hidden?: string[];
 }
 export interface DataGridProps<T> {
     /** definisi kolom (wajib) */
@@ -24,6 +41,26 @@ export interface DataGridProps<T> {
     getRowKey?: (row: T, index: number) => string | number;
     /** padding scale, diteruskan ke primitif Table (default 'md') */
     size?: 'sm' | 'md' | 'lg' | 'xl';
+    /** aktifkan drag-resize lebar kolom (default false) */
+    resizable?: boolean;
+    /**
+     * Kalau diisi, lebar hasil resize dipersist ke localStorage dengan key ini
+     * (lewat `useColumnWidths`) dan dipulihkan saat reload.
+     */
+    widthStorageKey?: string;
+    /**
+     * Visibility & urutan kolom (controlled). Sambungkan dari
+     * `FilterBar.onColumnsChange`. Kolom dengan key di `hidden` disembunyikan;
+     * sisanya diurutkan mengikuti `order`.
+     */
+    columnState?: DataGridColumnState;
+    /**
+     * Tinggi area tabel. Default: mengisi sampai bawah layar
+     * (`calc(100vh - posisiAtas)`, ikut menyesuaikan saat window di-resize).
+     * Override bebas oleh consumer, mis. '60vh' | 480 | '100%'.
+     * Area selalu scrollable (vertikal & horizontal) dan header sticky.
+     */
+    height?: string | number;
     /** ditampilkan saat `data` kosong */
     emptyState?: ReactNode;
 }