@starasia/admin 8.1.0 → 8.1.1

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

@@ -9,6 +9,10 @@ interface FilterPillsProps {
     clearValue: (key: string) => void;
     removeFilter: (key: string) => void;
 }
-/** Renders the active filter pills, dispatching each to its editor by type. */
+/**
+ * Renders the active filter pills, dispatching each to its editor by type.
+ * Each pill is self-contained — removal happens via its own popover's
+ * "Remove Filter" action (no external × any more).
+ */
 export declare const FilterPills: React.FC<FilterPillsProps>;
 export {};

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

@@ -9,7 +9,13 @@ interface DatePillProps {
     } | undefined;
     onChange: (v: unknown) => void;
     onClear: () => void;
+    /** Removes the whole pill (the popover's "Remove Filter" action). */
+    onRemove: () => void;
 }
-/** Date / date-range pill backed by `StarasiaDate` (input-trigger mode). */
+/**
+ * Date / date-range pill. Outer `Menu` for positioning + Remove Filter; the
+ * popover hosts a `StarasiaDate` calendar (no `input` mode — the Menu trigger
+ * is our pill button).
+ */
 export declare const DatePill: React.FC<DatePillProps>;
 export {};

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

@@ -1,8 +1,8 @@
 import { default as React } from 'react';
-import { SelectFilterField, PersonFilterField } from '../../types';
+import { SelectFilterField } from '../../types';
 
 interface SelectPillProps {
-    field: SelectFilterField | PersonFilterField;
+    field: SelectFilterField;
     value: {
         label: string;
         value: string;

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

@@ -1,3 +1,3 @@
 export { FilterBar } from './FilterBar';
 export { localStorageAdapter, storageKeys } from './utils/storage-adapter';
-export type { FilterBarProps, FilterFieldConfig, FilterFieldType, SelectFilterField, CheckboxMultipleFilterField, PersonFilterField, DateFilterField, DateRangeFilterField, ColumnConfig, ColumnPrefState, SavedView, FilterStorageAdapter } from './types';
+export type { FilterBarProps, FilterFieldConfig, FilterFieldType, SelectFilterField, CheckboxMultipleFilterField, DateFilterField, DateRangeFilterField, ColumnConfig, ColumnPrefState, SavedView, FilterStorageAdapter } from './types';

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

@@ -8,7 +8,7 @@ import { Pagination } from '../TableSection/types';
  * (`handleChangeFilter`, `getValuesFilter`, …) so the JSON-blob URL encoding
  * (`?filter={...}`) is reused as-is. `key` is the param name inside that blob.
  */
-export type FilterFieldType = 'date' | 'date-range' | 'dropdown' | 'dropdown-multiple' | 'checkbox-multiple' | 'radio' | 'person';
+export type FilterFieldType = 'date' | 'date-range' | 'dropdown' | 'dropdown-multiple' | 'checkbox-multiple' | 'radio';
 interface BaseFilterField {
     /** Stable key — used as the field name inside the `?filter` blob. */
     key: string;
@@ -24,6 +24,10 @@ export interface SelectFilterField extends BaseFilterField {
     options: {
         label: string;
         value: string;
+        /** Optional secondary line under the label (e.g. "ID • Jabatan" for people). */
+        description?: string;
+        /** Optional left adornment — avatar/icon node (e.g. for people pickers). */
+        avatar?: ReactNode;
     }[];
     searchable?: boolean;
     isLoading?: boolean;
@@ -41,18 +45,6 @@ export interface CheckboxMultipleFilterField extends BaseFilterField {
         value: string;
     }[];
 }
-export interface PersonFilterField extends BaseFilterField {
-    type: 'person';
-    options: {
-        label: string;
-        value: string;
-        description?: string;
-        avatar?: ReactNode;
-    }[];
-    searchable?: boolean;
-    isLoading?: boolean;
-    onSearch?: (q: string) => void;
-}
 export interface DateFilterField extends BaseFilterField {
     type: 'date';
     mode?: 'days' | 'months' | 'years';
@@ -60,7 +52,7 @@ export interface DateFilterField extends BaseFilterField {
 export interface DateRangeFilterField extends BaseFilterField {
     type: 'date-range';
 }
-export type FilterFieldConfig = SelectFilterField | CheckboxMultipleFilterField | PersonFilterField | DateFilterField | DateRangeFilterField;
+export type FilterFieldConfig = SelectFilterField | CheckboxMultipleFilterField | DateFilterField | DateRangeFilterField;
 /** A single column entry fed to the Customize Column panel. */
 export interface ColumnConfig {
     key: string;