@bfrs/agentic-components 0.4.5 → 0.4.7

package/BFRS_AGENTIC_COMPONENTS.md

@@ -558,6 +558,7 @@ Single-value dropdown. Options are `{ value: string; label: string }`.
 
 The Figma trigger style is the only select size: 28px high with 12.5px text, 7px radius, and a 10px chevron.
 The trigger chevron rotates 180deg while open. This open/close motion and focused/open border treatment is shared by `Select`, `SearchableSelect`, and `MultiSelect`.
+Selected option rows render with bold text across select-style listboxes: `Select`, `SearchableSelect`, `MultiSelect`, and `SuggestInput`.
 
 ```tsx
 <Select

package/dist/components/data-display/DataTable/DataTable.types.d.ts

@@ -158,6 +158,38 @@ export type TableBulkActionsProps = {
     label?: ReactNode;
     className?: string;
 };
+export type ViewType = "orders" | "shipments" | "products";
+export type ViewColumn = {
+    key: string;
+    order: number;
+    visible: boolean;
+};
+export type ViewFilter = {
+    field: string;
+    op: string;
+    value: unknown;
+};
+export type SavedView = {
+    view_id: string;
+    name: string;
+    view_type: ViewType;
+    columns: ViewColumn[];
+    filters: ViewFilter[];
+    priority: number;
+    is_default: boolean;
+    is_system_defined: boolean;
+};
+export type SaveViewPayload = {
+    view_type: ViewType;
+    name: string;
+    columns: ViewColumn[];
+    filters?: ViewFilter[];
+    priority?: number;
+};
+export type SaveViewResult = {
+    view: SavedView;
+    alreadyExists: boolean;
+};
 export type TableColumnVisibilityColumn = {
     id: string;
     label: ReactNode;

package/dist/components/data-display/DataTable/TableSaveView.d.ts

@@ -1,12 +1,5 @@
 import { ReactNode } from 'react';
-import { TableColumnVisibilityColumn } from './DataTable.types';
-export type TableSaveViewPayload = {
-    name: string;
-    visibleColumnIds: string[];
-    hiddenColumnCount: number;
-    filtersCount: number;
-    appliedSettingLabels: string[];
-};
+import { TableColumnVisibilityColumn, ViewFilter, ViewType, SaveViewPayload, SaveViewResult } from './DataTable.types';
 export type TableSaveViewProps = {
     open?: boolean;
     defaultOpen?: boolean;
@@ -28,10 +21,23 @@ export type TableSaveViewProps = {
     visibleColumnIds?: string[];
     hiddenColumnCount?: number;
     filtersCount?: number;
+    /** The listing type — required to build the API payload. */
+    viewType?: ViewType;
+    /** Active filters to persist with the view, in API format. */
+    filters?: ViewFilter[];
+    /** View priority. Higher wins on resolution. Defaults to 0. */
+    priority?: number;
     cancelLabel?: ReactNode;
     saveLabel?: ReactNode;
     onCancel?: () => void;
-    onSave?: (payload: TableSaveViewPayload) => void | Promise<void>;
+    /**
+     * Called on submit with the API-formatted payload.
+     * Return a `SaveViewResult` (e.g. from `saveView()`) to trigger `onSaved`
+     * and allow the component to detect duplicates.
+     */
+    onSave?: (payload: SaveViewPayload) => void | Promise<SaveViewResult | void>;
+    /** Fires after a successful save with the resolved view and duplicate flag. */
+    onSaved?: (result: SaveViewResult) => void;
     loading?: boolean;
     disabled?: boolean;
     closeOnSave?: boolean;
@@ -41,4 +47,4 @@ export type TableSaveViewProps = {
     className?: string;
     triggerClassName?: string;
 };
-export declare function TableSaveView({ open, defaultOpen, onOpenChange, onClose, trigger, triggerLabel, title, description, viewName, defaultViewName, onViewNameChange, viewNameLabel, viewNamePlaceholder, appliedLabel, appliedSettings, appliedSettingLabels, columns, visibleColumnIds, hiddenColumnCount, filtersCount, cancelLabel, saveLabel, onCancel, onSave, loading, disabled, closeOnSave, closeOnOverlayClick, closeOnEscape, preventClose, className, triggerClassName }: TableSaveViewProps): import("react/jsx-runtime").JSX.Element;
+export declare function TableSaveView({ open, defaultOpen, onOpenChange, onClose, trigger, triggerLabel, title, description, viewName, defaultViewName, onViewNameChange, viewNameLabel, viewNamePlaceholder, appliedLabel, appliedSettings, appliedSettingLabels, columns, visibleColumnIds, hiddenColumnCount, filtersCount, viewType, filters, priority, cancelLabel, saveLabel, onCancel, onSave, onSaved, loading, disabled, closeOnSave, closeOnOverlayClick, closeOnEscape, preventClose, className, triggerClassName }: TableSaveViewProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/data-display/DataTable/index.d.ts

@@ -9,3 +9,4 @@ export * from './TableRowActions';
 export * from './TableBulkActions';
 export * from './TableColumnVisibility';
 export * from './TableSaveView';
+export * from './saveViewApi';

package/dist/components/data-display/DataTable/saveViewApi.d.ts

@@ -0,0 +1,26 @@
+import { SaveViewPayload, SaveViewResult } from './DataTable.types';
+export type SaveViewOptions = {
+    /** Base URL of the API service, e.g. `"http://localhost:8000"` or `import.meta.env.VITE_API_BASE_URL`. Trailing slash is optional. */
+    baseUrl: string;
+    token: string;
+    payload: SaveViewPayload;
+};
+/**
+ * POST /api/v1/saveview
+ *
+ * Saves a user view. Returns the saved view and whether it was a duplicate.
+ * Throws on HTTP error (auth, validation, network).
+ */
+export declare function saveView({ baseUrl, token, payload }: SaveViewOptions): Promise<SaveViewResult>;
+/**
+ * Creates a pre-configured save function bound to a base URL and token.
+ * The returned function matches the `TableSaveView.onSave` signature directly.
+ *
+ * @example
+ * const save = createSaveView({ baseUrl: import.meta.env.VITE_API_BASE_URL, token });
+ * <TableSaveView onSave={save} onSaved={...} />
+ */
+export declare function createSaveView({ baseUrl, token }: {
+    baseUrl: string;
+    token: string;
+}): (payload: SaveViewPayload) => Promise<SaveViewResult>;