@qrvey/utils 1.11.0 → 1.12.0-0-chart-v2-0

package/dist/charts/adapters/chartBuilderParse.js

@@ -0,0 +1,416 @@
+import { _get, capitalize, getSortByType } from "../helpers/chartBuilder";
+export function 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" /* FORMATS.GENERAL */
+        ? "Default" /* FORMATS.DEFAULT */
+        : _get(y_axis, "format.value");
+    const pie_labels = _get(data_labels, "pie_labels.format.value") === "General" /* FORMATS.GENERAL */
+        ? "Default" /* FORMATS.DEFAULT */
+        : _get(data_labels, "pie_labels.format.value");
+    const heat_map_labels = _get(data_labels, "heat_map_labels.format.value") === "General" /* FORMATS.GENERAL */
+        ? "Default" /* FORMATS.DEFAULT */
+        : _get(data_labels, "heat_map_labels.format.value");
+    const format = {
+        y_axis: y_axis_format,
+        data_labels: type === "PIE_CHART" /* CHART_TYPE.PIE_CHART */ ? pie_labels : heat_map_labels,
+    };
+    return ({
+        ["BAR_CHART" /* CHART_TYPE.BAR_CHART */]: {
+            color,
+            theme,
+            orientation: stylesSettings.orientation,
+            format,
+        },
+        ["BAR_CHART_MS" /* CHART_TYPE.BAR_CHART_MS */]: {
+            color,
+            theme,
+            orientation: "VERTICAL" /* CHART_ORIENTATION.VERTICAL */,
+            format,
+        },
+        ["SYMBOL_CHART" /* CHART_TYPE.SYMBOL_CHART */]: { color, theme, fill, symbol, format },
+        ["SYMBOL_CHART_MS" /* CHART_TYPE.SYMBOL_CHART_MS */]: { color, theme, format, fill, symbol },
+        ["LINE_CHART" /* CHART_TYPE.LINE_CHART */]: {
+            color,
+            theme,
+            thickness,
+            straight,
+            style,
+            format,
+        },
+        ["LINE_CHART_MS" /* CHART_TYPE.LINE_CHART_MS */]: {
+            color,
+            theme,
+            thickness,
+            straight,
+            style,
+            format,
+        },
+        ["COMBO_CHART" /* 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"),
+        },
+        ["HEATMAP_CHART" /* CHART_TYPE.HEATMAP_CHART */]: {
+            orientation: "VERTICAL" /* CHART_ORIENTATION.VERTICAL */,
+            format,
+        },
+        ["WORD_CLOUD" /* CHART_TYPE.WORD_CLOUD */]: {},
+        ["PIE_CHART" /* 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" /* PIE_LABEL_POSITION.OUTSIDE */,
+            donut: stylesSettings.pie_type === "donut" /* 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,
+        },
+        ["MINMAX_CHART" /* CHART_TYPE.MINMAX_CHART */]: {
+            color,
+            theme,
+            symbol,
+            fill,
+            thickness,
+            straight,
+            style,
+            orientation: stylesSettings.orientation,
+            format,
+            opacity,
+        },
+        ["REFERENCE" /* CHART_TYPE.REFERENCE */]: {
+            color,
+            theme,
+            fill: "None",
+            thickness,
+            style: "Solid",
+            opacity: 20,
+        },
+        ["TREND" /* CHART_TYPE.TREND */]: { color, theme, style: "Solid", thickness },
+        ["SMALL_MULTIPLES" /* CHART_TYPE.SMALL_MULTIPLES */]: {
+            maxMultiplePanels: 4,
+            displayMultiplePanels: false,
+            displayBorder: false,
+            labels: { axis: true },
+        },
+        ["BOXWHISKER_CHART" /* CHART_TYPE.BOXWHISKER_CHART */]: {
+            thickness,
+            opacity: (100 - opacity) / 10,
+            displaySymbol: _get(stylesSettings, "outliers.value"),
+            symbol: _get(stylesSettings, "outliers.symbol_type"),
+            fill: _get(stylesSettings, "outliers.symbol_fill"),
+            orientation: stylesSettings.orientation,
+        },
+        ["GEO_CHART" /* CHART_TYPE.GEO_CHART */]: {
+            baseMap: { text: "Streets", label: "mapbox://styles/mapbox/streets-v11" /* BASE_MAPS.STREET */ },
+            symbol: "circle",
+            opacity: 5,
+            mapborder: true,
+            mapRegion: { text: "Default", label: "DEFAULT" },
+        },
+        ["GEO_CHART_BUBBLE" /* CHART_TYPE.GEO_CHART_BUBBLE */]: Object.assign({}, parseMaps(stylesSettings)),
+        ["GEO_CHART_DOT" /* CHART_TYPE.GEO_CHART_DOT */]: Object.assign(Object.assign({}, parseMaps(stylesSettings)), { symbol, symbolfill: fill === "Filled" /* SYMBOL_FILL.FILLED */ }),
+        ["GEO_CHART_CHOROPLETH" /* CHART_TYPE.GEO_CHART_CHOROPLETH */]: Object.assign({}, parseMaps(stylesSettings)),
+        ["CROSSTAB_CHART" /* CHART_TYPE.CROSSTAB_CHART */]: {
+            format: _get(stylesSettings, "format.value"),
+            groupedTotals: {
+                label: _get(globalSettings, "crosstab_totals.value", false)
+                    ? _get(globalSettings, "crosstab_totals.option", "SHOW" /* CROSSTAB_TOTALS_VISUAL.SHOW */)
+                    : "DONTSHOW" /* CROSSTAB_TOTALS_VISUAL.DONTSHOW */,
+            },
+            groupedSubtotals: {
+                label: _get(globalSettings, "crosstab_subtotals", false)
+                    ? "SHOW" /* CROSSTAB_TOTALS_VISUAL.SHOW */
+                    : "DONTSHOW" /* CROSSTAB_TOTALS_VISUAL.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),
+        },
+        ["TABLE_CHART" /* CHART_TYPE.TABLE_CHART */]: {
+            sorting: _get(globalSettings, "table_menu.sorting"),
+            value_view: _get(globalSettings, "table_menu.value_view"),
+            totals: _get(globalSettings, "table_menu.totals"),
+            pagination: isGrouped
+                ? {
+                    enabled: false,
+                    recordsPage: 30,
+                }
+                : _get(globalSettings, "table_menu.pagination"),
+        },
+        ["EXPANDABLE_TABLE_CHART" /* 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"),
+        },
+        ["INDICATOR" /* CHART_TYPE.INDICATOR_METRIC */]: {
+            iconPosition: { label: _get(stylesSettings, "indicator_position") },
+        },
+        ["DIAL" /* 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") },
+        },
+        ["BULLET" /* 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"),
+        },
+        ["FUNNEL_CHART" /* 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(type, stylesSettings) {
+    var _a, _b, _c, _d, _e;
+    const noLabelCharts = [
+        "CROSSTAB_CHART" /* CHART_TYPE.CROSSTAB_CHART */,
+        "TABLE_CHART" /* CHART_TYPE.TABLE_CHART */,
+        "EXPANDABLE_TABLE_CHART" /* CHART_TYPE.EXPANDABLE_TABLE_CHART */,
+        "INDICATOR" /* CHART_TYPE.INDICATOR_METRIC */,
+        "DIAL" /* CHART_TYPE.DIAL_METRIC */,
+        "BULLET" /* CHART_TYPE.BULLET_METRIC */,
+    ];
+    if (noLabelCharts.includes(type))
+        return false;
+    if (type === "PIE_CHART" /* CHART_TYPE.PIE_CHART */)
+        return stylesSettings.data_labels.value;
+    const labels = {
+        axis: {
+            x: {
+                enabled: stylesSettings.x_axis.showAxisTitle,
+                fontColor: stylesSettings.x_axis.fontColor,
+                fontSize: stylesSettings.x_axis.fontSize,
+                fontType: stylesSettings.x_axis.fontType,
+                fontWeight: stylesSettings.x_axis.fontWeight,
+            },
+            y: {
+                enabled: stylesSettings.y_axis.showAxisTitle,
+                fontColor: stylesSettings.y_axis.fontColor,
+                fontSize: stylesSettings.y_axis.fontSize,
+                fontType: stylesSettings.y_axis.fontType,
+                fontWeight: stylesSettings.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: stylesSettings.x_axis.values,
+                rotation: stylesSettings.x_axis.rotation,
+                fontColor: stylesSettings.x_axis.fontColorValues,
+                fontSize: stylesSettings.x_axis.fontSizeValues,
+                fontType: stylesSettings.x_axis.fontTypeValues,
+                fontWeight: stylesSettings.x_axis.fontWeightValues,
+            },
+            y: {
+                enabled: stylesSettings.y_axis.values,
+                rotation: stylesSettings.y_axis.rotation,
+                fontColor: stylesSettings.y_axis.fontColorValues,
+                fontSize: stylesSettings.y_axis.fontSizeValues,
+                fontType: stylesSettings.y_axis.fontTypeValues,
+                fontWeight: stylesSettings.y_axis.fontWeightValues,
+            },
+        },
+        data: {
+            enabled: stylesSettings.data_labels.value,
+            border: _get(stylesSettings, "data_labels.simple_labels.border", true),
+        },
+        scale: {
+            x: stylesSettings.x_axis.scale,
+            y: stylesSettings.y_axis.scale,
+        },
+    };
+    if (type === "HEATMAP_CHART" /* 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",
+        },
+    };
+}
+function 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"),
+    };
+}
+function 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"),
+    };
+}
+function parseMetricGlobal({ globalSettings, stylesSettings, }) {
+    let format = _get(stylesSettings, "format.value", "Default" /* FORMATS.DEFAULT */);
+    const templateFormat = _get(stylesSettings, "format.template") ||
+        _get(stylesSettings, "y_axis.format.template");
+    if (_get(stylesSettings, "format.value", "") === "Numeric" /* FORMATS.NUMERIC */)
+        format = "Decimal" /* FORMATS.DECIMAL */;
+    return {
+        numberFormat: format,
+        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,
+        },
+    };
+}
+export function parseGlobalSettingByType(type, { stylesSettings, globalSettings, dimensions }) {
+    const theme = { values: stylesSettings.theme };
+    const typeCategory = _get(dimensions === null || dimensions === void 0 ? void 0 : dimensions.categories, "[0].type");
+    const typeValue = _get(dimensions === null || dimensions === void 0 ? void 0 : dimensions.values, "[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(type, stylesSettings),
+        legends: globalSettings.legend
+            ? globalSettings.legend !== "NONE" /* LEGEND_STATE.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",
+        },
+        // size: 3,
+        sortX: getSortByType(globalSettings, type),
+        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"),
+    };
+    return ({
+        ["BAR_CHART" /* CHART_TYPE.BAR_CHART */]: Object.assign(Object.assign({}, base), { hideShading: !stylesSettings.shadding, fit_panel: _get(globalSettings, "fit_panel", false) }),
+        ["BAR_CHART_MS" /* CHART_TYPE.BAR_CHART_MS */]: Object.assign(Object.assign({}, base), { hideShading: true, fit_panel: _get(globalSettings, "fit_panel", false) }),
+        ["SYMBOL_CHART" /* CHART_TYPE.SYMBOL_CHART */]: Object.assign(Object.assign({}, base), { fit_panel: _get(globalSettings, "fit_panel", false) }),
+        ["SYMBOL_CHART_MS" /* CHART_TYPE.SYMBOL_CHART_MS */]: Object.assign(Object.assign({}, base), { fit_panel: _get(globalSettings, "fit_panel", false) }),
+        ["LINE_CHART" /* CHART_TYPE.LINE_CHART */]: Object.assign(Object.assign({}, base), { fit_panel: _get(globalSettings, "fit_panel", false) }),
+        ["LINE_CHART_MS" /* CHART_TYPE.LINE_CHART_MS */]: Object.assign(Object.assign({}, base), { fit_panel: _get(globalSettings, "fit_panel", false) }),
+        ["COMBO_CHART" /* CHART_TYPE.COMBO_CHART */]: Object.assign(Object.assign({}, base), { hideShading: true, fit_panel: _get(globalSettings, "fit_panel", false) }),
+        ["HEATMAP_CHART" /* CHART_TYPE.HEATMAP_CHART */]: Object.assign(Object.assign({}, base), parseHeatMap(stylesSettings)),
+        ["WORD_CLOUD" /* CHART_TYPE.WORD_CLOUD */]: Object.assign({}, base),
+        ["MINMAX_CHART" /* CHART_TYPE.MINMAX_CHART */]: Object.assign(Object.assign({}, base), { fit_panel: _get(globalSettings, "fit_panel", false) }),
+        ["PIE_CHART" /* CHART_TYPE.PIE_CHART */]: Object.assign({}, base),
+        ["REFERENCE" /* CHART_TYPE.REFERENCE */]: Object.assign(Object.assign({}, base), { fit_panel: _get(globalSettings, "fit_panel", false) }),
+        ["TREND" /* CHART_TYPE.TREND */]: Object.assign(Object.assign({}, base), { fit_panel: _get(globalSettings, "fit_panel", false) }),
+        ["SMALL_MULTIPLES" /* CHART_TYPE.SMALL_MULTIPLES */]: Object.assign(Object.assign({}, base), { fit_panel: _get(globalSettings, "fit_panel", false) }),
+        ["BOXWHISKER_CHART" /* CHART_TYPE.BOXWHISKER_CHART */]: Object.assign(Object.assign({}, base), { enableDataLabels: true, labelRotation: _get(stylesSettings, "x_axis.rotation"), orientation: capitalize((stylesSettings.orientation || "").toString()), hasPivot: globalSettings.hasPivot }),
+        ["GEO_CHART_BUBBLE" /* CHART_TYPE.GEO_CHART_BUBBLE */]: Object.assign(Object.assign({}, base), { theme: { values: [stylesSettings.color] } }),
+        ["GEO_CHART_DOT" /* CHART_TYPE.GEO_CHART_DOT */]: Object.assign(Object.assign({}, base), { theme: { values: [stylesSettings.color] }, legends: false }),
+        ["GEO_CHART_CHOROPLETH" /* CHART_TYPE.GEO_CHART_CHOROPLETH */]: Object.assign(Object.assign({}, base), { theme: { values: [stylesSettings.color] } }),
+        ["GEO_CHART" /* CHART_TYPE.GEO_CHART */]: Object.assign({}, base),
+        ["CROSSTAB_CHART" /* CHART_TYPE.CROSSTAB_CHART */]: Object.assign({}, parseCrosstabChart({ globalSettings, stylesSettings })),
+        ["TABLE_CHART" /* CHART_TYPE.TABLE_CHART */]: Object.assign({}, parseTableChart({ globalSettings, stylesSettings })),
+        ["EXPANDABLE_TABLE_CHART" /* CHART_TYPE.EXPANDABLE_TABLE_CHART */]: Object.assign({}, parseTableChart({ globalSettings, stylesSettings })),
+        ["INDICATOR" /* CHART_TYPE.INDICATOR_METRIC */]: Object.assign(Object.assign({}, parseMetricGlobal({ globalSettings, stylesSettings })), { tooltips: base.tooltips, custom_tooltips: base.custom_tooltips }),
+        ["DIAL" /* CHART_TYPE.DIAL_METRIC */]: Object.assign(Object.assign({}, parseMetricGlobal({ globalSettings, stylesSettings })), { legend: base.legends, tooltips: base.tooltips, custom_tooltips: base.custom_tooltips }),
+        ["BULLET" /* CHART_TYPE.BULLET_METRIC */]: Object.assign(Object.assign({}, parseMetricGlobal({ globalSettings, stylesSettings })), { legend: base.legends, tooltips: base.tooltips, custom_tooltips: base.custom_tooltips }),
+        ["FUNNEL_CHART" /* CHART_TYPE.FUNNEL_CHART */]: Object.assign(Object.assign({}, base), { fit_panel: _get(globalSettings, "fit_panel", false) }),
+        ["COMBINED_CHART" /* CHART_TYPE.COMBINED_CHART */]: Object.assign(Object.assign({}, base), { hideShading: true, fit_panel: _get(globalSettings, "fit_panel", false) }),
+    }[type] || {});
+}

