@qrvey/utils 1.16.0-2 → 1.16.0-21

package/dist/cjs/charts/adapters/convertChartObjectFromV2toV1.d.ts

@@ -0,0 +1,2 @@
+import { ChartV2Model } from "../interfaces/IChartV2";
+export declare const convertChartObjectFromV2toV1: (v2Model: ChartV2Model, inPreviewMode?: boolean) => any;

package/dist/cjs/charts/adapters/convertChartObjectFromV2toV1.js

@@ -0,0 +1,67 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.convertChartObjectFromV2toV1 = void 0;
+const constants_1 = require("../../constants");
+const general_1 = require("../../general");
+const chartTypes_1 = require("../helpers/chartTypes");
+const getChartDimensions_1 = require("../helpers/getChartDimensions");
+const getPanelBodyByChart_1 = require("./getPanelBodyByChart");
+const convertChartObjectFromV2toV1 = (v2Model, inPreviewMode = true) => {
+    if (!(v2Model === null || v2Model === void 0 ? void 0 : v2Model.stylesSettings) ||
+        (((0, chartTypes_1.isChartMetric)(v2Model.type) || (0, chartTypes_1.isChartMinMax)(v2Model.type)) &&
+            (0, general_1.isEmpty)(v2Model.dimensions.values))) {
+        return;
+    }
+    const objCopy = (0, general_1.objectCopy)(v2Model);
+    const chart_ms = [
+        constants_1.CHART_TYPE.BAR_CHART_MS,
+        constants_1.CHART_TYPE.LINE_CHART_MS,
+        constants_1.CHART_TYPE.SYMBOL_CHART_MS,
+        constants_1.CHART_TYPE.AREA_CHART_MS,
+    ];
+    const chart_cb = [...chart_ms, constants_1.CHART_TYPE.COMBO_CHART];
+    const chart_base = [
+        constants_1.CHART_TYPE.BAR_CHART,
+        constants_1.CHART_TYPE.LINE_CHART,
+        constants_1.CHART_TYPE.SYMBOL_CHART,
+        constants_1.CHART_TYPE.MINMAX_CHART,
+        constants_1.CHART_TYPE.FUNNEL_CHART,
+        constants_1.CHART_TYPE.AREA_CHART,
+    ];
+    const bar_type = objCopy.stylesSettings.bar_type;
+    objCopy.bar_width = objCopy.stylesSettings.bar_width;
+    objCopy.isMulti = (0, chartTypes_1.isChartMultiserie)(objCopy.type);
+    objCopy.isChartOptions = [...chart_base, ...chart_cb].includes(objCopy.type);
+    objCopy.isCombolayer = [
+        constants_1.CHART_TYPE.COMBO_CHART,
+        constants_1.CHART_TYPE.COMBINED_CHART,
+        constants_1.CHART_TYPE.RADAR_CHART,
+    ].includes(objCopy.type);
+    objCopy.isReference = (0, chartTypes_1.hasReferenceLayer)(v2Model.dimensions.reference);
+    objCopy.isTrend =
+        objCopy.type !== constants_1.CHART_TYPE.MINMAX_CHART &&
+            (0, chartTypes_1.hasTrendLayer)(v2Model.dimensions.trend);
+    const isBarMs = objCopy.isMulti && objCopy.type === constants_1.CHART_TYPE.BAR_CHART_MS;
+    objCopy.is100 = isBarMs && bar_type === "h100";
+    objCopy.isCombo =
+        objCopy.isTrend ||
+            objCopy.isMulti ||
+            objCopy.isCombolayer ||
+            objCopy.isReference;
+    objCopy.isComboCalc = objCopy.isCombolayer;
+    objCopy.isStakedBar =
+        (isBarMs || objCopy.isCombo) &&
+            (objCopy.is100 || bar_type === "Stacked") &&
+            objCopy.type !== constants_1.CHART_TYPE.BAR_CHART;
+    objCopy.isSmallMultiples =
+        [...chart_base, ...chart_cb].includes(objCopy.type) &&
+            objCopy.type !== constants_1.CHART_TYPE.FUNNEL_CHART &&
+            (0, chartTypes_1.hasSmallMultiple)(v2Model.dimensions.smallmultiple);
+    const layerList = (0, getChartDimensions_1.getChartLayerList)(objCopy);
+    if (!layerList)
+        return;
+    const data = (0, getPanelBodyByChart_1.getPanelBodyByChart)(objCopy.type, objCopy, layerList, inPreviewMode);
+    data.v2 = v2Model;
+    return data;
+};
+exports.convertChartObjectFromV2toV1 = convertChartObjectFromV2toV1;

