@quillsql/react 2.14.13 → 2.14.14

package/dist/cjs/components/UiComponents.js

@@ -297,7 +297,7 @@ exports.MemoizedText = MemoizedText;
 /**
  * The one, true Quill popover component.
  */
-const MemoizedPopover = ({ isOpen, setIsOpen, triggerLabel, popoverTitle = undefined, popoverChildren, containerStyle, disabled, ignoredRefs, }) => {
+const MemoizedPopover = ({ isOpen, setIsOpen, triggerLabel, popoverTitle = undefined, popoverChildren, containerStyle, disabled, ignoredRefs, horizontalPadding = 20, titlePaddingLeft = 0, }) => {
     const [theme] = (0, react_1.useContext)(Context_1.ThemeContext);
     const [rightAlignment, setRightAlignment] = (0, react_1.useState)('auto');
     const modalRef = (0, react_1.useRef)(null);
@@ -357,7 +357,7 @@ const MemoizedPopover = ({ isOpen, setIsOpen, triggerLabel, popoverTitle = undef
                         zIndex: 999,
                         // top: 12,
                         borderRadius: 6,
-                        padding: 20,
+                        padding: `20px ${horizontalPadding}px 20px ${horizontalPadding}px`,
                         right: rightAlignment,
                     }, children: [popoverTitle && ((0, jsx_runtime_1.jsx)("h1", { style: {
                                 fontWeight: '600',
@@ -367,6 +367,7 @@ const MemoizedPopover = ({ isOpen, setIsOpen, triggerLabel, popoverTitle = undef
                                 marginBottom: 5,
                                 color: theme?.primaryTextColor,
                                 fontFamily: theme?.fontFamily,
+                                paddingLeft: titlePaddingLeft,
                             }, children: popoverTitle })), popoverChildren] }) }))] }));
 };
 exports.MemoizedPopover = MemoizedPopover;
