@databrainhq/plugin 0.9.14 → 0.9.16

package/dist/components/ChartModal/ChartModalOptions.d.ts

@@ -2,6 +2,7 @@ import React from 'react';
 declare type Props = {
     setChartType: React.Dispatch<React.SetStateAction<string>>;
     chartType: string;
+    isEnableTimeSeries: boolean;
 };
-export declare const ChartModalOptions: ({ chartType, setChartType }: Props) => JSX.Element;
+export declare const ChartModalOptions: ({ chartType, setChartType, isEnableTimeSeries, }: Props) => JSX.Element;
 export {};

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

@@ -7,11 +7,10 @@ export declare type ChartPopupProps = React.PropsWithChildren & {
     menuClass?: string;
     menuContainerClass?: string;
     isOpen: boolean;
-    drilldown?: () => void;
     clickBehaviourConfigs: ClickActionsConfig['chart'];
     setOpen: React.Dispatch<React.SetStateAction<boolean>>;
     position?: 'left' | 'right' | 'top' | 'bottom' | 'left-bottom-end' | 'right-bottom-end' | 'left-top-end' | 'right-top-end' | 'bottom-left' | 'bottom-right' | 'top-left' | 'top-right' | 'left-bottom' | 'left-top' | 'right-bottom' | 'right-top' | 'center';
 };
-export declare const ChartPopup: ({ position, menuContainerClass, menuClass, isOpen, setOpen, value, columnName, getUnderlyingData, drilldown, clickBehaviourConfigs, }: ChartPopupProps) => JSX.Element;
-declare const _default: React.MemoExoticComponent<({ position, menuContainerClass, menuClass, isOpen, setOpen, value, columnName, getUnderlyingData, drilldown, clickBehaviourConfigs, }: ChartPopupProps) => JSX.Element>;
+export declare const ChartPopup: ({ position, menuContainerClass, menuClass, isOpen, setOpen, value, columnName, getUnderlyingData, clickBehaviourConfigs, }: ChartPopupProps) => JSX.Element;
+declare const _default: React.MemoExoticComponent<({ position, menuContainerClass, menuClass, isOpen, setOpen, value, columnName, getUnderlyingData, clickBehaviourConfigs, }: ChartPopupProps) => JSX.Element>;
 export default _default;

package/dist/components/Charts/AreaChart.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-declare const AreaChart: ({ data, margins, legendSettings, labelSettings, axisSettings, colors, backGroundColor, customSettings, chartRef, handleChartRightClick, }: any) => JSX.Element;
+declare const AreaChart: ({ data, margins, legendSettings, labelSettings, axisSettings, colors, backGroundColor, customSettings, chartRef, handleChartClick, setShowChartPopup, drilldown, }: any) => JSX.Element;
 export default AreaChart;

package/dist/components/Charts/BarChart.d.ts

@@ -17,7 +17,9 @@ declare type Props = {
     margins: any;
     customSettings: any;
     chartRef: React.RefObject<EChartsReact>;
-    handleChartRightClick?: (params: any) => void;
+    handleChartClick?: (params: any) => void;
+    setShowChartPopup?: any;
+    drilldown?: () => void;
 };
-declare const BarChart: ({ data, colors, backGroundColor, legendSettings, labelSettings, axisSettings, margins, customSettings, chartRef, handleChartRightClick, }: Props) => JSX.Element;
+declare const BarChart: ({ data, colors, backGroundColor, legendSettings, labelSettings, axisSettings, margins, customSettings, chartRef, handleChartClick, setShowChartPopup, drilldown, }: Props) => JSX.Element;
 export default BarChart;

package/dist/components/Charts/BoxPlot.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-declare const BoxPlot: ({ data, margins, legendSettings, axisSettings, colors, customSettings, chartRef, handleChartRightClick, }: any) => JSX.Element;
+declare const BoxPlot: ({ data, margins, legendSettings, axisSettings, colors, customSettings, chartRef, handleChartClick, setShowChartPopup, drilldown, }: any) => JSX.Element;
 export default BoxPlot;

