@quillsql/react 2.12.45 → 2.12.47

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

@@ -7,6 +7,7 @@ const bigDateMap_1 = require("./bigDateMap");
 const textProcessing_1 = require("../../utils/textProcessing");
 const parserBigQuery_1 = require("../../utils/parserBigQuery");
 const parserPostgres_1 = require("../../utils/parserPostgres");
+const astFilterProcessing_1 = require("../../utils/astFilterProcessing");
 /**
  * A node that is "in" or "not in" where none of the variants are selected.
  */
@@ -666,19 +667,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 = (0, astFilterProcessing_1.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 = (0, astFilterProcessing_1.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;
@@ -693,8 +707,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;
     }
@@ -708,13 +722,13 @@ function removeNonSelectedTableFilters(node, table, columns) {
         return null;
     }
 }
-function removeNonSelectedTableReferences(ast, table, columns) {
+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;
 }
 exports.removeNonSelectedTableReferences = removeNonSelectedTableReferences;

package/dist/cjs/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/cjs/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/cjs/components/UiComponents.js

@@ -26,17 +26,18 @@ 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.QuillModalComponent = 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.QuillToolTip = exports.OverflowContainer = exports.QuillLoadingComponent = exports.QuillColumnSearchEmptyState = exports.QuillErrorMessageComponent = exports.QuillChartBuilderFormContainer = exports.QuillModalComponent = 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");
 const Context_1 = require("../Context");
 const QuillTable_1 = __importDefault(require("./QuillTable"));
 const ChartSkeleton_1 = __importStar(require("./Chart/ChartSkeleton"));
+const paginationProcessing_1 = require("../utils/paginationProcessing");
 /**
  * The fallback TextInput element for Quill.
  */
-const QuillTextInput = ({ id, value, width, label, placeholder, onChange, }) => {
+exports.QuillTextInput = (0, react_1.forwardRef)(({ id, value, width, label, placeholder, onChange }, ref) => {
     const [theme] = (0, react_1.useContext)(Context_1.ThemeContext);
     return ((0, jsx_runtime_1.jsxs)("label", { style: {
             position: 'relative',
@@ -49,7 +50,7 @@ const QuillTextInput = ({ id, value, width, label, placeholder, onChange, }) =>
                     fontFamily: theme?.fontFamily,
                     paddingBottom: 5,
                     fontWeight: 600,
-                }, children: label })), (0, jsx_runtime_1.jsx)("input", { style: {
+                }, children: label })), (0, jsx_runtime_1.jsx)("input", { ref: ref, style: {
                     display: 'flex',
                     height: 40,
                     minHeight: 40,
@@ -65,34 +66,36 @@ const QuillTextInput = ({ id, value, width, label, placeholder, onChange, }) =>
                     width: width,
                     minWidth: width,
                 }, id: id, value: value, placeholder: placeholder, onChange: onChange })] }));
