react-semaphor 0.0.417 → 0.0.419

package/dist/types/main.d.ts

@@ -96,6 +96,28 @@ declare type Actions = {
 };
 
 declare type Actions_2 = {
+    setTempQueryData: (tempQueryData: {
+        queryKey: string[];
+        queryData: any;
+    }) => void;
+    clearQueryConfig: () => void;
+    setIsDevMode: (isDevMode: boolean) => void;
+    setGroupByColumns: (groupByColumns: GroupByColumn[]) => void;
+    setMetricColumns: (metricColumns: MetricColumn[]) => void;
+    removeColumnFromGroupBy: (columnId: string) => void;
+    removeColumnFromMetricColumns: (columnId: string) => void;
+    addColumnToGroupBy: (column: GroupByColumn) => void;
+    addColumnToMetricColumns: (column: MetricColumn) => void;
+    setTrendByColumns: (trendByColumns: TrendByColumn[]) => void;
+    addColumnToTrendByColumns: (column: TrendByColumn) => void;
+    removeColumnFromTrendByColumns: (columnId: string) => void;
+    setFilterColumns: (filterColumns: FilterByColumn[]) => void;
+    addColumnToFilterColumns: (column: FilterByColumn) => void;
+    removeColumnFromFilterColumns: (columnId: string) => void;
+    updateMetricColumn: (columnId: string, column: MetricColumn) => void;
+    updateGroupByColumn: (columnId: string, column: GroupByColumn) => void;
+    updateTrendByColumn: (columnId: string, column: TrendByColumn) => void;
+    updateFilterColumn: (columnId: string, column: FilterByColumn) => void;
     setCurrentAssitantScope: (currentAssitantScope: AIScopeTable[]) => void;
     setChartGrid: (chartGrid: 'xy' | 'x' | 'y' | 'none') => void;
     setLegendOptions: (legendOptions: TLegendOptions) => void;
@@ -139,7 +161,6 @@ declare type Actions_2 = {
     setSelectedDatabaseName: (databaseName: string) => void;
     setSelectedSchemaName: (schemaName: string) => void;
     setSelectedTableName: (tableName: string) => void;
-    setCurrentColumns: (columns: TDataColumn[]) => void;
     setOnConnectionChange: (onConnectionChange: (connectionId: string) => void) => void;
     setOnDatabaseChange: (onDatabaseChange: (databaseName: string) => void) => void;
     setOnSchemaChange: (onSchemaChange: (schemaName: string) => void) => void;
@@ -150,6 +171,8 @@ declare type Actions_2 = {
 
 export declare type AggregateCalc = 'AVG' | 'MIN' | 'MAX' | 'SUM' | 'COUNT' | 'COUNT_DISTINCT';
 
+export declare type AggregateFunction = 'SUM' | 'AVG' | 'COUNT' | 'MAX' | 'MIN' | 'DISTINCT';
+
 export declare type AIScopeTable = {
     connectionId: string;
     connectionType: string;
@@ -165,6 +188,14 @@ export declare type AuthToken = {
     refreshToken?: string;
 };
 
+export declare interface BaseColumn {
+    id: string;
+    name: string;
+    label?: string;
+    type: ColumnType;
+    table?: string;
+}
+
 declare type BaseCustomCard = {
     cardId: string;
     replaceDefault?: boolean;
@@ -211,6 +242,10 @@ export declare type ColorRange = {
     color: string;
 };
 
+export declare type ColumnRole = 'groupby' | 'trendby' | 'metric' | 'filter';
+
+export declare type ColumnType = 'string' | 'number' | 'date';
+
 export declare type ConnectionPolicy = {
     connectionId?: string;
     name: string;
@@ -306,7 +341,14 @@ export declare type DisplayDataType = 'string' | 'date' | 'number' | 'html' | 'n
 
 export declare function downloadPdf(): Promise<void>;
 
+export declare type DroppableId = 'droppable-group-by' | 'droppable-metric';
+
 declare type EditorStore = {
+    tempQueryData?: {
+        queryKey: string[];
+        queryData: any;
+    };
+    isDevMode: boolean;
     isShowingVisual: boolean;
     showAIDialog: boolean;
     userInputForAI: string;
@@ -329,7 +371,6 @@ declare type EditorStore = {
     selectedDatabaseName?: string;
     selectedSchemaName?: string;
     selectedTableName?: string;
-    currentColumns?: TDataColumn[];
     currentAssitantScope?: AIScopeTable[];
     onConnectionChange?: (connectionId: string) => void;
     onDatamodelChange?: (datamodelId: string) => void;
@@ -351,6 +392,11 @@ export declare type ErrorProps = {
     message?: string;
 };
 
+export declare interface FilterByColumn extends BaseColumn {
+    role: 'filter';
+    operators?: string[];
+}
+
 declare type FilterForBetween = BaseFilter & {
     operation: 'between' | 'not between';
     values: [number, number];
@@ -388,6 +434,11 @@ declare type FilterOnClick = {
     columnIndex: number;
 };
 
+export declare type FilterValue = SimpleFilterValue | {
+    value: SimpleFilterValue;
+    exclude?: boolean;
+};
+
 export declare function fmt(str: string): string;
 
 export declare function getColumnDataType(column: TDataColumn): string;
@@ -453,6 +504,10 @@ export declare function getQualifiedTableName({ schemaName, tableName, connectio
 
 export declare function getSql(config: SqlGen, schemaName: string, tableName: string, modelName: string, connectionType: string, databaseName: string): string | undefined;
 
+export declare interface GroupByColumn extends BaseColumn {
+    role: 'groupby';
+}
+
 export declare type HtmlOptions = {
     html: string;
 };
@@ -479,6 +534,11 @@ export declare type LoadingProps = {
     message?: string;
 };
 
+export declare interface MetricColumn extends BaseColumn {
+    role: 'metric';
+    aggregate: AggregateFunction;
+}
+
 declare type NoneOptions = {};
 
 export declare type NumberAxisFormat = {
@@ -520,6 +580,18 @@ export declare type Placeholders = {
     SessionExpired?: React.ReactNode;
 };
 
+export declare type QueryColumn = GroupByColumn | TrendByColumn | MetricColumn | FilterByColumn;
+
+export declare interface QueryConfig {
+    groupByColumns?: GroupByColumn[];
+    trendByColumns?: TrendByColumn[];
+    metricColumns?: MetricColumn[];
+    filterColumns?: FilterByColumn[];
+    filters?: Record<string, FilterValue>;
+    limit?: number;
+    orderBy?: string[];
+}
+
 export declare function resolveDatamodelName(datamodelName: string): string;
 
 export declare const resolveDataType: (value: any) => string;
@@ -528,7 +600,7 @@ export declare function ScheduleDashboard({ triggerButtonClassName, }: {
     triggerButtonClassName?: string;
 }): JSX_2.Element;
 
-export declare function SelectComponent({ title, items, value, isLoading, isError, refetch, connectionTooltip, onChange, showNone, className, disabled, type, }: SelectProps): JSX_2.Element;
+export declare function SelectComponent({ title, items, value, isLoading, isError, refetch, onChange, showNone, className, disabled, type, }: SelectProps): JSX_2.Element;
 
 declare type SelectProps = {
     title: string;
@@ -555,6 +627,13 @@ declare function SemaphorQueryClient({ children, }: {
 export { SemaphorQueryClient as SemaphorDataProvider }
 export { SemaphorQueryClient }
 
+declare type SimpleFilterValue = string | number | null | (string | number)[] | {
+    gte?: string | number;
+    lte?: string | number;
+    lt?: string | number;
+    gt?: string | number;
+};
+
 export declare type SqlGen = {
     measures?: {
         name: string;
@@ -610,6 +689,13 @@ export declare type StyleProps = {
 
 export declare function Surfboard({ showControls, showFooter, ...rest }: DashboardPlusProps): JSX_2.Element;
 
+export declare type TableConfig = {
+    databaseName: string;
+    schemaName: string;
+    tableName: string;
+    datamodelId: string;
+};
+
 export declare type TBaseQuery = {
     id: string;
     name: string;
@@ -631,6 +717,7 @@ export declare type TCard = {
     type: TChartType;
     sql?: string;
     python?: string;
+    queryConfig?: QueryConfig;
     customCfg?: any;
     preferences?: TCardPreferences;
     customCardPreferences?: TCustomCardPreferences;
@@ -831,6 +918,10 @@ export declare type TLens = {
     shared?: boolean;
 };
 
+export declare interface TrendByColumn extends BaseColumn {
+    role: 'trendby';
+}
+
 export declare type TSelectedRecord = {
     id: number | string;
     value: string;

package/dist/types/surfboard.d.ts

@@ -3,6 +3,8 @@ import { JSX as JSX_2 } from 'react/jsx-runtime';
 
 export declare type AggregateCalc = 'AVG' | 'MIN' | 'MAX' | 'SUM' | 'COUNT' | 'COUNT_DISTINCT';
 
+declare type AggregateFunction = 'SUM' | 'AVG' | 'COUNT' | 'MAX' | 'MIN' | 'DISTINCT';
+
 export declare type AIScopeTable = {
     connectionId: string;
     connectionType: string;
@@ -18,6 +20,14 @@ export declare type AuthToken = {
     refreshToken?: string;
 };
 
+declare interface BaseColumn {
+    id: string;
+    name: string;
+    label?: string;
+    type: ColumnType;
+    table?: string;
+}
+
 declare type BaseCustomCard = {
     cardId: string;
     replaceDefault?: boolean;
@@ -62,6 +72,8 @@ export declare type ColorRange = {
     color: string;
 };
 
+declare type ColumnType = 'string' | 'number' | 'date';
+
 export declare type ConnectionPolicy = {
     connectionId?: string;
     name: string;
@@ -117,6 +129,8 @@ export declare type DateOptions = {
 
 export declare type DisplayDataType = 'string' | 'date' | 'number' | 'html' | 'none';
 
+export declare type DroppableId = 'droppable-group-by' | 'droppable-metric';
+
 export declare type EmailSettings = {
     companyName: string;
     dashboardUrl: string;
@@ -128,6 +142,11 @@ export declare type ErrorProps = {
     message?: string;
 };
 
+declare interface FilterByColumn extends BaseColumn {
+    role: 'filter';
+    operators?: string[];
+}
+
 declare type FilterForBetween = BaseFilter & {
     operation: 'between' | 'not between';
     values: [number, number];
@@ -165,6 +184,11 @@ declare type FilterOnClick = {
     columnIndex: number;
 };
 
+declare type FilterValue = SimpleFilterValue | {
+    value: SimpleFilterValue;
+    exclude?: boolean;
+};
+
 export declare type GetDashboardResponse = {
     dashboard: TDashboard;
     lenses: TLens[];
@@ -179,6 +203,10 @@ export declare type GetPluginsResponse = {
     }[];
 };
 
+declare interface GroupByColumn extends BaseColumn {
+    role: 'groupby';
+}
+
 export declare type HtmlOptions = {
     html: string;
 };
@@ -193,6 +221,11 @@ export declare type LoadingProps = {
     message?: string;
 };
 
+declare interface MetricColumn extends BaseColumn {
+    role: 'metric';
+    aggregate: AggregateFunction;
+}
+
 declare type NoneOptions = {};
 
 export declare type NumberAxisFormat = {
@@ -234,6 +267,23 @@ export declare type Placeholders = {
     SessionExpired?: React.ReactNode;
 };
 
+declare interface QueryConfig {
+    groupByColumns?: GroupByColumn[];
+    trendByColumns?: TrendByColumn[];
+    metricColumns?: MetricColumn[];
+    filterColumns?: FilterByColumn[];
+    filters?: Record<string, FilterValue>;
+    limit?: number;
+    orderBy?: string[];
+}
+
+declare type SimpleFilterValue = string | number | null | (string | number)[] | {
+    gte?: string | number;
+    lte?: string | number;
+    lt?: string | number;
+    gt?: string | number;
+};
+
 export declare type SqlGen = {
     measures?: {
         name: string;
@@ -310,6 +360,7 @@ export declare type TCard = {
     type: TChartType;
     sql?: string;
     python?: string;
+    queryConfig?: QueryConfig;
     customCfg?: any;
     preferences?: TCardPreferences;
     customCardPreferences?: TCustomCardPreferences;
@@ -508,6 +559,10 @@ export declare type TLens = {
     shared?: boolean;
 };
 
+declare interface TrendByColumn extends BaseColumn {
+    role: 'trendby';
+}
+
 export declare type TSheet = {
     id: string;
     title?: string;

package/dist/types/types.d.ts

@@ -2,6 +2,8 @@ import { FontSpec } from 'chart.js';
 
 export declare type AggregateCalc = 'AVG' | 'MIN' | 'MAX' | 'SUM' | 'COUNT' | 'COUNT_DISTINCT';
 
+declare type AggregateFunction = 'SUM' | 'AVG' | 'COUNT' | 'MAX' | 'MIN' | 'DISTINCT';
+
 export declare type AIScopeTable = {
     connectionId: string;
     connectionType: string;
@@ -17,6 +19,14 @@ export declare type AuthToken = {
     refreshToken?: string;
 };
 
+declare interface BaseColumn {
+    id: string;
+    name: string;
+    label?: string;
+    type: ColumnType;
+    table?: string;
+}
+
 declare type BaseCustomCard = {
     cardId: string;
     replaceDefault?: boolean;
@@ -61,6 +71,8 @@ export declare type ColorRange = {
     color: string;
 };
 
+declare type ColumnType = 'string' | 'number' | 'date';
+
 export declare type ConnectionPolicy = {
     connectionId?: string;
     name: string;
@@ -111,6 +123,8 @@ export declare type DateOptions = {
 
 export declare type DisplayDataType = 'string' | 'date' | 'number' | 'html' | 'none';
 
+export declare type DroppableId = 'droppable-group-by' | 'droppable-metric';
+
 export declare type EmailSettings = {
     companyName: string;
     dashboardUrl: string;
@@ -122,6 +136,11 @@ export declare type ErrorProps = {
     message?: string;
 };
 
+declare interface FilterByColumn extends BaseColumn {
+    role: 'filter';
+    operators?: string[];
+}
+
 declare type FilterForBetween = BaseFilter & {
     operation: 'between' | 'not between';
     values: [number, number];
@@ -159,6 +178,11 @@ declare type FilterOnClick = {
     columnIndex: number;
 };
 
+declare type FilterValue = SimpleFilterValue | {
+    value: SimpleFilterValue;
+    exclude?: boolean;
+};
+
 export declare type GetDashboardResponse = {
     dashboard: TDashboard;
     lenses: TLens[];
@@ -173,6 +197,10 @@ export declare type GetPluginsResponse = {
     }[];
 };
 
+declare interface GroupByColumn extends BaseColumn {
+    role: 'groupby';
+}
+
 export declare type HtmlOptions = {
     html: string;
 };
@@ -187,6 +215,11 @@ export declare type LoadingProps = {
     message?: string;
 };
 
+declare interface MetricColumn extends BaseColumn {
+    role: 'metric';
+    aggregate: AggregateFunction;
+}
+
 declare type NoneOptions = {};
 
 export declare type NumberAxisFormat = {
@@ -228,6 +261,23 @@ export declare type Placeholders = {
     SessionExpired?: React.ReactNode;
 };
 
+declare interface QueryConfig {
+    groupByColumns?: GroupByColumn[];
+    trendByColumns?: TrendByColumn[];
+    metricColumns?: MetricColumn[];
+    filterColumns?: FilterByColumn[];
+    filters?: Record<string, FilterValue>;
+    limit?: number;
+    orderBy?: string[];
+}
+
+declare type SimpleFilterValue = string | number | null | (string | number)[] | {
+    gte?: string | number;
+    lte?: string | number;
+    lt?: string | number;
+    gt?: string | number;
+};
+
 export declare type SqlGen = {
     measures?: {
         name: string;
@@ -302,6 +352,7 @@ export declare type TCard = {
     type: TChartType;
     sql?: string;
     python?: string;
+    queryConfig?: QueryConfig;
     customCfg?: any;
     preferences?: TCardPreferences;
     customCardPreferences?: TCustomCardPreferences;
@@ -500,6 +551,10 @@ export declare type TLens = {
     shared?: boolean;
 };
 
+declare interface TrendByColumn extends BaseColumn {
+    role: 'trendby';
+}
+
 export declare type TSheet = {
     id: string;
     title?: string;

package/package.json

@@ -5,7 +5,7 @@
     "email": "support@semaphor.cloud"
   },
   "license": "MIT",
-  "version": "0.0.417",
+  "version": "0.0.419",
   "description": "Fully interactive and customizable dashboards for your apps.",
   "keywords": [
     "react",
@@ -47,6 +47,9 @@
   },
   "dependencies": {
     "@ai-sdk/react": "^1.1.18",
+    "@dnd-kit/core": "^6.3.1",
+    "@dnd-kit/sortable": "^10.0.0",
+    "@dnd-kit/utilities": "^3.2.2",
     "@headlessui/react": "^2.2.0",
     "@monaco-editor/react": "^4.7.0-rc.0",
     "@r2wc/react-to-web-component": "^2.0.4",