@starasia/admin 8.4.2 → 8.4.3

package/dist/components/TableLayout/TableLayout.d.ts

@@ -1,4 +1,4 @@
 import { default as React } from 'react';
 import { TableLayoutProps } from './types';
 
-export declare const TableLayout: <T>({ columns, data, getRowKey, size, resizable, widthStorageKey, columnState, onColumnStateChange, columnMenu, sort, defaultSort, onSortChange, height, mobileLayout, mobileBreakpoint, groupSeparator, summary, emptyState, rowActions, }: TableLayoutProps<T>) => React.JSX.Element;
+export declare const TableLayout: <T>({ columns, data, getRowKey, size, resizable, widthStorageKey, columnState, onColumnStateChange, columnMenu, sort, defaultSort, onSortChange, height, mobileLayout, mobileBreakpoint, groupSeparator, summary, emptyState, loading, loadingRows, rowActions, }: TableLayoutProps<T>) => React.JSX.Element;

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

@@ -177,6 +177,23 @@ export interface TableLayoutProps<T> {
     groupSeparator?: (row: T, index: number, prevRow: T | undefined) => ReactNode | null;
     /** baris summary/total full-width di paling bawah body */
     summary?: ReactNode;
-    /** ditampilkan saat `data` kosong */
-    emptyState?: ReactNode;
+    /**
+     * Tampilan saat `data` kosong.
+     * - `content`: node yang dirender (terpusat secara vertikal & horizontal).
+     * - `minHeight`: tinggi minimum kontainer (default 320). number (px) atau
+     *   string CSS (mis. '50vh' | '240px').
+     */
+    emptyState?: {
+        content?: ReactNode;
+        minHeight?: number | string;
+    };
+    /**
+     * Saat `true`, body menampilkan placeholder Skeleton (bukan data / emptyState).
+     * Pakai ini selama request berlangsung supaya tidak ada flicker "data kosong"
+     * saat `data` masih `[]` padahal sedang fetch. Mengikuti `columns`, `mobileLayout`,
+     * dan `rowActions` yang aktif.
+     */
+    loading?: boolean;
+    /** jumlah baris/kartu skeleton yang dirender saat `loading` (default 8) */
+    loadingRows?: number;
 }