semaphor 0.0.44 → 0.0.45

package/dist/types/dashboard.d.ts

@@ -0,0 +1,314 @@
+import { FontSpec } from 'chart.js';
+import { JSX as JSX_2 } from 'react/jsx-runtime';
+
+export declare type AggregateCalc = 'AVG' | 'MIN' | 'MAX' | 'SUM' | 'COUNT' | 'COUNT_DISTINCT';
+
+export declare type AuthToken = {
+    accessToken: string;
+    refreshToken: string;
+};
+
+declare type BaseCustomCard = {
+    cardId: string;
+    replaceDefault?: boolean;
+};
+
+declare type BaseFilter = {
+    filterId: TFilter['id'];
+    expression?: string;
+    name: string;
+    valueType: 'string' | 'number' | 'date' | 'boolean';
+    connectionType?: 'database' | 'api';
+};
+
+export declare type Bookmark = {
+    name: string;
+    default: boolean;
+    template: TDashboard;
+    filterValues?: TFilterValue[];
+};
+
+export declare type Breakpoint = 'lg' | 'md' | 'sm' | 'xs' | 'xxs';
+
+declare type CardWithContent = BaseCustomCard & {
+    content: React.FC<{
+        card: TCard;
+    }>;
+    footer?: React.FC<{
+        card: TCard;
+    }>;
+};
+
+declare type CardWithFooter = BaseCustomCard & {
+    content?: React.FC<{
+        card: TCard;
+    }>;
+    footer: React.FC<{
+        card: TCard;
+    }>;
+};
+
+export declare type ConnectionPolicy = {
+    connectionId?: string;
+    name: string;
+    params: Params;
+};
+
+export declare type CustomCard = CardWithContent | CardWithFooter;
+
+export declare function Dashboard(props: DashboardProps): JSX_2.Element;
+
+export declare type DashboardProps = {
+    id: string;
+    authToken: AuthToken | undefined;
+    style?: TStyle;
+    currentTheme?: Theme;
+    version?: string;
+    customCards?: CustomCard[];
+    onChartElementClicked?: (card: TCard, fieldValues: any) => void;
+    onEvent?: (event: TEvent) => void;
+    onSave?: (dashboard: TDashboard) => void;
+    LoadingComponent?: (props: LoadingProps) => React.ReactNode;
+    ErrorComponent?: (props: ErrorProps) => React.ReactNode;
+};
+
+export declare type ErrorProps = {
+    message?: string;
+};
+
+declare type FilterForBetween = BaseFilter & {
+    operation: 'between' | 'not between';
+    values: [number, number];
+};
+
+declare type FilterForCompare = BaseFilter & {
+    operation: '>' | '<' | '>=' | '<=';
+    values: [number];
+};
+
+declare type FilterForDate = BaseFilter & {
+    operation: 'between' | 'not between';
+    values: [Date, Date];
+};
+
+declare type FilterForEqual = BaseFilter & {
+    operation: '=' | '!=' | 'is null' | 'is not null';
+    values: [string | number];
+};
+
+declare type FilterForIn = BaseFilter & {
+    operation: 'in' | 'not in';
+    values: (string | number)[];
+};
+
+declare type FilterForString = BaseFilter & {
+    operation: 'like' | 'not like';
+    values: [string];
+};
+
+declare type FilterOnClick = {
+    expression?: string;
+    columnIndex: number;
+};
+
+export declare type KPICardProps = {
+    card: TCard;
+    isLoading: boolean;
+};
+
+export declare type LoadingProps = {
+    message?: string;
+};
+
+declare type Operation = '=' | '>' | '<' | '>=' | '<=' | '!=' | 'in' | 'not in' | 'like' | 'not like' | 'between' | 'not between' | 'is null' | 'is not null';
+
+declare type Params = {
+    [key: string]: string | number | string[] | number[];
+};
+
+export declare type SqlGen = {
+    measures?: {
+        name: string;
+        calc: AggregateCalc;
+    }[];
+    dimensions?: string[];
+};
+
+/**
+ * Style propeerites for the dashboard
+ */
+export declare type StyleProps = {
+    /** css class for `dashboard-panel` */
+    dashboardPanel?: string;
+    /** css class for `dashboard-tabs-container` */
+    dashboardTabsContainer?: string;
+    /** css class for `dashboard-card` */
+    /** css class for `dashboard-card-container` */
+    dashboardCardContainer?: string;
+    dashboardCard?: string;
+    /** grid-layout config */
+    gridLayout?: {
+        /** css class for `react-grid-layout` */
+        className?: string;
+        margin?: [number, number];
+    };
+    /** chart config */
+    chart?: {
+        /** chart font config */
+        font?: Partial<FontSpec>;
+        dataset?: any;
+        /** chart options */
+        options?: any;
+    };
+};
+
+export declare type TBaseQuery = {
+    id: string;
+    name: string;
+    sql: string;
+    description?: string;
+};
+
+export declare type TCard = {
+    id: string;
+    title: string;
+    description?: string;
+    info?: string;
+    connectionId?: string;
+    type: TChartType;
+    sql?: string;
+    python?: string;
+    data?: any[];
+    cfg?: any;
+    customCfg?: any;
+    preferences?: TCardPreferences;
+    lastSelectedDatabase?: string;
+    lastSelectedSchema?: string;
+    lastSelectedTable?: string;
+    refreshInterval?: string;
+};
+
+export declare type TCardContext = {
+    id: string;
+    name: string;
+    description: string;
+    sql: string;
+};
+
+export declare type TCardPreferences = {
+    onClickFilter?: FilterOnClick[];
+    filterOnClick?: boolean;
+    filterOnClickField?: string;
+    filterOnClickColumnIndex?: number;
+    formatNumber?: {
+        format?: string;
+        currency?: string;
+        locale?: string;
+        suffix?: string;
+        enabled?: boolean | string;
+    };
+    datasetOptions?: TDatasetOptions[];
+    chartOptions?: TChartOptions;
+};
+
+export declare type TChartOptions = {
+    type?: TChartType;
+    scales?: {
+        y?: {
+            type: 'linear' | 'logarithmic';
+            min: number;
+            max: number;
+            ticks: {
+                stepSize: number;
+            };
+        };
+        x?: {
+            type: 'linear' | 'logarithmic';
+            min: number;
+            max: number;
+            ticks: {
+                stepSize: number;
+            };
+        };
+    };
+    indexAxis?: 'x' | 'y' | undefined;
+};
+
+declare type TChartType = 'bar' | 'horizontalBar' | 'line' | 'pie' | 'doughnut' | 'radar' | 'polarArea' | 'bubble' | 'scatter' | 'stackedBar' | 'table' | 'kpi' | 'custom';
+
+export declare type TDashboard = {
+    id: string;
+    title?: string;
+    description?: string;
+    sheets?: TSheet[];
+    style?: TStyle;
+    filters?: TFilter[];
+    customCards?: CustomCard[];
+    baseQueries?: TBaseQuery[];
+};
+
+export declare type TDataColumn = {
+    column_name: string;
+    data_type: string;
+    is_nullable?: string;
+};
+
+export declare type TDatasetOptions = {
+    idx: number;
+    type?: 'bar' | 'line';
+    fill?: string | number;
+    datalabels?: {
+        display?: boolean;
+        align?: string;
+        anchor?: string;
+        clamp?: boolean;
+        color?: string;
+    };
+};
+
+export declare type TEvent = {
+    type: 'success' | 'error' | 'info' | 'warning';
+    message: any;
+};
+
+declare type TFilter = {
+    id: string;
+    connectionId: string;
+    title: string;
+    column: string;
+    dataType: string;
+    table: string;
+    database: string;
+    sql: string;
+    operation: Operation;
+};
+
+declare type TFilterValue = FilterForString | FilterForEqual | FilterForCompare | FilterForBetween | FilterForIn | FilterForDate;
+
+export declare type TFrame = {
+    id: string;
+    cards: TCard[];
+    activeCardId: string;
+};
+
+export declare type Theme = 'dark' | 'light' | 'system';
+
+export declare type TSheet = {
+    id: string;
+    title?: string;
+    description?: string;
+    layout?: ReactGridLayout.Layout[];
+    layouts?: ReactGridLayout.Layouts;
+    cards?: TCard[];
+    frames?: TFrame[];
+};
+
+/**
+ * Style for the dashboard
+ */
+export declare type TStyle = {
+    default: StyleProps;
+    dark?: StyleProps;
+};
+
+export { }

