semaphor 0.0.77 → 0.0.78

package/dist/surfboard/index.js

@@ -1,5 +1,5 @@
-import { D as i } from "../chunks/dashboard-plus-5B6hJeBZ.js";
-import "../chunks/index-MEy4VWWZ.js";
+import { D as i } from "../chunks/index-7kOro_zu.js";
+import "../chunks/index-zdZ1lpAC.js";
 import "react";
 import "react-dom";
 export {

package/dist/types/dashboard.d.ts

@@ -209,7 +209,7 @@ declare type StringOptions = {
  */
 export declare type StyleProps = {
     /** Theme for dashboard background */
-    canvasTheme?: 'clear' | 'muted';
+    canvasTheme?: 'clear' | 'muted' | string;
     /** css class for `dashboard-panel` */
     dashboardPanel?: string;
     /** css class for `dashboard-tabs-container` */
@@ -300,6 +300,16 @@ export declare type TCardPreferences = {
     textVisualOptions?: {
         isDynamicText?: boolean;
     };
+    mapVisualOptions?: {
+        topoJsonUrl?: string;
+        objectKey?: string;
+        outlineKey?: string;
+        customTopoJsonUrl?: string;
+        projection?: string;
+        projectionScale?: number;
+        projectionOffset?: [number, number];
+        colorScale?: string;
+    };
 };
 
 export declare type TChartOptions = {
@@ -325,7 +335,7 @@ export declare type TChartOptions = {
     indexAxis?: 'x' | 'y' | undefined;
 };
 
-declare type TChartType = 'bar' | 'horizontalBar' | 'line' | 'pie' | 'doughnut' | 'radar' | 'polarArea' | 'bubble' | 'scatter' | 'stackedBar' | 'stackedLine' | 'table' | 'kpi' | 'pyramid' | 'range' | 'text' | 'custom';
+declare type TChartType = 'bar' | 'horizontalBar' | 'line' | 'pie' | 'doughnut' | 'radar' | 'polarArea' | 'bubble' | 'scatter' | 'stackedBar' | 'stackedLine' | 'table' | 'kpi' | 'pyramid' | 'range' | 'text' | 'map' | 'custom';
 
 export declare type TColumnSetting<T extends DisplayDataType> = {
     columnIdx: number;

package/dist/types/main.d.ts

@@ -4,11 +4,12 @@ import { ChartConfiguration } from 'chart.js';
 import { ChartTypeRegistry } from 'chart.js';
 import { FC } from 'react';
 import { FontSpec } from 'chart.js';
+import { IBubbleMapDataPoint } from 'chartjs-chart-geo';
+import { IChoroplethDataPoint } from 'chartjs-chart-geo';
 import { JSX as JSX_2 } from 'react/jsx-runtime';
 import { Layout } from 'react-grid-layout';
 import { Layouts } from 'react-grid-layout';
 import { Point } from 'chart.js';
-import { default as React_2 } from 'react';
 import { default as ReactGridLayout_2 } from 'react-grid-layout';
 import { StoreApi } from 'zustand';
 import { UseBoundStore } from 'zustand';
@@ -45,7 +46,6 @@ declare type Actions = {
     setCardSql: (sheetId: string, cardId: string, sql: string) => void;
     setCardPython: (cardId: string, pythonCode: string) => void;
     setCardDescription: (sheetId: string, cardId: string, description: string) => void;
-    setFrameCardData: (sheetId: string, cardId: string, data: any[]) => void;
     addFrame: (sheetId: string, frame: TFrame, position?: 'start' | 'end') => void;
     updateFrame: (sheetId: string, frame: TFrame) => void;
     updateCard: (sheetId: string, card: TCard) => void;
@@ -113,7 +113,6 @@ declare type Actions_2 = {
     setCardSql: (sql: string) => void;
     setCardPython: (python: string) => void;
     setPythonStdOut: (pythonStdOut: string) => void;
-    setCardData: (data: any[]) => void;
     setCardCustomCfg: (cfg: any) => void;
     setCardCfg: (cfg: any) => void;
     setShowFilters: (showFilters: boolean) => void;
@@ -208,15 +207,6 @@ export declare type CustomCard = CardWithContent | CardWithFooter;
 
 export declare function Dashboard(props: DashboardProps): JSX_2.Element;
 
-export declare function DashboardCard({ card, footer, className, ...props }: DashboardCardProps): JSX_2.Element | null;
-
-declare type DashboardCardProps = {
-    card: TCard;
-    footer?: React_2.ReactNode;
-    showControls?: boolean;
-    fetchCardData?: boolean;
-} & React_2.HTMLAttributes<HTMLDivElement>;
-
 declare type DashboardPlusProps = {
     showControls?: boolean;
     showFooter?: boolean;
@@ -489,7 +479,7 @@ declare type StringOptions = {
  */
 export declare type StyleProps = {
     /** Theme for dashboard background */
-    canvasTheme?: 'clear' | 'muted';
+    canvasTheme?: 'clear' | 'muted' | string;
     /** css class for `dashboard-panel` */
     dashboardPanel?: string;
     /** css class for `dashboard-tabs-container` */
@@ -582,6 +572,16 @@ export declare type TCardPreferences = {
     textVisualOptions?: {
         isDynamicText?: boolean;
     };
+    mapVisualOptions?: {
+        topoJsonUrl?: string;
+        objectKey?: string;
+        outlineKey?: string;
+        customTopoJsonUrl?: string;
+        projection?: string;
+        projectionScale?: number;
+        projectionOffset?: [number, number];
+        colorScale?: string;
+    };
 };
 
 declare type TChartConfiguration = ChartConfiguration;
@@ -609,7 +609,7 @@ export declare type TChartOptions = {
     indexAxis?: 'x' | 'y' | undefined;
 };
 
-declare type TChartType = 'bar' | 'horizontalBar' | 'line' | 'pie' | 'doughnut' | 'radar' | 'polarArea' | 'bubble' | 'scatter' | 'stackedBar' | 'stackedLine' | 'table' | 'kpi' | 'pyramid' | 'range' | 'text' | 'custom';
+declare type TChartType = 'bar' | 'horizontalBar' | 'line' | 'pie' | 'doughnut' | 'radar' | 'polarArea' | 'bubble' | 'scatter' | 'stackedBar' | 'stackedLine' | 'table' | 'kpi' | 'pyramid' | 'range' | 'text' | 'map' | 'custom';
 
 export declare type TColumnSetting<T extends DisplayDataType> = {
     columnIdx: number;
@@ -738,7 +738,7 @@ export declare function useCard(cardId: string): {
     isLoading: boolean;
     isFetching: boolean;
     visualKey: number;
-    handleDatapointClick: (chart: Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint | null)[], unknown>, datasetIndex: number, clickIndex: number, value: number) => void;
+    handleDatapointClick: (chart: Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint | IChoroplethDataPoint | IBubbleMapDataPoint | null)[], unknown>, datasetIndex: number, clickIndex: number, value: number) => void;
     cfg: TChartConfiguration | undefined;
 };
 
@@ -754,7 +754,7 @@ export declare const useDashboardStore: UseBoundStore<Omit<StoreApi<DashboardSto
         currentBreakpoint: Breakpoint;
         theme?: "dark" | "light" | "system" | undefined;
         themeStyle?: {
-            canvasTheme?: "clear" | "muted" | undefined;
+            canvasTheme?: string | undefined;
             dashboardPanel?: string | undefined;
             dashboardTabsContainer?: string | undefined;
             dashboardCardContainer?: string | undefined;
@@ -975,6 +975,16 @@ export declare const useDashboardStore: UseBoundStore<Omit<StoreApi<DashboardSto
                 textVisualOptions?: {
                     isDynamicText?: boolean | undefined;
                 } | undefined;
+                mapVisualOptions?: {
+                    topoJsonUrl?: string | undefined;
+                    objectKey?: string | undefined;
+                    outlineKey?: string | undefined;
+                    customTopoJsonUrl?: string | undefined;
+                    projection?: string | undefined;
+                    projectionScale?: number | undefined;
+                    projectionOffset?: [number, number] | undefined;
+                    colorScale?: string | undefined;
+                } | undefined;
             } | undefined;
             customCardPreferences?: {
                 showCardHeader?: boolean | undefined;
@@ -1186,6 +1196,16 @@ export declare const useDashboardStore: UseBoundStore<Omit<StoreApi<DashboardSto
                         textVisualOptions?: {
                             isDynamicText?: boolean | undefined;
                         } | undefined;
+                        mapVisualOptions?: {
+                            topoJsonUrl?: string | undefined;
+                            objectKey?: string | undefined;
+                            outlineKey?: string | undefined;
+                            customTopoJsonUrl?: string | undefined;
+                            projection?: string | undefined;
+                            projectionScale?: number | undefined;
+                            projectionOffset?: [number, number] | undefined;
+                            colorScale?: string | undefined;
+                        } | undefined;
                     } | undefined;
                     customCardPreferences?: {
                         showCardHeader?: boolean | undefined;
@@ -1356,6 +1376,16 @@ export declare const useDashboardStore: UseBoundStore<Omit<StoreApi<DashboardSto
                             textVisualOptions?: {
                                 isDynamicText?: boolean | undefined;
                             } | undefined;
+                            mapVisualOptions?: {
+                                topoJsonUrl?: string | undefined;
+                                objectKey?: string | undefined;
+                                outlineKey?: string | undefined;
+                                customTopoJsonUrl?: string | undefined;
+                                projection?: string | undefined;
+                                projectionScale?: number | undefined;
+                                projectionOffset?: [number, number] | undefined;
+                                colorScale?: string | undefined;
+                            } | undefined;
                         } | undefined;
                         customCardPreferences?: {
                             showCardHeader?: boolean | undefined;
@@ -1388,7 +1418,7 @@ export declare const useDashboardStore: UseBoundStore<Omit<StoreApi<DashboardSto
             }[] | undefined;
             style?: {
                 default: {
-                    canvasTheme?: "clear" | "muted" | undefined;
+                    canvasTheme?: string | undefined;
                     dashboardPanel?: string | undefined;
                     dashboardTabsContainer?: string | undefined;
                     dashboardCardContainer?: string | undefined;
@@ -1413,7 +1443,7 @@ export declare const useDashboardStore: UseBoundStore<Omit<StoreApi<DashboardSto
                     } | undefined;
                 };
                 dark?: {
-                    canvasTheme?: "clear" | "muted" | undefined;
+                    canvasTheme?: string | undefined;
                     dashboardPanel?: string | undefined;
                     dashboardTabsContainer?: string | undefined;
                     dashboardCardContainer?: string | undefined;
@@ -1488,7 +1518,7 @@ export declare const useDashboardStore: UseBoundStore<Omit<StoreApi<DashboardSto
             }[] | undefined;
             globalStyle?: {
                 default: {
-                    canvasTheme?: "clear" | "muted" | undefined;
+                    canvasTheme?: string | undefined;
                     dashboardPanel?: string | undefined;
                     dashboardTabsContainer?: string | undefined;
                     dashboardCardContainer?: string | undefined;
@@ -1513,7 +1543,7 @@ export declare const useDashboardStore: UseBoundStore<Omit<StoreApi<DashboardSto
                     } | undefined;
                 };
                 dark?: {
-                    canvasTheme?: "clear" | "muted" | undefined;
+                    canvasTheme?: string | undefined;
                     dashboardPanel?: string | undefined;
                     dashboardTabsContainer?: string | undefined;
                     dashboardCardContainer?: string | undefined;
@@ -1686,6 +1716,16 @@ export declare const useDashboardStore: UseBoundStore<Omit<StoreApi<DashboardSto
                 textVisualOptions?: {
                     isDynamicText?: boolean | undefined;
                 } | undefined;
+                mapVisualOptions?: {
+                    topoJsonUrl?: string | undefined;
+                    objectKey?: string | undefined;
+                    outlineKey?: string | undefined;
+                    customTopoJsonUrl?: string | undefined;
+                    projection?: string | undefined;
+                    projectionScale?: number | undefined;
+                    projectionOffset?: [number, number] | undefined;
+                    colorScale?: string | undefined;
+                } | undefined;
             } | undefined;
             customCardPreferences?: {
                 showCardHeader?: boolean | undefined;
@@ -1805,7 +1845,6 @@ export declare const useDashboardStore: UseBoundStore<Omit<StoreApi<DashboardSto
             setCardSql: (sheetId: string, cardId: string, sql: string) => void;
             setCardPython: (cardId: string, pythonCode: string) => void;
             setCardDescription: (sheetId: string, cardId: string, description: string) => void;
-            setFrameCardData: (sheetId: string, cardId: string, data: any[]) => void;
             addFrame: (sheetId: string, frame: TFrame, position?: 'start' | 'end') => void;
             updateFrame: (sheetId: string, frame: TFrame) => void;
             updateCard: (sheetId: string, card: TCard) => void;
@@ -1911,7 +1950,6 @@ export declare const useEditorStore: UseBoundStore<Omit<StoreApi<EditorStore>, "
             setCardSql: (sql: string) => void;
             setCardPython: (python: string) => void;
             setPythonStdOut: (pythonStdOut: string) => void;
-            setCardData: (data: any[]) => void;
             setCardCustomCfg: (cfg: any) => void;
             setCardCfg: (cfg: any) => void;
             setShowFilters: (showFilters: boolean) => void;
@@ -2080,6 +2118,16 @@ export declare const useEditorStore: UseBoundStore<Omit<StoreApi<EditorStore>, "
                     textVisualOptions?: {
                         isDynamicText?: boolean | undefined;
                     } | undefined;
+                    mapVisualOptions?: {
+                        topoJsonUrl?: string | undefined;
+                        objectKey?: string | undefined;
+                        outlineKey?: string | undefined;
+                        customTopoJsonUrl?: string | undefined;
+                        projection?: string | undefined;
+                        projectionScale?: number | undefined;
+                        projectionOffset?: [number, number] | undefined;
+                        colorScale?: string | undefined;
+                    } | undefined;
                 } | undefined;
                 customCardPreferences?: {
                     showCardHeader?: boolean | undefined;
@@ -2249,6 +2297,16 @@ export declare const useEditorStore: UseBoundStore<Omit<StoreApi<EditorStore>, "
                 textVisualOptions?: {
                     isDynamicText?: boolean | undefined;
                 } | undefined;
+                mapVisualOptions?: {
+                    topoJsonUrl?: string | undefined;
+                    objectKey?: string | undefined;
+                    outlineKey?: string | undefined;
+                    customTopoJsonUrl?: string | undefined;
+                    projection?: string | undefined;
+                    projectionScale?: number | undefined;
+                    projectionOffset?: [number, number] | undefined;
+                    colorScale?: string | undefined;
+                } | undefined;
             } | undefined;
             customCardPreferences?: {
                 showCardHeader?: boolean | undefined;

package/dist/types/surfboard.d.ts

@@ -212,7 +212,7 @@ declare type StringOptions = {
  */
 export declare type StyleProps = {
     /** Theme for dashboard background */
-    canvasTheme?: 'clear' | 'muted';
+    canvasTheme?: 'clear' | 'muted' | string;
     /** css class for `dashboard-panel` */
     dashboardPanel?: string;
     /** css class for `dashboard-tabs-container` */
@@ -305,6 +305,16 @@ export declare type TCardPreferences = {
     textVisualOptions?: {
         isDynamicText?: boolean;
     };
+    mapVisualOptions?: {
+        topoJsonUrl?: string;
+        objectKey?: string;
+        outlineKey?: string;
+        customTopoJsonUrl?: string;
+        projection?: string;
+        projectionScale?: number;
+        projectionOffset?: [number, number];
+        colorScale?: string;
+    };
 };
 
 export declare type TChartOptions = {
@@ -330,7 +340,7 @@ export declare type TChartOptions = {
     indexAxis?: 'x' | 'y' | undefined;
 };
 
-declare type TChartType = 'bar' | 'horizontalBar' | 'line' | 'pie' | 'doughnut' | 'radar' | 'polarArea' | 'bubble' | 'scatter' | 'stackedBar' | 'stackedLine' | 'table' | 'kpi' | 'pyramid' | 'range' | 'text' | 'custom';
+declare type TChartType = 'bar' | 'horizontalBar' | 'line' | 'pie' | 'doughnut' | 'radar' | 'polarArea' | 'bubble' | 'scatter' | 'stackedBar' | 'stackedLine' | 'table' | 'kpi' | 'pyramid' | 'range' | 'text' | 'map' | 'custom';
 
 export declare type TColumnSetting<T extends DisplayDataType> = {
     columnIdx: number;

package/dist/types/types.d.ts

@@ -206,7 +206,7 @@ declare type StringOptions = {
  */
 export declare type StyleProps = {
     /** Theme for dashboard background */
-    canvasTheme?: 'clear' | 'muted';
+    canvasTheme?: 'clear' | 'muted' | string;
     /** css class for `dashboard-panel` */
     dashboardPanel?: string;
     /** css class for `dashboard-tabs-container` */
@@ -297,6 +297,16 @@ export declare type TCardPreferences = {
     textVisualOptions?: {
         isDynamicText?: boolean;
     };
+    mapVisualOptions?: {
+        topoJsonUrl?: string;
+        objectKey?: string;
+        outlineKey?: string;
+        customTopoJsonUrl?: string;
+        projection?: string;
+        projectionScale?: number;
+        projectionOffset?: [number, number];
+        colorScale?: string;
+    };
 };
 
 export declare type TChartOptions = {
@@ -322,7 +332,7 @@ export declare type TChartOptions = {
     indexAxis?: 'x' | 'y' | undefined;
 };
 
-declare type TChartType = 'bar' | 'horizontalBar' | 'line' | 'pie' | 'doughnut' | 'radar' | 'polarArea' | 'bubble' | 'scatter' | 'stackedBar' | 'stackedLine' | 'table' | 'kpi' | 'pyramid' | 'range' | 'text' | 'custom';
+declare type TChartType = 'bar' | 'horizontalBar' | 'line' | 'pie' | 'doughnut' | 'radar' | 'polarArea' | 'bubble' | 'scatter' | 'stackedBar' | 'stackedLine' | 'table' | 'kpi' | 'pyramid' | 'range' | 'text' | 'map' | '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.77",
+  "version": "0.0.78",
   "description": "Fully interactive and customizable dashboards for your apps.",
   "keywords": [
     "react",
@@ -69,10 +69,11 @@
     "@radix-ui/react-toggle": "^1.0.3",
     "@radix-ui/react-tooltip": "^1.0.7",
     "@tailwindcss/container-queries": "^0.1.1",
-    "@tanstack/react-query": "^5.15.0",
+    "@tanstack/react-query": "^5.62.15",
     "@tanstack/react-table": "^8.11.7",
     "ai": "^3.3.0",
     "chart.js": "^4.4.1",
+    "chartjs-chart-geo": "^4.3.4",
     "chartjs-plugin-datalabels": "^2.2.0",
     "class-variance-authority": "^0.7.0",
     "clsx": "^2.0.0",
@@ -103,7 +104,7 @@
   },
   "devDependencies": {
     "@microsoft/api-extractor": "^7.47.0",
-    "@tanstack/react-query-devtools": "^5.17.21",
+    "@tanstack/react-query-devtools": "^5.62.15",
     "@types/chart.js": "^2.9.41",
     "@types/dompurify": "^3.0.5",
     "@types/jsoneditor": "^9.9.5",