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

package/dist/hooks/useDragAndDropState.d.ts

@@ -0,0 +1,10 @@
+import { DndStateProp } from '@/types';
+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

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { UseDropProps } from '@/types';
+declare const useDrop: ({ identifier, events, modifiers }: UseDropProps) => {
+    dragStatus: {
+        isDragOver: boolean;
+        isDrop: boolean;
+    };
+    isEnableDrop: boolean;
+    setIsEnableDrop: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+    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/hooks/useMetricConfig.d.ts

@@ -0,0 +1,57 @@
+/// <reference types="react" />
+import { ChartSettingsType, ConfigType, FloatingDropDownOption } from '@/types';
+export type CompanyIntegration = {
+    id: string;
+    name: string;
+} | undefined;
+declare const useMetricConfig: ({ ...config }: ConfigType) => {
+    isLoading: boolean;
+    chartSettings: ChartSettingsType;
+    setShowSaveMetricModal: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+    setSelectTable: import("react").Dispatch<import("react").SetStateAction<FloatingDropDownOption>>;
+    selectTable: FloatingDropDownOption;
+    data: any[] | undefined;
+    error: string;
+    previewTableData: any[] | undefined;
+    query: string;
+    isShowSqlModal: boolean;
+    setShowSqlModal: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+    isEnablePivotTable: boolean;
+    isEnableGauge: boolean;
+    groupByList: string[];
+    hasNumberKeys: boolean;
+    setShowChartCustomProperties: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+    isShowFullScreen: boolean;
+    setShowFullScreen: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+    isShowChartType: boolean;
+    setShowChartType: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+    isShowSaveMetricModal: boolean;
+    updateExternalMetric: (data: import("react-hook-form").FieldValues) => void;
+    createExternalMetric: (data: import("react-hook-form").FieldValues) => void;
+    dashboardOptions: {
+        value: any;
+        label: any;
+    }[];
+    saveError: string;
+    setChartSettings: import("react").Dispatch<import("react").SetStateAction<ChartSettingsType>>;
+    isShowChartCustomProperties: boolean;
+    setBarRadius: import("react").Dispatch<import("react").SetStateAction<{
+        topRadius: number;
+        bottomRadius: number;
+    }>>;
+    setError: import("react").Dispatch<import("react").SetStateAction<string>>;
+    setLoading: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+    setData: import("react").Dispatch<import("react").SetStateAction<any[] | undefined>>;
+    setQuery: import("react").Dispatch<import("react").SetStateAction<string>>;
+    setGroupByList: import("react").Dispatch<import("react").SetStateAction<string[]>>;
+    clientSubsetData: any;
+    isShowSortPanel: boolean;
+    setShowSortPanel: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+    isShowFilters: boolean;
+    setShowFilters: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+    isCreatingMetric: boolean;
+    isEnableSingleDimension: boolean;
+    isEnableSingleMetrics: boolean;
+    enabledCharts: string[];
+};
+export default useMetricConfig;

package/dist/index.d.ts

@@ -0,0 +1,7 @@
+export * from './containers';
+export * as utils from './utils';
+export * as consts from './consts';
+export * as helpers from './helpers';
+export * as hooks from './hooks';
+export * as types from './types';
+export * as Ui from './components';

package/dist/queries/externalDashboard.mutation.d.ts

@@ -1,4 +1,4 @@
-import { UseCreateMetricMutationInputType, UseDeleteDashboardScheduleReportMutationInputType, UseGenerateMetricMutationInputType, UsePreviewTableMutationInputType, UseSaveDashboardLayoutMutationInputType, UseSaveDashboardScheduleReportMutationInputType, UseUpdateAdminMetricMutationInputType, UseUpdateMetricMutationInputType } from '../types/queryTypes';
+import { UseCreateMetricMutationInputType, UseDatatsetMetricMutationInputType, UseDeleteDashboardScheduleReportMutationInputType, UseGenerateMetricMutationInputType, UsePreviewTableMutationInputType, UseSaveDashboardLayoutMutationInputType, UseSaveDashboardScheduleReportMutationInputType, UseUpdateAdminMetricMutationInputType, UseUpdateMetricMutationInputType } from '@/types/queryTypes';
 export declare const useSaveDashboardLayoutMutation: () => import("react-query").UseMutationResult<{
     data: unknown;
 }, unknown, UseSaveDashboardLayoutMutationInputType, unknown>;
@@ -35,6 +35,12 @@ export declare const useGenerateMetricMutation: () => import("react-query").UseM
     data: UseGenerateMetricMutationInputType;
     token: string;
 }, unknown>;
