@databrainhq/plugin 0.14.57 → 0.14.58

package/dist/components/List/index.d.ts

@@ -21,5 +21,7 @@ export type ListProps = {
         action: string;
         id: string;
     }>>;
+    isDisableMoreOption?: boolean;
+    isEnableHovering?: boolean;
 };
-export declare const List: ({ headers, data, variant, noDataText, loadMoreText, className, initialLimit, isDataLoading, showLogo, isShowOptions, setValue, }: ListProps) => React.JSX.Element;
+export declare const List: ({ headers, data, variant, noDataText, loadMoreText, className, initialLimit, isDataLoading, showLogo, isShowOptions, setValue, isDisableMoreOption, isEnableHovering, }: ListProps) => React.JSX.Element;

package/dist/components/TimeSeriesSettings/index.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { TimeSeriesSettingsProps } from '@/types';
-declare const TimeSeriesSettings: ({ onChange, settings: { groupBySettings, seriesType }, yAxisList, }: TimeSeriesSettingsProps) => React.JSX.Element;
+declare const TimeSeriesSettings: ({ onChange, settings: { groupBySettings, seriesType }, yAxisList, onChangeTimeseriesFormat, }: TimeSeriesSettingsProps) => React.JSX.Element;
 export default TimeSeriesSettings;

package/dist/consts/app.d.ts

@@ -98,7 +98,7 @@ export declare const NUMBER_FORMAT: {
     label: string;
     value: string;
 }[];
-export declare const ICONS_LIST: readonly ["new-window", "circle", "group-by", "undo", "redo", "maximize", "minimize", "fullscreen", "download", "archive", "format", "company", "profile", "users", "bar-chart", "bar-chart-2", "kebab-menu-horizontal", "kebab-menu-vertical", "paint-brush", "funnel", "funnel-simple", "cross", "columns", "gear", "presentation-chart", "chevron-down", "plus", "info", "arrow-down", "arrow-up", "arrow-left", "arrow-right", "double-arrow-left", "double-arrow-right", "expand-arrows", "eye", "eye-slash", "database", "magnifying-glass", "pencil-simple-line", "pencil-simple", "file-sql", "code", "sign-out", "save", "delete", "align-space-even", "align-bottom", "align-left", "align-right", "align-top", "trend-up", "trend-up-chart", "caret-down-fill", "caret-up-fill", "caret-up-down", "pie-chart", "table-view", "task-done-file", "right-angle", "text-rotation-angle-up", "text-rotation-none", "text-rotation-up", "preview-file", "share", "image", "text", "color-palette", "shuffle", "table", "chart", "calendar", "horizontal-rule", "short-text", "subheader", "copy", "timer", "link", "not-found", "bar-chart-horizontal", "line-chart", "line-chart-trend-up", "globe", "map", "leaderboard", "radar", "scale", "scatter-plot", "tree", "donut-chart", "scatter-chart", "waterfall-chart", "area-chart", "bubble-chart", "candlestick-chart", "string", "boolean", "date", "number", "unknown", "array", "right-join", "left-join", "outer-join", "right-full-join", "left-full-join", "inner-join", "full-join", "version-history", "roles"];
+export declare const ICONS_LIST: readonly ["people", "new-window", "circle", "group-by", "undo", "redo", "maximize", "minimize", "fullscreen", "download", "archive", "format", "company", "profile", "users", "bar-chart", "bar-chart-2", "kebab-menu-horizontal", "kebab-menu-vertical", "paint-brush", "funnel", "funnel-simple", "cross", "columns", "gear", "presentation-chart", "chevron-down", "plus", "info", "arrow-down", "arrow-up", "arrow-left", "arrow-right", "double-arrow-left", "double-arrow-right", "expand-arrows", "eye", "eye-slash", "database", "magnifying-glass", "pencil-simple-line", "pencil-simple", "file-sql", "code", "sign-out", "save", "delete", "align-space-even", "align-bottom", "align-left", "align-right", "align-top", "trend-up", "trend-up-chart", "caret-down-fill", "caret-up-fill", "caret-up-down", "pie-chart", "table-view", "task-done-file", "right-angle", "text-rotation-angle-up", "text-rotation-none", "text-rotation-up", "preview-file", "share", "image", "text", "color-palette", "shuffle", "table", "chart", "calendar", "horizontal-rule", "short-text", "subheader", "copy", "timer", "link", "not-found", "bar-chart-horizontal", "line-chart", "line-chart-trend-up", "globe", "map", "leaderboard", "radar", "scale", "scatter-plot", "tree", "donut-chart", "scatter-chart", "waterfall-chart", "area-chart", "bubble-chart", "candlestick-chart", "string", "boolean", "date", "number", "unknown", "array", "right-join", "left-join", "outer-join", "right-full-join", "left-full-join", "inner-join", "full-join", "version-history", "roles"];
 export declare const NUMBER = "number";
 export declare const STRING = "string";
 export declare const BOOLEAN = "boolean";

