@databrainhq/plugin 0.9.19 → 0.9.20

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 declare type AlertProps = {
+export type AlertProps = {
     text: string;
     children?: React.ReactNode;
     variant?: 'primary' | 'warning' | 'error' | 'success';

package/dist/components/Chart/SingleValueChart.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import { ClickActionsConfig } from '@/types';
+export type SingleValueChartProps = {
+    settings?: {
+        fontSize?: number;
+        subHeaderFontSize?: number;
+        subHeaderShow?: boolean;
+        displayText?: string;
+    };
+    value: string | number;
+    hideBorder?: boolean;
+    chartClickConfig?: ClickActionsConfig['chart'];
+    className?: string;
+};
+declare const _default: React.MemoExoticComponent<({ value, settings, chartClickConfig, hideBorder, className, }: SingleValueChartProps) => JSX.Element>;
+export default _default;

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

@@ -0,0 +1,21 @@
+import React from 'react';
+import { ChartSettingsType } from '@/types';
+export type ChartProps = {
+    chartOptions: ChartSettingsType;
+    data: Record<string, any>[];
+    events?: Record<string, Function>;
+    config?: Record<string, any>;
+    className?: string;
+    colors?: string[];
+};
+/**
+ * @name Chart - The metric visualization component.
+ * @prop chartOptions - the chart properties saved in the database.
+ * @prop data - the array of objects/records returned by the querying.
+ * @prop events (optional) - the click, change, etc. events to be added to the chart.
+ * @prop config (optional) - any additional chart specific props to be passed to the respective charts e.g. table, single value.
+ * @prop className (optional) - the usual className prop to provide styles.
+ * @prop colors (optional) - the admin provided chart color palettes.
+ * @returns JSX - chart visaulization content.
+ */
+export declare const Chart: React.MemoExoticComponent<({ chartOptions, data, events, colors, config, className }: ChartProps) => JSX.Element>;

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

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

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

@@ -1,8 +1,10 @@
-import React from 'react';
-declare type Props = {
-    setChartType: React.Dispatch<React.SetStateAction<string>>;
-    chartType: string;
+/// <reference types="react" />
+import { CHART_TYPES } from '@/consts';
+type ChartType = keyof typeof CHART_TYPES;
+type Props = {
+    onChartChange: (chartType: ChartType) => void;
+    chartType: ChartType;
     isEnableTimeSeries: boolean;
 };
-export declare const ChartModalOptions: ({ chartType, setChartType, isEnableTimeSeries, }: Props) => JSX.Element;
+export declare const ChartModalOptions: ({ chartType, onChartChange, 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';
-declare type UnderlyingDataProps = {
+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 declare type ChartPopupProps = React.PropsWithChildren & {
+export type ChartPopupProps = React.PropsWithChildren & {
     getUnderlyingData: GetUnderlyingData;
     value: any;
     columnName: string;

package/dist/components/ChartSettingsPopup/components/ChartConfigure/index.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { ChartSettingsType } from '@/types/app';
+type Props = {
+    chartSettings: ChartSettingsType;
+    setChartSettings: React.Dispatch<React.SetStateAction<ChartSettingsType>>;
+};
+export declare const ChartConfigure: ({ chartSettings, setChartSettings }: Props) => JSX.Element;
+export {};

package/dist/components/ChartSettingsPopup/components/ChartSettings/index.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { ChartSettingsType } from '@/types/app';
+type Props = {
+    data: any[] | undefined;
+    chartSettings: ChartSettingsType;
+    setChartSettings: React.Dispatch<React.SetStateAction<ChartSettingsType>>;
+};
+export declare const ChartSettings: ({ data, chartSettings, setChartSettings, }: Props) => JSX.Element;
+export {};

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

@@ -0,0 +1,9 @@
+import React from 'react';
+import { ChartSettingsType } from '@/types';
+import { PopoverMenuProps } from '@/components/PopoverMenu';
+export type ChartSettingsPopupProps = Pick<PopoverMenuProps, 'buttonClass' | 'menuClass' | 'menuContainerClass' | 'position'> & {
+    data?: Record<string, any>[];
+    settings: ChartSettingsType;
+    setSettings: React.Dispatch<React.SetStateAction<ChartSettingsType>>;
+};
+export declare const ChartSettingsPopup: ({ data, settings, setSettings, buttonClass, menuClass, menuContainerClass, position, }: ChartSettingsPopupProps) => JSX.Element;

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

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

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

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

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

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

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-declare type ErrorMessageProps = {
+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';
-declare type ExternalMetricProps = {
+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 declare type FilterDropDownProps = Omit<FloatingDropDownProps, 'options' | 'isDisabled'> & {
+export type FilterDropDownProps = Omit<FloatingDropDownProps, 'options' | 'isDisabled'> & {
     companyId: string;
     filter: Pick<RlsFilterObjectType, 'columnName' | 'tableName' | 'defaultValue' | 'value'>;
     autoSelected?: boolean;
@@ -9,5 +9,5 @@ export declare type FilterDropDownProps = Omit<FloatingDropDownProps, 'options'
     integrationName: string;
 };
 export declare const FilterDropDown: ({ companyId, filter, onChange, selectedOption, autoSelected, integrationId, integrationName, ...rest }: FilterDropDownProps) => JSX.Element;
-export declare type MultiFilterDropDownProps = Pick<FilterDropDownProps, 'autoSelected' | 'companyId' | 'filter' | 'label' | 'integrationId' | 'integrationName'> & Omit<MultiFloatingDropDownProps, 'options' | 'isDisabled'>;
+export 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 declare type FilterFieldType = {
+export type FilterFieldType = {
     column: string;
     operator: string;
     value?: string | string[] | number | number[] | boolean | boolean[] | null;
     as?: string;
     defaultValues?: any;
 };
-export declare type FilterFieldProps = {
+export 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 declare type FloatingDropDownProps = {
+export type FloatingDropDownProps = {
     onChange: (option: FloatingDropDownOption) => void;
     selectedOption: FloatingDropDownOption;
     options: FloatingDropDownOption[];
@@ -18,7 +18,7 @@ export declare 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 declare type MultiFloatingDropDownProps = Omit<FloatingDropDownProps, 'selectedOption' | 'onChange'> & {
+export type MultiFloatingDropDownProps = Omit<FloatingDropDownProps, 'selectedOption' | 'onChange'> & {
     selectedOptions: FloatingDropDownOption[];
     onChange: (options: FloatingDropDownOption[]) => void;
 };

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

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

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

@@ -1,12 +1,12 @@
 import React from 'react';
-declare type Filter = {
+type Filter = {
     as: any;
     dataType: string;
     name: string;
     isDefault?: boolean | undefined;
     label?: string;
 };
-declare type Props = {
+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';
-declare type AppliedFilterProps = {
+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" />
-declare type NumberFieldProps = {
+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/MetricCard';
+import { MetricCardProps } from '@/components/MetricList/components';
 import { FilterType } from '@/types/app';
-declare type GlobalFiltersProps = {
+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';
-declare type IconsProps = {
+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';
-declare type TooltipProps = PropsWithChildren & {
+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';
-declare type DownloadButtonProps = {
+type DownloadButtonProps = {
     className?: string;
     iconClass?: string;
     text?: string;
     chartRef: React.RefObject<EChartsReact>;
-    id: string;
+    fileName?: string;
 };
-declare const ChartImageDownloadButton: ({ className, iconClass, text, chartRef, id, }: DownloadButtonProps) => JSX.Element;
-export default ChartImageDownloadButton;
+export declare const ChartImageDownloadButton: ({ className, iconClass, fileName, text, chartRef, }: DownloadButtonProps) => JSX.Element;
+export {};

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

@@ -1,5 +1,5 @@
 import React from 'react';
-declare type CsvDownloadButtonProps = {
+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 declare type MetricChartProps = {
+export type MetricChartProps = {
     data: {
         labels: string[] | undefined;
         datasets: {

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

@@ -1,2 +1,3 @@
 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, 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;
+export declare const MetricOutput: ({ data, error, isLoading, previewTableDataList, moreTabs, chartColors, chartSettings, setChartSettings, isUpdateMetric, }: MetricOutputProps) => JSX.Element;

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

@@ -1,59 +1,15 @@
 import React from 'react';
-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>>;
+import { ClickActionsConfig, ChartSettingsType } from '@/types';
+type Props = {
+    data?: Record<string, any>[];
     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: ({ 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 declare const ChartTab: ({ data, isLoading, headerChild, chartSettings, setChartSettings, chartColors, handleChartRightClick, chartClickConfig, chartPopupChild, }: Props) => JSX.Element;
 export {};

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

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

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

@@ -1,4 +1,3 @@
 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';
-declare type Props = {
+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/MetricCard';
+import { MetricCardProps } from './components';
 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 declare type ExternalMetricListProps = {
+export type ExternalMetricListProps = {
     chartColors?: string[];
     globalFilters?: MetricCardProps['globalFilters'];
     client: ClientType['value'];
     companyId: string;
-    isAllowedToDeleteMetrics?: boolean;
     isAllowedToUpdateMetrics?: boolean;
+    isAllowedToDeleteMetrics?: boolean;
     isAllowedToChangeLayout?: boolean;
     isLiveMode: boolean;
     isMetricListLoading?: boolean;
@@ -21,6 +21,5 @@ export declare type ExternalMetricListProps = {
     companyTenancyType: string;
     externalDashboardId: string;
     externalDashboardPk: string;
-    workspaceId: string;
 };
 export declare const ExternalMetricList: React.FC<ExternalMetricListProps>;

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

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

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

@@ -0,0 +1,9 @@
+import React from 'react';
+import EChartsReact from 'echarts-for-react';
+export type DownloadButtonProps = {
+    data: Record<string, any>[];
+    chartRef?: React.RefObject<EChartsReact>;
+    metricName: string;
+    onRawCsvData: () => void;
+};
+export declare const DownloadButton: ({ data, chartRef, metricName, onRawCsvData, }: DownloadButtonProps) => JSX.Element;

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

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+import { ExternalMetrics } from '@/utils/generated/graphql';
+export type FullScreenViewProps = {
+    metric: ExternalMetrics;
+    colors?: string[];
+    rlsFilters?: {
+        param: any;
+        filterValues: Record<string, string>;
+    };
+    onMinimize: () => void;
+    clientId: string;
+    tenancyLevel: string;
+    externalDashboardId: string;
+    userProvidedDashboardId: string;
+    companyId: string;
+    isAllowedToUpdateMetrics?: boolean;
+};
+export declare const FullScreenView: ({ metric, colors, rlsFilters, onMinimize, clientId, tenancyLevel, companyId, externalDashboardId, userProvidedDashboardId, isAllowedToUpdateMetrics, }: FullScreenViewProps) => JSX.Element;

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

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

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

@@ -1,23 +1,22 @@
 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 declare type MetricCardProps = {
+export type MetricCardProps = {
     globalFilters?: {
         tableName: string;
         filters: FilterFieldType[];
     };
     metricItem: any;
     client: ClientType['value'];
-    onMaximize: (chart: MetricChartProps) => void;
+    onMaximize: (metric: ExternalMetrics, rlsFilters?: {
+        param: any;
+        filterValues: Record<string, string>;
+    }) => 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/NoDataLoading.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+type NoDataLoadingProps = {
+    isDataLength: boolean;
+    isLoading: boolean;
+};
+export declare const NoDataLoading: React.MemoExoticComponent<({ isDataLength, isLoading }: NoDataLoadingProps) => JSX.Element>;
+export {};