@quillsql/react 2.10.31 → 2.10.32

package/dist/cjs/internals/ReportBuilder/PivotModal.spec.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=PivotModal.spec.d.ts.map

package/dist/cjs/internals/ReportBuilder/PivotModal.spec.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PivotModal.spec.d.ts","sourceRoot":"","sources":["../../../../src/internals/ReportBuilder/PivotModal.spec.ts"],"names":[],"mappings":""}

package/dist/cjs/internals/ReportBuilder/PivotModal.spec.js

@@ -0,0 +1,213 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+// @ts-nocheck
+const chai_1 = require("chai");
+const PivotModal_1 = require("./PivotModal");
+const date_fns_1 = require("date-fns");
+describe('PivotModal', function () {
+    describe('generatePivotTable', function () {
+        context('non date pivots', function () {
+            const rowPivot = {
+                rowField: 'merchant',
+                rowFieldType: 'varchar',
+                valueField: 'amount',
+                aggregationType: 'sum',
+            };
+            const rowColumnPivot = {
+                ...rowPivot,
+                columnField: 'user_name',
+                columnFieldType: 'varchar',
+            };
+            const rows = [
+                { merchant: 'm1', amount: 3, user_name: 'u1' },
+                { merchant: 'm1', amount: 4, user_name: 'u2' },
+                { merchant: 'm1', amount: 5, user_name: 'u1' },
+                { merchant: 'm2', amount: 6, user_name: 'u1' },
+                { merchant: 'm2', amount: 7, user_name: 'u2' },
+                { merchant: 'm2', amount: 8, user_name: 'u2' },
+            ];
+            it('should return empty table with no data', function () {
+                const table = (0, PivotModal_1.generatePivotTable)(rowPivot, [], [new Date(), (0, date_fns_1.subMonths)(new Date(), 3)]);
+                (0, chai_1.expect)(table.columns.length).to.equal(2);
+                (0, chai_1.expect)(table.rows.length).to.equal(0);
+            });
+            it('should combine values based on row pivot', function () {
+                const table = (0, PivotModal_1.generatePivotTable)(rowPivot, rows, [
+                    new Date(),
+                    (0, date_fns_1.subMonths)(new Date(), 3),
+                ]);
+                (0, chai_1.expect)(table.columns.length).to.equal(2);
+                (0, chai_1.expect)(table.columns[0].field).to.equal('merchant');
+                (0, chai_1.expect)(table.columns[1].field).to.equal('amount');
+                (0, chai_1.expect)(table.rows.length).to.equal(2);
+                (0, chai_1.expect)(table.rows[0].amount).to.equal(12);
+                (0, chai_1.expect)(table.rows[1].amount).to.equal(21);
+            });
+            it('should combine values based on row and column pivots', function () {
+                const table = (0, PivotModal_1.generatePivotTable)(rowColumnPivot, rows, [
+                    new Date(),
+                    (0, date_fns_1.subMonths)(new Date(), 3),
+                ]);
+                (0, chai_1.expect)(table.columns.length).to.equal(3);
+                (0, chai_1.expect)(table.columns[0].field).to.equal('merchant');
+                (0, chai_1.expect)(table.columns[1].field).to.equal('u1');
+                (0, chai_1.expect)(table.columns[2].field).to.equal('u2');
+                (0, chai_1.expect)(table.rows.length).to.equal(2);
+                (0, chai_1.expect)(table.rows[0].u1).to.equal(8);
+                (0, chai_1.expect)(table.rows[0].u2).to.equal(4);
+                (0, chai_1.expect)(table.rows[1].u1).to.equal(6);
+                (0, chai_1.expect)(table.rows[1].u2).to.equal(15);
+            });
+        });
+        context('date pivots', function () {
+            const rows = [
+                {
+                    merchant: 'm1',
+                    amount: 3,
+                    user_name: 'u1',
+                    date: new Date('October 13, 2023 11:13:00'),
+                    created_at: new Date('October 13, 2023 11:13:00'),
+                },
+                {
+                    merchant: 'm1',
+                    amount: 5,
+                    user_name: 'u1',
+                    date: new Date('October 14, 2023 11:13:00'),
+                    created_at: new Date('October 14, 2023 11:13:00'),
+                },
+                {
+                    merchant: 'm2',
+                    amount: 6,
+                    user_name: 'u1',
+                    date: new Date('October 13, 2023 00:00:00'),
+                    created_at: new Date('October 14, 2023 11:13:00'),
+                },
+                {
+                    merchant: 'm2',
+                    amount: 6,
+                    user_name: 'u1',
+                    date: new Date('October 14, 2023 23:13:00'),
+                    created_at: new Date('October 13, 2023 11:13:00'),
+                },
+                {
+                    merchant: 'm1',
+                    amount: 6,
+                    user_name: 'u2',
+                    date: new Date('October 14, 2023 23:13:00'),
+                    created_at: new Date('October 13, 2023 11:13:00'),
+                },
+            ];
+            it('should handle a row date pivot', function () {
+                const pivot = {
+                    rowField: 'date',
+                    rowFieldType: 'date',
+                    valueField: 'amount',
+                    aggregationType: 'sum',
+                };
+                const table = (0, PivotModal_1.generatePivotTable)(pivot, rows, [
+                    new Date('October 10, 2023 00:00:00'),
+                    new Date('October 15, 2023 00:00:00'),
+                ]);
+                (0, chai_1.expect)(table.columns.length).to.equal(2);
+                (0, chai_1.expect)(table.columns[0].field).to.equal('date');
+                (0, chai_1.expect)(table.columns[1].field).to.equal('amount');
+                (0, chai_1.expect)(table.rows.length).to.equal(6);
+                (0, chai_1.expect)(table.rows[3].amount).to.equal(9);
+                (0, chai_1.expect)(table.rows[4].amount).to.equal(17);
+                (0, chai_1.expect)(table.rows[5].amount).to.equal(0);
+            });
+            it('should handle a row timestamp pivot', function () {
+                const pivot = {
+                    rowField: 'date',
+                    rowFieldType: 'timestamp',
+                    valueField: 'amount',
+                    aggregationType: 'sum',
+                };
+                const table = (0, PivotModal_1.generatePivotTable)(pivot, rows, [
+                    new Date('October 10, 2023 00:00:00').getTime(),
+                    new Date('October 15, 2023 00:00:00').getTime(),
+                ]);
+                (0, chai_1.expect)(table.columns.length).to.equal(2);
+                (0, chai_1.expect)(table.columns[0].field).to.equal('date');
+                (0, chai_1.expect)(table.columns[1].field).to.equal('amount');
+                (0, chai_1.expect)(table.rows.length).to.equal(6);
+                (0, chai_1.expect)(table.rows[3].amount).to.equal(9);
+                (0, chai_1.expect)(table.rows[4].amount).to.equal(17);
+                (0, chai_1.expect)(table.rows[5].amount).to.equal(0);
+            });
+            it('should handle a string row pivot with a date column pivot', function () {
+                const pivot = {
+                    columnField: 'date',
+                    columnFieldType: 'date',
+                    valueField: 'amount',
+                    aggregationType: 'sum',
+                    rowField: 'user_name',
+                    rowFieldType: 'varchar',
+                };
+                const table = (0, PivotModal_1.generatePivotTable)(pivot, rows, [
+                    new Date('October 10, 2023 00:00:00'),
+                    new Date('October 15, 2023 00:00:00'),
+                ]);
+                (0, chai_1.expect)(table.columns.length).to.equal(7);
+                (0, chai_1.expect)(table.columns[0].field).to.equal('user_name');
+                (0, chai_1.expect)(table.rows.length).to.equal(2);
+                // u1
+                (0, chai_1.expect)(table.rows[0].user_name).to.equal('u1');
+                (0, chai_1.expect)(Object.values(table.rows[0])[4]).to.equal(9);
+                (0, chai_1.expect)(Object.values(table.rows[0])[5]).to.equal(11);
+                // u2
+                (0, chai_1.expect)(table.rows[1].user_name).to.equal('u2');
+                (0, chai_1.expect)(Object.values(table.rows[1])[5]).to.equal(6);
+            });
+            it('should handle a date row pivot with a string column pivot', function () {
+                const pivot = {
+                    rowField: 'date',
+                    rowFieldType: 'date',
+                    valueField: 'amount',
+                    aggregationType: 'sum',
+                    columnField: 'user_name',
+                    columnFieldType: 'varchar',
+                };
+                const table = (0, PivotModal_1.generatePivotTable)(pivot, rows, [
+                    new Date('October 10, 2023 00:00:00'),
+                    new Date('October 15, 2023 00:00:00'),
+                ]);
+                (0, chai_1.expect)(table.columns.length).to.equal(3);
+                (0, chai_1.expect)(table.columns[0].field).to.equal('date');
+                (0, chai_1.expect)(table.columns[1].field).to.equal('u1');
+                (0, chai_1.expect)(table.columns[2].field).to.equal('u2');
+                (0, chai_1.expect)(table.rows.length).to.equal(6);
+                // day without transactions
+                (0, chai_1.expect)(table.rows[2].u1).to.equal(0);
+                (0, chai_1.expect)(table.rows[2].u2).to.equal(0);
+                // days with transactions
+                (0, chai_1.expect)(table.rows[3].u1).to.equal(9);
+                (0, chai_1.expect)(table.rows[3].u2).to.equal(0);
+                (0, chai_1.expect)(table.rows[4].u1).to.equal(11);
+                (0, chai_1.expect)(table.rows[4].u2).to.equal(6);
+            });
+            it('should handle a date row pivot with a date column pivot', function () {
+                const pivot = {
+                    columnField: 'date',
+                    columnFieldType: 'date',
+                    valueField: 'amount',
+                    aggregationType: 'count',
+                    rowField: 'created_at',
+                    rowFieldType: 'date',
+                };
+                const table = (0, PivotModal_1.generatePivotTable)(pivot, rows, [
+                    new Date('October 10, 2023 00:00:00'),
+                    new Date('October 15, 2023 00:00:00'),
+                ]);
+                console.log(table);
+                (0, chai_1.expect)(table.columns.length).to.equal(7);
+                (0, chai_1.expect)(table.columns[0].field).to.equal('created_at');
+                (0, chai_1.expect)(table.rows.length).to.equal(6);
+                (0, chai_1.expect)(Object.values(table.rows[3])[4]).to.equal(1);
+                (0, chai_1.expect)(Object.values(table.rows[3])[5]).to.equal(2);
+                (0, chai_1.expect)(Object.values(table.rows[4])[4]).to.equal(1);
+                (0, chai_1.expect)(Object.values(table.rows[4])[5]).to.equal(1);
+            });
+        });
+    });
+});

