@databrainhq/plugin 0.13.0-beta.1 → 0.13.0-beta.10

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

@@ -8,6 +8,7 @@ export type ChartProps = {
     className?: string;
     colors?: string[];
     isShowFullScreen?: boolean;
+    isShowFullScreenEnabled?: boolean;
     filterValues?: Record<string, any>;
     onMaximize?: () => void;
 };
@@ -21,4 +22,4 @@ export type ChartProps = {
  * @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, isShowFullScreen, onMaximize, }: ChartProps) => React.JSX.Element>;
+export declare const Chart: React.MemoExoticComponent<({ chartOptions, data, events, colors, config, className, isShowFullScreen, isShowFullScreenEnabled, onMaximize, }: ChartProps) => React.JSX.Element>;

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

@@ -15,7 +15,6 @@ type Props = {
         bottomRadius: number;
     }>>;
     comparisonLagProps?: ComparisonLagProps;
-    isEndUserSetting?: boolean;
 };
-export declare const ChartConfigure: ({ chartSettings, setChartSettings, setBarRadius, comparisonLagProps, isEndUserSetting, }: Props) => React.JSX.Element;
+export declare const ChartConfigure: ({ chartSettings, setChartSettings, setBarRadius, comparisonLagProps, }: Props) => React.JSX.Element;
 export {};

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

@@ -3,5 +3,5 @@ import { UseDragProps } from '@/types';
 type DraggableItemProps = UseDragProps & {
     renderItem: (DragNodeRef: React.MutableRefObject<any>, isDragging?: boolean) => JSX.Element;
 };
-declare const DraggableItem: React.FC<DraggableItemProps>;
-export default DraggableItem;
+export declare const DraggableItem: React.FC<DraggableItemProps>;
+export {};

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

@@ -1,10 +1,16 @@
 import React from 'react';
