@databrainhq/plugin 0.6.6 → 0.6.7

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

@@ -9,5 +9,5 @@ interface Props {
     onClick?: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
     title?: string;
 }
-declare const Button: ({ isDisabled, type, className, children, variant, size, onClick, title }: Props) => any;
+declare const Button: ({ isDisabled, type, className, children, variant, size, onClick, title, }: Props) => JSX.Element;
 export default Button;

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

@@ -14,5 +14,5 @@ declare type Props = {
     setSingleValue: React.Dispatch<React.SetStateAction<string | undefined>>;
     setSettingsShow: React.Dispatch<React.SetStateAction<boolean>>;
 };
-declare const _default: React.MemoExoticComponent<({ data, setXAxis, xAxis, setYAxisList, chartType, setStep, setMeasure, step, measure, setSankeyValues, setSettingsShow, singleValue, setSingleValue }: Props) => any>;
+declare const _default: React.MemoExoticComponent<({ data, setXAxis, xAxis, setYAxisList, chartType, setStep, setMeasure, step, measure, setSankeyValues, setSettingsShow, singleValue, setSingleValue, }: Props) => JSX.Element>;
 export default _default;

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

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

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

@@ -1,2 +1,3 @@
-declare const SelectField: ({ value, options, control }: any) => any;
+/// <reference types="react" />
+declare const SelectField: ({ value, options, control }: any) => JSX.Element;
 export default SelectField;

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

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

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare type Props = {
     data: {
         labels: string[] | undefined;
@@ -10,6 +11,12 @@ declare type Props = {
     colors?: string[];
     updateGroup?: (value: string) => void;
     isEnableGroupBy?: boolean;
+    backGroundColor: any;
+    legendSettings: any;
+    labelSettings: any;
+    axisSettings: any;
+    margins: any;
+    customSettings: any;
 };
-declare const BarChart: ({ data, colors, updateGroup, isEnableGroupBy }: Props) => any;
+declare const BarChart: ({ data, colors, updateGroup, isEnableGroupBy, backGroundColor, legendSettings, labelSettings, axisSettings, margins, customSettings, }: Props) => JSX.Element;
 export default BarChart;

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

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

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

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

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

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

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

@@ -1,2 +1,3 @@
-declare const DoughnutChart: ({ data, margins, legendSettings, labelSettings, enableSaveAs, colors, updateGroup, isEnableGroupBy }: any) => any;
+/// <reference types="react" />
+declare const DoughnutChart: ({ data, margins, legendSettings, labelSettings, enableSaveAs, colors, updateGroup, isEnableGroupBy, }: any) => JSX.Element;
 export default DoughnutChart;

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

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

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

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

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

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

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

@@ -1,4 +1,5 @@
-import { AxisSettings, LabelSettings, LegendSettings } from '@/types';
+/// <reference types="react" />
+import { AxisSettings, CustomSettings, LabelSettings, LegendSettings } from '@/types';
 declare type Props = {
     data: {
         labels: string[] | undefined;
@@ -16,6 +17,7 @@ declare type Props = {
     colors?: string[];
     updateGroup?: (value: string) => void;
     isEnableGroupBy?: boolean;
+    customSettings: CustomSettings;
 };
-declare const LineChart: ({ data, margins, legendSettings, labelSettings, axisSettings, enableSaveAs, colors, updateGroup, isEnableGroupBy }: Props) => any;
+declare const LineChart: ({ data, margins, legendSettings, labelSettings, axisSettings, enableSaveAs, colors, updateGroup, isEnableGroupBy, customSettings, }: Props) => JSX.Element;
 export default LineChart;

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

@@ -1,2 +1,3 @@
-declare const PieChart: ({ data, margins, legendSettings, labelSettings, enableSaveAs, colors, updateGroup, isEnableGroupBy }: any) => any;
+/// <reference types="react" />
+declare const PieChart: ({ data, margins, legendSettings, labelSettings, enableSaveAs, colors, updateGroup, isEnableGroupBy, }: any) => JSX.Element;
 export default PieChart;

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

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

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

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

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

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

package/dist/components/Charts/SingleValueChart/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const SingleValueChart: ({ data }: any) => JSX.Element;
+export default SingleValueChart;

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

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

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

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

package/dist/components/Charts/Table/TableChart.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const TableChart: ({ data }: any) => JSX.Element;
+export default TableChart;

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

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

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

@@ -1,3 +1,3 @@
 import React from 'react';
-declare const _default: React.MemoExoticComponent<({ datatype }: Record<string, string>) => any>;
+declare const _default: React.MemoExoticComponent<({ datatype }: Record<string, string>) => JSX.Element>;
 export default _default;

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

@@ -1,5 +1,6 @@
+/// <reference types="react" />
 declare type ErrorMessageProps = {
     message?: string;
 };
-declare const Error: ({ message }: ErrorMessageProps) => any;
+declare const Error: ({ message }: ErrorMessageProps) => JSX.Element;
 export default Error;

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

@@ -1,3 +1,3 @@
 import React from 'react';
-declare const _default: React.MemoExoticComponent<() => any>;
+declare const _default: React.MemoExoticComponent<() => JSX.Element>;
 export default _default;

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

@@ -8,5 +8,5 @@ export declare type FilterDropDownProps = Omit<FloatingDropDownProps, 'options'
 };
 export declare type MultiFilterDropDownProps = Pick<FilterDropDownProps, 'autoSelected' | 'companyId' | 'filter'> & Omit<MultiFloatingDropDownProps, 'options' | 'isDisabled'>;
 export declare const MultiFilterDropdown: React.FC<MultiFilterDropDownProps>;
-declare const _default: React.MemoExoticComponent<({ companyId, filter, onChange, selectedOption, autoSelected, ...rest }: FilterDropDownProps) => any>;
+declare const _default: React.MemoExoticComponent<({ companyId, filter, onChange, selectedOption, autoSelected, ...rest }: FilterDropDownProps) => JSX.Element>;
 export default _default;

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

@@ -21,5 +21,5 @@ export declare type MultiFloatingDropDownProps = Omit<FloatingDropDownProps, 'se
     onChange: (options: FloatingDropDownOption[]) => void;
 };
 export declare const MultiFloatingDropDown: React.FC<MultiFloatingDropDownProps>;
-declare const _default: React.MemoExoticComponent<({ label, labelVariant, selectedOption, onChange, className, options, isDisabled, children, Icon, isSearchEnabled }: FloatingDropDownProps) => any>;
+declare const _default: React.MemoExoticComponent<({ label, labelVariant, selectedOption, onChange, className, options, isDisabled, children, Icon, isSearchEnabled, }: FloatingDropDownProps) => JSX.Element>;
 export default _default;

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

@@ -1,8 +1,9 @@
+/// <reference types="react" />
 import { MetricChartProps } from '@/components/MetricChart';
 declare type Props = {
     isShow: boolean;
     onCancel: () => void;
     chart?: MetricChartProps;
 };
-declare const FullScreenChart: ({ isShow, onCancel, chart }: Props) => any;
+declare const FullScreenChart: ({ isShow, onCancel, chart }: Props) => JSX.Element;
 export default FullScreenChart;

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

@@ -0,0 +1,5 @@
+import React from 'react';
+declare const _default: React.NamedExoticComponent<{
+    children?: React.ReactNode;
+}>;
+export default _default;

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

@@ -21,5 +21,5 @@ interface Props {
     inputClass?: string;
     className?: string;
 }
-declare const InputField: ({ id, name, value, placeholder, label, type, onBlur, onFocus, onChange, onKeyDown, defaultValue, register, error, icon, checked, isDisabled, labelClass, inputClass, className }: Props) => any;
+declare const InputField: ({ id, name, value, placeholder, label, type, onBlur, onFocus, onChange, onKeyDown, defaultValue, register, error, icon, checked, isDisabled, labelClass, inputClass, className, }: Props) => JSX.Element;
 export default InputField;

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

@@ -3,6 +3,8 @@ declare type CsvDownloadButtonProps = {
     className?: string;
     data: Record<string, string>[];
     fileName: string;
+    iconClass?: string;
+    text?: string;
 };
 declare const _default: React.NamedExoticComponent<CsvDownloadButtonProps>;
 export default _default;

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

@@ -1,4 +1,5 @@
-import { AxisSettings, LabelSettings, LegendSettings } from '@/types';
+/// <reference types="react" />
+import { AxisSettings, LabelSettings, LegendSettings, BackgroundSettings, CustomSettings } from '@/types';
 export declare type MetricChartProps = {
     data: {
         labels: string[] | undefined;
@@ -23,10 +24,12 @@ export declare type MetricChartProps = {
     legendSettings: LegendSettings;
     labelSettings: LabelSettings;
     axisSettings: AxisSettings;
+    customSettings: CustomSettings;
     enableSaveAs: boolean;
     colors?: string[];
     updateGroup?: (value: string) => void;
     isEnableGroupBy?: boolean;
+    backGroundColor: BackgroundSettings;
 };
-declare const MetricChart: ({ labels, data, chartType, funnelData, sankeyData, singleValueData, margins, legendSettings, labelSettings, axisSettings, enableSaveAs, colors, updateGroup, isEnableGroupBy }: MetricChartProps) => any;
+declare const MetricChart: ({ labels, data, chartType, funnelData, sankeyData, singleValueData, margins, legendSettings, labelSettings, axisSettings, customSettings, enableSaveAs, colors, updateGroup, isEnableGroupBy, backGroundColor, }: MetricChartProps) => JSX.Element;
 export default MetricChart;

package/dist/components/MetricCreation/components/ConstructMetric/components/MetricForm/index.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { ConstructMetricProps } from '@/types/metricCreate';
-declare const _default: React.MemoExoticComponent<({ dateTimeColumnList, columnList, database, companyId, tableName, setData, setError, setLoading, setQuery, isEnableGroupBy, setSelectedGroupBy }: ConstructMetricProps) => any>;
+declare const _default: React.MemoExoticComponent<({ dateTimeColumnList, columnList, database, companyId, tableName, setData, setError, setLoading, setQuery, isEnableGroupBy, setSelectedGroupBy, }: ConstructMetricProps) => JSX.Element>;
 export default _default;

package/dist/components/MetricCreation/components/ConstructMetric/index.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { ConstructMetricProps } from '@/types/metricCreate';
-declare const _default: React.MemoExoticComponent<({ dateTimeColumnList, columnList, database, companyId, tableName, setData, setError, setLoading, setQuery, isEnableGroupBy, setEnableGroupBy, setSelectedGroupBy }: ConstructMetricProps) => any>;
+declare const _default: React.MemoExoticComponent<({ dateTimeColumnList, columnList, database, companyId, tableName, setData, setError, setLoading, setQuery, isEnableGroupBy, setEnableGroupBy, setSelectedGroupBy, }: ConstructMetricProps) => JSX.Element>;
 export default _default;

package/dist/components/MetricCreation/components/Dataset/index.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { DatasetProps } from '@/types/metricCreate';
-declare const _default: React.MemoExoticComponent<({ setselectTable, selectTable, tableList, columnList }: DatasetProps) => any>;
+declare const _default: React.MemoExoticComponent<({ setselectTable, selectTable, tableList, columnList, }: DatasetProps) => JSX.Element>;
 export default _default;

package/dist/components/MetricCreation/components/Header/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { HeaderProps } from '@/types/metricCreate';
-declare const Header: ({ setShowMetricCreateModal, isDisableSaveBtn, Heading, isDisableSqlBtn, setShowSaveMetricModal, setShowSqlModal }: HeaderProps) => any;
+declare const Header: ({ setShowMetricCreateModal, isDisableSaveBtn, Heading, isDisableSqlBtn, setShowSaveMetricModal, setShowSqlModal, }: HeaderProps) => JSX.Element;
 export default Header;

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { AxisSettings, LabelSettings, LegendSettings } from '@/types';
+import { AxisSettings, BackgroundSettings, CustomSettings, LabelSettings, LegendSettings } from '@/types';
 declare type Props = {
     setMargins: React.Dispatch<React.SetStateAction<Record<string, number>>>;
     margins: Record<string, number>;
@@ -7,11 +7,14 @@ declare type Props = {
     setLegendSettings: React.Dispatch<React.SetStateAction<LegendSettings>>;
     labelSettings: LabelSettings;
     setLabelSettings: React.Dispatch<React.SetStateAction<LabelSettings>>;
-    setConfigureShow: any;
     axisSettings: AxisSettings;
     setAxisSettings: React.Dispatch<React.SetStateAction<AxisSettings>>;
+    customSettings: CustomSettings;
+    setCustomSettings: React.Dispatch<React.SetStateAction<CustomSettings>>;
     chartType: any;
     setChartType: any;
+    backGroundColor: BackgroundSettings;
+    setBackGroundColor: React.Dispatch<React.SetStateAction<BackgroundSettings>>;
 };
-declare const ChartConfigure: ({ setMargins, margins, legendSettings, setLegendSettings, labelSettings, setLabelSettings, setConfigureShow, axisSettings, setAxisSettings, chartType, setChartType }: Props) => any;
+declare const ChartConfigure: ({ setMargins, margins, legendSettings, setLegendSettings, labelSettings, setLabelSettings, axisSettings, setAxisSettings, chartType, setChartType, customSettings, setCustomSettings, backGroundColor, setBackGroundColor, }: Props) => JSX.Element;
 export default ChartConfigure;

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

@@ -1,4 +1,5 @@
 import React from 'react';
+import { AxisSettings, BackgroundSettings, CustomSettings, LabelSettings, LegendSettings } from '@/types';
 declare type Props = {
     data: any[] | undefined;
     chartType: string;
@@ -14,6 +15,18 @@ declare type Props = {
     singleValue: string | undefined;
     setSingleValue: React.Dispatch<React.SetStateAction<string | undefined>>;
     setSettingsShow: React.Dispatch<React.SetStateAction<boolean>>;
+    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>>;
+    backGroundColor: BackgroundSettings;
+    setBackGroundColor: React.Dispatch<React.SetStateAction<BackgroundSettings>>;
 };
-declare const ChartSettings: ({ chartType, setChartType, data, setXAxis, setYAxisList, xAxis, setMeasure, setStep, step, measure, setSankeyValues, singleValue, setSingleValue, setSettingsShow }: Props) => any;
+declare const ChartSettings: ({ chartType, setChartType, data, setXAxis, setYAxisList, xAxis, setMeasure, setStep, step, measure, setSankeyValues, singleValue, setSingleValue, setSettingsShow, setMargins, margins, legendSettings, setLegendSettings, labelSettings, setLabelSettings, axisSettings, setAxisSettings, customSettings, setCustomSettings, backGroundColor, setBackGroundColor, }: Props) => JSX.Element;
 export default ChartSettings;

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { AxisSettings, LabelSettings, LegendSettings } from '@/types';
+import { AxisSettings, LabelSettings, LegendSettings, BackgroundSettings, CustomSettings } from '@/types';
 declare type Props = {
     data: any[] | undefined;
     labels: string[] | undefined;
@@ -37,9 +37,13 @@ declare type Props = {
     setLabelSettings: React.Dispatch<React.SetStateAction<LabelSettings>>;
     axisSettings: AxisSettings;
     setAxisSettings: React.Dispatch<React.SetStateAction<AxisSettings>>;
+    customSettings: CustomSettings;
+    setCustomSettings: React.Dispatch<React.SetStateAction<CustomSettings>>;
     updateGroup?: (value: string) => void;
     isEnableGroupBy?: boolean;
     isLoading: boolean;
+    backGroundColor: BackgroundSettings;
+    setBackGroundColor: React.Dispatch<React.SetStateAction<BackgroundSettings>>;
 };
-declare const ChartTab: ({ labels, datasets, funnelData, chartType, setChartType, data, setXAxis, setYAxisList, xAxis, setMeasure, setStep, step, measure, setSankeyValues, sankeyData, singleValue, setSingleValue, singleValueData, setMargins, margins, legendSettings, setLegendSettings, labelSettings, setLabelSettings, axisSettings, setAxisSettings, updateGroup, isLoading, isEnableGroupBy }: Props) => any;
+declare const ChartTab: ({ labels, datasets, funnelData, chartType, setChartType, data, setXAxis, setYAxisList, xAxis, setMeasure, setStep, step, measure, setSankeyValues, sankeyData, singleValue, setSingleValue, singleValueData, setMargins, margins, legendSettings, setLegendSettings, labelSettings, setLabelSettings, customSettings, setCustomSettings, axisSettings, setAxisSettings, updateGroup, isLoading, isEnableGroupBy, backGroundColor, setBackGroundColor, }: Props) => JSX.Element;
 export default ChartTab;

package/dist/components/MetricCreation/components/MetricOutput/components/TableTab/components/InputTables/index.d.ts

@@ -1,2 +1,3 @@
-declare const InputTables: ({ previewTableDataList }: any) => any;
+/// <reference types="react" />
+declare const InputTables: ({ previewTableDataList }: any) => JSX.Element;
 export default InputTables;

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

@@ -1,8 +1,9 @@
+/// <reference types="react" />
 declare type Props = {
     previewTableDataList: any[] | undefined;
     outpuTableData: any[] | undefined;
     isOutputLoading: boolean;
     outputError: string;
 };
-declare const TableTab: ({ outpuTableData, outputError, isOutputLoading, previewTableDataList }: Props) => any;
+declare const TableTab: ({ outpuTableData, outputError, isOutputLoading, previewTableDataList, }: Props) => JSX.Element;
 export default TableTab;

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

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

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { EmbeddedMetricCreationProps } from '@/types/metricCreate';
-declare const EmbeddedMetricCreation: ({ clientId, companyId, mode, externalDashboardId, variant }: EmbeddedMetricCreationProps) => any;
+declare const EmbeddedMetricCreation: ({ clientId, companyId, mode, externalDashboardId, variant, }: EmbeddedMetricCreationProps) => JSX.Element;
 export default EmbeddedMetricCreation;

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

@@ -1,6 +1,7 @@
+/// <reference types="react" />
 declare type Props = {
     data: any;
     isError: boolean;
 };
-declare const MetricTable: ({ data, isError }: Props) => any;
+declare const MetricTable: ({ data, isError }: Props) => JSX.Element;
 export default MetricTable;

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

@@ -1,5 +1,5 @@
 import React from 'react';
-declare type PopoverMenuProps = React.PropsWithChildren & {
+export declare type PopoverMenuProps = React.PropsWithChildren & {
     className?: string;
     menuClass?: string;
     buttonClass?: string;

package/dist/components/RlsFilters/MultipleTimeGrain.d.ts

@@ -1,8 +1,9 @@
+/// <reference types="react" />
 declare type Props = {
     columnName: string;
     dbName: string;
     onChangeFilterValue: (name: string, value: string) => void;
     name: string;
 };
-declare const MultipleTimeGrain: ({ columnName, dbName, onChangeFilterValue, name }: Props) => any;
+declare const MultipleTimeGrain: ({ columnName, dbName, onChangeFilterValue, name, }: Props) => JSX.Element;
 export default MultipleTimeGrain;

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

@@ -1,8 +1,11 @@
+/// <reference types="react" />
+import { PopoverMenuProps } from '@/components/PopoverMenu';
 import { RlsCondition } from '@/types';
-declare type Props = {
+declare type Props = Partial<PopoverMenuProps> & {
     rlsConditions: RlsCondition[];
     onChangeFilterValue: (name: string, value: string) => void;
     dbName: string;
+    iconClass?: string;
 };
-declare const RlsFilters: ({ rlsConditions, onChangeFilterValue, dbName }: Props) => any;
+declare const RlsFilters: ({ rlsConditions, onChangeFilterValue, dbName, iconClass, ...rest }: Props) => JSX.Element;
 export default RlsFilters;

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

@@ -1,2 +1,3 @@
-declare const SearchTab: ({ setSearchKeyword, className }: any) => any;
+/// <reference types="react" />
+declare const SearchTab: ({ setSearchKeyword, className }: any) => JSX.Element;
 export default SearchTab;

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

@@ -20,10 +20,10 @@ declare type HookSelectInput = Omit<SelectInput, 'value'> & {
     control: Control;
     name: string;
 };
-export declare const Select: ({ label, options, onChange, value, defaultValue, children, placeHolder, className, isSearchEnabled }: SelectInput) => any;
-declare const HookSelect: ({ control, name, options, label, defaultValue }: HookSelectInput) => any;
-export declare const SelectWithSubValue: ({ label, options, onChange, value, defaultValue }: any) => any;
-export declare const DropDown: ({ control, name, options, label, defaultValue }: HookSelectInput) => any;
+export declare const Select: ({ label, options, onChange, value, defaultValue, children, placeHolder, className, isSearchEnabled, }: SelectInput) => JSX.Element;
+declare const HookSelect: ({ control, name, options, label, defaultValue, }: HookSelectInput) => JSX.Element;
+export declare const SelectWithSubValue: ({ label, options, onChange, value, defaultValue, }: any) => JSX.Element;
+export declare const DropDown: ({ control, name, options, label, defaultValue, }: HookSelectInput) => JSX.Element;
 declare type MultiSelectProps = {
     options: Option[];
     defaultValue?: Option['value'][];

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

@@ -3,6 +3,8 @@ declare type TabProps = {
     options: string[];
     activeTab: string;
     setActiveTab: React.Dispatch<React.SetStateAction<string>>;
+    className?: string;
+    tabText?: string;
 };
-declare const Tab: ({ options, activeTab, setActiveTab }: TabProps) => any;
+declare const Tab: ({ options, activeTab, setActiveTab, className, tabText, }: TabProps) => JSX.Element;
 export default Tab;

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

@@ -1,7 +1,8 @@
+/// <reference types="react" />
 declare type Props = {
     data: any[] | undefined;
     isLoading: boolean;
     error: string;
 };
-declare const Table: ({ data, isLoading, error }: Props) => any;
+declare const Table: ({ data, isLoading, error }: Props) => JSX.Element;
 export default Table;

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

@@ -6,5 +6,5 @@ interface Props {
     onClick?: () => void;
     styleClass: 'primary' | 'secondary' | 'tertiary' | 'font-14' | 'font-14a' | 'font-14b' | 'font-14c' | 'font-15' | 'font-18' | 'font-20' | 'font-34' | 'custom';
 }
-declare const Text: ({ className, variant, styleClass, children, onClick }: Props) => any;
+declare const Text: ({ className, variant, styleClass, children, onClick, }: Props) => JSX.Element;
 export default Text;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { UseFormRegisterReturn } from 'react-hook-form';
 interface Props {
     id: string;
@@ -14,5 +15,5 @@ interface Props {
     onBlur?: any;
     className?: string;
 }
-declare const TextAreaField: ({ id, label, placeholder, rows, cols, resizable, register, error, defaultValue, value, onFocus, onBlur, className }: Props) => any;
+declare const TextAreaField: ({ id, label, placeholder, rows, cols, resizable, register, error, defaultValue, value, onFocus, onBlur, className, }: Props) => JSX.Element;
 export default TextAreaField;

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

@@ -9,5 +9,5 @@ declare type Props = {
     isDisabled?: boolean;
     onChange?: (value: string) => void;
 };
-declare const TimeGrainField: ({ isShowlabel, timeGrainValue, setTimeGrainValue, register, className, isDisabled, onChange }: Props) => any;
+declare const TimeGrainField: ({ isShowlabel, timeGrainValue, setTimeGrainValue, register, className, isDisabled, onChange, }: Props) => JSX.Element;
 export default TimeGrainField;

package/dist/consts/index.d.ts

@@ -34,4 +34,6 @@ export declare const PIE = "pie";
 export declare const SANKEY = "sankey";
 export declare const BOXPLOT = "boxplot";
 export declare const TABLE = "table";
+export declare const GENERAL = "general";
+export declare const CONFIG = "configuration";
 export declare const DESTINATIONS: Record<string, string>;

package/dist/hooks/useExternalMetric.d.ts

@@ -1,5 +1,5 @@
 import { FieldValues } from 'react-hook-form';
-import { AxisSettings, DashboardType, GroupBy, LabelSettings, LegendSettings, RlsFilterObjectType, SelectedColumns } from '@/types';
+import { AxisSettings, CustomSettings, DashboardType, GroupBy, LabelSettings, LegendSettings, RlsFilterObjectType, SelectedColumns, BackgroundSettings } from '@/types';
 declare type Params = {
     companyIntegrationId: string | undefined;
     selectedColumns: SelectedColumns[] | undefined;
@@ -18,6 +18,8 @@ declare type Params = {
     legendSettings: LegendSettings;
     labelSettings: LabelSettings;
     axisSettings: AxisSettings;
+    customSettings?: CustomSettings;
+    backGroundColor?: BackgroundSettings;
     integrationName: string | undefined;
     clientId?: string | null;
     isEmbedded?: boolean;
@@ -30,7 +32,7 @@ declare type Params = {
     selectedGroupBy: string[];
     groupBy: GroupBy | undefined;
 };
-declare const useExternalMetric: ({ companyIntegrationId, selectedColumns, query, metricQuery, integrationName, outputColumns, xAxis, yAxisList, chartType, step, measure, sankeyValues, singleValue, margins, legendSettings, labelSettings, axisSettings, clientId, companyId, mode, timeGrain, dashboardIds, isEnableGroupBy, groupBy, selectedGroupBy, }: Params) => {
+declare const useExternalMetric: ({ companyIntegrationId, selectedColumns, query, metricQuery, integrationName, outputColumns, xAxis, yAxisList, chartType, step, measure, sankeyValues, singleValue, margins, legendSettings, labelSettings, axisSettings, customSettings, backGroundColor, clientId, companyId, mode, timeGrain, dashboardIds, isEnableGroupBy, groupBy, selectedGroupBy, }: Params) => {
     createExternalMetric: (data: FieldValues) => void;
     error: string;
 };