package/dist/helpers/index.d.ts

@@ -9,3 +9,4 @@ export * from './areArraysEqual';
 export * from './generateTimeRangeWhereClause';
 export * from './getColumnType';
 export * from './createMetric';
+export * from './timeseriesOption';

package/dist/helpers/timeseriesOption.d.ts

@@ -0,0 +1,198 @@
+import { BackgroundSettings, ChartSettingsType, CustomSettings, FloatingDropDownOption, LabelSettings, LegendSettings } from '@/types';
+type DataRow = Record<string, any>;
+type AxisSettings = {
+    axis?: string | undefined;
+};
+type GetSeriesOptionParams = {
+    chartOptions: ChartSettingsType;
+    data: DataRow[];
+    labelSettings: LabelSettings;
+    backGroundColor: BackgroundSettings;
+    customSettings: CustomSettings;
+    colorOptions: Record<string, any>;
+    defaultOptions: Record<string, any>;
+    legendSettings: LegendSettings;
+    axisSettings: AxisSettings;
+    legendPosition: Record<string, any>;
+};
+export declare const getSeriesOption: ({ chartOptions, data, backGroundColor, customSettings, labelSettings, colorOptions, defaultOptions, legendSettings, axisSettings, legendPosition, }: GetSeriesOptionParams) => {
+    axisLine: {
+        show: boolean | undefined;
+    };
+    axisLabel: {
+        show: boolean | undefined;
+    };
+    tooltip: {
+        trigger: string;
+        backgroundColor: string;
+        borderRadius: number;
+        padding: number;
+        axisPointer: {
+            type: string;
+        };
+        className: string;
+        enterable: boolean;
+        valueFormatter: (value: any) => string;
+        formatter: (params: any) => string;
+    };
+    xAxis: {
+        name: string | undefined;
+        nameLocation: string;
+        nameGap: number;
+        nameTextStyle: {
+            fontSize: number;
+            color: string;
+            fontWeight: number;
+        };
+        type: string;
+        axisTick: {
+            alignWithLabel: boolean;
+        };
+        axisLabel: {
+            formatter?: ((value: any) => string) | undefined;
+            show: boolean;
+            color: string;
+            fontSize: number;
+            fontWeight: number;
+            fontFamily: string | undefined;
+            interval: number;
+            rotate: number | undefined;
+            hideOverlap: boolean;
+        };
+        splitLine: {
+            show: boolean;
+        };
+        axisLine: {
+            show: boolean;
+        };
+        data: string[];
+    };
+    yAxis: {
+        name: string | undefined;
+        nameLocation: string;
+        nameGap: number;
+        nameTextStyle: {
+            fontSize: number;
+            color: string;
+            fontWeight: number;
+        };
+        type: string;
+        position: string | undefined;
+        splitLine: {
+            show: boolean;
+        };
+        axisLine: {
+            show: boolean;
+        };
+        axisLabel: {
+            show: boolean;
+            color: string;
+            fontSize: number;
+            fontWeight: number;
+            fontFamily: string | undefined;
+            formatter: (value: any) => string;
+        };
+    };
+    legend: {
+        orient: string | undefined;
+        icon: string | undefined;
+        type: string;
+        data: string[];
+        formatter(value: any): string;
+        tooltip: {
+            show: boolean;
+            formatter(params: {
+                name: any;
+            }): any;
+        };
+        textStyle: {
+            rich: {
+                a: {
+                    fontSize: number;
+                    lineHeight: number;
+                };
+            };
+        };
+        top: number | undefined;
+        left: number | undefined;
+        right: number | undefined;
+        bottom: number | undefined;
+        show: boolean | undefined;
+    } | {
+        orient: string | undefined;
+        icon: string | undefined;
+        type: string;
+        data: string[];
+        formatter(value: any): string;
+        tooltip: {
+            show: boolean;
+            formatter(params: {
+                name: any;
+            }): any;
+        };
+        textStyle: {
+            rich: {
+                a: {
+                    fontSize: number;
+                    lineHeight: number;
+                };
+            };
+        };
+        show: boolean | undefined;
+    };
+    series: ({
+        stack?: string | undefined;
+        barWidth?: string | undefined;
+        showBackground?: boolean | undefined;
+        backgroundStyle?: {
+            color: string;
+        } | undefined;
+        itemStyle?: {
+            borderRadius: number[] | undefined;
+        } | undefined;
+        areaStyle: {
+            opacity?: undefined;
+        };
+        data: string[] | number[];
+        type: "line" | "bar";
+        name: string;
+        label: {
+            show: boolean | undefined;
+            position: string | undefined;
+            formatter(d: {
+                data: any;
+            }): string;
+        };
+        emphasis: {
+            focus: string;
+        };
+    } | {
+        stack?: string | undefined;
+        barWidth?: string | undefined;
+        showBackground?: boolean | undefined;
+        backgroundStyle?: {
+            color: string;
+        } | undefined;
+        itemStyle?: {
+            borderRadius: number[] | undefined;
+        } | undefined;
+        areaStyle: {
+            opacity: number;
+        };
+        data: string[] | number[];
+        type: "line" | "bar";
+        name: string;
+        label: {
+            show: boolean | undefined;
+            position: string | undefined;
+            formatter(d: {
+                data: any;
+            }): string;
+        };
+        emphasis: {
+            focus: string;
+        };
+    })[];
+};
+export declare const getFormat: (value: FloatingDropDownOption, dbName: string) => "%b - %Y" | "Mon - yyyy" | "%Y" | "yyyy" | "%Q %Y" | "Q yyyy" | "%Y-%m-%d" | "yyyy-mm-dd" | "%Y-%m-%W" | "yyyy-mm-WW";
+export {};