-export declare const DrillBreadCrumb: ({ dimensions, drilledLevel, onResetLevel, onDrillLevelClick, onMetricCard, metricFilter, }: {
+export declare const DrillBreadCrumb: ({ dimensions, drilledLevel, onResetLevel, onDrillLevelClick, isMetricCard, isMetricFilter, drillType, drillFilters, isShowBreadCrumb, }: {
     dimensions: string[];
     drilledLevel: number;
     onResetLevel: () => void;
     onDrillLevelClick: (value: number) => void;
-    onMetricCard?: boolean | undefined;
-    metricFilter?: boolean | undefined;
+    isMetricCard?: boolean | undefined;
+    isMetricFilter?: boolean | undefined;
+    drillType?: string | undefined;
+    drillFilters?: {
+        columnName: string;
+        value: any;
+    }[] | undefined;
+    isShowBreadCrumb?: boolean | undefined;
 }) => React.JSX.Element;
 export default DrillBreadCrumb;

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

@@ -1,14 +1,9 @@
 import React from 'react';
 import { FieldValues } from 'react-hook-form';
-import { DashboardType, FloatingDropDownOption } from '@/types/app';
 type ExternalMetricProps = {
     onSubmit: (values: FieldValues) => void;
     defaultValues?: FieldValues;
     onCancel: () => void;
-    isEmbedded?: boolean;
-    dashboardIds: DashboardType['id'][];
-    onDashboardChange: (selected: DashboardType['id'][]) => void;
-    options: FloatingDropDownOption[];
     error?: string;
     isCreatingMetric?: boolean;
 };

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

@@ -14,6 +14,7 @@ export type FilterColumn = {
     clientColumnType?: string;
     isManualOptions?: boolean;
     manualOptions?: string[];
+    dependOn?: FloatingDropDownOption[];
 };
 type FiltersProps = {
     filterList: FilterColumn[];

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

@@ -9,6 +9,6 @@ export declare const logos: {
     google: string;
     elasticsearch: string;
     redis: string;
-    databrick: string;
+    databricks: string;
     clickhouse: string;
 };

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

@@ -10,6 +10,7 @@ interface Props extends React.HTMLProps<HTMLInputElement> {
     error?: string | FieldError | Merge<FieldError, FieldErrorsImpl<any>> | undefined;
     leftIcon?: JSX.Element;
     rightIcon?: JSX.Element;
+    labelVariant?: 'floating' | 'static';
 }
-export declare const InputField: ({ type, register, label, isDisabled, id, elementRef, error, supportingText, leftIcon, rightIcon, ...rest }: Props) => React.JSX.Element;
+export declare const InputField: ({ type, register, label, isDisabled, id, elementRef, error, supportingText, leftIcon, rightIcon, labelVariant, ...rest }: Props) => React.JSX.Element;
 export {};

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

@@ -1,13 +1,13 @@
 import React from 'react';
 import { FloatingDropDownOption, RlsCondition } from '@/types';
-import { MetricCardProps } from '@/components/MetricList';
 type Props = {
     rlsConditions?: RlsCondition;
     onChangeFilterValue?: (name: string, value: string, customValue?: Record<string, Date>, stringValues?: FloatingDropDownOption[]) => void;
     workspaceId: string;
     clientId?: string;
     className?: string;
-    globalFilters?: MetricCardProps['globalFilters'];
+    rlsConditionList: RlsCondition[];
 };
-export declare const MetricFilterDropDown: ({ rlsConditions, onChangeFilterValue, workspaceId, clientId, className, globalFilters, }: Props) => React.JSX.Element;
-export default MetricFilterDropDown;
+export declare const MetricFilterDropDown: ({ rlsConditions, onChangeFilterValue, workspaceId, clientId, className, rlsConditionList, }: Props) => React.JSX.Element;
+declare const _default: React.MemoExoticComponent<({ rlsConditions, onChangeFilterValue, workspaceId, clientId, className, rlsConditionList, }: Props) => React.JSX.Element>;
+export default _default;

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

@@ -31,5 +31,6 @@ export type MetricCardProps = {
     enableDownloadCsv?: boolean;
     enableMultiMetricFilters?: boolean;
     disableActions?: boolean;
+    metricFilterPosition?: 'outside' | 'inside';
 };
-export declare const MetricCard: ({ globalFilters, metricItem, onMaximize, client, colors, param, companyTenancyType, renderHeaderName, isDisableCardClick, onArchive, chartRendererType, isDisableMorePopup, appFilters, isInternalApp, setCrossDashboardFilters, crossDashboardFilters, metricFilterOptions, onDownloadRawCsv, enableDownloadCsv, enableMultiMetricFilters, disableActions, }: MetricCardProps) => React.JSX.Element;
+export declare const MetricCard: ({ globalFilters, metricItem, onMaximize, client, colors, param, companyTenancyType, renderHeaderName, isDisableCardClick, onArchive, chartRendererType, isDisableMorePopup, appFilters, isInternalApp, setCrossDashboardFilters, crossDashboardFilters, metricFilterOptions, onDownloadRawCsv, enableDownloadCsv, enableMultiMetricFilters, disableActions, metricFilterPosition, }: MetricCardProps) => React.JSX.Element;

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

@@ -22,6 +22,7 @@ export type PopoverMenuProps = React.PropsWithChildren & {
     tabMenu?: boolean;
     bgColor?: Colors;
     autoCloseParent?: boolean;
+    getIsOpen?: (isOpen: boolean) => void;
 };
 export declare const PopoverMenu: React.FC<PopoverMenuProps>;
 export {};

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

@@ -24,9 +24,11 @@ type Props = {
     onLoadMore?: () => void;
     hasMoreData?: boolean;
     isShowFullScreen?: boolean;
+    isShowFullScreenEnabled?: boolean;
     filterValues?: Record<string, any>;
     onMaximize?: () => void;
     headerAlignment?: 'left' | 'center' | 'right';
+    events?: Record<string, Function>;
 };
-export declare const Table: ({ data, isLoading, error, tableSettings, tableName, className, onColumnSizingChange, onChartReady, onChangePage, isExternalChart, isEnableNextBtn, isEnablePrevBtn, paginationInfo, setChartSettings, isInfiniteScroll, onLoadMore, hasMoreData, isShowFullScreen, onMaximize, headerAlignment, }: Props) => React.JSX.Element;
+export declare const Table: ({ data, isLoading, error, tableSettings, tableName, className, onColumnSizingChange, onChartReady, onChangePage, isExternalChart, isEnableNextBtn, isEnablePrevBtn, paginationInfo, setChartSettings, isInfiniteScroll, onLoadMore, hasMoreData, isShowFullScreen, isShowFullScreenEnabled, onMaximize, headerAlignment, events, }: Props) => React.JSX.Element;
 export {};

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

@@ -2,13 +2,15 @@ import React from 'react';
 type TabsContextType = [
     activeTab: string | number,
     setActiveTab: React.Dispatch<React.SetStateAction<string | number>>,
-    variant: 'primary' | 'popoverTabs'
+    variant: 'primary' | 'popoverTabs',
+    setTab?: React.Dispatch<React.SetStateAction<string | number>>
 ];
 export declare const TabsContext: React.Context<[] | TabsContextType>;
 type TabsProps = {
     children: React.ReactNode;
     variant?: 'primary' | 'popoverTabs';
     defaultActiveTab?: string | number;
+    setTab?: React.Dispatch<React.SetStateAction<string | number>>;
     width?: string;
 };
 type TabProps = {
@@ -25,6 +27,7 @@ export declare const Tabs: {
         width?: string | undefined;
         background?: string | undefined;
         className?: string | undefined;
+        headerButton?: React.ReactNode;
     }>;
     Tab: React.FC<TabProps>;
     Panel: React.FC<{

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import { UseFormRegisterReturn } from 'react-hook-form';
-interface Props {
+interface Props extends React.HTMLProps<HTMLTextAreaElement> {
     id: string;
     label: string;
     placeholder?: string;
@@ -14,6 +14,9 @@ interface Props {
     onFocus?: any;
     onBlur?: any;
     className?: string;
+    leftIcon?: JSX.Element;
+    rightIcon?: JSX.Element;
+    onChange?: (e: React.ChangeEvent<HTMLTextAreaElement>) => void;
 }
-export declare const TextAreaField: ({ id, label, placeholder, rows, cols, resizable, register, error, defaultValue, value, onFocus, onBlur, className, }: Props) => React.JSX.Element;
+export declare const TextAreaField: ({ id, label, placeholder, rows, cols, resizable, register, error, defaultValue, value, onFocus, onBlur, className, leftIcon, rightIcon, ...rest }: Props) => React.JSX.Element;
 export {};

package/dist/components/index.d.ts

@@ -49,3 +49,4 @@ export * from './RadioButton';
 export * from './Menu';
 export * from './ChartTypePanel';
 export * from './Badge';
+export * from './DraggableItem';

package/dist/consts/app.d.ts

@@ -86,3 +86,4 @@ export declare const NUMBER_FORMAT: {
     label: string;
     value: string;
 }[];
+export declare const ICONS_LIST: readonly ["undo", "redo", "maximize", "minimize", "fullscreen", "download", "archive", "format", "company", "profile", "users", "bar-chart", "bar-chart-2", "kebab-menu-horizontal", "kebab-menu-vertical", "paint-brush", "funnel", "funnel-simple", "cross", "columns", "gear", "presentation-chart", "chevron-down", "plus", "info", "arrow-down", "arrow-up", "arrow-left", "arrow-right", "double-arrow-left", "double-arrow-right", "expand-arrows", "eye", "eye-slash", "database", "magnifying-glass", "pencil-simple-line", "pencil-simple", "file-sql", "code", "sign-out", "save", "delete", "align-space-even", "align-bottom", "align-left", "align-right", "align-top", "trend-up", "trend-up-chart", "caret-down-fill", "caret-up-fill", "caret-up-down", "pie-chart", "table-view", "task-done-file", "right-angle", "text-rotation-angle-up", "text-rotation-none", "text-rotation-up", "preview-file", "share", "image", "text", "color-palette", "shuffle", "table", "chart", "calendar", "horizontal-rule", "short-text", "subheader", "copy", "timer", "link", "not-found", "bar-chart-horizontal", "line-chart", "line-chart-trend-up", "globe", "map", "leaderboard", "radar", "scale", "scatter-plot", "tree", "donut-chart", "scatter-chart", "waterfall-chart", "area-chart", "bubble-chart", "candlestick-chart", "string", "boolean", "date", "number", "unknown", "array", "right-join", "left-join", "outer-join", "right-full-join", "left-full-join", "inner-join"];

package/dist/containers/Metric/EmbeddedMetric.d.ts

@@ -13,5 +13,6 @@ export interface EmbeddedMetricProps {
     enableEmailCsv?: boolean;
     enableMultiMetricFilters?: boolean;
     metricFilterOptions?: MetricFilterOptionsType;
+    metricFilterPosition?: 'outside' | 'inside';
 }
-export declare const EmbeddedMetric: React.MemoExoticComponent<({ token, chartColors, metricId, chartRendererType, variant, onMinimize, isHideChartSettings, isHideTablePreview, enableDownloadCsv, enableEmailCsv, metricFilterOptions, enableMultiMetricFilters, }: EmbeddedMetricProps) => React.JSX.Element>;
+export declare const EmbeddedMetric: React.MemoExoticComponent<({ token, chartColors, metricId, chartRendererType, variant, onMinimize, isHideChartSettings, isHideTablePreview, enableDownloadCsv, enableEmailCsv, metricFilterOptions, enableMultiMetricFilters, metricFilterPosition, }: EmbeddedMetricProps) => React.JSX.Element>;

package/dist/containers/Metric/index.d.ts

@@ -31,6 +31,7 @@ export interface MetricProps extends HTMLAttributes<HTMLElement> {
     style?: React.CSSProperties;
     metricFilterOptions?: MetricFilterOptionsType;
     enableMultiMetricFilters?: boolean;
+    metricFilterPosition?: 'outside' | 'inside';
 }
 /**
  * @name Metric - A react component to display a single metric card.

package/dist/hooks/index.d.ts

@@ -7,3 +7,5 @@ export * from './useUnderlyingData';
 export * from './useMetricCard';
 export * from './useArchiveMetric';
 export * from './useEmbeddedMetric';
+export * from './useDrag';
+export * from './useDrop';

package/dist/hooks/useDrag.d.ts

@@ -7,3 +7,4 @@ declare const useDrag: ({ identifier, data, modifiers, events, CustomDragPreview
     DragNodeRef: import("react").MutableRefObject<any>;
 };
 export default useDrag;
+export { useDrag };

package/dist/hooks/useDragAndDropState.d.ts

@@ -3,6 +3,8 @@ declare const useDragAndDropState: () => {
     dndState: DndStateProp;
     setActive: (active: DndStateProp['active']) => void;
     setOver: (over: DndStateProp['over']) => void;
+    setDraggables: (draggable: DndStateProp['active']) => void;
+    setDropables: (droppable: DndStateProp['over']) => void;
     setDndState: (update: DndStateProp | ((prev: DndStateProp) => DndStateProp)) => void;
 };
 export default useDragAndDropState;

package/dist/hooks/useDrop.d.ts

@@ -3,8 +3,6 @@ import { UseDropProps } from '@/types';
 declare const useDrop: ({ identifier, events, modifiers }: UseDropProps) => {
     dragStatus: {
         isDragOver: boolean;
-        isDragEnter: boolean;
-        isDragLeave: boolean;
         isDrop: boolean;
     };
     isEnableDrop: boolean;
@@ -12,3 +10,4 @@ declare const useDrop: ({ identifier, events, modifiers }: UseDropProps) => {
     setDropNodeRef: import("react").MutableRefObject<any>;
 };
 export default useDrop;
+export { useDrop };

package/dist/hooks/useMetricCard.d.ts

@@ -17,7 +17,10 @@ type UseMetricCardProps = {
 };
 export declare const useMetricCard: ({ metric, globalFilters, rlsFilters, clientId, tenancyLevel, isInternalApp, appFilters, setCrossDashboardFilters, crossDashboardFilters, metricFilterOptions, }: UseMetricCardProps) => {
     onDrillLevelClick: (index: number) => void;
-    onDrillDown: (params: any) => void;
+    onDrillDown: (params: any, rowFilters?: {
+        columnName: string;
+        value: any;
+    }[] | undefined) => void;
     handleChartClick: (params: any) => void;
     dataDb: Record<string, any>[];
     getUnderlyingData: ({ columnName, value, setData, setLoading, isSingleValueChart, }: {
@@ -65,5 +68,11 @@ export declare const useMetricCard: ({ metric, globalFilters, rlsFilters, client
     metricFilters: RlsCondition[];
     leftPositionedMetricFilters: RlsCondition[];
     rightPositionedMetricFilters: RlsCondition[];
+    drillFilters: {
+        columnName: string;
+        value: string | number;
+    }[];
+    drillType: any;
+    tableResultsDownloadData: Record<string, any>[];
 };
 export {};

package/dist/types/app.d.ts

@@ -1,6 +1,6 @@
 import type { ReactNode } from 'react';
 import { ColumnSizingState } from '@tanstack/react-table';
-import { CHART_TYPES } from '@/consts';
+import { CHART_TYPES, ICONS_LIST } from '@/consts';
 export type ChildrenProps = {
     children: ReactNode;
 };
@@ -144,9 +144,9 @@ export type CustomSettings = {
     coloredBars?: boolean;
 };
 export type Colors = 'primary' | 'primary-dark' | 'secondary' | 'secondary-dark' | 'alert' | 'alert-dark' | 'alert-light' | 'success' | 'success-dark' | 'success-light' | 'warning' | 'warning-dark' | 'info' | 'info-light' | 'white' | 'gray' | 'gray-dark' | 'light' | 'dark' | 'infoAlert';
-export type IconType = 'undo' | 'redo' | 'maximize' | 'minimize' | 'fullscreen' | 'download' | 'archive' | 'format' | 'company' | 'profile' | 'users' | 'bar-chart' | 'bar-chart-2' | 'kebab-menu-horizontal' | 'kebab-menu-vertical' | 'paint-brush' | 'funnel' | 'funnel-simple' | 'cross' | 'columns' | 'gear' | 'presentation-chart' | 'chevron-down' | 'plus' | 'info' | 'arrow-down' | 'arrow-up' | 'arrow-left' | 'arrow-right' | 'double-arrow-left' | 'double-arrow-right' | 'expand-arrows' | 'eye' | 'eye-slash' | 'database' | 'magnifying-glass' | 'pencil-simple-line' | 'pencil-simple' | 'file-sql' | 'code' | 'sign-out' | 'save' | 'delete' | 'align-space-even' | 'align-bottom' | 'align-left' | 'align-right' | 'align-top' | 'trend-up' | 'trend-up-chart' | 'caret-down-fill' | 'caret-up-fill' | 'caret-up-down' | 'pie-chart' | 'table-view' | 'task-done-file' | 'right-angle' | 'text-rotation-angle-up' | 'text-rotation-none' | 'text-rotation-up' | 'preview-file' | 'share' | 'image' | 'text' | 'color-palette' | 'shuffle' | 'table' | 'chart' | 'calendar' | 'horizontal-rule' | 'short-text' | 'subheader' | 'copy' | 'timer' | 'link' | 'not-found' | 'bar-chart-horizontal' | 'line-chart' | 'line-chart-trend-up' | 'globe' | 'map' | 'leaderboard' | 'radar' | 'scale' | 'scatter-plot' | 'tree' | 'donut-chart' | 'scatter-chart' | 'waterfall-chart' | 'area-chart' | 'bubble-chart' | 'candlestick-chart' | 'string' | 'boolean' | 'date' | 'number' | 'unknown' | 'array' | 'right-join' | 'left-join' | 'outer-join' | 'right-full-join' | 'left-full-join' | 'inner-join';
-export type LogoType = 'redshift' | 'postgres' | 'mysql' | 'mongodb' | 'bigquery' | 'snowflake' | 'microsoft' | 'google' | 'elasticsearch' | 'redis' | 'databrick' | 'clickhouse';
-export type IconSizes = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+export type IconType = (typeof ICONS_LIST)[number];
+export type LogoType = 'redshift' | 'postgres' | 'mysql' | 'mongodb' | 'bigquery' | 'snowflake' | 'microsoft' | 'google' | 'elasticsearch' | 'redis' | 'databricks' | 'clickhouse';
+export type IconSizes = 'xxs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 export type IconConfig = {
     size: IconSizes;
     color: Colors;
@@ -267,6 +267,7 @@ export type ChartSettingsType = {
         selectedOption?: FloatingDropDownOption;
     };
     comboBarList: string[];
+    isGroupXAxis?: boolean;
 };
 export type SelectedColumns = {
     column: string;
@@ -293,6 +294,7 @@ export type Schema = {
         clientColumnType?: string;
         isManualOptions?: boolean;
         manualOptions?: string[];
+        dependOn?: FloatingDropDownOption[];
     }[];
 };
 export type RlsFilterObjectType = {
@@ -379,6 +381,7 @@ export type CustomOption = {
     endDate?: Date;
     value: string | number;
     label: string;
+    range?: string;
 };
 export type RlsCondition = {
     name: string;
@@ -410,6 +413,11 @@ export type RlsCondition = {
         comparisonOperator: FloatingDropDownOption;
     }[];
     comparisonOperator?: FloatingDropDownOption;
+    dependOn?: FloatingDropDownOption;
+    selectedCustomOptionTable?: {
+        query: string;
+        columnName: string;
+    };
 };
 export type MetricData = {
     id: string;
@@ -438,7 +446,7 @@ export type ConditionalFormattingParam = {
     }[];
 };
 export type DateTypeOptionType = {
-    range: 'Last' | 'This' | 'Custom';
+    range: 'Last' | 'This' | 'Custom' | 'Custom Date';
     time?: 'Day' | 'Week' | 'Month' | 'Quarter' | 'Year';
     name: string;
     count?: number;
@@ -451,7 +459,7 @@ export type MetricFilterOptionsType = Record<string, {
     options: string[] | number[] | DateTypeOptionType[];
     defaultOption?: string | number;
 }>;
-export type FilterClausesType = (column: string) => {
+export type FilterClausesType = (dependOn: FloatingDropDownOption[]) => {
     as: string;
     columnName: string;
     value: string | string[];

package/dist/types/dragAndDropProps.d.ts

@@ -4,7 +4,13 @@ export type UseDragProps = {
         type?: string;
     };
     data?: any;
-    modifiers?: Record<string, any>;
+    modifiers?: {
+        highlightDrop?: {
+            onDrag?: boolean;
+            onDragOver?: boolean;
+            highlightClass?: string;
+        };
+    };
     events?: {
         onDragStart?: (event: DragEvent, data: DndStateProp) => void;
         onDragEnd?: (event: DragEvent, data: DndStateProp) => void;
@@ -34,9 +40,20 @@ export type UseDropProps = {
 export type DndStateProp = {
     active: (UseDragProps & {
         DragNodeRef: any;
+        isEnableDrag: boolean;
+        isDragging: boolean;
+        rect: DOMRect | null;
     }) | null;
     over: (UseDropProps & {
         setDropNodeRef: any;
+        isEnableDrop: boolean;
+        dragStatus: {
+            isDragOver: boolean;
+            isDrop: boolean;
+        };
+        rect: DOMRect | null;
     }) | null;
     DragPreviewCreateRoot?: any;
+    draggables?: DndStateProp['active'][];
+    droppables?: DndStateProp['over'][];
 };

package/dist/utils/getChartAttributes.d.ts

@@ -13,8 +13,9 @@ type Params = {
     isCumulativeBar: boolean;
     chartType: string;
     seriesType: string;
+    isGroupXAxis: boolean;
 };
-export declare const getChartAttributes: ({ data, measure, singleValue, step, xAxis, yAxisList, seriesField, isTimeSeries, selectedFormat, fillXAxis, isDynamicXaxis, isCumulativeBar, chartType, seriesType, }: Params) => {
+export declare const getChartAttributes: ({ data, measure, singleValue, step, xAxis, yAxisList, seriesField, isTimeSeries, selectedFormat, fillXAxis, isDynamicXaxis, isCumulativeBar, chartType, seriesType, isGroupXAxis, }: Params) => {
     labels: string[];
     datasets: any;
     funnelData: {