@databrainhq/plugin 0.16.66-uat1 → 0.16.67-test

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@databrainhq/plugin",
-  "version": "0.16.66-uat1",
+  "version": "0.16.67-test",
   "description": "Databrain app ui plugin.",
   "author": "Databrain",
   "license": "UNLICENSED",
@@ -10,12 +10,15 @@
     "./dist/webcomponents.umd.js"
   ],
   "main": "./dist/webcomponents.umd.js",
+  "types": "./types/publicTypes.d.ts",
   "exports": {
     ".": {
+      "types": "./types/publicTypes.d.ts",
       "import": "./dist/webcomponents.es.js",
       "require": "./dist/webcomponents.umd.js"
     },
     "./web": {
+      "types": "./types/publicTypes.d.ts",
       "import": "./dist/webcomponents.es.js",
       "require": "./dist/webcomponents.umd.js"
     }
@@ -24,7 +27,8 @@
     "start:repl": "vite --host 0.0.0.0",
     "start": "vite --port 3005",
     "build:css": "tailwindcss build -i src/index.css -o dist/index.css",
-    "build": "cross-env NODE_OPTIONS=--max-old-space-size=8192 tsc && vite build",
+    "build:types": "tsc -p tsconfig.public-types.json",
+    "build": "cross-env NODE_OPTIONS=--max-old-space-size=8192 tsc && npm run build:types && vite build",
     "husky": "husky install",
     "predeploy": "cd example && npm install && npm run build",
     "lint": "eslint --ext .tsx,.ts --ignore-path .gitignore --fix src",
@@ -110,6 +114,7 @@
     "vite-tsconfig-paths": "^4.0.3"
   },
   "files": [
-    "dist"
+    "dist",
+    "types"
   ]
 }

package/types/publicTypes.d.ts

