@quillsql/react 2.12.29 → 2.12.31

package/dist/cjs/components/UiComponents.js

@@ -26,7 +26,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.QuillLoadingComponent = exports.QuillColumnSearchEmptyState = exports.QuillErrorMessageComponent = exports.QuillChartBuilderFormContainer = exports.QuillFilterContainerComponent = exports.QuillPivotColumnContainer = exports.QuillPivotRowContainer = exports.QuillChartBuilderInputColumnContainer = exports.QuillChartBuilderInputRowContainer = exports.QuillLoadingDashboardComponent = exports.QuillEmptyDashboardComponent = exports.QuillTableComponent = exports.QuillTableSQLEditorComponent = exports.LoadingSpinner = exports.MemoizedDeleteButton = exports.MemoizedModal = exports.MemoizedPopover = exports.MemoizedText = exports.QuillTabs = exports.DEFAULT_TAB_OPTIONS = exports.MemoizedCheckbox = exports.MemoizedLabel = exports.MemoizedSubHeader = exports.MemoizedHeader = exports.MemoizedSecondaryButton = exports.MemoizedButton = exports.QuillTextInput = void 0;
+exports.QuillLoadingComponent = exports.QuillColumnSearchEmptyState = exports.QuillErrorMessageComponent = exports.QuillChartBuilderFormContainer = exports.QuillUserFilterModalComponent = exports.QuillFilterContainerComponent = exports.QuillPivotColumnContainer = exports.QuillPivotRowContainer = exports.QuillChartBuilderInputColumnContainer = exports.QuillChartBuilderInputRowContainer = exports.QuillLoadingDashboardComponent = exports.QuillEmptyDashboardComponent = exports.QuillTableComponent = exports.QuillTableSQLEditorComponent = exports.LoadingSpinner = exports.MemoizedDeleteButton = exports.MemoizedModal = exports.MemoizedPopover = exports.MemoizedText = exports.QuillTabs = exports.DEFAULT_TAB_OPTIONS = exports.MemoizedCheckbox = exports.MemoizedLabel = exports.MemoizedSubHeader = exports.MemoizedHeader = exports.MemoizedSecondaryButton = exports.MemoizedButton = exports.QuillTextInput = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const assets_1 = require("../assets");
@@ -68,9 +68,9 @@ const QuillTextInput = ({ id, value, width, label, placeholder, onChange, }) =>
                 }, id: id, value: value, placeholder: placeholder, onChange: onChange })] }));
 };
 exports.QuillTextInput = QuillTextInput;