+export declare const useDatasetMetricMutation: () => import("react-query").UseMutationResult<{
+    data: unknown;
+}, unknown, {
+    data: UseDatatsetMetricMutationInputType;
+    token: string;
+}, unknown>;
 export declare const usePreviewTableMutation: () => import("react-query").UseMutationResult<{
     data: unknown;
 }, unknown, {

package/dist/queries/metric.mutation.d.ts

@@ -1,4 +1,4 @@
-import { UseMetricColumnMutationInputType, UseMetricUnderlyingDataMutationInputType, UseMetricShareCsvMutationInputType, UseMarkArchivedMutationInputType } from '../types/queryTypes';
+import { UseMetricColumnMutationInputType, UseMetricUnderlyingDataMutationInputType, UseMetricShareCsvMutationInputType, UseMarkArchivedMutationInputType } from '@/types/queryTypes';
 export declare const useMetricColumnMutation: () => import("react-query").UseMutationResult<{
     data: unknown;
 }, unknown, UseMetricColumnMutationInputType, unknown>;

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;
 };
@@ -63,6 +63,7 @@ export type CustomSettings = {
     barWidth?: number;
     barRadius?: number[];
     xRotation?: number;
+    customRotation?: number;
     hideXAxisLabels?: boolean;
     hideYAxisLabels?: boolean;
     fontSize?: number;
@@ -142,10 +143,10 @@ export type CustomSettings = {
     showStackLabels?: boolean;
     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';
-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';
-export type LogoType = 'redshift' | 'postgres' | 'mysql' | 'mongodb' | 'bigquery' | 'snowflake' | 'microsoft' | 'google' | 'elasticsearch' | 'redis';
-export type IconSizes = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+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 = (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;
@@ -180,6 +181,7 @@ export type TableSettings = {
     defaultRowSize?: string;
     columnSizing?: ColumnSizingState;
     isServerSidePagination?: boolean;
+    isSortAlphabetically?: boolean;
     conditionalFormatting?: {
         columnName: string;
         rules: {
@@ -196,6 +198,7 @@ export type TableSettings = {
     badgeSeparator?: string;
     listColumns?: string[];
     listSeparator?: string;
+    stackColAlias?: string;
 };
 export type BackgroundSettings = {
     show?: boolean;
@@ -264,6 +267,7 @@ export type ChartSettingsType = {
         selectedOption?: FloatingDropDownOption;
     };
     comboBarList: string[];
+    isGroupXAxis?: boolean;
 };
 export type SelectedColumns = {
     column: string;
@@ -290,6 +294,7 @@ export type Schema = {
         clientColumnType?: string;
         isManualOptions?: boolean;
         manualOptions?: string[];
+        dependOn?: FloatingDropDownOption[];
     }[];
 };
 export type RlsFilterObjectType = {
@@ -339,6 +344,9 @@ export type FloatingDropDownOption = {
     subValue?: string;
     icon?: string;
     columnList?: any;
+    labelType?: string;
+    aggregate?: string;
+    alias?: string;
 };
 export type FilterType = {
     tableName: string;
@@ -373,6 +381,7 @@ export type CustomOption = {
     endDate?: Date;
     value: string | number;
     label: string;
+    range?: string;
 };
 export type RlsCondition = {
     name: string;
@@ -398,6 +407,17 @@ export type RlsCondition = {
     optionColumnName?: string;
     optionTableName?: string;
     filterType?: string;
+    applyOnColumns?: {
+        columnName: FloatingDropDownOption;
+        logicalOperator: FloatingDropDownOption;
+        comparisonOperator: FloatingDropDownOption;
+    }[];
+    comparisonOperator?: FloatingDropDownOption;
+    dependOn?: FloatingDropDownOption;
+    selectedCustomOptionTable?: {
+        query: string;
+        columnName: string;
+    };
 };
 export type MetricData = {
     id: string;
@@ -426,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;
@@ -439,3 +459,8 @@ export type MetricFilterOptionsType = Record<string, {
     options: string[] | number[] | DateTypeOptionType[];
     defaultOption?: string | number;
 }>;
+export type FilterClausesType = (dependOn: FloatingDropDownOption[]) => {
+    as: string;
+    columnName: string;
+    value: string | string[];
+}[];

package/dist/types/dragAndDropProps.d.ts

@@ -0,0 +1,59 @@
+export type UseDragProps = {
+    identifier: {
+        id: string;
+        type?: string;
+    };
+    data?: any;
+    modifiers?: {
+        highlightDrop?: {
+            onDrag?: boolean;
+            onDragOver?: boolean;
+            highlightClass?: string;
+        };
+    };
+    events?: {
+        onDragStart?: (event: DragEvent, data: DndStateProp) => void;
+        onDragEnd?: (event: DragEvent, data: DndStateProp) => void;
+    };
+    CustomDragPreview?: any;
+};
+export type UseDropProps = {
+    identifier: {
+        id: string;
+        accepts?: string[];
+    };
+    events?: {
+        onDragOver?: (event: DragEvent, data: DndStateProp) => void;
+        onDragEnter?: (event: DragEvent, data: DndStateProp) => void;
+        onDragLeave?: (event: DragEvent, data: DndStateProp) => void;
+        onDrop?: (event: DragEvent, data: DndStateProp) => void;
+    };
+    modifiers?: {
+        sorting?: {
+            isEnabled: boolean;
+            sortingType: 'vertical' | 'horizontal';
+            list?: any[];
+            setList?: any;
+        };
+    };
+};
+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/types/index.d.ts

@@ -1,2 +1,3 @@
 export * from './app';
 export * from './metricCreate';
+export * from './dragAndDropProps';

package/dist/types/metricCreate.d.ts

@@ -21,7 +21,7 @@ export type EmbeddedMetricCreationProps = {
     workspaceId: string;
 };
 export type HeaderProps = {
-    Heading: string;
+    heading: string;
     setShowMetricCreateModal: React.Dispatch<React.SetStateAction<boolean>>;
     isDisableSaveBtn: boolean;
     setShowSaveMetricModal: React.Dispatch<React.SetStateAction<boolean>>;
@@ -30,7 +30,18 @@ export type DatasetProps = {
     setselectTable: React.Dispatch<React.SetStateAction<FloatingDropDownOption>>;
     selectTable: FloatingDropDownOption;
     tableList: FloatingDropDownOption[];
-    columnList: ColumnData[];
+    columnList: FloatingDropDownOption[];
+    column: FloatingDropDownOption;
+    setColumn: React.Dispatch<React.SetStateAction<FloatingDropDownOption[]>>;
+    onChangeTableSelection: (table: string) => void;
+    metrics: {
+        value: string;
+        label: string;
+    }[];
+    setMetrics: React.Dispatch<React.SetStateAction<{
+        value: string;
+        label: string;
+    }[]>>;
 };
 export type MetricsValue = {
     value: string;
@@ -78,11 +89,37 @@ export type MetricOutputProps = {
     isEnableGauge: boolean;
     groupbyList: any[];
     hasNumberKeys: boolean;
+    metrics: FloatingDropDownOption[];
+    dimensions: FloatingDropDownOption[];
+    createdCols: FloatingDropDownOption[];
+    configuration: DatasetMetricCreationConfiguration;
+    setCreatedCols: React.Dispatch<React.SetStateAction<FloatingDropDownOption[]>>;
+    createdMetrics: FloatingDropDownOption[];
+    setCreatedMetrics: React.Dispatch<React.SetStateAction<FloatingDropDownOption[]>>;
+    functionOptions: (col: any) => {
+        value: string;
+        label: string;
+    }[];
+    onGenerateChart: ({ param, metricParams, dimensionParams, createdDimensionParams, createdMetricParams, }: {
+        param?: DatasetMetricCreationConfiguration | undefined;
+        metricParams?: FloatingDropDownOption[] | undefined;
+        dimensionParams?: FloatingDropDownOption[] | undefined;
+        createdMetricParams?: FloatingDropDownOption[] | undefined;
+        createdDimensionParams?: FloatingDropDownOption[] | undefined;
+    }) => void;
     setQuery?: React.Dispatch<React.SetStateAction<string>>;
     setData?: React.Dispatch<React.SetStateAction<any[] | undefined>>;
     setLoading?: React.Dispatch<React.SetStateAction<boolean>>;
     setError?: React.Dispatch<React.SetStateAction<string>>;
+    isEnableSingleDimension?: boolean;
+    isEnableSingleMetrics?: boolean;
     destinationId?: string;
+    outputHeaderProps: {
+        setShowChartCustomProperties: React.Dispatch<React.SetStateAction<boolean>>;
+        setShowChartType: React.Dispatch<React.SetStateAction<boolean>>;
+        setShowSortPanel: React.Dispatch<React.SetStateAction<boolean>>;
+        setShowFilters: React.Dispatch<React.SetStateAction<boolean>>;
+    };
     dbName?: string;
     previewTableDataList: any[] | undefined;
     enableQueryTab?: boolean;
@@ -98,6 +135,11 @@ export type MetricOutputProps = {
     setChartSettings: React.Dispatch<React.SetStateAction<ChartSettingsType>>;
     isDisableSqlBtn: boolean;
     setShowSqlModal: React.Dispatch<React.SetStateAction<boolean>>;
+    setMetrics: React.Dispatch<React.SetStateAction<{
+        value: string;
+        label: string;
+    }[]>>;
+    setColumn: React.Dispatch<React.SetStateAction<FloatingDropDownOption[]>>;
 };
 export type CompanyIntegration = {
     id: string;
@@ -129,4 +171,173 @@ export type ComparisonLagSettings = {
     timeGrain: FloatingDropDownOption;
     periodLag: number;
 };
+export type CreatedNewColumn = {
+    columnName: FloatingDropDownOption;
+    function: FloatingDropDownOption;
+    alias: string;
+};
+export type SelectedJoin = {
+    tableName: FloatingDropDownOption;
+    conditions: {
+        firstOperand: FloatingDropDownOption;
+        secondOperand: FloatingDropDownOption;
+        operator: FloatingDropDownOption;
+    }[];
+    joinType: FloatingDropDownOption;
+};
+export type CreateNewFilter = {
+    tableName: FloatingDropDownOption;
+    columnName: FloatingDropDownOption;
+    operator: FloatingDropDownOption;
+    value: {
+        stringValue?: string;
+        numberValue?: number;
+        stringArray?: string[];
+        numberArray?: number[];
+        timeValue?: {
+            startDate: string;
+            endDate: string;
+            timeFilter: string;
+        };
+    };
+    relationOperator?: FloatingDropDownOption;
+    type: 'custom' | 'default' | 'client';
+    sql: string;
+    name: string;
+    isSaved?: boolean;
+};
+export type CreateNewSort = {
+    columnName: FloatingDropDownOption;
+    method: FloatingDropDownOption;
+    tableName: FloatingDropDownOption;
+};
+export type GetFilterDropDownType = ({ datatype, operator, }: {
+    datatype: string;
+    operator: string;
+}) => 'TIME_FILTER' | 'MULTI_FILTER_DROPDOWN' | 'INPUT_NUMBER_FIELD' | 'FILTER_DROPDOWN';
+export type JoinCondition = {
+    firstOperand: {
+        parentAlias: string;
+        columnName: string;
+    };
+    secondOperand: {
+        parentAlias: string;
+        columnName: string;
+    };
+    operator?: string;
+};
+export type Join = {
+    conditions: JoinCondition[];
+    name: string;
+    alias: string;
+    schema: string;
+    joinType?: string;
+};
+export type Table = {
+    name: string;
+    alias: string;
+    schema: string;
+    id: string;
+    joins: Join[];
+};
+export type Aggregate = {
+    method: string;
+    columnName: string;
+    alias: string;
+    parentAlias: string;
+    type: 'custom' | 'default';
+    dataType: string;
+};
+export type Dimension = {
+    columnName: string;
+    alias: string;
+    parentAlias: string;
+    timeGrain?: string;
+    type: 'custom' | 'default';
+    dataType: string;
+    helperFunction?: string;
+};
+export type Filter = {
+    method: string;
+    columnName: string;
+    alias: string;
+    parentAlias: string;
+    value: string | number | string[] | number[] | {
+        startDate: string;
+        endDate: string;
+        timeFilter: string;
+    };
+    type: 'custom' | 'default' | 'agr' | 'dimension' | 'time' | 'client' | 'rls_filter';
+    dataType: string;
+    relationOperator?: 'AND' | 'OR';
+};
+export type Order = {
+    method: string;
+    name: string;
+};
+export type Forcast = {
+    isEnable: boolean;
+    forecastPeriods: number;
+    modelName: string;
+    confidenceInterval: number;
+    timeColumnName: string;
+    measureColumnName: string;
+    timeGrain: string;
+    yearlySeasonality: boolean;
+    weeklySeasonality: boolean;
+    dailySeasonality: boolean;
+    orderP: number;
+    orderD: number;
+    orderQ: number;
+    trend: {
+        value: string;
+        label: string;
+    };
+    growth: string;
+};
+export type GroupByColumn = {
+    columnName: string;
+    alias: string;
+    parentAlias: string;
+    timeGrain?: string;
+    helperFunction?: string;
+    type: 'custom' | 'default';
+    dataType: string;
+};
+export type TableType = string;
+export type DatasetMetricCreationConfiguration = {
+    table: Table;
+    aggregates: Aggregate[];
+    dimensions: Dimension[];
+    filters: Filter[];
+    orders: Order[];
+    limit: string;
+    isEnableDrill: boolean;
+    forecast?: Forcast;
+    rlsValues?: Record<string, string | number>;
+    groupByColumnList?: GroupByColumn[];
+};
+export type ConfigType = {
+    clientId: string;
+    companyId: string;
+    isLiveMode: boolean;
+    externalDashboardId: string;
+    userProvidedDashboardId: string;
+    chartColors: string[] | undefined;
+    isShowMetricCreateModal: boolean;
+    setShowMetricCreateModal: React.Dispatch<React.SetStateAction<boolean>>;
+    metric: ExternalMetrics | undefined;
+    metricData: Record<string, any>[] | undefined;
+};
+export type DatasetConfig = {
+    clientSubsetData: any;
+    clientId: string;
+    setError: React.Dispatch<React.SetStateAction<string>>;
+    setLoading: React.Dispatch<React.SetStateAction<boolean>>;
+    setData: React.Dispatch<React.SetStateAction<any[] | undefined>>;
+    setQuery: React.Dispatch<React.SetStateAction<string>>;
+    setGroupByList: React.Dispatch<React.SetStateAction<string[]>>;
+    chart: string;
+    setChartSettings: React.Dispatch<React.SetStateAction<ChartSettingsType>>;
+};
 export {};

package/dist/types/queryTypes.d.ts

@@ -1,3 +1,4 @@
+import { DatasetMetricCreationConfiguration } from './metricCreate';
 export type UseDashboardDataQueryInputType = {
     token: string;
     dashboardId?: string;
@@ -60,6 +61,10 @@ export type UseMetricColumnMutationInputType = {
     columnName?: string;
     wId?: string;
     filter?: Record<string, any>;
+    customTable?: {
+        query: string;
+        alias: string;
+    };
 };
 export type UseMetricUnderlyingDataMutationInputType = {
     columnName?: string;
@@ -164,6 +169,11 @@ export type UseGenerateMetricMutationInputType = {
     integrationName?: string;
     integrationId?: string;
 };
+export type UseDatatsetMetricMutationInputType = {
+    cId: string;
+    configuration: DatasetMetricCreationConfiguration;
+    id: string;
+};
 export type UseCreateMetricMutationInputType = {
     chartOptions?: any;
     companyId?: string;

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: {