@qrvey/utils 1.18.0 → 1.18.2

package/dist/cjs/elements/helpers/vem-element/definitions/main.definitions.js

@@ -0,0 +1,263 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CONTAINER_ITEM_DEFINITION = exports.FILTER_DATE_ITEM_DEFINITION = exports.FILTER_LIST_ITEM_DEFINITION = exports.FILTER_INPUT_ITEM_DEFINITION = exports.ANALYTICS_ITEM_DEFINITION = exports.TEXT_ITEM_DEFINITION = exports.BUTTON_ITEM_DEFINITION = exports.IMAGE_ITEM_DEFINITION = void 0;
+const vem_constants_1 = require("../constants/vem.constants");
+exports.IMAGE_ITEM_DEFINITION = {
+    behavior: {
+        addingConfig: {
+            defaultDimensions: {
+                responsive: {
+                    colSpan: 2,
+                    rowSpan: 6,
+                },
+                fixed: {
+                    width: 100,
+                    height: 100,
+                },
+            },
+            defaultItemData: {
+                aspect: "cover",
+            },
+        },
+    },
+};
+exports.BUTTON_ITEM_DEFINITION = {
+    behavior: {
+        addingConfig: {
+            defaultDimensions: {
+                responsive: {
+                    colSpan: 1,
+                    rowSpan: 1,
+                },
+                fixed: {
+                    width: 100,
+                    height: 30,
+                },
+            },
+            defaultItemData: () => ({
+                background: "#FF5300",
+                color: "#ffffff",
+                fontFamily: "Inter, serif",
+                fontSize: "12px",
+                url: "",
+                label: "",
+            }),
+            minSize: {
+                fixed: {
+                    height: 30,
+                    width: 30,
+                    customSize: (itemData) => {
+                        const fontSizeValue = parseInt(itemData.fontSize.replace("px", ""), 10);
+                        const minHeight = fontSizeValue > vem_constants_1.DEFAULT_MIN_FONT_TO_AUTO_RESIZE
+                            ? fontSizeValue * vem_constants_1.DEFAULT_DELTA_RESIZE_IN_FIXED
+                            : 30;
+                        return {
+                            height: minHeight,
+                            width: 30,
+                        };
+                    },
+                },
+                responsive: {
+                    height: 1,
+                    width: 1,
+                    customSize: (itemData) => {
+                        const fontSizeValue = parseInt(itemData.fontSize.replace("px", ""), 10);
+                        const minHeightPx = fontSizeValue > vem_constants_1.DEFAULT_MIN_FONT_TO_AUTO_RESIZE
+                            ? fontSizeValue * vem_constants_1.DEFAULT_DELTA_RESIZE_IN_RESPONSIVE
+                            : 30;
+                        return {
+                            height: Math.round(minHeightPx / 32),
+                            width: 1,
+                        };
+                    },
+                },
+            },
+        },
+    },
+};
+exports.TEXT_ITEM_DEFINITION = {
+    behavior: {
+        addingConfig: {
+            defaultDimensions: {
+                responsive: {
+                    colSpan: 2,
+                    rowSpan: 6,
+                },
+                fixed: {
+                    width: 200,
+                    height: 100,
+                },
+            },
+            defaultItemData: {
+                backgroundColor: "rgba(0,0,0,0)",
+                borderColor: "#000000",
+                borderWidth: "1px",
+                borderStyle: "none",
+                fontFamily: "Inter, serif",
+                fontSize: "12px",
+                fontColor: "#000000",
+                paddingTop: 5,
+                paddingBottom: 5,
+                paddingLeft: 5,
+                paddingRight: 5,
+            },
+        },
+    },
+};
+exports.ANALYTICS_ITEM_DEFINITION = {
+    behavior: {
+        addingConfig: {
+            defaultDimensions: {
+                responsive: {
+                    colSpan: 4,
+                    rowSpan: 10,
+                },
+                fixed: {
+                    width: 400,
+                    height: 400,
+                },
+            },
+        },
+    },
+};
+exports.FILTER_INPUT_ITEM_DEFINITION = {
+    behavior: {
+        addingConfig: {
+            defaultDimensions: {
+                responsive: {
+                    colSpan: vem_constants_1.DEFAULT_WIDTH_IN_RESPONSIVE,
+                    rowSpan: vem_constants_1.DEFAULT_HEIGHT_IN_RESPONSIVE,
+                },
+                fixed: {
+                    width: vem_constants_1.DEFAULT_WIDTH_IN_FIXED,
+                    height: vem_constants_1.DEFAULT_HEIGHT_IN_FIXED,
+                },
+            },
+            minSize: {
+                fixed: {
+                    height: 76,
+                    width: 200,
+                    customSize: () => {
+                        return {
+                            height: 76,
+                            width: 200,
+                        };
+                    },
+                },
+                responsive: {
+                    height: 1,
+                    width: 1,
+                    customSize: () => {
+                        return {
+                            height: 1,
+                            width: 1,
+                        };
+                    },
+                },
+            },
+        },
+    },
+};
+exports.FILTER_LIST_ITEM_DEFINITION = {
+    behavior: {
+        addingConfig: {
+            defaultDimensions: {
+                responsive: {
+                    colSpan: vem_constants_1.DEFAULT_WIDTH_IN_RESPONSIVE,
+                    rowSpan: 2,
+                },
+                fixed: {
+                    width: vem_constants_1.DEFAULT_WIDTH_IN_FIXED,
+                    height: vem_constants_1.DEFAULT_HEIGHT_IN_FIXED,
+                },
+            },
+            minSize: {
+                fixed: {
+                    height: 30,
+                    width: 130,
+                    customSize: (itemData) => {
+                        const minHeight = itemData.type === vem_constants_1.FILTER_LIST_TYPE.LIST ? 100 : 30;
+                        return {
+                            height: minHeight,
+                            width: 130,
+                        };
+                    },
+                },
+                responsive: {
+                    height: 1,
+                    width: 1,
+                    customSize: () => {
+                        return {
+                            height: 1,
+                            width: 1,
+                        };
+                    },
+                },
+            },
+        },
+    },
+};
+exports.FILTER_DATE_ITEM_DEFINITION = {
+    behavior: {
+        addingConfig: {
+            defaultDimensions: {
+                responsive: {
+                    colSpan: vem_constants_1.DEFAULT_WIDTH_IN_RESPONSIVE,
+                    rowSpan: vem_constants_1.DEFAULT_HEIGHT_IN_RESPONSIVE,
+                },
+                fixed: {
+                    width: vem_constants_1.DEFAULT_WIDTH_IN_FIXED,
+                    height: vem_constants_1.DEFAULT_HEIGHT_IN_FIXED,
+                },
+            },
+            defaultItemData: {
+                validators: [],
+                trigger: vem_constants_1.FILTER_TRIGGER_TYPE.BUTTON,
+                selectorColor: "#FF5300",
+                buttonBackgroundColor: "#FF5300",
+                buttonTextColor: "#ffffff",
+                buttonBorderColor: "#FF5300",
+                borderColor: "#e3e3e3",
+                fontColor: "#5F5F5F",
+            },
+            minSize: {
+                fixed: {
+                    height: 30,
+                    width: 100,
+                    customSize: () => {
+                        return {
+                            height: 30,
+                            width: 100,
+                        };
+                    },
+                },
+                responsive: {
+                    height: 1,
+                    width: 1,
+                    customSize: () => {
+                        return {
+                            height: 1,
+                            width: 1,
+                        };
+                    },
+                },
+            },
+        },
+    },
+};
+exports.CONTAINER_ITEM_DEFINITION = {
+    behavior: {
+        addingConfig: {
+            defaultDimensions: {
+                responsive: {
+                    colSpan: 10,
+                    rowSpan: 10,
+                },
+                fixed: {
+                    width: 900,
+                    height: 500,
+                },
+            },
+        },
+    },
+};

