@quillsql/react 2.12.28 → 2.12.30

package/dist/esm/utils/dataProcessing.uspec.js

@@ -0,0 +1,204 @@
+import { getPointToPointPercentageChange, getSimplePercentageChange, } from './dataProcessing';
+const defaultReport = {
+    id: 'dummy',
+    name: 'dummy',
+    dashboardName: 'dummy',
+    chartType: 'dummy',
+    dateField: null,
+    columns: [],
+    filtersApplied: [],
+    order: 0,
+    queryString: 'dummy',
+    compareRows: [{ amount: '20' }, { amount: '20' }],
+    pivot: null,
+    rows: [
+        { amount: '40', created_at: '2024-06-01' },
+        { amount: '20', created_at: '2024-07-02' },
+    ],
+    xAxisField: 'date',
+    xAxisFormat: 'string',
+    xAxisLabel: 'Date',
+    yAxisFields: [{ field: 'amount', label: 'Amount', format: 'string' }],
+};
+describe('getSimplePercentageChange', () => {
+    it('should get the simple percentage without a pivot', () => {
+        const result = getSimplePercentageChange(defaultReport);
+        expect(result).toEqual(0.5);
+    });
+    it('should get the simple percentage with 1D pivot', () => {
+        const report = {
+            ...defaultReport,
+            pivot: {
+                title: 'dummy',
+                aggregationType: 'sum',
+                rowField: 'merchant',
+                rowFieldType: 'dummy',
+                columnField: 'dummy',
+                columnFieldType: 'dummy',
+                valueField: 'amount',
+                valueFieldType: 'number',
+            },
+            pivotRows: [
+                { merchant: 'dummy-merchant', amount: 15, comparison_amount: 10 },
+            ],
+            pivotColumns: [
+                { field: 'comparison_amount', label: 'Amount', format: 'string' },
+                { field: 'amount', label: 'Amount', format: 'string' },
+                { field: 'merchant', label: 'Merchant', format: 'string' },
+            ],
+        };
+        // @ts-ignore
+        const result = getSimplePercentageChange(report);
+        expect(result).toEqual(0.5);
+    });
+    it('should get the simple percentage with 1D pivot', () => {
+        const report = {
+            ...defaultReport,
+            pivot: {
+                title: 'dummy',
+                aggregationType: 'sum',
+                rowField: 'merchant',
+                rowFieldType: 'string',
+                columnField: 'user_name',
+                columnFieldType: 'string',
+                valueField: 'amount',
+                valueFieldType: 'number',
+            },
+            pivotRows: [{ dummy: 'subway', subway: 15, comparison_subway: 10 }],
+            pivotColumns: [
+                { label: 'dummy', field: 'user_name' },
+                { label: 'subway', field: 'subway' },
+                { label: 'comparison_subway', field: 'comparison_subway' },
+            ],
+        };
+        // @ts-ignore
+        const result = getSimplePercentageChange(report);
+        expect(result).toEqual(0.5);
+    });
+    it('should fallback to point to point', () => {
+        const report = {
+            ...defaultReport,
+            compareRows: null,
+            pivot: {
+                title: 'dummy',
+                aggregationType: 'sum',
+                rowField: 'merchant',
+                rowFieldType: 'string',
+                columnField: 'user_name',
+                columnFieldType: 'string',
+                valueField: 'amount',
+                valueFieldType: 'number',
+            },
+            dateField: { table: 'table', field: 'created_at' },
+            pivotRows: [{ dummy: 'subway', subway: 15, comparison_subway: 10 }],
+            pivotColumns: [
+                { label: 'dummy', field: 'user_name' },
+                { label: 'subway', field: 'subway' },
+                { label: 'comparison_subway', field: 'comparison_subway' },
+            ],
+        };
+        //@ts-ignore
+        const result = getSimplePercentageChange(report);
+        expect(result).toEqual(-1);
+    });
+});
+describe('getPointToPointPercentageChange', () => {
+    it('should get the point to point percentage change', () => {
+        const report = {
+            ...defaultReport,
+            compareRows: [],
+            dateField: { table: 'table', field: 'created_at' },
+        };
+        const result = getPointToPointPercentageChange(report);
+        expect(result).toEqual(-1);
+    });
+    it('should work with 1d date pivots', () => {
+        const report = {
+            ...defaultReport,
+            compareRows: [],
+            dateField: { table: 'table', field: 'created_at' },
+            pivot: {
+                title: 'dummy',
+                aggregationType: 'sum',
+                rowField: 'created_at',
+                rowFieldType: 'date',
+                columnField: 'user_name',
+                columnFieldType: 'string',
+                valueField: 'amount',
+                valueFieldType: 'number',
+            },
+            pivotRows: [
+                { created_at: '2024-01-01', amount: '20' },
+                { created_at: '2024-02-01', amount: '30' },
+            ],
+            pivotColumns: [
+                { label: 'created_at', field: 'created_at' },
+                { label: 'amount', field: 'amount' },
+            ],
+        };
+        // @ts-ignore
+        const result = getPointToPointPercentageChange(report);
+        expect(result).toEqual(0.5);
+    });
+    it('should only use the first and last buckets', () => {
+        const report = {
+            ...defaultReport,
+            compareRows: [],
+            dateField: { table: 'table', field: 'created_at' },
+            pivot: {
+                title: 'dummy',
+                aggregationType: 'sum',
+                rowField: 'created_at',
+                rowFieldType: 'date',
+                columnField: 'user_name',
+                columnFieldType: 'string',
+                valueField: 'amount',
+                valueFieldType: 'number',
+            },
+            pivotRows: [
+                { created_at: '2024-01-01', amount: '20' },
+                { created_at: '2024-02-01', amount: '20' },
+                { created_at: '2024-03-01', amount: '30' },
+                { created_at: '2024-05-01', amount: '40' },
+            ],
+            pivotColumns: [
+                { label: 'created_at', field: 'created_at' },
+                { label: 'amount', field: 'amount' },
+            ],
+        };
+        // @ts-ignore
+        const result = getPointToPointPercentageChange(report);
+        expect(result).toEqual(1);
+    });
+    it('should work with 2d pivots', () => {
+        const report = {
+            ...defaultReport,
+            compareRows: [],
+            dateField: { table: 'table', field: 'created_at' },
+            pivot: {
+                title: 'dummy',
+                aggregationType: 'sum',
+                rowField: 'created_at',
+                rowFieldType: 'date',
+                columnField: 'user_name',
+                columnFieldType: 'string',
+                valueField: 'amount',
+                valueFieldType: 'number',
+            },
+            pivotRows: [
+                { created_at: '2024-01-01', subway: '20', mcdonalds: '30' },
+                { created_at: '2024-02-01', subway: '20', mcdonalds: '30' },
+                { created_at: '2024-03-01', subway: '30', mcdonalds: '30' },
+                { created_at: '2024-04-01', subway: '50', mcdonalds: '100' },
+            ],
+            pivotColumns: [
+                { label: 'created_at', field: 'created_at' },
+                { label: 'subway', field: 'subway' },
+                { label: 'mcdonalds', field: 'mcdonalds' },
+            ],
+        };
+        // @ts-ignore
+        const result = getPointToPointPercentageChange(report);
+        expect(result).toEqual(2);
+    });
+});