package/dist/components/Charts/BubbleChart.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-declare const BubbleChart: ({ data, margins, legendSettings, labelSettings, axisSettings, colors, customSettings, chartRef, handleChartRightClick, }: any) => JSX.Element;
+declare const BubbleChart: ({ data, margins, legendSettings, labelSettings, axisSettings, colors, customSettings, chartRef, handleChartClick, setShowChartPopup, drilldown, }: any) => JSX.Element;
 export default BubbleChart;

package/dist/components/Charts/ComboChart.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-declare const ComboChart: ({ data, margins, legendSettings, labelSettings, colors, backGroundColor, customSettings, chartRef, handleChartRightClick, }: any) => JSX.Element;
+declare const ComboChart: ({ data, margins, legendSettings, labelSettings, colors, backGroundColor, customSettings, chartRef, handleChartClick, setShowChartPopup, drilldown, }: any) => JSX.Element;
 export default ComboChart;

package/dist/components/Charts/DoughnutChart.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-declare const DoughnutChart: ({ data, margins, legendSettings, labelSettings, colors, chartRef, handleChartRightClick, }: any) => JSX.Element;
+declare const DoughnutChart: ({ data, margins, legendSettings, labelSettings, colors, chartRef, handleChartClick, setShowChartPopup, drilldown, }: any) => JSX.Element;
 export default DoughnutChart;

package/dist/components/Charts/FunnelChart.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-declare const FunnelChart: ({ funnelData, margins, legendSettings, labelSettings, colors, chartRef, handleChartRightClick, customSettings, }: any) => JSX.Element;
+declare const FunnelChart: ({ funnelData, margins, legendSettings, labelSettings, colors, chartRef, handleChartClick, setShowChartPopup, drilldown, customSettings, }: any) => JSX.Element;
 export default FunnelChart;

package/dist/components/Charts/GaugeChart.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-declare const GaugeChart: ({ gaugeData, margins, legendSettings, colors, chartRef, handleChartRightClick, }: any) => JSX.Element;
+declare const GaugeChart: ({ gaugeData, margins, legendSettings, colors, chartRef, handleChartClick, setShowChartPopup, drilldown, }: any) => JSX.Element;
 export default GaugeChart;

package/dist/components/Charts/Histogram.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-declare const Histogram: ({ data, margins, legendSettings, labelSettings, axisSettings, chartRef, colors, backGroundColor, customSettings, handleChartRightClick, }: any) => JSX.Element;
+declare const Histogram: ({ data, margins, legendSettings, labelSettings, axisSettings, chartRef, colors, backGroundColor, customSettings, handleChartClick, setShowChartPopup, drilldown, }: any) => JSX.Element;
 export default Histogram;

package/dist/components/Charts/LineChart.d.ts

@@ -17,7 +17,9 @@ declare type Props = {
     colors?: string[];
     customSettings: CustomSettings;
     chartRef: React.RefObject<EChartsReact>;
-    handleChartRightClick?: (params: any) => void;
+    handleChartClick?: (params: any) => void;
+    setShowChartPopup?: any;
+    drilldown?: () => void;
 };
-declare const LineChart: ({ data, margins, legendSettings, labelSettings, axisSettings, colors, customSettings, chartRef, handleChartRightClick, }: Props) => JSX.Element;
+declare const LineChart: ({ data, margins, legendSettings, labelSettings, axisSettings, colors, customSettings, chartRef, handleChartClick, setShowChartPopup, drilldown, }: Props) => JSX.Element;
 export default LineChart;

package/dist/components/Charts/PieChart.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-declare const PieChart: ({ data, margins, legendSettings, labelSettings, chartRef, colors, handleChartRightClick, }: any) => JSX.Element;
+declare const PieChart: ({ data, margins, legendSettings, labelSettings, chartRef, colors, handleChartClick, setShowChartPopup, drilldown, }: any) => JSX.Element;
 export default PieChart;