package/dist/cjs/elements/helpers/vem-element/helpers/vem.helpers.js

@@ -0,0 +1,76 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.validateDimension = exports.getDefaultDimensions = exports.updateDimension = exports.VEM_DEFINITIONS = void 0;
+const ICanvasGrid_1 = require("../../../interfaces/ICanvasGrid");
+const IVemPosition_1 = require("../../../interfaces/IVemPosition");
+const position_1 = require("../../../utils/position");
+const vem_constants_1 = require("../constants/vem.constants");
+const main_definitions_1 = require("../definitions/main.definitions");
+exports.VEM_DEFINITIONS = {
+    image: main_definitions_1.IMAGE_ITEM_DEFINITION,
+    button: main_definitions_1.BUTTON_ITEM_DEFINITION,
+    text: main_definitions_1.TEXT_ITEM_DEFINITION,
+    analytics: main_definitions_1.ANALYTICS_ITEM_DEFINITION,
+    filterInput: main_definitions_1.FILTER_INPUT_ITEM_DEFINITION,
+    filterDate: main_definitions_1.FILTER_DATE_ITEM_DEFINITION,
+    filterList: main_definitions_1.FILTER_LIST_ITEM_DEFINITION,
+    container: main_definitions_1.CONTAINER_ITEM_DEFINITION,
+};
+const updateDimension = (element, canvasConfig, positionType, deviceList = vem_constants_1.DEVICE_LIST) => {
+    const position = (0, exports.getDefaultDimensions)(element, positionType);
+    let newElement = element;
+    deviceList.forEach((device) => {
+        const isForceAddField = device !== ICanvasGrid_1.CanvasDevice.DESKTOP;
+        const newPosition = {
+            ...position,
+            ...(isForceAddField && { preCalculated: true }),
+        };
+        const updatedElement = (0, position_1.setElementPosition)(newElement, positionType, device, newPosition);
+        if (positionType === IVemPosition_1.VemPositionType.RESPONSIVE) {
+            const columns = canvasConfig[device]
+                .columns.count;
+            newElement = (0, exports.validateDimension)(updatedElement, columns, device);
+        }
+        else {
+            newElement = updatedElement;
+        }
+    });
+    return newElement;
+};
+exports.updateDimension = updateDimension;
+const normalizeSize = (item, positionType) => {
+    const vemDefinition = exports.VEM_DEFINITIONS[item.type];
+    const rawSize = vemDefinition.behavior.addingConfig.defaultDimensions[positionType];
+    const customSizeResolver = vemDefinition?.behavior.addingConfig.minSize?.[positionType]?.customSize;
+    const baseHeight = "height" in rawSize ? rawSize.height : rawSize.rowSpan;
+    const baseWidth = "width" in rawSize ? rawSize.width : rawSize.colSpan;
+    if (!customSizeResolver)
+        return { height: baseHeight, width: baseWidth };
+    const customSize = customSizeResolver(item.itemData);
+    return {
+        height: Math.max(customSize.height, baseHeight),
+        width: Math.max(customSize.width, baseWidth),
+    };
+};
+const getDefaultDimensions = (item, positionType) => {
+    const { height, width } = normalizeSize(item, positionType);
+    if (positionType === IVemPosition_1.VemPositionType.FIXED) {
+        return { x: 0, y: 0, height, width, z: 1 };
+    }
+    return { colSpan: width, rowSpan: height, colStart: 1, rowStart: 1 };
+};
+exports.getDefaultDimensions = getDefaultDimensions;
+const validateDimension = (baseElem, columnsCount, canvasDevice) => {
+    const currentPosition = baseElem.position.responsive[canvasDevice];
+    if (!currentPosition)
+        return baseElem;
+    const fixedColSpan = currentPosition.colSpan <= columnsCount
+        ? currentPosition?.colSpan
+        : columnsCount;
+    const position = {
+        ...currentPosition,
+        colSpan: fixedColSpan,
+    };
+    return (0, position_1.setElementPosition)(baseElem, IVemPosition_1.VemPositionType.RESPONSIVE, canvasDevice, position);
+};
+exports.validateDimension = validateDimension;

