@starasia/admin 8.0.5 → 8.0.7

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

@@ -8,6 +8,7 @@ interface PaginationClusterProps {
     pageSizeOptions?: number[];
     defaultPerPage?: number;
     showResultCount?: boolean;
+    showPageSize?: boolean;
     showPagination?: boolean;
 }
 /**

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

@@ -0,0 +1,23 @@
+import { default as React } from 'react';
+import { CheckboxMultipleFilterField } from '../../types';
+
+interface CheckboxPillProps {
+    field: CheckboxMultipleFilterField;
+    value: {
+        label: string;
+        value: string;
+    }[];
+    onChange: (v: {
+        label: string;
+        value: string;
+    }[]) => void;
+    /** Removes the whole pill (the popover's "Remove Filter" action). */
+    onRemove: () => void;
+}
+/**
+ * `checkbox-multiple` pill — fixed (non-API) multi-select rendered with `Menu`
+ * + checkboxes. For flag-like filters such as status / document type. Encoded
+ * like `dropdown-multiple` in the URL.
+ */
+export declare const CheckboxPill: React.FC<CheckboxPillProps>;
+export {};

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

@@ -11,11 +11,13 @@ interface SelectPillProps {
         label: string;
         value: string;
     }[]) => void;
+    /** Removes the whole pill (the popover's "Remove Filter" action). */
+    onRemove: () => void;
 }
 /**
- * Select pill — covers `dropdown` (single), `dropdown-multiple`, `radio`
- * (single) and `person` (searchable multi). Backed by `@starasia/dropdown`,
- * which renders the checkbox list / search seen in the Figma "Default Filter".
+ * Select pill — `dropdown` (single), `dropdown-multiple`, `radio`, `person`.
+ * Wrapped in `Menu` for positioning/popover behaviour; the searchable list
+ * inside the popover is a `Dropdown` with `triggerInput`.
  */
 export declare const SelectPill: React.FC<SelectPillProps>;
 export {};

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, PersonFilterField, DateFilterField, DateRangeFilterField, ColumnConfig, ColumnPrefState, SavedView, FilterStorageAdapter } from './types';
+export type { FilterBarProps, FilterFieldConfig, FilterFieldType, SelectFilterField, CheckboxMultipleFilterField, PersonFilterField, 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' | 'radio' | 'person';
+export type FilterFieldType = 'date' | 'date-range' | 'dropdown' | 'dropdown-multiple' | 'checkbox-multiple' | 'radio' | 'person';
 interface BaseFilterField {
     /** Stable key — used as the field name inside the `?filter` blob. */
     key: string;
@@ -29,6 +29,18 @@ export interface SelectFilterField extends BaseFilterField {
     isLoading?: boolean;
     onSearch?: (q: string) => void;
 }
+/**
+ * Fixed multi-select rendered with `Menu` + checkboxes (not `Dropdown`).
+ * For flag-like filters whose options are static, not fetched from an API
+ * (e.g. status, document type). Encoded like `dropdown-multiple`.
+ */
+export interface CheckboxMultipleFilterField extends BaseFilterField {
+    type: 'checkbox-multiple';
+    options: {
+        label: string;
+        value: string;
+    }[];
+}
 export interface PersonFilterField extends BaseFilterField {
     type: 'person';
     options: {
@@ -48,7 +60,7 @@ export interface DateFilterField extends BaseFilterField {
 export interface DateRangeFilterField extends BaseFilterField {
     type: 'date-range';
 }
-export type FilterFieldConfig = SelectFilterField | PersonFilterField | DateFilterField | DateRangeFilterField;
+export type FilterFieldConfig = SelectFilterField | CheckboxMultipleFilterField | PersonFilterField | DateFilterField | DateRangeFilterField;
 /** A single column entry fed to the Customize Column panel. */
 export interface ColumnConfig {
     key: string;
@@ -84,6 +96,11 @@ export interface FilterStorageAdapter {
     remove(key: string): void;
 }
 export interface FilterBarProps {
+    /**
+     * Show container padding (top/bottom `sm`, left/right `md`). Default `false`
+     * — keep it off when the host already provides padding (e.g. a page header).
+     */
+    withPadding?: boolean;
     /** Catalog of filters offered in the Add Filter menu. */
     filterConfigs?: FilterFieldConfig[];
     /** URL param holding the JSON-blob of filter values. Default `'filter'`. */
@@ -107,6 +124,8 @@ export interface FilterBarProps {
     pageSizeOptions?: number[];
     showPagination?: boolean;
     showResultCount?: boolean;
+    /** Show the rows-per-page selector. Default `true`. */
+    showPageSize?: boolean;
     /** Columns shown in the Customize Column panel. */
     columns?: ColumnConfig[];
     /** Emitted when visibility/order changes — consumer applies to its table. */