@starasia/admin 8.20.0 → 8.22.0

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

@@ -40,6 +40,7 @@ interface MobileFilterBarProps {
     onApplyView: (view: SavedView) => void;
     onDeleteView: (id: string) => void;
     onSaveView: (name: string) => void;
+    leadingActions?: React.ReactNode;
 }
 /**
  * Mobile (<768px) variant of FilterBar. Replaces the horizontal toolbar with a

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

@@ -193,5 +193,12 @@ export interface FilterBarProps {
     storage?: FilterStorageAdapter;
     /** Called after a full reset (clears filters + search). */
     onReset?: () => void;
+    /**
+     * Custom node rendered at the start of the right-hand cluster — immediately
+     * to the LEFT of the pagination cluster (e.g. an Export button or bulk-action).
+     * On mobile it renders in the top toolbar's action group (alongside Saved
+     * Views / Columns). `undefined` renders nothing.
+     */
+    leadingActions?: ReactNode;
 }
 export {};

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, rowBg, size, resizable, layout, widthStorageKey, columnState, onColumnStateChange, columnMenu, sort, defaultSort, onSortChange, height, mobileLayout, mobileBreakpoint, groupSeparator, summary, emptyState, loading, loadingRows, rowActions, selectable, selectedKeys, defaultSelectedKeys, onSelectionChange, isRowSelectable, }: TableLayoutProps<T>) => React.JSX.Element;
+export declare const TableLayout: <T>({ columns, data, getRowKey, rowBg, size, resizable, layout, widthStorageKey, columnState, onColumnStateChange, columnMenu, sort, defaultSort, onSortChange, height, mobileLayout, mobileBreakpoint, groupSeparator, summary, footer, stickyFooter, emptyState, loading, loadingRows, rowActions, selectable, selectedKeys, defaultSelectedKeys, onSelectionChange, isRowSelectable, }: TableLayoutProps<T>) => React.JSX.Element;

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

@@ -1,4 +1,4 @@
 export { TableLayout } from './TableLayout';
 export { ColumnMenu } from './ColumnMenu';
 export { useTableSortApiParams, type UseTableSortApiParamsOptions, type TableSortApiParams } from './hooks/useTableSortApiParams';
-export type { TableLayoutProps, TableLayoutColumn, TableLayoutColor, TableLayoutAlign, TableLayoutColumnState, TableLayoutCellProps, TableLayoutSort, TableLayoutSortDirection, TableLayoutRowKey, TableLayoutRowAction } from './types';
+export type { TableLayoutProps, TableLayoutColumn, TableLayoutColor, TableLayoutAlign, TableLayoutColumnState, TableLayoutCellProps, TableLayoutFooterRow, TableLayoutFooterCell, TableLayoutSort, TableLayoutSortDirection, TableLayoutRowKey, TableLayoutRowAction } from './types';

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

@@ -52,6 +52,21 @@ export interface TableLayoutCellProps {
     /** kalau true, `<td>` tidak dirender (tertutup span dari sel lain) */
     hidden?: boolean;
 }
+/** Satu sel di dalam baris footer (<tfoot>). */
+export interface TableLayoutFooterCell {
+    /** Isi sel (string atau node apa pun, mis. <Badge>, total terformat). */
+    content: ReactNode;
+    /** Gabung kolom secara horizontal. */
+    colSpan?: number;
+    /** Gabung baris footer secara vertikal. */
+    rowSpan?: number;
+    /** Perataan teks sel. Default `'left'`. */
+    align?: TableLayoutAlign;
+}
+/** Satu baris footer (<tr> di dalam <tfoot>). */
+export interface TableLayoutFooterRow {
+    cells: TableLayoutFooterCell[];
+}
 export interface TableLayoutColumn<T> {
     /**
      * Identitas stabil kolom — dipakai untuk hide/show & reorder.
@@ -180,8 +195,9 @@ export interface TableLayoutProps<T> {
      */
     onSelectionChange?: (keys: TableLayoutRowKey[], rows: T[]) => void;
     /**
-     * Return `false` → baris tidak bisa dipilih: checkbox-nya disabled dan
-     * dikecualikan dari hitungan/aksi select-all. Default: semua baris bisa.
+     * Return `false` → baris tidak bisa dipilih: checkbox-nya TIDAK dirender
+     * (sel tetap ada agar kolom align) dan baris dikecualikan dari hitungan/aksi
+     * select-all. Default: semua baris bisa.
      */
     isRowSelectable?: (row: T, index: number) => boolean;
     /**
@@ -259,6 +275,22 @@ 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;
+    /**
+     * Baris-baris <tfoot> terstruktur (mis. subtotal + grand total). Tiap baris
+     * berisi sel dengan `colSpan`/`rowSpan` sendiri — komponen yang merender
+     * <Tr>/<Td>, jadi konsumer tidak perlu menyentuh markup tabel. Total kolom =
+     * jumlah leaf columns (+1 bila `selectable`, +1 bila ada row actions). Lebih
+     * kaya dari `summary` (yang hanya 1 sel full-width); keduanya boleh dipakai
+     * bersamaan.
+     */
+    footer?: TableLayoutFooterRow[];
+    /**
+     * Pin footer ke dasar area scroll (position: sticky; bottom: 0) agar selalu
+     * terlihat saat baris di-scroll. Default `false`. Dirancang untuk SATU baris
+     * footer — footer multi-baris sebaiknya non-sticky (baris akan menumpuk di
+     * bottom: 0). Tidak berlaku di mobile (footer = blok biasa di bawah kartu).
+     */
+    stickyFooter?: boolean;
     /**
      * Tampilan saat `data` kosong.
      * - `content`: node yang dirender (terpusat secara vertikal & horizontal).