package/dist/esm/utils/dates.d.ts

@@ -14,5 +14,6 @@ export declare function getComparisonInterval(comparisonRange: {
 export declare function getDateBucketFromRange(dateRange: {
     start: Date;
     end: Date;
-}): "month" | "week" | "day" | "year";
+}): "month" | "week" | "year" | "day";
+export declare function parseDateByDatabaseType(date: any, databaseType: string): Date;
 //# sourceMappingURL=dates.d.ts.map

package/dist/esm/utils/dates.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dates.d.ts","sourceRoot":"","sources":["../../../src/utils/dates.ts"],"names":[],"mappings":"AAGA;;;GAGG;AACH,wBAAgB,sBAAsB,CACpC,YAAY,EAAE,MAAM,EACpB,eAAe,EAAE,MAAM,UAYxB;AAED;;GAEG;AACH,wBAAgB,YAAY,CAAC,WAAW,EAAE,MAAM,WAa/C;AAED,wBAAgB,qBAAqB,CACnC,eAAe,EAAE;IACf,SAAS,EAAE,IAAI,CAAC;IAChB,OAAO,EAAE,IAAI,CAAC;CACf,EACD,UAAU,CAAC,EAAE,MAAM,sBAepB;AAED,wBAAgB,sBAAsB,CAAC,SAAS,EAAE;IAAE,KAAK,EAAE,IAAI,CAAC;IAAC,GAAG,EAAE,IAAI,CAAA;CAAE,qCAW3E"}
+{"version":3,"file":"dates.d.ts","sourceRoot":"","sources":["../../../src/utils/dates.ts"],"names":[],"mappings":"AAGA;;;GAGG;AACH,wBAAgB,sBAAsB,CACpC,YAAY,EAAE,MAAM,EACpB,eAAe,EAAE,MAAM,UAYxB;AAED;;GAEG;AACH,wBAAgB,YAAY,CAAC,WAAW,EAAE,MAAM,WAa/C;AAED,wBAAgB,qBAAqB,CACnC,eAAe,EAAE;IACf,SAAS,EAAE,IAAI,CAAC;IAChB,OAAO,EAAE,IAAI,CAAC;CACf,EACD,UAAU,CAAC,EAAE,MAAM,sBAepB;AAED,wBAAgB,sBAAsB,CAAC,SAAS,EAAE;IAAE,KAAK,EAAE,IAAI,CAAC;IAAC,GAAG,EAAE,IAAI,CAAA;CAAE,qCAW3E;AAED,wBAAgB,uBAAuB,CAAC,IAAI,EAAE,GAAG,EAAE,YAAY,EAAE,MAAM,QAMtE"}