@@ -495,7 +496,7 @@ const QuillTableReportBuilderComponent = ({ rows, columns, isLoading = false, ro
             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 }));
 };
 exports.QuillTableReportBuilderComponent = QuillTableReportBuilderComponent;
 const QuillTableComponent = ({ rows, columns, isLoading = false, rowCount, rowCountIsLoading, onPageChange, onSortChange, currentPage, hideLabels, }) => {
@@ -762,7 +763,7 @@ const QuillLoadingComponent = () => {
                         , 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 OverflowContainer = ({ children, style, }) => {
     const containerRef = (0, react_1.useRef)(null);
     const [showTopShadow, setShowTopShadow] = (0, react_1.useState)(false);
     const [showBottomShadow, setShowBottomShadow] = (0, react_1.useState)(false);
@@ -797,7 +798,7 @@ const OverflowContainer = ({ children }) => {
     const containerStyle = {
         position: 'relative',
         overflowY: 'auto',
-        // height: '100%',
+        ...style,
     };
     const shadowStyle = {
         position: 'sticky',

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

@@ -40,6 +40,7 @@ const useAskQuill = (dashboardName) => {
     const [schemaData] = (0, react_1.useContext)(Context_1.SchemaDataContext);
     const { tenants } = (0, react_1.useContext)(Context_1.TenantContext);
     const { getToken } = (0, react_1.useContext)(Context_1.FetchContext);
+    const { eventTracking } = (0, react_1.useContext)(Context_1.EventTrackingContext);
     const [astInfo, setAstInfo] = (0, react_1.useState)(undefined);
     const [data, setData] = (0, react_1.useState)({
         rows: [],
@@ -76,6 +77,7 @@ const useAskQuill = (dashboardName) => {
                 dashboardName,
                 tenants,
                 getToken,
+                eventTracking,
             });
             if (astInfo.error) {
                 throw new Error(astInfo.error);
@@ -88,6 +90,7 @@ const useAskQuill = (dashboardName) => {
                 pivot: astInfo.pivot,
                 dashboardName,
                 getToken,
+                eventTracking,
             });
             if (!reportBuilderInfo) {
                 throw new Error('Error fetching report');
@@ -105,6 +108,17 @@ 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 || []);
@@ -138,6 +152,7 @@ const useAskQuill = (dashboardName) => {
                 pivot: newPivot,
                 dashboardName,
                 getToken,
+                eventTracking,
             });
             setLoading(false);
             if (!reportBuilderInfo) {
@@ -145,6 +160,17 @@ 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);
@@ -182,10 +208,22 @@ 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/cjs/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/cjs/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/cjs/hooks/useDashboard.js

@@ -17,13 +17,12 @@ const useDashboardInternal = (dashboardName, customFilters) => {
     // const [error, setError] = useState<any>(null);
     const [client, isClientLoading] = (0, react_1.useContext)(Context_1.ClientContext);
     const { quillFetchWithToken } = (0, react_1.useContext)(Context_1.FetchContext);
+    const { eventTracking } = (0, react_1.useContext)(Context_1.EventTrackingContext);
     const loading = (0, react_1.useMemo)(() => {
         return (!dashboardName ||
             isClientLoading ||
             isDashboardsLoading ||
-            dashboardConfig[dashboardName]?.loading ||
-            (dashboardConfig[dashboardName] &&
-                !dashboardConfig[dashboardName]?.config.sections));
+            dashboardConfig[dashboardName]?.loading);
     }, [isClientLoading, dashboardConfig, dashboardName, isDashboardsLoading]);
     const populatedDashboardFilters = (0, react_1.useMemo)(() => {
         return dashboardName && dashboardFilters[dashboardName] !== undefined
@@ -143,6 +142,17 @@ 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',
+                    },
+                });
             }
         }
     };
@@ -234,6 +244,7 @@ const useDashboards = () => {
     const { reportFiltersDispatch } = (0, react_1.useContext)(Context_1.ReportFiltersContext);
     const [client, isLoading] = (0, react_1.useContext)(Context_1.ClientContext);
     const { quillFetchWithToken } = (0, react_1.useContext)(Context_1.FetchContext);
+    const { eventTracking } = (0, react_1.useContext)(Context_1.EventTrackingContext);
     const dashboards = (0, react_1.useMemo)(() => {
         return Object.values(dashboardConfig)
             .map((dashboard) => {
@@ -283,6 +294,15 @@ 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,
@@ -297,6 +317,17 @@ 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, }) => {
@@ -330,6 +361,16 @@ 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,
@@ -481,6 +522,17 @@ 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) => {
@@ -520,6 +572,12 @@ const useDashboard = (dashboardName) => {
     const { tenants, flags } = (0, react_1.useContext)(Context_1.TenantContext);
     const { getToken } = (0, react_1.useContext)(Context_1.FetchContext);
     const { customReportFilters } = (0, react_1.useContext)(Context_1.ReportFiltersContext);
+    const { eventTracking } = (0, react_1.useContext)(Context_1.EventTrackingContext);
+    const customFiltersRef = (0, react_1.useRef)(customReportFilters);
+    // Keep ref updated with latest filters
+    (0, react_1.useEffect)(() => {
+        customFiltersRef.current = customReportFilters;
+    }, [customReportFilters]);
     // If useDashboard is being used before Dashboard Context is set, we need to
     // actively load the dashboard
     (0, react_1.useEffect)(() => {
@@ -642,6 +700,20 @@ 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;
@@ -652,7 +724,7 @@ const useDashboard = (dashboardName) => {
                 id: reportId,
                 data: true,
             });
-            const customReportFiltersArray = customReportFilters[reportId] ?? [];
+            const customReportFiltersArray = await waitForCustomFilters(reportId);
             const { report, error } = await (0, report_1.fetchReport)({
                 reportId,
                 client,
@@ -662,6 +734,7 @@ const useDashboard = (dashboardName) => {
                     .concat(customFilters)
                     .concat(customReportFiltersArray),
                 getToken,
+                eventTracking,
             });
             if (error) {
                 console.error(error);
@@ -689,20 +762,31 @@ const useDashboard = (dashboardName) => {
 };
 exports.useDashboard = useDashboard;
 // useDashboard accompanying hook
-const useDashboardReport = (reportId) => {
+const useDashboardReport = (reportId, config) => {
     const { reports, reportsLoadingState, reportsDispatch, reportsLoadingStateDispatch, } = (0, react_1.useContext)(Context_1.ReportsContext);
     const { dashboardFilters } = (0, react_1.useContext)(Context_1.DashboardFiltersContext);
     const { tenants, flags } = (0, react_1.useContext)(Context_1.TenantContext);
     const [client] = (0, react_1.useContext)(Context_1.ClientContext);
     const { getToken } = (0, react_1.useContext)(Context_1.FetchContext);
+    const { eventTracking } = (0, react_1.useContext)(Context_1.EventTrackingContext);
     const { customReportFiltersDispatch } = (0, react_1.useContext)(Context_1.ReportFiltersContext);
     const { dashboardCustomFilters } = (0, react_1.useContext)(Context_1.DashboardFiltersContext);
     const { data: dashboardData, dashboardFilters: dashboardFiltersInternal, reload: reloadDashboard, } = (0, exports.useDashboardInternal)(reports[reportId]?.dashboardName ?? null);
+    // Add initial custom filters to context
+    (0, react_1.useEffect)(() => {
+        if (config?.initialFilters) {
+            customReportFiltersDispatch({
+                type: 'ADD_CUSTOM_REPORT_FILTERS',
+                reportId,
+                data: config.initialFilters.map(Filter_1.convertCustomFilter),
+            });
+        }
+    }, []);
     const processedReport = (0, react_1.useMemo)(() => {
         if (!reports[reportId])
             return null;
         const dashboardName = reports[reportId].dashboardName;
-        return (0, report_1.convertInternalReportToReport)((0, merge_1.mergeComparisonRange)(reports[reportId]), Object.values(dashboardFilters[dashboardName] ?? {}).map((f) => f.filter), 'useDashboardReport');
+        return (0, report_1.convertInternalReportToReport)((0, merge_1.mergeComparisonRange)(reports[reportId]), Object.values(dashboardFilters[dashboardName] ?? {}).map((f) => f.filter), eventTracking, 'useDashboardReport');
     }, [reports, reportId, dashboardFilters]);
     const setReportFilters = (filters) => {
         updateReport(filters);
@@ -733,6 +817,7 @@ const useDashboardReport = (reportId) => {
             flags,
             filters: requestFilters,
             getToken,
+            eventTracking,
         });
         if (error) {
             console.error(error);

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

@@ -16,7 +16,7 @@ const report_1 = require("../utils/report");
 const jspdf_1 = __importDefault(require("jspdf"));
 const valueFormatter_1 = require("../utils/valueFormatter");
 const useDashboard_1 = require("./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 };
@@ -51,6 +51,7 @@ async function getExportData(client, dashboardFilters, reportId, getToken, tenan
         customFields,
         getToken,
         tenants,
+        eventTracking,
     });
     if (cleanedReport.chartType === 'table' && cleanedReport.pivot) {
         cleanedReport.columns = cleanedReport.yAxisFields;
@@ -68,6 +69,7 @@ sectionField, } = {}) => {
     const [schemaData] = (0, react_1.useContext)(Context_1.SchemaDataContext);
     const { tenants, flags } = (0, react_1.useContext)(Context_1.TenantContext);
     const { getToken } = (0, react_1.useContext)(Context_1.FetchContext);
+    const { eventTracking } = (0, react_1.useContext)(Context_1.EventTrackingContext);
     const specificDashboardFilters = (0, react_1.useMemo)(() => {
         if (!reportId) {
             return [];
@@ -104,12 +106,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);
             (0, csv_1.downloadCSV)({
                 rows: resp.pivot && resp.pivotRows && downloadOptions?.usePivotRows
                     ? resp.pivotRows
@@ -132,10 +136,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/cjs/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/cjs/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/cjs/hooks/useLongLoading.js

@@ -0,0 +1,67 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useLongLoading = useLongLoading;
+const react_1 = require("react");
+const Context_1 = require("../Context");
+function useLongLoading(isLoading, meta) {
+    const { origin, expectedLoadTime = 5000, abnormalLoadTime = 15000, loadDescription, } = meta;
+    const [isLongLoading, setIsLongLoading] = (0, react_1.useState)(false);
+    const [isAbnormalLoading, setIsAbnormalLoading] = (0, react_1.useState)(false);
+    const { eventTracking } = (0, react_1.useContext)(Context_1.EventTrackingContext);
+    (0, react_1.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/cjs/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/cjs/hooks/useQuill.js

@@ -26,12 +26,13 @@ const useQuill = (reportId, pagination) => {
     const [schemaData] = (0, react_1.useContext)(Context_1.SchemaDataContext);
     const [client, isClientLoading] = (0, react_1.useContext)(Context_1.ClientContext);
     const { tenants } = (0, react_1.useContext)(Context_1.TenantContext);
+    const { eventTracking } = (0, react_1.useContext)(Context_1.EventTrackingContext);
     const [loading, setLoading] = (0, react_1.useState)(true);
     const [error, setError] = (0, react_1.useState)(undefined);
     const [previousPage, setPreviousPage] = (0, react_1.useState)(0);
     const processedReport = (0, react_1.useMemo)(() => {
         return reportId && allReportsById[reportId]
-            ? (0, report_1.convertInternalReportToReport)((0, merge_1.mergeComparisonRange)(allReportsById[reportId]), specificReportFilters ?? [], 'useQuill')
+            ? (0, report_1.convertInternalReportToReport)((0, merge_1.mergeComparisonRange)(allReportsById[reportId]), specificReportFilters ?? [], eventTracking, 'useQuill')
             : undefined;
     }, [reportId, reportId && allReportsById[reportId], specificReportFilters]);
     const [additionalProcessing, setAdditionProcessing] = (0, react_1.useState)(pagination
@@ -98,6 +99,7 @@ const useQuill = (reportId, pagination) => {
                     filters: reportFilters[reportId],
                     customFields: schemaData.customFields,
                     getToken,
+                    eventTracking,
                 });
                 if (paginatedRows.error) {
                     throw new Error('Error fetching chart');
@@ -117,6 +119,17 @@ 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(() => {
@@ -159,6 +172,17 @@ 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);