react-semaphor 0.0.210 → 0.0.212

package/dist/dashboard/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../chunks/index-rFYihWWq.js");require("react");require("react-dom");exports.Dashboard=e.Dashboard;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../chunks/index-qQHxI2VY.js");require("react");require("react-dom");exports.Dashboard=e.Dashboard;

package/dist/dashboard/index.js

@@ -1,4 +1,4 @@
-import { D as p } from "../chunks/index-4dMDhcWj.js";
+import { D as p } from "../chunks/index-nvObQgx0.js";
 import "react";
 import "react-dom";
 export {

package/dist/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./chunks/index-rFYihWWq.js"),d=require("./chunks/dashboard-plus-QXDTTTq6.js"),I=require("react");require("react-dom");function N({card:t,footer:u,className:m,...c}){const{customCards:r}=e.useSemaphorContext(),h=I.useRef(null),{isError:p,isLoading:n,isFetching:i,cfg:x,visualKey:C,handleDatapointClick:f}=e.useDashboardCard(t),a=e.useDashboardStore(s=>s.themeStyle),l=e.useDashboardStore(s=>s.selectedSheetId),E=e.useDashboardStore(s=>s.selectedCardId),j=e.useDashboardStore(s=>s.isDashboardEditing),{setCardTitle:g,setCardDescription:D,setSelectedCardId:b}=e.useDashboardActions();function S(s){s.stopPropagation(),b(l,t.id)}function T(){if(r&&r.length>0){const s=r.find(o=>o.cardId===t.id);if(s&&s.replaceDefault){const o=s.content;if(o)return e.jsxRuntimeExports.jsx(o,{card:t})}}return t.type==="kpi"?t.data&&t.data.length>0&&e.jsxRuntimeExports.jsx(e.KPICard,{isLoading:n||i,card:t}):y}function R(){if(p)return e.jsxRuntimeExports.jsx("p",{className:"text-sm",children:"Oops! It seems like something went wrong. Please review your connection or filters."});if(t.type==="table"&&t.data&&t.data.length>0)return e.jsxRuntimeExports.jsxs(e.ScrollArea,{children:[e.jsxRuntimeExports.jsx(e.TableVisual,{card:t,data:t.data}),e.jsxRuntimeExports.jsx(e.ScrollBar,{orientation:"horizontal"})]});if(r&&r.length>0){const s=r.find(o=>o.cardId===t.id);if(s&&s.content){const o=s.content;return e.jsxRuntimeExports.jsx(o,{card:t})}}if(x)return e.jsxRuntimeExports.jsx(e.ChartJsVisual,{cfg:x,onDatapointClick:f},C)}function A(){if(r&&r.length>0){const s=r.find(o=>o.cardId===t.id);if(s&&s.footer){const o=s.footer;if(o)return e.jsxRuntimeExports.jsx(o,{card:t})}}return u||null}if(!t.id)return null;const y=e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsxs(e.CardHeader,{className:"pb-4",children:[e.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-2",children:[e.jsxRuntimeExports.jsx(e.Editable,{text:t.title,onSave:s=>g(l,t.id,s),children:e.jsxRuntimeExports.jsx(e.CardTitle,{className:"text-base",children:t.title})}),t.refreshInterval&&e.jsxRuntimeExports.jsxs(e.Tooltip,{children:[e.jsxRuntimeExports.jsx(e.TooltipTrigger,{className:"pr-1",children:e.jsxRuntimeExports.jsx("div",{className:e.cn("h-2 w-2 rounded-full bg-green-500 transition-opacity",{"opacity-10":n||i})})}),e.jsxRuntimeExports.jsx(e.TooltipContent,{side:"right",align:"center",children:e.jsxRuntimeExports.jsx("p",{className:"text-xs",children:`Realtime (${t==null?void 0:t.refreshInterval})`})})]}),!t.refreshInterval&&(n||i)&&e.jsxRuntimeExports.jsx(e.LoaderCircle,{className:"h-4 w-4 animate-spin text-muted-foreground"})]}),e.jsxRuntimeExports.jsx(e.Editable,{text:(t==null?void 0:t.description)||"",onSave:s=>D(l,t.id,s),children:e.jsxRuntimeExports.jsxs(e.CardDescription,{children:[" ",t.description]})})]}),e.jsxRuntimeExports.jsx(e.CardContent,{className:"relative flex grow flex-col overflow-auto pb-0",children:R()}),e.jsxRuntimeExports.jsx(e.CardFooter,{children:A()})]});return e.jsxRuntimeExports.jsx(e.Card,{tabIndex:-1,ref:h,role:"dashboard-card",onClick:S,className:e.cn("relative flex h-full flex-col rounded-sm",{"border-dashed border-foreground/50":E===t.id&&j},a==null?void 0:a.dashboardCard,m),...c,children:T()})}exports.BOOLEAN_DATA_TYPES=e.BOOLEAN_DATA_TYPES;exports.DATE_DATA_TYPES=e.DATE_DATA_TYPES;exports.Dashboard=e.Dashboard;exports.DashboardWC=e.DashboardWC;exports.NUMBER_DATA_TYPES=e.NUMBER_DATA_TYPES;exports.SemaphorQueryClient=e.SemaphorQueryClient;exports.TEXT_DATA_TYPES=e.TEXT_DATA_TYPES;exports.cleanCard=e.cleanCard;exports.createSqlGenConfig=e.createSqlGenConfig;exports.fmt=e.fmt;exports.getBookmarkKey=e.getBookmarkKey;exports.getColumnDataType=e.getColumnDataType;exports.getDashbaordStateWithoutData=e.getDashbaordStateWithoutData;exports.getFilterValueType=e.getFilterValueType;exports.getQualifiedTableName=e.getQualifiedTableName;exports.getSql=e.getSql;exports.isColumnInSqlGen=e.isColumnInSqlGen;exports.resolveDataType=e.resolveDataType;exports.useCard=e.useCard;exports.useDashboardActions=e.useDashboardActions;exports.useDashboardStore=e.useDashboardStore;exports.useEditorActions=e.useEditorActions;exports.useEditorStore=e.useEditorStore;exports.SelectComponent=d.SelectComponent;exports.Surfboard=d.DashboardPlus;exports.useEditorAside=d.useEditorAside;exports.DashboardCard=N;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./chunks/index-qQHxI2VY.js"),d=require("./chunks/dashboard-plus-qauJ8uMw.js"),I=require("react");require("react-dom");function N({card:t,footer:u,className:m,...c}){const{customCards:r}=e.useSemaphorContext(),h=I.useRef(null),{isError:p,isLoading:n,isFetching:i,cfg:x,visualKey:C,handleDatapointClick:f}=e.useDashboardCard(t),a=e.useDashboardStore(s=>s.themeStyle),l=e.useDashboardStore(s=>s.selectedSheetId),E=e.useDashboardStore(s=>s.selectedCardId),j=e.useDashboardStore(s=>s.isDashboardEditing),{setCardTitle:g,setCardDescription:D,setSelectedCardId:b}=e.useDashboardActions();function S(s){s.stopPropagation(),b(l,t.id)}function T(){if(r&&r.length>0){const s=r.find(o=>o.cardId===t.id);if(s&&s.replaceDefault){const o=s.content;if(o)return e.jsxRuntimeExports.jsx(o,{card:t})}}return t.type==="kpi"?t.data&&t.data.length>0&&e.jsxRuntimeExports.jsx(e.KPICard,{isLoading:n||i,card:t}):y}function R(){if(p)return e.jsxRuntimeExports.jsx("p",{className:"text-sm",children:"Oops! It seems like something went wrong. Please review your connection or filters."});if(t.type==="table"&&t.data&&t.data.length>0)return e.jsxRuntimeExports.jsxs(e.ScrollArea,{children:[e.jsxRuntimeExports.jsx(e.TableVisual,{card:t,data:t.data}),e.jsxRuntimeExports.jsx(e.ScrollBar,{orientation:"horizontal"})]});if(r&&r.length>0){const s=r.find(o=>o.cardId===t.id);if(s&&s.content){const o=s.content;return e.jsxRuntimeExports.jsx(o,{card:t})}}if(x)return e.jsxRuntimeExports.jsx(e.ChartJsVisual,{cfg:x,onDatapointClick:f},C)}function A(){if(r&&r.length>0){const s=r.find(o=>o.cardId===t.id);if(s&&s.footer){const o=s.footer;if(o)return e.jsxRuntimeExports.jsx(o,{card:t})}}return u||null}if(!t.id)return null;const y=e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsxs(e.CardHeader,{className:"pb-4",children:[e.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-2",children:[e.jsxRuntimeExports.jsx(e.Editable,{text:t.title,onSave:s=>g(l,t.id,s),children:e.jsxRuntimeExports.jsx(e.CardTitle,{className:"text-base",children:t.title})}),t.refreshInterval&&e.jsxRuntimeExports.jsxs(e.Tooltip,{children:[e.jsxRuntimeExports.jsx(e.TooltipTrigger,{className:"pr-1",children:e.jsxRuntimeExports.jsx("div",{className:e.cn("h-2 w-2 rounded-full bg-green-500 transition-opacity",{"opacity-10":n||i})})}),e.jsxRuntimeExports.jsx(e.TooltipContent,{side:"right",align:"center",children:e.jsxRuntimeExports.jsx("p",{className:"text-xs",children:`Realtime (${t==null?void 0:t.refreshInterval})`})})]}),!t.refreshInterval&&(n||i)&&e.jsxRuntimeExports.jsx(e.LoaderCircle,{className:"h-4 w-4 animate-spin text-muted-foreground"})]}),e.jsxRuntimeExports.jsx(e.Editable,{text:(t==null?void 0:t.description)||"",onSave:s=>D(l,t.id,s),children:e.jsxRuntimeExports.jsxs(e.CardDescription,{children:[" ",t.description]})})]}),e.jsxRuntimeExports.jsx(e.CardContent,{className:"relative flex grow flex-col overflow-auto pb-0",children:R()}),e.jsxRuntimeExports.jsx(e.CardFooter,{children:A()})]});return e.jsxRuntimeExports.jsx(e.Card,{tabIndex:-1,ref:h,role:"dashboard-card",onClick:S,className:e.cn("relative flex h-full flex-col rounded-sm",{"border-dashed border-foreground/50":E===t.id&&j},a==null?void 0:a.dashboardCard,m),...c,children:T()})}exports.BOOLEAN_DATA_TYPES=e.BOOLEAN_DATA_TYPES;exports.DATE_DATA_TYPES=e.DATE_DATA_TYPES;exports.Dashboard=e.Dashboard;exports.DashboardWC=e.DashboardWC;exports.NUMBER_DATA_TYPES=e.NUMBER_DATA_TYPES;exports.SemaphorQueryClient=e.SemaphorQueryClient;exports.TEXT_DATA_TYPES=e.TEXT_DATA_TYPES;exports.cleanCard=e.cleanCard;exports.createSqlGenConfig=e.createSqlGenConfig;exports.fmt=e.fmt;exports.getBookmarkKey=e.getBookmarkKey;exports.getColumnDataType=e.getColumnDataType;exports.getDashbaordStateWithoutData=e.getDashbaordStateWithoutData;exports.getFilterValueType=e.getFilterValueType;exports.getQualifiedTableName=e.getQualifiedTableName;exports.getSql=e.getSql;exports.isColumnInSqlGen=e.isColumnInSqlGen;exports.resolveDataType=e.resolveDataType;exports.useCard=e.useCard;exports.useDashboardActions=e.useDashboardActions;exports.useDashboardStore=e.useDashboardStore;exports.useEditorActions=e.useEditorActions;exports.useEditorStore=e.useEditorStore;exports.SelectComponent=d.SelectComponent;exports.Surfboard=d.DashboardPlus;exports.useEditorAside=d.useEditorAside;exports.DashboardCard=N;

