@qrvey/utils 1.16.0-2 → 1.16.0-21

package/dist/charts/helpers/styleSettingsByChartType.js

@@ -0,0 +1,532 @@
+import { CHART_DIMENSION, CHART_TYPE } from "../../constants";
+import { _get, capitalize, omit } from "../../general";
+import { hasDimension } from "./chartTypes";
+export const parseStyleSettingByType = (type, { stylesSettings, globalSettings, isGrouped }, optsCombo) => {
+    var _a, _b, _c, _d;
+    const { theme, color, thickness, line_style: style, line_type: straight, y_axis, data_labels, symbol_type: symbol, symbol_fill: fill, opacity, } = stylesSettings;
+    const y_axis_format = _get(y_axis, "format.value") === "General"
+        ? "Default"
+        : _get(y_axis, "format.value");
+    const pie_labels = _get(data_labels, "pie_labels.format.value") === "General"
+        ? "Default"
+        : _get(data_labels, "pie_labels.format.value");
+    const heat_map_labels = _get(data_labels, "heat_map_labels.format.value") === "General"
+        ? "Default"
+        : _get(data_labels, "heat_map_labels.format.value");
+    const format = {
+        y_axis: y_axis_format,
+        data_labels: type === CHART_TYPE.PIE_CHART ? pie_labels : heat_map_labels,
+    };
+    return ({
+        [CHART_TYPE.BAR_CHART]: {
+            color,
+            theme,
+            orientation: stylesSettings.orientation,
+            format,
+        },
+        [CHART_TYPE.BAR_CHART_MS]: {
+            color,
+            theme,
+            orientation: "VERTICAL",
+            format,
+        },
+        [CHART_TYPE.SYMBOL_CHART]: {
+            color,
+            theme,
+            fill,
+            symbol,
+            format,
+        },
+        [CHART_TYPE.SYMBOL_CHART_MS]: {
+            color,
+            theme,
+            format,
+            fill,
+            symbol,
+        },
+        [CHART_TYPE.LINE_CHART]: {
+            color,
+            theme,
+            thickness,
+            straight,
+            style,
+            format,
+        },
+        [CHART_TYPE.LINE_CHART_MS]: {
+            color,
+            theme,
+            thickness,
+            straight,
+            style,
+            format,
+        },
+        [CHART_TYPE.AREA_CHART]: {
+            color,
+            straight,
+            style,
+            format,
+            orientation: stylesSettings.orientation,
+        },
+        [CHART_TYPE.SCATTER_CHART]: {
+            color,
+            straight,
+            style,
+            format,
+            orientation: stylesSettings.orientation,
+        },
+        [CHART_TYPE.AREA_CHART_MS]: {
+            color,
+            straight,
+            style,
+            format,
+            orientation: stylesSettings.orientation,
+        },
+        [CHART_TYPE.RADAR_CHART]: {
+            color,
+            theme,
+            thickness,
+            straight,
+            style,
+            format,
+        },
+        [CHART_TYPE.COMBO_CHART]: {
+            custom_color: optsCombo.custom_color,
+            custom_theme: optsCombo.custom_theme,
+            match_colors: optsCombo.match_colors,
+            color_type: optsCombo.color_type,
+            color: [optsCombo.color],
+            theme: optsCombo.theme,
+            thickness: optsCombo.thickness,
+            straight: optsCombo.line_type,
+            style: optsCombo.line_style,
+            format: Object.assign(Object.assign({}, format), { y_axis: optsCombo.format || _get(optsCombo, "y_axis.format.value") }),
+            symbol: optsCombo.symbol_type,
+            fill: optsCombo.symbol_fill,
+            axis_scale: _get(optsCombo, "y_axis.scale"),
+        },
+        [CHART_TYPE.HEATMAP_CHART]: {
+            orientation: "VERTICAL",
+            format,
+        },
+        [CHART_TYPE.WORD_CLOUD]: {},
+        [CHART_TYPE.PIE_CHART]: {
+            color,
+            theme,
+            format,
+            pielabel: ((_a = stylesSettings.data_labels) === null || _a === void 0 ? void 0 : _a.pie_labels)
+                ? (_b = stylesSettings.data_labels.pie_labels) === null || _b === void 0 ? void 0 : _b.position
+                : "outside",
+            donut: stylesSettings.pie_type === "donut",
+            data_labels: (_c = stylesSettings.data_labels) === null || _c === void 0 ? void 0 : _c.value,
+            percent_labels: stylesSettings.percent_labels,
+            visible_labels: (_d = stylesSettings.data_labels) === null || _d === void 0 ? void 0 : _d.visible,
+        },
+        [CHART_TYPE.MINMAX_CHART]: {
+            color,
+            theme,
+            symbol,
+            fill,
+            thickness,
+            straight,
+            style,
+            orientation: stylesSettings.orientation,
+            format,
+            opacity,
+        },
+        [CHART_TYPE.REFERENCE]: {
+            color,
+            theme,
+            fill: "None",
+            thickness,
+            style: "Solid",
+            opacity: 20,
+        },
+        [CHART_TYPE.TREND]: {
+            color,
+            theme,
+            style: "Solid",
+            thickness,
+        },
+        [CHART_TYPE.SMALL_MULTIPLES]: {
+            maxMultiplePanels: 4,
+            displayMultiplePanels: false,
+            displayBorder: false,
+            labels: { axis: true },
+        },
+        [CHART_TYPE.BOXWHISKER_CHART]: {
+            thickness,
+            opacity: (100 - parseInt(opacity, 10)) / 10,
+            displaySymbol: _get(stylesSettings, "outliers.value"),
+            symbol: _get(stylesSettings, "outliers.symbol_type"),
+            fill: _get(stylesSettings, "outliers.symbol_fill"),
+            orientation: stylesSettings.orientation,
+        },
+        [CHART_TYPE.GEO_CHART]: {
+            baseMap: {
+                text: "Streets",
+                label: "mapbox://styles/mapbox/streets-v11",
+            },
+            symbol: "circle",
+            opacity: 5,
+            mapborder: true,
+            mapRegion: { text: "Default", label: "DEFAULT" },
+        },
+        [CHART_TYPE.GEO_CHART_BUBBLE]: Object.assign({}, parseMaps(stylesSettings)),
+        [CHART_TYPE.GEO_CHART_DOT]: Object.assign(Object.assign({}, parseMaps(stylesSettings)), { symbol, symbolfill: fill === "Filled" }),
+        [CHART_TYPE.GEO_CHART_CHOROPLETH]: Object.assign({}, parseMaps(stylesSettings)),
+        [CHART_TYPE.CROSSTAB_CHART]: {
+            format: _get(stylesSettings, "format.value"),
+            groupedTotals: {
+                label: _get(globalSettings, "crosstab_totals.value", false)
+                    ? _get(globalSettings, "crosstab_totals.option", "SHOW")
+                    : "DONTSHOW",
+            },
+            groupedSubtotals: {
+                label: _get(globalSettings, "crosstab_subtotals", false)
+                    ? "SHOW"
+                    : "DONTSHOW",
+            },
+            rowsMaxDataPoints: _get(globalSettings, "max_rows.value", true),
+            columnsMaxDataPoints: _get(globalSettings, "max_groups.value", true),
+            maxRowNumDataPoints: _get(globalSettings, "max_rows.option", true),
+            maxColumnsNumDataPoints: _get(globalSettings, "max_groups.option", true),
+        },
+        [CHART_TYPE.TABLE_CHART]: {
+            sorting: _get(globalSettings, "table_menu.sorting"),
+            value_view: _get(globalSettings, "table_menu.value_view"),
+            totals: _get(globalSettings, "table_menu.totals"),
+            filtering: _get(globalSettings, "table_menu.filtering", true),
+            column_resizing: _get(globalSettings, "table_menu.column_resizing", true),
+            column_arrangement: _get(globalSettings, "table_menu.column_arrangement", true),
+            column_update: _get(globalSettings, "table_menu.column_update", false),
+            change_aggregation: _get(globalSettings, "table_menu.change_aggregation", false),
+            pagination: isGrouped
+                ? {
+                    enabled: false,
+                    recordsPage: 30,
+                }
+                : _get(globalSettings, "table_menu.pagination"),
+        },
+        [CHART_TYPE.EXPANDABLE_TABLE_CHART]: {
+            sorting: _get(globalSettings, "table_menu.sorting"),
+            value_view: _get(globalSettings, "table_menu.value_view"),
+            totals: _get(globalSettings, "table_menu.totals"),
+        },
+        [CHART_TYPE.INDICATOR_METRIC]: {
+            iconPosition: { label: _get(stylesSettings, "indicator_position") },
+        },
+        [CHART_TYPE.DIAL_METRIC]: {
+            color,
+            theme,
+            thresholdOpacity: opacity,
+            showComparison: _get(stylesSettings, "metric_comparison.value"),
+            comparisonColor: _get(stylesSettings, "metric_comparison.color"),
+            gaugeStyle: { label: _get(stylesSettings, "gauge") },
+            circleSize: { label: _get(stylesSettings, "dial_size") },
+        },
+        [CHART_TYPE.BULLET_METRIC]: {
+            color,
+            theme,
+            thresholdOpacity: opacity,
+            targetLabel: _get(stylesSettings, "bullet_target.label"),
+            targetColor: _get(stylesSettings, "bullet_target.color"),
+            targetIndicator: _get(stylesSettings, "bullet_target.indicator"),
+            targetValue: _get(stylesSettings, "bullet_target.value"),
+        },
+        [CHART_TYPE.FUNNEL_CHART]: Object.assign(Object.assign({}, stylesSettings), { orientation: stylesSettings.orientation }),
+    }[type] || {});
+};
+function parseMaps(stylesSettings) {
+    const { value, steps, min_value, max_value } = stylesSettings.custom_scale || {};
+    return {
+        baseMap: { label: _get(stylesSettings, "base_map") },
+        mapRegion: { label: _get(stylesSettings, "map_region") },
+        mapborder: _get(stylesSettings, "map_borders"),
+        opacity: _get(stylesSettings, "opacity", 10) / 10,
+        mapClustering: _get(stylesSettings, "map_clustering"),
+        mapDataLabels: _get(stylesSettings, "data_labels.value"),
+        color: {
+            values: (stylesSettings.theme || []).slice(0, 5),
+        },
+        custom: {
+            steps,
+            min: min_value,
+            max: max_value,
+        },
+        scale: {
+            type: value ? "Custom" : "Auto",
+            order: stylesSettings.reverse_color ? "Reverse" : "Default",
+        },
+    };
+}
+function parseLabels(type2, stylesSettings) {
+    var _a, _b, _c, _d, _e;
+    const noLabelCharts = [
+        CHART_TYPE.CROSSTAB_CHART,
+        CHART_TYPE.TABLE_CHART,
+        CHART_TYPE.EXPANDABLE_TABLE_CHART,
+        CHART_TYPE.INDICATOR_METRIC,
+        CHART_TYPE.DIAL_METRIC,
+        CHART_TYPE.BULLET_METRIC,
+    ];
+    if (noLabelCharts.includes(type2))
+        return false;
+    const { data_labels, x_axis, y_axis } = stylesSettings || {};
+    if (type2 === CHART_TYPE.PIE_CHART)
+        return data_labels.value;
+    const labels = {
+        axis: {
+            x: {
+                enabled: x_axis.showAxisTitle,
+                fontColor: x_axis.fontColor,
+                fontSize: x_axis.fontSize,
+                fontType: x_axis.fontType,
+                fontWeight: x_axis.fontWeight,
+            },
+            y: {
+                enabled: y_axis.showAxisTitle,
+                fontColor: y_axis.fontColor,
+                fontSize: y_axis.fontSize,
+                fontType: y_axis.fontType,
+                fontWeight: y_axis.fontWeight,
+            },
+            pivot: {
+                enabled: (_a = stylesSettings === null || stylesSettings === void 0 ? void 0 : stylesSettings.pivot_axis) === null || _a === void 0 ? void 0 : _a.showAxisTitle,
+                fontColor: (_b = stylesSettings === null || stylesSettings === void 0 ? void 0 : stylesSettings.pivot_axis) === null || _b === void 0 ? void 0 : _b.fontColor,
+                fontSize: (_c = stylesSettings === null || stylesSettings === void 0 ? void 0 : stylesSettings.pivot_axis) === null || _c === void 0 ? void 0 : _c.fontSize,
+                fontType: (_d = stylesSettings === null || stylesSettings === void 0 ? void 0 : stylesSettings.pivot_axis) === null || _d === void 0 ? void 0 : _d.fontType,
+                fontWeight: (_e = stylesSettings === null || stylesSettings === void 0 ? void 0 : stylesSettings.pivot_axis) === null || _e === void 0 ? void 0 : _e.fontWeight,
+            },
+        },
+        value: {
+            x: {
+                enabled: x_axis.values,
+                rotation: x_axis.rotation,
+                customRotation: x_axis.customRotation,
+                customValue: x_axis.customValue,
+                fontColor: x_axis.fontColorValues,
+                fontSize: x_axis.fontSizeValues,
+                fontType: x_axis.fontTypeValues,
+                fontWeight: x_axis.fontWeightValues,
+            },
+            y: {
+                enabled: y_axis.values,
+                rotation: y_axis.rotation,
+                customRotation: y_axis.customRotation,
+                customValue: y_axis.customValue,
+                fontColor: y_axis.fontColorValues,
+                fontSize: y_axis.fontSizeValues,
+                fontType: y_axis.fontTypeValues,
+                fontWeight: y_axis.fontWeightValues,
+            },
+        },
+        data: {
+            enabled: data_labels.value,
+            border: _get(stylesSettings, "data_labels.simple_labels.border", true),
+        },
+        scale: {
+            x: x_axis.scale,
+            y: y_axis.scale,
+        },
+    };
+    if (type2 === CHART_TYPE.HEATMAP_CHART)
+        delete labels.data;
+    return labels;
+}
+function parseHeatMap(stylesSettings) {
+    return {
+        celltext: _get(stylesSettings, "data_labels.value"),
+        color: {
+            values: (stylesSettings.theme || []).slice(0, 5),
+        },
+        custom: {
+            steps: _get(stylesSettings, "custom_scale.steps"),
+            min: _get(stylesSettings, "custom_scale.min_value"),
+            max: _get(stylesSettings, "custom_scale.max_value"),
+        },
+        gap: Object.assign({}, stylesSettings.gaps),
+        yAxisRotation: _get(stylesSettings, "y_axis.rotation"),
+        labelRotation: _get(stylesSettings, "pivot_axis.rotation"),
+        scale: {
+            type: _get(stylesSettings, "custom_scale.value") ? "Custom" : "Auto",
+            order: stylesSettings.reverse_color ? "Reverse" : "Default",
+        },
+    };
+}
+export const parseTableChart = ({ stylesSettings, globalSettings }) => {
+    return {
+        size: globalSettings.size,
+        maxNumGroups: _get(globalSettings, "max_groups.option"),
+        theme: {
+            name: "Theme 1",
+            values: stylesSettings.color,
+        },
+        maxNumRows: _get(globalSettings, "max_rows.option"),
+        sort_by_column: _get(globalSettings, "sort_by_column"),
+        sort_by_multi_columns: _get(globalSettings, "sort_by_multi_columns"),
+    };
+};
+export const parseCrosstabChart = ({ stylesSettings, globalSettings }) => {
+    return {
+        size: globalSettings.size,
+        theme: {
+            name: "Theme 1",
+            values: stylesSettings.color,
+        },
+        labels: _get(globalSettings, "crosstab_labels.value"),
+        sortX: _get(globalSettings, "crosstab_labels.option.sorting"),
+    };
+};
+export const parseMetricGlobal = ({ globalSettings, stylesSettings }) => {
+    let format3 = _get(stylesSettings, "format.value", "Default");
+    const templateFormat = _get(stylesSettings, "format.template") ||
+        _get(stylesSettings, "y_axis.format.template");
+    const customization = {
+        filtering: _get(globalSettings, "table_menu.filtering", true),
+        download: omit(_get(globalSettings, "customization.download"), ["csv"]),
+    };
+    if (_get(stylesSettings, "format.value", "") === "Numeric") {
+        format3 = "Decimal";
+    }
+    return {
+        numberFormat: format3,
+        templateFormat,
+        comparisonType: "CHANGE",
+        desctription: false,
+        animation: _get(stylesSettings, "animation", {}),
+        indicator_font: _get(stylesSettings, "indicator_font", {}),
+        indicator_symbol: _get(stylesSettings, "indicator_symbol", {}),
+        comparison_font: _get(stylesSettings, "comparison_font", {}),
+        decimals: _get(stylesSettings, "format.decimals", 2),
+        currency: { label: _get(stylesSettings, "format.currency", "$") },
+        fixedScale: {
+            min: _get(globalSettings, "metric_scale.value", false)
+                ? _get(globalSettings, "metric_scale.min_value")
+                : null,
+            max: _get(globalSettings, "metric_scale.value", false)
+                ? _get(globalSettings, "metric_scale.max_value")
+                : null,
+        },
+        customization,
+    };
+};
+export const getSortBy = (type) => {
+    return [
+        CHART_TYPE.AREA_CHART,
+        CHART_TYPE.BAR_CHART,
+        CHART_TYPE.LINE_CHART,
+        CHART_TYPE.SYMBOL_CHART,
+        CHART_TYPE.MINMAX_CHART,
+        CHART_TYPE.COMBO_CHART,
+        CHART_TYPE.BAR_CHART_MS,
+        CHART_TYPE.LINE_CHART_MS,
+        CHART_TYPE.RADAR_CHART,
+        CHART_TYPE.SYMBOL_CHART_MS,
+        CHART_TYPE.FUNNEL_CHART,
+        CHART_TYPE.HEATMAP_CHART,
+        CHART_TYPE.COMBINED_CHART,
+        CHART_TYPE.AREA_CHART_MS,
+    ].includes(type)
+        ? "sort_by_column"
+        : "sort_by";
+};
+const getSortByType = (globalSettings, type2) => {
+    return (_get(globalSettings, getSortBy(type2)) ||
+        _get(globalSettings, "sort_by") || {
+        type: "Value",
+        order: "Desc",
+    });
+};
+export const parseGlobalSettingByType = (type2, { stylesSettings, globalSettings, dimensions }) => {
+    var _a, _b;
+    const theme = { values: stylesSettings.theme };
+    const typeCategory = _get((_a = dimensions.categories) === null || _a === void 0 ? void 0 : _a[0], "type");
+    const typeValue = _get((_b = dimensions.values) === null || _b === void 0 ? void 0 : _b[0], "type");
+    const trueTypeCategory = typeCategory || typeValue;
+    const base = {
+        color_type: _get(stylesSettings, "color_type"),
+        match_colors: _get(stylesSettings, "match_colors"),
+        custom_color: _get(stylesSettings, "custom_color"),
+        custom_theme: _get(stylesSettings, "custom_theme"),
+        theme,
+        size: globalSettings.size,
+        labels: parseLabels(type2, stylesSettings),
+        legends: globalSettings.legend ? globalSettings.legend !== "NONE" : false,
+        tooltips: _get(globalSettings, "tooltips.value"),
+        custom_tooltips: _get(globalSettings, "tooltips.advanced"),
+        scale: {
+            type: _get(stylesSettings, "custom_scale.value") ? "Custom" : "Auto",
+            order: stylesSettings.reverse_color ? "Reverse" : "Default",
+        },
+        sortX: getSortByType(globalSettings, type2),
+        sortAggregation: globalSettings.aggregation_sort,
+        sortCalculation: globalSettings.table_calculation_sort,
+        calculation_direction: globalSettings.calculation_direction,
+        maxNumValuePoints: _get(globalSettings, "max_value_point.option", 500),
+        maxNumDataPoints: _get(globalSettings, "max_data_point.option"),
+        maxDataPoints: trueTypeCategory === "DATE"
+            ? false
+            : _get(globalSettings, "max_data_point.value"),
+        average: globalSettings.average,
+        startDate: globalSettings.startDate,
+        endDate: globalSettings.endDate,
+        startTime: globalSettings.startTime,
+        endTime: globalSettings.endTime,
+        startNumeric: globalSettings.startNumeric,
+        endNumeric: globalSettings.endNumeric,
+        chartVersion: _get(globalSettings, "chartVersion"),
+    };
+    const customization = {
+        filtering: _get(globalSettings, "table_menu.filtering", true),
+        sorting: _get(globalSettings, "table_menu.sorting", false),
+        fitPanel: _get(globalSettings, "customization.fitPanel", true),
+        chartSelection: _get(globalSettings, "customization.chartSelection", false),
+        download: _get(globalSettings, "customization.download"),
+        columnReplacement: _get(globalSettings, "customization.columnReplacement"),
+        columnAggregation: _get(globalSettings, "customization.columnAggregation"),
+        dateGrouping: _get(globalSettings, "customization.dateGrouping"),
+    };
+    const notXYCustomization = {
+        filtering: _get(globalSettings, "table_menu.filtering", true),
+        download: _get(globalSettings, "customization.download"),
+    };
+    const circularCustomization = Object.assign(Object.assign({}, notXYCustomization), { chartSelection: customization.chartSelection, sorting: customization.sorting, columnReplacement: _get(globalSettings, "customization.columnReplacement"), columnAggregation: _get(globalSettings, "customization.columnAggregation"), dateGrouping: _get(globalSettings, "customization.dateGrouping") });
+    return ({
+        [CHART_TYPE.BAR_CHART]: Object.assign(Object.assign({}, base), { hideShading: !stylesSettings.shadding, fit_panel: _get(globalSettings, "fit_panel", false), customization }),
+        [CHART_TYPE.BAR_CHART_MS]: Object.assign(Object.assign({}, base), { hideShading: true, fit_panel: _get(globalSettings, "fit_panel", false), customization }),
+        [CHART_TYPE.SYMBOL_CHART]: Object.assign(Object.assign({}, base), { fit_panel: _get(globalSettings, "fit_panel", false), customization }),
+        [CHART_TYPE.SYMBOL_CHART_MS]: Object.assign(Object.assign({}, base), { fit_panel: _get(globalSettings, "fit_panel", false), customization }),
+        [CHART_TYPE.LINE_CHART]: Object.assign(Object.assign({}, base), { fit_panel: _get(globalSettings, "fit_panel", false), customization }),
+        [CHART_TYPE.LINE_CHART_MS]: Object.assign(Object.assign({}, base), { fit_panel: _get(globalSettings, "fit_panel", false), customization }),
+        [CHART_TYPE.RADAR_CHART]: Object.assign(Object.assign({}, base), { fit_panel: _get(globalSettings, "fit_panel", false), customization: circularCustomization }),
+        [CHART_TYPE.COMBO_CHART]: Object.assign(Object.assign({}, base), { hideShading: true, fit_panel: _get(globalSettings, "fit_panel", false), customization }),
+        [CHART_TYPE.HEATMAP_CHART]: Object.assign(Object.assign(Object.assign({}, base), parseHeatMap(stylesSettings)), { customization: notXYCustomization }),
+        [CHART_TYPE.WORD_CLOUD]: Object.assign(Object.assign({}, base), { customization: notXYCustomization }),
+        [CHART_TYPE.MINMAX_CHART]: Object.assign(Object.assign({}, base), { fit_panel: _get(globalSettings, "fit_panel", false), customization }),
+        [CHART_TYPE.PIE_CHART]: Object.assign(Object.assign({}, base), { customization: circularCustomization }),
+        [CHART_TYPE.REFERENCE]: Object.assign(Object.assign({}, base), { fit_panel: _get(globalSettings, "fit_panel", false) }),
+        [CHART_TYPE.TREND]: Object.assign(Object.assign({}, base), { fit_panel: _get(globalSettings, "fit_panel", false) }),
+        [CHART_TYPE.SCATTER_CHART]: Object.assign(Object.assign({}, base), { fit_panel: _get(globalSettings, "fit_panel", false), customization }),
+        [CHART_TYPE.SMALL_MULTIPLES]: Object.assign(Object.assign({}, base), { fit_panel: _get(globalSettings, "fit_panel", false) }),
+        [CHART_TYPE.BOXWHISKER_CHART]: Object.assign(Object.assign({}, base), { enableDataLabels: true, labelRotation: _get(stylesSettings, "x_axis.rotation"), orientation: capitalize((stylesSettings.orientation || "").toString()), hasPivot: hasDimension(dimensions, CHART_DIMENSION.PIVOT), customization: {
+                filtering: customization.filtering,
+                download: omit(customization.download, ["csvSummary"]),
+            } }),
+        [CHART_TYPE.GEO_CHART_BUBBLE]: Object.assign(Object.assign({}, base), { theme: { values: [stylesSettings.color] }, customization: notXYCustomization }),
+        [CHART_TYPE.GEO_CHART_DOT]: Object.assign(Object.assign({}, base), { theme: { values: [stylesSettings.color] }, legends: false, customization: notXYCustomization }),
+        [CHART_TYPE.GEO_CHART_CHOROPLETH]: Object.assign(Object.assign({}, base), { theme: { values: [stylesSettings.color] }, customization: notXYCustomization }),
+        [CHART_TYPE.GEO_CHART]: Object.assign(Object.assign({}, base), { customization: notXYCustomization }),
+        [CHART_TYPE.CROSSTAB_CHART]: Object.assign(Object.assign({}, parseCrosstabChart({ globalSettings, stylesSettings })), { customization: Object.assign(Object.assign({}, notXYCustomization), { sorting: customization.sorting }) }),
+        [CHART_TYPE.TABLE_CHART]: Object.assign(Object.assign({}, parseTableChart({ globalSettings, stylesSettings })), { customization: {
+                download: _get(globalSettings, "customization.download"),
+            } }),
+        [CHART_TYPE.EXPANDABLE_TABLE_CHART]: Object.assign(Object.assign({}, parseTableChart({ globalSettings, stylesSettings })), { customization: notXYCustomization }),
+        [CHART_TYPE.INDICATOR_METRIC]: Object.assign(Object.assign({}, parseMetricGlobal({ globalSettings, stylesSettings })), { tooltips: base.tooltips, custom_tooltips: base.custom_tooltips }),
+        [CHART_TYPE.DIAL_METRIC]: Object.assign(Object.assign({}, parseMetricGlobal({ globalSettings, stylesSettings })), { legend: base.legends, tooltips: base.tooltips, custom_tooltips: base.custom_tooltips }),
+        [CHART_TYPE.BULLET_METRIC]: Object.assign(Object.assign({}, parseMetricGlobal({ globalSettings, stylesSettings })), { legend: base.legends, tooltips: base.tooltips, custom_tooltips: base.custom_tooltips }),
+        [CHART_TYPE.FUNNEL_CHART]: Object.assign(Object.assign({}, base), { fit_panel: _get(globalSettings, "fit_panel", false), customization: notXYCustomization }),
+        [CHART_TYPE.COMBINED_CHART]: Object.assign(Object.assign({}, base), { hideShading: true, fit_panel: _get(globalSettings, "fit_panel", false), customization }),
+        [CHART_TYPE.AREA_CHART]: Object.assign(Object.assign({}, base), { fit_panel: _get(globalSettings, "fit_panel", false), customization }),
+        [CHART_TYPE.AREA_CHART_MS]: Object.assign(Object.assign({}, base), { fit_panel: _get(globalSettings, "fit_panel", false), customization }),
+    }[type2] || {});
+};