@starasia/admin 8.4.2 → 8.5.0

package/dist/components/FilterBar/FilterBar.d.ts

@@ -9,6 +9,7 @@ import { FilterBarProps } from './types';
  * storage adapter. Successor to `AdvanceFilterBar`.
  *
  * Layout — left: Add Filter + pills + Reset; right: result count + page size +
- * pager + search + saved views + columns.
+ * pager + search + saved views + columns. `searchPosition='left'` moves the
+ * search control into the left cluster (after Add Filter) instead of the right.
  */
 export declare const FilterBar: React.FC<FilterBarProps>;

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

@@ -126,6 +126,13 @@ export interface FilterBarProps {
     searchPlaceholder?: string;
     /** Single-key shortcut that focuses search. Default `'/'`. */
     searchShortcut?: string;
+    /**
+     * Posisi SearchBox di layout desktop. `'left'` = tepat setelah Add Filter
+     * (sebelum pills), berguna saat halaman hanya pakai search sehingga cluster
+     * kiri tidak kosong. Default `'right'`. Tidak berpengaruh di mobile (search
+     * selalu di kiri toolbar).
+     */
+    searchPosition?: 'left' | 'right';
     /** Pagination meta from the API (drives result count + pager). */
     pagination?: Pagination;
     /** URL param for page size. Default `'perPage'`. */

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;
 }