package/dist/cjs/lib/font.d.ts

@@ -0,0 +1,14 @@
+export declare const fontSize: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+    threeXl: string;
+};
+export declare const fontWeight: {
+    sm: string;
+    md: string;
+    lg: string;
+};
+//# sourceMappingURL=font.d.ts.map

package/dist/cjs/lib/font.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"font.d.ts","sourceRoot":"","sources":["../../../src/lib/font.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,QAAQ;;;;;;;CAOpB,CAAC;AAEF,eAAO,MAAM,UAAU;;;;CAItB,CAAC"}

package/dist/cjs/lib/font.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.fontWeight = exports.fontSize = void 0;
+exports.fontSize = {
+    xs: 'qq-text-xs',
+    sm: 'qq-text-sm',
+    md: 'qq-text-base',
+    lg: 'qq-text-lg',
+    xl: 'qq-text-xl',
+    threeXl: 'qq-text-3xl',
+};
+exports.fontWeight = {
+    sm: 'qq-font-normal',
+    md: 'qq-font-medium',
+    lg: 'qq-font-semibold',
+};

package/dist/cjs/lib/index.d.ts

@@ -0,0 +1,4 @@
+export * from './inputTypes';
+export * from './font';
+export * from './utils';
+//# sourceMappingURL=index.d.ts.map

package/dist/cjs/lib/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC"}

package/dist/cjs/lib/index.js

@@ -0,0 +1,19 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./inputTypes"), exports);
+__exportStar(require("./font"), exports);
+__exportStar(require("./utils"), exports);

package/dist/cjs/lib/inputTypes.d.ts

@@ -0,0 +1,21 @@
+export type ValueFormatter = {
+    (value: number): string;
+};
+declare const iconVariantValues: readonly ["simple", "light", "shadow", "solid", "outlined"];
+export type IconVariant = (typeof iconVariantValues)[number];
+export type HorizontalPosition = 'left' | 'right';
+export type VerticalPosition = 'top' | 'bottom';
+export type ButtonVariant = 'primary' | 'secondary' | 'light';
+declare const deltaTypeValues: readonly ["increase", "moderateIncrease", "decrease", "moderateDecrease", "unchanged"];
+export type DeltaType = (typeof deltaTypeValues)[number];
+declare const sizeValues: readonly ["xs", "sm", "md", "lg", "xl"];
+export type Size = (typeof sizeValues)[number];
+declare const colorValues: readonly ["slate", "gray", "zinc", "neutral", "stone", "red", "orange", "amber", "yellow", "lime", "green", "emerald", "teal", "cyan", "sky", "blue", "indigo", "violet", "purple", "fuchsia", "pink", "rose"];
+export type Color = (typeof colorValues)[number];
+declare const justifyContentValues: readonly ["start", "end", "center", "between", "around", "evenly"];
+export type JustifyContent = (typeof justifyContentValues)[number];
+declare const alignItemsValues: readonly ["start", "end", "center", "baseline", "stretch"];
+export type AlignItems = (typeof alignItemsValues)[number];
+export type FlexDirection = 'row' | 'col' | 'row-reverse' | 'col-reverse';
+export {};
+//# sourceMappingURL=inputTypes.d.ts.map

