@quillsql/react 2.12.46 → 2.12.48

package/dist/esm/components/ReportBuilder/util.js

@@ -4,6 +4,7 @@ import { DATE_DESCRIPTION_MAP } from './bigDateMap';
 import { snakeAndCamelCaseToTitleCase } from '../../utils/textProcessing';
 import { isAfterBigQuery, isBeforeBigQuery, isEqualsBigQuery, isInTheLastIntervalBigQuery, isTheCurrentIntervalBigQuery, } from '../../utils/parserBigQuery';
 import { isInTheLastIntervalPostgres, isTheCurrentIntervalPostgres, } from '../../utils/parserPostgres';
+import { getFieldFromExpression } from '../../utils/astFilterProcessing';
 /**
  * A node that is "in" or "not in" where none of the variants are selected.
  */
@@ -630,19 +631,32 @@ function getNodeTable(node) {
     return null;
 }
 // Recursively remove filters that don't apply to the given table
-function removeNonSelectedTableFilters(node, table, columns) {
+function removeNonSelectedTableFilters(node, table, columns, uniqueValues) {
     if (!node) {
         return null;
     }
     if (node.left && node.left.type !== 'binary_expr') {
         const referencedTable = getNodeTable(node.left);
-        const referencedColumn = node.left.column?.expr?.value ||
-            node.left.column ||
-            node.left.value ||
-            node.left.args?.value?.[0]?.value?.expr?.value ||
-            node.left.args?.value?.[0]?.column?.expr?.value ||
-            node.left.args?.value?.[0]?.column ||
-            node.left.args?.value?.[0]?.value;
+        const referencedColumn = getFieldFromExpression(node.left);
+        if (!referencedColumn) {
+            return null;
+        }
+        if (uniqueValues &&
+            (node.operator === 'IN' ||
+                (node.operator === 'NOT IN' &&
+                    node.right?.type === 'expr_list' &&
+                    node.right.value))) {
+            node.right.value = node.right.value.filter((value) => {
+                const field = getFieldFromExpression(value);
+                const check = field &&
+                    uniqueValues[referencedColumn] &&
+                    Object.keys(uniqueValues[referencedColumn]).includes(field);
+                return check;
+            });
+            if (!node.right.value || !node.right.value.length) {
+                return null;
+            }
+        }
         if ((referencedTable && referencedTable !== table) ||
             !columns.includes(referencedColumn)) {
             return null;
@@ -657,8 +671,8 @@ function removeNonSelectedTableFilters(node, table, columns) {
             return node;
         }
     }
-    node.left = removeNonSelectedTableFilters(node.left, table, columns);
-    node.right = removeNonSelectedTableFilters(node.right, table, columns);
+    node.left = removeNonSelectedTableFilters(node.left, table, columns, uniqueValues);
+    node.right = removeNonSelectedTableFilters(node.right, table, columns, uniqueValues);
     if (node.left && node.right) {
         return node;
     }
@@ -672,13 +686,13 @@ function removeNonSelectedTableFilters(node, table, columns) {
         return null;
     }
 }
-export function removeNonSelectedTableReferences(ast, table, columns) {
+export function removeNonSelectedTableReferences(ast, table, columns, uniqueValues) {
     ast.columns = ast.columns.filter((col) => {
         return col.table === table || col.expr.table === table || !col.expr.table;
     });
     if (!ast.where)
         return ast;
-    ast.where = removeNonSelectedTableFilters(ast.where, table, columns);
+    ast.where = removeNonSelectedTableFilters(ast.where, table, columns, uniqueValues);
     return ast;
 }
 export function allNumericNodesValidInTree(node) {

package/dist/esm/components/UiComponents.d.ts

@@ -19,6 +19,7 @@ export interface ButtonComponentProps {
     width?: string;
     disabled?: boolean;
     icon?: ReactNode;
+    tooltipText?: string;
 }
 export interface DeleteButtonComponentProps {
     onClick: () => void;
@@ -62,12 +63,13 @@ export interface ContainerComponentProps {
 /**
  * The fallback TextInput element for Quill.
  */
-export declare const QuillTextInput: ({ id, value, width, label, placeholder, onChange, }: TextInputComponentProps) => import("react/jsx-runtime").JSX.Element;
-export declare const MemoizedButton: ({ label, onClick, disabled, icon, }: {
+export declare const QuillTextInput: React.ForwardRefExoticComponent<TextInputComponentProps & React.RefAttributes<HTMLInputElement>>;
+export declare const MemoizedButton: ({ label, onClick, disabled, icon, tooltipText, }: {
     label: string;
     onClick: () => void;
     icon?: ReactNode;
     disabled?: boolean | undefined;
+    tooltipText?: string | undefined;
 }) => import("react/jsx-runtime").JSX.Element;
 export declare const MemoizedSecondaryButton: ({ label, onClick, icon, }: {
     label: string;
@@ -162,8 +164,10 @@ export interface TableComponentProps {
         direction: string;
     }) => void;
     rowCount?: number;
+    rowsPerPage?: number;
+    containerStyle?: CSSProperties;
 }
-export declare const QuillTableSQLEditorComponent: ({ rows, columns, isLoading, rowCount, onPageChange, onSortChange, }: TableComponentProps) => import("react/jsx-runtime").JSX.Element;
+export declare const QuillTableSQLEditorComponent: ({ rows, columns, isLoading, rowCount, rowsPerPage, onPageChange, onSortChange, containerStyle, }: TableComponentProps) => import("react/jsx-runtime").JSX.Element;
 export declare const QuillTableComponent: ({ rows, columns, isLoading, rowCount, onPageChange, onSortChange, }: TableComponentProps) => import("react/jsx-runtime").JSX.Element;
 export declare const QuillEmptyDashboardComponent: () => import("react/jsx-runtime").JSX.Element;
 export declare const QuillLoadingDashboardComponent: ({ containerStyle, chartContainerStyle, LoadingComponent, }: {
@@ -196,4 +200,14 @@ export declare const QuillErrorMessageComponent: ({ errorMessage, containerStyle
 }) => import("react/jsx-runtime").JSX.Element;
 export declare const QuillColumnSearchEmptyState: () => import("react/jsx-runtime").JSX.Element;
 export declare const QuillLoadingComponent: () => import("react/jsx-runtime").JSX.Element;
+export declare const OverflowContainer: ({ children }: {
+    children: ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const QuillToolTip: ({ children, text, enabled, containerStyle, textStyle, }: {
+    children: ReactNode;
+    text: string;
+    enabled: boolean;
+    containerStyle?: React.CSSProperties | undefined;
+    textStyle?: React.CSSProperties | undefined;
+}) => string | number | boolean | Iterable<React.ReactNode> | import("react/jsx-runtime").JSX.Element | null | undefined;
 //# sourceMappingURL=UiComponents.d.ts.map

package/dist/esm/components/UiComponents.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UiComponents.d.ts","sourceRoot":"","sources":["../../../src/components/UiComponents.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"UiComponents.d.ts","sourceRoot":"","sources":["../../../src/components/UiComponents.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/UiComponents.js

@@ -1,13 +1,14 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useContext, useEffect, useRef, useState, } from 'react';
+import { forwardRef, useContext, useEffect, useRef, useState, } from 'react';
 import { XIcon } from '../assets';
 import { ThemeContext } from '../Context';
 import QuillTable from './QuillTable';
 import ChartSkeleton, { QuillLoadingSkeleton } from './Chart/ChartSkeleton';
+import { DEFAULT_PAGINATION } from '../utils/paginationProcessing';
 /**
  * The fallback TextInput element for Quill.
  */
-export const QuillTextInput = ({ id, value, width, label, placeholder, onChange, }) => {
+export const QuillTextInput = forwardRef(({ id, value, width, label, placeholder, onChange }, ref) => {
     const [theme] = useContext(ThemeContext);
     return (_jsxs("label", { style: {
             position: 'relative',
@@ -20,7 +21,7 @@ export const QuillTextInput = ({ id, value, width, label, placeholder, onChange,
                     fontFamily: theme?.fontFamily,
                     paddingBottom: 5,
                     fontWeight: 600,
-                }, children: label })), _jsx("input", { style: {
+                }, children: label })), _jsx("input", { ref: ref, style: {
                     display: 'flex',
                     height: 40,
                     minHeight: 40,
@@ -36,33 +37,36 @@ export const QuillTextInput = ({ id, value, width, label, placeholder, onChange,
                     width: width,
                     minWidth: width,
                 }, id: id, value: value, placeholder: placeholder, onChange: onChange })] }));
-};
-export const MemoizedButton = ({ label, onClick, disabled, icon, }) => {
+});
+export const MemoizedButton = ({ label, onClick, disabled, icon, tooltipText, }) => {
     const [theme] = useContext(ThemeContext);
-    return (_jsxs("button", { className: "quill-button", onClick: onClick, disabled: disabled, style: {
-            fontFamily: theme?.fontFamily,
-            fontSize: '14px',
-            display: 'flex',
-            flexDirection: 'row',
-            whiteSpace: 'nowrap',
-            alignItems: 'center',
-            gap: 6,
-            borderRadius: 6,
-            color: 'white',
-            height: 38,
-            border: '1px solid transparent',
-            fontWeight: theme?.buttonFontWeight ?? 600,
-            boxSizing: 'content-box',
-            paddingLeft: 16,
-            paddingRight: 16,
-            cursor: 'pointer',
-        }, children: [_jsx("style", { children: `
+    return (_jsx(QuillToolTip, { enabled: !!tooltipText && tooltipText !== '', text: tooltipText ?? '', children: _jsxs("button", { className: disabled ? 'quill-button-disabled' : 'quill-button', onClick: onClick, disabled: disabled, style: {
+                fontFamily: theme?.fontFamily,
+                fontSize: '14px',
+                display: 'flex',
+                flexDirection: 'row',
+                whiteSpace: 'nowrap',
+                alignItems: 'center',
+                gap: 6,
+                borderRadius: 6,
+                color: 'white',
+                height: 38,
+                border: '1px solid transparent',
+                fontWeight: theme?.buttonFontWeight ?? 600,
+                boxSizing: 'content-box',
+                paddingLeft: 16,
+                paddingRight: 16,
+                cursor: disabled ? 'default' : 'pointer',
+            }, children: [_jsx("style", { children: `
       .quill-button {
         background-color: #212121;
       }
+      .quill-button-disabled {
+        background-color: rgba(56, 65, 81, 0.6);
+      }
       .quill-button:hover {
         background-color: rgba(56, 65, 81, 0.9);
-      }` }), icon, label] }));
+      }` }), icon, label] }) }));
 };
 export const MemoizedSecondaryButton = ({ label, onClick, icon, }) => {
     const [theme] = useContext(ThemeContext);
@@ -358,7 +362,7 @@ export const LoadingSpinner = () => (_jsx("div", { style: {
         justifyContent: 'center',
         alignItems: 'center',
     }, children: _jsxs("svg", { width: "24", height: "24", children: [_jsx("circle", { cx: "12", cy: "12", r: "9.375", strokeWidth: "3.75", strokeDasharray: "calc(2 * 3.14 * 9.375 / 3) calc(2 * 3.14 * 9.375 * 2 / 3)", strokeDashoffset: "calc(2 * 3.14 * 9.375 / 6)", stroke: "#364153", fill: "none", transform: "rotate(-90 12 12)", children: _jsx("animateTransform", { attributeName: "transform", attributeType: "XML", type: "rotate", from: "-180 12 12", to: "180 12 12", dur: "0.8s", repeatCount: "indefinite" }) }), _jsx("circle", { cx: "12", cy: "12", r: "9.375", strokeWidth: "3.75", strokeDasharray: "calc(2 * 3.14 * 9.375 / 3) calc(2 * 3.14 * 9.375 * 1 / 3)", strokeDashoffset: "calc(2 * 3.14 * 9.375 / 3) calc(2 * 3.14 * 9.375 * 2 / 3)", stroke: '#ADB1B9', fill: "none", transform: "rotate(90 12 12)", children: _jsx("animateTransform", { attributeName: "transform", attributeType: "XML", type: "rotate", from: "0 12 12", to: "360 12 12", dur: "0.8s", repeatCount: "indefinite" }) })] }) }));
-export const QuillTableSQLEditorComponent = ({ rows, columns, isLoading = false, rowCount, onPageChange, onSortChange, }) => {
+export const QuillTableSQLEditorComponent = ({ rows, columns, isLoading = false, rowCount, rowsPerPage, onPageChange, onSortChange, containerStyle, }) => {
     const [sort, setSort] = useState({ field: '', direction: '' });
     const [page, setPage] = useState(0);
     if (isLoading) {
@@ -370,14 +374,14 @@ export const QuillTableSQLEditorComponent = ({ rows, columns, isLoading = false,
                 height: '100%',
             }, children: _jsx(LoadingSpinner, {}) }));
     }
-    return (_jsx(QuillTable, { rows: rows, columns: columns, rowsPerPage: 20, rowCount: rowCount, onPageChange: (page) => {
+    return (_jsx(QuillTable, { rows: rows, columns: columns, rowsPerPage: rowsPerPage || DEFAULT_PAGINATION.rowsPerPage, rowCount: rowCount, onPageChange: (page) => {
             setPage(page);
             onPageChange && onPageChange(page);
         }, onSortChange: (sort) => {
             setSort(sort);
             setPage(0);
             onSortChange && onSortChange(sort);
-        }, sort: sort, currentPage: page, isLoading: isLoading }));
+        }, sort: sort, currentPage: page, isLoading: isLoading, containerStyle: containerStyle }));
 };
 export const QuillTableComponent = ({ rows, columns, isLoading = false, rowCount, onPageChange, onSortChange, }) => {
     const [sort, setSort] = useState({ field: '', direction: '' });
@@ -397,7 +401,7 @@ export const QuillTableComponent = ({ rows, columns, isLoading = false, rowCount
                 height: '100%',
             }, children: _jsx(ChartSkeleton, {}) }));
     }
-    return (_jsx(QuillTable, { rows: rows, columns: columns, rowsPerPage: 20, rowCount: rowCount, onPageChange: (page) => {
+    return (_jsx(QuillTable, { rows: rows, columns: columns, rowsPerPage: DEFAULT_PAGINATION.rowsPerPage, rowCount: rowCount, onPageChange: (page) => {
             setPage(page);
             onPageChange && onPageChange(page);
         }, onSortChange: (sort) => {
@@ -610,3 +614,129 @@ export const QuillLoadingComponent = () => {
             justifyContent: 'center',
         }, children: [_jsx("div", { style: { height: 100 } }), _jsxs("svg", { width: "24", height: "24", children: [_jsx("circle", { cx: "12", cy: "12", r: "9.375", strokeWidth: "3.75", strokeDasharray: "calc(2 * 3.14 * 9.375 / 3) calc(2 * 3.14 * 9.375 * 2 / 3)", strokeDashoffset: "calc(2 * 3.14 * 9.375 / 6)", stroke: theme?.primaryTextColor || '#364153', fill: "none", transform: "rotate(-90 12 12)", children: _jsx("animateTransform", { attributeName: "transform", attributeType: "XML", type: "rotate", from: "-180 12 12", to: "180 12 12", dur: "0.8s", repeatCount: "indefinite" }) }), _jsx("circle", { cx: "12", cy: "12", r: "9.375", strokeWidth: "3.75", strokeDasharray: "calc(2 * 3.14 * 9.375 / 3) calc(2 * 3.14 * 9.375 * 1 / 3)", strokeDashoffset: "calc(2 * 3.14 * 9.375 / 3) calc(2 * 3.14 * 9.375 * 2 / 3)", stroke: '#ADB1B9', fill: "none", transform: "rotate(90 12 12)", children: _jsx("animateTransform", { attributeName: "transform", attributeType: "XML", type: "rotate", from: "0 12 12", to: "360 12 12", dur: "0.8s", repeatCount: "indefinite" }) })] })] }));
 };
+export const OverflowContainer = ({ children }) => {
+    const containerRef = useRef(null);
+    const [showTopShadow, setShowTopShadow] = useState(false);
+    const [showBottomShadow, setShowBottomShadow] = useState(false);
+    const checkOverflow = () => {
+        const container = containerRef.current;
+        if (container) {
+            const { scrollTop, scrollHeight, clientHeight } = container;
+            setShowTopShadow(scrollTop > 0);
+            setShowBottomShadow(scrollHeight > clientHeight && scrollTop < scrollHeight - clientHeight);
+        }
+    };
+    useEffect(() => {
+        const container = containerRef.current;
+        if (container) {
+            checkOverflow();
+            const topObserver = new IntersectionObserver(([entry]) => setShowTopShadow(!entry?.isIntersecting), { root: container, threshold: 0 });
+            const bottomObserver = new IntersectionObserver(([entry]) => setShowBottomShadow(!entry?.isIntersecting), { root: container, threshold: 0 });
+            const topSentinel = document.createElement('div');
+            const bottomSentinel = document.createElement('div');
+            container.insertBefore(topSentinel, container.firstChild);
+            container.appendChild(bottomSentinel);
+            topObserver.observe(topSentinel);
+            bottomObserver.observe(bottomSentinel);
+            return () => {
+                topObserver.disconnect();
+                bottomObserver.disconnect();
+                container.removeChild(topSentinel);
+                container.removeChild(bottomSentinel);
+            };
+        }
+    }, []);
+    const containerStyle = {
+        position: 'relative',
+        overflowY: 'auto',
+        // height: '100%',
+    };
+    const shadowStyle = {
+        position: 'sticky',
+        left: 0,
+        right: 0,
+        height: '8px',
+        pointerEvents: 'none',
+        zIndex: 1,
+        transition: 'opacity 0.3s ease',
+    };
+    const topShadowStyle = {
+        top: 0,
+        background: 'linear-gradient(to bottom, rgba(56, 65, 81, 0.08), rgba(0,0,0,0))',
+        opacity: showTopShadow ? 1 : 0,
+        ...shadowStyle,
+    };
+    const bottomShadowStyle = {
+        bottom: 0,
+        background: 'linear-gradient(to top, rgba(56, 65, 81, 0.08), rgba(0,0,0,0))',
+        opacity: showBottomShadow ? 1 : 0,
+        ...shadowStyle,
+    };
+    return (_jsxs("div", { style: containerStyle, ref: containerRef, onScroll: checkOverflow, onTouchMove: checkOverflow, onMouseMove: checkOverflow, children: [_jsx("div", { style: topShadowStyle }), children, _jsx("div", { style: bottomShadowStyle })] }));
+};
+export const QuillToolTip = ({ children, text, enabled = true, containerStyle = {}, textStyle = {}, }) => {
+    const [theme] = useContext(ThemeContext);
+    return enabled ? (_jsxs("div", { className: "tooltip-container", style: { ...containerStyle }, children: [_jsx("style", { children: `
+        .tooltip-container {
+          position: relative;
+          display: inline-block;
+        }
+
+        /* Tooltip text */
+        .tooltip-container .tooltip-text {
+          visibility: hidden;
+          width: auto;
+          background-color: #ffffff;
+          color: #212121;
+          text-align: center;
+          border-radius: 5px;
+          padding: 5px;
+          position: absolute;
+          z-index: 10;
+          bottom: 125%;
+          left: 50%;
+          transform: translateX(-50%);
+          opacity: 0;
+          transition: opacity 0.3s;
+          font-family: ${theme?.fontFamily};
+          font-size: small;
+          white-space: nowrap;
+          border-width: 1px;
+          border-style: solid;
+          border-color: #e7e7e7;
+          padding: 10px;
+        }
+
+        /* Tooltip arrow */
+        .tooltip-container .tooltip-text::before,
+        .tooltip-container .tooltip-text::after {
+          content: "";
+          position: absolute;
+          top: 100%;
+          left: 50%;
+          border: solid transparent;
+          height: 0;
+          width: 0;
+          pointer-events: none;
+        }
+
+        .tooltip-container .tooltip-text::before {
+          border-color: rgba(231, 231, 231, 0);
+          border-top-color: #e7e7e7;
+          border-width: 6px;
+          margin-left: -5.5px;
+        }
+
+        .tooltip-container .tooltip-text::after {
+          border-color: rgba(255, 255, 255, 0);
+          border-top-color: #ffffff;
+          border-width: 5px;
+          margin-left: -5px;
+        }
+
+        /* Show the tooltip when hovering over the button */
+        .tooltip-container:hover .tooltip-text {
+          visibility: visible;
+          opacity: 1;
+        }` }), children, _jsx("div", { className: "tooltip-text", style: { ...textStyle }, children: text })] })) : (children);
+};

package/dist/esm/hooks/useAskQuill.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useAskQuill.d.ts","sourceRoot":"","sources":["../../../src/hooks/useAskQuill.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AACxC,OAAO,EAEL,cAAc,IAAI,UAAU,EAE7B,MAAM,8BAA8B,CAAC;AAGtC,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAG9C,UAAU,MAAM;IACd,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,UAAU,CAAC;CACvB;AA6BD,eAAO,MAAM,WAAW;UAChB;QACJ,IAAI,EAAE,GAAG,EAAE,CAAC;QACZ,OAAO,EAAE,MAAM,EAAE,CAAC;QAClB,KAAK,EAAE,KAAK,GAAG,IAAI,CAAC;QACpB,cAAc,EAAE,MAAM,EAAE,CAAC;QACzB,iBAAiB,EAAE,MAAM,EAAE,CAAC;QAC5B,gBAAgB,EAAE,MAAM,EAAE,CAAC;QAC3B,UAAU,EAAE,UAAU,GAAG,IAAI,CAAC;KAE/B;aACQ,OAAO;WACT,MAAM,GAAG,SAAS;iBACZ,MAAM,KAAK,QAAQ,GAAG,GAAG,SAAS,CAAC;2BACzB,KAAK,KAAK,IAAI;qCACJ,UAAU,KAAK,IAAI;CAsMrD,CAAC"}
+{"version":3,"file":"useAskQuill.d.ts","sourceRoot":"","sources":["../../../src/hooks/useAskQuill.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AACxC,OAAO,EAEL,cAAc,IAAI,UAAU,EAE7B,MAAM,8BAA8B,CAAC;AAGtC,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAG9C,UAAU,MAAM;IACd,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,UAAU,CAAC;CACvB;AA6BD,eAAO,MAAM,WAAW;UAChB;QACJ,IAAI,EAAE,GAAG,EAAE,CAAC;QACZ,OAAO,EAAE,MAAM,EAAE,CAAC;QAClB,KAAK,EAAE,KAAK,GAAG,IAAI,CAAC;QACpB,cAAc,EAAE,MAAM,EAAE,CAAC;QACzB,iBAAiB,EAAE,MAAM,EAAE,CAAC;QAC5B,gBAAgB,EAAE,MAAM,EAAE,CAAC;QAC3B,UAAU,EAAE,UAAU,GAAG,IAAI,CAAC;KAE/B;aACQ,OAAO;WACT,MAAM,GAAG,SAAS;iBACZ,MAAM,KAAK,QAAQ,GAAG,GAAG,SAAS,CAAC;2BACzB,KAAK,KAAK,IAAI;qCACJ,UAAU,KAAK,IAAI;CA0MrD,CAAC"}

package/dist/esm/hooks/useAskQuill.js

@@ -1,5 +1,5 @@
 import { useContext, useEffect, useState } from 'react';
-import { ClientContext, SchemaContext } from '../Context';
+import { ClientContext, SchemaDataContext } from '../Context';
 import { fetchAndProcessASTFromPrompt } from '../utils/astProcessing';
 import { fetchReportBuilderDataFromAST, } from '../utils/report';
 import { astToFilterTree, filterTreeToAst, } from '../utils/astFilterProcessing';
@@ -34,7 +34,7 @@ function convertColumnInternalToAskQuillColumn(columns) {
 }
 export const useAskQuill = () => {
     const [client] = useContext(ClientContext);
-    const [schema] = useContext(SchemaContext);
+    const [schemaData] = useContext(SchemaDataContext);
     const [astInfo, setAstInfo] = useState(undefined);
     const [data, setData] = useState({
         rows: [],
@@ -65,16 +65,16 @@ export const useAskQuill = () => {
         setLoading(true);
         try {
             setLoading(true);
-            astInfo = await fetchAndProcessASTFromPrompt(query, schema, client);
+            astInfo = await fetchAndProcessASTFromPrompt(query, schemaData.schema, client);
             if (astInfo.error) {
                 throw new Error(astInfo.error);
             }
-            reportBuilderInfo = await fetchReportBuilderDataFromAST(astInfo.ast, astInfo.whereAST, schema, client, astInfo.pivot);
+            reportBuilderInfo = await fetchReportBuilderDataFromAST(astInfo.ast, astInfo.whereAST, schemaData.schema, client, astInfo.pivot);
             if (!reportBuilderInfo) {
                 throw new Error('Error fetching report');
             }
             const tableName = reportBuilderInfo.table;
-            const tableInfo = schema.find((table) => table.name === tableName);
+            const tableInfo = schemaData.schema.find((table) => table.name === tableName);
             if (!tableInfo) {
                 throw new Error('Table not found');
             }
@@ -112,7 +112,7 @@ export const useAskQuill = () => {
         let reportBuilderInfo = undefined;
         try {
             setLoading(true);
-            reportBuilderInfo = await fetchReportBuilderDataFromAST(astInfo.ast, astInfo.whereAST, schema, client, newPivot);
+            reportBuilderInfo = await fetchReportBuilderDataFromAST(astInfo.ast, astInfo.whereAST, schemaData.schema, client, newPivot);
             setLoading(false);
             if (!reportBuilderInfo) {
                 throw new Error('Error fetching report builder data');
@@ -148,7 +148,7 @@ export const useAskQuill = () => {
         try {
             const filterAst = filterTreeToAst(filterTree, client?.databaseType?.toLowerCase() ?? 'postgresql');
             setLoading(true);
-            reportBuilderInfo = await fetchReportBuilderDataFromAST(astInfo.ast, filterAst, schema, client, data.pivot || undefined);
+            reportBuilderInfo = await fetchReportBuilderDataFromAST(astInfo.ast, filterAst, schemaData.schema, client, data.pivot || undefined);
             setLoading(false);
         }
         catch (err) {
@@ -169,7 +169,7 @@ export const useAskQuill = () => {
     };
     useEffect(() => {
         setAsk(() => askHelper);
-    }, [schema]);
+    }, [schemaData.schema]);
     return {
         data,
         loading,

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

@@ -7,6 +7,9 @@ import { Client } from '../models/Client';
  *
  * Hook that takes in an ast where node and parses it into a filter tree
  */
-declare const useAstToFilterTree: (ast: any, client: Client) => FilterTreeNode | null;
+declare const useAstToFilterTree: (ast: any, client: Client) => {
+    filterTree: FilterTreeNode | null;
+    filterStack: FilterTreeNode[];
+};
 export default useAstToFilterTree;
 //# sourceMappingURL=useAstToFilterTree.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"useAstToFilterTree.d.ts","sourceRoot":"","sources":["../../../src/hooks/useAstToFilterTree.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAmB,MAAM,8BAA8B,CAAC;AAC/E,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAE1C;;;;;;GAMG;AACH,QAAA,MAAM,kBAAkB,QAAS,GAAG,UAAU,MAAM,0BAkBnD,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
+{"version":3,"file":"useAstToFilterTree.d.ts","sourceRoot":"","sources":["../../../src/hooks/useAstToFilterTree.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAmB,MAAM,8BAA8B,CAAC;AAC/E,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAG1C;;;;;;GAMG;AACH,QAAA,MAAM,kBAAkB,QACjB,GAAG,UACA,MAAM;gBACC,cAAc,GAAG,IAAI;iBAAe,cAAc,EAAE;CAoBpE,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/dist/esm/hooks/useAstToFilterTree.js

@@ -1,5 +1,6 @@
 import { useEffect, useState } from 'react';
 import { astToFilterTree } from '../utils/astFilterProcessing';
+import { generateFilterStack } from '../utils/filterProcessing';
 /**
  * @param ast
  * @param client
@@ -9,16 +10,18 @@ import { astToFilterTree } from '../utils/astFilterProcessing';
  */
 const useAstToFilterTree = (ast, client) => {
     const [filterTree, setFilterTree] = useState(null);
+    const [filterStack, setFilterStack] = useState([]);
     useEffect(() => {
         if (!ast || !client) {
             return setFilterTree(null);
         }
         const fetchFilter = () => {
             const filterPromise = astToFilterTree(ast, client.databaseType?.toLowerCase() || 'postgresql');
+            setFilterStack(generateFilterStack(filterPromise));
             setFilterTree(filterPromise);
         };
         fetchFilter();
     }, [ast, client]);
-    return filterTree;
+    return { filterTree, filterStack };
 };
 export default useAstToFilterTree;

package/dist/esm/hooks/useDashboard.d.ts

@@ -1,6 +1,10 @@
+import { QuillReportInternal } from '../models/Report';
+export declare const useReports: () => {
+    reloadFilteredReports: (predicate: (report: QuillReportInternal) => boolean) => void;
+};
 export declare const useDashboard: (dashboardName: string) => {
     data: import("../models/Dashboard").DashboardConfig | null | undefined;
-    isLoading: boolean;
+    isLoading: boolean | undefined;
     error: any;
     reload: (overrideDashboardName?: string, fetchFromServer?: boolean) => Promise<void>;
 };

package/dist/esm/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;CAiFjC,CAAC"}
+{"version":3,"file":"useDashboard.d.ts","sourceRoot":"","sources":["../../../src/hooks/useDashboard.ts"],"names":[],"mappings":"AAOA,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAEvD,eAAO,MAAM,UAAU;gDAYC,mBAAmB,KAAK,OAAO;CAYtD,CAAC;AAEF,eAAO,MAAM,YAAY,kBAAmB,MAAM;;;;qCAqBtB,MAAM;CAmFjC,CAAC"}

package/dist/esm/hooks/useDashboard.js

@@ -1,6 +1,26 @@
-import { useContext, useEffect, useRef, useState } from 'react';
-import { ClientContext, DashboardConfigContext } from '../Context';
+import { useContext, useEffect, useMemo, useRef, useState } from 'react';
+import { ClientContext, DashboardConfigContext, DashboardContext, } from '../Context';
 import { getData } from '../utils/dataFetcher';
+export const useReports = () => {
+    const [dashboard, dispatch] = useContext(DashboardContext);
+    const reloadReport = (id) => {
+        dispatch({
+            type: 'UPDATE_DASHBOARD_ITEM',
+            id: id,
+            data: { ...dashboard[id], triggerReload: true },
+        });
+    };
+    const reloadFilteredReports = (predicate) => {
+        for (const id in dashboard) {
+            if (predicate(dashboard[id])) {
+                reloadReport(id);
+            }
+        }
+    };
+    return {
+        reloadFilteredReports,
+    };
+};
 export const useDashboard = (dashboardName) => {
     const [dashboardConfig, dashboardConfigContext] = useContext(DashboardConfigContext);
     // if (dashboardName === undefined || dashboardName === null) {
@@ -9,6 +29,10 @@ export const useDashboard = (dashboardName) => {
     const [isLoading, setIsLoading] = useState(true);
     const [error, setError] = useState(null);
     const [client, isClientLoading] = useContext(ClientContext);
+    const loading = useMemo(() => isLoading ||
+        isClientLoading ||
+        (dashboardConfig[dashboardName] &&
+            !dashboardConfig[dashboardName]?.sections), [isLoading, isClientLoading, dashboardConfig, dashboardName]);
     const handleReload = async (overrideDashboardName, fetchFromServer = false) => {
         await getDashboards(overrideDashboardName ?? dashboardName, fetchFromServer);
     };
@@ -64,12 +88,11 @@ export const useDashboard = (dashboardName) => {
         }
     }
     useEffectAwaitingLoad(() => {
-        console.log("triggered by", client);
         getDashboards(dashboardName, true);
     }, [dashboardName, client], isClientLoading);
     return {
-        data: isLoading ? null : dashboardConfig[dashboardName],
-        isLoading,
+        data: loading ? null : dashboardConfig[dashboardName],
+        isLoading: loading,
         error,
         reload: handleReload,
     };

package/dist/esm/hooks/useOnClickOutside.js

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

package/dist/esm/hooks/useQuill.js

@@ -1,5 +1,5 @@
 import { useContext, useEffect, useState } from 'react';
-import { ClientContext, CustomFieldContext, DashboardContext, DashboardFiltersContext, } from '../Context';
+import { ClientContext, DashboardContext, DashboardFiltersContext, SchemaDataContext, } from '../Context';
 import { mergeComparisonRange } from '../utils/merge';
 import { convertInternalReportToReport, fetchReport } from '../utils/report';
 import { shouldFetchMore } from '../utils/paginationProcessing';
@@ -8,7 +8,7 @@ import { getPointToPointPercentageChange, getSimplePercentageChange, getSumOfFie
 export const useQuill = (reportId, pagination) => {
     const [dashboard, dispatch] = useContext(DashboardContext);
     const { dashboardFilters } = useContext(DashboardFiltersContext);
-    const [customFields] = useContext(CustomFieldContext);
+    const [schemaData] = useContext(SchemaDataContext);
     const [client] = useContext(ClientContext);
     const [data, setData] = useState(null);
     const [loading, setLoading] = useState(true);
@@ -79,7 +79,7 @@ export const useQuill = (reportId, pagination) => {
                     // @ts-ignore
                     dashboard[reportId].dashboardName === f.dashboardName);
                 const updatedProcessing = { ...additionalProcessing, ...processing };
-                const paginatedRows = await fetchTableByReport(reportId, client, updatedProcessing, specificDashboardFilter, customFields);
+                const paginatedRows = await fetchTableByReport(reportId, client, updatedProcessing, specificDashboardFilter, schemaData.customFields);
                 if (paginatedRows.error) {
                     throw new Error('Error fetching chart');
                 }
@@ -118,9 +118,9 @@ export const useQuill = (reportId, pagination) => {
             // @ts-ignore
             dashboard[curReportId].dashboardName === f.dashboardName);
         setLoading(true);
-        const { report, error } = await fetchReport(curReportId, client, useReportTask, specificDashboardFilter, additionalProcessing, undefined, customFields);
+        const { report, error } = await fetchReport(curReportId, client, useReportTask, specificDashboardFilter, additionalProcessing, undefined, schemaData.customFields);
         dispatch({
-            type: 'UPDATE_DASHBOARD_ITEM',
+            type: 'ADD_DASHBOARD_ITEM',
             id: reportId,
             data: {
                 ...report,