semaphor 0.0.47 → 0.0.48

package/dist/types/surfboard.d.ts

@@ -3,6 +3,14 @@ import { JSX as JSX_2 } from 'react/jsx-runtime';
 
 export declare type AggregateCalc = 'AVG' | 'MIN' | 'MAX' | 'SUM' | 'COUNT' | 'COUNT_DISTINCT';
 
+export declare type AIScopeTable = {
+    connectinonId: string;
+    connectionType: string;
+    databaseName?: string;
+    schemaName?: string;
+    tableName: string;
+};
+
 export declare type AuthToken = {
     accessToken: string;
     refreshToken?: string;
@@ -48,6 +56,12 @@ declare type CardWithFooter = BaseCustomCard & {
     }>;
 };
 
+export declare type ColorRange = {
+    start: number;
+    end: number;
+    color: string;
+};
+
 export declare type ConnectionPolicy = {
     connectionId?: string;
     name: string;
@@ -75,6 +89,14 @@ export declare type DashboardProps = {
     ErrorComponent?: (props: ErrorProps) => React.ReactNode;
 };
 
+export declare type DateOptions = {
+    locale: string;
+    format: string;
+    options: Intl.DateTimeFormatOptions;
+};
+
+export declare type DisplayDataType = 'string' | 'date' | 'number';
+
 export declare type ErrorProps = {
     message?: string;
 };
@@ -123,8 +145,28 @@ export declare type LoadingProps = {
     message?: string;
 };
 
+export declare type NumberAxisFormat = {
+    decimalPlaces?: number;
+    suffix?: string;
+    currency?: string;
+    locale?: string;
+};
+
+export declare type NumberOptions = {
+    locale: string;
+    currency?: string;
+    options: Intl.NumberFormatOptions;
+    colorRanges?: ColorRange[];
+};
+
 declare type Operation = '=' | '>' | '<' | '>=' | '<=' | '!=' | 'in' | 'not in' | 'like' | 'not like' | 'between' | 'not between' | 'is null' | 'is not null';
 
+declare type OptionsMap = {
+    number: NumberOptions;
+    string: StringOptions;
+    date: DateOptions;
+};
+
 declare type Params = {
     [key: string]: string | number | string[] | number[];
 };
@@ -137,6 +179,10 @@ export declare type SqlGen = {
     dimensions?: string[];
 };
 
+declare type StringOptions = {
+    maxLength?: number;
+};
+
 /**
  * Style propeerites for the dashboard
  */
@@ -163,6 +209,9 @@ export declare type StyleProps = {
         /** chart options */
         options?: any;
     };
+    table?: {
+        tableHeaderColor?: string;
+    };
 };
 
 export declare function Surfboard({ showControls, showFooter, ...rest }: DashboardPlusProps): JSX_2.Element;
