@qrvey/utils 1.16.0-2 → 1.16.0-21

package/dist/charts/helpers/getChartDimensions.js

@@ -0,0 +1,263 @@
+import { CHART_TYPE } from "../../constants";
+import { _get, isEmpty, objectCopy } from "../../general";
+import { parseStyleSettingByType } from "../../charts/helpers/styleSettingsByChartType";
+import { QUESTIONS_TYPES } from "../constants/QUESTION_TYPES";
+import { allowTableCalculation, getOldChartType, parseCalculation, } from "./chartTypes";
+const isValidData = (chart) => {
+    let chartDimensions = ["categories", "values"];
+    if (chart.isCombo) {
+        chartDimensions = [...chartDimensions, "series"];
+    }
+    if ([
+        CHART_TYPE.GEO_CHART_DOT,
+        CHART_TYPE.GEO_CHART_BUBBLE,
+        CHART_TYPE.GEO_CHART_CHOROPLETH,
+    ].includes(chart.type)) {
+        return !isEmpty(chart.dimensions["categories"]);
+    }
+    if (chart.type === CHART_TYPE.CROSSTAB_CHART) {
+        chartDimensions = [...chartDimensions, "pivots"];
+    }
+    return chartDimensions.some((dimension) => !isEmpty(chart.dimensions[dimension]));
+};
+const getColumnFromDimension = (column, dimensions, { isCombolayer = false, isMulti = false }) => {
+    if (column) {
+        return column;
+    }
+    let newColumn;
+    if (isCombolayer || isMulti) {
+        newColumn = dimensions.series[0];
+        if (!isMulti) {
+            dimensions.series.shift();
+        }
+    }
+    return newColumn;
+};
+const getCategory = (dimensions, chart) => {
+    var _a, _b;
+    if (chart.type === CHART_TYPE.BOXWHISKER_CHART ||
+        chart.type === CHART_TYPE.MINMAX_CHART)
+        return dimensions.categories[0];
+    if ([
+        CHART_TYPE.GEO_CHART_DOT,
+        CHART_TYPE.GEO_CHART_BUBBLE,
+        CHART_TYPE.GEO_CHART_CHOROPLETH,
+    ].includes(chart.type))
+        return dimensions.categories[0];
+    const category = ((_a = dimensions === null || dimensions === void 0 ? void 0 : dimensions.categories) === null || _a === void 0 ? void 0 : _a[0]) || ((_b = dimensions === null || dimensions === void 0 ? void 0 : dimensions.values) === null || _b === void 0 ? void 0 : _b[0]);
+    if (category && category.calculation) {
+        delete category.calculation;
+    }
+    return getColumnFromDimension(category, dimensions, chart);
+};
+const getValue = (category, dimensions, chart) => {
+    var _a, _b;
+    if (chart.type === CHART_TYPE.BOXWHISKER_CHART ||
+        chart.type === CHART_TYPE.MINMAX_CHART) {
+        return (_a = dimensions === null || dimensions === void 0 ? void 0 : dimensions.values) === null || _a === void 0 ? void 0 : _a[0];
+    }
+    const value = ((_b = dimensions === null || dimensions === void 0 ? void 0 : dimensions.values) === null || _b === void 0 ? void 0 : _b[0]) || category;
+    return getColumnFromDimension(value, dimensions, chart);
+};
+const isDateColumn = (column) => {
+    if (column == null)
+        return;
+    return (column.type === "DATE" ||
+        (column.type === "FORMULA" && column.formulaType === "date"));
+};
+const isTimeColumn = (column) => (column === null || column === void 0 ? void 0 : column.type) === QUESTIONS_TYPES.TIME;
+const parsePropertyComplexData = (column) => {
+    return _get(column, "property.value", null);
+};
+const parseLayer = (category, value, index, chart) => {
+    const isCombinedMainLayer = chart.type === CHART_TYPE.COMBINED_CHART && index === 0;
+    const isCombinedOtherLayer = chart.type === CHART_TYPE.COMBINED_CHART && index > 0;
+    let layerType = "";
+    let visualizationType;
+    if (isCombinedMainLayer) {
+        layerType = _get(chart, "stylesSettings.combined_type");
+    }
+    else if (chart.type === CHART_TYPE.COMBO_CHART && chart.isStakedBar) {
+        layerType = "BAR_CHART";
+    }
+    else {
+        layerType = _get(value, "comboLayer.layer_type");
+    }
+    const getOptions = () => isCombinedMainLayer
+        ? _get(chart, "stylesSettings")
+        : _get(value, "comboLayer");
+    if (chart.type === CHART_TYPE.COMBINED_CHART) {
+        visualizationType = (isCombinedMainLayer ? layerType : CHART_TYPE.COMBO_CHART);
+    }
+    else {
+        visualizationType = chart.type;
+    }
+    return {
+        category: Object.assign(Object.assign({}, category), { property: parsePropertyComplexData(category) }),
+        value: Object.assign(Object.assign({}, value), { property: parsePropertyComplexData(value), calculation: allowTableCalculation(chart.type)
+                ? parseCalculation(value, chart, isCombinedOtherLayer)
+                : void 0 }),
+        aggregate: value ? value.aggregate : { label: "COUNT" },
+        type: getOldChartType(chart.type, chart.previousType, layerType),
+        visualization: parseStyleSettingByType(visualizationType, chart, getOptions()),
+        property: parsePropertyComplexData(category),
+        index,
+    };
+};
+const parseAxisLabels = (valueColumn, chart) => {
+    const Y_AXIS_ATTR = "y_axis.custom_label";
+    const X_AXIS_ATTR = "x_axis.custom_label";
+    const axisLabels = {
+        chartValuLabelTemp: _get(chart.stylesSettings, Y_AXIS_ATTR),
+        chartLabelTemp: _get(chart.stylesSettings, X_AXIS_ATTR),
+    };
+    if (chart.type === CHART_TYPE.COMBO_CHART ||
+        chart.type === CHART_TYPE.COMBINED_CHART) {
+        const valueStyleObj = chart.isCombolayer
+            ? valueColumn.comboLayer
+            : chart.stylesSettings;
+        if (chart.type === CHART_TYPE.COMBO_CHART)
+            axisLabels.chartValuLabelTemp = _get(valueStyleObj, Y_AXIS_ATTR);
+    }
+    return axisLabels;
+};
+const getComboLayers = (category, dimensions, chart, prop) => {
+    const comboLayers = isEmpty(dimensions[prop]) ? [] : [...dimensions[prop]];
+    if (chart.type === CHART_TYPE.COMBINED_CHART ||
+        chart.type === CHART_TYPE.RADAR_CHART) {
+        comboLayers.shift();
+    }
+    return comboLayers.map((value, index) => {
+        return Object.assign(Object.assign({}, parseLayer(category, value, index + 1, chart)), { layer: { label: _get(value, "comboLayer.layer_type") }, label: _get(value, "comboLayer.y_axis.custom_label", value.text), combopt: { label: "COMBO" }, axis: { label: _get(value, "comboLayer.y_axis.position") } });
+    });
+};
+const getTrendLayer = (trend) => {
+    return {
+        visualization: {
+            thickness: trend.thickness,
+            style: trend.line_style,
+            color: trend.color,
+        },
+        trendtype: { label: trend.type },
+        combopt: { label: "TREND" },
+    };
+};
+const getReferenceLayers = (references) => {
+    return references.map((ref) => ({
+        index: Date.now(),
+        axis: Object.assign(Object.assign({}, ref.axis), { property: parsePropertyComplexData(ref.axis) }),
+        aggregate: { label: ref.aggregate },
+        labelType: { label: !ref.custom_label ? "VALUE" : "CUSTOM" },
+        combopt: { label: "REFERENCE" },
+        label: ref.custom_label,
+        value: ref.value,
+        valuetype: ref.type,
+        visualization: {
+            color: ref.color,
+            fill: ref.fill,
+            thickness: ref.thickness,
+            style: ref.line_style,
+            opacity: ref.opacity,
+        },
+    }));
+};
+const getSmallMultipleLayer = (column) => {
+    return {
+        visualization: {
+            displayBorder: column.smallMultiple.borders,
+            maxMultiplePanels: column.smallMultiple.limit.value,
+            displayMultiplePanels: column.smallMultiple.limit.active,
+            labels: {
+                axis: column.smallMultiple.labels,
+            },
+        },
+        combopt: { label: "SMALL_MULTIPLES" },
+        smallMultiplesColumn: Object.assign(Object.assign({}, column), { property: parsePropertyComplexData(column) }),
+        groupValue: Object.assign({}, column.dateGroup),
+    };
+};
+export const getChartLayerList = (chart) => {
+    var _a, _b, _c;
+    if (!isValidData(chart)) {
+        return;
+    }
+    const dimensions = objectCopy(chart.dimensions);
+    let list = [];
+    const category = getCategory(dimensions, chart);
+    const valueColumn = getValue(category, dimensions, chart);
+    const dateGroup = category && isDateColumn(category) && category.dateGroup
+        ? category.dateGroup
+        : void 0;
+    const timeGroup = category && isTimeColumn(category) && category.timeGroup
+        ? category.timeGroup
+        : void 0;
+    const scaleType = category &&
+        (isDateColumn(category) || isTimeColumn(category)) &&
+        category.scaleType
+        ? category.scaleType
+        : void 0;
+    const valueLayer = Object.assign(Object.assign({}, parseLayer(category, valueColumn, 0, chart)), parseAxisLabels(valueColumn, chart));
+    list = [valueLayer];
+    if (dateGroup) {
+        list[0] = Object.assign(Object.assign({}, list[0]), { dateGroup });
+    }
+    if (timeGroup) {
+        list[0] = Object.assign(Object.assign({}, list[0]), { timeGroup });
+    }
+    if (scaleType) {
+        list[0] = Object.assign(Object.assign({}, list[0]), { scaleType });
+    }
+    if (chart.isMulti) {
+        const seriesValue = ((_a = dimensions.series) === null || _a === void 0 ? void 0 : _a.length)
+            ? dimensions.series[0]
+            : valueColumn;
+        list[0].multiserie = {
+            maxDataPoints: _get(chart, "globalSettings.max_series_point.value", true),
+            maxNumDataPoints: _get(chart, "globalSettings.max_series_point.option", 50),
+            type: chart.stylesSettings.bar_type,
+            serie: Object.assign(Object.assign({}, seriesValue), { property: parsePropertyComplexData(seriesValue) }),
+        };
+    }
+    if (chart.isCombolayer) {
+        const dimensionProp = chart.type === CHART_TYPE.COMBINED_CHART ||
+            chart.type === CHART_TYPE.RADAR_CHART
+            ? "values"
+            : "series";
+        list = [
+            ...list,
+            ...getComboLayers(category, dimensions, chart, dimensionProp),
+        ];
+    }
+    if (chart.isTrend) {
+        list = [...list, getTrendLayer(dimensions.trend[0])];
+    }
+    if (chart.isSmallMultiples) {
+        list = [...list, getSmallMultipleLayer(dimensions.smallmultiple[0])];
+    }
+    if (chart.isReference) {
+        list = [...list, ...getReferenceLayers(dimensions.reference)];
+    }
+    if (chart.type === CHART_TYPE.HEATMAP_CHART && ((_b = dimensions.pivots) === null || _b === void 0 ? void 0 : _b.length)) {
+        list[0].pivot = Object.assign(Object.assign({}, dimensions.pivots[0]), { property: parsePropertyComplexData(dimensions.pivots[0]) });
+        list[0].pivotLabel = _get(chart.stylesSettings, "pivot_axis.custom_label");
+    }
+    if (chart.type === CHART_TYPE.TABLE_CHART ||
+        chart.type === CHART_TYPE.EXPANDABLE_TABLE_CHART ||
+        chart.type === CHART_TYPE.CROSSTAB_CHART) {
+        list = [{ type: chart.type }];
+    }
+    if (chart.type === CHART_TYPE.BOXWHISKER_CHART && ((_c = dimensions.pivots) === null || _c === void 0 ? void 0 : _c.length)) {
+        list[0].distribution = Object.assign(Object.assign({}, dimensions.pivots[0]), { property: parsePropertyComplexData(dimensions.pivots[0]) });
+    }
+    if (chart.type === CHART_TYPE.GEO_CHART_BUBBLE) {
+        list[0].mapType = { label: "BUBBLE" };
+    }
+    if (chart.type === CHART_TYPE.GEO_CHART_DOT) {
+        list[0].mapType = { label: "DOT" };
+        list[0].value = Object.assign(Object.assign({}, list[0].category), { property: parsePropertyComplexData(list[0].category) });
+    }
+    if (chart.type === CHART_TYPE.GEO_CHART_CHOROPLETH) {
+        list[0].mapType = { label: "CHOROPLETH" };
+    }
+    return list;
+};

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

