@starasia/admin 14.9.0 → 14.10.0

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

@@ -0,0 +1,34 @@
+import { default as React } from 'react';
+import { FilterFieldConfig } from '../types';
+import { FilterBarControls } from '../hooks/useFilterBarControls';
+
+/**
+ * Kontrol filter untuk dipasang di HEADER kolom TableLayout (Excel-style),
+ * dirakit otomatis dari `field.type` — sama seperti FilterBar merender tipe,
+ * dan memakai komponen date design system yang SAMA (`StarasiaDate` + `OpMenu`
+ * + `CompactBody` yang dipakai FilterBar). Menulis ke sumber filter yang SAMA
+ * (`useFilterBarControls`), jadi pill FilterBar + query ikut sinkron;
+ * TableLayout tetap filter-agnostic.
+ *
+ * ```tsx
+ * const filter = useFilterBarControls({ filterConfigs });
+ * const columns = baseColumns.map((col) => {
+ *   const field = filterConfigs.find((f) => f.key === col.key);
+ *   if (!field) return col;
+ *   return {
+ *     ...col,
+ *     renderFilter: () => <ColumnHeaderFilter field={field} controls={filter} />,
+ *     filterActive: isColumnFilterActive(field, filter),
+ *   };
+ * });
+ * ```
+ */
+export interface ColumnHeaderFilterProps {
+    /** Config filter — objek yang SAMA yang diberikan ke `<FilterBar>` via `filterConfigs`. */
+    field: FilterFieldConfig;
+    /** Controller dari `useFilterBarControls` (sumber filter yang sama dg FilterBar). */
+    controls: FilterBarControls;
+}
+/** Apakah field ini sedang punya filter aktif — untuk menyalakan funnel header. */
+export declare const isColumnFilterActive: (field: FilterFieldConfig, controls: FilterBarControls) => boolean;
+export declare const ColumnHeaderFilter: ({ field, controls }: ColumnHeaderFilterProps) => React.JSX.Element;

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

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-import { DateCompactFilterField, DateCompactValue, DateFilterField } from '../../types';
+import { DateCompactFilterField, DateCompactOp, DateCompactValue, DateFilterField } from '../../types';
 
 interface DatePillProps {
     field: DateFilterField | DateCompactFilterField;
@@ -9,5 +9,18 @@ interface DatePillProps {
     /** Removes the whole pill. Omit for locked fields. */
     onRemove?: () => void;
 }
+type DateMode = 'days' | 'months' | 'years';
+export declare const ALL_OPS: DateCompactOp[];
 export declare const DatePill: React.FC<DatePillProps>;
+export declare const OpMenu: React.FC<{
+    op: DateCompactOp;
+    ops: DateCompactOp[];
+    onChange: (next: DateCompactOp) => void;
+}>;
+export declare const CompactBody: React.FC<{
+    value: DateCompactValue | undefined;
+    op: DateCompactOp;
+    mode?: DateMode;
+    onChange: (v: unknown) => void;
+}>;
 export {};

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

@@ -22,6 +22,18 @@ export interface FilterBarControls {
     isActive: (key: string, value: string) => boolean;
     /** Nilai-nilai aktif sekarang pada filter `key`. */
     values: (key: string) => string[];
+    /**
+     * Baca nilai MENTAH filter apa pun — termasuk non-select. `date` → `Date`,
+     * `date-compact` → `DateCompactValue`, select-type → array `{ value, label }`.
+     * Untuk memfilter dari luar FilterBar pada tipe yang tak muat di `values`.
+     */
+    getRaw: (key: string) => unknown;
+    /**
+     * Tulis nilai MENTAH lewat jalur yang SAMA dengan FilterBar — mendukung
+     * `date` (kirim `Date`) & `date-compact` (kirim `DateCompactValue`) yang TIDAK
+     * didukung `set`. `null`/`undefined` → hapus filter. Pill + query ikut sinkron.
+     */
+    setRaw: (key: string, value: unknown) => void;
     /** Ada filter aktif (apa pun). */
     hasActiveFilter: boolean;
 }

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

@@ -1,6 +1,7 @@
 export { FilterBar } from './FilterBar';
 export { useFilterBarApiParams, type UseFilterBarApiParamsOptions, type FilterBarApiParams } from './hooks/useFilterBarApiParams';
 export { useFilterBarControls, type UseFilterBarControlsOptions, type FilterBarControls } from './hooks/useFilterBarControls';
+export { ColumnHeaderFilter, isColumnFilterActive, type ColumnHeaderFilterProps } from './components/ColumnHeaderFilter';
 export { expandDateCompact, type ExpandDateCompactOptions } from './utils/expand-date-compact';
 export { localStorageAdapter, storageKeys } from './utils/storage-adapter';
 export type { FilterBarProps, FilterFieldConfig, FilterFieldType, SelectFilterField, CheckboxMultipleFilterField, DateFilterField, DateCompactFilterField, DateCompactOp, DateCompactValue, RelativeDirection, RelativePeriod, ColumnConfig, ColumnPrefState, SavedView, FilterStorageAdapter } from './types';

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

@@ -11,5 +11,16 @@ export interface ColumnMenuProps {
     onClearSort: () => void;
     onToggleFreeze: () => void;
     onHide: () => void;
+    /**
+     * Slot filter per-kolom (Excel-style). Di-render di ATAS menu (sebelum
+     * sort/freeze/hide) dalam section "Filter". Konten & state-nya milik consumer
+     * — ColumnMenu tak tahu tipe filter apa pun; teruskan kontrol yang menulis ke
+     * sumber filter yang sama dengan FilterBar (mis. `useFilterBarControls`),
+     * supaya pill FilterBar + query ikut sinkron. Klik di dalam slot TIDAK menutup
+     * menu (biar bisa pilih banyak nilai).
+     */
+    filterSlot?: React.ReactNode;
+    /** Ada filter aktif di kolom ini → funnel trigger menyala + tetap terlihat. */
+    filterActive?: boolean;
 }
-export declare const ColumnMenu: ({ active, canSort, canHide, sortDir, frozen, onSort, onClearSort, onToggleFreeze, onHide }: ColumnMenuProps) => React.JSX.Element;
+export declare const ColumnMenu: ({ active, canSort, canHide, sortDir, frozen, onSort, onClearSort, onToggleFreeze, onHide, filterSlot, filterActive }: ColumnMenuProps) => React.JSX.Element;

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

@@ -111,6 +111,16 @@ export interface TableLayoutColumn<T> {
     sortKey?: keyof T;
     /** sembunyikan menu kolom (Ascending/Descending/Freeze/Hide) di kolom ini */
     disableMenu?: boolean;
+    /**
+     * Filter per-kolom (Excel-style) — di-render di ATAS menu kolom. Kembalikan
+     * kontrol filter (checklist/dropdown/dst) yang menulis ke sumber filter yang
+     * SAMA dengan FilterBar (mis. `useFilterBarControls` di-key by kolom), supaya
+     * pill FilterBar + query ikut sinkron. TableLayout tak tahu tipe filter — ia
+     * hanya me-render node ini. Butuh `columnMenu` aktif & `disableMenu` tak diset.
+     */
+    renderFilter?: () => ReactNode;
+    /** Ada filter aktif di kolom ini → funnel di header menyala + tetap terlihat. */
+    filterActive?: boolean;
     /** kolom terkunci — tidak bisa di-hide (item "Hide column" disembunyikan) */
     locked?: boolean;
     /**