@ammarkhalidfarooq/dashboard-package 0.6.35 → 0.6.37

package/dist/index.cjs.js

@@ -10,49 +10,6 @@ var Box = require('@mui/material/Box');
 var Typography = require('@mui/material/Typography');
 var ReactApexChart = require('react-apexcharts');
 
-var theme = styles.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];
@@ -299,6 +256,49 @@ function _unsupportedIterableToArray(r, a) {
   }
 }
 
+var theme = styles.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,
@@ -934,7 +934,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("activeFilters chart", activeFilters);
+  console.log("[Dashboard] activeFilters prop:", {
+    value: activeFilters,
+    type: _typeof(activeFilters),
+    isArray: Array.isArray(activeFilters),
+    length: Array.isArray(activeFilters) ? activeFilters.length : undefined
+  });
   return /*#__PURE__*/jsxRuntime.jsx(material.ThemeProvider, {
     theme: theme,
     children: /*#__PURE__*/jsxRuntime.jsx(React.Suspense, {
@@ -2194,10 +2199,22 @@ var ExportPdfLayout = /*#__PURE__*/React.forwardRef(function (_ref1, ref) {
     minute: "2-digit"
   }) + " GMT";
   var dateLabel = dateName;
-  var normalizeFiltersText = function normalizeFiltersText(filtersInput) {
+  var _normalizeFiltersText = function normalizeFiltersText(filtersInput) {
+    if (typeof filtersInput === "string") {
+      var str = filtersInput.trim();
+      if (!str) return "";
+      if (str.startsWith("[") || str.startsWith("{")) {
+        try {
+          return _normalizeFiltersText(JSON.parse(str));
+        } catch (_) {
+          // Keep raw text if not valid JSON.
+        }
+      }
+      return str;
+    }
     if (Array.isArray(filtersInput)) {
       var fromObjects = filtersInput.filter(function (item) {
-        return item && item.value !== undefined && item.value !== null && "".concat(item.value).trim();
+        return item && _typeof(item) === "object" && item.value !== undefined && item.value !== null && "".concat(item.value).trim();
       }).map(function (item) {
         return "".concat(item.label || item.id || "Filter", ": ").concat(item.value);
       }).join(" | ").trim();
@@ -2207,13 +2224,24 @@ var ExportPdfLayout = /*#__PURE__*/React.forwardRef(function (_ref1, ref) {
       }).filter(Boolean).join(" | ").trim();
       if (fromStrings) return fromStrings;
     }
-    if (typeof filtersInput === "string") {
-      var str = filtersInput.trim();
-      if (str) return str;
+    if (filtersInput && _typeof(filtersInput) === "object") {
+      if (Array.isArray(filtersInput.activeFilters) || typeof filtersInput.activeFilters === "string") {
+        return _normalizeFiltersText(filtersInput.activeFilters);
+      }
+      if (filtersInput.value !== undefined && filtersInput.value !== null && "".concat(filtersInput.value).trim()) {
+        return "".concat(filtersInput.label || filtersInput.id || "Filter", ": ").concat(filtersInput.value).trim();
+      }
     }
     return "";
   };
-  var formattedActiveFilters = normalizeFiltersText(activeFilters);
+  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,
@@ -3193,7 +3221,19 @@ var NewOverview = function NewOverview(_ref) {
     _useState6 = _slicedToArray(_useState5, 2),
     showExportLayout = _useState6[0],
     setShowExportLayout = _useState6[1];
+  var _useState7 = React.useState([]),
+    _useState8 = _slicedToArray(_useState7, 2),
+    exportFiltersSnapshot = _useState8[0],
+    setExportFiltersSnapshot = _useState8[1];
   var exportLayoutRef = React.useRef(null);
+  React.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]);
   React.useEffect(function () {
     if (activeSectionProp) {
       var capitalized = activeSectionProp.charAt(0).toUpperCase() + activeSectionProp.slice(1).toLowerCase();
@@ -3203,8 +3243,26 @@ var NewOverview = function NewOverview(_ref) {
 
   // Step 1 – mount the off-screen export layout whenever the trigger fires
   React.useEffect(function () {
-    if (exportTrigger > 0) setShowExportLayout(true);
-  }, [exportTrigger]);
+    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]);
+  React.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
   React.useEffect(function () {
@@ -3216,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 () {
@@ -3239,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:
@@ -3259,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) {
@@ -3483,7 +3544,7 @@ var NewOverview = function NewOverview(_ref) {
         apiData: apiData,
         dateName: dateName,
         numberOfDays: numberOfDays,
-        activeFilters: activeFilters
+        activeFilters: exportFiltersSnapshot
       })
     })]
   });