@quillsql/react 2.10.31 → 2.10.33

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

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

package/dist/esm/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/esm/internals/ReportBuilder/PivotModal.spec.js

@@ -0,0 +1,211 @@
+// @ts-nocheck
+import { expect } from 'chai';
+import { generatePivotTable } from './PivotModal';
+import { subMonths } from '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 = generatePivotTable(rowPivot, [], [new Date(), subMonths(new Date(), 3)]);
+                expect(table.columns.length).to.equal(2);
+                expect(table.rows.length).to.equal(0);
+            });
+            it('should combine values based on row pivot', function () {
+                const table = generatePivotTable(rowPivot, rows, [
+                    new Date(),
+                    subMonths(new Date(), 3),
+                ]);
+                expect(table.columns.length).to.equal(2);
+                expect(table.columns[0].field).to.equal('merchant');
+                expect(table.columns[1].field).to.equal('amount');
+                expect(table.rows.length).to.equal(2);
+                expect(table.rows[0].amount).to.equal(12);
+                expect(table.rows[1].amount).to.equal(21);
+            });
+            it('should combine values based on row and column pivots', function () {
+                const table = generatePivotTable(rowColumnPivot, rows, [
+                    new Date(),
+                    subMonths(new Date(), 3),
+                ]);
+                expect(table.columns.length).to.equal(3);
+                expect(table.columns[0].field).to.equal('merchant');
+                expect(table.columns[1].field).to.equal('u1');
+                expect(table.columns[2].field).to.equal('u2');
+                expect(table.rows.length).to.equal(2);
+                expect(table.rows[0].u1).to.equal(8);
+                expect(table.rows[0].u2).to.equal(4);
+                expect(table.rows[1].u1).to.equal(6);
+                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 = generatePivotTable(pivot, rows, [
+                    new Date('October 10, 2023 00:00:00'),
+                    new Date('October 15, 2023 00:00:00'),
+                ]);
+                expect(table.columns.length).to.equal(2);
+                expect(table.columns[0].field).to.equal('date');
+                expect(table.columns[1].field).to.equal('amount');
+                expect(table.rows.length).to.equal(6);
+                expect(table.rows[3].amount).to.equal(9);
+                expect(table.rows[4].amount).to.equal(17);
+                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 = generatePivotTable(pivot, rows, [
+                    new Date('October 10, 2023 00:00:00').getTime(),
+                    new Date('October 15, 2023 00:00:00').getTime(),
+                ]);
+                expect(table.columns.length).to.equal(2);
+                expect(table.columns[0].field).to.equal('date');
+                expect(table.columns[1].field).to.equal('amount');
+                expect(table.rows.length).to.equal(6);
+                expect(table.rows[3].amount).to.equal(9);
+                expect(table.rows[4].amount).to.equal(17);
+                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 = generatePivotTable(pivot, rows, [
+                    new Date('October 10, 2023 00:00:00'),
+                    new Date('October 15, 2023 00:00:00'),
+                ]);
+                expect(table.columns.length).to.equal(7);
+                expect(table.columns[0].field).to.equal('user_name');
+                expect(table.rows.length).to.equal(2);
+                // u1
+                expect(table.rows[0].user_name).to.equal('u1');
+                expect(Object.values(table.rows[0])[4]).to.equal(9);
+                expect(Object.values(table.rows[0])[5]).to.equal(11);
+                // u2
+                expect(table.rows[1].user_name).to.equal('u2');
+                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 = generatePivotTable(pivot, rows, [
+                    new Date('October 10, 2023 00:00:00'),
+                    new Date('October 15, 2023 00:00:00'),
+                ]);
+                expect(table.columns.length).to.equal(3);
+                expect(table.columns[0].field).to.equal('date');
+                expect(table.columns[1].field).to.equal('u1');
+                expect(table.columns[2].field).to.equal('u2');
+                expect(table.rows.length).to.equal(6);
+                // day without transactions
+                expect(table.rows[2].u1).to.equal(0);
+                expect(table.rows[2].u2).to.equal(0);
+                // days with transactions
+                expect(table.rows[3].u1).to.equal(9);
+                expect(table.rows[3].u2).to.equal(0);
+                expect(table.rows[4].u1).to.equal(11);
+                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 = generatePivotTable(pivot, rows, [
+                    new Date('October 10, 2023 00:00:00'),
+                    new Date('October 15, 2023 00:00:00'),
+                ]);
+                console.log(table);
+                expect(table.columns.length).to.equal(7);
+                expect(table.columns[0].field).to.equal('created_at');
+                expect(table.rows.length).to.equal(6);
+                expect(Object.values(table.rows[3])[4]).to.equal(1);
+                expect(Object.values(table.rows[3])[5]).to.equal(2);
+                expect(Object.values(table.rows[4])[4]).to.equal(1);
+                expect(Object.values(table.rows[4])[5]).to.equal(1);
+            });
+        });
+    });
+});

package/dist/esm/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/esm/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/esm/lib/font.js

@@ -0,0 +1,13 @@
+export const 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',
+};
+export const fontWeight = {
+    sm: 'qq-font-normal',
+    md: 'qq-font-medium',
+    lg: 'qq-font-semibold',
+};

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

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

package/dist/esm/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/esm/lib/index.js

@@ -0,0 +1,3 @@
+export * from './inputTypes';
+export * from './font';
+export * from './utils';

package/dist/esm/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/esm/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/esm/lib/inputTypes.js

@@ -0,0 +1,55 @@
+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',
+];
+export {};

package/dist/esm/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/esm/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/esm/lib/utils.js

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

package/dist/esm/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/esm/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"}