package/dist/components/Charts/RowChart.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-declare const RowChart: ({ data, margins, legendSettings, labelSettings, chartRef, colors, backGroundColor, customSettings, handleChartRightClick, }: any) => JSX.Element;
+declare const RowChart: ({ data, margins, legendSettings, labelSettings, chartRef, colors, backGroundColor, customSettings, handleChartClick, setShowChartPopup, drilldown, }: any) => JSX.Element;
 export default RowChart;

package/dist/components/Charts/SankeyChart.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-declare const SankeyChart: ({ data, margins, chartRef, colors, backGroundColor, handleChartRightClick, }: any) => JSX.Element;
+declare const SankeyChart: ({ data, margins, chartRef, colors, backGroundColor, handleChartClick, setShowChartPopup, drilldown, }: any) => JSX.Element;
 export default SankeyChart;

package/dist/components/Charts/ScatterChart.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-declare const ScatterChart: ({ data, margins, legendSettings, labelSettings, axisSettings, chartRef, colors, isEnableGroupBy, backGroundColor, customSettings, handleChartRightClick, }: any) => JSX.Element;
+declare const ScatterChart: ({ data, margins, legendSettings, labelSettings, axisSettings, chartRef, colors, isEnableGroupBy, backGroundColor, customSettings, handleChartClick, setShowChartPopup, drilldown, }: any) => JSX.Element;
 export default ScatterChart;

package/dist/components/Charts/StackedBarChart.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-declare const StackedBarChart: ({ data, margins, legendSettings, labelSettings, axisSettings, chartRef, colors, backGroundColor, customSettings, handleChartRightClick, }: any) => JSX.Element;
+declare const StackedBarChart: ({ data, margins, legendSettings, labelSettings, axisSettings, chartRef, colors, backGroundColor, customSettings, handleChartClick, setShowChartPopup, drilldown, }: any) => JSX.Element;
 export default StackedBarChart;

package/dist/components/Charts/SteppedAreaChart.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-declare const SteppedAreaChart: ({ data, margins, legendSettings, labelSettings, axisSettings, chartRef, colors, backGroundColor, customSettings, handleChartRightClick, }: any) => JSX.Element;
+declare const SteppedAreaChart: ({ data, margins, legendSettings, labelSettings, axisSettings, chartRef, colors, backGroundColor, customSettings, handleChartClick, setShowChartPopup, drilldown, }: any) => JSX.Element;
 export default SteppedAreaChart;

package/dist/components/Charts/TimeSeriesChart.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { TimeSeriesChartProps } from '@/types';
+declare const TimeSeriesChart: ({ dataArray, groupBy, timeStampKey, type, valuekeys, margins, colors, customSettings, axisSettings, labelSettings, legendSettings, backGroundColor, }: TimeSeriesChartProps) => JSX.Element;
+export default TimeSeriesChart;

package/dist/components/Charts/WaterfallChart.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-declare const WaterFallChart: ({ data, margins, labelSettings, axisSettings, chartRef, colors, backGroundColor, customSettings, handleChartRightClick, }: any) => JSX.Element;
+declare const WaterFallChart: ({ data, margins, labelSettings, axisSettings, chartRef, colors, backGroundColor, customSettings, handleChartClick, setShowChartPopup, drilldown, }: any) => JSX.Element;
 export default WaterFallChart;

package/dist/components/MetricChart/MetricChart.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import EChartsReact from 'echarts-for-react';
 import { AxisSettings, LabelSettings, LegendSettings, BackgroundSettings, CustomSettings, TableSettings } from '@/types/app';