-const MemoizedButton = ({ label, onClick, icon, }) => {
+const MemoizedButton = ({ label, onClick, disabled, icon, }) => {
     const [theme] = (0, react_1.useContext)(Context_1.ThemeContext);
-    return ((0, jsx_runtime_1.jsxs)("button", { className: "quill-button", onClick: onClick, style: {
+    return ((0, jsx_runtime_1.jsxs)("button", { className: "quill-button", onClick: onClick, disabled: disabled, style: {
             fontFamily: theme?.fontFamily,
             fontSize: '14px',
             display: 'flex',
@@ -195,7 +195,8 @@ const QuillTabs = ({ options = exports.DEFAULT_TAB_OPTIONS, value, onChange, })
         borderRadius: '0.25rem',
         outlineStyle: 'none',
         background: '#F9FAFB',
-    }, children: options.map((option) => ((0, jsx_runtime_1.jsx)("button", { onClick: () => {
+        padding: '5px',
+    }, children: options.map((option, index) => ((0, jsx_runtime_1.jsx)("button", { onClick: () => {
             // Manually create a synthetic ChangeEvent and pass it to callback
             const changeEvent = { target: { value: option.value } };
             onChange(changeEvent);
@@ -225,7 +226,7 @@ const QuillTabs = ({ options = exports.DEFAULT_TAB_OPTIONS, value, onChange, })
                     backgroundColor: 'transparent',
                     color: '#606572',
                 }),
-        }, children: option.label }))) }));
+        }, children: option.label }, index))) }));
 exports.QuillTabs = QuillTabs;
 const MemoizedText = ({ label }) => {
     const [theme] = (0, react_1.useContext)(Context_1.ThemeContext);
@@ -245,9 +246,11 @@ exports.MemoizedText = MemoizedText;
 /**
  * The one, true Quill popover component.
  */
-const MemoizedPopover = ({ isOpen, setIsOpen, triggerLabel, popoverTitle = undefined, popoverChildren, }) => {
+const MemoizedPopover = ({ isOpen, setIsOpen, triggerLabel, popoverTitle = undefined, popoverChildren, containerStyle, }) => {
     const [theme] = (0, react_1.useContext)(Context_1.ThemeContext);
+    const [rightAlignment, setRightAlignment] = (0, react_1.useState)('auto');
     const modalRef = (0, react_1.useRef)(null);
+    const popoverRef = (0, react_1.useRef)(null);
     (0, react_1.useEffect)(() => {
         const listener = (event) => {
             if (modalRef?.current && !modalRef?.current?.contains(event.target)) {
@@ -260,7 +263,31 @@ const MemoizedPopover = ({ isOpen, setIsOpen, triggerLabel, popoverTitle = undef
             document.removeEventListener('mousedown', listener);
         };
     }, [modalRef, setIsOpen]);
-    return ((0, jsx_runtime_1.jsxs)("div", { children: [triggerLabel, isOpen && ((0, jsx_runtime_1.jsx)("div", { id: "quill-popover-modal", ref: modalRef, style: { position: 'relative' }, children: (0, jsx_runtime_1.jsxs)("div", { style: {
+    (0, react_1.useEffect)(() => {
+        updatePopoverPosition();
+        window.addEventListener('resize', updatePopoverPosition);
+        return () => {
+            window.removeEventListener('resize', updatePopoverPosition);
+        };
+    }, [popoverRef.current, rightAlignment]);
+    const updatePopoverPosition = () => {
+        if (popoverRef.current && modalRef.current) {
+            const popoverRect = popoverRef.current.getBoundingClientRect();
+            const modalRect = modalRef.current.getBoundingClientRect();
+            if (rightAlignment === 'auto' &&
+                window.innerWidth - popoverRect.right < 1 &&
+                popoverRect.left > popoverRect.width // need enough space on left too
+            ) {
+                setRightAlignment(0);
+            }
+            else if (rightAlignment === 0 &&
+                window.innerWidth - popoverRect.right + modalRect.width >
+                    popoverRect.width) {
+                setRightAlignment('auto');
+            }
+        }
+    };
+    return ((0, jsx_runtime_1.jsxs)("div", { style: containerStyle, children: [triggerLabel, isOpen && ((0, jsx_runtime_1.jsx)("div", { id: "quill-popover-modal", ref: modalRef, style: { position: 'relative' }, children: (0, jsx_runtime_1.jsxs)("div", { ref: popoverRef, style: {
                         background: theme?.backgroundColor || 'white',
                         position: 'absolute',
                         boxShadow: '0px 1px 12px 0px #E7E7E705',
@@ -272,6 +299,7 @@ const MemoizedPopover = ({ isOpen, setIsOpen, triggerLabel, popoverTitle = undef
                         // top: 12,
                         borderRadius: 6,
                         padding: 20,
+                        right: rightAlignment,
                     }, children: [popoverTitle && ((0, jsx_runtime_1.jsx)("h1", { style: {
                                 fontWeight: '600',
                                 fontSize: 18,
@@ -386,7 +414,7 @@ const QuillTableSQLEditorComponent = ({ rows, columns, isLoading = false, rowCou
             }, children: (0, jsx_runtime_1.jsx)(exports.LoadingSpinner, {}) }));
     }
     return ((0, jsx_runtime_1.jsx)(QuillTable_1.default, { rows: rows, columns: columns, rowsPerPage: 20, rowCount: rowCount, onPageChange: (page) => {
-            setPage(page.currentPage);
+            setPage(page);
             onPageChange && onPageChange(page);
         }, onSortChange: (sort) => {
             setSort(sort);
@@ -414,7 +442,7 @@ const QuillTableComponent = ({ rows, columns, isLoading = false, rowCount, onPag
             }, children: (0, jsx_runtime_1.jsx)(ChartSkeleton_1.default, {}) }));
     }
     return ((0, jsx_runtime_1.jsx)(QuillTable_1.default, { rows: rows, columns: columns, rowsPerPage: 20, rowCount: rowCount, onPageChange: (page) => {
-            setPage(page.currentPage);
+            setPage(page);
             onPageChange && onPageChange(page);
         }, onSortChange: (sort) => {
             setSort(sort);
@@ -478,11 +506,77 @@ const QuillFilterContainerComponent = ({ children, }) => {
             marginBottom: 25,
             display: 'flex',
             flexDirection: 'row',
-            alignItems: 'center',
+            alignItems: 'flex-end',
+            flexWrap: 'wrap',
             gap: 12,
         }, children: children }));
 };
 exports.QuillFilterContainerComponent = QuillFilterContainerComponent;
+const QuillUserFilterModalComponent = ({ isOpen, setIsOpen, children, triggerLabel, title, }) => {
+    const [theme] = (0, react_1.useContext)(Context_1.ThemeContext);
+    const [rightAlignment, setRightAlignment] = (0, react_1.useState)('auto');
+    const modalRef = (0, react_1.useRef)(null);
+    const popoverRef = (0, react_1.useRef)(null);
+    (0, react_1.useEffect)(() => {
+        const listener = (event) => {
+            if (modalRef?.current && !modalRef?.current?.contains(event.target)) {
+                if (setIsOpen)
+                    setIsOpen(false);
+            }
+        };
+        document.addEventListener('mousedown', listener);
+        return () => {
+            document.removeEventListener('mousedown', listener);
+        };
+    }, [modalRef, setIsOpen]);
+    (0, react_1.useEffect)(() => {
+        updatePopoverPosition();
+        window.addEventListener('resize', updatePopoverPosition);
+        return () => {
+            window.removeEventListener('resize', updatePopoverPosition);
+        };
+    }, [popoverRef.current, rightAlignment]);
+    const updatePopoverPosition = () => {
+        if (popoverRef.current && modalRef.current) {
+            const popoverRect = popoverRef.current.getBoundingClientRect();
+            const modalRect = modalRef.current.getBoundingClientRect();
+            if (rightAlignment === 'auto' &&
+                window.innerWidth - popoverRect.right < 1 &&
+                popoverRect.left > popoverRect.width // need enough space on left too
+            ) {
+                setRightAlignment(0);
+            }
+            else if (rightAlignment === 0 &&
+                window.innerWidth - popoverRect.right + modalRect.width >
+                    popoverRect.width) {
+                setRightAlignment('auto');
+            }
+        }
+    };
+    return ((0, jsx_runtime_1.jsxs)("div", { style: { position: 'relative', marginLeft: 10 }, children: [(0, jsx_runtime_1.jsx)(exports.MemoizedSecondaryButton, { onClick: () => setIsOpen(true), label: triggerLabel || '' }), isOpen && ((0, jsx_runtime_1.jsx)("div", { id: "quill-popover-modal", ref: modalRef, style: { position: 'relative', top: 10 }, children: (0, jsx_runtime_1.jsxs)("div", { ref: popoverRef, style: {
+                        background: theme?.backgroundColor || 'white',
+                        position: 'absolute',
+                        boxShadow: '0px 1px 12px 0px #E7E7E705',
+                        border: theme
+                            ? `${theme.borderWidth || 1}px solid ${theme.borderColor || '#E7E7E7'}`
+                            : '1px solid #E7E7E7',
+                        boxSizing: 'content-box',
+                        zIndex: 999,
+                        // top: 12,
+                        borderRadius: 6,
+                        padding: 15,
+                        right: rightAlignment,
+                    }, children: [(0, jsx_runtime_1.jsx)("h1", { style: {
+                                fontWeight: '600',
+                                fontSize: 18,
+                                margin: 0,
+                                textAlign: 'left',
+                                marginBottom: 5,
+                                color: theme?.primaryTextColor,
+                                fontFamily: theme?.fontFamily,
+                            }, children: title }), children] }) }))] }));
+};
+exports.QuillUserFilterModalComponent = QuillUserFilterModalComponent;
 const QuillChartBuilderFormContainer = ({ children, }) => {
     return ((0, jsx_runtime_1.jsx)("div", { style: {
             display: 'flex',
@@ -493,7 +587,7 @@ const QuillChartBuilderFormContainer = ({ children, }) => {
         }, children: children }));
 };
 exports.QuillChartBuilderFormContainer = QuillChartBuilderFormContainer;
-const QuillErrorMessageComponent = ({ errorMessage, }) => {
+const QuillErrorMessageComponent = ({ errorMessage, containerStyle, }) => {
     const theme = (0, hooks_1.useTheme)();
     return ((0, jsx_runtime_1.jsx)("div", { style: {
             borderRadius: 8,
@@ -507,7 +601,7 @@ const QuillErrorMessageComponent = ({ errorMessage, }) => {
             fontWeight: 'bold',
             fontFamily: theme?.fontFamily,
             color: 'white',
-            marginBottom: 5,
+            ...containerStyle,
         }, children: errorMessage }));
 };
 exports.QuillErrorMessageComponent = QuillErrorMessageComponent;

package/dist/cjs/components/selectUtils.d.ts

@@ -5,6 +5,5 @@ export interface SelectItemProps {
 }
 export declare function constructValueToNameMapping(children: React.ReactElement[] | React.ReactElement): Map<string, string>;
 export declare function getFilteredOptions(searchQuery: string, options: SelectItemProps[]): SelectItemProps[];
-export declare const getSelectButtonColors: (hasSelection: boolean, isDisabled: boolean, hasError?: boolean) => null;
 export declare const hasValue: (value: string | null | undefined) => boolean;
 //# sourceMappingURL=selectUtils.d.ts.map

package/dist/cjs/components/selectUtils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"selectUtils.d.ts","sourceRoot":"","sources":["../../../src/components/selectUtils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,wBAAgB,2BAA2B,CACzC,QAAQ,EAAE,KAAK,CAAC,YAAY,EAAE,GAAG,KAAK,CAAC,YAAY,uBAUpD;AAED,wBAAgB,kBAAkB,CAChC,WAAW,EAAE,MAAM,EACnB,OAAO,EAAE,eAAe,EAAE,GACzB,eAAe,EAAE,CAOnB;AAED,eAAO,MAAM,qBAAqB,iBAClB,OAAO,cACT,OAAO,6BAqBpB,CAAC;AAEF,eAAO,MAAM,QAAQ,UAAW,MAAM,GAAG,IAAI,GAAG,SAAS,YACF,CAAC"}
+{"version":3,"file":"selectUtils.d.ts","sourceRoot":"","sources":["../../../src/components/selectUtils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,wBAAgB,2BAA2B,CACzC,QAAQ,EAAE,KAAK,CAAC,YAAY,EAAE,GAAG,KAAK,CAAC,YAAY,uBAUpD;AAED,wBAAgB,kBAAkB,CAChC,WAAW,EAAE,MAAM,EACnB,OAAO,EAAE,eAAe,EAAE,GACzB,eAAe,EAAE,CAOnB;AAED,eAAO,MAAM,QAAQ,UAAW,MAAM,GAAG,IAAI,GAAG,SAAS,YACF,CAAC"}

package/dist/cjs/components/selectUtils.js

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.hasValue = exports.getSelectButtonColors = exports.getFilteredOptions = exports.constructValueToNameMapping = void 0;
+exports.hasValue = exports.getFilteredOptions = exports.constructValueToNameMapping = void 0;
 const react_1 = __importDefault(require("react"));
 function constructValueToNameMapping(children) {
     const valueToNameMapping = new Map();
@@ -22,26 +22,5 @@ function getFilteredOptions(searchQuery, options) {
         });
 }
 exports.getFilteredOptions = getFilteredOptions;
-const getSelectButtonColors = (hasSelection, isDisabled, hasError = false) => {
-    return null;
-    // return twMerge(
-    //   isDisabled
-    //     ? getColorClassNames(DEFAULT_COLOR, colorPalette.canvasBackground).bgColor
-    //     : getColorClassNames(WHITE, colorPalette.background).bgColor,
-    //   !isDisabled &&
-    //     getColorClassNames(DEFAULT_COLOR, colorPalette.canvasBackground)
-    //       .hoverBgColor,
-    //   hasSelection
-    //     ? getColorClassNames(DEFAULT_COLOR, colorPalette.darkText).textColor
-    //     : getColorClassNames(DEFAULT_COLOR, colorPalette.text).textColor,
-    //   isDisabled &&
-    //     getColorClassNames(DEFAULT_COLOR, colorPalette.lightText).textColor,
-    //   hasError && colorClassNames[BaseColors.Rose][colorPalette.text].textColor,
-    //   hasError
-    //     ? colorClassNames[BaseColors.Rose][colorPalette.ring].borderColor
-    //     : getColorClassNames(DEFAULT_COLOR, colorPalette.ring).borderColor
-    // );
-};
-exports.getSelectButtonColors = getSelectButtonColors;
 const hasValue = (value) => value !== null && value !== undefined && value !== '';
 exports.hasValue = hasValue;

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

@@ -1,6 +1,6 @@
-export { default as useInternalState } from "./useInternalState";
-export { default as useOnClickOutside } from "./useOnClickOutside";
-export { default as useOnWindowResize } from "./useOnWindowResize";
-export { default as useSelectOnKeyDown } from "./useSelectOnKeyDown";
+export { default as useInternalState } from './useInternalState';
+export { default as useOnClickOutside } from './useOnClickOutside';
+export { default as useOnWindowResize } from './useOnWindowResize';
+export { default as useSelectOnKeyDown } from './useSelectOnKeyDown';
 export { default as useTheme } from './useTheme';
 //# sourceMappingURL=index.d.ts.map

package/dist/cjs/hooks/useAstToFilterTree.d.ts

@@ -0,0 +1,11 @@
+import { FilterTreeNode } from '../utils/astFilterProcessing';
+/**
+ * @param ast
+ * @param client
+ * @returns Filter tree
+ *
+ * Hook that takes in an ast where node and parses it into a filter tree
+ */
+declare const useAstToFilterTree: (ast: any, client: any) => FilterTreeNode | null;
+export default useAstToFilterTree;
+//# sourceMappingURL=useAstToFilterTree.d.ts.map

package/dist/cjs/hooks/useAstToFilterTree.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAstToFilterTree.d.ts","sourceRoot":"","sources":["../../../src/hooks/useAstToFilterTree.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAmB,MAAM,8BAA8B,CAAC;AAE/E;;;;;;GAMG;AACH,QAAA,MAAM,kBAAkB,QAAS,GAAG,UAAU,GAAG,0BAkBhD,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/dist/cjs/hooks/useAstToFilterTree.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = require("react");
+const astFilterProcessing_1 = require("../utils/astFilterProcessing");
+/**
+ * @param ast
+ * @param client
+ * @returns Filter tree
+ *
+ * Hook that takes in an ast where node and parses it into a filter tree
+ */
+const useAstToFilterTree = (ast, client) => {
+    const [filterTree, setFilterTree] = (0, react_1.useState)(null);
+    (0, react_1.useEffect)(() => {
+        if (!ast || !client) {
+            return setFilterTree(null);
+        }
+        const fetchFilter = () => {
+            const filterPromise = (0, astFilterProcessing_1.astToFilterTree)(ast, client.databaseType.toLowerCase());
+            setFilterTree(filterPromise);
+        };
+        fetchFilter();
+    }, [ast, client]);
+    return filterTree;
+};
+exports.default = useAstToFilterTree;

package/dist/cjs/hooks/useDashboard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useDashboard.d.ts","sourceRoot":"","sources":["../../../src/hooks/useDashboard.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,YAAY,kBAAmB,MAAM;;;;qCAYtB,MAAM;CAmEjC,CAAC"}
+{"version":3,"file":"useDashboard.d.ts","sourceRoot":"","sources":["../../../src/hooks/useDashboard.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,YAAY,kBAAmB,MAAM;;;;qCAYtB,MAAM;CAyEjC,CAAC"}

package/dist/cjs/hooks/useDashboard.js

@@ -17,7 +17,10 @@ const useDashboard = (dashboardName) => {
         await getDashboards(overrideDashboardName ?? dashboardName, fetchFromServer);
     };
     async function getDashboards(dashboardName, fetchFromServer = false) {
-        if (!fetchFromServer && dashboardData && dashboardData[dashboardName]) {
+        if (!fetchFromServer &&
+            dashboardData &&
+            dashboardData[dashboardName] &&
+            dashboardData[dashboardName].newQueries) {
             setData(dashboardData[dashboardName]);
             setIsLoading(false);
             return;
@@ -42,6 +45,7 @@ const useDashboard = (dashboardName) => {
                     clientId: publicKey,
                     orgId: customerId || '*',
                     databaseType: databaseType,
+                    useNewNodeSql: true,
                 },
             };
             const resp = await (0, dataFetcher_1.getData)(client, `dashconfig?${searchParams}`, 'omit', hostedBody, null, 'GET');

package/dist/cjs/hooks/useExport.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useExport.d.ts","sourceRoot":"","sources":["../../../src/hooks/useExport.tsx"],"names":[],"mappings":"AA6EA,eAAO,MAAM,SAAS,cAAe,MAAM;;;;CAuC1C,CAAC"}
+{"version":3,"file":"useExport.d.ts","sourceRoot":"","sources":["../../../src/hooks/useExport.tsx"],"names":[],"mappings":"AA0DA,eAAO,MAAM,SAAS,cAAe,MAAM;;;;CAuC1C,CAAC"}

package/dist/cjs/hooks/useExport.js

@@ -10,11 +10,11 @@ const react_1 = require("react");
 const dataFetcher_1 = require("../utils/dataFetcher");
 const Context_1 = require("../Context");
 const react_dom_1 = __importDefault(require("react-dom"));
-const Chart_1 = require("../Chart");
 const useTheme_1 = __importDefault(require("./useTheme"));
 const valueFormatter_1 = require("../utils/valueFormatter");
 const dashboard_1 = require("../utils/dashboard");
 const react_to_print_1 = require("react-to-print");
+const Chart_1 = require("../Chart");
 async function getExportData(client, dashboardFilters, reportId) {
     const minimalFilters = Object.values(dashboardFilters).length
         ? Object.values(dashboardFilters).map((filter) => {
@@ -35,10 +35,12 @@ async function getExportData(client, dashboardFilters, reportId) {
             task: 'item',
             databaseType: client?.databaseType,
             filters: minimalFilters,
+            useNewNodeSql: true,
         },
     };
     const cloudBody = {
         id: reportId,
+        useNewNodeSql: true,
     };
     const resp = await (0, dataFetcher_1.getData)(client, 'itempost', 'same-origin', hostedBody, cloudBody);
     const cleanedReport = await (0, dashboard_1.cleanDashboardItem)(resp, dashboardFilters);

package/dist/cjs/hooks/useOnClickOutside.js

@@ -9,11 +9,11 @@ const useOnClickOutside = (ref, handler) => {
             }
             handler(event);
         };
-        document.addEventListener("mousedown", listener);
-        document.addEventListener("touchstart", listener);
+        document.addEventListener('mousedown', listener);
+        document.addEventListener('touchstart', listener);
         return () => {
-            document.removeEventListener("mousedown", listener);
-            document.removeEventListener("touchstart", listener);
+            document.removeEventListener('mousedown', listener);
+            document.removeEventListener('touchstart', listener);
         };
     }, [ref, handler]);
 };

package/dist/cjs/hooks/useOnWindowResize.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useOnWindowResize.d.ts","sourceRoot":"","sources":["../../../src/hooks/useOnWindowResize.tsx"],"names":[],"mappings":"AAEA,QAAA,MAAM,iBAAiB,YAAa;IAAE,IAAI,IAAI,CAAA;CAAE,sBAAsB,MAAM,SAY3E,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"useOnWindowResize.d.ts","sourceRoot":"","sources":["../../../src/hooks/useOnWindowResize.tsx"],"names":[],"mappings":"AAEA,QAAA,MAAM,iBAAiB,YACZ;IAAE,IAAI,IAAI,CAAA;CAAE,sBACD,MAAM,SAe3B,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/dist/cjs/hooks/useOnWindowResize.js

@@ -9,8 +9,8 @@ const useOnWindowResize = (handler, initialWindowSize) => {
             handler();
         };
         handleResize();
-        window.addEventListener("resize", handleResize);
-        return () => window.removeEventListener("resize", handleResize);
+        window.addEventListener('resize', handleResize);
+        return () => window.removeEventListener('resize', handleResize);
     }, [handler, windowSize]);
 };
 exports.default = useOnWindowResize;

package/dist/cjs/hooks/useQuill.d.ts

@@ -1,3 +1,5 @@
+import { QuillReport } from '../models/Report';
+import { Calculation } from '../utils/dataProcessing';
 interface Column {
     _id: string;
     label: string;
@@ -13,35 +15,16 @@ export interface Field {
     dataTypeModifier: number;
     format: string;
 }
-interface YAxisField {
-    label: string;
-    field: string;
-    chartType: string;
-    format: string;
-}
-interface QuillReport {
-    name: string;
-    rows: any[];
-    columns: Array<Column>;
-    dashboardName?: string;
-    chartType: string;
-    filters?: object;
-    fields: Array<Field>;
-    template?: boolean;
-    editEnabled?: boolean;
-    xAxisField: string;
-    yAxisFields: Array<YAxisField>;
-    xAxisLabel: string;
-    yAxisLabel: string;
-    queryString: string;
-    dateField?: object;
-    pivot: object;
-    referencedTables: string[];
-}
-export declare const useQuill: (reportId?: string) => {
+export declare const useQuill: (reportId?: string, pagination?: {
+    rowsPerPage: number;
+    rowsPerRequest: number;
+}) => {
     data: QuillReport | null;
     loading: boolean;
-    error: string | null;
+    error: string | undefined;
+    fetchMore: (page: number) => void;
+    setSort: (field: string, direction: string) => void;
+    calculate: ((calcType: Calculation) => number | undefined) | (() => undefined);
 };
 export declare const usePivot: (reportId?: string) => {
     data: {

package/dist/cjs/hooks/useQuill.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useQuill.d.ts","sourceRoot":"","sources":["../../../src/hooks/useQuill.ts"],"names":[],"mappings":"AAWA,UAAU,MAAM;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,KAAK;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,gBAAgB,EAAE,MAAM,CAAC;IACzB,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,UAAU,UAAU;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,UAAU,WAAW;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,GAAG,EAAE,CAAC;IACZ,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC;IAC/B,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,gBAAgB,EAAE,MAAM,EAAE,CAAC;CAC5B;AAED,eAAO,MAAM,QAAQ,cACR,MAAM;UAEX,WAAW,GAAG,IAAI;aACf,OAAO;WACT,MAAM,GAAG,IAAI;CAkGrB,CAAC;AAaF,eAAO,MAAM,QAAQ,cACR,MAAM;UAEX;QAAE,IAAI,EAAE,GAAG,EAAE,CAAC;QAAC,OAAO,EAAE,MAAM,EAAE,CAAA;KAAE,GAAG,SAAS;WAC7C,MAAM,GAAG,SAAS;CA4C1B,CAAC"}
+{"version":3,"file":"useQuill.d.ts","sourceRoot":"","sources":["../../../src/hooks/useQuill.ts"],"names":[],"mappings":"AAeA,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EACL,WAAW,EAGZ,MAAM,yBAAyB,CAAC;AAEjC,UAAU,MAAM;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,KAAK;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,gBAAgB,EAAE,MAAM,CAAC;IACzB,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,QAAQ,cACR,MAAM,eACJ;IAAE,WAAW,EAAE,MAAM,CAAC;IAAC,cAAc,EAAE,MAAM,CAAA;CAAE;UAEtD,WAAW,GAAG,IAAI;aACf,OAAO;WACT,MAAM,GAAG,SAAS;sBACP,MAAM,KAAK,IAAI;qBAChB,MAAM,aAAa,MAAM,KAAK,IAAI;2BAEnC,WAAW,KAAK,MAAM,GAAG,SAAS,WACvC,SAAS;CA6KrB,CAAC;AAEF,eAAO,MAAM,QAAQ,cACR,MAAM;UAEX;QAAE,IAAI,EAAE,GAAG,EAAE,CAAC;QAAC,OAAO,EAAE,MAAM,EAAE,CAAA;KAAE,GAAG,SAAS;WAC7C,MAAM,GAAG,SAAS;CAoD1B,CAAC"}