package/dist/cjs/charts/adapters/getPanelBodyByChart.d.ts

@@ -0,0 +1,2 @@
+export declare const randomKey: () => string;
+export declare const getPanelBodyByChart: (chart: any, obj: any, layerList: any, inPreviewMode: any) => any;

package/dist/cjs/charts/adapters/getPanelBodyByChart.js

@@ -0,0 +1,294 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getPanelBodyByChart = exports.randomKey = void 0;
+const constants_1 = require("../../constants");
+const general_1 = require("../../general");
+const TIME_PERIOD_1 = require("../constants/TIME_PERIOD");
+const chartTypes_1 = require("../helpers/chartTypes");
+const styleSettingsByChartType_1 = require("../helpers/styleSettingsByChartType");
+const parsePropertyComplexData = (column) => {
+    return (0, general_1._get)(column, "property.value", null);
+};
+const randomKey = () => {
+    return (Date.now() + Math.random() * 1e17).toString(36);
+};
+exports.randomKey = randomKey;
+const setTotalAggregateInPreview = (totalAggregate, _inPreviewMode) => {
+    if (!totalAggregate)
+        return;
+    return totalAggregate;
+};
+const columnKey = (id, type, prop = "", index = 0) => {
+    const fixedProp = prop !== null ? prop["value"] || prop || "" : "";
+    const idx = index === void 0 ? "" : `|${index}`;
+    return `${id}|${type}|${fixedProp}${idx}`;
+};
+const parseSortOrder = (chartType, column) => {
+    const sortDirection = column.sortOrder || typeof column.sorting !== "string"
+        ? (0, general_1._get)(column, "sorting.order")
+        : column.sorting;
+    if (chartType === constants_1.CHART_TYPE.CROSSTAB_CHART) {
+        const isDategroupSortOpt = typeof sortDirection === "string" && column.dateGroup;
+        return Object.assign(Object.assign({}, (typeof column.sorting !== "string" ? column.sorting : {})), { order: isDategroupSortOpt
+                ? {
+                    [column.dateGroup.text]: sortDirection || "asc",
+                }
+                : sortDirection });
+    }
+    const isDategroupSortOpt = column.dateGroup && typeof sortDirection !== "string";
+    return Object.assign(Object.assign({}, (typeof column.sorting !== "string" ? column.sorting : {})), { order: isDategroupSortOpt
+            ? sortDirection &&
+                (0, general_1._get)(column, `sorting.order.${column.dateGroup.text}`)
+            : sortDirection });
+};
+const getTableConfig = (chart, inPreviewMode, isTrendChart = false) => {
+    const fields = {
+        groupsList: [],
+        columnsList: [],
+    };
+    const params = [
+        { objKey: "categories", fieldKey: "groupsList", type: "group" },
+        { objKey: "values", fieldKey: "columnsList", type: "column" },
+    ];
+    let count = 0;
+    params.forEach((param) => {
+        var _a;
+        if ((_a = chart.dimensions[param.objKey]) === null || _a === void 0 ? void 0 : _a.length) {
+            fields[param.fieldKey] = chart.dimensions[param.objKey].map((item) => {
+                const column = {
+                    data: Object.assign(Object.assign({}, item), { property: parsePropertyComplexData(item) }),
+                    index: new Date().getTime() + (0, exports.randomKey)(),
+                    type: param.type,
+                    label: item.label || item.text,
+                    visualization: item.visualization || "Values",
+                    aggregate: setTotalAggregateInPreview(item.totalAggregate, inPreviewMode),
+                    calculation: chart.dimensions["categories"].length
+                        ? (0, chartTypes_1.parseCalculation)(item, chart)
+                        : null,
+                    dataField: columnKey(item.id, item.type, item.property, count + 1),
+                    qrveyid: item.qrveyid,
+                    dateGroup: item.dateGroup,
+                    sorting: parseSortOrder(chart.type, item),
+                    sortIndex: item.sortIndex,
+                    width: item.width,
+                    groupAggregate: undefined,
+                };
+                if (item.aggregate)
+                    column.groupAggregate = Object.assign({}, item.aggregate);
+                count += 1;
+                return column;
+            });
+        }
+    });
+    if (isTrendChart)
+        return { fields };
+    const isGrouped = fields.groupsList && !!fields.groupsList.length;
+    return {
+        fields,
+        isGrouped,
+        conditions: chart.conditions,
+        visualization: (0, styleSettingsByChartType_1.parseStyleSettingByType)(constants_1.CHART_TYPE.TABLE_CHART, Object.assign(Object.assign({}, chart), { isGrouped })),
+        totals: chart.dimensions.tableTotals,
+        isMultipleSorted: chart.isMultipleSorted,
+        trendsChart: chart.trendsCharts || [],
+    };
+};
+const getCrosstabConfig = (opts) => {
+    const fields = {};
+    const params = [
+        { objKey: "pivots", fieldKey: "columnsList", type: "column" },
+        { objKey: "categories", fieldKey: "rowsList", type: "row" },
+        { objKey: "values", fieldKey: "valuesList", type: "data" },
+    ];
+    params.forEach((param) => {
+        var _a;
+        const dimension = param.objKey === "values" && !((_a = opts.dimensions[param.objKey]) === null || _a === void 0 ? void 0 : _a.length)
+            ? [opts.dimensions.categories[0] || opts.dimensions.pivots[0]]
+            : opts.dimensions[param.objKey];
+        fields[param.fieldKey] = dimension.map((item) => {
+            const column = {
+                data: Object.assign(Object.assign({}, item), { property: parsePropertyComplexData(item) }),
+                index: new Date().getTime() + (0, exports.randomKey)(),
+                type: param.type,
+                qrveyid: item.qrveyid,
+                label: item.label || item.text,
+                sorting: parseSortOrder(opts.type, item),
+                dateGroup: undefined,
+                aggregate: undefined,
+            };
+            if (item.dateGroup) {
+                column.dateGroup = item.dateGroup;
+            }
+            if (item.aggregate && param.type === "data") {
+                column.aggregate = Object.assign({}, item.aggregate);
+            }
+            return column;
+        });
+    });
+    const rowGrandTotals = ["SHOW", "ROWSONLY"].includes(opts.globalSettings.crosstab_totals.option);
+    const columnGrandTotals = ["SHOW", "COLUMNSONLY"].includes(opts.globalSettings.crosstab_totals.option);
+    return {
+        fields,
+        visualization: (0, styleSettingsByChartType_1.parseStyleSettingByType)(constants_1.CHART_TYPE.CROSSTAB_CHART, opts),
+        config: {
+            showBorders: false,
+            width: 442,
+            height: 361,
+            fieldChooser: { enabled: false },
+            fieldPanel: {
+                visible: opts.globalSettings.crosstab_labels.value,
+                showFilterFields: false,
+                allowFieldDragging: false,
+                showColumnFields: true,
+                showRowFields: true,
+                showDataFields: false,
+                texts: { columnFieldArea: "", rowFieldArea: "" },
+            },
+            rowHeaderLayout: "tree",
+            showRowGrandTotals: opts.globalSettings.crosstab_totals.value && rowGrandTotals,
+            showColumnGrandTotals: opts.globalSettings.crosstab_totals.value && columnGrandTotals,
+            showRowTotals: opts.globalSettings.crosstab_subtotals,
+            showColumnTotals: opts.globalSettings.crosstab_subtotals,
+            allowSorting: opts.globalSettings.crosstab_labels.options.sorting,
+            allowSortingBySummary: false,
+        },
+    };
+};
+const getGeoMapConfig = (opts) => {
+    const fields = {};
+    const params = [
+        { objKey: "categories", fieldKey: "categories", type: "column" },
+        { objKey: "values", fieldKey: "values", type: "column" },
+    ];
+    params.forEach((param) => {
+        var _a;
+        if ((_a = opts.dimensions[param.objKey]) === null || _a === void 0 ? void 0 : _a.length) {
+            fields[param.fieldKey] = opts.dimensions[param.objKey].map((item) => {
+                const column = {
+                    data: Object.assign(Object.assign({}, item), { property: parsePropertyComplexData(item) }),
+                    index: new Date().getTime() + (0, exports.randomKey)(),
+                    type: param.type,
+                    qrveyid: item.qrveyid,
+                    aggregate: undefined,
+                };
+                if (item.aggregate && param.type === "data") {
+                    column.aggregate = Object.assign({}, item.aggregate);
+                }
+                return column;
+            });
+        }
+    });
+    return {
+        fields,
+    };
+};
+const getMetricConfigData = (chart, obj) => {
+    const { values, thresholds, comparison } = (0, general_1.objectCopy)(obj.dimensions);
+    let data = {
+        value: Object.assign(Object.assign({}, values[0]), { property: parsePropertyComplexData(values[0]) }),
+        dataSet: {},
+        valueAggregate: values[0] && values[0].aggregate,
+        dateColumn: undefined,
+        timePeriod: undefined,
+        comparison: undefined,
+        timePeriodCustomRange: undefined,
+        timePeriodDate: undefined,
+        timePeriodEndDate: undefined,
+        comparisonCustomRange: undefined,
+        comparisonDate: undefined,
+        comparisonEndDate: undefined,
+    };
+    if (comparison[0]) {
+        const dateColumn = Object.assign({}, comparison[0]);
+        const config = dateColumn.comparison;
+        delete dateColumn.comparison;
+        data = Object.assign(Object.assign({}, data), { dateColumn, timePeriod: TIME_PERIOD_1.timePeriod.find((tp) => tp.label === config.time_period.value), comparison: TIME_PERIOD_1.timePeriod.find((tp) => tp.label === config.time_comparison.value) });
+        if (config.time_period.value === "CUSTOM_RANGE" /* CUSTOM_RANGE */) {
+            data = Object.assign(Object.assign({}, data), { timePeriodCustomRange: TIME_PERIOD_1.timePeriodCustomRange.find((tpc) => tpc.label === config.time_period.range), timePeriodDate: config.time_period.start, timePeriodEndDate: config.time_period.end });
+        }
+        if (config.time_comparison.value === "CUSTOM_RANGE" /* CUSTOM_RANGE */) {
+            data = Object.assign(Object.assign({}, data), { comparisonCustomRange: TIME_PERIOD_1.timePeriodCustomRange.find((tpc) => tpc.label === config.time_comparison.range), comparisonDate: config.time_comparison.start, comparisonEndDate: config.time_comparison.end });
+        }
+    }
+    return {
+        appid: obj.appid,
+        type: { label: chart },
+        thresholdsList: thresholds.map((thr) => ({
+            label: thr.custom_label || thr.label,
+            color: thr.color,
+            operator: { label: thr.operator },
+            value: thr.value,
+            initValue: thr.value,
+            endValue: thr.max_value,
+            type: thr === null || thr === void 0 ? void 0 : thr.type,
+            column: thr === null || thr === void 0 ? void 0 : thr.column,
+            aggregate: thr === null || thr === void 0 ? void 0 : thr.aggregate,
+            endColumn: thr === null || thr === void 0 ? void 0 : thr.endColumn,
+            endAggregate: thr === null || thr === void 0 ? void 0 : thr.endAggregate,
+        })),
+        data,
+        individualSettings: (0, styleSettingsByChartType_1.parseStyleSettingByType)(chart, obj),
+        dataset: data.dataSet,
+    };
+};
+const getPanelBodyByChart = (chart, obj, layerList, inPreviewMode) => {
+    let panelBody = Object.assign(Object.assign({}, (0, general_1.pick)(obj, [
+        "title",
+        "name",
+        "metricid",
+        "chartid",
+        "type",
+        "position",
+        "createDate",
+        "modifyDate",
+        "dataSet",
+        "isOldChart",
+        "isMulti",
+        "bar_width",
+        "isComboCalc",
+    ])), { globalSettings: (0, styleSettingsByChartType_1.parseGlobalSettingByType)(obj.type, obj), preFilters: obj.preFilters || [], defaultFilters: obj.defaultFilters || {}, oldInternalFilters: obj.oldInternalFilters, dateGroup: (0, general_1._get)(layerList[0], "dateGroup"), 
+        // retro-compatibility
+        timeGroup: (0, general_1._get)(layerList[0], "timeGroup"), layerList });
+    panelBody.name = obj.name || obj.title;
+    panelBody.dataset = obj.dataset;
+    switch (chart) {
+        case constants_1.CHART_TYPE.BOXWHISKER_CHART:
+            panelBody.globalSettings.sortX = {
+                type: "Label",
+                order: "Asc",
+            };
+            break;
+        case constants_1.CHART_TYPE.CROSSTAB_CHART:
+            panelBody = Object.assign(Object.assign({}, panelBody), { chart: getCrosstabConfig(obj) });
+            break;
+        case constants_1.CHART_TYPE.EXPANDABLE_TABLE_CHART:
+        case constants_1.CHART_TYPE.TABLE_CHART: {
+            const isSimpleTable = !obj.dimensions["categories"].length;
+            const attrMax = isSimpleTable
+                ? "globalSettings.max_rows.value"
+                : "globalSettings.max_groups.value";
+            const maxRecords = (0, general_1._get)(obj, attrMax);
+            panelBody = Object.assign(Object.assign({}, panelBody), { globalSettings: Object.assign(Object.assign({}, panelBody.globalSettings), { maxRecords }), chart: getTableConfig(obj, inPreviewMode) });
+            break;
+        }
+        case constants_1.CHART_TYPE.INDICATOR_METRIC:
+        case constants_1.CHART_TYPE.DIAL_METRIC:
+        case constants_1.CHART_TYPE.BULLET_METRIC: {
+            const { comparison } = (0, general_1.objectCopy)(obj.dimensions);
+            panelBody = Object.assign(Object.assign(Object.assign({}, panelBody), { globalSettings: Object.assign(Object.assign({}, panelBody.globalSettings), { 
+                    // TODO: Rebase this implementation to refactor
+                    comparisonType: (0, general_1._get)(comparison[0], "comparison.type", "CHANGE") }) }), getMetricConfigData(chart, obj));
+            break;
+        }
+        case constants_1.CHART_TYPE.GEO_CHART_DOT:
+        case constants_1.CHART_TYPE.GEO_CHART_BUBBLE:
+        case constants_1.CHART_TYPE.GEO_CHART_CHOROPLETH:
+            panelBody = Object.assign(Object.assign({}, panelBody), { isSmallMultiples: obj.isSmallMultiples, chart: getGeoMapConfig(obj) });
+            break;
+        default:
+            panelBody = Object.assign(Object.assign({}, panelBody), { isChartOptions: true, isCombolayer: obj.isCombolayer, isReference: obj.isReference, isMulti: obj.isMulti, isCombo: obj.isCombo, isSmallMultiples: obj.isSmallMultiples, isTrend: obj.isTrend, is100: obj.is100, isStakedBar: obj.isStakedBar, isSplit: false });
+            break;
+    }
+    return panelBody;
+};
+exports.getPanelBodyByChart = getPanelBodyByChart;

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