package/dist/index.js

@@ -1,6 +1,6 @@
-import { u as _, a as k, b as n, c as w, j as s, C as F, E as f, d as P, T as R, e as B, f as h, g as L, L as q, h as K, i as O, k as Y, l as G, K as V, S as z, m as H, n as J, o as M } from "./chunks/index-4dMDhcWj.js";
-import { B as se, s as te, D as ae, q as oe, N as ne, I as re, r as ie, M as le, w as de, t as ue, O as ce, y as fe, J as he, x as Ce, A as xe, v as me, z as pe, F as ge, p as je, H as De, G as be } from "./chunks/index-4dMDhcWj.js";
-import { S as Te, D as Ee, u as Ie } from "./chunks/dashboard-plus-VD8IOw-T.js";
+import { u as _, a as k, b as n, c as w, j as s, C as F, E as f, d as P, T as R, e as B, f as h, g as L, L as q, h as K, i as O, k as Y, l as G, K as V, S as z, m as H, n as J, o as M } from "./chunks/index-nvObQgx0.js";
+import { B as se, s as te, D as ae, q as oe, N as ne, I as re, r as ie, M as le, w as de, t as ue, O as ce, y as fe, J as he, x as Ce, A as xe, v as me, z as pe, F as ge, p as je, H as De, G as be } from "./chunks/index-nvObQgx0.js";
+import { S as Te, D as Ee, u as Ie } from "./chunks/dashboard-plus-C3UxmNVq.js";
 import Q from "react";
 import "react-dom";
 function $({

package/dist/surfboard/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../chunks/dashboard-plus-QXDTTTq6.js");require("../chunks/index-rFYihWWq.js");require("react");require("react-dom");exports.Surfboard=r.DashboardPlus;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../chunks/dashboard-plus-qauJ8uMw.js");require("../chunks/index-qQHxI2VY.js");require("react");require("react-dom");exports.Surfboard=r.DashboardPlus;

package/dist/surfboard/index.js

@@ -1,5 +1,5 @@
-import { D as i } from "../chunks/dashboard-plus-VD8IOw-T.js";
-import "../chunks/index-4dMDhcWj.js";
+import { D as i } from "../chunks/dashboard-plus-C3UxmNVq.js";
+import "../chunks/index-nvObQgx0.js";
 import "react";
 import "react-dom";
 export {

package/dist/types/dashboard.d.ts

@@ -217,7 +217,9 @@ export declare type StyleProps = {
 export declare type TBaseQuery = {
     id: string;
     name: string;
+    connectionId: string;
     sql: string;
+    context?: string;
     description?: string;
 };
 
@@ -227,6 +229,7 @@ export declare type TCard = {
     description?: string;
     info?: string;
     connectionId?: string;
+    datamodelId?: string;
     type: TChartType;
     sql?: string;
     python?: string;

package/dist/types/main.d.ts

@@ -110,6 +110,7 @@ declare type Actions_2 = {
     setApplyFilters: (applyFilters: boolean) => void;
     setFilterValues: (filterValues: TFilterValue[]) => void;
     setSelectedConnectionId: (connectionId: string) => void;
+    setSelectedDatamodelId: (datamodelId: string) => void;
     setSelectedDatabaseName: (databaseName: string) => void;
     setSelectedSchemaName: (schemaName: string) => void;
     setSelectedTableName: (tableName: string) => void;
@@ -282,11 +283,13 @@ declare type EditorStore = {
     queryError?: string;
     pythonStdOut?: string;
     selectedConnectionId?: string;
+    selectedDatamodelId?: string;
     selectedDatabaseName?: string;
     selectedSchemaName?: string;
     selectedTableName?: string;
     currentColumns?: TDataColumn[];
     onConnectionChange?: (connectionId: string) => void;
+    onDatamodelChange?: (datamodelId: string) => void;
     onDatabaseChange?: (databaseName: string) => void;
     onTableChange?: (tableName: string) => void;
     onSchemaChange?: (schemaName: string) => void;
@@ -411,7 +414,7 @@ declare type Params = {
 
 export declare const resolveDataType: (value: any) => string;
 
-export declare function SelectComponent({ title, items, value, isLoading, isError, connectionTooltip, onChange, className, showIcon, disabled, }: SelectProps): JSX_2.Element;
+export declare function SelectComponent({ title, items, value, isLoading, isError, connectionTooltip, onChange, showNone, className, showIcon, disabled, }: SelectProps): JSX_2.Element;
 
 declare type SelectProps = {
     title: string;
@@ -423,6 +426,7 @@ declare type SelectProps = {
     isLoading: boolean;
     isError: boolean;
     onChange?: (value: string) => void;
+    showNone?: boolean;
     className?: string;
     showIcon?: boolean;
     connectionTooltip?: string;
@@ -483,7 +487,9 @@ export declare function Surfboard({ showControls, showFooter, ...rest }: Dashboa
 export declare type TBaseQuery = {
     id: string;
     name: string;
+    connectionId: string;
     sql: string;
+    context?: string;
     description?: string;
 };
 
@@ -493,6 +499,7 @@ export declare type TCard = {
     description?: string;
     info?: string;
     connectionId?: string;
+    datamodelId?: string;
     type: TChartType;
     sql?: string;
     python?: string;
@@ -703,6 +710,7 @@ export declare const useDashboardStore: UseBoundStore<Omit<StoreApi<DashboardSto
             description?: string | undefined;
             info?: string | undefined;
             connectionId?: string | undefined;
+            datamodelId?: string | undefined;
             type: TChartType;
             sql?: string | undefined;
             python?: string | undefined;
@@ -888,6 +896,7 @@ export declare const useDashboardStore: UseBoundStore<Omit<StoreApi<DashboardSto
                     description?: string | undefined;
                     info?: string | undefined;
                     connectionId?: string | undefined;
+                    datamodelId?: string | undefined;
                     type: TChartType;
                     sql?: string | undefined;
                     python?: string | undefined;
@@ -1030,6 +1039,7 @@ export declare const useDashboardStore: UseBoundStore<Omit<StoreApi<DashboardSto
                         description?: string | undefined;
                         info?: string | undefined;
                         connectionId?: string | undefined;
+                        datamodelId?: string | undefined;
                         type: TChartType;
                         sql?: string | undefined;
                         python?: string | undefined;
@@ -1253,7 +1263,9 @@ export declare const useDashboardStore: UseBoundStore<Omit<StoreApi<DashboardSto
             baseQueries?: {
                 id: string;
                 name: string;
+                connectionId: string;
                 sql: string;
+                context?: string | undefined;
                 description?: string | undefined;
             }[] | undefined;
             aiScopeTables?: {
@@ -1325,6 +1337,7 @@ export declare const useDashboardStore: UseBoundStore<Omit<StoreApi<DashboardSto
             description?: string | undefined;
             info?: string | undefined;
             connectionId?: string | undefined;
+            datamodelId?: string | undefined;
             type: TChartType;
             sql?: string | undefined;
             python?: string | undefined;
@@ -1593,6 +1606,9 @@ export declare function useEditorAside(token?: AuthToken, _connectionQueryKey?:
     connectionItems: any;
     isConnectionsLoading: boolean;
     isConnectionsError: boolean;
+    modelItems: any;
+    isModelsLoading: boolean;
+    isModelsError: boolean;
     databaseItems: any;
     isDatabasesLoadingOrFetching: boolean;
     isDatabaseError: boolean;
@@ -1610,6 +1626,7 @@ export declare function useEditorAside(token?: AuthToken, _connectionQueryKey?:
     tableName: any;
     schemaName: string;
     handleConnectionChange: (value: string) => void;
+    handleDatamodelChange: (value: string) => void;
     handleDatabaseChange: (value: string) => void;
     handleSchemaChange: (value: string) => void;
 };
@@ -1649,6 +1666,7 @@ export declare const useEditorStore: UseBoundStore<Omit<StoreApi<EditorStore>, "
             setApplyFilters: (applyFilters: boolean) => void;
             setFilterValues: (filterValues: TFilterValue[]) => void;
             setSelectedConnectionId: (connectionId: string) => void;
+            setSelectedDatamodelId: (datamodelId: string) => void;
             setSelectedDatabaseName: (databaseName: string) => void;
             setSelectedSchemaName: (schemaName: string) => void;
             setSelectedTableName: (tableName: string) => void;
@@ -1675,6 +1693,7 @@ export declare const useEditorStore: UseBoundStore<Omit<StoreApi<EditorStore>, "
                 description?: string | undefined;
                 info?: string | undefined;
                 connectionId?: string | undefined;
+                datamodelId?: string | undefined;
                 type: TChartType;
                 sql?: string | undefined;
                 python?: string | undefined;
@@ -1817,6 +1836,7 @@ export declare const useEditorStore: UseBoundStore<Omit<StoreApi<EditorStore>, "
             description?: string | undefined;
             info?: string | undefined;
             connectionId?: string | undefined;
+            datamodelId?: string | undefined;
             type: TChartType;
             sql?: string | undefined;
             python?: string | undefined;
@@ -2006,6 +2026,7 @@ export declare const useEditorStore: UseBoundStore<Omit<StoreApi<EditorStore>, "
         queryError?: string | undefined;
         pythonStdOut?: string | undefined;
         selectedConnectionId?: string | undefined;
+        selectedDatamodelId?: string | undefined;
         selectedDatabaseName?: string | undefined;
         selectedSchemaName?: string | undefined;
         selectedTableName?: string | undefined;
@@ -2015,6 +2036,7 @@ export declare const useEditorStore: UseBoundStore<Omit<StoreApi<EditorStore>, "
             is_nullable?: string | undefined;
         }[] | undefined;
         onConnectionChange?: ((connectionId: string) => void) | undefined;
+        onDatamodelChange?: ((datamodelId: string) => void) | undefined;
         onDatabaseChange?: ((databaseName: string) => void) | undefined;
         onTableChange?: ((tableName: string) => void) | undefined;
         onSchemaChange?: ((schemaName: string) => void) | undefined;

package/dist/types/surfboard.d.ts

@@ -222,7 +222,9 @@ export declare function Surfboard({ showControls, showFooter, ...rest }: Dashboa
 export declare type TBaseQuery = {
     id: string;
     name: string;
+    connectionId: string;
     sql: string;
+    context?: string;
     description?: string;
 };
 
@@ -232,6 +234,7 @@ export declare type TCard = {
     description?: string;
     info?: string;
     connectionId?: string;
+    datamodelId?: string;
     type: TChartType;
     sql?: string;
     python?: string;

package/dist/types/types.d.ts

@@ -214,7 +214,9 @@ export declare type StyleProps = {
 export declare type TBaseQuery = {
     id: string;
     name: string;
+    connectionId: string;
     sql: string;
+    context?: string;
     description?: string;
 };
 
@@ -224,6 +226,7 @@ export declare type TCard = {
     description?: string;
     info?: string;
     connectionId?: string;
+    datamodelId?: string;
     type: TChartType;
     sql?: string;
     python?: string;

package/package.json

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