semaphor 0.0.97 → 0.0.100

package/dist/types/main.d.ts

@@ -100,7 +100,7 @@ declare type Actions = {
     setBaseQueries: (baseQueries: TBaseQuery[]) => void;
 };
 
-declare type Actions_2 = {
+declare type Actions_2 = TableActions & {
     setEditorFilterMode: (filterColumnName: string, filterMode: 'include' | 'exclude') => void;
     setLowerIsBetter: (lowerIsBetter: boolean) => void;
     clearEditorFilter: (filterColumn: FilterByColumn) => void;
@@ -258,8 +258,42 @@ export declare type ColorRange = {
     color: string;
 };
 
+declare interface ColorRange_2 {
+    min: number;
+    max: number;
+    color: string;
+    applyTo: 'cell' | 'row';
+}
+
 export declare type ColumnRole = 'groupby' | 'trendby' | 'metric' | 'filter';
 
+declare interface ColumnSettings {
+    type: 'none' | 'text' | 'number' | 'date' | 'badge' | 'link' | 'progress';
+    textAlign: 'left' | 'center' | 'right';
+    width: string;
+    textWrap: 'wrap' | 'nowrap';
+    numberFormat: {
+        style: 'decimal' | 'currency' | 'percent';
+        currency: string;
+        locale: string;
+        minimumFractionDigits: number;
+        maximumFractionDigits: number;
+        showDataBar: boolean;
+        dataBarColor: string;
+        dataBarMinValue?: number;
+        dataBarMaxValue?: number;
+    };
+    dateFormat: {
+        format: string;
+        useCustomFormat: boolean;
+        customFormat: string;
+        useRelativeTime: boolean;
+    };
+    colorRanges: ColorRange_2[];
+}
+
+declare type ColumnSettingsMap = Record<string, ColumnSettings>;
+
 export declare type ColumnType = 'string' | 'number' | 'date';
 
 declare type ComboBoxOption = {
@@ -280,6 +314,10 @@ export declare type CustomCard = CardWithContent | CardWithFooter;
 
 export declare function Dashboard(props: DashboardProps): JSX_2.Element;
 
+export declare type DashboardEventHandlers = {
+    onExportData?: (payload: ExportDataPayload) => void;
+};
+
 declare type DashboardPlusProps = {
     showControls?: boolean;
     showFooter?: boolean;
@@ -309,6 +347,7 @@ export declare type DashboardProps = {
     onFilterValuesChange?: (filterValues: TFilterValue[]) => void;
     LoadingComponent?: (props: LoadingProps) => React.ReactNode;
     ErrorComponent?: (props: ErrorProps) => React.ReactNode;
+    eventHandlers?: DashboardEventHandlers;
     /**
      * Placeholders for the dashboard.
      */
@@ -366,7 +405,7 @@ export declare function downloadPdf(): Promise<void>;
 
 export declare type DroppableId = 'droppable-group-by' | 'droppable-metric';
 
-declare type EditorStore = {
+export declare type EditorStore = {
     tempQueryData?: {
         queryKey: string[];
         queryData: any;
@@ -417,6 +456,13 @@ export declare type ErrorProps = {
     message?: string;
 };
 
+export declare type ExportDataPayload = {
+    cardId: string;
+    title: string;
+    data: Record<string, any>[];
+    sql: string;
+};
+
 export declare interface FilterByColumn extends BaseColumn {
     role: 'filter';
     operators?: string[];
@@ -737,6 +783,17 @@ export declare type StyleProps = {
 
 export declare function Surfboard({ showControls, showFooter, ...rest }: DashboardPlusProps): JSX_2.Element;
 
+declare interface TableActions {
+    updateColumnSettingsMap: (columnSettings: ColumnSettingsMap) => void;
+    updateColumnVisibility: (columnId: string, isVisible: boolean) => void;
+    updatePageSize: (pageSize: number) => void;
+    showAllColumns: () => void;
+    hideAllColumns: () => void;
+    toggleSelectColumn: (isVisible: boolean) => void;
+    initializeColumnVisibility: (columnIds: string[]) => void;
+    updateAllColumnVisibility: (visibility: Record<string, boolean>) => void;
+}
+
 export declare type TableConfig = {
     databaseName: string;
     schemaName: string;
@@ -744,6 +801,13 @@ export declare type TableConfig = {
     datamodelId: string;
 };
 
+declare type TablePreferences = {
+    columnSettingsMap?: ColumnSettingsMap;
+    selectColumnVisible?: boolean;
+    columnVisibility?: Record<string, boolean>;
+    pageSize?: number;
+};
+
 export declare type TBaseQuery = {
     id: string;
     name: string;
@@ -801,6 +865,7 @@ export declare type TCardPreferences = {
     datasetOptions?: TDatasetOptions[];
     chartOptions?: TChartOptions;
     columnSettings?: TColumnSetting<DisplayDataType>[];
+    tablePrefs?: TablePreferences;
     allowDownload?: boolean;
     customVisualCode?: string;
     textVisualOptions?: {
@@ -1068,6 +1133,7 @@ export declare function useEditorAside(token?: AuthToken, _connectionQueryKey?:
     handleDatamodelChange: (value: string) => void;
     handleDatabaseChange: (value: string) => void;
     handleSchemaChange: (value: string) => void;
+    handleTableChange: (value: string) => void;
 };
 
 export declare const useEditorStore: UseBoundStore<Omit<StoreApi<EditorStore>, "setState"> & {

package/dist/types/surfboard.d.ts

@@ -74,6 +74,40 @@ export declare type ColorRange = {
     color: string;
 };
 
+declare interface ColorRange_2 {
+    min: number;
+    max: number;
+    color: string;
+    applyTo: 'cell' | 'row';
+}
+
+declare interface ColumnSettings {
+    type: 'none' | 'text' | 'number' | 'date' | 'badge' | 'link' | 'progress';
+    textAlign: 'left' | 'center' | 'right';
+    width: string;
+    textWrap: 'wrap' | 'nowrap';
+    numberFormat: {
+        style: 'decimal' | 'currency' | 'percent';
+        currency: string;
+        locale: string;
+        minimumFractionDigits: number;
+        maximumFractionDigits: number;
+        showDataBar: boolean;
+        dataBarColor: string;
+        dataBarMinValue?: number;
+        dataBarMaxValue?: number;
+    };
+    dateFormat: {
+        format: string;
+        useCustomFormat: boolean;
+        customFormat: string;
+        useRelativeTime: boolean;
+    };
+    colorRanges: ColorRange_2[];
+}
+
+declare type ColumnSettingsMap = Record<string, ColumnSettings>;
+
 declare type ColumnType = 'string' | 'number' | 'date';
 
 export declare type ConnectionPolicy = {
@@ -84,6 +118,10 @@ export declare type ConnectionPolicy = {
 
 export declare type CustomCard = CardWithContent | CardWithFooter;
 
+export declare type DashboardEventHandlers = {
+    onExportData?: (payload: ExportDataPayload) => void;
+};
+
 declare type DashboardPlusProps = {
     showControls?: boolean;
     showFooter?: boolean;
@@ -113,6 +151,7 @@ export declare type DashboardProps = {
     onFilterValuesChange?: (filterValues: TFilterValue[]) => void;
     LoadingComponent?: (props: LoadingProps) => React.ReactNode;
     ErrorComponent?: (props: ErrorProps) => React.ReactNode;
+    eventHandlers?: DashboardEventHandlers;
     /**
      * Placeholders for the dashboard.
      */
@@ -146,6 +185,13 @@ export declare type ErrorProps = {
     message?: string;
 };
 
+export declare type ExportDataPayload = {
+    cardId: string;
+    title: string;
+    data: Record<string, any>[];
+    sql: string;
+};
+
 declare interface FilterByColumn extends BaseColumn {
     role: 'filter';
     operators?: string[];
@@ -365,6 +411,13 @@ export declare type StyleProps = {
 
 export declare function Surfboard({ showControls, showFooter, ...rest }: DashboardPlusProps): JSX_2.Element;
 
+declare type TablePreferences = {
+    columnSettingsMap?: ColumnSettingsMap;
+    selectColumnVisible?: boolean;
+    columnVisibility?: Record<string, boolean>;
+    pageSize?: number;
+};
+
 export declare type TBaseQuery = {
     id: string;
     name: string;
@@ -422,6 +475,7 @@ export declare type TCardPreferences = {
     datasetOptions?: TDatasetOptions[];
     chartOptions?: TChartOptions;
     columnSettings?: TColumnSetting<DisplayDataType>[];
+    tablePrefs?: TablePreferences;
     allowDownload?: boolean;
     customVisualCode?: string;
     textVisualOptions?: {

package/dist/types/types.d.ts

@@ -73,6 +73,40 @@ export declare type ColorRange = {
     color: string;
 };
 
+declare interface ColorRange_2 {
+    min: number;
+    max: number;
+    color: string;
+    applyTo: 'cell' | 'row';
+}
+
+declare interface ColumnSettings {
+    type: 'none' | 'text' | 'number' | 'date' | 'badge' | 'link' | 'progress';
+    textAlign: 'left' | 'center' | 'right';
+    width: string;
+    textWrap: 'wrap' | 'nowrap';
+    numberFormat: {
+        style: 'decimal' | 'currency' | 'percent';
+        currency: string;
+        locale: string;
+        minimumFractionDigits: number;
+        maximumFractionDigits: number;
+        showDataBar: boolean;
+        dataBarColor: string;
+        dataBarMinValue?: number;
+        dataBarMaxValue?: number;
+    };
+    dateFormat: {
+        format: string;
+        useCustomFormat: boolean;
+        customFormat: string;
+        useRelativeTime: boolean;
+    };
+    colorRanges: ColorRange_2[];
+}
+
+declare type ColumnSettingsMap = Record<string, ColumnSettings>;
+
 declare type ColumnType = 'string' | 'number' | 'date';
 
 export declare type ConnectionPolicy = {
@@ -83,6 +117,10 @@ export declare type ConnectionPolicy = {
 
 export declare type CustomCard = CardWithContent | CardWithFooter;
 
+export declare type DashboardEventHandlers = {
+    onExportData?: (payload: ExportDataPayload) => void;
+};
+
 export declare type DashboardProps = {
     id?: string;
     /**
@@ -107,6 +145,7 @@ export declare type DashboardProps = {
     onFilterValuesChange?: (filterValues: TFilterValue[]) => void;
     LoadingComponent?: (props: LoadingProps) => React.ReactNode;
     ErrorComponent?: (props: ErrorProps) => React.ReactNode;
+    eventHandlers?: DashboardEventHandlers;
     /**
      * Placeholders for the dashboard.
      */
@@ -140,6 +179,13 @@ export declare type ErrorProps = {
     message?: string;
 };
 
+export declare type ExportDataPayload = {
+    cardId: string;
+    title: string;
+    data: Record<string, any>[];
+    sql: string;
+};
+
 declare interface FilterByColumn extends BaseColumn {
     role: 'filter';
     operators?: string[];
@@ -357,6 +403,13 @@ export declare type StyleProps = {
     };
 };
 
+declare type TablePreferences = {
+    columnSettingsMap?: ColumnSettingsMap;
+    selectColumnVisible?: boolean;
+    columnVisibility?: Record<string, boolean>;
+    pageSize?: number;
+};
+
 export declare type TBaseQuery = {
     id: string;
     name: string;
@@ -414,6 +467,7 @@ export declare type TCardPreferences = {
     datasetOptions?: TDatasetOptions[];
     chartOptions?: TChartOptions;
     columnSettings?: TColumnSetting<DisplayDataType>[];
+    tablePrefs?: TablePreferences;
     allowDownload?: boolean;
     customVisualCode?: string;
     textVisualOptions?: {

package/package.json

@@ -5,7 +5,7 @@
     "email": "support@semaphor.cloud"
   },
   "license": "MIT",
-  "version": "0.0.97",
+  "version": "0.0.100",
   "description": "Fully interactive and customizable dashboards for your apps.",
   "keywords": [
     "react",
@@ -67,7 +67,7 @@
     "@radix-ui/react-scroll-area": "^1.2.2",
     "@radix-ui/react-select": "^2.1.4",
     "@radix-ui/react-separator": "^1.1.1",
-    "@radix-ui/react-slot": "^1.1.1",
+    "@radix-ui/react-slot": "^1.2.2",
     "@radix-ui/react-switch": "^1.1.2",
     "@radix-ui/react-tabs": "^1.1.2",
     "@radix-ui/react-toggle": "^1.1.1",