@@ -2,3 +2,5 @@ export * from "./endpointDataValidators";
 export * from "./endpointDataGet";
 export * from "./endpointData";
 export * from "./RequestAdapterMetric";
+export * from "./convertChartObjectFromV2toV1";
+export * from "./getPanelBodyByChart";

package/dist/cjs/charts/adapters/index.js

@@ -18,3 +18,5 @@ __exportStar(require("./endpointDataValidators"), exports);
 __exportStar(require("./endpointDataGet"), exports);
 __exportStar(require("./endpointData"), exports);
 __exportStar(require("./RequestAdapterMetric"), exports);
+__exportStar(require("./convertChartObjectFromV2toV1"), exports);
+__exportStar(require("./getPanelBodyByChart"), exports);

package/dist/cjs/charts/constants/AGGREGATE.d.ts

@@ -7,5 +7,7 @@ export declare enum AGGREGATE {
     SUM = "SUM",
     STDEV = "STDEV",
     COUNT = "COUNT",
-    DISTINCTCOUNT = "DISTINCTCOUNT"
+    DISTINCTCOUNT = "DISTINCTCOUNT",
+    FIRST = "FIRST",
+    LAST = "LAST"
 }

package/dist/cjs/charts/constants/AGGREGATE.js

@@ -12,4 +12,6 @@ var AGGREGATE;
     AGGREGATE["STDEV"] = "STDEV";
     AGGREGATE["COUNT"] = "COUNT";
     AGGREGATE["DISTINCTCOUNT"] = "DISTINCTCOUNT";
+    AGGREGATE["FIRST"] = "FIRST";
+    AGGREGATE["LAST"] = "LAST";
 })(AGGREGATE || (exports.AGGREGATE = AGGREGATE = {}));

package/dist/cjs/charts/constants/AGGREGATE_ABBREVIATION.d.ts

@@ -7,5 +7,7 @@ export declare enum AGGREGATE_ABBREVIATION {
     SUM = "SUM",
     STDEV = "STDEV",
     COUNT = "CNT",
-    DISTINCTCOUNT = "CNTD"
+    DISTINCTCOUNT = "CNTD",
+    FIRST = "FIRST",
+    LAST = "LAST"
 }

package/dist/cjs/charts/constants/AGGREGATE_ABBREVIATION.js

@@ -12,4 +12,6 @@ var AGGREGATE_ABBREVIATION;
     AGGREGATE_ABBREVIATION["STDEV"] = "STDEV";
     AGGREGATE_ABBREVIATION["COUNT"] = "CNT";
     AGGREGATE_ABBREVIATION["DISTINCTCOUNT"] = "CNTD";
+    AGGREGATE_ABBREVIATION["FIRST"] = "FIRST";
+    AGGREGATE_ABBREVIATION["LAST"] = "LAST";
 })(AGGREGATE_ABBREVIATION || (exports.AGGREGATE_ABBREVIATION = AGGREGATE_ABBREVIATION = {}));

