@databrainhq/plugin 0.9.19 → 0.9.20

package/dist/types/app.d.ts

@@ -1,65 +1,123 @@
 import type { ReactNode } from 'react';
-export declare type ChildrenProps = {
+import { ColumnSizingState } from '@tanstack/react-table';
+import { CHART_TYPES } from '@/consts';
+export type ChildrenProps = {
     children: ReactNode;
 };
-export declare type LegendSettings = {
-    show: boolean;
-    top: number;
-    bottom: number;
-    left: number;
-    right: number;
-    position: string;
-};
-export declare type CustomSettings = {
-    hideSplitLines: string;
-    hideAxisLines: string;
-    barWidth: number;
-    barRadius: number;
-    xRotation: number;
-    axisLabels: string;
-    fontSize: number;
-    subHeaderShow: boolean;
-    displayText: string;
-    subHeaderFontSize: number;
-    dateFormatter: string;
-    numberFormatter: string;
-    showLabelValues: boolean;
+export type TimeSeriesGroupType = 'yearly' | 'monthly' | 'weekly' | 'daily';
+export type TimeSeriesType = 'bar' | 'line' | 'area';
+export type TimeSeriesSettingsType = {
+    seriesType: {
+        type: TimeSeriesType;
+        column: string;
+    }[];
+    groupBySettings: {
+        isDynamic: boolean;
+        options: string[];
+        value: TimeSeriesGroupType;
+    };
+};
+export type TimeSeriesSettingsProps = {
+    settings: TimeSeriesSettingsType;
+    onChange: (timeSeriesSettings: TimeSeriesSettingsType | ((ts: TimeSeriesSettingsType) => TimeSeriesSettingsType)) => void;
+    yAxisList: string[];
+};
+export type TimeSeriesChartProps = {
+    dataArray: Record<string, any>[];
+    timeStampKey: string;
+    valuekeys: string[];
+    type: TimeSeriesType;
+    groupBy: TimeSeriesGroupType;
+    margins: Record<string, number>;
+    legendSettings: LegendSettings;
+    labelSettings: LabelSettings;
+    axisSettings: AxisSettings;
+    colors?: string[];
+    customSettings: CustomSettings;
+    backGroundColor: BackgroundSettings;
+};
+export type LegendSettings = {
+    show?: boolean;
+    top?: number;
+    bottom?: number;
+    left?: number;
+    right?: number;
+    position?: string;
+};
+export type MarginSettings = {
+    marginTop?: number;
+    marginBottom?: number;
+    marginLeft?: number;
+    marginRight?: number;
+};
+export type CustomSettings = {
+    hideSplitLines?: string;
+    hideAxisLines?: string;
+    barWidth?: number;
+    barRadius?: number;
+    xRotation?: number;
+    axisLabels?: string;
+    fontSize?: number;
+    subHeaderShow?: boolean;
+    displayText?: string;
+    subHeaderFontSize?: number;
+    dateFormatter?: string;
+    numberFormatter?: string;
+    showLabelValues?: boolean;
     showFullStacked?: boolean;
     showConversionRate?: boolean;
     labelFormat?: string;
 };
-export declare type TableSettings = {
-    contentAlignment: string;
-    lineGap: string;
-    hideVerticalDivider: boolean;
-    enableStripedRows: boolean;
-    showRowHover: boolean;
-    showTableTitle: boolean;
-    showTableDesc: boolean;
-    enableTableSearch: boolean;
-    enableFilter: boolean;
-    enableSorting: boolean;
+export type TableSettings = {
+    contentAlignment?: string;
+    lineGap?: string;
+    hideVerticalDivider?: boolean;
+    enableStripedRows?: boolean;
+    showRowHover?: boolean;
+    showTableTitle?: boolean;
+    showTableDesc?: boolean;
+    enableTableSearch?: boolean;
+    enableFilter?: boolean;
+    enableSorting?: boolean;
     disablePagination?: boolean;
     defaultRowSize?: string;
-};
-export declare type BackgroundSettings = {
-    show: boolean;
-};
-export declare type LabelSettings = {
-    axis: string;
-    show: boolean;
-    position: string;
-};
-export declare type AxisSettings = {
-    axis: string;
-};
-export declare type SelectedColumns = {
+    columnSizing?: ColumnSizingState;
+};
+export type BackgroundSettings = {
+    show?: boolean;
+};
+export type LabelSettings = {
+    axis?: string;
+    show?: boolean;
+    position?: string;
+};
+export type AxisSettings = {
+    axis?: string;
+};
+export type ChartSettingsType = {
+    chartType: keyof typeof CHART_TYPES;
+    margins?: MarginSettings;
+    xAxis?: string;
+    yAxisList?: string[];
+    step?: string;
+    measure?: string;
+    singleValue?: string;
+    sankeyValues?: string[];
+    legendSettings?: LegendSettings;
+    labelSettings?: LabelSettings;
+    customSettings?: CustomSettings;
+    tableSettings?: TableSettings;
+    axisSettings?: AxisSettings;
+    backGroundColor?: BackgroundSettings;
+    timeSeriesSettings?: TimeSeriesSettingsType;
+};
+export type SelectedColumns = {
     column: string;
     datatype: string;
     schemaName: string;
     tableName: string;
 };
-export declare type Schema = {
+export type Schema = {
     id: string;
     schemaName: string;
     tableName: string;
@@ -71,7 +129,7 @@ export declare type Schema = {
         isDefault?: boolean;
     }[];
 };
-export declare type RlsFilterObjectType = {
+export type RlsFilterObjectType = {
     columnName: string;
     condition: string;
     createdAt: any;
@@ -87,7 +145,7 @@ export declare type RlsFilterObjectType = {
         lastName: string;
     };
 };
-export declare type SelectedTable = {
+export type SelectedTable = {
     tableName: string;
     columns: {
         name: string;
@@ -95,40 +153,40 @@ export declare type SelectedTable = {
         as: string;
     }[] | [];
 }[] | undefined;
-export declare type GroupBy = {
+export type GroupBy = {
     column: string;
     parentColumn?: {
         column: string;
         value: string;
     };
 };
-export declare type ClientType = {
+export type ClientType = {
     label: string;
     value: string;
 };
-export declare type DashboardType = {
+export type DashboardType = {
     id: string;
     name: string;
 };
-export declare type FloatingDropDownOption = {
+export type FloatingDropDownOption = {
     key?: string;
     label: string;
     value: string;
 };
-export declare type FilterType = {
+export type FilterType = {
     tableName: string;
     columns: Schema['columnsWithDataType'];
 };
-export declare type JoinField = {
+export type JoinField = {
     a: string;
     b: string;
 };
-export declare type SqlError = {
+export type SqlError = {
     errorMessage: string;
     explanation: string;
     solution: string;
 };
-export declare type DateOptionType = {
+export type DateOptionType = {
     id: string;
     range: string;
     time: string;
@@ -136,7 +194,7 @@ export declare type DateOptionType = {
     name: string;
     count: number;
 };
-export declare type RlsCondition = {
+export type RlsCondition = {
     name: string;
     columnName: string;
     tableName: string;
@@ -147,7 +205,7 @@ export declare type RlsCondition = {
     dimensionColumn?: string;
     measureColumn?: string;
 };
-export declare type MetricData = {
+export type MetricData = {
     id: string;
     name: string;
     dashboards: {
@@ -158,7 +216,7 @@ export declare type MetricData = {
     createdBy: string;
     dateCreated: string;
 };
-export declare type GetUnderlyingData = ({ columnName, value, setData, setLoading, }: {
+export type GetUnderlyingData = ({ columnName, value, setData, setLoading, }: {
     columnName: string;
     value: any;
     setData: React.Dispatch<React.SetStateAction<any[]>>;

package/dist/types/metricCreate.d.ts

@@ -1,30 +1,12 @@
 import { Dispatch, SetStateAction } from 'react';
-import { AxisSettings, BackgroundSettings, CustomSettings, LabelSettings, LegendSettings, RlsCondition, FloatingDropDownOption, TableSettings } from './app';
+import { RlsCondition, FloatingDropDownOption, ChartSettingsType } from './app';
 import { ExternalMetrics } from '@/utils/generated/graphql';
-declare type ColumnData = {
+type ColumnData = {
     name: string;
     datatype: string;
     as: string;
 };
-export declare type TimeSeriesGroupType = 'yearly' | 'monthly' | 'weekly' | 'daily';
-export declare type TimeSeriesType = 'bar' | 'line' | 'area';
-export declare type TimeSeriesSettingsType = {
-    seriesType: {
-        type: TimeSeriesType;
-        column: string;
-    }[];
-    groupBySettings: {
-        isDynamic: boolean;
-        options: string[];
-        value: TimeSeriesGroupType;
-    };
-};
-export declare type TimeSeriesSettingsProps = {
-    settings: TimeSeriesSettingsType;
-    onChange: React.Dispatch<React.SetStateAction<TimeSeriesSettingsType>>;
-    yAxisList: string[];
-};
-export declare type EmbeddedMetricCreationProps = {
+export type EmbeddedMetricCreationProps = {
     clientId: string;
     companyId: string;
     isLiveMode: boolean;
@@ -38,7 +20,7 @@ export declare type EmbeddedMetricCreationProps = {
     metricData?: Record<string, any>[];
     workspaceId: string;
 };
-export declare type HeaderProps = {
+export type HeaderProps = {
     Heading: string;
     setShowMetricCreateModal: React.Dispatch<React.SetStateAction<boolean>>;
     isDisableSqlBtn: boolean;
@@ -46,13 +28,13 @@ export declare type HeaderProps = {
     setShowSqlModal: React.Dispatch<React.SetStateAction<boolean>>;
     setShowSaveMetricModal: React.Dispatch<React.SetStateAction<boolean>>;
 };
-export declare type DatasetProps = {
+export type DatasetProps = {
     setselectTable: React.Dispatch<React.SetStateAction<FloatingDropDownOption>>;
     selectTable: FloatingDropDownOption;
     tableList: FloatingDropDownOption[];
     columnList: ColumnData[];
 };
-export declare type ConstructMetricProps = {
+export type ConstructMetricProps = {
     columnList: FloatingDropDownOption[];
     dateTimeColumnList: ColumnData[];
     companyId: string;
@@ -66,11 +48,11 @@ export declare type ConstructMetricProps = {
     clientColumn?: string;
     databaseId: string;
 };
-export declare type MetricsValue = {
+export type MetricsValue = {
     value: string;
     as: string;
 };
-export declare type MetricOutputProps = {
+export type MetricOutputProps = {
     data: any[] | undefined;
     isUpdateMetric?: boolean;
     query?: string;
@@ -83,50 +65,8 @@ export declare type MetricOutputProps = {
     setError?: React.Dispatch<React.SetStateAction<string>>;
     destinationId?: string;
     dbName?: string;
-    labels: string[] | undefined;
-    funnelData: ('' | {
-        value: any;
-        name: any;
-    } | undefined)[] | undefined;
-    chartType: string;
-    datasets: {
-        label: string;
-        data: any[] | undefined;
-        borderColor: string;
-    }[] | undefined;
-    setChartType: React.Dispatch<React.SetStateAction<string>>;
-    setXAxis: React.Dispatch<React.SetStateAction<string | undefined>>;
-    setYAxisList: React.Dispatch<React.SetStateAction<string[] | undefined>>;
-    yAxisList?: string[];
-    xAxis: string | undefined;
-    setMeasure: React.Dispatch<React.SetStateAction<string | undefined>>;
-    setStep: React.Dispatch<React.SetStateAction<string | undefined>>;
-    step: string | undefined;
-    measure: string | undefined;
-    setSankeyValues: React.Dispatch<React.SetStateAction<string[] | undefined>>;
-    sankeyData: (any[] | undefined)[] | undefined;
     previewTableDataList: any[] | undefined;
-    singleValue: string | undefined;
-    setSingleValue: React.Dispatch<React.SetStateAction<string | undefined>>;
-    singleValueData: ('' | {
-        value: any;
-        label: string;
-    } | undefined)[] | undefined;
-    setMargins: React.Dispatch<React.SetStateAction<Record<string, number>>>;
-    margins: Record<string, number>;
-    legendSettings: LegendSettings;
-    setLegendSettings: React.Dispatch<React.SetStateAction<LegendSettings>>;
-    labelSettings: LabelSettings;
-    setLabelSettings: React.Dispatch<React.SetStateAction<LabelSettings>>;
-    axisSettings: AxisSettings;
-    setAxisSettings: React.Dispatch<React.SetStateAction<AxisSettings>>;
-    customSettings: CustomSettings;
-    setCustomSettings: React.Dispatch<React.SetStateAction<CustomSettings>>;
     enableQueryTab?: boolean;
-    backGroundColor: BackgroundSettings;
-    setBackGroundColor: React.Dispatch<React.SetStateAction<BackgroundSettings>>;
-    tableSettings: TableSettings;
-    setTableSettings: React.Dispatch<React.SetStateAction<TableSettings>>;
     rlsConditions?: RlsCondition[] | undefined;
     onChangeFilterValue?: (name: string, value: string) => void;
     moreTabs?: {
@@ -135,14 +75,14 @@ export declare type MetricOutputProps = {
         tabContent: JSX.Element;
     }[];
     chartColors?: string[];
-    timeSeriesSettings: TimeSeriesSettingsType;
-    setTimeSeriesSettings: React.Dispatch<React.SetStateAction<TimeSeriesSettingsType>>;
+    chartSettings: ChartSettingsType;
+    setChartSettings: React.Dispatch<React.SetStateAction<ChartSettingsType>>;
 };
-export declare type CompanyIntegration = {
+export type CompanyIntegration = {
     id: string;
     name: string;
 } | undefined;
-export declare type ClickActionsConfig = {
+export type ClickActionsConfig = {
     card: {
         isEnable: boolean;
         baseUrl: string;
@@ -158,23 +98,9 @@ export declare type ClickActionsConfig = {
         routeType: string;
     };
 };
-export declare type DrillDownSetting = {
+export type DrillDownSetting = {
     selectedMeasures: string[];
     selectedDimensions: string[];
     isEnableGroupBy: boolean;
 };
-export declare type TimeSeriesChartProps = {
-    dataArray: Record<string, any>[];
-    timeStampKey: string;
-    valuekeys: string[];
-    type: TimeSeriesType;
-    groupBy: TimeSeriesGroupType;
-    margins: Record<string, number>;
-    legendSettings: LegendSettings;
-    labelSettings: LabelSettings;
-    axisSettings: AxisSettings;
-    colors?: string[];
-    customSettings: CustomSettings;
-    backGroundColor: BackgroundSettings;
-};
 export {};