semaphor 0.0.96 → 0.0.99

package/dist/types/main.d.ts

@@ -20,6 +20,8 @@ import { UseBoundStore } from 'zustand';
 import { WritableDraft } from 'immer';
 
 declare type Actions = {
+    setHandleOpenAssistantProfile: (handleOpenAssistantProfile: () => void) => void;
+    setFilterMode: (filterId: string, filterMode: 'include' | 'exclude') => void;
     setInitStore: () => void;
     setGlobalStyle: (style: TStyle) => void;
     setDefaultFilterValues: (filterValues: TFilterValue[] | undefined) => void;
@@ -98,8 +100,10 @@ declare type Actions = {
     setBaseQueries: (baseQueries: TBaseQuery[]) => void;
 };
 
-declare type Actions_2 = {
+declare type Actions_2 = TableActions & {
+    setEditorFilterMode: (filterColumnName: string, filterMode: 'include' | 'exclude') => void;
     setLowerIsBetter: (lowerIsBetter: boolean) => void;
+    clearEditorFilter: (filterColumn: FilterByColumn) => void;
     removeEditorFilter: (filterColumn: FilterByColumn) => void;
     updateEditorFilterValue: (filterColumnName: string, filterValue: FilterValue, clearFilter?: boolean) => void;
     setTempQueryData: (tempQueryData: {
@@ -193,6 +197,8 @@ export declare type AIScopeTable = {
     datamodelName: string;
 };
 
+export declare type AssistantId = 'dashboard-assistant' | 'editor-assistant';
+
 export declare type AuthToken = {
     accessToken: string;
     refreshToken?: string;
@@ -252,8 +258,42 @@ export declare type ColorRange = {
     color: string;
 };
 
+declare interface ColorRange_2 {
+    min: number;
+    max: number;
+    color: string;
+    applyTo: 'cell' | 'row';
+}
+
 export declare type ColumnRole = 'groupby' | 'trendby' | 'metric' | 'filter';
 
+declare interface ColumnSettings {
+    type: 'none' | 'text' | 'number' | 'date' | 'badge' | 'link' | 'progress';
+    textAlign: 'left' | 'center' | 'right';
+    width: string;
+    textWrap: 'wrap' | 'nowrap';
+    numberFormat: {
+        style: 'decimal' | 'currency' | 'percent';
+        currency: string;
+        locale: string;
+        minimumFractionDigits: number;
+        maximumFractionDigits: number;
+        showDataBar: boolean;
+        dataBarColor: string;
+        dataBarMinValue?: number;
+        dataBarMaxValue?: number;
+    };
+    dateFormat: {
+        format: string;
+        useCustomFormat: boolean;
+        customFormat: string;
+        useRelativeTime: boolean;
+    };
+    colorRanges: ColorRange_2[];
+}
+
+declare type ColumnSettingsMap = Record<string, ColumnSettings>;
+
 export declare type ColumnType = 'string' | 'number' | 'date';
 
 declare type ComboBoxOption = {
@@ -274,6 +314,10 @@ export declare type CustomCard = CardWithContent | CardWithFooter;
 
 export declare function Dashboard(props: DashboardProps): JSX_2.Element;
 
+export declare type DashboardEventHandlers = {
+    onExportData?: (payload: ExportDataPayload) => void;
+};
+
 declare type DashboardPlusProps = {
     showControls?: boolean;
     showFooter?: boolean;
@@ -303,6 +347,7 @@ export declare type DashboardProps = {
     onFilterValuesChange?: (filterValues: TFilterValue[]) => void;
     LoadingComponent?: (props: LoadingProps) => React.ReactNode;
     ErrorComponent?: (props: ErrorProps) => React.ReactNode;
+    eventHandlers?: DashboardEventHandlers;
     /**
      * Placeholders for the dashboard.
      */
@@ -314,6 +359,7 @@ export declare type DashboardProps = {
 };
 
 export declare type DashboardStore = {
+    handleOpenAssistantProfile?: () => void;
     isDownloadingPdf?: boolean;
     isSessionExpired: boolean;
     authToken?: AuthToken;
@@ -359,7 +405,7 @@ export declare function downloadPdf(): Promise<void>;
 
 export declare type DroppableId = 'droppable-group-by' | 'droppable-metric';
 
-declare type EditorStore = {
+export declare type EditorStore = {
     tempQueryData?: {
         queryKey: string[];
         queryData: any;
@@ -410,9 +456,17 @@ export declare type ErrorProps = {
     message?: string;
 };
 
+export declare type ExportDataPayload = {
+    cardId: string;
+    title: string;
+    data: Record<string, any>[];
+    sql: string;
+};
+
 export declare interface FilterByColumn extends BaseColumn {
     role: 'filter';
     operators?: string[];
+    mode?: 'include' | 'exclude';
     sql?: string;
     fetchValues?: boolean;
     fetchLimit?: number;
@@ -620,15 +674,16 @@ export declare interface QueryConfig {
     pivotColumns?: GroupByColumn[];
     metricColumns?: MetricColumn[];
     filterColumns?: FilterByColumn[];
-    filters?: {
-        filterColumnName: string;
-        filterValue: FilterValue;
-        exclude?: boolean;
-    }[];
+    filters?: QueryFilter[];
     limit?: number;
     orderBy?: OrderBy[];
 }
 
+export declare type QueryFilter = {
+    filterColumnName: string;
+    filterValue: FilterValue;
+};
+
 export declare type RangeValue = {
     gte?: string | number;
     lte?: string | number;
@@ -728,6 +783,17 @@ export declare type StyleProps = {
 
 export declare function Surfboard({ showControls, showFooter, ...rest }: DashboardPlusProps): JSX_2.Element;
 
+declare interface TableActions {
+    updateColumnSettingsMap: (columnSettings: ColumnSettingsMap) => void;
+    updateColumnVisibility: (columnId: string, isVisible: boolean) => void;
+    updatePageSize: (pageSize: number) => void;
+    showAllColumns: () => void;
+    hideAllColumns: () => void;
+    toggleSelectColumn: (isVisible: boolean) => void;
+    initializeColumnVisibility: (columnIds: string[]) => void;
+    updateAllColumnVisibility: (visibility: Record<string, boolean>) => void;
+}
+
 export declare type TableConfig = {
     databaseName: string;
     schemaName: string;
@@ -735,6 +801,13 @@ export declare type TableConfig = {
     datamodelId: string;
 };
 
+declare type TablePreferences = {
+    columnSettingsMap?: ColumnSettingsMap;
+    selectColumnVisible?: boolean;
+    columnVisibility?: Record<string, boolean>;
+    pageSize?: number;
+};
+
 export declare type TBaseQuery = {
     id: string;
     name: string;
@@ -792,6 +865,7 @@ export declare type TCardPreferences = {
     datasetOptions?: TDatasetOptions[];
     chartOptions?: TChartOptions;
     columnSettings?: TColumnSetting<DisplayDataType>[];
+    tablePrefs?: TablePreferences;
     allowDownload?: boolean;
     customVisualCode?: string;
     textVisualOptions?: {
@@ -849,7 +923,7 @@ export declare type TChartOptions = {
     };
 };
 
-declare type TChartType = 'bar' | 'horizontalBar' | 'line' | 'pie' | 'doughnut' | 'radar' | 'polarArea' | 'bubble' | 'scatter' | 'stackedBar' | 'stackedLine' | 'table' | 'kpi' | 'pyramid' | 'range' | 'text' | 'map' | 'funnel' | 'custom';
+declare type TChartType = 'bar' | 'horizontalBar' | 'line' | 'pie' | 'doughnut' | 'radar' | 'polarArea' | 'bubble' | 'scatter' | 'stackedBar' | 'stackedLine' | 'table' | 'kpi' | 'pyramid' | 'tornado' | 'range' | 'text' | 'map' | 'funnel' | 'custom';
 
 export declare type TColumnSetting<T extends DisplayDataType> = {
     columnIdx: number;
@@ -1059,6 +1133,7 @@ export declare function useEditorAside(token?: AuthToken, _connectionQueryKey?:
     handleDatamodelChange: (value: string) => void;
     handleDatabaseChange: (value: string) => void;
     handleSchemaChange: (value: string) => void;
+    handleTableChange: (value: string) => void;
 };
 
 export declare const useEditorStore: UseBoundStore<Omit<StoreApi<EditorStore>, "setState"> & {

package/dist/types/surfboard.d.ts

@@ -15,6 +15,8 @@ export declare type AIScopeTable = {
     datamodelName: string;
 };
 
+export declare type AssistantId = 'dashboard-assistant' | 'editor-assistant';
+
 export declare type AuthToken = {
     accessToken: string;
     refreshToken?: string;
@@ -72,6 +74,40 @@ export declare type ColorRange = {
     color: string;
 };
 
+declare interface ColorRange_2 {
+    min: number;
+    max: number;
+    color: string;
+    applyTo: 'cell' | 'row';
+}
+
+declare interface ColumnSettings {
+    type: 'none' | 'text' | 'number' | 'date' | 'badge' | 'link' | 'progress';
+    textAlign: 'left' | 'center' | 'right';
+    width: string;
+    textWrap: 'wrap' | 'nowrap';
+    numberFormat: {
+        style: 'decimal' | 'currency' | 'percent';
+        currency: string;
+        locale: string;
+        minimumFractionDigits: number;
+        maximumFractionDigits: number;
+        showDataBar: boolean;
+        dataBarColor: string;
+        dataBarMinValue?: number;
+        dataBarMaxValue?: number;
+    };
+    dateFormat: {
+        format: string;
+        useCustomFormat: boolean;
+        customFormat: string;
+        useRelativeTime: boolean;
+    };
+    colorRanges: ColorRange_2[];
+}
+
+declare type ColumnSettingsMap = Record<string, ColumnSettings>;
+
 declare type ColumnType = 'string' | 'number' | 'date';
 
 export declare type ConnectionPolicy = {
@@ -82,6 +118,10 @@ export declare type ConnectionPolicy = {
 
 export declare type CustomCard = CardWithContent | CardWithFooter;
 
+export declare type DashboardEventHandlers = {
+    onExportData?: (payload: ExportDataPayload) => void;
+};
+
 declare type DashboardPlusProps = {
     showControls?: boolean;
     showFooter?: boolean;
@@ -111,6 +151,7 @@ export declare type DashboardProps = {
     onFilterValuesChange?: (filterValues: TFilterValue[]) => void;
     LoadingComponent?: (props: LoadingProps) => React.ReactNode;
     ErrorComponent?: (props: ErrorProps) => React.ReactNode;
+    eventHandlers?: DashboardEventHandlers;
     /**
      * Placeholders for the dashboard.
      */
@@ -144,9 +185,17 @@ export declare type ErrorProps = {
     message?: string;
 };
 
+export declare type ExportDataPayload = {
+    cardId: string;
+    title: string;
+    data: Record<string, any>[];
+    sql: string;
+};
+
 declare interface FilterByColumn extends BaseColumn {
     role: 'filter';
     operators?: string[];
+    mode?: 'include' | 'exclude';
     sql?: string;
     fetchValues?: boolean;
     fetchLimit?: number;
@@ -288,15 +337,16 @@ declare interface QueryConfig {
     pivotColumns?: GroupByColumn[];
     metricColumns?: MetricColumn[];
     filterColumns?: FilterByColumn[];
-    filters?: {
-        filterColumnName: string;
-        filterValue: FilterValue;
-        exclude?: boolean;
-    }[];
+    filters?: QueryFilter[];
     limit?: number;
     orderBy?: OrderBy[];
 }
 
+declare type QueryFilter = {
+    filterColumnName: string;
+    filterValue: FilterValue;
+};
+
 declare type RangeValue = {
     gte?: string | number;
     lte?: string | number;
@@ -361,6 +411,13 @@ export declare type StyleProps = {
 
 export declare function Surfboard({ showControls, showFooter, ...rest }: DashboardPlusProps): JSX_2.Element;
 
+declare type TablePreferences = {
+    columnSettingsMap?: ColumnSettingsMap;
+    selectColumnVisible?: boolean;
+    columnVisibility?: Record<string, boolean>;
+    pageSize?: number;
+};
+
 export declare type TBaseQuery = {
     id: string;
     name: string;
@@ -418,6 +475,7 @@ export declare type TCardPreferences = {
     datasetOptions?: TDatasetOptions[];
     chartOptions?: TChartOptions;
     columnSettings?: TColumnSetting<DisplayDataType>[];
+    tablePrefs?: TablePreferences;
     allowDownload?: boolean;
     customVisualCode?: string;
     textVisualOptions?: {
@@ -473,7 +531,7 @@ export declare type TChartOptions = {
     };
 };
 
-declare type TChartType = 'bar' | 'horizontalBar' | 'line' | 'pie' | 'doughnut' | 'radar' | 'polarArea' | 'bubble' | 'scatter' | 'stackedBar' | 'stackedLine' | 'table' | 'kpi' | 'pyramid' | 'range' | 'text' | 'map' | 'funnel' | 'custom';
+declare type TChartType = 'bar' | 'horizontalBar' | 'line' | 'pie' | 'doughnut' | 'radar' | 'polarArea' | 'bubble' | 'scatter' | 'stackedBar' | 'stackedLine' | 'table' | 'kpi' | 'pyramid' | 'tornado' | 'range' | 'text' | 'map' | 'funnel' | 'custom';
 
 export declare type TColumnSetting<T extends DisplayDataType> = {
     columnIdx: number;

package/dist/types/types.d.ts

@@ -14,6 +14,8 @@ export declare type AIScopeTable = {
     datamodelName: string;
 };
 
+export declare type AssistantId = 'dashboard-assistant' | 'editor-assistant';
+
 export declare type AuthToken = {
     accessToken: string;
     refreshToken?: string;
@@ -71,6 +73,40 @@ export declare type ColorRange = {
     color: string;
 };
 
+declare interface ColorRange_2 {
+    min: number;
+    max: number;
+    color: string;
+    applyTo: 'cell' | 'row';
+}
+
+declare interface ColumnSettings {
+    type: 'none' | 'text' | 'number' | 'date' | 'badge' | 'link' | 'progress';
+    textAlign: 'left' | 'center' | 'right';
+    width: string;
+    textWrap: 'wrap' | 'nowrap';
+    numberFormat: {
+        style: 'decimal' | 'currency' | 'percent';
+        currency: string;
+        locale: string;
+        minimumFractionDigits: number;
+        maximumFractionDigits: number;
+        showDataBar: boolean;
+        dataBarColor: string;
+        dataBarMinValue?: number;
+        dataBarMaxValue?: number;
+    };
+    dateFormat: {
+        format: string;
+        useCustomFormat: boolean;
+        customFormat: string;
+        useRelativeTime: boolean;
+    };
+    colorRanges: ColorRange_2[];
+}
+
+declare type ColumnSettingsMap = Record<string, ColumnSettings>;
+
 declare type ColumnType = 'string' | 'number' | 'date';
 
 export declare type ConnectionPolicy = {
@@ -81,6 +117,10 @@ export declare type ConnectionPolicy = {
 
 export declare type CustomCard = CardWithContent | CardWithFooter;
 
+export declare type DashboardEventHandlers = {
+    onExportData?: (payload: ExportDataPayload) => void;
+};
+
 export declare type DashboardProps = {
     id?: string;
     /**
@@ -105,6 +145,7 @@ export declare type DashboardProps = {
     onFilterValuesChange?: (filterValues: TFilterValue[]) => void;
     LoadingComponent?: (props: LoadingProps) => React.ReactNode;
     ErrorComponent?: (props: ErrorProps) => React.ReactNode;
+    eventHandlers?: DashboardEventHandlers;
     /**
      * Placeholders for the dashboard.
      */
@@ -138,9 +179,17 @@ export declare type ErrorProps = {
     message?: string;
 };
 
+export declare type ExportDataPayload = {
+    cardId: string;
+    title: string;
+    data: Record<string, any>[];
+    sql: string;
+};
+
 declare interface FilterByColumn extends BaseColumn {
     role: 'filter';
     operators?: string[];
+    mode?: 'include' | 'exclude';
     sql?: string;
     fetchValues?: boolean;
     fetchLimit?: number;
@@ -282,15 +331,16 @@ declare interface QueryConfig {
     pivotColumns?: GroupByColumn[];
     metricColumns?: MetricColumn[];
     filterColumns?: FilterByColumn[];
-    filters?: {
-        filterColumnName: string;
-        filterValue: FilterValue;
-        exclude?: boolean;
-    }[];
+    filters?: QueryFilter[];
     limit?: number;
     orderBy?: OrderBy[];
 }
 
+declare type QueryFilter = {
+    filterColumnName: string;
+    filterValue: FilterValue;
+};
+
 declare type RangeValue = {
     gte?: string | number;
     lte?: string | number;
@@ -353,6 +403,13 @@ export declare type StyleProps = {
     };
 };
 
+declare type TablePreferences = {
+    columnSettingsMap?: ColumnSettingsMap;
+    selectColumnVisible?: boolean;
+    columnVisibility?: Record<string, boolean>;
+    pageSize?: number;
+};
+
 export declare type TBaseQuery = {
     id: string;
     name: string;
@@ -410,6 +467,7 @@ export declare type TCardPreferences = {
     datasetOptions?: TDatasetOptions[];
     chartOptions?: TChartOptions;
     columnSettings?: TColumnSetting<DisplayDataType>[];
+    tablePrefs?: TablePreferences;
     allowDownload?: boolean;
     customVisualCode?: string;
     textVisualOptions?: {
@@ -465,7 +523,7 @@ export declare type TChartOptions = {
     };
 };
 
-declare type TChartType = 'bar' | 'horizontalBar' | 'line' | 'pie' | 'doughnut' | 'radar' | 'polarArea' | 'bubble' | 'scatter' | 'stackedBar' | 'stackedLine' | 'table' | 'kpi' | 'pyramid' | 'range' | 'text' | 'map' | 'funnel' | 'custom';
+declare type TChartType = 'bar' | 'horizontalBar' | 'line' | 'pie' | 'doughnut' | 'radar' | 'polarArea' | 'bubble' | 'scatter' | 'stackedBar' | 'stackedLine' | 'table' | 'kpi' | 'pyramid' | 'tornado' | 'range' | 'text' | 'map' | 'funnel' | 'custom';
 
 export declare type TColumnSetting<T extends DisplayDataType> = {
     columnIdx: number;

package/package.json

@@ -5,7 +5,7 @@
     "email": "support@semaphor.cloud"
   },
   "license": "MIT",
-  "version": "0.0.96",
+  "version": "0.0.99",
   "description": "Fully interactive and customizable dashboards for your apps.",
   "keywords": [
     "react",
@@ -67,7 +67,7 @@
     "@radix-ui/react-scroll-area": "^1.2.2",
     "@radix-ui/react-select": "^2.1.4",
     "@radix-ui/react-separator": "^1.1.1",
-    "@radix-ui/react-slot": "^1.1.1",
+    "@radix-ui/react-slot": "^1.2.2",
     "@radix-ui/react-switch": "^1.1.2",
     "@radix-ui/react-tabs": "^1.1.2",
     "@radix-ui/react-toggle": "^1.1.1",