package/dist/charts/adapters/index.d.ts

@@ -2,3 +2,4 @@ export * from "./endpointDataValidators";
 export * from "./endpointDataGet";
 export * from "./endpointData";
 export * from "./RequestAdapterMetric";
+export * from "./chartBuilderAdapter";

package/dist/charts/adapters/index.js

@@ -2,3 +2,4 @@ export * from "./endpointDataValidators";
 export * from "./endpointDataGet";
 export * from "./endpointData";
 export * from "./RequestAdapterMetric";
+export * from "./chartBuilderAdapter";

package/dist/charts/helpers/chartBuilder.d.ts

@@ -0,0 +1,53 @@
+import { ChartType, TIME_PERIOD, TP_CUSTOM_RANGE } from "../adapters/chartBuilderDefinitions";
+/**
+ * simple deepclone
+ */
+export declare const jsonCopy: <T = any>(obj?: string | T) => T;
+export declare const _cloneDeep: <T = any>(obj?: string | T) => T;
+/**
+ * Like lodash _.get
+ */
+export declare const _get: (baseObject: any, key: string, fallback?: any) => any;
+export declare const _isEmpty: (obj: any) => boolean;
+export declare const _pick: (baseObject: any, keys: string[]) => {};
+export declare const randomKey: () => string;
+/**
+ * Capitalize string
+ */
+export declare const capitalize: (text: string) => string;
+export declare function getSortByType(globalSettings: any, type: ChartType): any;
+/**
+ * Returns True or false when column type property is a date column.
+ * In cases when column type is a Formula, validate if formulaType property is a date one.
+ * @param column Webforms or Dataset Column object
+ * @return True if the column is a date column otherwise is not.
+ */
+export declare const isColumnDate: (column: any) => boolean;
+/**
+ * Column Key Indetifier Generator
+ * @param id QuestionId
+ * @param type Question Type
+ * @param prop Extra property for compound or complex data type
+ * @param index column index in table (to support the same column multiple times)
+ */
+export declare const columnKey: (id: any, type: any, prop?: any, index?: any) => string;
+export declare const timePeriod: {
+    text: string;
+    label: TIME_PERIOD;
+    key: string;
+}[];
+export declare const timePeriodCustomRange: {
+    text: string;
+    label: TP_CUSTOM_RANGE;
+    key: string;
+}[];
+export declare const isTimeColumn: (column?: any) => boolean;
+export declare function allowTableCalculation(chartType: ChartType): boolean;
+export declare function hasReferenceLayer(references: any): boolean;
+export declare function hasSmallMultiple(list: any[]): boolean;
+export declare function hasTrendLayer(trend: any): boolean;
+export declare function isChartBasic(type: ChartType): boolean;
+export declare function isChartMap(type: any): boolean;
+export declare function isChartMetric(type: any): boolean;
+export declare function isChartMultiserie(type: any): boolean;
+export declare function isChartMinMax(type: any): boolean;

