myio-js-library 0.1.46 → 0.1.48

package/dist/index.cjs

@@ -7058,11 +7058,20 @@ var AllReportModal = class {
     loadBtn?.addEventListener("click", () => this.loadData());
     exportBtn?.addEventListener("click", () => this.exportCSV());
     filterBtn?.addEventListener("click", () => this.openFilterModal());
-    searchInput?.addEventListener("input", (e) => {
-      this.searchFilter = e.target.value.toLowerCase();
-      this.currentPage = 1;
-      this.renderTable();
-    });
+    if (searchInput) {
+      searchInput.addEventListener("input", (e) => {
+        this.searchFilter = e.target.value.toLowerCase();
+        this.currentPage = 1;
+        this.renderTable();
+        this.renderPagination();
+      });
+      searchInput.addEventListener("keyup", (e) => {
+        this.searchFilter = e.target.value.toLowerCase();
+        this.currentPage = 1;
+        this.renderTable();
+        this.renderPagination();
+      });
+    }
     try {
       this.dateRangePicker = await attach(dateRangeInput, {
         presetStart: this.getDefaultStartDate(),
@@ -7472,6 +7481,8 @@ var AllReportModal = class {
   mapCustomerTotalsResponse(apiResponse) {
     this.debugLog("\u{1F50D} Starting mapCustomerTotalsResponse", { apiResponse });
     const apiArray = Array.isArray(apiResponse?.data) ? apiResponse.data : Array.isArray(apiResponse) ? apiResponse : [];
+    console.log("[AllReportModal] NEW MAPPING - API array length:", apiArray.length);
+    console.log("[AllReportModal] NEW MAPPING - ItemsList length:", this.params.itemsList.length);
     this.debugLog("\u{1F4CB} API data array extracted", {
       isDataProperty: !!apiResponse?.data,
       isDirectArray: Array.isArray(apiResponse),
@@ -7485,9 +7496,20 @@ var AllReportModal = class {
     }
     const sumByApiId = /* @__PURE__ */ new Map();
     let apiItemsWithoutId = 0;
+    let totalApiConsumption = 0;
     this.debugLog("\u{1F528} Building ID index from API data...");
     for (const [index, item] of apiArray.entries()) {
       const consumption = this.pickConsumption(item);
+      totalApiConsumption += consumption;
+      if (index < 3) {
+        console.log(`[AllReportModal] NEW MAPPING - API item ${index}:`, {
+          id: item?.id,
+          name: item?.name,
+          assetName: item?.assetName,
+          total_value: item?.total_value,
+          extractedConsumption: consumption
+        });
+      }
       this.debugLog(`\u{1F4CA} Processing API item ${index}`, {
         item,
         extractedConsumption: consumption,
@@ -7503,17 +7525,28 @@ var AllReportModal = class {
         this.debugLog(`\u274C API item without ID:`, item);
       }
     }
+    console.log("[AllReportModal] NEW MAPPING - Total API consumption:", totalApiConsumption);
+    console.log("[AllReportModal] NEW MAPPING - Unique API IDs:", sumByApiId.size);
     this.debugLog("\u{1F4CA} ID index built", {
       sumByApiIdSize: sumByApiId.size,
       sumByApiIdEntries: Array.from(sumByApiId.entries()),
       apiItemsWithoutId
     });
     let matchedById = 0, matchedBySubstring = 0;
+    let totalMappedConsumption = 0;
     this.debugLog("\u{1F3AF} Starting itemsList mapping...");
     const rows = this.params.itemsList.map((listItem, index) => {
       this.debugLog(`\u{1F50D} Processing listItem ${index}`, listItem);
       let consumption = sumByApiId.get(listItem.id) ?? 0;
       this.debugLog(`\u{1F3AF} Primary ID match for ${listItem.id}: ${consumption}`);
+      if (index < 3) {
+        console.log(`[AllReportModal] NEW MAPPING - ItemsList item ${index}:`, {
+          id: listItem.id,
+          identifier: listItem.identifier,
+          label: listItem.label,
+          idMatchConsumption: consumption
+        });
+      }
       if (consumption > 0) {
         matchedById++;
         this.debugLog(`\u2705 Matched by ID: ${listItem.id} -> ${consumption}`);
@@ -7527,6 +7560,14 @@ var AllReportModal = class {
           if (assetNameMatch || nameMatch) {
             const itemConsumption = this.pickConsumption(apiItem);
             consumption += itemConsumption;
+            if (index < 3) {
+              console.log(`[AllReportModal] NEW MAPPING - Substring match for ${listItem.identifier}:`, {
+                apiItemName: name,
+                apiItemAssetName: assetName,
+                itemConsumption,
+                totalConsumption: consumption
+              });
+            }
             this.debugLog(`\u2705 Substring match found in API item ${apiIndex}`, {
               listItemIdentifier: listItem.identifier,
               apiItemAssetName: assetName,
@@ -7550,6 +7591,7 @@ var AllReportModal = class {
         name: listItem.label,
         consumption: Math.round(consumption * 100) / 100
       };
+      totalMappedConsumption += result.consumption;
       this.debugLog(`\u{1F4DD} Final row for ${listItem.identifier}:`, result);
       return result;
     });
@@ -7560,8 +7602,11 @@ var AllReportModal = class {
       matchedById,
       matchedBySubstring,
       unmatched: this.params.itemsList.length - matchedById - matchedBySubstring,
-      apiItemsWithoutId
+      apiItemsWithoutId,
+      totalApiConsumption,
+      totalMappedConsumption
     };
+    console.log("[AllReportModal] NEW MAPPING - Final stats:", stats);
     this.debugLog("\u{1F4CA} Final mapping stats:", stats);
     console.log("[AllReportModal] Mapping stats:", stats);
     return rows;

package/dist/index.js

@@ -6991,11 +6991,20 @@ var AllReportModal = class {
     loadBtn?.addEventListener("click", () => this.loadData());
     exportBtn?.addEventListener("click", () => this.exportCSV());
     filterBtn?.addEventListener("click", () => this.openFilterModal());
-    searchInput?.addEventListener("input", (e) => {
-      this.searchFilter = e.target.value.toLowerCase();
-      this.currentPage = 1;
-      this.renderTable();
-    });
+    if (searchInput) {
+      searchInput.addEventListener("input", (e) => {
+        this.searchFilter = e.target.value.toLowerCase();
+        this.currentPage = 1;
+        this.renderTable();
+        this.renderPagination();
+      });
+      searchInput.addEventListener("keyup", (e) => {
+        this.searchFilter = e.target.value.toLowerCase();
+        this.currentPage = 1;
+        this.renderTable();
+        this.renderPagination();
+      });
+    }
     try {
       this.dateRangePicker = await attach(dateRangeInput, {
         presetStart: this.getDefaultStartDate(),
@@ -7405,6 +7414,8 @@ var AllReportModal = class {
   mapCustomerTotalsResponse(apiResponse) {
     this.debugLog("\u{1F50D} Starting mapCustomerTotalsResponse", { apiResponse });
     const apiArray = Array.isArray(apiResponse?.data) ? apiResponse.data : Array.isArray(apiResponse) ? apiResponse : [];
+    console.log("[AllReportModal] NEW MAPPING - API array length:", apiArray.length);
+    console.log("[AllReportModal] NEW MAPPING - ItemsList length:", this.params.itemsList.length);
     this.debugLog("\u{1F4CB} API data array extracted", {
       isDataProperty: !!apiResponse?.data,
       isDirectArray: Array.isArray(apiResponse),
@@ -7418,9 +7429,20 @@ var AllReportModal = class {
     }
     const sumByApiId = /* @__PURE__ */ new Map();
     let apiItemsWithoutId = 0;
+    let totalApiConsumption = 0;
     this.debugLog("\u{1F528} Building ID index from API data...");
     for (const [index, item] of apiArray.entries()) {
       const consumption = this.pickConsumption(item);
+      totalApiConsumption += consumption;
+      if (index < 3) {
+        console.log(`[AllReportModal] NEW MAPPING - API item ${index}:`, {
+          id: item?.id,
+          name: item?.name,
+          assetName: item?.assetName,
+          total_value: item?.total_value,
+          extractedConsumption: consumption
+        });
+      }
       this.debugLog(`\u{1F4CA} Processing API item ${index}`, {
         item,
         extractedConsumption: consumption,
@@ -7436,17 +7458,28 @@ var AllReportModal = class {
         this.debugLog(`\u274C API item without ID:`, item);
       }
     }
+    console.log("[AllReportModal] NEW MAPPING - Total API consumption:", totalApiConsumption);
+    console.log("[AllReportModal] NEW MAPPING - Unique API IDs:", sumByApiId.size);
     this.debugLog("\u{1F4CA} ID index built", {
       sumByApiIdSize: sumByApiId.size,
       sumByApiIdEntries: Array.from(sumByApiId.entries()),
       apiItemsWithoutId
     });
     let matchedById = 0, matchedBySubstring = 0;
+    let totalMappedConsumption = 0;
     this.debugLog("\u{1F3AF} Starting itemsList mapping...");
     const rows = this.params.itemsList.map((listItem, index) => {
       this.debugLog(`\u{1F50D} Processing listItem ${index}`, listItem);
       let consumption = sumByApiId.get(listItem.id) ?? 0;
       this.debugLog(`\u{1F3AF} Primary ID match for ${listItem.id}: ${consumption}`);
+      if (index < 3) {
+        console.log(`[AllReportModal] NEW MAPPING - ItemsList item ${index}:`, {
+          id: listItem.id,
+          identifier: listItem.identifier,
+          label: listItem.label,
+          idMatchConsumption: consumption
+        });
+      }
       if (consumption > 0) {
         matchedById++;
         this.debugLog(`\u2705 Matched by ID: ${listItem.id} -> ${consumption}`);
@@ -7460,6 +7493,14 @@ var AllReportModal = class {
           if (assetNameMatch || nameMatch) {
             const itemConsumption = this.pickConsumption(apiItem);
             consumption += itemConsumption;
+            if (index < 3) {
+              console.log(`[AllReportModal] NEW MAPPING - Substring match for ${listItem.identifier}:`, {
+                apiItemName: name,
+                apiItemAssetName: assetName,
+                itemConsumption,
+                totalConsumption: consumption
+              });
+            }
             this.debugLog(`\u2705 Substring match found in API item ${apiIndex}`, {
               listItemIdentifier: listItem.identifier,
               apiItemAssetName: assetName,
@@ -7483,6 +7524,7 @@ var AllReportModal = class {
         name: listItem.label,
         consumption: Math.round(consumption * 100) / 100
       };
+      totalMappedConsumption += result.consumption;
       this.debugLog(`\u{1F4DD} Final row for ${listItem.identifier}:`, result);
       return result;
     });
@@ -7493,8 +7535,11 @@ var AllReportModal = class {
       matchedById,
       matchedBySubstring,
       unmatched: this.params.itemsList.length - matchedById - matchedBySubstring,
-      apiItemsWithoutId
+      apiItemsWithoutId,
+      totalApiConsumption,
+      totalMappedConsumption
     };
+    console.log("[AllReportModal] NEW MAPPING - Final stats:", stats);
     this.debugLog("\u{1F4CA} Final mapping stats:", stats);
     console.log("[AllReportModal] Mapping stats:", stats);
     return rows;

package/dist/myio-js-library.umd.js

@@ -6980,11 +6980,20 @@
       loadBtn?.addEventListener("click", () => this.loadData());
       exportBtn?.addEventListener("click", () => this.exportCSV());
       filterBtn?.addEventListener("click", () => this.openFilterModal());
-      searchInput?.addEventListener("input", (e) => {
-        this.searchFilter = e.target.value.toLowerCase();
-        this.currentPage = 1;
-        this.renderTable();
-      });
+      if (searchInput) {
+        searchInput.addEventListener("input", (e) => {
+          this.searchFilter = e.target.value.toLowerCase();
+          this.currentPage = 1;
+          this.renderTable();
+          this.renderPagination();
+        });
+        searchInput.addEventListener("keyup", (e) => {
+          this.searchFilter = e.target.value.toLowerCase();
+          this.currentPage = 1;
+          this.renderTable();
+          this.renderPagination();
+        });
+      }
       try {
         this.dateRangePicker = await attach(dateRangeInput, {
           presetStart: this.getDefaultStartDate(),
@@ -7394,6 +7403,8 @@
     mapCustomerTotalsResponse(apiResponse) {
       this.debugLog("\u{1F50D} Starting mapCustomerTotalsResponse", { apiResponse });
       const apiArray = Array.isArray(apiResponse?.data) ? apiResponse.data : Array.isArray(apiResponse) ? apiResponse : [];
+      console.log("[AllReportModal] NEW MAPPING - API array length:", apiArray.length);
+      console.log("[AllReportModal] NEW MAPPING - ItemsList length:", this.params.itemsList.length);
       this.debugLog("\u{1F4CB} API data array extracted", {
         isDataProperty: !!apiResponse?.data,
         isDirectArray: Array.isArray(apiResponse),
@@ -7407,9 +7418,20 @@
       }
       const sumByApiId = /* @__PURE__ */ new Map();
       let apiItemsWithoutId = 0;
+      let totalApiConsumption = 0;
       this.debugLog("\u{1F528} Building ID index from API data...");
       for (const [index, item] of apiArray.entries()) {
         const consumption = this.pickConsumption(item);
+        totalApiConsumption += consumption;
+        if (index < 3) {
+          console.log(`[AllReportModal] NEW MAPPING - API item ${index}:`, {
+            id: item?.id,
+            name: item?.name,
+            assetName: item?.assetName,
+            total_value: item?.total_value,
+            extractedConsumption: consumption
+          });
+        }
         this.debugLog(`\u{1F4CA} Processing API item ${index}`, {
           item,
           extractedConsumption: consumption,
@@ -7425,17 +7447,28 @@
           this.debugLog(`\u274C API item without ID:`, item);
         }
       }
+      console.log("[AllReportModal] NEW MAPPING - Total API consumption:", totalApiConsumption);
+      console.log("[AllReportModal] NEW MAPPING - Unique API IDs:", sumByApiId.size);
       this.debugLog("\u{1F4CA} ID index built", {
         sumByApiIdSize: sumByApiId.size,
         sumByApiIdEntries: Array.from(sumByApiId.entries()),
         apiItemsWithoutId
       });
       let matchedById = 0, matchedBySubstring = 0;
+      let totalMappedConsumption = 0;
       this.debugLog("\u{1F3AF} Starting itemsList mapping...");
       const rows = this.params.itemsList.map((listItem, index) => {
         this.debugLog(`\u{1F50D} Processing listItem ${index}`, listItem);
         let consumption = sumByApiId.get(listItem.id) ?? 0;
         this.debugLog(`\u{1F3AF} Primary ID match for ${listItem.id}: ${consumption}`);
+        if (index < 3) {
+          console.log(`[AllReportModal] NEW MAPPING - ItemsList item ${index}:`, {
+            id: listItem.id,
+            identifier: listItem.identifier,
+            label: listItem.label,
+            idMatchConsumption: consumption
+          });
+        }
         if (consumption > 0) {
           matchedById++;
           this.debugLog(`\u2705 Matched by ID: ${listItem.id} -> ${consumption}`);
@@ -7449,6 +7482,14 @@
             if (assetNameMatch || nameMatch) {
               const itemConsumption = this.pickConsumption(apiItem);
               consumption += itemConsumption;
+              if (index < 3) {
+                console.log(`[AllReportModal] NEW MAPPING - Substring match for ${listItem.identifier}:`, {
+                  apiItemName: name,
+                  apiItemAssetName: assetName,
+                  itemConsumption,
+                  totalConsumption: consumption
+                });
+              }
               this.debugLog(`\u2705 Substring match found in API item ${apiIndex}`, {
                 listItemIdentifier: listItem.identifier,
                 apiItemAssetName: assetName,
@@ -7472,6 +7513,7 @@
           name: listItem.label,
           consumption: Math.round(consumption * 100) / 100
         };
+        totalMappedConsumption += result.consumption;
         this.debugLog(`\u{1F4DD} Final row for ${listItem.identifier}:`, result);
         return result;
       });
@@ -7482,8 +7524,11 @@
         matchedById,
         matchedBySubstring,
         unmatched: this.params.itemsList.length - matchedById - matchedBySubstring,
-        apiItemsWithoutId
+        apiItemsWithoutId,
+        totalApiConsumption,
+        totalMappedConsumption
       };
+      console.log("[AllReportModal] NEW MAPPING - Final stats:", stats);
       this.debugLog("\u{1F4CA} Final mapping stats:", stats);
       console.log("[AllReportModal] Mapping stats:", stats);
       return rows;