@@ -2,3 +2,7 @@ export * from "./isExpandableTableChart";
 export * from "./isSimpleTableChart";
 export * from "./isTableChart";
 export * from "./getChartComparison";
+export * from "./chartTypes";
+export * from "./defaultColumnBuilder";
+export * from "./getChartDimensions";
+export * from "./styleSettingsByChartType";

package/dist/charts/helpers/index.js

@@ -2,3 +2,7 @@ export * from "./isExpandableTableChart";
 export * from "./isSimpleTableChart";
 export * from "./isTableChart";
 export * from "./getChartComparison";
+export * from "./chartTypes";
+export * from "./defaultColumnBuilder";
+export * from "./getChartDimensions";
+export * from "./styleSettingsByChartType";

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

@@ -0,0 +1,60 @@
+import { CHART_TYPE } from "../../constants";
+import { ChartV2Model, VisualizationStylesSettings } from "../interfaces/IChartV2";
+export declare const parseStyleSettingByType: (type: CHART_TYPE, { stylesSettings, globalSettings, isGrouped }: ChartV2Model, optsCombo?: VisualizationStylesSettings) => any;
+export declare const parseTableChart: ({ stylesSettings, globalSettings }: {
+    stylesSettings: any;
+    globalSettings: any;
+}) => {
+    size: any;
+    maxNumGroups: any;
+    theme: {
+        name: string;
+        values: any;
+    };
+    maxNumRows: any;
+    sort_by_column: any;
+    sort_by_multi_columns: any;
+};
+export declare const parseCrosstabChart: ({ stylesSettings, globalSettings }: {
+    stylesSettings: any;
+    globalSettings: any;
+}) => {
+    size: any;
+    theme: {
+        name: string;
+        values: any;
+    };
+    labels: any;
+    sortX: any;
+};
+export declare const parseMetricGlobal: ({ globalSettings, stylesSettings }: {
+    globalSettings: any;
+    stylesSettings: any;
+}) => {
+    numberFormat: any;
+    templateFormat: any;
+    comparisonType: string;
+    desctription: boolean;
+    animation: any;
+    indicator_font: any;
+    indicator_symbol: any;
+    comparison_font: any;
+    decimals: any;
+    currency: {
+        label: any;
+    };
+    fixedScale: {
+        min: any;
+        max: any;
+    };
+    customization: {
+        filtering: any;
+        download: any;
+    };
+};
+export declare const getSortBy: (type: CHART_TYPE) => "sort_by_column" | "sort_by";
+export declare const parseGlobalSettingByType: (type2: any, { stylesSettings, globalSettings, dimensions }: {
+    stylesSettings: any;
+    globalSettings: any;
+    dimensions: any;
+}) => any;