@starasia/admin 14.11.0 → 14.12.0

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

@@ -0,0 +1,24 @@
+import { default as React } from 'react';
+
+export interface HighlightProps {
+    /** Teks yang dirender; substring yang cocok dengan `query` di-`<mark>`. */
+    text: string;
+    /** Kata kunci — bisa multi-kata (dipisah spasi) untuk global search. Kosong → teks polos. */
+    query?: string;
+    /** Override style `<mark>` (default: bg warning-subtlest, warna teks inherit). */
+    markStyle?: React.CSSProperties;
+}
+/**
+ * Menyorot (highlight) substring yang cocok dengan `query` di dalam `text`.
+ * Pakai `<mark>` **inline** → aman berdampingan dengan ellipsis cell (beda dari
+ * membungkus `<Text>` yang block). Case-insensitive; mendukung beberapa kata
+ * (dipisah spasi) untuk global search.
+ *
+ * Dipakai manual di `render` kolom, atau otomatis via prop `highlight` di
+ * `<TableLayout>` (menyorot string-cell kolom yang key-nya ada di map itu).
+ *
+ * ```tsx
+ * <Highlight text={row.description} query={filter.getRaw('description') ?? ''} />
+ * ```
+ */
+export declare const Highlight: ({ text, query, markStyle }: HighlightProps) => React.JSX.Element;

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, footer, stickyFooter, 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, highlight, 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/types.d.ts

@@ -262,6 +262,15 @@ export interface TableLayoutProps<T> {
      * Muncul saat hover / saat salah satu item aktif.
      */
     columnMenu?: boolean;
+    /**
+     * Sorot (highlight) hasil pencarian: map `{ [columnKey]: query }`. Untuk kolom
+     * yang key-nya ada di map & sel-nya berupa **string accessor** (bukan custom
+     * `render`), substring yang cocok dibungkus `<mark>` inline (ellipsis tetap
+     * jalan). Query kosong = tak menyorot. Isi dari filter `text` per-kolom
+     * (`controls.getRaw(key)`) dan/atau global search (`params.search`). Untuk sel
+     * `render`, sorot manual via komponen `<Highlight>`.
+     */
+    highlight?: Record<string, string>;
     /**
      * Sort aktif (controlled). Kalau `onSortChange` diisi → mode server (TableLayout
      * tidak mengurutkan data sendiri, hanya emit). Tanpa `onSortChange` → client-side.

package/dist/components/index.d.ts

@@ -33,3 +33,4 @@ export * from './LayoutDialog';
 export * from './ImagePreview';
 export * from './SelectionActionBar';
 export * from './EntityCard';
+export * from './Highlight';