@quillsql/react 2.14.13 → 2.14.14

package/dist/esm/components/UiComponents.js

@@ -249,7 +249,7 @@ export const MemoizedText = ({ label }) => {
 /**
  * The one, true Quill popover component.
  */
-export const MemoizedPopover = ({ isOpen, setIsOpen, triggerLabel, popoverTitle = undefined, popoverChildren, containerStyle, disabled, ignoredRefs, }) => {
+export const MemoizedPopover = ({ isOpen, setIsOpen, triggerLabel, popoverTitle = undefined, popoverChildren, containerStyle, disabled, ignoredRefs, horizontalPadding = 20, titlePaddingLeft = 0, }) => {
     const [theme] = useContext(ThemeContext);
     const [rightAlignment, setRightAlignment] = useState('auto');
     const modalRef = useRef(null);
@@ -309,7 +309,7 @@ export const MemoizedPopover = ({ isOpen, setIsOpen, triggerLabel, popoverTitle
                         zIndex: 999,
                         // top: 12,
                         borderRadius: 6,
-                        padding: 20,
+                        padding: `20px ${horizontalPadding}px 20px ${horizontalPadding}px`,
                         right: rightAlignment,
                     }, children: [popoverTitle && (_jsx("h1", { style: {
                                 fontWeight: '600',
@@ -319,6 +319,7 @@ export const MemoizedPopover = ({ isOpen, setIsOpen, triggerLabel, popoverTitle
                                 marginBottom: 5,
                                 color: theme?.primaryTextColor,
                                 fontFamily: theme?.fontFamily,
+                                paddingLeft: titlePaddingLeft,
                             }, children: popoverTitle })), popoverChildren] }) }))] }));
 };
 export function MemoizedModal({ isOpen, setIsOpen, title, children, width, height, }) {
@@ -443,7 +444,7 @@ export const QuillTableReportBuilderComponent = ({ rows, columns, isLoading = fa
             setCurrentPage && setCurrentPage(0);
             setPage(0);
             onSortChange && onSortChange(sort);
-        }, sort: sort, currentPage: currentPage ?? page, isLoading: isLoading, containerStyle: containerStyle, disableSort: disableSort }));
+        }, sort: sort, currentPage: currentPage ?? page, isLoading: isLoading, containerStyle: containerStyle, disableSort: disableSort, overrideInMemortSort: true }));
 };
 export const QuillTableComponent = ({ rows, columns, isLoading = false, rowCount, rowCountIsLoading, onPageChange, onSortChange, currentPage, hideLabels, }) => {
     const [sort, setSort] = useState({ field: '', direction: '' });
@@ -696,7 +697,7 @@ export const QuillLoadingComponent = () => {
                         , strokeDashoffset: "19.63 39.25" // 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 }) => {
+export const OverflowContainer = ({ children, style, }) => {
     const containerRef = useRef(null);
     const [showTopShadow, setShowTopShadow] = useState(false);
     const [showBottomShadow, setShowBottomShadow] = useState(false);
@@ -731,7 +732,7 @@ export const OverflowContainer = ({ children }) => {
     const containerStyle = {
         position: 'relative',
         overflowY: 'auto',
-        // height: '100%',
+        ...style,
     };
     const shadowStyle = {
         position: 'sticky',

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

@@ -1 +1 @@
-{"version":3,"file":"useAskQuill.d.ts","sourceRoot":"","sources":["../../../src/hooks/useAskQuill.tsx"],"names":[],"mappings":"AAYA,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AACxC,OAAO,EAEL,cAAc,IAAI,UAAU,EAE7B,MAAM,8BAA8B,CAAC;AAGtC,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAG7C,UAAU,MAAM;IACd,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,SAAS,CAAC;CACtB;AA6BD,eAAO,MAAM,WAAW,kBACP,MAAM,KACpB;IACD,IAAI,EAAE;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,CAAC;IACF,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,GAAG,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,GAAG,GAAG,SAAS,CAAC,CAAC;IACjD,aAAa,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACtC,kBAAkB,EAAE,CAAC,UAAU,EAAE,UAAU,KAAK,IAAI,CAAC;CAmNtD,CAAC"}
+{"version":3,"file":"useAskQuill.d.ts","sourceRoot":"","sources":["../../../src/hooks/useAskQuill.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AACxC,OAAO,EAEL,cAAc,IAAI,UAAU,EAE7B,MAAM,8BAA8B,CAAC;AAGtC,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAG7C,UAAU,MAAM;IACd,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,SAAS,CAAC;CACtB;AA6BD,eAAO,MAAM,WAAW,kBACP,MAAM,KACpB;IACD,IAAI,EAAE;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,CAAC;IACF,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,GAAG,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,GAAG,GAAG,SAAS,CAAC,CAAC;IACjD,aAAa,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACtC,kBAAkB,EAAE,CAAC,UAAU,EAAE,UAAU,KAAK,IAAI,CAAC;CAyPtD,CAAC"}

package/dist/esm/hooks/useAskQuill.js

@@ -1,5 +1,5 @@
 import { useContext, useEffect, useState } from 'react';
-import { ClientContext, FetchContext, SchemaDataContext, TenantContext, } from '../Context';
+import { ClientContext, EventTrackingContext, FetchContext, SchemaDataContext, TenantContext, } from '../Context';
 import { fetchAndProcessASTFromPrompt } from '../utils/astProcessing';
 import { fetchReportBuilderDataFromAST, } from '../utils/report';
 import { astToFilterTree, filterTreeToAst, } from '../utils/astFilterProcessing';
@@ -37,6 +37,7 @@ export const useAskQuill = (dashboardName) => {
     const [schemaData] = useContext(SchemaDataContext);
     const { tenants } = useContext(TenantContext);
     const { getToken } = useContext(FetchContext);
+    const { eventTracking } = useContext(EventTrackingContext);
     const [astInfo, setAstInfo] = useState(undefined);
     const [data, setData] = useState({
         rows: [],
@@ -73,6 +74,7 @@ export const useAskQuill = (dashboardName) => {
                 dashboardName,
                 tenants,
                 getToken,
+                eventTracking,
             });
             if (astInfo.error) {
                 throw new Error(astInfo.error);
@@ -85,6 +87,7 @@ export const useAskQuill = (dashboardName) => {
                 pivot: astInfo.pivot,
                 dashboardName,
                 getToken,
+                eventTracking,
             });
             if (!reportBuilderInfo) {
                 throw new Error('Error fetching report');
@@ -102,6 +105,17 @@ export const useAskQuill = (dashboardName) => {
                 setError(err.message);
                 setLoading(false);
             }
+            eventTracking?.logError?.({
+                type: 'bug', // TODO: determine type
+                severity: 'high',
+                message: 'Error fetching ask quill',
+                errorMessage: err.message,
+                errorStack: err.stack,
+                errorData: {
+                    caller: 'useAskQuill',
+                    function: 'askHelper',
+                },
+            });
             return;
         }
         const convertedColumns = convertColumnInternalToAskQuillColumn(reportBuilderInfo?.pivotData?.columns || reportBuilderInfo?.columns || []);
@@ -135,6 +149,7 @@ export const useAskQuill = (dashboardName) => {
                 pivot: newPivot,
                 dashboardName,
                 getToken,
+                eventTracking,
             });
             setLoading(false);
             if (!reportBuilderInfo) {
@@ -142,6 +157,17 @@ export const useAskQuill = (dashboardName) => {
             }
         }
         catch (err) {
+            eventTracking?.logError?.({
+                type: 'bug', // TODO: determine type
+                severity: 'high',
+                message: 'Error fetching ask quill',
+                errorMessage: err.message,
+                errorStack: err.stack,
+                errorData: {
+                    caller: 'useAskQuill',
+                    function: 'onChangePivot',
+                },
+            });
             if (err instanceof Error) {
                 setError(err.message);
                 setLoading(false);
@@ -179,10 +205,22 @@ export const useAskQuill = (dashboardName) => {
                 pivot: data.pivot || undefined,
                 dashboardName,
                 getToken,
+                eventTracking,
             });
             setLoading(false);
         }
         catch (err) {
+            eventTracking?.logError?.({
+                type: 'bug', // TODO: determine type
+                severity: 'high',
+                message: 'Error fetching ask quill',
+                errorMessage: err.message,
+                errorStack: err.stack,
+                errorData: {
+                    caller: 'useAskQuill',
+                    function: 'onChangeFilterTree',
+                },
+            });
             if (err instanceof Error) {
                 setError(err.message);
                 setLoading(false);

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

@@ -75,7 +75,9 @@ export declare const useDashboard: (dashboardName: string) => {
         };
     } | Filter>) => void;
 };
-export declare const useDashboardReport: (reportId: string) => {
+export declare const useDashboardReport: (reportId: string, config?: {
+    initialFilters?: Filter[];
+}) => {
     report: QuillReport | null;
     loading: boolean;
     applyFilters: (filters: Filter[]) => 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":"AAeA,OAAO,EAAE,WAAW,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AACpE,OAAO,EAGL,uBAAuB,EAGvB,MAAM,EACN,cAAc,EAGd,eAAe,EAGhB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAMtD,eAAO,MAAM,oBAAoB,kBAChB,MAAM,GAAG,IAAI,kBACZ,cAAc,EAAE;;;;2CA0Mc,MAAM;qCAtK1B,MAAM,4CAEf;QACb,MAAM,EAAE,WAAW,GAAG;YAAE,EAAE,EAAE,MAAM,CAAA;SAAE,CAAC;QACrC,MAAM,EAAE,QAAQ,GAAG,QAAQ,CAAC;KAC7B,oBACiB;QAChB,OAAO,EAAE,uBAAuB,EAAE,CAAC;QACnC,iBAAiB,CAAC,EAAE,MAAM,CAAC;QAC3B,cAAc,CAAC,EAAE,OAAO,CAAC;KAC1B;oCAmFa;QAAE,OAAO,EAAE,MAAM,CAAC;QAAC,GAAG,CAAC,EAAE,MAAM,CAAC;QAAC,WAAW,EAAE,MAAM,EAAE,CAAA;KAAE,EAAE;CAwF3E,CAAC;AAEF,eAAO,MAAM,mBAAmB,mBAAoB,MAAM;;;;yBAK5B,OAAO,CAAC,mBAAmB,CAAC;sBAiB/B,mBAAmB;CAoB7C,CAAC;AAEF,eAAO,MAAM,aAAa;;;;CAqBzB,CAAC;AAEF,eAAO,MAAM,aAAa;;;;;;;;;;;;;;uEAsCrB;QACD,IAAI,EAAE,MAAM,CAAC;QACb,OAAO,EAAE,uBAAuB,EAAE,CAAC;QACnC,eAAe,EAAE,MAAM,EAAE,CAAC;QAC1B,UAAU,CAAC,EAAE,uBAAuB,CAAC;KACtC;4BAqDO,MAAM,gEAOT;QACD,OAAO,EAAE,MAAM,CAAC;QAChB,OAAO,EAAE,uBAAuB,EAAE,CAAC;QACnC,UAAU,CAAC,EAAE,uBAAuB,CAAC;QACrC,aAAa,CAAC,EAAE,cAAc,EAAE,CAAC;QACjC,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;KACvB;4BAyOkC,MAAM;CAwB5C,CAAC;AAGF,eAAO,MAAM,YAAY,kBACR,MAAM,KAEpB;IACD,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,WAAW,EAAE,CAAC,GAAG,IAAI,CAAC;IAC/C,OAAO,EAAE,eAAe,EAAE,CAAC;IAC3B,YAAY,EAAE,CACZ,OAAO,EAAE,KAAK,CACV;QACE,EAAE,EAAE,MAAM,CAAC;QACX,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG;YAAE,SAAS,CAAC,EAAE,IAAI,CAAC;YAAC,OAAO,CAAC,EAAE,IAAI,CAAA;SAAE,CAAC;KACjE,GACD,MAAM,CACT,KACE,IAAI,CAAC;CAiOX,CAAC;AAGF,eAAO,MAAM,kBAAkB,aACnB,MAAM,KACf;IACD,MAAM,EAAE,WAAW,GAAG,IAAI,CAAC;IAC3B,OAAO,EAAE,OAAO,CAAC;IACjB,YAAY,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAC1C,YAAY,EAAE,MAAM,IAAI,CAAC;CAiI1B,CAAC"}
+{"version":3,"file":"useDashboard.d.ts","sourceRoot":"","sources":["../../../src/hooks/useDashboard.ts"],"names":[],"mappings":"AAgBA,OAAO,EAAE,WAAW,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AACpE,OAAO,EAGL,uBAAuB,EAGvB,MAAM,EACN,cAAc,EAGd,eAAe,EAGhB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAMtD,eAAO,MAAM,oBAAoB,kBAChB,MAAM,GAAG,IAAI,kBACZ,cAAc,EAAE;;;;2CAoNc,MAAM;qCAjL1B,MAAM,4CAEf;QACb,MAAM,EAAE,WAAW,GAAG;YAAE,EAAE,EAAE,MAAM,CAAA;SAAE,CAAC;QACrC,MAAM,EAAE,QAAQ,GAAG,QAAQ,CAAC;KAC7B,oBACiB;QAChB,OAAO,EAAE,uBAAuB,EAAE,CAAC;QACnC,iBAAiB,CAAC,EAAE,MAAM,CAAC;QAC3B,cAAc,CAAC,EAAE,OAAO,CAAC;KAC1B;oCAmFa;QAAE,OAAO,EAAE,MAAM,CAAC;QAAC,GAAG,CAAC,EAAE,MAAM,CAAC;QAAC,WAAW,EAAE,MAAM,EAAE,CAAA;KAAE,EAAE;CAmG3E,CAAC;AAEF,eAAO,MAAM,mBAAmB,mBAAoB,MAAM;;;;yBAK5B,OAAO,CAAC,mBAAmB,CAAC;sBAiB/B,mBAAmB;CAoB7C,CAAC;AAEF,eAAO,MAAM,aAAa;;;;CAqBzB,CAAC;AAEF,eAAO,MAAM,aAAa;;;;;;;;;;;;;;uEAuCrB;QACD,IAAI,EAAE,MAAM,CAAC;QACb,OAAO,EAAE,uBAAuB,EAAE,CAAC;QACnC,eAAe,EAAE,MAAM,EAAE,CAAC;QAC1B,UAAU,CAAC,EAAE,uBAAuB,CAAC;KACtC;4BA2EO,MAAM,gEAOT;QACD,OAAO,EAAE,MAAM,CAAC;QAChB,OAAO,EAAE,uBAAuB,EAAE,CAAC;QACnC,UAAU,CAAC,EAAE,uBAAuB,CAAC;QACrC,aAAa,CAAC,EAAE,cAAc,EAAE,CAAC;QACjC,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;KACvB;4BAiQkC,MAAM;CAwB5C,CAAC;AAGF,eAAO,MAAM,YAAY,kBACR,MAAM,KAEpB;IACD,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,WAAW,EAAE,CAAC,GAAG,IAAI,CAAC;IAC/C,OAAO,EAAE,eAAe,EAAE,CAAC;IAC3B,YAAY,EAAE,CACZ,OAAO,EAAE,KAAK,CACV;QACE,EAAE,EAAE,MAAM,CAAC;QACX,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG;YAAE,SAAS,CAAC,EAAE,IAAI,CAAC;YAAC,OAAO,CAAC,EAAE,IAAI,CAAA;SAAE,CAAC;KACjE,GACD,MAAM,CACT,KACE,IAAI,CAAC;CA2PX,CAAC;AAGF,eAAO,MAAM,kBAAkB,aACnB,MAAM,WACP;IACP,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;CAC3B,KACA;IACD,MAAM,EAAE,WAAW,GAAG,IAAI,CAAC;IAC3B,OAAO,EAAE,OAAO,CAAC;IACjB,YAAY,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAC1C,YAAY,EAAE,MAAM,IAAI,CAAC;CA+I1B,CAAC"}

package/dist/esm/hooks/useDashboard.js

@@ -1,5 +1,5 @@
 import { useContext, useEffect, useMemo, useRef } from 'react';
-import { ClientContext, DashboardConfigContext, DashboardContext, DashboardFiltersContext, FetchContext, ReportFiltersContext, ReportsContext, TenantContext, } from '../Context';
+import { ClientContext, DashboardConfigContext, DashboardContext, DashboardFiltersContext, EventTrackingContext, FetchContext, ReportFiltersContext, ReportsContext, TenantContext, } from '../Context';
 import { convertPresetOptionsToSelectableList, PRIMARY_RANGE, } from '../DateRangePicker/dateRangePickerUtils';
 import { convertCustomFilter, InternalDashboardFilterType, StringFilterType, convertInternalDashboardFilterToDashboardFilter, } from '../models/Filter';
 import { createDefaultDateFilter } from '../utils/filterProcessing';
@@ -14,13 +14,12 @@ export const useDashboardInternal = (dashboardName, customFilters) => {
     // const [error, setError] = useState<any>(null);
     const [client, isClientLoading] = useContext(ClientContext);
     const { quillFetchWithToken } = useContext(FetchContext);
+    const { eventTracking } = useContext(EventTrackingContext);
     const loading = useMemo(() => {
         return (!dashboardName ||
             isClientLoading ||
             isDashboardsLoading ||
-            dashboardConfig[dashboardName]?.loading ||
-            (dashboardConfig[dashboardName] &&
-                !dashboardConfig[dashboardName]?.config.sections));
+            dashboardConfig[dashboardName]?.loading);
     }, [isClientLoading, dashboardConfig, dashboardName, isDashboardsLoading]);
     const populatedDashboardFilters = useMemo(() => {
         return dashboardName && dashboardFilters[dashboardName] !== undefined
@@ -140,6 +139,17 @@ export const useDashboardInternal = (dashboardName, customFilters) => {
             }
             catch (e) {
                 console.error(e);
+                eventTracking?.logError?.({
+                    type: 'bug', // TODO: determine type
+                    severity: 'high',
+                    message: 'Error setting section order',
+                    errorMessage: e.message,
+                    errorStack: e.stack,
+                    errorData: {
+                        caller: 'useDashboard',
+                        function: 'setSectionOrder',
+                    },
+                });
             }
         }
     };
@@ -228,6 +238,7 @@ export const useDashboards = () => {
     const { reportFiltersDispatch } = useContext(ReportFiltersContext);
     const [client, isLoading] = useContext(ClientContext);
     const { quillFetchWithToken } = useContext(FetchContext);
+    const { eventTracking } = useContext(EventTrackingContext);
     const dashboards = useMemo(() => {
         return Object.values(dashboardConfig)
             .map((dashboard) => {
@@ -277,6 +288,15 @@ export const useDashboards = () => {
                 task: 'edit-dashboard',
                 metadata: body,
             });
+            eventTracking?.logEvent?.('create-dashboard', {
+                dashboardName: name,
+            });
+            if (filters.length > 0 || dateFilter) {
+                eventTracking?.logEvent?.('update-dashboard-filters', {
+                    dashboardName: name,
+                    numFilters: filters.length + (dateFilter ? 1 : 0),
+                });
+            }
             dashboardConfigDispatch({
                 type: 'UPDATE_DASHBOARD',
                 id: name,
@@ -291,6 +311,17 @@ export const useDashboards = () => {
         }
         catch (e) {
             console.error(e);
+            eventTracking?.logError?.({
+                type: 'bug', // TODO: determine type
+                severity: 'high',
+                message: 'Error creating dashboard',
+                errorMessage: e.message,
+                errorStack: e.stack,
+                errorData: {
+                    caller: 'useDashboards',
+                    function: 'createDashboard',
+                },
+            });
         }
     };
     const updateDashboard = async (name, { newName, filters, dateFilter, customFilters, tenantKeys, }) => {
@@ -324,6 +355,16 @@ export const useDashboards = () => {
                 task: 'edit-dashboard',
                 metadata: body,
             });
+            eventTracking?.logEvent?.('update-dashboard', {
+                dashboardName: updated.data.dashboard.name,
+                dashboardId: updated.data.dashboard.dashboardId,
+            });
+            if (filters.length > 0 || dateFilter) {
+                eventTracking?.logEvent?.('update-dashboard-filters', {
+                    dashboardName: name,
+                    numFilters: filters.length + (dateFilter ? 1 : 0),
+                });
+            }
             dashboardConfigDispatch({
                 type: 'UPDATE_DASHBOARD',
                 id: updated.data.dashboard.name,
@@ -475,6 +516,17 @@ export const useDashboards = () => {
         }
         catch (e) {
             console.error(e);
+            eventTracking?.logError?.({
+                type: 'bug', // TODO: determine type
+                severity: 'high',
+                message: 'Error updating dashboard',
+                errorMessage: e.message,
+                errorStack: e.stack,
+                errorData: {
+                    caller: 'useDashboards',
+                    function: 'updateDashboard',
+                },
+            });
         }
     };
     const deleteDashboard = async (name) => {
@@ -513,6 +565,12 @@ export const useDashboard = (dashboardName) => {
     const { tenants, flags } = useContext(TenantContext);
     const { getToken } = useContext(FetchContext);
     const { customReportFilters } = useContext(ReportFiltersContext);
+    const { eventTracking } = useContext(EventTrackingContext);
+    const customFiltersRef = useRef(customReportFilters);
+    // Keep ref updated with latest filters
+    useEffect(() => {
+        customFiltersRef.current = customReportFilters;
+    }, [customReportFilters]);
     // If useDashboard is being used before Dashboard Context is set, we need to
     // actively load the dashboard
     useEffect(() => {
@@ -635,6 +693,20 @@ export const useDashboard = (dashboardName) => {
         const newDashboardFilters = applyDashboardFilters(dashboardFilters);
         fetchReports(newCustomFilters, newDashboardFilters);
     };
+    // In case useDashboardReport set initial custom filters
+    const waitForCustomFilters = async (reportId) => {
+        let attempts = 0;
+        const maxAttempts = 10; // Prevent infinite loops
+        while (attempts < maxAttempts) {
+            const filters = customFiltersRef.current[reportId];
+            if (filters && filters.length > 0) {
+                return filters;
+            }
+            await new Promise((resolve) => setTimeout(resolve, 100)); // Wait 100ms between checks
+            attempts++;
+        }
+        return [];
+    };
     const fetchReports = async (customFilters, dashboardFilters) => {
         if (!client || !sections)
             return;
@@ -645,7 +717,7 @@ export const useDashboard = (dashboardName) => {
                 id: reportId,
                 data: true,
             });
-            const customReportFiltersArray = customReportFilters[reportId] ?? [];
+            const customReportFiltersArray = await waitForCustomFilters(reportId);
             const { report, error } = await fetchReport({
                 reportId,
                 client,
@@ -655,6 +727,7 @@ export const useDashboard = (dashboardName) => {
                     .concat(customFilters)
                     .concat(customReportFiltersArray),
                 getToken,
+                eventTracking,
             });
             if (error) {
                 console.error(error);
@@ -681,20 +754,31 @@ export const useDashboard = (dashboardName) => {
     };
 };
 // useDashboard accompanying hook
-export const useDashboardReport = (reportId) => {
+export const useDashboardReport = (reportId, config) => {
     const { reports, reportsLoadingState, reportsDispatch, reportsLoadingStateDispatch, } = useContext(ReportsContext);
     const { dashboardFilters } = useContext(DashboardFiltersContext);
     const { tenants, flags } = useContext(TenantContext);
     const [client] = useContext(ClientContext);
     const { getToken } = useContext(FetchContext);
+    const { eventTracking } = useContext(EventTrackingContext);
     const { customReportFiltersDispatch } = useContext(ReportFiltersContext);
     const { dashboardCustomFilters } = useContext(DashboardFiltersContext);
     const { data: dashboardData, dashboardFilters: dashboardFiltersInternal, reload: reloadDashboard, } = useDashboardInternal(reports[reportId]?.dashboardName ?? null);
+    // Add initial custom filters to context
+    useEffect(() => {
+        if (config?.initialFilters) {
+            customReportFiltersDispatch({
+                type: 'ADD_CUSTOM_REPORT_FILTERS',
+                reportId,
+                data: config.initialFilters.map(convertCustomFilter),
+            });
+        }
+    }, []);
     const processedReport = useMemo(() => {
         if (!reports[reportId])
             return null;
         const dashboardName = reports[reportId].dashboardName;
-        return convertInternalReportToReport(mergeComparisonRange(reports[reportId]), Object.values(dashboardFilters[dashboardName] ?? {}).map((f) => f.filter), 'useDashboardReport');
+        return convertInternalReportToReport(mergeComparisonRange(reports[reportId]), Object.values(dashboardFilters[dashboardName] ?? {}).map((f) => f.filter), eventTracking, 'useDashboardReport');
     }, [reports, reportId, dashboardFilters]);
     const setReportFilters = (filters) => {
         updateReport(filters);
@@ -725,6 +809,7 @@ export const useDashboardReport = (reportId) => {
             flags,
             filters: requestFilters,
             getToken,
+            eventTracking,
         });
         if (error) {
             console.error(error);

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

@@ -1 +1 @@
-{"version":3,"file":"useExport.d.ts","sourceRoot":"","sources":["../../../src/hooks/useExport.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAkE/C,UAAU,eAAe;IACvB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,eAAO,MAAM,SAAS,cACT,MAAM,mEAMd;IACD,uBAAuB,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,GAAG,CAAC,OAAO,CAAC;IAChE,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,KACA;IACD,WAAW,EAAE,CAAC,eAAe,CAAC,EAAE,eAAe,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAClE,YAAY,EAAE,OAAO,CAAC;IACtB,WAAW,EAAE,CAAC,eAAe,CAAC,EAAE,eAAe,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAClE,YAAY,EAAE,OAAO,CAAC;CA2RvB,CAAC;AAEF,UAAU,aAAa;IACrB,MAAM,EAAE,WAAW,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,MAAM,CAAC;IACtB,kBAAkB,EAAE,MAAM,CAAC;CAC5B"}
+{"version":3,"file":"useExport.d.ts","sourceRoot":"","sources":["../../../src/hooks/useExport.tsx"],"names":[],"mappings":"AAcA,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAqE/C,UAAU,eAAe;IACvB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,eAAO,MAAM,SAAS,cACT,MAAM,mEAMd;IACD,uBAAuB,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,GAAG,CAAC,OAAO,CAAC;IAChE,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,KACA;IACD,WAAW,EAAE,CAAC,eAAe,CAAC,EAAE,eAAe,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAClE,YAAY,EAAE,OAAO,CAAC;IACtB,WAAW,EAAE,CAAC,eAAe,CAAC,EAAE,eAAe,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAClE,YAAY,EAAE,OAAO,CAAC;CA+RvB,CAAC;AAEF,UAAU,aAAa;IACrB,MAAM,EAAE,WAAW,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,MAAM,CAAC;IACtB,kBAAkB,EAAE,MAAM,CAAC;CAC5B"}

package/dist/esm/hooks/useExport.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { downloadCSV } from '../utils/csv';
 import { useContext, useMemo, useState } from 'react';
 import { parseFetchResponse, quillFetch } from '../utils/dataFetcher';
-import { ClientContext, DashboardFiltersContext, FetchContext, ReportFiltersContext, ReportsContext, SchemaDataContext, TenantContext, } from '../Context';
+import { ClientContext, DashboardFiltersContext, EventTrackingContext, FetchContext, ReportFiltersContext, ReportsContext, SchemaDataContext, TenantContext, } from '../Context';
 import { cleanDashboardItem } from '../utils/dashboard';
 import { createRoot } from 'react-dom/client';
 import { flushSync } from 'react-dom';
@@ -10,7 +10,7 @@ import { fetchReport } from '../utils/report';
 import jsPDF from 'jspdf';
 import { quillFormat } from '../utils/valueFormatter';
 import { useAllReports } from './useDashboard';
-async function getExportData(client, dashboardFilters, reportId, getToken, tenants, flags, customFields) {
+async function getExportData(client, dashboardFilters, reportId, getToken, eventTracking, tenants, flags, customFields) {
     const minimalFilters = Object.values(dashboardFilters).length
         ? Object.values(dashboardFilters).map((filter) => {
             const newFilter = { ...filter };
@@ -45,6 +45,7 @@ async function getExportData(client, dashboardFilters, reportId, getToken, tenan
         customFields,
         getToken,
         tenants,
+        eventTracking,
     });
     if (cleanedReport.chartType === 'table' && cleanedReport.pivot) {
         cleanedReport.columns = cleanedReport.yAxisFields;
@@ -62,6 +63,7 @@ sectionField, } = {}) => {
     const [schemaData] = useContext(SchemaDataContext);
     const { tenants, flags } = useContext(TenantContext);
     const { getToken } = useContext(FetchContext);
+    const { eventTracking } = useContext(EventTrackingContext);
     const specificDashboardFilters = useMemo(() => {
         if (!reportId) {
             return [];
@@ -98,12 +100,14 @@ sectionField, } = {}) => {
             }
             setIsCSVLoading(true);
             const resp = await getExportData(client, specificReportFilters.length > 0
-                ? specificReportFilters.concat(customReportFilters[reportId] ??
-                    dashboardCustomFilters[dashboardReport?.dashboardName ?? ''] ??
-                    [])
-                : specificDashboardFilters.concat(customReportFilters[reportId] ??
-                    dashboardCustomFilters[dashboardReport?.dashboardName ?? ''] ??
-                    []), reportId, getToken, tenants, flags, schemaData?.customFields);
+                ? specificReportFilters.concat([
+                    ...(customReportFilters[reportId] ?? []),
+                    ...(dashboardCustomFilters[dashboardReport?.dashboardName ?? ''] ?? []),
+                ])
+                : specificDashboardFilters.concat([
+                    ...(customReportFilters[reportId] ?? []),
+                    ...(dashboardCustomFilters[dashboardReport?.dashboardName ?? ''] ?? []),
+                ]), reportId, getToken, eventTracking, tenants, flags, schemaData?.customFields);
             downloadCSV({
                 rows: resp.pivot && resp.pivotRows && downloadOptions?.usePivotRows
                     ? resp.pivotRows
@@ -126,10 +130,14 @@ sectionField, } = {}) => {
                 tenants,
                 flags,
                 useReportTask: true,
-                filters: filters.concat((customReportFilters[reportId] ??
-                    dashboardCustomFilters[dashboardReport?.dashboardName ?? ''])),
+                filters: filters.concat([
+                    ...(customReportFilters[reportId] ?? []),
+                    ...(dashboardCustomFilters[dashboardReport?.dashboardName ?? ''] ??
+                        []),
+                ]),
                 customFields: schemaData?.customFields,
                 getToken,
+                eventTracking,
             });
             if (error) {
                 console.error(error);

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

@@ -0,0 +1,13 @@
+type LongLoadingMeta = {
+    origin: string;
+    loadDescription: string;
+    expectedLoadTime?: number;
+    abnormalLoadTime?: number;
+};
+type LoadingState = {
+    isLongLoading: boolean;
+    isAbnormalLoading: boolean;
+};
+export declare function useLongLoading(isLoading: boolean, meta: LongLoadingMeta): LoadingState;
+export {};
+//# sourceMappingURL=useLongLoading.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useLongLoading.d.ts","sourceRoot":"","sources":["../../../src/hooks/useLongLoading.tsx"],"names":[],"mappings":"AAGA,KAAK,eAAe,GAAG;IACrB,MAAM,EAAE,MAAM,CAAC;IACf,eAAe,EAAE,MAAM,CAAC;IACxB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B,CAAC;AAEF,KAAK,YAAY,GAAG;IAClB,aAAa,EAAE,OAAO,CAAC;IACvB,iBAAiB,EAAE,OAAO,CAAC;CAC5B,CAAC;AAEF,wBAAgB,cAAc,CAC5B,SAAS,EAAE,OAAO,EAClB,IAAI,EAAE,eAAe,GACpB,YAAY,CAoEd"}

package/dist/esm/hooks/useLongLoading.js

@@ -0,0 +1,64 @@
+import { useContext, useEffect, useState } from 'react';
+import { EventTrackingContext } from '../Context';
+export function useLongLoading(isLoading, meta) {
+    const { origin, expectedLoadTime = 5000, abnormalLoadTime = 15000, loadDescription, } = meta;
+    const [isLongLoading, setIsLongLoading] = useState(false);
+    const [isAbnormalLoading, setIsAbnormalLoading] = useState(false);
+    const { eventTracking } = useContext(EventTrackingContext);
+    useEffect(() => {
+        let longTimer = null;
+        let abnormalTimer = null;
+        if (isLoading) {
+            // Set timer for long loading
+            longTimer = setTimeout(() => {
+                setIsLongLoading(true);
+                eventTracking?.logError?.({
+                    type: 'timeout',
+                    severity: 'medium',
+                    message: `${origin} loading is taking longer than expected`,
+                    errorData: {
+                        loadDescription,
+                        expectedLoadTime,
+                        currentTime: Date.now(),
+                    },
+                });
+                // Set timer for abnormal loading
+                abnormalTimer = setTimeout(() => {
+                    setIsAbnormalLoading(true);
+                    eventTracking?.logError?.({
+                        type: 'timeout',
+                        severity: 'high',
+                        message: `${origin} loading is taking abnormally long`,
+                        errorData: {
+                            loadDescription,
+                            expectedLoadTime,
+                            abnormalLoadTime,
+                            currentTime: Date.now(),
+                        },
+                    });
+                }, abnormalLoadTime - expectedLoadTime);
+            }, expectedLoadTime);
+        }
+        else {
+            setIsLongLoading(false);
+            setIsAbnormalLoading(false);
+        }
+        return () => {
+            if (longTimer)
+                clearTimeout(longTimer);
+            if (abnormalTimer)
+                clearTimeout(abnormalTimer);
+        };
+    }, [
+        isLoading,
+        origin,
+        expectedLoadTime,
+        abnormalLoadTime,
+        loadDescription,
+        eventTracking,
+    ]);
+    return {
+        isLongLoading,
+        isAbnormalLoading,
+    };
+}

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

@@ -1 +1 @@
-{"version":3,"file":"useQuill.d.ts","sourceRoot":"","sources":["../../../src/hooks/useQuill.ts"],"names":[],"mappings":"AAiBA,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EACL,WAAW,EAIZ,MAAM,yBAAyB,CAAC;AAKjC,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,KAC3D;IACD,IAAI,EAAE,WAAW,GAAG,IAAI,CAAC;IACzB,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,SAAS,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACpD,SAAS,EACL,CAAC,CAAC,QAAQ,EAAE,WAAW,KAAK,MAAM,GAAG,SAAS,CAAC,GAC/C,CAAC,MAAM,SAAS,CAAC,CAAC;IACtB,YAAY,EAAE,MAAM,IAAI,CAAC;CAsO1B,CAAC"}
+{"version":3,"file":"useQuill.d.ts","sourceRoot":"","sources":["../../../src/hooks/useQuill.ts"],"names":[],"mappings":"AAkBA,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EACL,WAAW,EAIZ,MAAM,yBAAyB,CAAC;AAKjC,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,KAC3D;IACD,IAAI,EAAE,WAAW,GAAG,IAAI,CAAC;IACzB,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,SAAS,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACpD,SAAS,EACL,CAAC,CAAC,QAAQ,EAAE,WAAW,KAAK,MAAM,GAAG,SAAS,CAAC,GAC/C,CAAC,MAAM,SAAS,CAAC,CAAC;IACtB,YAAY,EAAE,MAAM,IAAI,CAAC;CA+P1B,CAAC"}

package/dist/esm/hooks/useQuill.js

@@ -1,5 +1,5 @@
 import { useContext, useEffect, useMemo, useState } from 'react';
-import { ClientContext, DashboardFiltersContext, FetchContext, ReportFiltersContext, ReportsContext, SchemaDataContext, TenantContext, } from '../Context';
+import { ClientContext, DashboardFiltersContext, EventTrackingContext, FetchContext, ReportFiltersContext, ReportsContext, SchemaDataContext, TenantContext, } from '../Context';
 import { convertInternalReportToReport } from '../utils/report';
 import { shouldFetchMore } from '../utils/paginationProcessing';
 import { fetchResultsByReport, } from '../utils/tableProcessing';
@@ -23,12 +23,13 @@ export const useQuill = (reportId, pagination) => {
     const [schemaData] = useContext(SchemaDataContext);
     const [client, isClientLoading] = useContext(ClientContext);
     const { tenants } = useContext(TenantContext);
+    const { eventTracking } = useContext(EventTrackingContext);
     const [loading, setLoading] = useState(true);
     const [error, setError] = useState(undefined);
     const [previousPage, setPreviousPage] = useState(0);
     const processedReport = useMemo(() => {
         return reportId && allReportsById[reportId]
-            ? convertInternalReportToReport(mergeComparisonRange(allReportsById[reportId]), specificReportFilters ?? [], 'useQuill')
+            ? convertInternalReportToReport(mergeComparisonRange(allReportsById[reportId]), specificReportFilters ?? [], eventTracking, 'useQuill')
             : undefined;
     }, [reportId, reportId && allReportsById[reportId], specificReportFilters]);
     const [additionalProcessing, setAdditionProcessing] = useState(pagination
@@ -95,6 +96,7 @@ export const useQuill = (reportId, pagination) => {
                     filters: reportFilters[reportId],
                     customFields: schemaData.customFields,
                     getToken,
+                    eventTracking,
                 });
                 if (paginatedRows.error) {
                     throw new Error('Error fetching chart');
@@ -114,6 +116,17 @@ export const useQuill = (reportId, pagination) => {
             }
             catch (e) {
                 console.log(e);
+                eventTracking?.logError?.({
+                    type: 'bug', // TODO: determine type
+                    severity: 'high',
+                    message: 'Error fetching report',
+                    errorMessage: e.message,
+                    errorStack: e.stack,
+                    errorData: {
+                        caller: 'useQuill',
+                        function: 'updateTableRows',
+                    },
+                });
             }
             finally {
                 setTimeout(() => {
@@ -156,6 +169,17 @@ export const useQuill = (reportId, pagination) => {
         }
         catch (error) {
             setError(error.message ?? 'Error fetching report');
+            eventTracking?.logError?.({
+                type: 'bug', // TODO: determine type
+                severity: 'high',
+                message: 'Error fetching report',
+                errorMessage: error.message,
+                errorStack: error.stack,
+                errorData: {
+                    caller: 'useQuill',
+                    function: 'fetchReportHelper',
+                },
+            });
         }
         finally {
             setLoading(false);