package/dist/esm/utils/dates.js

@@ -39,10 +39,10 @@ export function getComparisonInterval(comparisonRange, dateBucket) {
     const dayCount = differenceInDays(comparisonRange.endDate, comparisonRange.startDate);
     if (!isNaN(dayCount)) {
         if (dateBucket === 'month') {
-            return dayCount / 30 + ' month';
+            return Math.floor(dayCount / 30) + ' month';
         }
         else if (dateBucket === 'year') {
-            return dayCount / 365 + ' year';
+            return Math.floor(dayCount / 365) + ' year';
         }
         else {
             return dayCount + ' day';
@@ -64,3 +64,11 @@ export function getDateBucketFromRange(dateRange) {
         return 'year';
     }
 }
+export function parseDateByDatabaseType(date, databaseType) {
+    if (databaseType.toLowerCase() === 'bigquery') {
+        return new Date(date.value);
+    }
+    else {
+        return new Date(date);
+    }
+}

package/dist/esm/utils/error.d.ts

@@ -0,0 +1,5 @@
+export declare class DataLoadError extends Error {
+    data: any;
+    constructor(message: string, data: any);
+}
+//# sourceMappingURL=error.d.ts.map

package/dist/esm/utils/error.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"error.d.ts","sourceRoot":"","sources":["../../../src/utils/error.ts"],"names":[],"mappings":"AAAA,qBAAa,aAAc,SAAQ,KAAK;IACtC,IAAI,EAAE,GAAG,CAAC;gBAEE,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG;CAKvC"}

package/dist/esm/utils/error.js

@@ -0,0 +1,8 @@
+export class DataLoadError extends Error {
+    data;
+    constructor(message, data) {
+        super(message);
+        this.name = 'DataLoadError';
+        this.data = data;
+    }
+}

package/dist/esm/utils/filterConstants.d.ts

@@ -0,0 +1,34 @@
+export declare const IS_EXACTLY = "is exactly";
+export declare const IS_NOT_EXACTLY = "is not exactly";
+export declare const CONTAINS = "contains";
+export declare const IS = "is";
+export declare const IS_NOT = "is not";
+export declare const IS_NOT_NULL = "is not null";
+export declare const IS_NULL = "is null";
+export declare const IN_THE_LAST = "in the last";
+export declare const IN_THE_PREVIOUS = "in the previous";
+export declare const IN_THE_CURRENT = "in the current";
+export declare const EQUALS = "equals";
+export declare const EQUAL_TO = "equal to";
+export declare const NOT_EQUAL_TO = "not equal to";
+export declare const GREATER_THAN = "greater than";
+export declare const LESS_THAN = "less than";
+export declare const GREATER_THAN_OR_EQUAL_TO = "greater than or equal to";
+export declare const LESS_THAN_OR_EQUAL_TO = "less than or equal to";
+export declare const YEAR = "year";
+export declare const QUARTER = "quarter";
+export declare const MONTH = "month";
+export declare const WEEK = "week";
+export declare const DAY = "day";
+export declare const HOUR = "hour";
+export declare const NUMERIC = "numeric";
+export declare const STRING = "string";
+export declare const DATE = "date";
+export declare const NULL = "null";
+export declare const LAST_90_DAYS = "last 90 days";
+export declare const LAST_60_DAYS = "last 60 days";
+export declare const LAST_30_DAYS = "last 30 days";
+export declare const PREVIOUS_90_DAYS = "previous 90 days";
+export declare const CURRENT_MONTH = "current month";
+export declare const CUSTOM = "custom";
+//# sourceMappingURL=filterConstants.d.ts.map

package/dist/esm/utils/filterConstants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"filterConstants.d.ts","sourceRoot":"","sources":["../../../src/utils/filterConstants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,UAAU,eAAe,CAAC;AACvC,eAAO,MAAM,cAAc,mBAAmB,CAAC;AAC/C,eAAO,MAAM,QAAQ,aAAa,CAAC;AACnC,eAAO,MAAM,EAAE,OAAO,CAAC;AACvB,eAAO,MAAM,MAAM,WAAW,CAAC;AAC/B,eAAO,MAAM,WAAW,gBAAgB,CAAC;AACzC,eAAO,MAAM,OAAO,YAAY,CAAC;AAEjC,eAAO,MAAM,WAAW,gBAAgB,CAAC;AACzC,eAAO,MAAM,eAAe,oBAAoB,CAAC;AACjD,eAAO,MAAM,cAAc,mBAAmB,CAAC;AAC/C,eAAO,MAAM,MAAM,WAAW,CAAC;AAE/B,eAAO,MAAM,QAAQ,aAAa,CAAC;AACnC,eAAO,MAAM,YAAY,iBAAiB,CAAC;AAC3C,eAAO,MAAM,YAAY,iBAAiB,CAAC;AAC3C,eAAO,MAAM,SAAS,cAAc,CAAC;AACrC,eAAO,MAAM,wBAAwB,6BAA6B,CAAC;AACnE,eAAO,MAAM,qBAAqB,0BAA0B,CAAC;AAE7D,eAAO,MAAM,IAAI,SAAS,CAAC;AAC3B,eAAO,MAAM,OAAO,YAAY,CAAC;AACjC,eAAO,MAAM,KAAK,UAAU,CAAC;AAC7B,eAAO,MAAM,IAAI,SAAS,CAAC;AAC3B,eAAO,MAAM,GAAG,QAAQ,CAAC;AACzB,eAAO,MAAM,IAAI,SAAS,CAAC;AAE3B,eAAO,MAAM,OAAO,YAAY,CAAC;AACjC,eAAO,MAAM,MAAM,WAAW,CAAC;AAC/B,eAAO,MAAM,IAAI,SAAS,CAAC;AAC3B,eAAO,MAAM,IAAI,SAAS,CAAC;AAE3B,eAAO,MAAM,YAAY,iBAAiB,CAAC;AAC3C,eAAO,MAAM,YAAY,iBAAiB,CAAC;AAC3C,eAAO,MAAM,YAAY,iBAAiB,CAAC;AAC3C,eAAO,MAAM,gBAAgB,qBAAqB,CAAC;AACnD,eAAO,MAAM,aAAa,kBAAkB,CAAC;AAC7C,eAAO,MAAM,MAAM,WAAW,CAAC"}

package/dist/esm/utils/filterConstants.js

@@ -0,0 +1,33 @@
+export const IS_EXACTLY = 'is exactly';
+export const IS_NOT_EXACTLY = 'is not exactly';
+export const CONTAINS = 'contains';
+export const IS = 'is';
+export const IS_NOT = 'is not';
+export const IS_NOT_NULL = 'is not null';
+export const IS_NULL = 'is null';
+export const IN_THE_LAST = 'in the last';
+export const IN_THE_PREVIOUS = 'in the previous';
+export const IN_THE_CURRENT = 'in the current';
+export const EQUALS = 'equals';
+export const EQUAL_TO = 'equal to';
+export const NOT_EQUAL_TO = 'not equal to';
+export const GREATER_THAN = 'greater than';
+export const LESS_THAN = 'less than';
+export const GREATER_THAN_OR_EQUAL_TO = 'greater than or equal to';
+export const LESS_THAN_OR_EQUAL_TO = 'less than or equal to';
+export const YEAR = 'year';
+export const QUARTER = 'quarter';
+export const MONTH = 'month';
+export const WEEK = 'week';
+export const DAY = 'day';
+export const HOUR = 'hour';
+export const NUMERIC = 'numeric';
+export const STRING = 'string';
+export const DATE = 'date';
+export const NULL = 'null';
+export const LAST_90_DAYS = 'last 90 days';
+export const LAST_60_DAYS = 'last 60 days';
+export const LAST_30_DAYS = 'last 30 days';
+export const PREVIOUS_90_DAYS = 'previous 90 days';
+export const CURRENT_MONTH = 'current month';
+export const CUSTOM = 'custom';

package/dist/esm/utils/filterProcessing.js

@@ -24,8 +24,8 @@ export function processFilterFromBackend(filter, rows) {
     if (filter.filterType === 'date_range') {
         return {
             ...filter,
-            startDate: new Date(filter.startDate),
-            endDate: new Date(filter.endDate),
+            startDate: filter.startDate ? new Date(filter.startDate) : undefined,
+            endDate: filter.endDate ? new Date(filter.endDate) : undefined,
             options: defaultOptionsV2,
             comparisonRange: {
                 ...filter.comparisonRange,
@@ -48,12 +48,12 @@ export function processFilterFromBackend(filter, rows) {
 }
 export function updateFilter(filter, value = null, comparison = null) {
     //for dateObjects only, since values are arrays for dateObjects
-    const { selectedValue: _, operator, ...filterWithoutSelectedValue } = filter; // _ is a throwaway variable
+    const { ...filterWithoutSelectedValue } = filter;
     if (filter.filterType === 'string') {
         let selectedValue = {};
         if (value) {
             if (filter.stringFilterType === 'multiselect') {
-                const parsedValue = JSON.parse(value);
+                const parsedValue = value;
                 if (parsedValue.length === 0) {
                     selectedValue = { values: [] };
                 }

package/dist/esm/utils/logging.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"logging.d.ts","sourceRoot":"","sources":["../../../src/utils/logging.ts"],"names":[],"mappings":"AAAA,wBAAgB,WAAW,CAAC,OAAO,EAAE,MAAM,EAAE,GAAG,cAAc,EAAE,GAAG,EAAE,QAKpE"}
+{"version":3,"file":"logging.d.ts","sourceRoot":"","sources":["../../../src/utils/logging.ts"],"names":[],"mappings":"AACA,wBAAgB,WAAW,CAAC,OAAO,EAAE,MAAM,EAAE,GAAG,cAAc,EAAE,GAAG,EAAE,QAKpE"}

package/dist/esm/utils/logging.js

@@ -1,3 +1,4 @@
+/* eslint-disable no-undef */
 export function internalLog(message, ...optionalParams) {
     if (process.env.QUILL_ENV === 'development') {
         const completeMessage = `Quill: ${message}: ${optionalParams.join('\n')}`;

package/dist/esm/utils/merge.js

@@ -16,24 +16,3 @@ function mergeForwards(resp) {
         j++;
     }
 }
-// eslint-disable-next-line no-unused-vars
-function mergeBackwards(resp) {
-    const compRows = resp.compareRows;
-    let j = compRows.length - 1;
-    for (let i = resp.rows.length - 1; i >= 0; i--) {
-        if (j >= 0) {
-            for (const [key, value] of Object.entries(compRows[j])) {
-                resp.rows[i][`comparison_${key}`] = value;
-            }
-        }
-        j--;
-    }
-    while (j >= 0) {
-        const obj = {};
-        for (const [key, value] of Object.entries(compRows[j])) {
-            obj[`comparison_${key}`] = value;
-        }
-        resp.rows.push(obj);
-        j--;
-    }
-}

package/dist/esm/utils/monacoConfig.d.ts

@@ -0,0 +1,21 @@
+import { Monaco } from '@monaco-editor/react';
+import { Range } from 'monaco-editor';
+interface CompletionItem {
+    label: string;
+    kind: number;
+    insertText: string;
+    insertTextRules: number;
+    range: Range;
+    detail?: string;
+}
+export declare const QUILL_LANGUAGE: any;
+export declare function generateSuggestionsBySchema(schema: any[], monaco: Monaco, range: Range, databaseType: string): CompletionItem[];
+export declare function generateSuggestionsByDatasource(monaco: Monaco, range: Range, databaseType: string): {
+    label: string;
+    kind: import("monaco-editor").languages.CompletionItemKind;
+    insertText: string;
+    insertTextRules: import("monaco-editor").languages.CompletionItemInsertTextRule;
+    range: Range;
+}[];
+export {};
+//# sourceMappingURL=monacoConfig.d.ts.map

package/dist/esm/utils/monacoConfig.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"monacoConfig.d.ts","sourceRoot":"","sources":["../../../src/utils/monacoConfig.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC9C,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAGtC,UAAU,cAAc;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,MAAM,CAAC;IACnB,eAAe,EAAE,MAAM,CAAC;IACxB,KAAK,EAAE,KAAK,CAAC;IACb,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,cAAc,EAAE,GAmJ5B,CAAC;AAyJF,wBAAgB,2BAA2B,CACzC,MAAM,EAAE,GAAG,EAAE,EACb,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,MAAM,GACnB,cAAc,EAAE,CA2BlB;AAED,wBAAgB,+BAA+B,CAC7C,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,MAAM;;;;;;IAoBrB"}