@qrvey/utils 1.16.0-2 → 1.16.0-21

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

@@ -0,0 +1,24 @@
+import { CHART_TYPE } from "../../constants";
+import { VisualizationDimensionColumn, VisualizationDimensions } from "../interfaces/IChartV2";
+export declare const hasTrendLayer: (trend: any) => boolean;
+export declare const isChartBasic: (type: CHART_TYPE) => boolean;
+export declare const isChartMultiserie: (type: CHART_TYPE) => boolean;
+export declare const isChartCombo: (type: CHART_TYPE) => boolean;
+export declare const isCombinedChart: (type: CHART_TYPE) => boolean;
+export declare const isChartMap: (type: CHART_TYPE) => boolean;
+export declare const isChartMetric: (type: CHART_TYPE) => boolean;
+export declare const isChartMinMax: (type: CHART_TYPE) => boolean;
+export declare const isChartFunnel: (type: CHART_TYPE) => boolean;
+export declare const isChartPie: (type: CHART_TYPE) => boolean;
+export declare const isChartHeatMap: (type: CHART_TYPE) => boolean;
+export declare const hasReferenceLayer: (references: any) => boolean;
+export declare const hasSmallMultiple: (list: VisualizationDimensionColumn[]) => boolean;
+export declare const hasDimension: (dimensions: VisualizationDimensions, keyToFind: keyof VisualizationDimensions) => boolean;
+export declare const allowTableCalculation: (chartType: CHART_TYPE) => boolean;
+export declare const parseCalculation: (column: any, chart: any, ignoreReset?: boolean) => {
+    aggregate: any;
+    abbreviation: any;
+    reset: number;
+    direction: string;
+};
+export declare const getOldChartType: (type: CHART_TYPE, prevType: CHART_TYPE, layerType: any) => CHART_TYPE.BAR_CHART | CHART_TYPE.FUNNEL_CHART | CHART_TYPE.EXPANDABLE_TABLE_CHART | CHART_TYPE.SYMBOL_CHART | CHART_TYPE.LINE_CHART | CHART_TYPE.HEATMAP_CHART | CHART_TYPE.WORD_CLOUD | CHART_TYPE.PIE_CHART | CHART_TYPE.REFERENCE | CHART_TYPE.TREND | CHART_TYPE.SMALL_MULTIPLES | CHART_TYPE.BOXWHISKER_CHART | CHART_TYPE.GEO_CHART | CHART_TYPE.GEO_CHART_BUBBLE | CHART_TYPE.GEO_CHART_DOT | CHART_TYPE.GEO_CHART_CHOROPLETH | CHART_TYPE.CROSSTAB_CHART | CHART_TYPE.TABLE_CHART | CHART_TYPE.COMBO_CHART | CHART_TYPE.INDICATOR_METRIC | CHART_TYPE.DIAL_METRIC | CHART_TYPE.BULLET_METRIC | CHART_TYPE.SUMMARY_CHART | CHART_TYPE.MINMAX_CHART | CHART_TYPE.COMBINED_CHART | CHART_TYPE.RADAR_CHART | CHART_TYPE.TREEMAP_CHART | CHART_TYPE.AREA_CHART | CHART_TYPE.SCATTER_CHART;

package/dist/charts/helpers/chartTypes.js

