@ammarkhalidfarooq/dashboard-package 0.6.36 → 0.6.38

package/dist/index.es.js

@@ -8,49 +8,6 @@ import Box$1 from '@mui/material/Box';
 import Typography$1 from '@mui/material/Typography';
 import ReactApexChart from 'react-apexcharts';
 
-var theme = createTheme({
-  cssVariables: true,
-  // Enable CSS variables for better SSR support
-  typography: {
-    fontFamily: ["var(--font-league-spartan)", "var(--font-noto-sans-arabic)",
-    // Added as a fallback for Arabic text
-    "-apple-system", "BlinkMacSystemFont", "Segoe UI", "Roboto", "Helvetica Neue", "Arial", "sans-serif", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"].join(",")
-  },
-  palette: {
-    primary: {
-      main: "#6363E6",
-      mainLight: "#F7F7FF",
-      light: "#FFFFFF",
-      gray: "#A1A1A8",
-      lightGreen: "#E1FBF2",
-      green: "#0CAB72",
-      red: "#E61D1D",
-      lightRed: "#FFEDED",
-      lightGray: "#E9E9EB",
-      darkGray: "#606062",
-      dark: "#090909"
-    },
-    text: {
-      primary: "#666666"
-    },
-    secondary: {
-      main: "#E0C2FF",
-      light: "#F5EBFF",
-      // dark: will be calculated from palette.secondary.main,
-      contrastText: "#47008F"
-    },
-    white: {
-      main: "#FFFFFF",
-      light: "#F8F8F8"
-    },
-    gradients: {
-      primary: "linear-gradient(90deg, #6363E6 0.05%, #59C9F9 99.96%)",
-      secondary: "linear-gradient(180deg, #E9E9FF 0%, #C9EEFF 100%)"
-      // You can add more gradients if needed
-    }
-  }
-});
-
 function _arrayLikeToArray(r, a) {
   (null == a || a > r.length) && (a = r.length);
   for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
@@ -297,6 +254,49 @@ function _unsupportedIterableToArray(r, a) {
   }
 }
 
+var theme = createTheme({
+  cssVariables: true,
+  // Enable CSS variables for better SSR support
+  typography: {
+    fontFamily: ["var(--font-league-spartan)", "var(--font-noto-sans-arabic)",
+    // Added as a fallback for Arabic text
+    "-apple-system", "BlinkMacSystemFont", "Segoe UI", "Roboto", "Helvetica Neue", "Arial", "sans-serif", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"].join(",")
+  },
+  palette: {
+    primary: {
+      main: "#6363E6",
+      mainLight: "#F7F7FF",
+      light: "#FFFFFF",
+      gray: "#A1A1A8",
+      lightGreen: "#E1FBF2",
+      green: "#0CAB72",
+      red: "#E61D1D",
+      lightRed: "#FFEDED",
+      lightGray: "#E9E9EB",
+      darkGray: "#606062",
+      dark: "#090909"
+    },
+    text: {
+      primary: "#666666"
+    },
+    secondary: {
+      main: "#E0C2FF",
+      light: "#F5EBFF",
+      // dark: will be calculated from palette.secondary.main,
+      contrastText: "#47008F"
+    },
+    white: {
+      main: "#FFFFFF",
+      light: "#F8F8F8"
+    },
+    gradients: {
+      primary: "linear-gradient(90deg, #6363E6 0.05%, #59C9F9 99.96%)",
+      secondary: "linear-gradient(180deg, #E9E9FF 0%, #C9EEFF 100%)"
+      // You can add more gradients if needed
+    }
+  }
+});
+
 var MetricSelector = function MetricSelector(_ref) {
   var metric = _ref.metric,
     onMetricChange = _ref.onMetricChange,
@@ -932,6 +932,12 @@ var Dashboard = function Dashboard(_ref) {
     numberOfDays = _ref$numberOfDays === void 0 ? 1 : _ref$numberOfDays,
     _ref$activeFilters = _ref.activeFilters,
     activeFilters = _ref$activeFilters === void 0 ? [] : _ref$activeFilters;
+  console.log("[Dashboard] activeFilters prop:", {
+    value: activeFilters,
+    type: _typeof(activeFilters),
+    isArray: Array.isArray(activeFilters),
+    length: Array.isArray(activeFilters) ? activeFilters.length : undefined
+  });
   return /*#__PURE__*/jsx(ThemeProvider, {
     theme: theme,
     children: /*#__PURE__*/jsx(Suspense, {
@@ -2123,24 +2129,26 @@ var PageHeader = function PageHeader(_ref9) {
     }), !!"".concat(activeFilters || "").trim() && /*#__PURE__*/jsxs("div", {
       style: {
         marginTop: 7,
-        display: "inline-flex",
-        gap: 5,
+        display: "inline-block",
         background: "#EEF2FF",
         border: "1px solid #D7DEFF",
         borderRadius: 4,
-        padding: "3px 9px",
-        fontSize: 8.5
+        padding: "4px 9px",
+        fontSize: 9,
+        lineHeight: 1.35,
+        color: "#374151",
+        maxWidth: "100%"
       },
       children: [/*#__PURE__*/jsx("span", {
         style: {
           fontWeight: 700,
-          color: "#374151",
-          letterSpacing: "0.4px"
+          letterSpacing: "0.3px"
         },
-        children: "ACTIVE FILTERS"
-      }), /*#__PURE__*/jsx("span", {
+        children: "ACTIVE FILTERS:"
+      }), " ", /*#__PURE__*/jsx("span", {
         style: {
-          color: "#6B7280"
+          fontWeight: 500,
+          color: "#334155"
         },
         children: activeFilters
       })]
@@ -2227,6 +2235,13 @@ var ExportPdfLayout = /*#__PURE__*/React.forwardRef(function (_ref1, ref) {
     return "";
   };
   var formattedActiveFilters = _normalizeFiltersText(activeFilters);
+  console.log("[ExportPdfLayout] activeFilters prop received:", {
+    value: activeFilters,
+    type: _typeof(activeFilters),
+    isArray: Array.isArray(activeFilters),
+    length: Array.isArray(activeFilters) ? activeFilters.length : undefined
+  });
+  console.log("[ExportPdfLayout] formattedActiveFilters:", formattedActiveFilters);
   var report = buildReportData(apiData, dateName);
   var hero = report.hero,
     metrics = report.metrics,
@@ -3211,6 +3226,14 @@ var NewOverview = function NewOverview(_ref) {
     exportFiltersSnapshot = _useState8[0],
     setExportFiltersSnapshot = _useState8[1];
   var exportLayoutRef = useRef(null);
+  useEffect(function () {
+    console.log("[NewOverview] activeFilters prop changed:", {
+      value: activeFilters,
+      type: _typeof(activeFilters),
+      isArray: Array.isArray(activeFilters),
+      length: Array.isArray(activeFilters) ? activeFilters.length : undefined
+    });
+  }, [activeFilters]);
   useEffect(function () {
     if (activeSectionProp) {
       var capitalized = activeSectionProp.charAt(0).toUpperCase() + activeSectionProp.slice(1).toLowerCase();
@@ -3221,10 +3244,25 @@ var NewOverview = function NewOverview(_ref) {
   // Step 1 – mount the off-screen export layout whenever the trigger fires
   useEffect(function () {
     if (exportTrigger > 0) {
+      console.log("[NewOverview] exportTrigger received:", exportTrigger);
+      console.log("[NewOverview] snapshotting filters for export:", {
+        value: activeFilters,
+        type: _typeof(activeFilters),
+        isArray: Array.isArray(activeFilters),
+        length: Array.isArray(activeFilters) ? activeFilters.length : undefined
+      });
       setExportFiltersSnapshot(activeFilters);
       setShowExportLayout(true);
     }
   }, [exportTrigger, activeFilters]);
+  useEffect(function () {
+    console.log("[NewOverview] exportFiltersSnapshot updated:", {
+      value: exportFiltersSnapshot,
+      type: _typeof(exportFiltersSnapshot),
+      isArray: Array.isArray(exportFiltersSnapshot),
+      length: Array.isArray(exportFiltersSnapshot) ? exportFiltersSnapshot.length : undefined
+    });
+  }, [exportFiltersSnapshot]);
 
   // Step 2 – once the layout is in the DOM, capture each page and build the PDF
   useEffect(function () {
@@ -3236,6 +3274,8 @@ var NewOverview = function NewOverview(_ref) {
           while (1) switch (_context.p = _context.n) {
             case 0:
               _context.p = 0;
+              console.log("[NewOverview] starting PDF export with snapshot:", exportFiltersSnapshot);
+              // Allow SVG layout to paint before capture
               _context.n = 1;
               return new Promise(function (r) {
                 return requestAnimationFrame(function () {
@@ -3259,6 +3299,7 @@ var NewOverview = function NewOverview(_ref) {
               _context.n = 4;
               return exportReportPdf(container, "DashboardOverview_report_".concat(safeDate, ".pdf"));
             case 4:
+              console.log("[NewOverview] PDF export completed");
               _context.n = 6;
               break;
             case 5:
@@ -3279,7 +3320,7 @@ var NewOverview = function NewOverview(_ref) {
       };
     }();
     doPdfExport();
-  }, [showExportLayout]);
+  }, [showExportLayout, exportFiltersSnapshot]);
   var currentData = metric === "Revenue" ? revenueData : donationsData;
   var oneTimeData = (apiData === null || apiData === void 0 ? void 0 : apiData.oneTimeDonations) || [];
   var oneTimeValues = oneTimeData.length > 0 ? oneTimeData.map(function (item) {