package/dist/cjs/charts/constants/AGGREGATE_INFO.js

@@ -77,4 +77,20 @@ exports.AGGREGATE_INFO = {
         abbrLabel: AGGREGATE_ABBREVIATION_1.AGGREGATE_ABBREVIATION.DISTINCTCOUNT,
         i18nLabelPath: "common.aggregate_labels.distinct_count",
     },
+    [AGGREGATE_1.AGGREGATE.FIRST]: {
+        value: AGGREGATE_1.AGGREGATE.FIRST,
+        displayed: false,
+        label: AGGREGATE_LABEL_1.AGGREGATE_LABEL.LAST,
+        shortLabel: AGGREGATE_LABEL_1.AGGREGATE_LABEL.FIRST,
+        abbrLabel: AGGREGATE_ABBREVIATION_1.AGGREGATE_ABBREVIATION.FIRST,
+        i18nLabelPath: "common.aggregate_labels.first",
+    },
+    [AGGREGATE_1.AGGREGATE.LAST]: {
+        value: AGGREGATE_1.AGGREGATE.LAST,
+        displayed: false,
+        label: AGGREGATE_LABEL_1.AGGREGATE_LABEL.LAST,
+        shortLabel: AGGREGATE_LABEL_1.AGGREGATE_LABEL.LAST,
+        abbrLabel: AGGREGATE_ABBREVIATION_1.AGGREGATE_ABBREVIATION.LAST,
+        i18nLabelPath: "common.aggregate_labels.last",
+    },
 };

package/dist/cjs/charts/constants/AGGREGATE_LABEL.d.ts

@@ -7,5 +7,7 @@ export declare enum AGGREGATE_LABEL {
     SUM = "Sum",
     STDEV = "Standard deviation",
     COUNT = "Count",
-    DISTINCTCOUNT = "Distinct Count"
+    DISTINCTCOUNT = "Distinct Count",
+    FIRST = "First",
+    LAST = "Last"
 }

package/dist/cjs/charts/constants/AGGREGATE_LABEL.js

@@ -12,4 +12,6 @@ var AGGREGATE_LABEL;
     AGGREGATE_LABEL["STDEV"] = "Standard deviation";
     AGGREGATE_LABEL["COUNT"] = "Count";
     AGGREGATE_LABEL["DISTINCTCOUNT"] = "Distinct Count";
+    AGGREGATE_LABEL["FIRST"] = "First";
+    AGGREGATE_LABEL["LAST"] = "Last";
 })(AGGREGATE_LABEL || (exports.AGGREGATE_LABEL = AGGREGATE_LABEL = {}));