@@ -0,0 +1,118 @@
+import { CHART_TYPE } from "../../constants";
+import { _get, isEmpty } from "../../general";
+const CHART_MS = [
+    CHART_TYPE.BAR_CHART_MS,
+    CHART_TYPE.LINE_CHART_MS,
+    CHART_TYPE.SYMBOL_CHART_MS,
+    CHART_TYPE.AREA_CHART_MS,
+    CHART_TYPE.COMBINED_CHART,
+];
+const supportedTableCalculationCharts = [
+    CHART_TYPE.TABLE_CHART,
+    CHART_TYPE.BAR_CHART,
+    CHART_TYPE.LINE_CHART,
+    CHART_TYPE.HEATMAP_CHART,
+    CHART_TYPE.COMBO_CHART,
+    CHART_TYPE.BAR_CHART_MS,
+    CHART_TYPE.LINE_CHART_MS,
+    CHART_TYPE.SYMBOL_CHART_MS,
+    CHART_TYPE.FUNNEL_CHART,
+    CHART_TYPE.COMBINED_CHART,
+    CHART_TYPE.AREA_CHART,
+    CHART_TYPE.AREA_CHART_MS,
+];
+const CHART_BASE = [
+    CHART_TYPE.BAR_CHART,
+    CHART_TYPE.LINE_CHART,
+    CHART_TYPE.SYMBOL_CHART,
+    CHART_TYPE.MINMAX_CHART,
+    CHART_TYPE.AREA_CHART,
+];
+const CHART_COMBO = [CHART_TYPE.COMBO_CHART];
+const COMBINED_CHART = [CHART_TYPE.COMBINED_CHART];
+const CHART_MAPS = [
+    CHART_TYPE.GEO_CHART_BUBBLE,
+    CHART_TYPE.GEO_CHART_DOT,
+    CHART_TYPE.GEO_CHART_CHOROPLETH,
+    CHART_TYPE.GEO_CHART,
+];
+const CHART_METRIC = [
+    CHART_TYPE.INDICATOR_METRIC,
+    CHART_TYPE.DIAL_METRIC,
+    CHART_TYPE.BULLET_METRIC,
+];
+const CHART_MINMAX = [CHART_TYPE.MINMAX_CHART];
+const CHART_FUNNEL = [CHART_TYPE.FUNNEL_CHART];
+const CHART_PIE = [CHART_TYPE.PIE_CHART];
+const CHART_HEATMAP = [CHART_TYPE.HEATMAP_CHART];
+export const hasTrendLayer = (trend) => trend && trend[0] ? trend[0].type !== "NONE" : false;
+export const isChartBasic = (type) => CHART_BASE.includes(type);
+export const isChartMultiserie = (type) => CHART_MS.includes(type);
+export const isChartCombo = (type) => CHART_COMBO.includes(type);
+export const isCombinedChart = (type) => COMBINED_CHART.includes(type);
+export const isChartMap = (type) => CHART_MAPS.includes(type);
+export const isChartMetric = (type) => CHART_METRIC.includes(type);
+export const isChartMinMax = (type) => CHART_MINMAX.includes(type);
+export const isChartFunnel = (type) => CHART_FUNNEL.includes(type);
+export const isChartPie = (type) => CHART_PIE.includes(type);
+export const isChartHeatMap = (type) => CHART_HEATMAP.includes(type);
+export const hasReferenceLayer = (references) => (references === null || references === void 0 ? void 0 : references.filter((ref) => !isEmpty(ref.axis)).length) > 0;
+export const hasSmallMultiple = (list) => (list === null || list === void 0 ? void 0 : list.length) > 0;
+export const hasDimension = (dimensions, keyToFind) => {
+    var _a;
+    return ((_a = dimensions === null || dimensions === void 0 ? void 0 : dimensions[keyToFind]) === null || _a === void 0 ? void 0 : _a.length) > 0;
+};
+export const allowTableCalculation = (chartType) => supportedTableCalculationCharts.includes(chartType);
+const getResetCalculation = (column, chart, ignoreReset = false) => {
+    if (chart &&
+        ((chart.type === CHART_TYPE.HEATMAP_CHART &&
+            chart.dimensions.pivots.length) ||
+            chart.isSmallMultiples ||
+            (chart.isMulti && !ignoreReset))) {
+        return 0;
+    }
+    if (column.calculation &&
+        chart &&
+        (chart.type === CHART_TYPE.TABLE_CHART ||
+            chart.type === CHART_TYPE.EXPANDABLE_TABLE_CHART)) {
+        return chart.dimensions.categories.length > 1 &&
+            column.calculation.levels &&
+            column.calculation.levels.id !== "TABLE"
+            ? column.calculation.levels.colIndex
+            : null;
+    }
+    return null;
+};
+export const parseCalculation = (column, chart, ignoreReset = false) => {
+    const reset = getResetCalculation(column, chart, ignoreReset);
+    return ((column === null || column === void 0 ? void 0 : column.calculation) && {
+        aggregate: _get(column, "calculation.value", "SUM"),
+        abbreviation: _get(column, "calculation.abbreviation"),
+        reset,
+        direction: chart.isMulti && !ignoreReset ? "vertical" : null,
+    });
+};
+export const getOldChartType = (type, prevType, layerType) => {
+    let chartType = type;
+    if (chartType === CHART_TYPE.COMBO_CHART ||
+        chartType === CHART_TYPE.COMBINED_CHART) {
+        chartType =
+            layerType || (isChartBasic(prevType) ? prevType : CHART_TYPE.BAR_CHART);
+    }
+    if (chartType === CHART_TYPE.BAR_CHART_MS) {
+        chartType = CHART_TYPE.BAR_CHART;
+    }
+    if (chartType === CHART_TYPE.LINE_CHART_MS) {
+        chartType = CHART_TYPE.LINE_CHART;
+    }
+    if (chartType === CHART_TYPE.SYMBOL_CHART_MS) {
+        chartType = CHART_TYPE.SYMBOL_CHART;
+    }
+    if (chartType === CHART_TYPE.AREA_CHART_MS) {
+        chartType = CHART_TYPE.AREA_CHART;
+    }
+    if (isChartMap(type)) {
+        chartType = CHART_TYPE.GEO_CHART;
+    }
+    return chartType;
+};

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