package/dist/cjs/lib/inputTypes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"inputTypes.d.ts","sourceRoot":"","sources":["../../../src/lib/inputTypes.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,cAAc,GAAG;IAC3B,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;CACzB,CAAC;AAEF,QAAA,MAAM,iBAAiB,6DAMb,CAAC;AAEX,MAAM,MAAM,WAAW,GAAG,CAAC,OAAO,iBAAiB,CAAC,CAAC,MAAM,CAAC,CAAC;AAE7D,MAAM,MAAM,kBAAkB,GAAG,MAAM,GAAG,OAAO,CAAC;AAElD,MAAM,MAAM,gBAAgB,GAAG,KAAK,GAAG,QAAQ,CAAC;AAEhD,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,WAAW,GAAG,OAAO,CAAC;AAE9D,QAAA,MAAM,eAAe,wFAMX,CAAC;AAEX,MAAM,MAAM,SAAS,GAAG,CAAC,OAAO,eAAe,CAAC,CAAC,MAAM,CAAC,CAAC;AAEzD,QAAA,MAAM,UAAU,yCAA0C,CAAC;AAE3D,MAAM,MAAM,IAAI,GAAG,CAAC,OAAO,UAAU,CAAC,CAAC,MAAM,CAAC,CAAC;AAE/C,QAAA,MAAM,WAAW,gNAuBP,CAAC;AAEX,MAAM,MAAM,KAAK,GAAG,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,CAAC,CAAC;AAEjD,QAAA,MAAM,oBAAoB,oEAOhB,CAAC;AACX,MAAM,MAAM,cAAc,GAAG,CAAC,OAAO,oBAAoB,CAAC,CAAC,MAAM,CAAC,CAAC;AAEnE,QAAA,MAAM,gBAAgB,4DAMZ,CAAC;AACX,MAAM,MAAM,UAAU,GAAG,CAAC,OAAO,gBAAgB,CAAC,CAAC,MAAM,CAAC,CAAC;AAE3D,MAAM,MAAM,aAAa,GAAG,KAAK,GAAG,KAAK,GAAG,aAAa,GAAG,aAAa,CAAC"}

package/dist/cjs/lib/inputTypes.js

@@ -0,0 +1,56 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const iconVariantValues = [
+    'simple',
+    'light',
+    'shadow',
+    'solid',
+    'outlined',
+];
+const deltaTypeValues = [
+    'increase',
+    'moderateIncrease',
+    'decrease',
+    'moderateDecrease',
+    'unchanged',
+];
+const sizeValues = ['xs', 'sm', 'md', 'lg', 'xl'];
+const colorValues = [
+    'slate',
+    'gray',
+    'zinc',
+    'neutral',
+    'stone',
+    'red',
+    'orange',
+    'amber',
+    'yellow',
+    'lime',
+    'green',
+    'emerald',
+    'teal',
+    'cyan',
+    'sky',
+    'blue',
+    'indigo',
+    'violet',
+    'purple',
+    'fuchsia',
+    'pink',
+    'rose',
+];
+const justifyContentValues = [
+    'start',
+    'end',
+    'center',
+    'between',
+    'around',
+    'evenly',
+];
+const alignItemsValues = [
+    'start',
+    'end',
+    'center',
+    'baseline',
+    'stretch',
+];

