@smartnet360/svelte-components 0.0.46 → 0.0.48

package/dist/apps/site-check/data-loader.js

@@ -19,7 +19,52 @@ export async function loadCellTrafficData() {
         throw new Error(`Failed to load CSV: ${response.statusText}`);
     }
     const text = await response.text();
-    return parseCsvData(text);
+    const records = parseCsvData(text);
+    // Log sample of converted dates for debugging
+    if (records.length > 0) {
+        console.log('📅 Sample date conversions:', {
+            first: records[0].date,
+            last: records[records.length - 1].date,
+            totalRecords: records.length
+        });
+    }
+    return records;
+}
+/**
+ * Parse DD-MMM-YY format to ISO date string
+ * @param dateStr - Date string in DD-MMM-YY format (e.g., "01-JUL-24" or "01-Jan-24")
+ * @returns ISO date string (e.g., "2024-07-01")
+ */
+function parseDateString(dateStr) {
+    try {
+        // Parse DD-MMM-YY format
+        const parts = dateStr.split('-');
+        if (parts.length !== 3)
+            return dateStr; // Return original if invalid format
+        const day = parts[0].padStart(2, '0');
+        const monthStr = parts[1].toUpperCase(); // Handle both uppercase and lowercase
+        const year = parts[2];
+        // Convert month abbreviation to number (uppercase keys)
+        const monthMap = {
+            'JAN': '01', 'FEB': '02', 'MAR': '03', 'APR': '04',
+            'MAY': '05', 'JUN': '06', 'JUL': '07', 'AUG': '08',
+            'SEP': '09', 'OCT': '10', 'NOV': '11', 'DEC': '12'
+        };
+        const month = monthMap[monthStr];
+        if (!month) {
+            console.warn('Invalid month abbreviation:', monthStr, 'in date:', dateStr);
+            return dateStr; // Return original if invalid month
+        }
+        // Assume 20xx for two-digit years
+        const fullYear = year.length === 2 ? `20${year}` : year;
+        // Return ISO format: YYYY-MM-DD
+        const isoDate = `${fullYear}-${month}-${day}`;
+        return isoDate;
+    }
+    catch (error) {
+        console.warn('Failed to parse date:', dateStr, error);
+        return dateStr; // Return original on error
+    }
 }
 /**
  * Parse CSV text into structured records
@@ -38,7 +83,7 @@ function parseCsvData(csv) {
             return null;
         }
         // Fixed columns (metadata) - based on known CSV structure
-        const date = parts[0].trim();
+        const date = parseDateString(parts[0].trim()); // Convert to ISO format
         const cellName = parts[1].trim();
         const siteName = parts[4].trim();
         const sector = parseInt(parts[5]);

package/dist/apps/site-check/helper.js

@@ -46,20 +46,31 @@ export function expandLayoutForCells(baseLayout, data, stylingConfig) {
 }
 /**
  * Expand a single KPI into multiple KPIs (one per cell)
- * Now uses createStyledKPI to apply band colors and sector line styles
+ * If stylingConfig is provided: creates styled KPIs with band colors and sector line styles
+ * If stylingConfig is undefined: returns base KPIs as-is for Chart component default behavior
  *
  * @param baseKPIs - Array of base KPIs from layout
  * @param cells - Array of [cellName, record] tuples
  * @param stylingConfig - Optional cell styling configuration
- * @returns Expanded array of KPIs with cell-specific styling
+ * @returns Expanded array of KPIs (styled or default)
  */
 function expandKPIs(baseKPIs, cells, stylingConfig) {
     const expandedKPIs = [];
     baseKPIs.forEach((baseKPI) => {
         cells.forEach(([cellName, record]) => {
-            // Use createStyledKPI to apply band color and sector line style
-            const styledKPI = createStyledKPI(baseKPI.rawName, record, baseKPI.unit, stylingConfig);
-            expandedKPIs.push(styledKPI);
+            if (stylingConfig) {
+                // Apply custom styling (band colors, sector line styles)
+                const styledKPI = createStyledKPI(baseKPI.rawName, record, baseKPI.unit, stylingConfig);
+                expandedKPIs.push(styledKPI);
+            }
+            else {
+                // Use Chart component default behavior: keep base KPI name
+                // Just update rawName to reference the pivoted column
+                expandedKPIs.push({
+                    ...baseKPI,
+                    rawName: `${baseKPI.rawName}_${cellName}`
+                });
+            }
         });
     });
     return expandedKPIs;

package/dist/core/Charts/data-utils.js

@@ -287,6 +287,7 @@ export function createDefaultPlotlyLayout(title, hoverMode, coloredHover = true)
             borderwidth: 1
         },
         xaxis: {
+            type: "date", // 👈 force real time-based axis
             showgrid: true,
             gridcolor: '#ecf0f1',
             linecolor: '#bdc3c7',

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@smartnet360/svelte-components",
-	"version": "0.0.46",
+	"version": "0.0.48",
 	"scripts": {
 		"dev": "vite dev",
 		"build": "vite build && npm run prepack",