@@ -206,14 +255,18 @@ export declare type TCardPreferences = {
     filterOnClickField?: string;
     filterOnClickColumnIndex?: number;
     formatNumber?: {
-        format?: string;
+        decimalPlaces?: number;
         currency?: string;
         locale?: string;
         suffix?: string;
         enabled?: boolean | string;
+        colorRanges?: ColorRange[];
     };
+    numberAxisFormat?: NumberAxisFormat;
     datasetOptions?: TDatasetOptions[];
     chartOptions?: TChartOptions;
+    columnSettings?: TColumnSetting<DisplayDataType>[];
+    allowDownload?: boolean;
 };
 
 export declare type TChartOptions = {
@@ -239,7 +292,13 @@ export declare type TChartOptions = {
     indexAxis?: 'x' | 'y' | undefined;
 };
 
-declare type TChartType = 'bar' | 'horizontalBar' | 'line' | 'pie' | 'doughnut' | 'radar' | 'polarArea' | 'bubble' | 'scatter' | 'stackedBar' | 'table' | 'kpi' | 'custom';
+declare type TChartType = 'bar' | 'horizontalBar' | 'line' | 'pie' | 'doughnut' | 'radar' | 'polarArea' | 'bubble' | 'scatter' | 'stackedBar' | 'table' | 'kpi' | 'pyramid' | 'custom';
+
+export declare type TColumnSetting<T extends DisplayDataType> = {
+    columnIdx: number;
+    type: T;
+    options: OptionsMap[T];
+};
 
 export declare type TDashboard = {
     id: string;
@@ -250,6 +309,8 @@ export declare type TDashboard = {
     filters?: TFilter[];
     customCards?: CustomCard[];
     baseQueries?: TBaseQuery[];
+    aiScopeTables?: AIScopeTable[];
+    globalStyle?: TStyle;
 };
 
 export declare type TDataColumn = {

package/dist/types/types.d.ts

@@ -2,6 +2,14 @@ import { FontSpec } from 'chart.js';
 
 export declare type AggregateCalc = 'AVG' | 'MIN' | 'MAX' | 'SUM' | 'COUNT' | 'COUNT_DISTINCT';
 
+export declare type AIScopeTable = {
+    connectinonId: string;
+    connectionType: string;
+    databaseName?: string;
+    schemaName?: string;
+    tableName: string;
+};
+
 export declare type AuthToken = {
     accessToken: string;
     refreshToken?: string;
@@ -47,6 +55,12 @@ declare type CardWithFooter = BaseCustomCard & {
     }>;
 };
 
+export declare type ColorRange = {
+    start: number;
+    end: number;
+    color: string;
+};
+
 export declare type ConnectionPolicy = {
     connectionId?: string;
     name: string;
@@ -69,6 +83,14 @@ export declare type DashboardProps = {
     ErrorComponent?: (props: ErrorProps) => React.ReactNode;
 };
 
+export declare type DateOptions = {
+    locale: string;
+    format: string;
+    options: Intl.DateTimeFormatOptions;
+};
+
+export declare type DisplayDataType = 'string' | 'date' | 'number';
+
 export declare type ErrorProps = {
     message?: string;
 };
@@ -117,8 +139,28 @@ export declare type LoadingProps = {
     message?: string;
 };
 
+export declare type NumberAxisFormat = {
+    decimalPlaces?: number;
+    suffix?: string;
+    currency?: string;
+    locale?: string;
+};
+
+export declare type NumberOptions = {
+    locale: string;
+    currency?: string;
+    options: Intl.NumberFormatOptions;
+    colorRanges?: ColorRange[];
+};
+
 declare type Operation = '=' | '>' | '<' | '>=' | '<=' | '!=' | 'in' | 'not in' | 'like' | 'not like' | 'between' | 'not between' | 'is null' | 'is not null';
 
+declare type OptionsMap = {
+    number: NumberOptions;
+    string: StringOptions;
+    date: DateOptions;
+};
+
 declare type Params = {
     [key: string]: string | number | string[] | number[];
 };
@@ -131,6 +173,10 @@ export declare type SqlGen = {
     dimensions?: string[];
 };
 
+declare type StringOptions = {
+    maxLength?: number;
+};
+
 /**
  * Style propeerites for the dashboard
  */
@@ -157,6 +203,9 @@ export declare type StyleProps = {
         /** chart options */
         options?: any;
     };
+    table?: {
+        tableHeaderColor?: string;
+    };
 };
 
 export declare type TBaseQuery = {
@@ -198,14 +247,18 @@ export declare type TCardPreferences = {
     filterOnClickField?: string;
     filterOnClickColumnIndex?: number;
     formatNumber?: {
-        format?: string;
+        decimalPlaces?: number;
         currency?: string;
         locale?: string;
         suffix?: string;
         enabled?: boolean | string;
+        colorRanges?: ColorRange[];
     };
+    numberAxisFormat?: NumberAxisFormat;
     datasetOptions?: TDatasetOptions[];
     chartOptions?: TChartOptions;
+    columnSettings?: TColumnSetting<DisplayDataType>[];
+    allowDownload?: boolean;
 };
 
 export declare type TChartOptions = {
@@ -231,7 +284,13 @@ export declare type TChartOptions = {
     indexAxis?: 'x' | 'y' | undefined;
 };
 
-declare type TChartType = 'bar' | 'horizontalBar' | 'line' | 'pie' | 'doughnut' | 'radar' | 'polarArea' | 'bubble' | 'scatter' | 'stackedBar' | 'table' | 'kpi' | 'custom';
+declare type TChartType = 'bar' | 'horizontalBar' | 'line' | 'pie' | 'doughnut' | 'radar' | 'polarArea' | 'bubble' | 'scatter' | 'stackedBar' | 'table' | 'kpi' | 'pyramid' | 'custom';
+
+export declare type TColumnSetting<T extends DisplayDataType> = {
+    columnIdx: number;
+    type: T;
+    options: OptionsMap[T];
+};
 
 export declare type TDashboard = {
     id: string;
@@ -242,6 +301,8 @@ export declare type TDashboard = {
     filters?: TFilter[];
     customCards?: CustomCard[];
     baseQueries?: TBaseQuery[];
+    aiScopeTables?: AIScopeTable[];
+    globalStyle?: TStyle;
 };
 
 export declare type TDataColumn = {

package/package.json

@@ -5,7 +5,7 @@
     "email": "support@semaphor.cloud"
   },
   "license": "MIT",
-  "version": "0.0.47",
+  "version": "0.0.48",
   "description": "Fully interactive and customizable dashboards for your apps.",
   "keywords": [
     "react",
@@ -45,6 +45,7 @@
     "preview": "vite preview"
   },
   "dependencies": {
+    "@ai-sdk/react": "^0.0.36",
     "@headlessui/react": "^1.7.18",
     "@monaco-editor/react": "^4.6.0",
     "@r2wc/react-to-web-component": "^2.0.3",
@@ -69,6 +70,7 @@
     "@tailwindcss/container-queries": "^0.1.1",
     "@tanstack/react-query": "^5.15.0",
     "@tanstack/react-table": "^8.11.7",
+    "ai": "^3.3.0",
     "chart.js": "^4.4.1",
     "chartjs-plugin-datalabels": "^2.2.0",
     "class-variance-authority": "^0.7.0",
@@ -81,6 +83,7 @@
     "lodash": "^4.17.21",
     "lucide-react": "^0.379.0",
     "ms": "^2.1.3",
+    "next-themes": "^0.3.0",
     "react": "^18.2.0",
     "react-day-picker": "^8.10.0",
     "react-dom": "^18.2.0",
@@ -90,6 +93,7 @@
     "react-resizable-panels": "^1.0.7",
     "react-select": "^5.8.0",
     "react-split-pane": "^2.0.3",
+    "sonner": "^1.5.0",
     "tailwind-merge": "^2.1.0",
     "tailwindcss-animate": "^1.0.7",
     "uuid": "^9.0.1",