myio-js-library 0.1.73 → 0.1.75

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.cjs CHANGED
@@ -10887,9 +10887,7 @@ var STRINGS = {
10887
10887
  title: "Demanda",
10888
10888
  period: "Per\xEDodo",
10889
10889
  maximum: "M\xE1xima",
10890
- at: "no dia",
10891
- atTime: "\xE1s",
10892
- timeUnit: "hs",
10890
+ at: "em",
10893
10891
  exportPdf: "Exportar PDF",
10894
10892
  exportCsv: "Exportar CSV",
10895
10893
  fullscreen: "Tela cheia",
@@ -10913,8 +10911,6 @@ var STRINGS = {
10913
10911
  period: "Period",
10914
10912
  maximum: "Maximum",
10915
10913
  at: "on",
10916
- atTime: "at",
10917
- timeUnit: "",
10918
10914
  exportPdf: "Export PDF",
10919
10915
  exportCsv: "Export CSV",
10920
10916
  fullscreen: "Fullscreen",
@@ -11372,9 +11368,7 @@ function formatDateTime(date, locale) {
11372
11368
  return date.toLocaleDateString(locale, {
11373
11369
  day: "2-digit",
11374
11370
  month: "2-digit",
11375
- year: "numeric",
11376
- hour: "2-digit",
11377
- minute: "2-digit"
11371
+ year: "numeric"
11378
11372
  });
11379
11373
  }
11380
11374
  async function fetchTelemetryData(token, deviceId, startDate, endDate, queryParams) {
@@ -11528,8 +11522,6 @@ async function openDemandModal(params) {
11528
11522
  overlay.setAttribute("aria-modal", "true");
11529
11523
  overlay.setAttribute("aria-labelledby", "modal-title");
11530
11524
  const label = params.label || "Dispositivo";
11531
- const startDateFormatted = formatDate2(new Date(params.startDate), locale);
11532
- const endDateFormatted = formatDate2(new Date(params.endDate), locale);
11533
11525
  overlay.innerHTML = `
11534
11526
  <div class="myio-demand-modal-card">
11535
11527
  <div class="myio-demand-modal-header">
@@ -11552,10 +11544,6 @@ async function openDemandModal(params) {
11552
11544
  </button>
11553
11545
  </div>
11554
11546
  </div>
11555
-
11556
- <div class="myio-demand-modal-period">
11557
- ${strings.period}: ${startDateFormatted} \u2192 ${endDateFormatted}
11558
- </div>
11559
11547
 
11560
11548
  <div class="myio-demand-modal-period-selector">
11561
11549
  <label>
@@ -11613,7 +11601,6 @@ async function openDemandModal(params) {
11613
11601
  const errorText = overlay.querySelector(".myio-demand-modal-error-text");
11614
11602
  const peakEl = overlay.querySelector(".myio-demand-modal-peak");
11615
11603
  const contentEl = overlay.querySelector(".myio-demand-modal-content");
11616
- const periodDisplayEl = overlay.querySelector(".myio-demand-modal-period");
11617
11604
  const dateStartInput = overlay.querySelector(".myio-demand-modal-date-start");
11618
11605
  const dateEndInput = overlay.querySelector(".myio-demand-modal-date-end");
11619
11606
  const updateBtn = overlay.querySelector(".myio-demand-modal-btn-update");
@@ -11658,10 +11645,10 @@ async function openDemandModal(params) {
11658
11645
  btn.innerHTML = "<span>\u23F3</span> Gerando CSV...";
11659
11646
  try {
11660
11647
  const BOM = "\uFEFF";
11661
- let csv = BOM + "Data/Hora,S\xE9rie,Valor (kW)\n";
11648
+ let csv = BOM + "Data,S\xE9rie,Valor (kW)\n";
11662
11649
  chartData.series.forEach((series) => {
11663
11650
  series.points.forEach((point) => {
11664
- const dateStr2 = formatDateTime(new Date(point.x), locale);
11651
+ const dateStr2 = formatDate2(new Date(point.x), locale);
11665
11652
  const value = point.y.toFixed(2);
11666
11653
  csv += `${dateStr2},${series.label},${value}
11667
11654
  `;
@@ -11733,12 +11720,12 @@ async function openDemandModal(params) {
11733
11720
  currentY += 10;
11734
11721
  const samplePoints = chartData.series[0].points.slice(0, 10);
11735
11722
  doc.setFontSize(10);
11736
- doc.text("Data/Hora", 20, currentY);
11723
+ doc.text("Data", 20, currentY);
11737
11724
  doc.text(params.yAxisLabel || strings.demand, 100, currentY);
11738
11725
  currentY += 7;
11739
11726
  samplePoints.forEach((point) => {
11740
11727
  currentY = ensureRoom(doc, currentY, 10);
11741
- const dateStr = formatDateTime(new Date(point.x), params.locale || "pt-BR");
11728
+ const dateStr = formatDate2(new Date(point.x), params.locale || "pt-BR");
11742
11729
  doc.text(dateStr, 20, currentY);
11743
11730
  doc.text(point.y.toFixed(2), 100, currentY);
11744
11731
  currentY += 7;
@@ -11762,8 +11749,14 @@ async function openDemandModal(params) {
11762
11749
  function initializeDateInputs() {
11763
11750
  const startDate = new Date(currentStartDate);
11764
11751
  const endDate = new Date(currentEndDate);
11765
- dateStartInput.value = startDate.toISOString().split("T")[0];
11766
- dateEndInput.value = endDate.toISOString().split("T")[0];
11752
+ const formatLocalDate = (date) => {
11753
+ const year = date.getFullYear();
11754
+ const month = String(date.getMonth() + 1).padStart(2, "0");
11755
+ const day = String(date.getDate()).padStart(2, "0");
11756
+ return `${year}-${month}-${day}`;
11757
+ };
11758
+ dateStartInput.value = formatLocalDate(startDate);
11759
+ dateEndInput.value = formatLocalDate(endDate);
11767
11760
  }
11768
11761
  async function updatePeriod() {
11769
11762
  periodErrorEl.style.display = "none";
@@ -11824,9 +11817,6 @@ async function openDemandModal(params) {
11824
11817
  errorText.textContent = "O Limite de busca \xE9 de 30 dias de intervalo.";
11825
11818
  return;
11826
11819
  }
11827
- const startDateFormatted2 = formatDate2(startDateObj, locale);
11828
- const endDateFormatted2 = formatDate2(endDateObj, locale);
11829
- periodDisplayEl.textContent = `${strings.period}: ${startDateFormatted2} \u2192 ${endDateFormatted2}`;
11830
11820
  const rawData = params.fetcher ? await params.fetcher({ token: params.token, deviceId: params.deviceId, startDate: currentStartDate, endDate: currentEndDate, telemetryQuery: params.telemetryQuery }) : await fetchTelemetryData(params.token, params.deviceId, currentStartDate, currentEndDate, params.telemetryQuery);
11831
11821
  chartData = processMultiSeriesChartData(
11832
11822
  rawData,
@@ -11851,11 +11841,7 @@ async function openDemandModal(params) {
11851
11841
  month: "2-digit",
11852
11842
  year: "numeric"
11853
11843
  });
11854
- const timeStr = date.toLocaleTimeString(locale, {
11855
- hour: "2-digit",
11856
- minute: "2-digit"
11857
- });
11858
- peakEl.textContent = `${strings.maximum}: ${peak.formattedValue} kW ${peak.key ? `(${peak.key}) ` : ""}${strings.at} ${dateStr} ${strings.atTime} ${timeStr}${strings.timeUnit}`;
11844
+ peakEl.textContent = `${strings.maximum}: ${peak.formattedValue} kW ${peak.key ? `(${peak.key}) ` : ""}${strings.at} ${dateStr}`;
11859
11845
  peakEl.style.display = "block";
11860
11846
  }
11861
11847
  const Chart = window.Chart;
package/dist/index.js CHANGED
@@ -10813,9 +10813,7 @@ var STRINGS = {
10813
10813
  title: "Demanda",
10814
10814
  period: "Per\xEDodo",
10815
10815
  maximum: "M\xE1xima",
10816
- at: "no dia",
10817
- atTime: "\xE1s",
10818
- timeUnit: "hs",
10816
+ at: "em",
10819
10817
  exportPdf: "Exportar PDF",
10820
10818
  exportCsv: "Exportar CSV",
10821
10819
  fullscreen: "Tela cheia",
@@ -10839,8 +10837,6 @@ var STRINGS = {
10839
10837
  period: "Period",
10840
10838
  maximum: "Maximum",
10841
10839
  at: "on",
10842
- atTime: "at",
10843
- timeUnit: "",
10844
10840
  exportPdf: "Export PDF",
10845
10841
  exportCsv: "Export CSV",
10846
10842
  fullscreen: "Fullscreen",
@@ -11298,9 +11294,7 @@ function formatDateTime(date, locale) {
11298
11294
  return date.toLocaleDateString(locale, {
11299
11295
  day: "2-digit",
11300
11296
  month: "2-digit",
11301
- year: "numeric",
11302
- hour: "2-digit",
11303
- minute: "2-digit"
11297
+ year: "numeric"
11304
11298
  });
11305
11299
  }
11306
11300
  async function fetchTelemetryData(token, deviceId, startDate, endDate, queryParams) {
@@ -11454,8 +11448,6 @@ async function openDemandModal(params) {
11454
11448
  overlay.setAttribute("aria-modal", "true");
11455
11449
  overlay.setAttribute("aria-labelledby", "modal-title");
11456
11450
  const label = params.label || "Dispositivo";
11457
- const startDateFormatted = formatDate2(new Date(params.startDate), locale);
11458
- const endDateFormatted = formatDate2(new Date(params.endDate), locale);
11459
11451
  overlay.innerHTML = `
11460
11452
  <div class="myio-demand-modal-card">
11461
11453
  <div class="myio-demand-modal-header">
@@ -11478,10 +11470,6 @@ async function openDemandModal(params) {
11478
11470
  </button>
11479
11471
  </div>
11480
11472
  </div>
11481
-
11482
- <div class="myio-demand-modal-period">
11483
- ${strings.period}: ${startDateFormatted} \u2192 ${endDateFormatted}
11484
- </div>
11485
11473
 
11486
11474
  <div class="myio-demand-modal-period-selector">
11487
11475
  <label>
@@ -11539,7 +11527,6 @@ async function openDemandModal(params) {
11539
11527
  const errorText = overlay.querySelector(".myio-demand-modal-error-text");
11540
11528
  const peakEl = overlay.querySelector(".myio-demand-modal-peak");
11541
11529
  const contentEl = overlay.querySelector(".myio-demand-modal-content");
11542
- const periodDisplayEl = overlay.querySelector(".myio-demand-modal-period");
11543
11530
  const dateStartInput = overlay.querySelector(".myio-demand-modal-date-start");
11544
11531
  const dateEndInput = overlay.querySelector(".myio-demand-modal-date-end");
11545
11532
  const updateBtn = overlay.querySelector(".myio-demand-modal-btn-update");
@@ -11584,10 +11571,10 @@ async function openDemandModal(params) {
11584
11571
  btn.innerHTML = "<span>\u23F3</span> Gerando CSV...";
11585
11572
  try {
11586
11573
  const BOM = "\uFEFF";
11587
- let csv = BOM + "Data/Hora,S\xE9rie,Valor (kW)\n";
11574
+ let csv = BOM + "Data,S\xE9rie,Valor (kW)\n";
11588
11575
  chartData.series.forEach((series) => {
11589
11576
  series.points.forEach((point) => {
11590
- const dateStr2 = formatDateTime(new Date(point.x), locale);
11577
+ const dateStr2 = formatDate2(new Date(point.x), locale);
11591
11578
  const value = point.y.toFixed(2);
11592
11579
  csv += `${dateStr2},${series.label},${value}
11593
11580
  `;
@@ -11659,12 +11646,12 @@ async function openDemandModal(params) {
11659
11646
  currentY += 10;
11660
11647
  const samplePoints = chartData.series[0].points.slice(0, 10);
11661
11648
  doc.setFontSize(10);
11662
- doc.text("Data/Hora", 20, currentY);
11649
+ doc.text("Data", 20, currentY);
11663
11650
  doc.text(params.yAxisLabel || strings.demand, 100, currentY);
11664
11651
  currentY += 7;
11665
11652
  samplePoints.forEach((point) => {
11666
11653
  currentY = ensureRoom(doc, currentY, 10);
11667
- const dateStr = formatDateTime(new Date(point.x), params.locale || "pt-BR");
11654
+ const dateStr = formatDate2(new Date(point.x), params.locale || "pt-BR");
11668
11655
  doc.text(dateStr, 20, currentY);
11669
11656
  doc.text(point.y.toFixed(2), 100, currentY);
11670
11657
  currentY += 7;
@@ -11688,8 +11675,14 @@ async function openDemandModal(params) {
11688
11675
  function initializeDateInputs() {
11689
11676
  const startDate = new Date(currentStartDate);
11690
11677
  const endDate = new Date(currentEndDate);
11691
- dateStartInput.value = startDate.toISOString().split("T")[0];
11692
- dateEndInput.value = endDate.toISOString().split("T")[0];
11678
+ const formatLocalDate = (date) => {
11679
+ const year = date.getFullYear();
11680
+ const month = String(date.getMonth() + 1).padStart(2, "0");
11681
+ const day = String(date.getDate()).padStart(2, "0");
11682
+ return `${year}-${month}-${day}`;
11683
+ };
11684
+ dateStartInput.value = formatLocalDate(startDate);
11685
+ dateEndInput.value = formatLocalDate(endDate);
11693
11686
  }
11694
11687
  async function updatePeriod() {
11695
11688
  periodErrorEl.style.display = "none";
@@ -11750,9 +11743,6 @@ async function openDemandModal(params) {
11750
11743
  errorText.textContent = "O Limite de busca \xE9 de 30 dias de intervalo.";
11751
11744
  return;
11752
11745
  }
11753
- const startDateFormatted2 = formatDate2(startDateObj, locale);
11754
- const endDateFormatted2 = formatDate2(endDateObj, locale);
11755
- periodDisplayEl.textContent = `${strings.period}: ${startDateFormatted2} \u2192 ${endDateFormatted2}`;
11756
11746
  const rawData = params.fetcher ? await params.fetcher({ token: params.token, deviceId: params.deviceId, startDate: currentStartDate, endDate: currentEndDate, telemetryQuery: params.telemetryQuery }) : await fetchTelemetryData(params.token, params.deviceId, currentStartDate, currentEndDate, params.telemetryQuery);
11757
11747
  chartData = processMultiSeriesChartData(
11758
11748
  rawData,
@@ -11777,11 +11767,7 @@ async function openDemandModal(params) {
11777
11767
  month: "2-digit",
11778
11768
  year: "numeric"
11779
11769
  });
11780
- const timeStr = date.toLocaleTimeString(locale, {
11781
- hour: "2-digit",
11782
- minute: "2-digit"
11783
- });
11784
- peakEl.textContent = `${strings.maximum}: ${peak.formattedValue} kW ${peak.key ? `(${peak.key}) ` : ""}${strings.at} ${dateStr} ${strings.atTime} ${timeStr}${strings.timeUnit}`;
11770
+ peakEl.textContent = `${strings.maximum}: ${peak.formattedValue} kW ${peak.key ? `(${peak.key}) ` : ""}${strings.at} ${dateStr}`;
11785
11771
  peakEl.style.display = "block";
11786
11772
  }
11787
11773
  const Chart = window.Chart;
@@ -10802,9 +10802,7 @@
10802
10802
  title: "Demanda",
10803
10803
  period: "Per\xEDodo",
10804
10804
  maximum: "M\xE1xima",
10805
- at: "no dia",
10806
- atTime: "\xE1s",
10807
- timeUnit: "hs",
10805
+ at: "em",
10808
10806
  exportPdf: "Exportar PDF",
10809
10807
  exportCsv: "Exportar CSV",
10810
10808
  fullscreen: "Tela cheia",
@@ -10828,8 +10826,6 @@
10828
10826
  period: "Period",
10829
10827
  maximum: "Maximum",
10830
10828
  at: "on",
10831
- atTime: "at",
10832
- timeUnit: "",
10833
10829
  exportPdf: "Export PDF",
10834
10830
  exportCsv: "Export CSV",
10835
10831
  fullscreen: "Fullscreen",
@@ -11287,9 +11283,7 @@
11287
11283
  return date.toLocaleDateString(locale, {
11288
11284
  day: "2-digit",
11289
11285
  month: "2-digit",
11290
- year: "numeric",
11291
- hour: "2-digit",
11292
- minute: "2-digit"
11286
+ year: "numeric"
11293
11287
  });
11294
11288
  }
11295
11289
  async function fetchTelemetryData(token, deviceId, startDate, endDate, queryParams) {
@@ -11443,8 +11437,6 @@
11443
11437
  overlay.setAttribute("aria-modal", "true");
11444
11438
  overlay.setAttribute("aria-labelledby", "modal-title");
11445
11439
  const label = params.label || "Dispositivo";
11446
- const startDateFormatted = formatDate2(new Date(params.startDate), locale);
11447
- const endDateFormatted = formatDate2(new Date(params.endDate), locale);
11448
11440
  overlay.innerHTML = `
11449
11441
  <div class="myio-demand-modal-card">
11450
11442
  <div class="myio-demand-modal-header">
@@ -11467,10 +11459,6 @@
11467
11459
  </button>
11468
11460
  </div>
11469
11461
  </div>
11470
-
11471
- <div class="myio-demand-modal-period">
11472
- ${strings.period}: ${startDateFormatted} \u2192 ${endDateFormatted}
11473
- </div>
11474
11462
 
11475
11463
  <div class="myio-demand-modal-period-selector">
11476
11464
  <label>
@@ -11528,7 +11516,6 @@
11528
11516
  const errorText = overlay.querySelector(".myio-demand-modal-error-text");
11529
11517
  const peakEl = overlay.querySelector(".myio-demand-modal-peak");
11530
11518
  const contentEl = overlay.querySelector(".myio-demand-modal-content");
11531
- const periodDisplayEl = overlay.querySelector(".myio-demand-modal-period");
11532
11519
  const dateStartInput = overlay.querySelector(".myio-demand-modal-date-start");
11533
11520
  const dateEndInput = overlay.querySelector(".myio-demand-modal-date-end");
11534
11521
  const updateBtn = overlay.querySelector(".myio-demand-modal-btn-update");
@@ -11573,10 +11560,10 @@
11573
11560
  btn.innerHTML = "<span>\u23F3</span> Gerando CSV...";
11574
11561
  try {
11575
11562
  const BOM = "\uFEFF";
11576
- let csv = BOM + "Data/Hora,S\xE9rie,Valor (kW)\n";
11563
+ let csv = BOM + "Data,S\xE9rie,Valor (kW)\n";
11577
11564
  chartData.series.forEach((series) => {
11578
11565
  series.points.forEach((point) => {
11579
- const dateStr2 = formatDateTime(new Date(point.x), locale);
11566
+ const dateStr2 = formatDate2(new Date(point.x), locale);
11580
11567
  const value = point.y.toFixed(2);
11581
11568
  csv += `${dateStr2},${series.label},${value}
11582
11569
  `;
@@ -11648,12 +11635,12 @@
11648
11635
  currentY += 10;
11649
11636
  const samplePoints = chartData.series[0].points.slice(0, 10);
11650
11637
  doc.setFontSize(10);
11651
- doc.text("Data/Hora", 20, currentY);
11638
+ doc.text("Data", 20, currentY);
11652
11639
  doc.text(params.yAxisLabel || strings.demand, 100, currentY);
11653
11640
  currentY += 7;
11654
11641
  samplePoints.forEach((point) => {
11655
11642
  currentY = ensureRoom(doc, currentY, 10);
11656
- const dateStr = formatDateTime(new Date(point.x), params.locale || "pt-BR");
11643
+ const dateStr = formatDate2(new Date(point.x), params.locale || "pt-BR");
11657
11644
  doc.text(dateStr, 20, currentY);
11658
11645
  doc.text(point.y.toFixed(2), 100, currentY);
11659
11646
  currentY += 7;
@@ -11677,8 +11664,14 @@
11677
11664
  function initializeDateInputs() {
11678
11665
  const startDate = new Date(currentStartDate);
11679
11666
  const endDate = new Date(currentEndDate);
11680
- dateStartInput.value = startDate.toISOString().split("T")[0];
11681
- dateEndInput.value = endDate.toISOString().split("T")[0];
11667
+ const formatLocalDate = (date) => {
11668
+ const year = date.getFullYear();
11669
+ const month = String(date.getMonth() + 1).padStart(2, "0");
11670
+ const day = String(date.getDate()).padStart(2, "0");
11671
+ return `${year}-${month}-${day}`;
11672
+ };
11673
+ dateStartInput.value = formatLocalDate(startDate);
11674
+ dateEndInput.value = formatLocalDate(endDate);
11682
11675
  }
11683
11676
  async function updatePeriod() {
11684
11677
  periodErrorEl.style.display = "none";
@@ -11739,9 +11732,6 @@
11739
11732
  errorText.textContent = "O Limite de busca \xE9 de 30 dias de intervalo.";
11740
11733
  return;
11741
11734
  }
11742
- const startDateFormatted2 = formatDate2(startDateObj, locale);
11743
- const endDateFormatted2 = formatDate2(endDateObj, locale);
11744
- periodDisplayEl.textContent = `${strings.period}: ${startDateFormatted2} \u2192 ${endDateFormatted2}`;
11745
11735
  const rawData = params.fetcher ? await params.fetcher({ token: params.token, deviceId: params.deviceId, startDate: currentStartDate, endDate: currentEndDate, telemetryQuery: params.telemetryQuery }) : await fetchTelemetryData(params.token, params.deviceId, currentStartDate, currentEndDate, params.telemetryQuery);
11746
11736
  chartData = processMultiSeriesChartData(
11747
11737
  rawData,
@@ -11766,11 +11756,7 @@
11766
11756
  month: "2-digit",
11767
11757
  year: "numeric"
11768
11758
  });
11769
- const timeStr = date.toLocaleTimeString(locale, {
11770
- hour: "2-digit",
11771
- minute: "2-digit"
11772
- });
11773
- peakEl.textContent = `${strings.maximum}: ${peak.formattedValue} kW ${peak.key ? `(${peak.key}) ` : ""}${strings.at} ${dateStr} ${strings.atTime} ${timeStr}${strings.timeUnit}`;
11759
+ peakEl.textContent = `${strings.maximum}: ${peak.formattedValue} kW ${peak.key ? `(${peak.key}) ` : ""}${strings.at} ${dateStr}`;
11774
11760
  peakEl.style.display = "block";
11775
11761
  }
11776
11762
  const Chart = window.Chart;