package/dist/charts/helpers/chartBuilder.js

@@ -0,0 +1,190 @@
+/**
+ * simple deepclone
+ */
+export const jsonCopy = (obj = "") => {
+    return JSON.parse(JSON.stringify(obj));
+};
+export const _cloneDeep = jsonCopy; //
+/**
+ * Like lodash _.get
+ */
+export const _get = (baseObject, key, fallback) => {
+    function fn() {
+        try {
+            // tslint:disable-next-line:no-eval
+            const value = eval(`this.${key}`.replace(".[", "["));
+            return typeof value !== "undefined" ? value : fallback;
+        }
+        catch (e) {
+            return fallback;
+        }
+    }
+    return fn.apply(baseObject, null);
+};
+export const _isEmpty = (obj) => Object.keys(obj || "").length === 0;
+export const _pick = (baseObject, keys) => {
+    return keys.reduce((newObj, attr) => {
+        if (attr in baseObject)
+            newObj[attr] = baseObject[attr];
+        return newObj;
+    }, {});
+};
+export const randomKey = () => {
+    return (Date.now() + Math.random() * 1e17).toString(36);
+};
+/**
+ * Capitalize string
+ */
+export const capitalize = (text) => text.toLowerCase().replace(/^\w/, (c) => c.toUpperCase());
+function getSortBy(type) {
+    return [
+        "BAR_CHART" /* CHART_TYPE.BAR_CHART */,
+        "LINE_CHART" /* CHART_TYPE.LINE_CHART */,
+        "SYMBOL_CHART" /* CHART_TYPE.SYMBOL_CHART */,
+        "MINMAX_CHART" /* CHART_TYPE.MINMAX_CHART */,
+        "COMBO_CHART" /* CHART_TYPE.COMBO_CHART */,
+        "BAR_CHART_MS" /* CHART_TYPE.BAR_CHART_MS */,
+        "LINE_CHART_MS" /* CHART_TYPE.LINE_CHART_MS */,
+        "SYMBOL_CHART_MS" /* CHART_TYPE.SYMBOL_CHART_MS */,
+        "FUNNEL_CHART" /* CHART_TYPE.FUNNEL_CHART */,
+        "HEATMAP_CHART" /* CHART_TYPE.HEATMAP_CHART */,
+        "COMBINED_CHART" /* CHART_TYPE.COMBINED_CHART */,
+    ].includes(type)
+        ? "sort_by_column"
+        : "sort_by";
+}
+export function getSortByType(globalSettings, type) {
+    return (_get(globalSettings, getSortBy(type)) ||
+        _get(globalSettings, "sort_by") || {
+        type: "Value" /* ACTION_SORT.VALUE */,
+        order: "Desc" /* ACTION_SORT_DIR.DESC */,
+    });
+}
+/**
+ * Returns True or false when column type property is a date column.
+ * In cases when column type is a Formula, validate if formulaType property is a date one.
+ * @param column Webforms or Dataset Column object
+ * @return True if the column is a date column otherwise is not.
+ */
+export const isColumnDate = (column) => {
+    if (column == null)
+        return;
+    return (column.type === "DATE" ||
+        (column.type === "FORMULA" && column.formulaType === "date"));
+};
+/**
+ * Column Key Indetifier Generator
+ * @param id QuestionId
+ * @param type Question Type
+ * @param prop Extra property for compound or complex data type
+ * @param index column index in table (to support the same column multiple times)
+ */
+export const columnKey = (id, type, prop = "", index) => {
+    const _prop = prop !== null ? (prop === null || prop === void 0 ? void 0 : prop.value) || prop || "" : "";
+    const idx = index === undefined ? "" : `|${index || ""}`;
+    return `${id}|${type}|${_prop}${idx}`;
+};
+export const timePeriod = [
+    { text: "This second", label: "THIS_SECOND" /* TIME_PERIOD.THIS_SECOND */, key: "this_second" },
+    { text: "Last second", label: "LAST_SECOND" /* TIME_PERIOD.LAST_SECOND */, key: "last_second" },
+    { text: "This minute", label: "THIS_MINUTE" /* TIME_PERIOD.THIS_MINUTE */, key: "this_minute" },
+    { text: "Last minute", label: "LAST_MINUTE" /* TIME_PERIOD.LAST_MINUTE */, key: "last_minute" },
+    { text: "This hour", label: "THIS_HOUR" /* TIME_PERIOD.THIS_HOUR */, key: "this_hour" },
+    { text: "Last hour", label: "LAST_HOUR" /* TIME_PERIOD.LAST_HOUR */, key: "last_hour" },
+    { text: "Today", label: "TODAY" /* TIME_PERIOD.TODAY */, key: "today" },
+    { text: "Yesterday", label: "YESTERDAY" /* TIME_PERIOD.YESTERDAY */, key: "yesterday" },
+    { text: "This week", label: "THIS_WEEK" /* TIME_PERIOD.THIS_WEEK */, key: "this_week" },
+    { text: "Last week", label: "LAST_WEEK" /* TIME_PERIOD.LAST_WEEK */, key: "last_week" },
+    { text: "This month", label: "THIS_MONTH" /* TIME_PERIOD.THIS_MONTH */, key: "this_month" },
+    { text: "Last month", label: "LAST_MONTH" /* TIME_PERIOD.LAST_MONTH */, key: "last_month" },
+    {
+        text: "This quarter",
+        label: "THIS_QUARTER" /* TIME_PERIOD.THIS_QUARTER */,
+        key: "this_quarter",
+    },
+    {
+        text: "Last quarter",
+        label: "LAST_QUARTER" /* TIME_PERIOD.LAST_QUARTER */,
+        key: "last_quarter",
+    },
+    { text: "This year", label: "THIS_YEAR" /* TIME_PERIOD.THIS_YEAR */, key: "this_year" },
+    { text: "Last year", label: "LAST_YEAR" /* TIME_PERIOD.LAST_YEAR */, key: "last_year" },
+    { text: "All history", label: "ALL_HISTORY" /* TIME_PERIOD.ALL_HISTORY */, key: "all_history" },
+    {
+        text: "Custom Range",
+        label: "CUSTOM_RANGE" /* TIME_PERIOD.CUSTOM_RANGE */,
+        key: "custom_range",
+    },
+];
+export const timePeriodCustomRange = [
+    { text: "Before", label: "BEFORE" /* TP_CUSTOM_RANGE.BEFORE */, key: "before" },
+    { text: "After", label: "AFTER" /* TP_CUSTOM_RANGE.AFTER */, key: "after" },
+    { text: "Between", label: "BETWEEN" /* TP_CUSTOM_RANGE.BETWEEN */, key: "between" },
+];
+export const isTimeColumn = (column = {}) => column.type === "TIME";
+export function allowTableCalculation(chartType) {
+    const supportedCharts = getChartsSupportingTableCalculation();
+    return supportedCharts.includes(chartType);
+}
+function getChartsSupportingTableCalculation() {
+    return [
+        "TABLE_CHART" /* CHART_TYPE.TABLE_CHART */,
+        "BAR_CHART" /* CHART_TYPE.BAR_CHART */,
+        "LINE_CHART" /* CHART_TYPE.LINE_CHART */,
+        "HEATMAP_CHART" /* CHART_TYPE.HEATMAP_CHART */,
+        "COMBO_CHART" /* CHART_TYPE.COMBO_CHART */,
+        "BAR_CHART_MS" /* CHART_TYPE.BAR_CHART_MS */,
+        "LINE_CHART_MS" /* CHART_TYPE.LINE_CHART_MS */,
+        "SYMBOL_CHART_MS" /* CHART_TYPE.SYMBOL_CHART_MS */,
+        "FUNNEL_CHART" /* CHART_TYPE.FUNNEL_CHART */,
+        "COMBINED_CHART" /* CHART_TYPE.COMBINED_CHART */,
+    ];
+}
+export function hasReferenceLayer(references) {
+    return (references === null || references === void 0 ? void 0 : references.filter((ref) => !_isEmpty(ref.axis)).length) > 0;
+}
+export function hasSmallMultiple(list) {
+    return (list === null || list === void 0 ? void 0 : list.length) > 0;
+}
+export function hasTrendLayer(trend) {
+    return trend && trend[0] ? trend[0].type !== "NONE" /* TREND_LINE_TYPE.NONE */ : false;
+}
+const CHART_BASE = [
+    "BAR_CHART" /* CHART_TYPE.BAR_CHART */,
+    "LINE_CHART" /* CHART_TYPE.LINE_CHART */,
+    "SYMBOL_CHART" /* CHART_TYPE.SYMBOL_CHART */,
+    "MINMAX_CHART" /* CHART_TYPE.MINMAX_CHART */,
+];
+const CHART_MS = [
+    "BAR_CHART_MS" /* CHART_TYPE.BAR_CHART_MS */,
+    "LINE_CHART_MS" /* CHART_TYPE.LINE_CHART_MS */,
+    "SYMBOL_CHART_MS" /* CHART_TYPE.SYMBOL_CHART_MS */,
+    "COMBINED_CHART" /* CHART_TYPE.COMBINED_CHART */,
+];
+const CHART_MAPS = [
+    "GEO_CHART_BUBBLE" /* CHART_TYPE.GEO_CHART_BUBBLE */,
+    "GEO_CHART_DOT" /* CHART_TYPE.GEO_CHART_DOT */,
+    "GEO_CHART_CHOROPLETH" /* CHART_TYPE.GEO_CHART_CHOROPLETH */,
+    "GEO_CHART" /* CHART_TYPE.GEO_CHART */,
+];
+const CHART_METRIC = [
+    "INDICATOR" /* CHART_TYPE.INDICATOR_METRIC */,
+    "DIAL" /* CHART_TYPE.DIAL_METRIC */,
+    "BULLET" /* CHART_TYPE.BULLET_METRIC */,
+];
+const CHART_MINMAX = ["MINMAX_CHART" /* CHART_TYPE.MINMAX_CHART */];
+export function isChartBasic(type) {
+    return CHART_BASE.includes(type);
+}
+export function isChartMap(type) {
+    return CHART_MAPS.includes(type);
+}
+export function isChartMetric(type) {
+    return CHART_METRIC.includes(type);
+}
+export function isChartMultiserie(type) {
+    return CHART_MS.includes(type);
+}
+export function isChartMinMax(type) {
+    return CHART_MINMAX.includes(type);
+}