-import { ClickActionsConfig } from '@/types';
+import { ClickActionsConfig, TimeSeriesSettingsType } from '@/types';
 export declare type MetricChartProps = {
     data: {
         labels: string[] | undefined;
@@ -34,6 +34,12 @@ export declare type MetricChartProps = {
     tableSettings: TableSettings;
     chartRef: React.RefObject<EChartsReact>;
     tableName?: string;
-    handleChartRightClick?: (params: any) => void;
+    handleChartClick?: (params: any) => void;
+    drilldown?: () => void;
+    setShowChartPopup?: React.Dispatch<React.SetStateAction<boolean>>;
+    rawData: Record<string, any>[];
+    timeSeriesSettings: TimeSeriesSettingsType;
+    xAxis: string;
+    yAxisList: string[];
 };
-export declare const MetricChart: ({ labels, data, chartType, funnelData, sankeyData, singleValueData, margins, legendSettings, labelSettings, axisSettings, customSettings, enableSaveAs, colors, backGroundColor, chartClickConfig, tableSettings, chartRef, tableName, handleChartRightClick, }: MetricChartProps) => JSX.Element;
+export declare const MetricChart: ({ labels, data, chartType, funnelData, sankeyData, singleValueData, margins, legendSettings, labelSettings, axisSettings, customSettings, enableSaveAs, colors, backGroundColor, chartClickConfig, tableSettings, chartRef, tableName, handleChartClick, drilldown, setShowChartPopup, rawData, timeSeriesSettings, xAxis, yAxisList, }: MetricChartProps) => JSX.Element;

package/dist/components/MetricCreation/components/MetricOutput/MetricOutput.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
 import { MetricOutputProps } from '@/types/metricCreate';
-export declare const MetricOutput: ({ data, error, isLoading, labels, funnelData, chartType, datasets, setChartType, setXAxis, setYAxisList, yAxisList, xAxis, setMeasure, setStep, step, measure, setSankeyValues, sankeyData, previewTableDataList, singleValue, setSingleValue, singleValueData, setMargins, margins, legendSettings, setLegendSettings, labelSettings, setLabelSettings, axisSettings, setAxisSettings, customSettings, setCustomSettings, tableSettings, setTableSettings, backGroundColor, setBackGroundColor, moreTabs, chartColors, isUpdateMetric, }: MetricOutputProps) => JSX.Element;
+export declare const MetricOutput: ({ data, error, isLoading, labels, funnelData, chartType, datasets, setChartType, setXAxis, setYAxisList, yAxisList, xAxis, setMeasure, setStep, step, measure, setSankeyValues, sankeyData, previewTableDataList, singleValue, setSingleValue, singleValueData, setMargins, margins, legendSettings, setLegendSettings, labelSettings, setLabelSettings, axisSettings, setAxisSettings, customSettings, setCustomSettings, tableSettings, setTableSettings, backGroundColor, setBackGroundColor, moreTabs, chartColors, isUpdateMetric, setTimeSeriesSettings, timeSeriesSettings, }: MetricOutputProps) => JSX.Element;

package/dist/components/MetricCreation/components/MetricOutput/components/ChartTab/components/ChartConfigure/index.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
 import { AxisSettings, BackgroundSettings, CustomSettings, LabelSettings, LegendSettings, TableSettings } from '@/types/app';
+import { TimeSeriesSettingsType } from '@/types';
 declare type Props = {
     setMargins: React.Dispatch<React.SetStateAction<Record<string, number>>>;
     margins: Record<string, number>;
@@ -17,6 +18,9 @@ declare type Props = {
     setBackGroundColor: React.Dispatch<React.SetStateAction<BackgroundSettings>>;
     tableSettings: TableSettings;
     setTableSettings: React.Dispatch<React.SetStateAction<TableSettings>>;
+    timeSeriesSettings: TimeSeriesSettingsType;
+    setTimeSeriesSettings: React.Dispatch<React.SetStateAction<TimeSeriesSettingsType>>;
+    yAxisList: string[];
 };
-export declare const ChartConfigure: ({ setMargins, margins, legendSettings, setLegendSettings, labelSettings, setLabelSettings, axisSettings, setAxisSettings, chartType, setChartType, customSettings, setCustomSettings, backGroundColor, setBackGroundColor, tableSettings, setTableSettings, }: Props) => JSX.Element;
+export declare const ChartConfigure: ({ setMargins, margins, legendSettings, setLegendSettings, labelSettings, setLabelSettings, axisSettings, setAxisSettings, chartType, setChartType, customSettings, setCustomSettings, backGroundColor, setBackGroundColor, tableSettings, setTableSettings, setTimeSeriesSettings, timeSeriesSettings, yAxisList, }: Props) => JSX.Element;
 export {};

package/dist/components/MetricCreation/components/MetricOutput/components/ChartTab/components/ChartSettings/index.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
 import { AxisSettings, BackgroundSettings, CustomSettings, LabelSettings, LegendSettings, TableSettings } from '@/types/app';
+import { TimeSeriesSettingsType } from '@/types';
 declare type Props = {
     data: any[] | undefined;
     chartType: string;
@@ -30,6 +31,8 @@ declare type Props = {
     setBackGroundColor: React.Dispatch<React.SetStateAction<BackgroundSettings>>;
     tableSettings: TableSettings;
     setTableSettings: React.Dispatch<React.SetStateAction<TableSettings>>;
+    timeSeriesSettings: TimeSeriesSettingsType;
+    setTimeSeriesSettings: React.Dispatch<React.SetStateAction<TimeSeriesSettingsType>>;
 };
-export declare const ChartSettings: ({ chartType, setChartType, data, setXAxis, setYAxisList, yAxisList, xAxis, setMeasure, setStep, step, measure, setSankeyValues, singleValue, setSingleValue, setSettingsShow, setMargins, margins, legendSettings, setLegendSettings, labelSettings, setLabelSettings, axisSettings, setAxisSettings, customSettings, setCustomSettings, backGroundColor, setBackGroundColor, tableSettings, setTableSettings, }: Props) => JSX.Element;
+export declare const ChartSettings: ({ chartType, setChartType, data, setXAxis, setYAxisList, yAxisList, xAxis, setMeasure, setStep, step, measure, setSankeyValues, singleValue, setSingleValue, setSettingsShow, setMargins, margins, legendSettings, setLegendSettings, labelSettings, setLabelSettings, axisSettings, setAxisSettings, customSettings, setCustomSettings, backGroundColor, setBackGroundColor, tableSettings, setTableSettings, setTimeSeriesSettings, timeSeriesSettings, }: Props) => JSX.Element;
 export {};

package/dist/components/MetricCreation/components/MetricOutput/components/ChartTab/index.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { AxisSettings, LabelSettings, LegendSettings, BackgroundSettings, CustomSettings, TableSettings } from '@/types/app';
-import { ClickActionsConfig } from '@/types';
+import { ClickActionsConfig, TimeSeriesSettingsType } from '@/types';
 declare type Props = {
     data: any[] | undefined;
     labels: string[] | undefined;
@@ -52,6 +52,8 @@ declare type Props = {
     chartColors?: string[];
     handleChartRightClick?: (params: any) => void;
     chartClickConfig?: ClickActionsConfig['chart'];
+    timeSeriesSettings: TimeSeriesSettingsType;
+    setTimeSeriesSettings: React.Dispatch<React.SetStateAction<TimeSeriesSettingsType>>;
 };
-export declare const ChartTab: ({ labels, datasets, funnelData, chartType, setChartType, data, setXAxis, setYAxisList, yAxisList, xAxis, setMeasure, setStep, step, measure, setSankeyValues, sankeyData, singleValue, setSingleValue, singleValueData, setMargins, margins, legendSettings, setLegendSettings, labelSettings, setLabelSettings, customSettings, setCustomSettings, axisSettings, setAxisSettings, isLoading, backGroundColor, setBackGroundColor, headerChild, tableSettings, setTableSettings, tableName, chartColors, handleChartRightClick, chartClickConfig, chartPopupChild, }: Props) => JSX.Element;
+export declare const ChartTab: ({ labels, datasets, funnelData, chartType, setChartType, data, setXAxis, setYAxisList, yAxisList, xAxis, setMeasure, setStep, step, measure, setSankeyValues, sankeyData, singleValue, setSingleValue, singleValueData, setMargins, margins, legendSettings, setLegendSettings, labelSettings, setLabelSettings, customSettings, setCustomSettings, axisSettings, setAxisSettings, isLoading, backGroundColor, setBackGroundColor, headerChild, tableSettings, setTableSettings, tableName, chartColors, handleChartRightClick, chartClickConfig, chartPopupChild, setTimeSeriesSettings, timeSeriesSettings, }: Props) => JSX.Element;
 export {};

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

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

package/dist/consts/app.d.ts

@@ -19,6 +19,7 @@ export declare const CHART_TYPES: {
     singleValue: string;
     boxplot: string;
     table: string;
+    timeSeries: string;
 };
 export declare const STATUS_TAB = "STATUS_TAB";
 export declare const STREAM_TAB = "STREAM_TAB";

package/dist/helpers/timeseries.d.ts

@@ -0,0 +1,62 @@
+import { BackgroundSettings, CustomSettings, LabelSettings, TimeSeriesGroupType, TimeSeriesType } from '@/types';
+interface TimeSeriesData {
+    timeStampKey: string;
+    valuekeys: string[];
+    data: Record<string, any>[];
+}
+export declare const getTimeSeriesData: ({ dataArray, timeStampKey, type, valuekeys, groupBy, labelSettings, customSettings, backGroundColor, }: {
+    dataArray: Record<string, any>[];
+    timeStampKey: string;
+    valuekeys: string[];
+    type: TimeSeriesType;
+    groupBy: TimeSeriesGroupType;
+    labelSettings: LabelSettings;
+    customSettings: CustomSettings;
+    backGroundColor: BackgroundSettings;
+}) => ({
+    barWidth?: string | undefined;
+    showBackground?: boolean | undefined;
+    backgroundStyle?: {
+        color: string;
+    } | undefined;
+    itemStyle?: {
+        borderRadius: number;
+    } | undefined;
+    areaStyle: {
+        opacity?: undefined;
+    };
+    data: [string, any][];
+    type: "line" | "bar";
+    name: string;
+    label: {
+        show: boolean;
+        position: string;
+    };
+    emphasis: {
+        focus: string;
+    };
+} | {
+    barWidth?: string | undefined;
+    showBackground?: boolean | undefined;
+    backgroundStyle?: {
+        color: string;
+    } | undefined;
+    itemStyle?: {
+        borderRadius: number;
+    } | undefined;
+    areaStyle: {
+        opacity: number;
+    };
+    data: [string, any][];
+    type: "line" | "bar";
+    name: string;
+    label: {
+        show: boolean;
+        position: string;
+    };
+    emphasis: {
+        focus: string;
+    };
+})[];
+export declare const isTimeSeriesDataValid: ({ data, timeStampKey, valuekeys, }: TimeSeriesData) => boolean;
+export {};

package/dist/hooks/useExternalMetric.d.ts

@@ -1,6 +1,7 @@
 import { FieldValues } from 'react-hook-form';
 import { ExternalMetrics } from '@/utils/generated/graphql';
 import { AxisSettings, CustomSettings, TableSettings, DashboardType, GroupBy, LabelSettings, LegendSettings, RlsFilterObjectType, SelectedColumns, BackgroundSettings } from '@/types/app';
+import { TimeSeriesSettingsType } from '@/types';
 declare type Params = {
     onSuccess: () => void;
     companyIntegrationId: string | undefined;
@@ -24,6 +25,7 @@ declare type Params = {
         customSettings?: CustomSettings;
         tableSettings?: TableSettings;
         backGroundColor?: BackgroundSettings;
+        timeSeriesSettings?: TimeSeriesSettingsType;
     };
     integrationName: string | undefined;
     clientId?: string | null;