@@ -0,0 +1,56 @@
+export declare class DefaultColumnBuilder {
+    shelfType: any;
+    defaultColumnCreated: any;
+    chart: any;
+    columnIndex: any;
+    aggregateInfo: {
+        count: {
+            text: string;
+            label: string;
+            abbreviation: string;
+            id: string;
+            key: string;
+        };
+        sum: {
+            text: string;
+            label: string;
+            abbreviation: string;
+            id: string;
+            key: string;
+        };
+    };
+    /**
+     *
+     * @param columnModel -
+     * @param type -
+     */
+    constructor(columnModel: any, type: any, chart: any, columnIndex: any);
+    /**
+     *
+     */
+    setAggregate(): void;
+    /**
+     *
+     */
+    setScaleType(): void;
+    /**
+     *
+     */
+    setNumericFormat(): void;
+    /**
+     *
+     */
+    setSortingOption(): void;
+    /**
+     *
+     */
+    setDateOutputFormat(): void;
+    setUniqueCode(): void;
+    randomKey: () => string;
+    setComboLayer(): void;
+    setAxisId(): void;
+    /**
+     *
+     */
+    createColumn(): any;
+}

package/dist/charts/helpers/defaultColumnBuilder.js

@@ -0,0 +1,322 @@
+const comboLayerStyles = {
+    color_type: "SingleColor",
+    color: "#75A6F8",
+    custom_color: false,
+    theme: [
+        "#75A6F8",
+        "#BCA8FD",
+        "#4453D6",
+        "#A0E8EF",
+        "#6872CF",
+        "#71A2E2",
+        "#B5BAE8",
+        "#EBD4AB",
+        "#E797D6",
+        "#A5A9CE",
+        "#F480BC",
+        "#ABCEA5",
+        "#C164AC",
+        "#80C3F4",
+        "#9964C1",
+        "#64BCC1",
+        "#B0CEA5",
+        "#98E7CB",
+        "#D6BDEA",
+        "#A6CEA5",
+        "#64C1A5",
+        "#2E728B",
+        "#E2DFBF",
+        "#EC9B61",
+        "#CA4841",
+        "#F8CD48",
+        "#EB3A52",
+        "#683087",
+        "#B03668",
+        "#E76363",
+        "#F0E091",
+        "#153A46",
+        "#F1AE65",
+        "#375D52",
+        "#F4EFE1",
+        "#3CBAB2",
+        "#EC7564",
+        "#F6A25E",
+        "#EAC547",
+        "#5B1A69",
+        "#87228F",
+        "#532935",
+        "#A35353",
+        "#CF4339",
+        "#A2F4B9",
+        "#70D097",
+        "#F4EA7B",
+        "#FF984A",
+        "#E73E46",
+        "#EFC65B",
+        "#6293F7",
+        "#A1E557",
+        "#F7775B",
+        "#B030F6",
+        "#4FB1D5",
+        "#3277A2",
+        "#1B4870",
+        "#041525",
+        "#C72D56",
+        "#6DEEDB",
+        "#57C4ED",
+        "#3F97EB",
+        "#ADF4A2",
+        "#70D097",
+        "#F4EA7B",
+        "#F3A469",
+        "#E05065",
+        "#9754BC",
+        "#FF934F",
+        "#C2E812",
+        "#91F5AD",
+        "#2AB7CA",
+        "#806FCE",
+        "#A313AC",
+        "#F590AA",
+        "#C9612A",
+        "#9F9044",
+        "#0A2463",
+        "#3E92CC",
+        "#FAF4D3",
+        "#D8315B",
+        "#FFB2E6",
+        "#FAD2D3",
+        "#3DCC8C",
+        "#0A6355",
+        "#CD54DD",
+        "#19381F",
+        "#EEE82C",
+        "#91CB3E",
+        "#53A548",
+        "#4C8293",
+        "#87CBAC",
+        "#2274A5",
+        "#90FFDC",
+        "#8DE4FF",
+        "#8AC4FF",
+        "#9046CF",
+        "#CC59D2",
+        "#F487B6",
+        "#FFED77",
+    ],
+    custom_theme: false,
+    match_colors: true,
+    x_axis: {
+        labels: true,
+        showAxisTitle: false,
+        custom_label: null,
+        fontType: null,
+        fontWeight: "500",
+        fontSize: "12px",
+        fontColor: null,
+        values: true,
+        fontTypeValues: null,
+        fontWeightValues: "500",
+        fontSizeValues: "12px",
+        fontColorValues: null,
+        rotation: 45,
+        customValue: null,
+        customRotation: 45,
+        format: {
+            value: "Default",
+            currency: "$",
+            decimals: 2,
+        },
+        scale: {
+            type: "linear",
+            steps: null,
+            min_range: null,
+            max_range: null,
+        },
+    },
+    y_axis: {
+        labels: true,
+        showAxisTitle: false,
+        custom_label: null,
+        fontType: null,
+        fontWeight: "500",
+        fontSize: "12px",
+        fontColor: null,
+        values: true,
+        fontTypeValues: null,
+        fontWeightValues: "500",
+        fontSizeValues: "12px",
+        fontColorValues: null,
+        rotation: 0,
+        customRotation: 0,
+        position: "useMain",
+        format: {
+            value: "Default",
+            currency: "$",
+            decimals: 2,
+        },
+        scale: {
+            type: "linear",
+            steps: null,
+            min_range: null,
+            max_range: null,
+        },
+    },
+    data_labels: {
+        value: true,
+        simple_labels: {
+            border: false,
+            format: {
+                value: "Default",
+                currency: "$",
+                decimals: 2,
+            },
+        },
+    },
+    tableHeaderStyle: {
+        headerColor: null,
+        headerFontColor: null,
+        outerBorder: true,
+    },
+    useThemeColor: false,
+    offset: {
+        type: "PERCENTAGE",
+    },
+    orientation: "HORIZONTAL",
+    thickness: "Thin",
+    shadding: false,
+    symbol_type: "circle",
+    symbol_fill: "Hollow",
+    line_style: "Solid",
+    line_type: "straight",
+    layer_type: "BAR_CHART",
+    bar_type: "Cluster",
+};
+export class DefaultColumnBuilder {
+    /**
+     *
+     * @param columnModel -
+     * @param type -
+     */
+    constructor(columnModel, type, chart, columnIndex) {
+        this.aggregateInfo = {
+            count: {
+                text: "Count",
+                label: "COUNT",
+                abbreviation: "CNT",
+                id: "CNT",
+                key: "count",
+            },
+            sum: {
+                text: "Sum",
+                label: "SUM",
+                abbreviation: "SUM",
+                id: "SUM",
+                key: "sum",
+            },
+        };
+        this.randomKey = () => {
+            return (Date.now() + Math.random() * 1e17).toString(36);
+        };
+        this.defaultColumnCreated = columnModel;
+        this.shelfType = type;
+        this.chart = chart;
+        this.columnIndex = columnIndex;
+    }
+    /**
+     *
+     */
+    setAggregate() {
+        this.defaultColumnCreated = Object.assign(Object.assign({}, this.defaultColumnCreated), { aggregate: this.defaultColumnCreated.type === "NUMERIC"
+                ? this.aggregateInfo.sum
+                : this.aggregateInfo.count });
+    }
+    /**
+     *
+     */
+    setScaleType() {
+        this.defaultColumnCreated = Object.assign(Object.assign({}, this.defaultColumnCreated), { scaleType: { text: "Discrete", value: "DISCRETE", key: "discrete" } });
+    }
+    /**
+     *
+     */
+    setNumericFormat() {
+        this.defaultColumnCreated = Object.assign(Object.assign({}, this.defaultColumnCreated), { selectedFormat: {
+                type: "NUMERIC",
+                format: "Default",
+                decimals: 2,
+                currency: {
+                    text: "Default",
+                    label: "$",
+                    key: "default",
+                },
+            } });
+    }
+    /**
+     *
+     */
+    setSortingOption() {
+        this.defaultColumnCreated = Object.assign(Object.assign({}, this.defaultColumnCreated), { sorting: {
+                order: null,
+            } });
+    }
+    /**
+     *
+     */
+    setDateOutputFormat() {
+        const { type, formulaType } = this.defaultColumnCreated;
+        if (type === "DATE" || (type === "FORMULA" && formulaType === "date")) {
+            this.defaultColumnCreated = Object.assign(Object.assign({}, this.defaultColumnCreated), { outputFormat: {
+                    type: "DATE",
+                    format: "MM/DD/YYYY",
+                }, dateGroup: {
+                    text: "Month, Year",
+                    label: "MONTH",
+                    format: "MMM YYYY",
+                    secondaryText: "May 2021",
+                    default: true,
+                    i18n: {
+                        key: "date_month_label",
+                        secondaryText: true,
+                    },
+                }, comparison: {
+                    type: "CHANGE",
+                    time_period: {
+                        value: "ALL_HISTORY",
+                    },
+                    time_comparison: {
+                        value: "TODAY",
+                    },
+                } });
+        }
+    }
+    setUniqueCode() {
+        this.defaultColumnCreated = Object.assign(Object.assign({}, this.defaultColumnCreated), { uniqueCode: this.randomKey() });
+    }
+    setComboLayer() {
+        this.defaultColumnCreated.comboLayer = comboLayerStyles;
+        if (this.chart.type === "COMBINED_CHART" && this.shelfType === "value") {
+            this.defaultColumnCreated.comboLayer = Object.assign(Object.assign({}, comboLayerStyles), { layer_type: "LINE_CHART" });
+        }
+        if (this.chart.type === "COMBO_CHART" && this.shelfType === "serie") {
+            this.defaultColumnCreated.comboLayer = Object.assign(Object.assign({}, comboLayerStyles), { y_axis: Object.assign(Object.assign({}, comboLayerStyles.y_axis), { position: "left" }) });
+        }
+    }
+    setAxisId() {
+        this.defaultColumnCreated = Object.assign(Object.assign({}, this.defaultColumnCreated), { axisId: this.defaultColumnCreated.axisId || this.randomKey() });
+    }
+    /**
+     *
+     */
+    createColumn() {
+        this.setAggregate();
+        this.setScaleType();
+        this.setAxisId();
+        this.setNumericFormat();
+        this.setSortingOption();
+        this.setUniqueCode();
+        this.setComboLayer();
+        this.setDateOutputFormat();
+        return this.defaultColumnCreated;
+    }
+}

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

@@ -0,0 +1,2 @@
+import { ChartV2Model } from "../interfaces/IChartV2";
+export declare const getChartLayerList: (chart: ChartV2Model) => any[];