package/dist/cjs/lib/utils.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { ValueFormatter } from './inputTypes';
+export declare const defaultValueFormatter: ValueFormatter;
+export declare const sumNumericArray: (arr: number[]) => number;
+export declare const removeValueFromArray: (value: any, array: any[]) => any[];
+export declare const isValueInArray: (value: any, array: any[]) => boolean;
+export declare const stringIsNumeric: (str: string | undefined) => boolean;
+export declare const stringEndsWithNumber: (str: string) => boolean;
+export declare function mergeRefs<T = any>(refs: Array<React.MutableRefObject<T> | React.LegacyRef<T>>): React.RefCallback<T>;
+//# sourceMappingURL=utils.d.ts.map

package/dist/cjs/lib/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/lib/utils.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAE9C,eAAO,MAAM,qBAAqB,EAAE,cAClB,CAAC;AAEnB,eAAO,MAAM,eAAe,QAAS,MAAM,EAAE,WACO,CAAC;AAErD,eAAO,MAAM,oBAAoB,UAAW,GAAG,SAAS,GAAG,EAAE,KAAG,GAAG,EAMlE,CAAC;AAEF,eAAO,MAAM,cAAc,UAAW,GAAG,SAAS,GAAG,EAAE,KAAG,OAOzD,CAAC;AAEF,eAAO,MAAM,eAAe,QAAS,MAAM,GAAG,SAAS,KAAG,OAEzD,CAAC;AAEF,eAAO,MAAM,oBAAoB,QAAS,MAAM,KAAG,OAElD,CAAC;AAEF,wBAAgB,SAAS,CAAC,CAAC,GAAG,GAAG,EAC/B,IAAI,EAAE,KAAK,CAAC,KAAK,CAAC,gBAAgB,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,GAC1D,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,CAUtB"}

package/dist/cjs/lib/utils.js

@@ -0,0 +1,45 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.mergeRefs = exports.stringEndsWithNumber = exports.stringIsNumeric = exports.isValueInArray = exports.removeValueFromArray = exports.sumNumericArray = exports.defaultValueFormatter = void 0;
+const defaultValueFormatter = (value) => value.toString();
+exports.defaultValueFormatter = defaultValueFormatter;
+const sumNumericArray = (arr) => arr.reduce((prefixSum, num) => prefixSum + num, 0);
+exports.sumNumericArray = sumNumericArray;
+const removeValueFromArray = (value, array) => {
+    const index = array.indexOf(value);
+    if (index > -1) {
+        array.splice(index, 1);
+    }
+    return array;
+};
+exports.removeValueFromArray = removeValueFromArray;
+const isValueInArray = (value, array) => {
+    for (let i = 0; i < array.length; i++) {
+        if (array[i] === value) {
+            return true;
+        }
+    }
+    return false;
+};
+exports.isValueInArray = isValueInArray;
+const stringIsNumeric = (str) => {
+    return !isNaN(Number(str)) && str !== undefined;
+};
+exports.stringIsNumeric = stringIsNumeric;
+const stringEndsWithNumber = (str) => {
+    return (0, exports.stringIsNumeric)(str.split('-').pop());
+};
+exports.stringEndsWithNumber = stringEndsWithNumber;
+function mergeRefs(refs) {
+    return value => {
+        refs.forEach(ref => {
+            if (typeof ref === 'function') {
+                ref(value);
+            }
+            else if (ref != null) {
+                ref.current = value;
+            }
+        });
+    };
+}
+exports.mergeRefs = mergeRefs;

package/dist/cjs/utils/aggregate.d.ts

@@ -0,0 +1,4 @@
+export declare function whatIsProbablyTheType(data: any, fieldName: any): string;
+export declare function aggregate2(dashboardItem: any, bucketFields: any, dateFilter: any): any;
+export declare function aggregate(dashboardItem: any, bucketFields: any, dateFilter: any): any;
+//# sourceMappingURL=aggregate.d.ts.map

package/dist/cjs/utils/aggregate.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"aggregate.d.ts","sourceRoot":"","sources":["../../../src/utils/aggregate.tsx"],"names":[],"mappings":"AA2DA,wBAAgB,qBAAqB,CAAC,IAAI,KAAA,EAAE,SAAS,KAAA,UAuCpD;AAED,wBAAgB,UAAU,CAAC,aAAa,KAAA,EAAE,YAAY,KAAA,EAAE,UAAU,KAAA,OA6IjE;AACD,wBAAgB,SAAS,CAAC,aAAa,KAAA,EAAE,YAAY,KAAA,EAAE,UAAU,KAAA,OAgRhE"}