@databrainhq/plugin 0.9.20 → 0.9.21

package/README.md

@@ -1,26 +1,26 @@
-# @databrainhq/plugin
-
-> Databrain app ui plugin.
-
-[![NPM](https://img.shields.io/npm/v/@databrainhq/plugin.svg)](https://www.npmjs.com/package/@databrainhq/plugin) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)
-
-## Install
-
-```bash
-npm install @databrainhq/plugin
-```
-
-## Usage
-
-```tsx
-import { Dashboard } from '@databrainhq/plugin';
-import '@databrainhq/plugin/dist/style.css';
-
-const Example = () => {
-  return <Dashboard token={/* Your Guest Token */} />;
-};
-```
-
-## License
-
-MIT © [databrainhq](https://github.com/databrainhq)
+# @databrainhq/plugin
+
+> Databrain app ui plugin.
+
+[![NPM](https://img.shields.io/npm/v/@databrainhq/plugin.svg)](https://www.npmjs.com/package/@databrainhq/plugin) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)
+
+## Install
+
+```bash
+npm install @databrainhq/plugin
+```
+
+## Usage
+
+```tsx
+import { Dashboard } from '@databrainhq/plugin';
+import '@databrainhq/plugin/dist/style.css';
+
+const Example = () => {
+  return <Dashboard token={/* Your Guest Token */} />;
+};
+```
+
+## License
+
+MIT © [databrainhq](https://github.com/databrainhq)

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

@@ -1,5 +1,5 @@
 import React from 'react';
-export type AlertProps = {
+export declare type AlertProps = {
     text: string;
     children?: React.ReactNode;
     variant?: 'primary' | 'warning' | 'error' | 'success';

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

@@ -1,9 +1,19 @@
 import React from 'react';
-import { ChartSettingsType } from '@/types';
-type Props = {
-    data?: Record<string, any>[];
-    chartSettings: ChartSettingsType;
-    setChartSettings: React.Dispatch<React.SetStateAction<ChartSettingsType>>;
+declare type Props = {
+    data: any[] | undefined;
+    chartType: 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>>;
+    singleValue: string | undefined;
+    setSingleValue: React.Dispatch<React.SetStateAction<string | undefined>>;
+    setSettingsShow: React.Dispatch<React.SetStateAction<boolean>>;
 };
-export declare const ChartConfig: ({ data, chartSettings, setChartSettings, }: Props) => JSX.Element;
+export declare const ChartConfig: ({ data, setXAxis, xAxis, yAxisList, setYAxisList, chartType, setStep, setMeasure, step, measure, setSankeyValues, setSettingsShow, singleValue, setSingleValue, }: Props) => JSX.Element;
 export {};

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

@@ -1,10 +1,8 @@
-/// <reference types="react" />
-import { CHART_TYPES } from '@/consts';
-type ChartType = keyof typeof CHART_TYPES;
-type Props = {
-    onChartChange: (chartType: ChartType) => void;
-    chartType: ChartType;
+import React from 'react';
+declare type Props = {
+    setChartType: React.Dispatch<React.SetStateAction<string>>;
+    chartType: string;
     isEnableTimeSeries: boolean;
 };
-export declare const ChartModalOptions: ({ chartType, onChartChange, isEnableTimeSeries, }: Props) => JSX.Element;
+export declare const ChartModalOptions: ({ chartType, setChartType, isEnableTimeSeries, }: Props) => JSX.Element;
 export {};

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import { GetUnderlyingData } from '@/types';
-type UnderlyingDataProps = {
+declare type UnderlyingDataProps = {
     setShowUnderlyingData: React.Dispatch<React.SetStateAction<boolean>>;
     isShowUnderlyingData: boolean;
     value: any;

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import { ClickActionsConfig, GetUnderlyingData } from '@/types';
-export type ChartPopupProps = React.PropsWithChildren & {
+export declare type ChartPopupProps = React.PropsWithChildren & {
     getUnderlyingData: GetUnderlyingData;
     value: any;
     columnName: string;

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

@@ -1,6 +1,6 @@
 import EChartsReact from 'echarts-for-react';
 import React from 'react';
-type Props = {
+declare type Props = {
     data: {
         labels: string[] | undefined;
         datasets: {

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

@@ -1,7 +1,7 @@
 import EChartsReact from 'echarts-for-react';
 import React from 'react';
 import { AxisSettings, CustomSettings, LabelSettings, LegendSettings } from '@/types/app';
-type Props = {
+declare type Props = {
     data: {
         labels: string[] | undefined;
         datasets: {

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-type Props = {
+declare type Props = {
     datatype: string;
     className?: string;
 };

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

@@ -1,5 +1,5 @@
 import React from 'react';
-type Props = {
+declare type Props = {
     label: string;
     onChange?: (option: {
         startDate: Date | undefined;

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

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

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import { FieldValues } from 'react-hook-form';
 import { DashboardType } from '@/types/app';
-type ExternalMetricProps = {
+declare type ExternalMetricProps = {
     onSubmit: (values: FieldValues) => void;
     defaultValues?: FieldValues;
     onCancel: () => void;

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import { RlsFilterObjectType } from '@/types/app';
 import { FloatingDropDownProps, MultiFloatingDropDownProps } from '@/components/FloatingDropDown';
-export type FilterDropDownProps = Omit<FloatingDropDownProps, 'options' | 'isDisabled'> & {
+export declare type FilterDropDownProps = Omit<FloatingDropDownProps, 'options' | 'isDisabled'> & {
     companyId: string;
     filter: Pick<RlsFilterObjectType, 'columnName' | 'tableName' | 'defaultValue' | 'value'>;
     autoSelected?: boolean;
@@ -9,5 +9,5 @@ export type FilterDropDownProps = Omit<FloatingDropDownProps, 'options' | 'isDis
     integrationName: string;
 };
 export declare const FilterDropDown: ({ companyId, filter, onChange, selectedOption, autoSelected, integrationId, integrationName, ...rest }: FilterDropDownProps) => JSX.Element;
-export type MultiFilterDropDownProps = Pick<FilterDropDownProps, 'autoSelected' | 'companyId' | 'filter' | 'label' | 'integrationId' | 'integrationName'> & Omit<MultiFloatingDropDownProps, 'options' | 'isDisabled'>;
+export declare type MultiFilterDropDownProps = Pick<FilterDropDownProps, 'autoSelected' | 'companyId' | 'filter' | 'label' | 'integrationId' | 'integrationName'> & Omit<MultiFloatingDropDownProps, 'options' | 'isDisabled'>;
 export declare const MultiFilterDropdown: React.FC<MultiFilterDropDownProps>;

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

@@ -1,12 +1,12 @@
 import React from 'react';
-export type FilterFieldType = {
+export declare type FilterFieldType = {
     column: string;
     operator: string;
     value?: string | string[] | number | number[] | boolean | boolean[] | null;
     as?: string;
     defaultValues?: any;
 };
-export type FilterFieldProps = {
+export declare type FilterFieldProps = {
     tableName: string;
     filter: {
         name: string;

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import { FloatingDropDownOption } from '@/types';
-export type FloatingDropDownProps = {
+export declare type FloatingDropDownProps = {
     onChange: (option: FloatingDropDownOption) => void;
     selectedOption: FloatingDropDownOption;
     options: FloatingDropDownOption[];
@@ -18,7 +18,7 @@ export type FloatingDropDownProps = {
     dropdownAbove?: boolean;
 };
 export declare const FloatingDropDown: ({ label, labelVariant, selectedOption, onChange, className, buttonClass, options, isDisabled, children, icon, isSearchEnabled, closeControl, dropdownAbove, }: FloatingDropDownProps) => JSX.Element;
-export type MultiFloatingDropDownProps = Omit<FloatingDropDownProps, 'selectedOption' | 'onChange'> & {
+export declare type MultiFloatingDropDownProps = Omit<FloatingDropDownProps, 'selectedOption' | 'onChange'> & {
     selectedOptions: FloatingDropDownOption[];
     onChange: (options: FloatingDropDownOption[]) => void;
 };

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

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

package/dist/components/GlobalFilters/AddFilter.d.ts

@@ -1,12 +1,12 @@
 import React from 'react';
-type Filter = {
+declare type Filter = {
     as: any;
     dataType: string;
     name: string;
     isDefault?: boolean | undefined;
     label?: string;
 };
-type Props = {
+declare type Props = {
     columnList: Filter[];
     setFilterList: React.Dispatch<React.SetStateAction<Filter[]>>;
     filterList: Filter[];

package/dist/components/GlobalFilters/AppliedFilter.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { FilterFieldType } from '@/components/FilterField';
-type AppliedFilterProps = {
+declare type AppliedFilterProps = {
     appliedFilter: FilterFieldType[];
     setAppliedFilters: React.Dispatch<React.SetStateAction<FilterFieldType[]>>;
     onChangeFilters: (updatedFilters: FilterFieldType[]) => void;

package/dist/components/GlobalFilters/NumberFilterField.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-type NumberFieldProps = {
+declare type NumberFieldProps = {
     setAppliedFilters: any;
     column: {
         as: any;

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

@@ -1,7 +1,7 @@
 import React from 'react';
-import { MetricCardProps } from '@/components/MetricList/components';
+import { MetricCardProps } from '@/components/MetricList/components/MetricCard';
 import { FilterType } from '@/types/app';
-type GlobalFiltersProps = {
+declare type GlobalFiltersProps = {
     filters: FilterType[];
     companyId: string;
     onApply: (filters: MetricCardProps['globalFilters']) => void;

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

@@ -1,5 +1,5 @@
 import React from 'react';
-type IconsProps = {
+declare type IconsProps = {
     name: 'data-exploration-icon' | 'dashboard-icon' | 'external-dashboard-icon' | 'sql-query-icon' | 'table-tab-icon' | 'visualization-icon' | 'arrow-back-icon' | 'logout-icon' | 'more-icon' | 'save-icon' | 'copy-icon' | 'dataset-icon' | 'filter-icon' | 'settings-icon' | 'info-icon' | 'schema-icon' | 'fullscreen-icon' | 'table-icon' | 'time-taken-icon' | 'setup-icon' | 'data-model-icon' | 'integration-icon' | 'external-dashboard-icon' | 'csv-icon' | 'iframe-icon' | 'dashboard-icon' | 'plus-icon' | 'checked-icon' | 'clone-icon' | 'close-icon' | 'double-arrow-left-icon' | 'double-arrow-right-icon' | 'metric-store-icon' | 'reset-icon' | 'play-icon' | 'tick-icon' | 'text-icon' | 'time-icon' | 'unknown-icon' | 'array-icon' | 'date-icon' | 'boolean-icon' | 'id-icon' | 'number-icon' | 'object-icon' | 'delete-icon';
     className?: string;
 };

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

@@ -1,5 +1,5 @@
 import React, { PropsWithChildren } from 'react';
-type TooltipProps = PropsWithChildren & {
+declare type TooltipProps = PropsWithChildren & {
     content: JSX.Element;
     className?: string;
     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';

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

@@ -1,11 +1,11 @@
 import React from 'react';
 import EChartsReact from 'echarts-for-react';
-type DownloadButtonProps = {
+declare type DownloadButtonProps = {
     className?: string;
     iconClass?: string;
     text?: string;
     chartRef: React.RefObject<EChartsReact>;
-    fileName?: string;
+    id: string;
 };
-export declare const ChartImageDownloadButton: ({ className, iconClass, fileName, text, chartRef, }: DownloadButtonProps) => JSX.Element;
-export {};
+declare const ChartImageDownloadButton: ({ className, iconClass, text, chartRef, id, }: DownloadButtonProps) => JSX.Element;
+export default ChartImageDownloadButton;

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

@@ -1,5 +1,5 @@
 import React from 'react';
-type CsvDownloadButtonProps = {
+declare type CsvDownloadButtonProps = {
     className?: string;
     data: Record<string, string>[];
     fileName: string;

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

@@ -2,7 +2,7 @@ import React from 'react';
 import EChartsReact from 'echarts-for-react';
 import { AxisSettings, LabelSettings, LegendSettings, BackgroundSettings, CustomSettings, TableSettings } from '@/types/app';
 import { ClickActionsConfig, TimeSeriesSettingsType } from '@/types';
-export type MetricChartProps = {
+export declare type MetricChartProps = {
     data: {
         labels: string[] | undefined;
         datasets: {

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

@@ -1,3 +1,2 @@
 export * from './CsvDownloadButton';
 export * from './MetricChart';
-export * from './ChartImageDownloadButton';

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, previewTableDataList, moreTabs, chartColors, chartSettings, setChartSettings, 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

@@ -0,0 +1,26 @@
+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>;
+    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>>;
+    chartType: any;
+    setChartType: any;
+    backGroundColor: BackgroundSettings;
+    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, setTimeSeriesSettings, timeSeriesSettings, yAxisList, }: Props) => JSX.Element;
+export {};

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

@@ -0,0 +1,38 @@
+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;
+    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>>;
+    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>>;
+    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, setTimeSeriesSettings, timeSeriesSettings, }: Props) => JSX.Element;
+export {};

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

@@ -0,0 +1,2 @@
+export * from './ChartConfigure';
+export * from './ChartSettings';

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

@@ -1,15 +1,59 @@
 import React from 'react';
-import { ClickActionsConfig, ChartSettingsType } from '@/types';
-type Props = {
-    data?: Record<string, any>[];
+import { AxisSettings, LabelSettings, LegendSettings, BackgroundSettings, CustomSettings, TableSettings } from '@/types/app';
+import { ClickActionsConfig, TimeSeriesSettingsType } from '@/types';
+declare type Props = {
+    data: any[] | undefined;
+    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;
+    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>>;
     isLoading: boolean;
+    backGroundColor: BackgroundSettings;
+    setBackGroundColor: React.Dispatch<React.SetStateAction<BackgroundSettings>>;
     headerChild?: JSX.Element;
     chartPopupChild?: JSX.Element;
+    tableSettings: TableSettings;
+    setTableSettings: React.Dispatch<React.SetStateAction<TableSettings>>;
+    tableName?: string;
     chartColors?: string[];
-    chartSettings: ChartSettingsType;
-    setChartSettings: React.Dispatch<React.SetStateAction<ChartSettingsType>>;
     handleChartRightClick?: (params: any) => void;
     chartClickConfig?: ClickActionsConfig['chart'];
+    timeSeriesSettings: TimeSeriesSettingsType;
+    setTimeSeriesSettings: React.Dispatch<React.SetStateAction<TimeSeriesSettingsType>>;
 };
-export declare const ChartTab: ({ data, isLoading, headerChild, chartSettings, setChartSettings, 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/MetricCreation/components/MetricOutput/components/TableTab/index.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-type Props = {
+declare type Props = {
     previewTableDataList: any[] | undefined;
     outpuTableData: any[] | undefined;
     isOutputLoading: boolean;

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

@@ -1,3 +1,4 @@
 export * from './TableTab/components';
+export * from './ChartTab/components';
 export * from './ChartTab';
 export * from './TableTab';

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { FloatingDropDownOption, RlsCondition } from '@/types';
-type Props = {
+declare type Props = {
     rlsConditions?: RlsCondition[] | undefined;
     onChangeFilterValue?: (name: string, value: string, customValue?: Record<string, Date>, stringValues?: FloatingDropDownOption[]) => void;
     companyId: string;

package/dist/components/MetricList/MetricList.d.ts

@@ -1,16 +1,16 @@
 import React from 'react';
-import { MetricCardProps } from './components';
+import { MetricCardProps } from './components/MetricCard';
 import { ClientType } from '@/types/app';
 import { ThemeType } from '@/utils/theme';
 import { EmbeddedDashboardMetricsQuery } from '@/utils/generated/graphql';
 export declare const GridLayout: React.ComponentClass<import("react-grid-layout").ResponsiveProps & import("react-grid-layout").WidthProviderProps, any>;
-export type ExternalMetricListProps = {
+export declare type ExternalMetricListProps = {
     chartColors?: string[];
     globalFilters?: MetricCardProps['globalFilters'];
     client: ClientType['value'];
     companyId: string;
-    isAllowedToUpdateMetrics?: boolean;
     isAllowedToDeleteMetrics?: boolean;
+    isAllowedToUpdateMetrics?: boolean;
     isAllowedToChangeLayout?: boolean;
     isLiveMode: boolean;
     isMetricListLoading?: boolean;
@@ -21,5 +21,6 @@ export type ExternalMetricListProps = {
     companyTenancyType: string;
     externalDashboardId: string;
     externalDashboardPk: string;
+    workspaceId: string;
 };
 export declare const ExternalMetricList: React.FC<ExternalMetricListProps>;

package/dist/components/MetricList/components/{DownloadRawCsvModal/index.d.ts → DownloadRawCsvModal.d.ts}

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { ExternalMetrics } from '@/utils/generated/graphql';
-type Props = {
+declare type Props = {
     onCloseModal: (value: boolean) => void;
     isShowRawCsvModal: boolean;
     metricItem?: ExternalMetrics;

package/dist/components/MetricList/components/{LayoutAlert/index.d.ts → LayoutAlert.d.ts}

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-export type LayoutAlertProps = {
+export declare type LayoutAlertProps = {
     onCancel: () => void;
     onSave: () => void;
 };

package/dist/components/MetricList/components/{MetricCards/MetricCard.d.ts → MetricCard.d.ts}

@@ -1,22 +1,23 @@
 import React from 'react';
 import { ExternalMetrics } from '@/utils/generated/graphql';
 import { ClientType } from '@/types/app';
+import { MetricChartProps } from '@/components/MetricChart';
 import { FilterFieldType } from '@/components/FilterField';
-export type MetricCardProps = {
+export declare type MetricCardProps = {
     globalFilters?: {
         tableName: string;
         filters: FilterFieldType[];
     };
     metricItem: any;
     client: ClientType['value'];
-    onMaximize: (metric: ExternalMetrics, rlsFilters?: {
-        param: any;
-        filterValues: Record<string, string>;
-    }) => void;
+    onMaximize: (chart: MetricChartProps) => void;
     colors?: string[];
     param?: any;
     companyTenancyType: string;
     renderHeaderName?: (name: string) => JSX.Element;
     onArchive?: (metricId: string) => void;
+    onEdit?: (metric: ExternalMetrics, metricData?: Record<string, any>[]) => void;
+    onTableView?: (metric: ExternalMetrics, metricData?: Record<string, any>[]) => void;
+    onDownloadRawCsv?: (metric: ExternalMetrics, filterValues: Record<string, any>) => void;
 };
 export declare const MetricCard: React.FC<MetricCardProps>;

package/dist/components/MetricList/components/{MetricCards/SingleValueCard.d.ts → SingleValueCard.d.ts}

@@ -1,3 +1,3 @@
 import React from 'react';
-import { MetricCardProps } from '@/components/MetricList/components/MetricCards/MetricCard';
+import { MetricCardProps } from '@/components/MetricList/components/MetricCard';
 export declare const SingleValueCard: React.FC<Omit<MetricCardProps, 'onMaximize'>>;

package/dist/components/MetricList/components/{TableViewModal/index.d.ts → TableViewModal.d.ts}

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-type Props = {
+declare type Props = {
     metricData?: Record<string, any>[];
     isOpen: boolean;
     onClose: () => void;

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

@@ -1,2 +1,7 @@
 export * from './MetricList';
-export * from './components';
+export * from './components/MetricCard';
+export * from './components/SingleValueCard';
+export * from './components/ArchiveMetricModal';
+export * from './components/LayoutAlert';
+export * from './components/TableViewModal';
+export * from './components/DownloadRawCsvModal';

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-type Props = {
+declare type Props = {
     data: any;
     isError: boolean;
 };