package/dist/hooks/useMetricCard.d.ts

@@ -82,5 +82,8 @@ export declare const useMetricCard: ({ metric, globalFilters, rlsFilters, client
     pivotHeaderOptions: FloatingDropDownOption[];
     pivotDrillState: PivotDrillState;
     onDrillPivotTable: ({ filters, nextLevel, currentValue, }: OnDrillPivotTableParams) => void;
+    legendData: any;
+    timeseriesDimension: any;
+    isPythonMode: boolean;
 };
 export {};

package/dist/types/app.d.ts

@@ -49,6 +49,7 @@ export type TimeSeriesSettingsProps = {
     settings: TimeSeriesSettingsType;
     onChange: (timeSeriesSettings: TimeSeriesSettingsType | ((ts: TimeSeriesSettingsType) => TimeSeriesSettingsType)) => void;
     yAxisList: string[];
+    onChangeTimeseriesFormat: (value: FloatingDropDownOption) => void;
 };
 export type TimeSeriesChartProps = {
     dataArray: Record<string, any>[];
@@ -192,7 +193,7 @@ export type CustomSettings = {
     showStackLabels?: boolean;
     coloredBars?: boolean;
 };
-export type Colors = 'primary' | 'primary-dark' | 'secondary' | 'secondary-dark' | 'alert' | 'alert-dark' | 'alert-light' | 'success' | 'success-dark' | 'success-light' | 'warning' | 'warning-dark' | 'info' | 'info-light' | 'white' | 'gray' | 'gray-dark' | 'light' | 'dark' | 'infoAlert';
+export type Colors = 'primary' | 'primary-dark' | 'secondary' | 'secondary-dark' | 'alert' | 'alert-dark' | 'alert-light' | 'success' | 'success-dark' | 'success-light' | 'warning' | 'warning-dark' | 'info' | 'info-light' | 'white' | 'gray' | 'gray-dark' | 'light' | 'dark' | 'infoAlert' | 'cta';
 export type IconType = (typeof ICONS_LIST)[number];
 export type LogoType = 'redshift' | 'postgres' | 'mysql' | 'mongodb' | 'bigquery' | 'snowflake' | 'microsoft' | 'google' | 'elasticsearch' | 'redis' | 'databricks' | 'clickhouse' | 'mssql' | 'awss3';
 export type IconSizes = 'xxs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';

package/dist/types/queryTypes.d.ts

@@ -54,6 +54,10 @@ export type UseMetricQueryQueryInputType = {
     isAllClient?: boolean;
     disableStringify?: boolean;
     pivotHeaders?: string[];
+    timeseriesSettings?: {
+        format: string;
+        seriesField: string;
+    };
 };
 export type UseMetricQueryQueryOutputType = {
     data?: any | null;

package/dist/utils/getChartOptions.d.ts

@@ -28,9 +28,10 @@ export type GetChartOptionsParams = {
     data: Record<string, any>[];
     colors?: string[];
     geoJsonData?: any;
+    isPythonMode?: boolean;
 };
 export declare const getLegendData: ({ chartOptions, data, }: {
     chartOptions: ChartSettingsType;
     data: Record<string, any>[];
 }) => any;
-export declare const getChartOptions: ({ chartOptions, data, colors, geoJsonData, }: GetChartOptionsParams) => Record<string, any>;
+export declare const getChartOptions: ({ chartOptions, data, colors, isPythonMode, geoJsonData, }: GetChartOptionsParams) => Record<string, any>;