@databrainhq/plugin 0.9.15 → 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/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/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;
@@ -37,5 +37,9 @@ export declare type MetricChartProps = {
     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, handleChartClick, drilldown, setShowChartPopup, }: 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;