react-semaphor 0.1.152 → 0.1.154

package/dist/surfboard/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../chunks/index-DQz6FBS5.js"),r=require("../types/index.cjs");exports.Surfboard=e.DashboardPlus;exports.EMPTY_SELECTION=r.EMPTY_SELECTION;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../chunks/index-4FLL7B4z.js"),r=require("../types/index.cjs");exports.Surfboard=e.DashboardPlus;exports.EMPTY_SELECTION=r.EMPTY_SELECTION;

package/dist/surfboard/index.js

@@ -1,4 +1,4 @@
-import { a } from "../chunks/index-CwRSeOKZ.js";
+import { a } from "../chunks/index-B57nSymH.js";
 import { EMPTY_SELECTION as E } from "../types/index.js";
 export {
   E as EMPTY_SELECTION,

package/dist/types/dashboard.d.ts

@@ -647,6 +647,14 @@ declare interface FilterCondition {
     value: FilterValue;
 }
 
+/**
+ * Display mode for individual filters
+ * - 'canvas': Filter displayed as a draggable card on the dashboard canvas
+ * - 'toolbar': Filter displayed in the compact toolbar
+ * - 'inherit': Use the dashboard's filterLayout.displayMode setting (default)
+ */
+declare type FilterDisplayMode = 'canvas' | 'toolbar' | 'inherit';
+
 declare type FilterForBetween = BaseFilter & {
     operation: 'between' | 'not between';
     values: [number, number];
@@ -686,6 +694,24 @@ declare interface FilterGroup {
     groups: FilterGroup[];
 }
 
+/**
+ * Filter layout settings for controlling how dashboard filters are displayed
+ */
+export declare type FilterLayoutSettings = {
+    /**
+     * Display mode for filters
+     * - 'canvas': Filters displayed as draggable/resizable cards on the dashboard canvas (default)
+     * - 'toolbar': Filters displayed in a compact horizontal toolbar below dashboard controls
+     */
+    displayMode?: 'canvas' | 'toolbar';
+    /**
+     * Whether the toolbar should wrap filters to multiple lines
+     * - false: Horizontal scroll when filters overflow (default)
+     * - true: Wrap to multiple lines
+     */
+    toolbarWrap?: boolean;
+};
+
 declare type FilterLocation = 'dashboard' | 'frame' | 'sheet' | undefined;
 
 declare type FilterOnClick = {
@@ -1401,6 +1427,7 @@ export declare type TDashboard = {
     globalCacheConfig?: CacheConfig;
     emailSettings?: EmailSettings;
     defaultFilterValues?: TFilterValue[];
+    filterLayout?: FilterLayoutSettings;
 };
 
 export declare type TDataColumn = {
@@ -1481,6 +1508,18 @@ declare type TFilter = {
     customFilterPreferences?: TCustomFilterPreferences;
     /** Whether to show the label above the filter (default: true) */
     showLabel?: boolean;
+    /**
+     * Width in pixels when displayed in toolbar mode.
+     * Defaults vary by filter type (160px for dropdowns, 220px for date ranges, etc.)
+     */
+    toolbarWidth?: number;
+    /**
+     * Display mode for this filter
+     * - 'canvas': Always show as draggable card on canvas
+     * - 'toolbar': Always show in toolbar
+     * - 'inherit': Use dashboard's filterLayout.displayMode setting (default)
+     */
+    displayMode?: FilterDisplayMode;
 };
 
 declare type TFilterValue = FilterForString | FilterForEqual | FilterForCompare | FilterForBetween | FilterForIn | FilterForDate;

package/dist/types/main.d.ts

@@ -88,8 +88,10 @@ declare type Actions_2 = {
     setShowDashboardJSON: (show: boolean) => void;
     setIsVisualEditing: (editing: boolean) => void;
     setShowFilters: (show: boolean) => void;
+    setFilterLayout: (settings: Partial<FilterLayoutSettings>) => void;
     addFilter: (filter: TFilter) => void;
     removeFilter: (filterId: string) => void;
+    reorderFilters: (orderedFilterIds: string[]) => void;
     updateFilter: (filter: TFilter) => void;
     updateFilterId: (filterId: string, newId: string) => void;
     setFilterDefaultValues: (filterId: string, defaultValues: (string | number)[] | undefined) => void;
@@ -1341,6 +1343,14 @@ export declare interface FilterCondition {
     value: FilterValue;
 }
 
+/**
+ * Display mode for individual filters
+ * - 'canvas': Filter displayed as a draggable card on the dashboard canvas
+ * - 'toolbar': Filter displayed in the compact toolbar
+ * - 'inherit': Use the dashboard's filterLayout.displayMode setting (default)
+ */
+declare type FilterDisplayMode = 'canvas' | 'toolbar' | 'inherit';
+
 declare type FilterForBetween = BaseFilter & {
     operation: 'between' | 'not between';
     values: [number, number];
@@ -1380,6 +1390,24 @@ export declare interface FilterGroup {
     groups: FilterGroup[];
 }
 
+/**
+ * Filter layout settings for controlling how dashboard filters are displayed
+ */
+export declare type FilterLayoutSettings = {
+    /**
+     * Display mode for filters
+     * - 'canvas': Filters displayed as draggable/resizable cards on the dashboard canvas (default)
+     * - 'toolbar': Filters displayed in a compact horizontal toolbar below dashboard controls
+     */
+    displayMode?: 'canvas' | 'toolbar';
+    /**
+     * Whether the toolbar should wrap filters to multiple lines
+     * - false: Horizontal scroll when filters overflow (default)
+     * - true: Wrap to multiple lines
+     */
+    toolbarWrap?: boolean;
+};
+
 declare type FilterLocation = 'dashboard' | 'frame' | 'sheet' | undefined;
 
 declare type FilterOnClick = {
@@ -2396,6 +2424,7 @@ export declare type TDashboard = {
     globalCacheConfig?: CacheConfig;
     emailSettings?: EmailSettings;
     defaultFilterValues?: TFilterValue[];
+    filterLayout?: FilterLayoutSettings;
 };
 
 export declare type TDataColumn = {
@@ -2476,6 +2505,18 @@ export declare type TFilter = {
     customFilterPreferences?: TCustomFilterPreferences;
     /** Whether to show the label above the filter (default: true) */
     showLabel?: boolean;
+    /**
+     * Width in pixels when displayed in toolbar mode.
+     * Defaults vary by filter type (160px for dropdowns, 220px for date ranges, etc.)
+     */
+    toolbarWidth?: number;
+    /**
+     * Display mode for this filter
+     * - 'canvas': Always show as draggable card on canvas
+     * - 'toolbar': Always show in toolbar
+     * - 'inherit': Use dashboard's filterLayout.displayMode setting (default)
+     */
+    displayMode?: FilterDisplayMode;
 };
 
 export declare type TFilterValue = FilterForString | FilterForEqual | FilterForCompare | FilterForBetween | FilterForIn | FilterForDate;

package/dist/types/surfboard.d.ts

@@ -650,6 +650,14 @@ declare interface FilterCondition {
     value: FilterValue;
 }
 
+/**
+ * Display mode for individual filters
+ * - 'canvas': Filter displayed as a draggable card on the dashboard canvas
+ * - 'toolbar': Filter displayed in the compact toolbar
+ * - 'inherit': Use the dashboard's filterLayout.displayMode setting (default)
+ */
+declare type FilterDisplayMode = 'canvas' | 'toolbar' | 'inherit';
+
 declare type FilterForBetween = BaseFilter & {
     operation: 'between' | 'not between';
     values: [number, number];
@@ -689,6 +697,24 @@ declare interface FilterGroup {
     groups: FilterGroup[];
 }
 
+/**
+ * Filter layout settings for controlling how dashboard filters are displayed
+ */
+export declare type FilterLayoutSettings = {
+    /**
+     * Display mode for filters
+     * - 'canvas': Filters displayed as draggable/resizable cards on the dashboard canvas (default)
+     * - 'toolbar': Filters displayed in a compact horizontal toolbar below dashboard controls
+     */
+    displayMode?: 'canvas' | 'toolbar';
+    /**
+     * Whether the toolbar should wrap filters to multiple lines
+     * - false: Horizontal scroll when filters overflow (default)
+     * - true: Wrap to multiple lines
+     */
+    toolbarWrap?: boolean;
+};
+
 declare type FilterLocation = 'dashboard' | 'frame' | 'sheet' | undefined;
 
 declare type FilterOnClick = {
@@ -1406,6 +1432,7 @@ export declare type TDashboard = {
     globalCacheConfig?: CacheConfig;
     emailSettings?: EmailSettings;
     defaultFilterValues?: TFilterValue[];
+    filterLayout?: FilterLayoutSettings;
 };
 
 export declare type TDataColumn = {
@@ -1486,6 +1513,18 @@ declare type TFilter = {
     customFilterPreferences?: TCustomFilterPreferences;
     /** Whether to show the label above the filter (default: true) */
     showLabel?: boolean;
+    /**
+     * Width in pixels when displayed in toolbar mode.
+     * Defaults vary by filter type (160px for dropdowns, 220px for date ranges, etc.)
+     */
+    toolbarWidth?: number;
+    /**
+     * Display mode for this filter
+     * - 'canvas': Always show as draggable card on canvas
+     * - 'toolbar': Always show in toolbar
+     * - 'inherit': Use dashboard's filterLayout.displayMode setting (default)
+     */
+    displayMode?: FilterDisplayMode;
 };
 
 declare type TFilterValue = FilterForString | FilterForEqual | FilterForCompare | FilterForBetween | FilterForIn | FilterForDate;

package/dist/types/types.d.ts

@@ -644,6 +644,14 @@ declare interface FilterCondition {
     value: FilterValue;
 }
 
+/**
+ * Display mode for individual filters
+ * - 'canvas': Filter displayed as a draggable card on the dashboard canvas
+ * - 'toolbar': Filter displayed in the compact toolbar
+ * - 'inherit': Use the dashboard's filterLayout.displayMode setting (default)
+ */
+declare type FilterDisplayMode = 'canvas' | 'toolbar' | 'inherit';
+
 declare type FilterForBetween = BaseFilter & {
     operation: 'between' | 'not between';
     values: [number, number];
@@ -683,6 +691,24 @@ declare interface FilterGroup {
     groups: FilterGroup[];
 }
 
+/**
+ * Filter layout settings for controlling how dashboard filters are displayed
+ */
+export declare type FilterLayoutSettings = {
+    /**
+     * Display mode for filters
+     * - 'canvas': Filters displayed as draggable/resizable cards on the dashboard canvas (default)
+     * - 'toolbar': Filters displayed in a compact horizontal toolbar below dashboard controls
+     */
+    displayMode?: 'canvas' | 'toolbar';
+    /**
+     * Whether the toolbar should wrap filters to multiple lines
+     * - false: Horizontal scroll when filters overflow (default)
+     * - true: Wrap to multiple lines
+     */
+    toolbarWrap?: boolean;
+};
+
 declare type FilterLocation = 'dashboard' | 'frame' | 'sheet' | undefined;
 
 declare type FilterOnClick = {
@@ -1398,6 +1424,7 @@ export declare type TDashboard = {
     globalCacheConfig?: CacheConfig;
     emailSettings?: EmailSettings;
     defaultFilterValues?: TFilterValue[];
+    filterLayout?: FilterLayoutSettings;
 };
 
 export declare type TDataColumn = {
@@ -1478,6 +1505,18 @@ declare type TFilter = {
     customFilterPreferences?: TCustomFilterPreferences;
     /** Whether to show the label above the filter (default: true) */
     showLabel?: boolean;
+    /**
+     * Width in pixels when displayed in toolbar mode.
+     * Defaults vary by filter type (160px for dropdowns, 220px for date ranges, etc.)
+     */
+    toolbarWidth?: number;
+    /**
+     * Display mode for this filter
+     * - 'canvas': Always show as draggable card on canvas
+     * - 'toolbar': Always show in toolbar
+     * - 'inherit': Use dashboard's filterLayout.displayMode setting (default)
+     */
+    displayMode?: FilterDisplayMode;
 };
 
 declare type TFilterValue = FilterForString | FilterForEqual | FilterForCompare | FilterForBetween | FilterForIn | FilterForDate;

package/package.json

@@ -5,7 +5,7 @@
     "email": "support@semaphor.cloud"
   },
   "license": "MIT",
-  "version": "0.1.152",
+  "version": "0.1.154",
   "description": "Fully interactive and customizable dashboards for your apps.",
   "keywords": [
     "react",