package/dist/cjs/elements/helpers/vem-element/models/vem.models.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const IVemPosition_1 = require("../../../interfaces/IVemPosition");

package/dist/cjs/elements/interfaces/IVemCore.js

@@ -1,3 +1,15 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.VemType = void 0;
 const IVemPosition_1 = require("./IVemPosition");
+var VemType;
+(function (VemType) {
+    VemType["IMAGE"] = "image";
+    VemType["BUTTON"] = "button";
+    VemType["TEXT"] = "text";
+    VemType["ANALYTICS"] = "analytics";
+    VemType["FILTER_INPUT"] = "filterInput";
+    VemType["FILTER_LIST"] = "filterList";
+    VemType["FILTER_DATE"] = "filterDate";
+    VemType["CONTAINER"] = "container";
+})(VemType || (exports.VemType = VemType = {}));

package/dist/cjs/filters/helpers/OLD_getAggFilters.js

@@ -15,9 +15,16 @@ function getAggFilters(logics = [], summaries = []) {
         root: logic[0].filters,
         getChildren: (node) => node.expressions,
         isLeaf: (node) => !("operator" in node),
-        onLeaf: (expression) => {
+        onLeaf: (expression, parent) => {
             const { enabled, validationType, value } = expression;
             const summaryIndex = getIndexByExpression(expression, summaries);
+            if (summaryIndex < 0) {
+                if (parent && parent.expressions) {
+                    const parentFilter = parent;
+                    parentFilter.expressions = parentFilter.expressions.filter((e) => e !== expression);
+                }
+                return;
+            }
             Object.keys(expression).forEach((key) => {
                 delete expression[key];
             });
@@ -27,7 +34,8 @@ function getAggFilters(logics = [], summaries = []) {
             expression.value = value;
         },
     });
-    return logic[0].filters[0];
+    const filters = logic[0].filters[0];
+    return (0, isEmpty_1.isEmpty)(filters.expressions) ? undefined : filters;
 }
 function getAggregateFilters(logics = []) {
     const _logics = (0, objectCopy_1.objectCopy)(logics);

package/dist/cjs/globalization/service/i18nServiceV2.js

@@ -19,6 +19,9 @@ class I18nServiceV2 {
             defaultNS: DEFAULT_NS,
             fallbackLng: false,
             keySeparator: ".",
+            interpolation: {
+                escapeValue: false,
+            },
             lng: language,
             nsSeparator: false,
             resources: {

package/dist/cjs/globalization/service/i18nextBuilder.js

@@ -27,6 +27,9 @@ class I18nServiceBuilder {
             keySeparator: ".",
             fallbackLng: false,
             defaultNS: "translation",
+            interpolation: {
+                escapeValue: false,
+            },
             resources: {
                 en: {
                     translation: this.setTranslations(i18nResource, i18nDefault),

package/dist/cjs/index.js

@@ -20,3 +20,4 @@ tslib_1.__exportStar(require("./tokens/index"), exports);
 tslib_1.__exportStar(require("./column_format/index"), exports);
 tslib_1.__exportStar(require("./themes/index"), exports);
 tslib_1.__exportStar(require("./elements/index"), exports);
+tslib_1.__exportStar(require("./comparativeAnalysis/index"), exports);

package/dist/cjs/tokens/getCustomTokenBoxParse.js

@@ -11,6 +11,7 @@ function getCustomTokenBoxParse(customTokens) {
             tokensList[tokenKey] = customTokens[tokenKey].map((token) => ({
                 alias: token.label,
                 label: `{{customTokens${subGroup}.${token.key}}}`,
+                value: token.value,
             }));
         }
     }

package/dist/comparativeAnalysis/index.d.ts

@@ -0,0 +1,55 @@
+export declare const DELTA_COLUMN_PREFIX = "\u0394";
+export declare const REFERENCE_COLUMN_MARKER = "\u25CF";
+export declare function formatDeltaColumnCaption(caption: string): string;
+export declare function formatReferenceColumnCaption(caption: string): string;
+export declare function stripColumnMarker(caption: string): string;
+export declare function resolveComparativeColumnCaption(chartModel: any, columnKey: string, allDatesText?: string): string;
+export interface ComparativeVirtualColumn {
+    originalDataField: string;
+    originalIndex: number;
+    compDataField: string;
+    deltaDataField?: string;
+    extraDeltaDataFields?: string[];
+}
+export declare function formatComparativePeriodCaption(period: any, allDatesText: string, colLabel?: string): string;
+export declare function formatDeltaDefaultCaption(referencePeriod: any, compareTo: any, allDatesText: string, colLabel?: string): string;
+export declare function computeComparativeVirtualColumns(isGrouped: boolean, myBus: any, chart: any, getChartColumns: () => any[]): ComparativeVirtualColumn[];
+export declare function expandColumnListWithComparativeColumns(columnList: any[], comparativeVirtualColumns: ComparativeVirtualColumn[], myBus: any, chart: any, allDatesText?: string): any[];
+export declare function applyComparativeHeaderBorders(columns: any[], myBus: any, chart: any): any[];
+export declare function mapOperatorToValidationType(operatorLabel: string): string;
+export declare function buildComparisonExpressionValue(date1: string | null, date2: string | null, operatorLabel: string): Array<string | Record<string, string>>;
+export declare function buildComparativeChartComparison(myBus: any, chart: any, groups: any[]): object | undefined;
+export declare function resolveDeltaDiffInfo(dataField: string, comparativeVirtualColumns: ComparativeVirtualColumn[], getChartColumns: () => any[]): {
+    origUniqueCode: string;
+    diffIndex: number;
+};
+export interface IDifferenceColumnStyle {
+    id: string;
+    name: string;
+    positiveIs: "higher" | "lower";
+    showPercent: boolean;
+    showValue: boolean;
+    showTrendIcon: boolean;
+    showABCLabels: boolean;
+    positiveLabel: string;
+    negativeLabel: string;
+    neutralLabel: string;
+    displayOrder?: string[];
+}
+export interface IComparativeStyles {
+    columnDiffs: Record<string, IDifferenceColumnStyle[]>;
+    positiveIs: "higher" | "lower";
+    positiveColor: string;
+    negativeColor: string;
+    neutralColor: string;
+}
+export interface FormatDeltaCellOptions {
+    originalValue?: number;
+    format?: any;
+    locale?: any;
+}
+export interface DeltaCellContent {
+    text: string;
+    color: string;
+}
+export declare function computeDeltaCellContent(comparativeAnalisis: any, columnKey: string, rawValue: number, options?: FormatDeltaCellOptions): DeltaCellContent;