@@ -0,0 +1,872 @@
+import type { CSSProperties, HTMLAttributes } from 'react';
+export type AllowedChartsType = 'line' | 'bar' | 'stack' | 'row' | 'combo' | 'pie' | 'doughnut' | 'waterfall' | 'funnelV2' | 'gaugeV2' | 'singleValue' | 'table' | 'pivotV2' | 'rose' | 'horizontalStack' | 'treeMap' | 'progressBarV2';
+export type CalendarType = 'ind' | 'default';
+export type TranslationDictionary = Record<string, Record<string, string>>;
+export interface ThemeType {
+    button?: {
+        primary?: string;
+        secondary?: string;
+        primaryText?: string;
+        secondaryText?: string;
+    };
+    checkbox?: {
+        checked?: string;
+        unChecked?: string;
+    };
+    switch?: {
+        enabled?: string;
+        disabled?: string;
+    };
+    drillBreadCrumbs?: {
+        fontFamily?: string;
+        fontColor?: string;
+        activeColor?: string;
+    };
+    multiSelectFilterDropdown?: {
+        badgeColor?: string;
+        badgeTextColor?: string;
+    };
+    datePickerColor?: string;
+    manageMetricsStyle?: Record<string, any>;
+    breakpoint?: {
+        xl?: number;
+        lg?: number;
+        md?: number;
+        sm?: number;
+        xs?: number;
+    };
+    metricLayoutCols?: {
+        xl?: number;
+        lg?: number;
+        md?: number;
+        sm?: number;
+        xs?: number;
+        xxs?: number;
+    };
+}
+export type AdminThemeOptionsType = {
+    general: {
+        name: string;
+        fontFamily: string;
+    };
+    dashboard: {
+        backgroundColor?: string;
+        ctaColor?: string;
+        ctaTextColor?: string;
+        selectBoxSize?: 'small' | 'medium' | 'large';
+        selectBoxVariant?: 'floating' | 'static';
+        selectBoxBorderRadius?: string;
+        selectBoxTextColor?: string;
+        metricCardColor?: string;
+    };
+    cardDescription: {
+        fontSize?: string;
+        fontWeight?: string;
+        color?: string;
+        elementColor?: string;
+    };
+    cardTitle: {
+        fontSize?: string;
+        fontWeight?: string;
+        color?: string;
+        elementColor?: string;
+    };
+    chart: {
+        palettes?: Array<{
+            name: string;
+            colors: string[];
+        }>;
+        paletteOptions?: string[];
+        selected?: string;
+    };
+    cardCustomization: {
+        padding?: string;
+        borderRadius?: string;
+        shadow?: string;
+        disableShadowOnHover?: boolean;
+        disableStroke?: boolean;
+        metricStrokeColor?: boolean;
+    };
+};
+export type ChartAppearanceType = {
+    chartTooltip?: {
+        labelStyle?: TextAppearance;
+        valueStyle?: TextAppearance;
+        tooltipHeader?: TextAppearance;
+        tooltipCard?: {
+            bgColor?: string;
+            borderColor?: string;
+            borderRadius?: number;
+            padding?: number;
+        };
+    };
+    chartLabel?: {
+        position?: 'hidden' | 'top' | 'left' | 'right' | 'bottom' | 'inside';
+        radialChartposition?: 'outside' | 'inside';
+    };
+    chartMargin?: MarginSettings;
+    chartLegend?: {
+        show?: boolean;
+        fixedPosition?: 'top-left' | 'top-center' | 'top-right' | 'left-center' | 'right-center' | 'bottom-left' | 'bottom-center' | 'bottom-right';
+        enableVariablePosition?: boolean;
+        top?: number;
+        left?: number;
+        disableLegendScrolling?: boolean;
+        legendAppearance?: 'horizontal' | 'vertical';
+        truncateLegend?: number;
+        legendShape?: 'circle' | 'rect' | 'roundRect' | 'triangle' | 'diamond' | 'arrow' | 'none';
+        fontSize?: number;
+        fontWeight?: number;
+        fontFamily?: string;
+        color?: string;
+    };
+    verticalAxis?: AxisAppearance;
+    horizontalAxis?: AxisAppearance;
+};
+type TextAppearance = {
+    size?: number;
+    family?: string;
+    weight?: number;
+    color?: string;
+};
+type AxisAppearance = {
+    hideAxisLines?: boolean;
+    hideSplitLines?: boolean;
+    hideAxisLabels?: boolean;
+    hideAxisTicks?: boolean;
+    axisName?: string;
+    axisNameOffset?: number;
+    axisLabelMargin?: number;
+    fontSize?: number;
+    fontFamily?: string;
+    fontWeight?: number;
+    color?: string;
+    axisColor?: string;
+    axisNameFontConfig?: {
+        fontFamily?: string;
+        fontSize?: number;
+        fontWeight?: number;
+    };
+};
+type CtaButtonStyles = {
+    styles?: string;
+    hoverStyles?: string;
+    activeStyles?: string;
+    disabledStyles?: string;
+};
+export type CtaCustomizationType = {
+    primary?: CtaButtonStyles;
+    secondary?: CtaButtonStyles;
+    tertiary?: CtaButtonStyles;
+};
+export type PopoverPlacements = 'auto' | 'auto-start' | 'auto-end' | 'top' | 'bottom' | 'right' | 'left' | 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end' | 'right-start' | 'right-end' | 'left-start' | 'left-end';
+export type DateTypeOptionType = {
+    range: 'Last' | 'This' | 'Custom' | 'Custom Date';
+    time?: 'Day' | 'Week' | 'Month' | 'Quarter' | 'Year';
+    name: string;
+    count?: number;
+    fromDate?: Date;
+    toDate?: Date;
+    minDate?: Date;
+    maxDate?: Date;
+};
+export type MetricFilterOptionsType = Record<string, {
+    options: string[] | Array<{
+        value: string | number;
+        label: string;
+    }> | number[] | DateTypeOptionType[];
+    defaultOption?: string | number;
+}>;
+export type DateEmbedPresetOption = {
+    type: string;
+    interval: number;
+    timeGrain: string;
+    label: string;
+    startDate: Date;
+    endDate: Date;
+    calendarType?: CalendarType;
+};
+export type GlobalFilterOptionsType = Record<string, {
+    options?: Array<{
+        value: string | number;
+        label: string;
+    }>;
+    defaultOption?: string[] | string | {
+        startDate: Date | undefined;
+        endDate: Date | undefined;
+    } | {
+        min: number | null;
+        max: number | null;
+    };
+    datePresetOptions?: DateEmbedPresetOption[];
+}>;
+export type MarginSettings = {
+    marginTop?: number;
+    marginBottom?: number;
+    marginLeft?: number;
+    marginRight?: number;
+};
+export type LegendSettings = {
+    show?: boolean;
+    top?: number;
+    bottom?: number;
+    left?: number;
+    right?: number;
+    position?: string;
+    truncateLegendValue?: number;
+    legendShape?: string;
+    customise?: boolean;
+    fixedPosition?: string;
+    disableScroll?: boolean;
+    fontSize?: number;
+    fontFamily?: string;
+    fontWeight?: number;
+    color?: string;
+};
+export type FloatingDropDownOption = {
+    columnsWithDataType?: any;
+    key?: string;
+    label: string;
+    value: string;
+    tooltip?: string;
+    badge?: string;
+    subValue?: string | FloatingDropDownOption;
+    subLabelOptions?: string[] | FloatingDropDownOption[];
+    icon?: string;
+    logo?: string;
+    logo2?: string;
+    columnList?: any;
+    labelType?: string;
+    aggregate?: string;
+    alias?: string;
+    table?: any;
+    isImportEnabled?: boolean;
+    column?: any;
+    subLabelIcon?: string;
+    clientColumnType?: 'STRING' | 'NUMBER';
+    tableColumn?: any;
+    colTypes?: any;
+    customColumnName?: string;
+    dbName?: string;
+    datasourceId?: string;
+    id?: string;
+    type?: 'STRING' | 'NUMBER';
+    presetDateOption?: Record<any, any>;
+    filter?: any;
+    presetDateOptions?: FloatingDropDownOption[];
+    comparisonLabel?: string;
+    count?: number;
+    dimension?: any;
+    actionButton?: {
+        icon: any;
+        onClick: Function;
+        color?: string;
+    };
+    isCustomField?: boolean;
+    isApplyTimezone?: boolean;
+};
+export type ComboAxisSettingsType = {
+    axis: string;
+    measures: string[];
+    gap?: number;
+    isEnableStackBar?: boolean;
+    isEnableBarBg?: boolean;
+    chartTypes: Array<{
+        axis: string;
+        type: string;
+    }>;
+    numberFormatter?: string;
+    suffix?: string;
+    prefix?: string;
+    axisPosition?: string;
+    isEnableLabelFormatter?: boolean;
+    labelFormatter?: Array<{
+        upperLimit: number | string;
+        lowerLimit: number | string;
+        label: string;
+    }>;
+    isEnableTextBreak?: boolean;
+    textBreak?: number;
+};
+export type CustomSettings = {
+    isEnableYearOverYear?: boolean;
+    isDisableComparisonWithFilter?: boolean;
+    isShowDuration?: boolean;
+    isEnableFutureLegend?: boolean;
+    futureLegendNames?: Record<string, any>;
+    hideXSplitLines?: boolean;
+    hideYSplitLines?: boolean;
+    hideXAxisLines?: boolean;
+    hideYAxisLines?: boolean;
+    hideYAxisTicks?: boolean;
+    hideXAxisTicks?: boolean;
+    isEnableSort?: boolean;
+    isEnableSmoothLine?: boolean;
+    isEnableSwitchMeasure?: boolean;
+    isCombineBarAxis?: boolean;
+    combinedAxisPrefix?: string;
+    combinedAxisSuffix?: string;
+    isEnableCurrentLine?: boolean;
+    isEnableFullScale?: boolean;
+    isEnableLabelFormatting?: boolean;
+    isEnableCustomLimits?: boolean;
+    isEnableDynamicLimits?: boolean;
+    isEnableLogScale?: boolean;
+    isEnableTimezoneFormatting?: boolean;
+    isEnableBgColor?: boolean;
+    timeFormatter?: string;
+    customUppperLimit?: number;
+    customLowerLimit?: number;
+    isEnableInterchange?: boolean;
+    bulletOptions?: string[];
+    dashOptions?: string[];
+    lineOptions?: string[];
+    isEnableDashedLine?: boolean;
+    isEnableSingleValueBgColor?: boolean;
+    singleValueBgColor?: string;
+    comparisonBadgeColor?: {
+        up?: string;
+        down?: string;
+    };
+    ganttTooltipKeys?: string[];
+    linearGaugeV2?: {
+        isEnableValue?: boolean;
+        isEnableLabel?: boolean;
+        size?: string;
+        isEnableLabels?: boolean;
+        isEnableRange?: boolean;
+        labelSize?: number;
+        labelWeight?: number;
+        isEnableLegend?: boolean;
+        isEnableLegendRange?: boolean;
+        legendSize?: number;
+        legendWeight?: number;
+        legendPosition?: string;
+        isShowSplitLines?: boolean;
+        upperLimit?: {
+            isEnable?: boolean;
+            limit?: string | number;
+            color?: string;
+            message?: string;
+            messageSize?: number;
+        };
+        lowerLimit?: {
+            isEnable?: boolean;
+            limit?: string | number;
+            message?: string;
+            messageSize?: number;
+        };
+    };
+    treeMap?: {
+        isEnableRangeColors?: boolean;
+        maxColor?: string;
+        minColor?: string;
+        midColor?: string;
+    };
+    gaugeV2?: {
+        isEnableMarkerRange?: boolean;
+        isEnableMarkerValue?: boolean;
+        isEnableMarkerLabel?: boolean;
+        isEnableLegendRange?: boolean;
+        legendSize?: number;
+        markerSize?: number;
+        legendPosition?: string;
+        markerColor?: string;
+    };
+    repulsion?: number;
+    markers?: {
+        isEnableMax?: boolean;
+        isEnableMin?: boolean;
+        isEnableAvg?: boolean;
+        maxColor?: string;
+        minColor?: string;
+    };
+    YaxislabelFormatters?: Array<{
+        upperLimit: number | string;
+        lowerLimit: number | string;
+        label: string;
+        color?: string;
+    }>;
+    comboLabelFormatter?: Array<{
+        axis: string;
+        formatter: Array<{
+            upperLimit: number;
+            lowerLimit: number;
+            label: string;
+        }>;
+    }>;
+    barWidth?: number;
+    barRadius?: number[];
+    xRotation?: number;
+    customRotation?: number;
+    hideXAxisLabels?: boolean;
+    hideYAxisLabels?: boolean;
+    fontSize?: number;
+    subHeaderShow?: boolean;
+    comparisonValueShow?: boolean;
+    displayText?: string;
+    singleValueFontColor?: string;
+    enableSingleValueTruncate?: boolean;
+    truncateValue?: number;
+    replaceNullValues?: boolean;
+    replaceNullValuesWithEmpty?: boolean;
+    comparisonTimeColumn?: string;
+    comparisonTimeLabel?: string;
+    comparisonTimePeriod?: number;
+    customDateRange?: FloatingDropDownOption;
+    lifeTime?: FloatingDropDownOption;
+    comparisonDifferenceType?: 'PERCENTAGE_DIFFERENCE' | 'DIFFERENCE';
+    comparisonTimeGrain?: string;
+    comparisonTableName?: string;
+    comparisonValueFontSize?: number;
+    singleValueSuffix?: string;
+    singleValuePrefix?: string;
+    singleValConditionalFormatter?: Array<{
+        type?: 'string' | 'range';
+        text?: string;
+        min?: number;
+        max?: number;
+        color?: string;
+        operator?: string;
+    }>;
+    comparisonSuffix?: string;
+    subHeaderFontSize?: number;
+    subHeaderFontWeight?: number;
+    subHeaderFontColor?: string;
+    subHeaderAlignment?: string;
+    dateFormatter?: string;
+    numberFormatter?: string;
+    switchAxisNumberFormatter?: Array<{
+        numberFormatter?: string;
+        axis?: string;
+        labelPrefix?: string;
+        labelSuffix?: string;
+    }>;
+    isEnableLabelTooltip?: boolean;
+    axisPointerStyle?: string;
+    showLabelValues?: boolean;
+    showFullStacked?: boolean;
+    showConversionRate?: boolean;
+    labelFormat?: string;
+    isShowTrendLine?: boolean;
+    hideNullValues?: boolean;
+    chartZoom?: {
+        isZoomEnabled?: boolean;
+        isShowRightMost?: boolean;
+        zoomAxis?: string;
+        zoomOnMouseWheel?: boolean;
+    };
+    showDynamicBehaviour?: boolean;
+    isEnableMeasureMode?: boolean;
+    roseType?: string;
+    selectedMode?: string;
+    selectedOffset?: number;
+    comboAxisSymbols?: unknown;
+    comboStackAxisSymbols?: {
+        suffix: string;
+        prefix: string;
+        name: string;
+    };
+    gradients?: Array<{
+        startColor: string;
+        endColor: string;
+        offset1: number;
+        offset2: number;
+        direction: string;
+    }>;
+    isShowBarGradient?: boolean;
+    barGradient?: GradientSettings;
+    enableBackgroundGradient?: boolean;
+    backgroundGradient?: GradientSettings;
+    labelPrefix?: string;
+    labelSuffix?: string;
+    enableTitleDesc?: boolean;
+    chartTitle?: string;
+    chartDesc?: string;
+    titlePosition?: string;
+    cumulativeBar?: boolean;
+    stepPadding?: number;
+    showFunnelShadow?: boolean;
+    hideSplitLines?: boolean;
+    hideAxisLines?: boolean;
+    axisLabels?: boolean;
+    isStackBar?: boolean;
+    showSelectLegend?: boolean;
+    showStackLabels?: boolean;
+    coloredBars?: boolean;
+    comboAxisSettings?: ComboAxisSettingsType[];
+    singleValueAlignment?: string;
+    singleValueAggregate?: {
+        isEnabled?: boolean;
+        aggregateType?: string;
+    };
+};
+type GradientSettings = {
+    startColor?: string;
+    endColor?: string;
+    offset1?: number;
+    offset2?: number;
+    direction?: string;
+};
+export type TableSettings = {
+    isEnableAllSort?: boolean;
+    headerFontBold?: boolean;
+    headerFontSize?: number;
+    hideBorder?: boolean;
+    isHideHorizontalScroll?: boolean;
+    isSepAlign?: boolean;
+    colAlignments?: Record<string, string>;
+    hStackTrendOptions?: Array<{
+        column?: string;
+        xAxis?: string;
+        yAxis?: string;
+    }>;
+    isEnableDropdownFilter?: boolean;
+    dropdownFilterCols?: string[];
+    horizontalCellPadding?: number;
+    contentAlignment?: string;
+    contentWeight?: number;
+    contentFontSize?: number;
+    contentColor?: string;
+    contentFont?: string;
+    headerAlignment?: string;
+    hideTableHeader?: boolean;
+    lineGap?: string;
+    hideVerticalDivider?: boolean;
+    hideHorizontalDivider?: boolean;
+    isRemovePadding?: boolean;
+    badgeColumns?: string[];
+    aggregateRow?: {
+        isEnable?: boolean;
+        label?: string;
+        function?: string;
+        columns?: string[];
+    };
+    tableNumberFormatter?: Array<{
+        columns?: string[];
+        formatter?: string;
+        suffix?: string;
+        prefix?: string;
+    }>;
+    isEnableNumberFormatting?: boolean;
+    formattedColumns?: string[];
+    tableFormatter?: string;
+    tableSuffix?: string;
+    tablePrefix?: string;
+    enableStripedRows?: boolean;
+    showRowHover?: boolean;
+    showTableIcon?: boolean;
+    showColumnFilter?: boolean;
+    showDownloadBtn?: boolean;
+    showTableTitle?: boolean;
+    tableTitleColor?: string;
+    tableTitle?: string;
+    showTableDesc?: boolean;
+    enableTableSearch?: boolean;
+    searchPosition?: 'left' | 'right';
+    paginationPosition?: 'top' | 'bottom';
+    isEnableColumnFilter?: boolean;
+    enableFilter?: boolean;
+    enableSorting?: boolean;
+    disablePagination?: boolean;
+    defaultRowSize?: string;
+    columnSizing?: Record<string, number>;
+    isAutoPagination?: boolean;
+    isServerSidePagination?: boolean;
+    isSortAlphabetically?: boolean;
+    isEnableTimezoneFormatting?: boolean;
+    timeFormatter?: string;
+    conditionalFormatting?: Array<{
+        columnName: string;
+        rules: Array<{
+            operator: string;
+            value: string;
+            compareWithFormatted?: boolean;
+            styles: {
+                backgroundColor?: string;
+                color?: string;
+                badgeColor?: string;
+                isApplyBadgeColor?: boolean;
+                isApplyBgColor?: boolean;
+                prefix?: string;
+                suffix?: string;
+            };
+        }>;
+    }>;
+    badgeColors?: Record<string, string>;
+    badgeTextColors?: Record<string, string>;
+    badgeSeparator?: string;
+    listColumns?: string[];
+    listSeparator?: string;
+    stackColAlias?: string;
+    customHeaderColor?: {
+        isEnabled?: boolean;
+        color?: string;
+        textColor?: string;
+    };
+    replaceNullValues?: boolean;
+    replaceNullValuesWithEmpty?: boolean;
+    isEnableViewDetails?: boolean;
+    customViewText?: string;
+    hiddenColumns?: string[];
+    textWrap?: {
+        isEnable?: boolean;
+        columns?: string[];
+        headerWrap?: boolean;
+        enableLineBreaks?: boolean;
+    };
+    chartAction?: {
+        isEnableCustomRedirection?: boolean;
+        isEnableColumnRedirection?: boolean;
+        isEnableCustomColumnRedirection?: boolean;
+        clickColumns?: Array<{
+            colName: string;
+            link: string;
+            isOpenInNewTab?: boolean;
+        }>;
+        clickValues?: Array<{
+            text: string;
+            link: string;
+            isOpenInNewTab?: boolean;
+        }>;
+    };
+    isEnableTranspose?: boolean;
+};
+export type LabelSettings = {
+    axis?: string;
+    show?: boolean;
+    position?: string;
+    truncateLabel?: boolean;
+    truncateLabelValue?: number;
+    wrapText?: boolean;
+    showLabelLine?: boolean;
+    isEnableValueSummation?: boolean;
+    showDimension?: boolean;
+    XAxisStyle?: LabelAxisStyle;
+    YAxisStyle?: LabelAxisStyle;
+    isDynamicPosition?: boolean;
+    showActualValue?: boolean;
+};
+type LabelAxisStyle = {
+    size?: number;
+    family?: string;
+    weight?: number;
+    color?: string;
+    axisName?: string;
+    axisPadding?: number;
+    axisMargin?: number;
+    axisNameFontConfig?: {
+        fontFamily?: string;
+        fontSize?: number;
+        fontWeight?: number;
+    };
+};
+export type AxisSettings = {
+    axis?: string;
+};
+export type PivotSettingsType = {
+    rows?: string[];
+    columns?: string[];
+};
+export type PivotSettingsType2 = {
+    measures?: string[];
+    dimensions?: string[];
+    headers?: string[];
+    isDynamicHeaders?: boolean;
+    dims?: string[];
+};
+export type GaugeSettingsType = {
+    metric?: string;
+    dimensions?: string[];
+};
+export type TooltipSettings = {
+    labelStyle?: TextAppearance;
+    valueStyle?: TextAppearance;
+    tooltipHeader?: TextAppearance;
+    tooltipCard?: {
+        bgColor?: string;
+        borderColor?: string;
+    };
+};
+type Wrap<T> = {
+    defaultValue?: T;
+    canEdit?: boolean;
+};
+type Wrappable<T> = [NonNullable<T>] extends [
+    string | number | boolean | null | undefined
+] ? Wrap<T> : [NonNullable<T>] extends [any[]] ? Wrap<T> : [NonNullable<T>] extends [object] ? CustomChartShape<NonNullable<T>> : Wrap<T>;
+type CustomChartShape<T extends object> = {
+    [K in keyof T]?: Wrappable<T[K]>;
+};
+export type CustomChartSettingsType = CustomChartShape<{
+    margins?: MarginSettings;
+    chartColors?: string[];
+    legendSettings?: LegendSettings;
+    labelSettings?: LabelSettings;
+    customSettings?: CustomSettings;
+    tooltipSettings?: TooltipSettings;
+    tableSettings?: TableSettings;
+    pivotTableSettings?: PivotSettingsType;
+    pivotTableSettings2?: PivotSettingsType2;
+    gaugeSettings?: GaugeSettingsType;
+    axisSettings?: AxisSettings;
+}>;
+export interface DashboardProps extends HTMLAttributes<HTMLElement> {
+    token: string;
+    dashboardId?: string;
+    options?: {
+        disableMetricCreation?: boolean;
+        disableMetricUpdation?: boolean;
+        disableMetricDeletion?: boolean;
+        disableManageMetrics?: boolean;
+        disableLayoutCustomization?: boolean;
+        dashboardSpacing?: {
+            verticalGap?: number;
+            horizontalGap?: number;
+            hide?: boolean;
+        };
+        disableSaveLayout?: boolean;
+        disableScheduleEmailReports?: boolean;
+        disableUnderlyingData?: boolean;
+        showDashboardActions?: boolean;
+        hideDashboardName?: boolean;
+        allowedChartTypes?: AllowedChartsType[];
+        chartColors?: string[];
+        chartPaletteOptions?: Array<{
+            name: string;
+            colors: string[];
+        }>;
+        hideDatePickerOptions?: string[];
+        chartAppearance?: ChartAppearanceType;
+        disableMainLoader?: boolean;
+        disableMetricLoader?: boolean;
+        hideMetricCardShadow?: boolean;
+        shouldFitFullScreen?: boolean;
+        disableMetricCardBorder?: boolean;
+        isShowNoDataFoundScreen?: boolean;
+        isModifyUrl?: boolean;
+        disableDownloadUnderlyingDataNoFilters?: boolean;
+        disableDownloadDataNoFilters?: boolean;
+        exportMsgPosition?: 'bottom' | 'bottom-left' | 'bottom-right' | 'center' | 'top' | 'top-left' | 'top-right' | 'hidden';
+        dashboardPadding?: string;
+        ctaButtonCustomization?: CtaCustomizationType;
+        showAllChartSettings?: boolean;
+        renameBoard?: string;
+        enableDashboardMinimap?: boolean;
+    };
+    theme?: ThemeType;
+    isHideChartSettings?: boolean;
+    isHideTablePreview?: boolean;
+    isStickyDashboardFilters?: boolean;
+    enableDownloadCsv?: boolean;
+    disableDownloadPng?: boolean;
+    enableDownloadAllMetrics?: boolean;
+    enableDownloadAllPdf?: boolean;
+    enableEmailCsv?: boolean;
+    enableMultiMetricFilters?: boolean;
+    disableFullscreen?: boolean;
+    enableTitleClickFullscreen?: boolean;
+    optionsIcon?: 'kebab-menu-vertical' | 'download';
+    settingsIcon?: {
+        name?: string;
+        iconSvg?: string;
+        menuPosition?: PopoverPlacements;
+    };
+    adminThemeOptions?: AdminThemeOptionsType;
+    customMessages?: {
+        tokenExpiry?: string;
+        tokenAbsent?: string;
+    };
+    themeName?: string;
+    globalFilterOptions?: GlobalFilterOptionsType;
+    handleServerEvent?: any;
+    noDataImg?: string;
+    noDataFoundSvg?: string;
+    manageMetricsBtnContent?: any;
+    longDescriptionConfig?: {
+        width?: string;
+        fontColor?: string;
+    };
+    chartColumns?: Array<{
+        dimensions?: string[];
+        measures?: string[];
+        isEnabled?: boolean;
+        metricId?: string;
+    }>;
+    language?: string;
+    translationDictionary?: TranslationDictionary;
+    hideDashboardFilters?: string[];
+    calendarType?: CalendarType;
+    customChartSettings?: CustomChartSettingsType;
+    chartClickFunction?: any;
+    debug?: boolean | string;
+}
+export interface MetricProps extends HTMLAttributes<HTMLElement> {
+    token: string;
+    chartColors?: string[];
+    metricId: string;
+    variant?: 'card' | 'fullscreen';
+    isHideChartSettings?: boolean;
+    isHideTablePreview?: boolean;
+    enableDownloadCsv?: boolean;
+    enableEmailCsv?: boolean;
+    disableDownloadPng?: boolean;
+    onMinimize?: () => void;
+    chartRendererType?: 'svg' | 'canvas';
+    theme?: ThemeType;
+    width?: number;
+    height?: number;
+    className?: string;
+    style?: CSSProperties;
+    metricFilterOptions?: MetricFilterOptionsType;
+    enableMultiMetricFilters?: boolean;
+    metricFilterPosition?: 'outside' | 'inside';
+    isDisableCardTitle?: boolean;
+    disableFullscreen?: boolean;
+    enableTitleClickFullscreen?: boolean;
+    optionsIcon?: 'kebab-menu-vertical' | 'download';
+    customMessages?: {
+        tokenExpiry?: string;
+        tokenAbsent?: string;
+    };
+    themeName?: string;
+    appearanceOptions?: {
+        appearanceOptionsPosition?: 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
+        dynamicBehaviour?: {
+            isEnabled?: boolean;
+            label?: string;
+        };
+        cumulativeBar?: {
+            isEnabled?: boolean;
+            label?: string;
+        };
+        stackedBars?: {
+            isEnabled?: boolean;
+            label?: string;
+        };
+    };
+    hideDatePickerOptions?: string[];
+    chartAppearance?: ChartAppearanceType;
+    hideMetricCardShadow?: boolean;
+    disableUnderlyingData?: boolean;
+    noDataImg?: string;
+    disableMetricCardBorder?: boolean;
+    longDescriptionConfig?: {
+        width?: string;
+        fontColor?: string;
+    };
+    isMergedCard?: boolean;
+    chartColumns?: {
+        dimensions?: string[];
+        measures?: string[];
+        isEnabled?: boolean;
+    };
+    language?: string;
+    translationDictionary?: TranslationDictionary;
+    globalFilterOptions?: GlobalFilterOptionsType;
+    calendarType?: CalendarType;
+    disableDownloadUnderlyingDataNoFilters?: boolean;
+    disableDownloadDataNoFilters?: boolean;
+    debug?: boolean | string;
+}
+export {};