semaphor 0.0.28 → 0.0.30

package/dist/react-semaphor.d.ts

@@ -10,12 +10,14 @@ import { FC } from 'react';
 import { FontSpec } from 'chart.js';
 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';
 
 declare type Actions = {
+    setCurrentBreakpoint: (breakpoint: Breakpoint) => void;
     addFilteringCard: (card: TCard) => void;
     removeFilteringCard: (card: TCard) => void;
     setCustomCards: (customCards: CustomCard[]) => void;
@@ -26,10 +28,12 @@ declare type Actions = {
     setDashboardTheme: (theme: 'light' | 'dark' | 'system') => void;
     setSheets: (sheets: TSheet[]) => void;
     setSelectedSheetId: (sheetId: string | null) => void;
-    setSheetLayout: (sheetId: string, layout: ReactGridLayout.Layout[]) => void;
+    setSheetLayout: (sheetId: string, layout: ReactGridLayout_2.Layout[]) => void;
+    setSheetLayouts: (sheetId: string, layouts: ReactGridLayout_2.Layouts) => void;
     setSelectedCardId: (sheetId: string, cardId: string | null) => void;
     setSelectedFrameId: (frameId: string) => void;
     setCardTitle: (sheetId: string, cardId: string, title: string) => void;
+    setCardInfo: (cardId: string, info: string) => void;
     setCardSql: (sheetId: string, cardId: string, sql: string) => void;
     setCardDescription: (sheetId: string, cardId: string, description: string) => void;
     setFrameCardData: (sheetId: string, cardId: string, data: any[]) => void;
@@ -62,7 +66,8 @@ declare type Actions = {
     getSelectedSheet: () => TSheet | undefined;
     getCard: (cardId: string) => TCard | undefined;
     getSelectedFrame: () => TFrame | undefined;
-    getSelectedSheetLayout: () => ReactGridLayout.Layout[] | undefined;
+    getSelectedSheetLayout: () => ReactGridLayout_2.Layout[] | undefined;
+    getSelectedSheetLayouts: () => ReactGridLayout_2.Layouts | undefined;
     handleDataPointClickAction: (card: TCard, dataPoint: any) => void;
 };
 
@@ -129,6 +134,8 @@ export declare type Bookmark = {
 
 export declare const BOOLEAN_DATA_TYPES: string[];
 
+export declare type Breakpoint = 'lg' | 'md' | 'sm' | 'xs' | 'xxs';
+
 declare type CardWithContent = BaseCustomCard & {
     content: React.FC<{
         card: TCard;
@@ -161,15 +168,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>;
-
 export declare function DashboardPlus({ showControls, showFooter, ...rest }: DashboardPlusProps): JSX_2.Element;
 
 declare type DashboardPlusProps = {
@@ -197,6 +195,7 @@ export declare function DashboardProvider({ children }: {
 
 export declare type DashboardStore = {
     authToken?: AuthToken;
+    currentBreakpoint: Breakpoint;
     theme?: 'light' | 'dark' | 'system';
     themeStyle?: StyleProps;
     filteringCards?: TCard[];
@@ -299,6 +298,7 @@ export declare function getDashbaordStateWithoutData(dashboardState: TDashboard)
         title?: string | undefined;
         description?: string | undefined;
         layout?: Layout[] | undefined;
+        layouts?: Layouts | undefined;
         cards?: TCard[] | undefined;
     }[] | undefined;
     id: string;
@@ -389,6 +389,7 @@ export declare type TCard = {
     id: string;
     title: string;
     description?: string;
+    info?: string;
     connectionId?: string;
     type: TChartType;
     sql?: string;
@@ -472,6 +473,7 @@ export declare type TSheet = {
     title?: string;
     description?: string;
     layout?: ReactGridLayout.Layout[];
+    layouts?: ReactGridLayout.Layouts;
     cards?: TCard[];
     frames?: TFrame[];
 };
@@ -528,6 +530,7 @@ export declare const useDashboardStore: UseBoundStore<Omit<StoreApi<DashboardSto
             accessToken: string;
             refreshToken: string;
         } | undefined;
+        currentBreakpoint: Breakpoint;
         theme?: "light" | "dark" | "system" | undefined;
         themeStyle?: {
             dashboardPanel?: string | undefined;
@@ -554,6 +557,7 @@ export declare const useDashboardStore: UseBoundStore<Omit<StoreApi<DashboardSto
             id: string;
             title: string;
             description?: string | undefined;
+            info?: string | undefined;
             connectionId?: string | undefined;
             type: TChartType;
             sql?: string | undefined;
@@ -602,10 +606,30 @@ export declare const useDashboardStore: UseBoundStore<Omit<StoreApi<DashboardSto
                     resizeHandles?: ("s" | "w" | "e" | "n" | "sw" | "nw" | "se" | "ne")[] | undefined;
                     isBounded?: boolean | undefined;
                 }[] | undefined;
+                layouts?: {
+                    [x: string]: {
+                        i: string;
+                        x: number;
+                        y: number;
+                        w: number;
+                        h: number;
+                        minW?: number | undefined;
+                        maxW?: number | undefined;
+                        minH?: number | undefined;
+                        maxH?: number | undefined;
+                        moved?: boolean | undefined;
+                        static?: boolean | undefined;
+                        isDraggable?: boolean | undefined;
+                        isResizable?: boolean | undefined;
+                        resizeHandles?: ("s" | "w" | "e" | "n" | "sw" | "nw" | "se" | "ne")[] | undefined;
+                        isBounded?: boolean | undefined;
+                    }[];
+                } | undefined;
                 cards?: {
                     id: string;
                     title: string;
                     description?: string | undefined;
+                    info?: string | undefined;
                     connectionId?: string | undefined;
                     type: TChartType;
                     sql?: string | undefined;
@@ -634,6 +658,7 @@ export declare const useDashboardStore: UseBoundStore<Omit<StoreApi<DashboardSto
                         id: string;
                         title: string;
                         description?: string | undefined;
+                        info?: string | undefined;
                         connectionId?: string | undefined;
                         type: TChartType;
                         sql?: string | undefined;
@@ -740,6 +765,7 @@ export declare const useDashboardStore: UseBoundStore<Omit<StoreApi<DashboardSto
             id: string;
             title: string;
             description?: string | undefined;
+            info?: string | undefined;
             connectionId?: string | undefined;
             type: TChartType;
             sql?: string | undefined;
@@ -822,6 +848,7 @@ export declare const useDashboardStore: UseBoundStore<Omit<StoreApi<DashboardSto
         onUpdateCard?: ((card: TCard, sheetId: string) => void) | undefined;
         onRemoveCard?: ((card: TCard, sheetId: string) => void) | undefined;
         actions: {
+            setCurrentBreakpoint: (breakpoint: Breakpoint) => void;
             addFilteringCard: (card: TCard) => void;
             removeFilteringCard: (card: TCard) => void;
             setCustomCards: (customCards: CustomCard[]) => void;
@@ -832,10 +859,12 @@ export declare const useDashboardStore: UseBoundStore<Omit<StoreApi<DashboardSto
             setDashboardTheme: (theme: 'light' | 'dark' | 'system') => void;
             setSheets: (sheets: TSheet[]) => void;
             setSelectedSheetId: (sheetId: string | null) => void;
-            setSheetLayout: (sheetId: string, layout: ReactGridLayout.Layout[]) => void;
+            setSheetLayout: (sheetId: string, layout: ReactGridLayout_2.Layout[]) => void;
+            setSheetLayouts: (sheetId: string, layouts: ReactGridLayout_2.Layouts) => void;
             setSelectedCardId: (sheetId: string, cardId: string | null) => void;
             setSelectedFrameId: (frameId: string) => void;
             setCardTitle: (sheetId: string, cardId: string, title: string) => void;
+            setCardInfo: (cardId: string, info: string) => void;
             setCardSql: (sheetId: string, cardId: string, sql: string) => void;
             setCardDescription: (sheetId: string, cardId: string, description: string) => void;
             setFrameCardData: (sheetId: string, cardId: string, data: any[]) => void;
@@ -868,7 +897,8 @@ export declare const useDashboardStore: UseBoundStore<Omit<StoreApi<DashboardSto
             getSelectedSheet: () => TSheet | undefined;
             getCard: (cardId: string) => TCard | undefined;
             getSelectedFrame: () => TFrame | undefined;
-            getSelectedSheetLayout: () => ReactGridLayout.Layout[] | undefined;
+            getSelectedSheetLayout: () => ReactGridLayout_2.Layout[] | undefined;
+            getSelectedSheetLayouts: () => ReactGridLayout_2.Layouts | undefined;
             handleDataPointClickAction: (card: TCard, dataPoint: any) => void;
         };
     }) => void), shouldReplace?: boolean | undefined): void;
@@ -951,6 +981,7 @@ export declare const useEditorStore: UseBoundStore<Omit<StoreApi<EditorStore>, "
                 id: string;
                 title: string;
                 description?: string | undefined;
+                info?: string | undefined;
                 connectionId?: string | undefined;
                 type: TChartType;
                 sql?: string | undefined;
@@ -979,6 +1010,7 @@ export declare const useEditorStore: UseBoundStore<Omit<StoreApi<EditorStore>, "
             id: string;
             title: string;
             description?: string | undefined;
+            info?: string | undefined;
             connectionId?: string | undefined;
             type: TChartType;
             sql?: string | undefined;