@ammarkhalidfarooq/dashboard-package 0.6.38 → 0.6.40

package/dist/index.cjs.js

@@ -10,6 +10,49 @@ 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];
@@ -256,49 +299,6 @@ 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,12 +934,6 @@ 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__*/jsxRuntime.jsx(material.ThemeProvider, {
     theme: theme,
     children: /*#__PURE__*/jsxRuntime.jsx(React.Suspense, {
@@ -1570,8 +1564,10 @@ var THEME = {
   pageBg: "#F8FAFC",
   panelBg: "#FFFFFF",
   panelBorder: "#DDE3EA",
-  kpiBg: "#F6F8FF",
-  kpiBorder: "#D9E0FF",
+  kpiBgPrimary: "#EEF2FF",
+  kpiBorderPrimary: "#C7D2FE",
+  kpiBgSecondary: "#F8FAFF",
+  kpiBorderSecondary: "#DDE3EA",
   tableHeadBg: "#EEF2FF",
   tableAltBg: "#F8FAFF",
   muted: "#94A3B8",
@@ -1956,14 +1952,17 @@ var KpiCard = function KpiCard(_ref7) {
   var title = _ref7.title,
     value = _ref7.value,
     trend = _ref7.trend,
-    detail = _ref7.detail;
+    detail = _ref7.detail,
+    _ref7$variant = _ref7.variant,
+    variant = _ref7$variant === void 0 ? "secondary" : _ref7$variant;
   var neg = "".concat(trend).trim().startsWith("-");
+  var isPrimary = variant === "primary";
   return /*#__PURE__*/jsxRuntime.jsxs("div", {
     style: {
-      border: "1px solid ".concat(THEME.kpiBorder),
+      border: "1px solid ".concat(isPrimary ? THEME.kpiBorderPrimary : THEME.kpiBorderSecondary),
       borderRadius: 8,
       padding: "10px 12px 9px",
-      background: THEME.kpiBg,
+      background: isPrimary ? THEME.kpiBgPrimary : THEME.kpiBgSecondary,
       width: "100%",
       minWidth: 0,
       boxSizing: "border-box",
@@ -2237,13 +2236,6 @@ 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,
@@ -2430,7 +2422,8 @@ var ExportPdfLayout = /*#__PURE__*/React.forwardRef(function (_ref1, ref) {
           title: "Total Raised",
           value: hero.value,
           trend: hero.trend,
-          detail: hero.detail
+          detail: hero.detail,
+          variant: "primary"
         }), /*#__PURE__*/jsxRuntime.jsxs("div", {
           style: {
             display: "grid",
@@ -3228,14 +3221,6 @@ var NewOverview = function NewOverview(_ref) {
     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();
@@ -3246,25 +3231,10 @@ var NewOverview = function NewOverview(_ref) {
   // Step 1 – mount the off-screen export layout whenever the trigger fires
   React.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]);
-  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 () {
@@ -3276,8 +3246,6 @@ 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 () {
@@ -3301,7 +3269,6 @@ 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: