@politicalwatch/tipi-uikit 1.9.29 → 1.9.30

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@politicalwatch/tipi-uikit",
-  "version": "1.9.29",
+  "version": "1.9.30",
   "main": "src/components/index.js",
   "scripts": {
     "dev": "vite",

package/src/components/Charts/Sunburst/d3.sunburst.js

@@ -240,14 +240,42 @@ class d3sunburst extends d3chart {
   /**
    * Format durations
    */
-  formatDuration(seconds) {
-    const hours = Math.floor(seconds / 3600);
-    const minutes = Math.floor((seconds % 3600) / 60);
-    const secs = seconds % 60;
-
-    return [hours, minutes, secs]
-      .map((v) => String(v).padStart(2, '0')) // Ensures two-digit format
-      .join(':');
+  to_duration(duration) {
+    if (duration > 60 * 60 * 1000) {
+      return this.to_hour_duration(duration);
+    } else if (duration > 60 * 1000) {
+      return this.to_min_duration(duration);
+    }
+
+    return this.to_secs_duration(duration);
+  }
+
+  to_secs_duration(duration) {
+    const total_secs = duration / 1000;
+    const secs = total_secs % 60;
+
+    return `${Math.floor(secs)} segundos`;
+  }
+
+  to_min_duration(duration) {
+    const total_secs = duration / 1000;
+    const minutes = total_secs / 60;
+    const secs = total_secs % 60;
+
+    return `${Math.floor(minutes)}:${('' + Math.floor(secs)).padStart(2, 0)} min`;
+  }
+
+  to_hour_duration(duration) {
+    const total_secs = duration / 1000;
+    const total_minutes = total_secs / 60;
+    const hours = total_minutes / 60;
+    const minutes = total_minutes % 60;
+    const secs = total_secs % 60;
+
+    return `${('' + Math.floor(hours)).padStart(2, 0)}:${('' + Math.floor(minutes)).padStart(
+      2,
+      0
+    )}:${('' + Math.floor(secs)).padStart(2, 0)} horas`;
   }
 
   /**
@@ -273,7 +301,7 @@ class d3sunburst extends d3chart {
           ? pluralize(this.cfg.tooltip.suffix, d.value)
           : this.cfg.tooltip.suffix;
         const text = this.cfg.tooltip.humanReadable
-          ? `<div>${d.data[this.cfg.key]}: ${this.formatDuration(d.value)}</div>`
+          ? `<div>${d.data[this.cfg.key]}: ${this.to_duration(d.value)}</div>`
           : this.cfg.tooltip.suffix
             ? `<div>${d.data[this.cfg.key]}: ${d.value} ${label}</div>`
             : `<div>${d.data[this.cfg.key]}: ${d.value}</div>`;