-};
-exports.QuillTextInput = QuillTextInput;
-const MemoizedButton = ({ label, onClick, disabled, icon, }) => {
+});
+const MemoizedButton = ({ label, onClick, disabled, icon, tooltipText, }) => {
     const [theme] = (0, react_1.useContext)(Context_1.ThemeContext);
-    return ((0, jsx_runtime_1.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: [(0, jsx_runtime_1.jsx)("style", { children: `
+    return ((0, jsx_runtime_1.jsx)(exports.QuillToolTip, { enabled: !!tooltipText && tooltipText !== '', text: tooltipText ?? '', children: (0, jsx_runtime_1.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: [(0, jsx_runtime_1.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] }) }));
 };
 exports.MemoizedButton = MemoizedButton;
 const MemoizedSecondaryButton = ({ label, onClick, icon, }) => {
@@ -400,7 +403,7 @@ const LoadingSpinner = () => ((0, jsx_runtime_1.jsx)("div", { style: {
         alignItems: 'center',
     }, children: (0, jsx_runtime_1.jsxs)("svg", { width: "24", height: "24", children: [(0, jsx_runtime_1.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: (0, jsx_runtime_1.jsx)("animateTransform", { attributeName: "transform", attributeType: "XML", type: "rotate", from: "-180 12 12", to: "180 12 12", dur: "0.8s", repeatCount: "indefinite" }) }), (0, jsx_runtime_1.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: (0, jsx_runtime_1.jsx)("animateTransform", { attributeName: "transform", attributeType: "XML", type: "rotate", from: "0 12 12", to: "360 12 12", dur: "0.8s", repeatCount: "indefinite" }) })] }) }));
 exports.LoadingSpinner = LoadingSpinner;
-const QuillTableSQLEditorComponent = ({ rows, columns, isLoading = false, rowCount, onPageChange, onSortChange, }) => {
+const QuillTableSQLEditorComponent = ({ rows, columns, isLoading = false, rowCount, rowsPerPage, onPageChange, onSortChange, containerStyle, }) => {
     const [sort, setSort] = (0, react_1.useState)({ field: '', direction: '' });
     const [page, setPage] = (0, react_1.useState)(0);
     if (isLoading) {
@@ -412,14 +415,14 @@ const QuillTableSQLEditorComponent = ({ rows, columns, isLoading = false, rowCou
                 height: '100%',
             }, 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) => {
+    return ((0, jsx_runtime_1.jsx)(QuillTable_1.default, { rows: rows, columns: columns, rowsPerPage: rowsPerPage || paginationProcessing_1.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 }));
 };
 exports.QuillTableSQLEditorComponent = QuillTableSQLEditorComponent;
 const QuillTableComponent = ({ rows, columns, isLoading = false, rowCount, onPageChange, onSortChange, }) => {
@@ -440,7 +443,7 @@ const QuillTableComponent = ({ rows, columns, isLoading = false, rowCount, onPag
                 height: '100%',
             }, 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) => {
+    return ((0, jsx_runtime_1.jsx)(QuillTable_1.default, { rows: rows, columns: columns, rowsPerPage: paginationProcessing_1.DEFAULT_PAGINATION.rowsPerPage, rowCount: rowCount, onPageChange: (page) => {
             setPage(page);
             onPageChange && onPageChange(page);
         }, onSortChange: (sort) => {
@@ -666,3 +669,131 @@ const QuillLoadingComponent = () => {
         }, children: [(0, jsx_runtime_1.jsx)("div", { style: { height: 100 } }), (0, jsx_runtime_1.jsxs)("svg", { width: "24", height: "24", children: [(0, jsx_runtime_1.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: (0, jsx_runtime_1.jsx)("animateTransform", { attributeName: "transform", attributeType: "XML", type: "rotate", from: "-180 12 12", to: "180 12 12", dur: "0.8s", repeatCount: "indefinite" }) }), (0, jsx_runtime_1.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: (0, jsx_runtime_1.jsx)("animateTransform", { attributeName: "transform", attributeType: "XML", type: "rotate", from: "0 12 12", to: "360 12 12", dur: "0.8s", repeatCount: "indefinite" }) })] })] }));
 };
 exports.QuillLoadingComponent = QuillLoadingComponent;
+const OverflowContainer = ({ children }) => {
+    const containerRef = (0, react_1.useRef)(null);
+    const [showTopShadow, setShowTopShadow] = (0, react_1.useState)(false);
+    const [showBottomShadow, setShowBottomShadow] = (0, react_1.useState)(false);
+    const checkOverflow = () => {
+        const container = containerRef.current;
+        if (container) {
+            const { scrollTop, scrollHeight, clientHeight } = container;
+            setShowTopShadow(scrollTop > 0);
+            setShowBottomShadow(scrollHeight > clientHeight && scrollTop < scrollHeight - clientHeight);
+        }
+    };
+    (0, react_1.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 ((0, jsx_runtime_1.jsxs)("div", { style: containerStyle, ref: containerRef, onScroll: checkOverflow, onTouchMove: checkOverflow, onMouseMove: checkOverflow, children: [(0, jsx_runtime_1.jsx)("div", { style: topShadowStyle }), children, (0, jsx_runtime_1.jsx)("div", { style: bottomShadowStyle })] }));
+};
+exports.OverflowContainer = OverflowContainer;
+const QuillToolTip = ({ children, text, enabled = true, containerStyle = {}, textStyle = {}, }) => {
+    const [theme] = (0, react_1.useContext)(Context_1.ThemeContext);
+    return enabled ? ((0, jsx_runtime_1.jsxs)("div", { className: "tooltip-container", style: { ...containerStyle }, children: [(0, jsx_runtime_1.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, (0, jsx_runtime_1.jsx)("div", { className: "tooltip-text", style: { ...textStyle }, children: text })] })) : (children);
+};
+exports.QuillToolTip = QuillToolTip;

package/dist/cjs/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/cjs/hooks/useAskQuill.js

@@ -37,7 +37,7 @@ function convertColumnInternalToAskQuillColumn(columns) {
 }
 const useAskQuill = () => {
     const [client] = (0, react_1.useContext)(Context_1.ClientContext);
-    const [schema] = (0, react_1.useContext)(Context_1.SchemaContext);
+    const [schemaData] = (0, react_1.useContext)(Context_1.SchemaDataContext);
     const [astInfo, setAstInfo] = (0, react_1.useState)(undefined);
     const [data, setData] = (0, react_1.useState)({
         rows: [],
@@ -68,16 +68,16 @@ const useAskQuill = () => {
         setLoading(true);
         try {
             setLoading(true);
-            astInfo = await (0, astProcessing_1.fetchAndProcessASTFromPrompt)(query, schema, client);
+            astInfo = await (0, astProcessing_1.fetchAndProcessASTFromPrompt)(query, schemaData.schema, client);
             if (astInfo.error) {
                 throw new Error(astInfo.error);
             }
-            reportBuilderInfo = await (0, report_1.fetchReportBuilderDataFromAST)(astInfo.ast, astInfo.whereAST, schema, client, astInfo.pivot);
+            reportBuilderInfo = await (0, report_1.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');
             }
@@ -115,7 +115,7 @@ const useAskQuill = () => {
         let reportBuilderInfo = undefined;
         try {
             setLoading(true);
-            reportBuilderInfo = await (0, report_1.fetchReportBuilderDataFromAST)(astInfo.ast, astInfo.whereAST, schema, client, newPivot);
+            reportBuilderInfo = await (0, report_1.fetchReportBuilderDataFromAST)(astInfo.ast, astInfo.whereAST, schemaData.schema, client, newPivot);
             setLoading(false);
             if (!reportBuilderInfo) {
                 throw new Error('Error fetching report builder data');
@@ -151,7 +151,7 @@ const useAskQuill = () => {
         try {
             const filterAst = (0, astFilterProcessing_1.filterTreeToAst)(filterTree, client?.databaseType?.toLowerCase() ?? 'postgresql');
             setLoading(true);
-            reportBuilderInfo = await (0, report_1.fetchReportBuilderDataFromAST)(astInfo.ast, filterAst, schema, client, data.pivot || undefined);
+            reportBuilderInfo = await (0, report_1.fetchReportBuilderDataFromAST)(astInfo.ast, filterAst, schemaData.schema, client, data.pivot || undefined);
             setLoading(false);
         }
         catch (err) {
@@ -172,7 +172,7 @@ const useAskQuill = () => {
     };
     (0, react_1.useEffect)(() => {
         setAsk(() => askHelper);
-    }, [schema]);
+    }, [schemaData.schema]);
     return {
         data,
         loading,

package/dist/cjs/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/cjs/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/cjs/hooks/useAstToFilterTree.js

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
 const astFilterProcessing_1 = require("../utils/astFilterProcessing");
+const filterProcessing_1 = require("../utils/filterProcessing");
 /**
  * @param ast
  * @param client
@@ -11,16 +12,18 @@ const astFilterProcessing_1 = require("../utils/astFilterProcessing");
  */
 const useAstToFilterTree = (ast, client) => {
     const [filterTree, setFilterTree] = (0, react_1.useState)(null);
+    const [filterStack, setFilterStack] = (0, react_1.useState)([]);
     (0, react_1.useEffect)(() => {
         if (!ast || !client) {
             return setFilterTree(null);
         }
         const fetchFilter = () => {
             const filterPromise = (0, astFilterProcessing_1.astToFilterTree)(ast, client.databaseType?.toLowerCase() || 'postgresql');
+            setFilterStack((0, filterProcessing_1.generateFilterStack)(filterPromise));
             setFilterTree(filterPromise);
         };
         fetchFilter();
     }, [ast, client]);
-    return filterTree;
+    return { filterTree, filterStack };
 };
 exports.default = useAstToFilterTree;

package/dist/cjs/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/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;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/cjs/hooks/useDashboard.js

@@ -1,9 +1,30 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useDashboard = void 0;
+exports.useDashboard = exports.useReports = void 0;
 const react_1 = require("react");
 const Context_1 = require("../Context");
 const dataFetcher_1 = require("../utils/dataFetcher");
+const useReports = () => {
+    const [dashboard, dispatch] = (0, react_1.useContext)(Context_1.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,
+    };
+};
+exports.useReports = useReports;
 const useDashboard = (dashboardName) => {
     const [dashboardConfig, dashboardConfigContext] = (0, react_1.useContext)(Context_1.DashboardConfigContext);
     // if (dashboardName === undefined || dashboardName === null) {
@@ -12,6 +33,10 @@ const useDashboard = (dashboardName) => {
     const [isLoading, setIsLoading] = (0, react_1.useState)(true);
     const [error, setError] = (0, react_1.useState)(null);
     const [client, isClientLoading] = (0, react_1.useContext)(Context_1.ClientContext);
+    const loading = (0, react_1.useMemo)(() => isLoading ||
+        isClientLoading ||
+        (dashboardConfig[dashboardName] &&
+            !dashboardConfig[dashboardName]?.sections), [isLoading, isClientLoading, dashboardConfig, dashboardName]);
     const handleReload = async (overrideDashboardName, fetchFromServer = false) => {
         await getDashboards(overrideDashboardName ?? dashboardName, fetchFromServer);
     };
@@ -67,12 +92,11 @@ 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/cjs/hooks/useOnClickOutside.js

@@ -9,10 +9,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/cjs/hooks/useQuill.js

@@ -11,7 +11,7 @@ const dataProcessing_1 = require("../utils/dataProcessing");
 const useQuill = (reportId, pagination) => {
     const [dashboard, dispatch] = (0, react_1.useContext)(Context_1.DashboardContext);
     const { dashboardFilters } = (0, react_1.useContext)(Context_1.DashboardFiltersContext);
-    const [customFields] = (0, react_1.useContext)(Context_1.CustomFieldContext);
+    const [schemaData] = (0, react_1.useContext)(Context_1.SchemaDataContext);
     const [client] = (0, react_1.useContext)(Context_1.ClientContext);
     const [data, setData] = (0, react_1.useState)(null);
     const [loading, setLoading] = (0, react_1.useState)(true);
@@ -82,7 +82,7 @@ const useQuill = (reportId, pagination) => {
                     // @ts-ignore
                     dashboard[reportId].dashboardName === f.dashboardName);
                 const updatedProcessing = { ...additionalProcessing, ...processing };
-                const paginatedRows = await (0, tableProcessing_1.fetchTableByReport)(reportId, client, updatedProcessing, specificDashboardFilter, customFields);
+                const paginatedRows = await (0, tableProcessing_1.fetchTableByReport)(reportId, client, updatedProcessing, specificDashboardFilter, schemaData.customFields);
                 if (paginatedRows.error) {
                     throw new Error('Error fetching chart');
                 }
@@ -121,9 +121,9 @@ const useQuill = (reportId, pagination) => {
             // @ts-ignore
             dashboard[curReportId].dashboardName === f.dashboardName);
         setLoading(true);
-        const { report, error } = await (0, report_1.fetchReport)(curReportId, client, useReportTask, specificDashboardFilter, additionalProcessing, undefined, customFields);
+        const { report, error } = await (0, report_1.fetchReport)(curReportId, client, useReportTask, specificDashboardFilter, additionalProcessing, undefined, schemaData.customFields);
         dispatch({
-            type: 'UPDATE_DASHBOARD_ITEM',
+            type: 'ADD_DASHBOARD_ITEM',
             id: reportId,
             data: {
                 ...report,