package/dist/types/index.cjs

@@ -0,0 +1 @@
+"use strict";

package/dist/types/index.js

@@ -0,0 +1 @@
+

package/dist/{index.d.ts → types/main.d.ts}

@@ -2,7 +2,6 @@ import { BubbleDataPoint } from 'chart.js';
 import { Chart } from 'chart.js';
 import { ChartConfiguration } from 'chart.js';
 import { ChartTypeRegistry } from 'chart.js';
-import { Draft } from 'immer';
 import { FC } from 'react';
 import { FontSpec } from 'chart.js';
 import { JSX as JSX_2 } from 'react/jsx-runtime';
@@ -185,8 +184,6 @@ declare type DashboardCardProps = {
     fetchCardData?: boolean;
 } & React_2.HTMLAttributes<HTMLDivElement>;
 
-export declare function DashboardPlus({ showControls, showFooter, ...rest }: DashboardPlusProps): JSX_2.Element;
-
 declare type DashboardPlusProps = {
     showControls?: boolean;
     showFooter?: boolean;
@@ -196,7 +193,7 @@ export declare type DashboardProps = {
     id: string;
     authToken: AuthToken | undefined;
     style?: TStyle;
-    currentTheme?: 'light' | 'dark' | 'system';
+    currentTheme?: Theme;
     version?: string;
     customCards?: CustomCard[];
     onChartElementClicked?: (card: TCard, fieldValues: any) => void;
@@ -206,10 +203,6 @@ export declare type DashboardProps = {
     ErrorComponent?: (props: ErrorProps) => React.ReactNode;
 };
 
-export declare function DashboardProvider({ children }: {
-    children: React_2.ReactNode;
-}): JSX_2.Element;
-
 export declare type DashboardStore = {
     authToken?: AuthToken;
     currentBreakpoint: Breakpoint;
@@ -343,6 +336,11 @@ export declare function getSql(config: SqlGen, schemaName: string, tableName: st
 
 export declare function isColumnInSqlGen(column: TDataColumn, sqlGen: SqlGen): boolean | undefined;
 
+export declare type KPICardProps = {
+    card: TCard;
+    isLoading: boolean;
+};
+
 export declare type LoadingProps = {
     message?: string;
 };
@@ -355,8 +353,6 @@ declare type Params = {
     [key: string]: string | number | string[] | number[];
 };
 
-export declare const PYTHON_DEFAULT_CODE = "import pandas as pd\ndf = pd.DataFrame(data)  # 'data' contains the query result\nresult = df.to_dict('records')  # must return 'result' as [dict] type\n";
-
 export declare const resolveDataType: (value: any) => string;
 
 export declare function SelectComponent({ title, items, value, isLoading, isError, connectionTooltip, onChange, className, showIcon, }: SelectProps): JSX_2.Element;
@@ -416,6 +412,8 @@ export declare type StyleProps = {
     };
 };
 
+export declare function Surfboard({ showControls, showFooter, ...rest }: DashboardPlusProps): JSX_2.Element;
+
 export declare type TBaseQuery = {
     id: string;
     name: string;
@@ -549,6 +547,8 @@ export declare type TFrame = {
     activeCardId: string;
 };
 
+export declare type Theme = 'dark' | 'light' | 'system';
+
 export declare type TSheet = {
     id: string;
     title?: string;
@@ -567,15 +567,6 @@ export declare type TStyle = {
     dark?: StyleProps;
 };
 
-export declare function useActions(): {
-    getStyle: () => TStyle | undefined;
-    getDashboard: () => TDashboard | undefined;
-    setOnSaveFunction: (onSaveFunction: (dashboard: TDashboard) => void) => void;
-    setOnAddCard: (onAddCard: (card: TCard, sheetId: string) => void) => void;
-    setOnUpateCard: (onUpdateCard: (card: TCard, sheetId: string) => void) => void;
-    setOnRemoveCard: (onRemoveCard: (card: TCard, sheetId: string) => void) => void;
-};
-
 export declare function useCard(cardId: string): {
     data: any;
     card: TCard;
@@ -587,24 +578,8 @@ export declare function useCard(cardId: string): {
     cfg: TChartConfiguration | undefined;
 };
 
-export declare function useDashboard({ id, version, authToken, customStyle, currentTheme, onSave, onEvent, }: UseDashboardProps): {
-    isLoading: boolean;
-    isError: boolean;
-};
-
 export declare const useDashboardActions: () => Actions;
 
-declare type UseDashboardProps = {
-    id: string;
-    version?: string;
-    authToken: AuthToken | undefined;
-    customStyle?: TStyle;
-    currentTheme?: 'light' | 'dark' | 'system';
-    onSave?: (dashboard: TDashboard) => void;
-    onEvent?: (event: TEvent) => void;
-    customCards?: CustomCard[];
-};
-
 export declare const useDashboardStore: UseBoundStore<Omit<StoreApi<DashboardStore>, "setState"> & {
     setState(nextStateOrUpdater: DashboardStore | Partial<DashboardStore> | ((state: {
         authToken?: {
@@ -612,7 +587,7 @@ export declare const useDashboardStore: UseBoundStore<Omit<StoreApi<DashboardSto
             refreshToken: string;
         } | undefined;
         currentBreakpoint: Breakpoint;
-        theme?: "light" | "dark" | "system" | undefined;
+        theme?: "dark" | "light" | "system" | undefined;
         themeStyle?: {
             dashboardPanel?: string | undefined;
             dashboardTabsContainer?: string | undefined;
@@ -724,7 +699,7 @@ export declare const useDashboardStore: UseBoundStore<Omit<StoreApi<DashboardSto
                     static?: boolean | undefined;
                     isDraggable?: boolean | undefined;
                     isResizable?: boolean | undefined;
-                    resizeHandles?: ("s" | "w" | "e" | "n" | "sw" | "nw" | "se" | "ne")[] | undefined;
+                    resizeHandles?: ("w" | "s" | "e" | "n" | "sw" | "nw" | "se" | "ne")[] | undefined;
                     isBounded?: boolean | undefined;
                 }[] | undefined;
                 layouts?: {
@@ -742,7 +717,7 @@ export declare const useDashboardStore: UseBoundStore<Omit<StoreApi<DashboardSto
                         static?: boolean | undefined;
                         isDraggable?: boolean | undefined;
                         isResizable?: boolean | undefined;
-                        resizeHandles?: ("s" | "w" | "e" | "n" | "sw" | "nw" | "se" | "ne")[] | undefined;
+                        resizeHandles?: ("w" | "s" | "e" | "n" | "sw" | "nw" | "se" | "ne")[] | undefined;
                         isBounded?: boolean | undefined;
                     }[];
                 } | undefined;
@@ -1175,7 +1150,8 @@ export declare function useEditorAside(token?: AuthToken, _connectionQueryKey?:
     columns: TDataColumn[];
     isColumnsLoadingOrFetching: boolean;
     isColumnsError: boolean;
-    isAPIConnection: boolean;
+    isNonDbConnection: boolean;
+    connectionType: any;
     tableName: any;
     schemaName: string;
     handleConnectionChange: (value: string) => void;
@@ -1443,8 +1419,4 @@ export declare const useEditorStore: UseBoundStore<Omit<StoreApi<EditorStore>, "
     }) => void), shouldReplace?: boolean | undefined): void;
 }>;
 
-export declare type WritableDraft<T> = {
-    -readonly [K in keyof T]: Draft<T[K]>;
-};
-
 export { }