@quillsql/react 2.8.6 → 2.8.8

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

@@ -1,7 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 // @ts-nocheck
-import { expect } from 'chai';
-import { generatePivotTable } from './PivotModal';
-import { subMonths } from 'date-fns';
+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 () {
@@ -25,36 +27,36 @@ describe('PivotModal', function () {
                 { 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);
+                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 = generatePivotTable(rowPivot, rows, [
+                const table = (0, PivotModal_1.generatePivotTable)(rowPivot, rows, [
                     new Date(),
-                    subMonths(new Date(), 3),
+                    (0, date_fns_1.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);
+                (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 = generatePivotTable(rowColumnPivot, rows, [
+                const table = (0, PivotModal_1.generatePivotTable)(rowColumnPivot, rows, [
                     new Date(),
-                    subMonths(new Date(), 3),
+                    (0, date_fns_1.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);
+                (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 () {
@@ -102,17 +104,17 @@ describe('PivotModal', function () {
                     valueField: 'amount',
                     aggregationType: 'sum',
                 };
-                const table = generatePivotTable(pivot, rows, [
+                const table = (0, PivotModal_1.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);
+                (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 = {
@@ -121,17 +123,17 @@ describe('PivotModal', function () {
                     valueField: 'amount',
                     aggregationType: 'sum',
                 };
-                const table = generatePivotTable(pivot, rows, [
+                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(),
                 ]);
-                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);
+                (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 = {
@@ -142,20 +144,20 @@ describe('PivotModal', function () {
                     rowField: 'user_name',
                     rowFieldType: 'varchar',
                 };
-                const table = generatePivotTable(pivot, rows, [
+                const table = (0, PivotModal_1.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);
+                (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
-                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);
+                (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
-                expect(table.rows[1].user_name).to.equal('u2');
-                expect(Object.values(table.rows[1])[5]).to.equal(6);
+                (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 = {
@@ -166,23 +168,23 @@ describe('PivotModal', function () {
                     columnField: 'user_name',
                     columnFieldType: 'varchar',
                 };
-                const table = generatePivotTable(pivot, rows, [
+                const table = (0, PivotModal_1.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);
+                (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
-                expect(table.rows[2].u1).to.equal(0);
-                expect(table.rows[2].u2).to.equal(0);
+                (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
-                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);
+                (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 = {
@@ -193,19 +195,20 @@ describe('PivotModal', function () {
                     rowField: 'created_at',
                     rowFieldType: 'date',
                 };
-                const table = generatePivotTable(pivot, rows, [
+                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);
-                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);
+                (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);
             });
         });
     });
 });
+//# sourceMappingURL=PivotModal.spec.js.map

package/dist/lib/font.js

@@ -1,4 +1,7 @@
-export const fontSize = {
+"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',
@@ -6,8 +9,9 @@ export const fontSize = {
     xl: 'qq-text-xl',
     threeXl: 'qq-text-3xl',
 };
-export const fontWeight = {
+exports.fontWeight = {
     sm: 'qq-font-normal',
     md: 'qq-font-medium',
     lg: 'qq-font-semibold',
 };
+//# sourceMappingURL=font.js.map

package/dist/lib/index.js

@@ -1,3 +1,20 @@
-export * from './inputTypes';
-export * from './font';
-export * from './utils';
+"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);
+//# sourceMappingURL=index.js.map

package/dist/lib/inputTypes.js

@@ -1,3 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 const iconVariantValues = [
     'simple',
     'light',
@@ -52,4 +54,4 @@ const alignItemsValues = [
     'baseline',
     'stretch',
 ];
-export {};
+//# sourceMappingURL=inputTypes.js.map

package/dist/lib/utils.js

@@ -1,13 +1,19 @@
-export const defaultValueFormatter = (value) => value.toString();
-export const sumNumericArray = (arr) => arr.reduce((prefixSum, num) => prefixSum + num, 0);
-export const removeValueFromArray = (value, array) => {
+"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;
 };
-export const isValueInArray = (value, array) => {
+exports.removeValueFromArray = removeValueFromArray;
+const isValueInArray = (value, array) => {
     for (let i = 0; i < array.length; i++) {
         if (array[i] === value) {
             return true;
@@ -15,13 +21,16 @@ export const isValueInArray = (value, array) => {
     }
     return false;
 };
-export const stringIsNumeric = (str) => {
+exports.isValueInArray = isValueInArray;
+const stringIsNumeric = (str) => {
     return !isNaN(Number(str)) && str !== undefined;
 };
-export const stringEndsWithNumber = (str) => {
-    return stringIsNumeric(str.split('-').pop());
+exports.stringIsNumeric = stringIsNumeric;
+const stringEndsWithNumber = (str) => {
+    return (0, exports.stringIsNumeric)(str.split('-').pop());
 };
-export function mergeRefs(refs) {
+exports.stringEndsWithNumber = stringEndsWithNumber;
+function mergeRefs(refs) {
     return value => {
         refs.forEach(ref => {
             if (typeof ref === 'function') {
@@ -33,3 +42,5 @@ export function mergeRefs(refs) {
         });
     };
 }
+exports.mergeRefs = mergeRefs;
+//# sourceMappingURL=utils.js.map

package/dist/utils/aggregate.js

@@ -1,7 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.aggregate = exports.aggregate2 = exports.whatIsProbablyTheType = void 0;
 // @ts-nocheck
-import { getPostgresBasicType } from '../ReportBuilder';
-import { COMPARISON_OPTIONS } from '../Dashboard';
-import { add, sub, startOfWeek, startOfDay, startOfMonth, startOfYear, parse, } from 'date-fns';
+const ReportBuilder_1 = require("../ReportBuilder");
+const Dashboard_1 = require("../Dashboard");
+const date_fns_1 = require("date-fns");
 function findTimePeriod(dateFilter) {
     if (!dateFilter) {
         return null;
@@ -50,7 +53,7 @@ function findTimePeriod(dateFilter) {
     else
         return 'year';
 }
-export function whatIsProbablyTheType(data, fieldName) {
+function whatIsProbablyTheType(data, fieldName) {
     const counts = {
         date: 0,
         number: 0,
@@ -84,14 +87,15 @@ export function whatIsProbablyTheType(data, fieldName) {
     const maxType = Object.keys(counts).reduce((a, b) => counts[a] > counts[b] ? a : b);
     return maxType;
 }
-export function aggregate2(dashboardItem, bucketFields, dateFilter) {
+exports.whatIsProbablyTheType = whatIsProbablyTheType;
+function aggregate2(dashboardItem, bucketFields, dateFilter) {
     const timePeriod = findTimePeriod(dateFilter);
     const rows = dashboardItem.rows;
     const xAxisLabel = timePeriod;
     const xAxisField = timePeriod;
     if (!bucketFields.length || !rows.length)
         return { ...dashboardItem, bucketedRows: [] };
-    if (getPostgresBasicType(dashboardItem.fields.find(field => field.name === bucketFields[0].field)) === 'string') {
+    if ((0, ReportBuilder_1.getPostgresBasicType)(dashboardItem.fields.find(field => field.name === bucketFields[0].field)) === 'string') {
         const stringField = bucketFields[0].field;
         const aggregation = {};
         // let aggregatedArray;
@@ -122,7 +126,7 @@ export function aggregate2(dashboardItem, bucketFields, dateFilter) {
             bucketedRows: aggregatedArray,
         };
     }
-    else if (getPostgresBasicType(dashboardItem.fields.find(field => field.name === bucketFields[0].field)) === 'date') {
+    else if ((0, ReportBuilder_1.getPostgresBasicType)(dashboardItem.fields.find(field => field.name === bucketFields[0].field)) === 'date') {
         const dateField = bucketFields[0].field;
         let xAxisFormat;
         switch (timePeriod) {
@@ -196,7 +200,8 @@ export function aggregate2(dashboardItem, bucketFields, dateFilter) {
         return dashboardItem;
     }
 }
-export function aggregate(dashboardItem, bucketFields, dateFilter) {
+exports.aggregate2 = aggregate2;
+function aggregate(dashboardItem, bucketFields, dateFilter) {
     const timePeriod = dateFilter && Object.keys(dateFilter).length
         ? findTimePeriod(dateFilter)
         : 'month';
@@ -211,7 +216,7 @@ export function aggregate(dashboardItem, bucketFields, dateFilter) {
         //TODO: allow comparison for nonbucketed
         return { ...dashboardItem, bucketedRows: [] };
     }
-    if (getPostgresBasicType(dashboardItem.fields.find(field => field.name === bucketFields[0].field)) === 'string') {
+    if ((0, ReportBuilder_1.getPostgresBasicType)(dashboardItem.fields.find(field => field.name === bucketFields[0].field)) === 'string') {
         const stringField = bucketFields[0].field;
         const aggregation = {};
         rows.forEach(row => {
@@ -240,7 +245,7 @@ export function aggregate(dashboardItem, bucketFields, dateFilter) {
             bucketedRows: aggregatedArray,
         };
     }
-    else if (getPostgresBasicType(dashboardItem.fields.find(field => field.name === bucketFields[0].field)) === 'date') {
+    else if ((0, ReportBuilder_1.getPostgresBasicType)(dashboardItem.fields.find(field => field.name === bucketFields[0].field)) === 'date') {
         const dateField = bucketFields[0].field;
         let interval;
         let xAxisFormat;
@@ -268,19 +273,19 @@ export function aggregate(dashboardItem, bucketFields, dateFilter) {
         let formattedDate;
         switch (timePeriod) {
             case 'day': {
-                formattedDate = startOfDay(firstEntryDate);
+                formattedDate = (0, date_fns_1.startOfDay)(firstEntryDate);
                 break;
             }
             case 'week': {
-                formattedDate = startOfWeek(firstEntryDate, { weekStartsOn: 1 });
+                formattedDate = (0, date_fns_1.startOfWeek)(firstEntryDate, { weekStartsOn: 1 });
                 break;
             }
             case 'month': {
-                formattedDate = startOfMonth(firstEntryDate);
+                formattedDate = (0, date_fns_1.startOfMonth)(firstEntryDate);
                 break;
             }
             case 'year': {
-                formattedDate = startOfYear(firstEntryDate);
+                formattedDate = (0, date_fns_1.startOfYear)(firstEntryDate);
                 break;
             }
             default:
@@ -293,27 +298,27 @@ export function aggregate(dashboardItem, bucketFields, dateFilter) {
             dashboardItem.yAxisFields.forEach(yAxisField => {
                 aggregation[iteratedDate][yAxisField.field] = 0;
             });
-            iteratedDate = add(iteratedDate, interval);
+            iteratedDate = (0, date_fns_1.add)(iteratedDate, interval);
         }
         // TODO MAKE WORK WITH MULTIPLE Y AXIS FIELDS
         rows.forEach(row => {
-            const date = parse(row[dateField], 'yyyy-MM-dd', new Date());
+            const date = (0, date_fns_1.parse)(row[dateField], 'yyyy-MM-dd', new Date());
             let formattedDate;
             switch (timePeriod) {
                 case 'day': {
-                    formattedDate = startOfDay(date);
+                    formattedDate = (0, date_fns_1.startOfDay)(date);
                     break;
                 }
                 case 'week': {
-                    formattedDate = startOfWeek(date, { weekStartsOn: 1 });
+                    formattedDate = (0, date_fns_1.startOfWeek)(date, { weekStartsOn: 1 });
                     break;
                 }
                 case 'month': {
-                    formattedDate = startOfMonth(date);
+                    formattedDate = (0, date_fns_1.startOfMonth)(date);
                     break;
                 }
                 case 'year': {
-                    formattedDate = startOfYear(date);
+                    formattedDate = (0, date_fns_1.startOfYear)(date);
                     break;
                 }
                 default:
@@ -343,35 +348,35 @@ export function aggregate(dashboardItem, bucketFields, dateFilter) {
             dateFilter.comparison &&
             dateFilter.comparisonRange.value !== 'NO_COMPARISON' &&
             dashboardItem.compareRows) {
-            const offset = COMPARISON_OPTIONS.find(option => {
+            const offset = Dashboard_1.COMPARISON_OPTIONS.find(option => {
                 return option.value === dateFilter.comparisonRange.value;
             })?.offset;
             aggregatedArray.forEach(row => {
                 dashboardItem.yAxisFields.forEach(yAxisField => {
                     row[yAxisField.field + '2'] = 0;
                 });
-                row[xAxisField + '2'] = sub(new Date(row[timePeriod]), offset).toISOString();
+                row[xAxisField + '2'] = (0, date_fns_1.sub)(new Date(row[timePeriod]), offset).toISOString();
             });
             compareRows.sort((a, b) => new Date(a[dateField]) - new Date(b[dateField]));
             compareRows.forEach((row, index) => {
-                let date = parse(row[dateField], 'yyyy-MM-dd', new Date());
-                date = add(date, offset);
+                let date = (0, date_fns_1.parse)(row[dateField], 'yyyy-MM-dd', new Date());
+                date = (0, date_fns_1.add)(date, offset);
                 let formattedDate;
                 switch (timePeriod) {
                     case 'day': {
-                        formattedDate = startOfDay(date);
+                        formattedDate = (0, date_fns_1.startOfDay)(date);
                         break;
                     }
                     case 'week': {
-                        formattedDate = startOfWeek(date, { weekStartsOn: 1 });
+                        formattedDate = (0, date_fns_1.startOfWeek)(date, { weekStartsOn: 1 });
                         break;
                     }
                     case 'month': {
-                        formattedDate = startOfMonth(date);
+                        formattedDate = (0, date_fns_1.startOfMonth)(date);
                         break;
                     }
                     case 'year': {
-                        formattedDate = startOfYear(date);
+                        formattedDate = (0, date_fns_1.startOfYear)(date);
                         break;
                     }
                     default:
@@ -421,3 +426,5 @@ export function aggregate(dashboardItem, bucketFields, dateFilter) {
         return dashboardItem;
     }
 }
+exports.aggregate = aggregate;
+//# sourceMappingURL=aggregate.js.map

package/dist/utils/colorToHex.js

@@ -1,4 +1,7 @@
-export const COLOR_TO_HEX = {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.COLOR_TO_HEX = void 0;
+exports.COLOR_TO_HEX = {
     aliceblue: '#f0f8ff',
     antiquewhite: '#faebd7',
     aqua: '#00ffff',
@@ -141,3 +144,4 @@ export const COLOR_TO_HEX = {
     yellow: '#ffff00',
     yellowgreen: '#9acd32',
 };
+//# sourceMappingURL=colorToHex.js.map

package/dist/utils/dataFetcher.js

@@ -1,6 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getDataFromCloud = exports.getData = void 0;
 // this function gets the data either from the self hosted endpoint or
 // our cloud server
-export async function getData(client, cloudQueryEndpoint, noCred, hostedRequestBody, cloudRequestBody, method = 'POST') {
+async function getData(client, cloudQueryEndpoint, noCred, hostedRequestBody, cloudRequestBody, method = 'POST') {
     if (client.queryEndpoint) {
         // self hosted
         const resp = await fetch(client.queryEndpoint, {
@@ -26,7 +29,8 @@ export async function getData(client, cloudQueryEndpoint, noCred, hostedRequestB
         return await getDataFromCloud(client, cloudQueryEndpoint, cloudRequestBody, method);
     }
 }
-export async function getDataFromCloud(client, cloudQueryEndpoint, cloudRequestBody, method = 'POST') {
+exports.getData = getData;
+async function getDataFromCloud(client, cloudQueryEndpoint, cloudRequestBody, method = 'POST') {
     const environment = client?.environment;
     const resp = await fetch(`https://quill-344421.uc.r.appspot.com/${cloudQueryEndpoint}`, 
     // `http://localhost:8080/${cloudQueryEndpoint}`,
@@ -56,3 +60,5 @@ export async function getDataFromCloud(client, cloudQueryEndpoint, cloudRequestB
         return null;
     }
 }
+exports.getDataFromCloud = getDataFromCloud;
+//# sourceMappingURL=dataFetcher.js.map

package/dist/utils/downloadCSV.js

@@ -1,5 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.downloadCSV = void 0;
 // @ts-nocheck
-export function downloadCSV(rows, filename) {
+function downloadCSV(rows, filename) {
     const json = rows;
     const fields = Object.keys(json[0]);
     const csvRows = [];
@@ -22,3 +25,5 @@ export function downloadCSV(rows, filename) {
     downloadLink.click();
     document.body.removeChild(downloadLink);
 }
+exports.downloadCSV = downloadCSV;
+//# sourceMappingURL=downloadCSV.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@quillsql/react",
-  "version": "2.8.6",
+  "version": "2.8.8",
   "description": "Quill React components for building dashboards and reporting.",
   "main": "dist/index.js",
   "files": [
@@ -29,6 +29,7 @@
     "typescript": "^5.3.3"
   },
   "peerDependencies": {
+    "react": "^18.0.0",
     "react-dom": "^18.0.0"
   },
   "access": "public"