@tenorlab/react-dashboard 1.6.6 → 1.6.7

package/dist/core.es.js

@@ -85,53 +85,53 @@ const W = [
    * @returns the update item
    */
   incrementOrDecrementValue: (e, t) => {
-    const i = e.value.match(/([\d.]+)/), a = i ? parseFloat(i[1]) : 0, r = e.value.match(/([^\d.]+)/), n = r ? r[1] : e.defaultUnit, s = S(n, e.step) * t, l = `${Math.max(a + s, e.minValue).toFixed(1)}${n}`;
+    const i = e.value.match(/([\d.]+)/), s = i ? parseFloat(i[1]) : 0, r = e.value.match(/([^\d.]+)/), n = r ? r[1] : e.defaultUnit, a = S(n, e.step) * t, l = `${Math.max(s + a, e.minValue).toFixed(1)}${n}`;
     return {
       ...e,
       value: l
     };
   }
-}, y = (e, t) => `dashboards_${t}_${e}`, v = async (e, t, i, a) => {
+}, y = (e, t) => `dashboards_${t}_${e}`, v = async (e, t, i, s) => {
   const r = localStorage.getItem(y(e, t));
   if (r)
     try {
       const n = JSON.parse(r);
-      return n.length < 1 ? [a] : (n.forEach((s) => {
-        s.dashboardId || (s.dashboardId = "default"), s.dashboardName || (s.dashboardName = `Dashboard ${s.dashboardId}`), s.responsiveGrid = s.responsiveGrid ?? !1, (s.widgets || []).length < 1 && (s.widgets = a.widgets);
-        const l = (s.cssSettings || []).filter(
-          (o) => a.cssSettings.some((d) => d.key === o.key)
+      return n.length < 1 ? [s] : (n.forEach((a) => {
+        a.dashboardId || (a.dashboardId = "default"), a.dashboardName || (a.dashboardName = `Dashboard ${a.dashboardId}`), a.responsiveGrid = a.responsiveGrid ?? !1, (a.widgets || []).length < 1 && (a.widgets = []);
+        const l = (a.cssSettings || []).filter(
+          (o) => s.cssSettings.some((d) => d.key === o.key)
         );
         if (l.length < 1)
-          s.cssSettings = [...a.cssSettings];
+          a.cssSettings = [...s.cssSettings];
         else {
           l.forEach((d) => {
             d.value = (d.value || "").replace(/NaN/g, "");
-            const c = a.cssSettings.find((g) => g.key === d.key);
+            const c = s.cssSettings.find((g) => g.key === d.key);
             c && (Object.keys(c).forEach((g) => {
               g in d || (d[g] = c[g]);
             }), d.step = c.step, d.minValue = c.minValue, d.defaultValue = c.defaultValue, d.defaultUnit = c.defaultUnit, /\d+/g.test(d.value) === !1 && (d.value = c ? c.value : "1.0rem"));
           });
-          const o = a.cssSettings.filter((d) => !l.some((c) => c.key === d.key));
-          s.cssSettings = [...l, ...o];
+          const o = s.cssSettings.filter((d) => !l.some((c) => c.key === d.key));
+          a.cssSettings = [...l, ...o];
         }
-        s.widgets = s.widgets.filter(
+        a.widgets = a.widgets.filter(
           (o) => o.includes("WidgetContainer") || i.has(o)
-        ), s.childWidgetsConfig = s.childWidgetsConfig.filter(
+        ), a.childWidgetsConfig = a.childWidgetsConfig.filter(
           (o) => i.has(o.widgetKey)
-        ), s.zoomScale ? s.zoomScale < 0.7 && (s.zoomScale = 0.7) : s.zoomScale = 1;
+        ), a.zoomScale ? a.zoomScale < 0.7 && (a.zoomScale = 0.7) : a.zoomScale = 1;
       }), n);
     } catch (n) {
       console.warn("Error parsing saved dashboard config:", n);
     }
-  return [a];
-}, $ = async (e, t, i, a) => {
+  return [s];
+}, $ = async (e, t, i, s) => {
   i.forEach((n) => {
     if (n.userID = e, n.clientAppKey = t, n.responsiveGrid = n.responsiveGrid ?? !1, typeof n != "object")
       throw new Error("Invalid dashboard configuration");
     n.widgets = n.widgets.filter(
-      (s) => s.includes("WidgetContainer") || a.has(s)
+      (a) => a.includes("WidgetContainer") || s.has(a)
     ), n.childWidgetsConfig = n.childWidgetsConfig.filter(
-      (s) => a.has(s.widgetKey)
+      (a) => s.has(a.widgetKey)
     ), n.zoomScale ? n.zoomScale < 0.7 && (n.zoomScale = 0.7) : n.zoomScale = 1;
   });
   const r = JSON.stringify(i);
@@ -156,60 +156,60 @@ const W = [
   let t = Number(e || 0);
   return t < p && (t = p), t > h && (t = h), t;
 }, L = (e, t) => {
-  let i = Number(Number((V * t).toFixed(2)).toFixed(2)), a = Number((Number(e) + i).toFixed(2));
-  return K(a);
+  let i = Number(Number((V * t).toFixed(2)).toFixed(2)), s = Number((Number(e) + i).toFixed(2));
+  return K(s);
 }, j = (e) => {
   let t = {
     ...e
   };
   return t.widgets = t.widgets.filter((i) => {
     if (`${i}`.includes("WidgetContainer")) {
-      const a = t.childWidgetsConfig.filter(
+      const s = t.childWidgetsConfig.filter(
         (r) => r.parentWidgetKey === i
       );
-      if (!a || a.length === 0)
+      if (!s || s.length === 0)
         return t.widgets = t.widgets.filter((r) => r !== i), !1;
     }
     return !0;
   }), t;
 }, x = (e) => {
-  const t = e.widgets.filter((a) => a.includes("WidgetContainer")), i = {};
-  return t.forEach((a, r) => {
-    const n = `${a.split("_container")[0]}_container${r + 1}`;
-    i[a] = n;
-  }), e.widgets = e.widgets.map((a) => i[a] || a), e.childWidgetsConfig = e.childWidgetsConfig.map((a) => {
-    const r = a.parentWidgetKey, n = i[r];
+  const t = e.widgets.filter((s) => s.includes("WidgetContainer")), i = {};
+  return t.forEach((s, r) => {
+    const n = `${s.split("_container")[0]}_container${r + 1}`;
+    i[s] = n;
+  }), e.widgets = e.widgets.map((s) => i[s] || s), e.childWidgetsConfig = e.childWidgetsConfig.map((s) => {
+    const r = s.parentWidgetKey, n = i[r];
     return {
-      ...a,
+      ...s,
       // If a new key exists, use it. If not, keep the original key.
       parentWidgetKey: n || r
     };
   }), e;
 }, m = (e, t) => {
-  const i = `${e}`.includes("Container"), a = i ? ["Container"] : ["Widget"], r = t?.name || e, n = t?.description || (i ? "Container" : "Unknown");
+  const i = `${e}`.includes("Container"), s = i ? ["Container"] : ["Widget"], r = t?.name || e, n = t?.description || (i ? "Container" : "Unknown");
   return {
     name: r,
     description: n,
-    categories: a,
+    categories: s,
     noDuplicatedWidgets: !0,
     icon: void 0,
     externalDependencies: []
   };
 }, M = (e, t, i) => t[e] || m(e, i), I = (e, t) => t.get(e)?.meta || m(e), k = (e, t, i) => {
-  const a = i || m(e);
+  const s = i || m(e);
   return [
     e,
     {
       key: e,
-      title: a.name,
+      title: s.name,
       isContainer: `${e}`.includes("Container"),
       isRemote: !1,
-      meta: a,
+      meta: s,
       component: t
     }
   ];
-}, C = (e, t, i, a) => {
-  const r = a || m(e);
+}, C = (e, t, i, s) => {
+  const r = s || m(e);
   return [
     e,
     {
@@ -224,7 +224,7 @@ const W = [
 }, F = (e) => {
   const t = e.match(/\/widget-([a-zA-Z0-9-]+)\/index\.ts$/);
   if (t && t[1]) {
-    const i = t[1], a = i.split("-"), r = `Widget${a.map((s) => s.charAt(0).toUpperCase() + s.slice(1)).join("")}`, n = a.map((s) => s.charAt(0).toUpperCase() + s.slice(1)).join(" ");
+    const i = t[1], s = i.split("-"), r = `Widget${s.map((a) => a.charAt(0).toUpperCase() + a.slice(1)).join("")}`, n = s.map((a) => a.charAt(0).toUpperCase() + a.slice(1)).join(" ");
     return {
       key: r,
       name: n,
@@ -232,33 +232,33 @@ const W = [
     };
   }
   return null;
-}, N = (e, t, i, a) => {
+}, N = (e, t, i, s) => {
   const r = `${t}/widget-${i}/meta.ts`, n = e[r];
   if (!n)
     return;
-  const s = `${a}Meta`;
-  return n[s] || void 0;
+  const a = `${s}Meta`;
+  return n[a] || void 0;
 }, A = async (e) => new Promise(async (t, i) => {
-  const a = [];
+  const s = [];
   try {
     const r = await (await fetch(`${e}?${Math.random()}`)).json();
     for (const n in r) {
-      const s = r[n], l = () => import(
+      const a = r[n], l = () => import(
         /* @vite-ignore */
-        s.url
+        a.url
       ), o = {
-        name: s.meta?.name || "Unknown",
-        description: s.meta?.description || "Remote Plugin",
-        categories: s.meta?.categories || ["Widget"],
-        noDuplicatedWidgets: s.meta?.noDuplicatedWidgets ?? !0,
+        name: a.meta?.name || "Unknown",
+        description: a.meta?.description || "Remote Plugin",
+        categories: a.meta?.categories || ["Widget"],
+        noDuplicatedWidgets: a.meta?.noDuplicatedWidgets ?? !0,
         icon: void 0,
         // Or a logic to map a string name to a Lucide component
-        externalDependencies: s.meta?.externalDependencies || []
+        externalDependencies: a.meta?.externalDependencies || []
       };
-      a.push(C(n, l, !0, o));
+      s.push(C(n, l, !0, o));
     }
     t({
-      entries: a,
+      entries: s,
       message: "",
       details: ""
     });
@@ -269,22 +269,22 @@ const W = [
       details: typeof r == "object" ? JSON.stringify(r) : r
     });
   }
-}), R = (e, t, i, a = !0) => {
+}), R = (e, t, i, s = !0) => {
   const r = [];
   for (const n in t) {
-    const s = t[n], l = F(n);
-    if (l && s) {
+    const a = t[n], l = F(n);
+    if (l && a) {
       const { key: o, name: d, folder: c } = l;
       let g = N(i, e, c, o);
       if (g || (g = m(o, {
         name: d,
-        description: `Local ${a ? "dynamic" : "static"} widget`
-      })), a)
+        description: `Local ${s ? "dynamic" : "static"} widget`
+      })), s)
         r.push(
-          C(o, s, !1, g)
+          C(o, a, !1, g)
         );
       else {
-        const f = s.default || s;
+        const f = a.default || a;
         r.push(k(o, f, g));
       }
     }
@@ -322,10 +322,10 @@ const W = [
    * @returns A {@link TCoreResponse} containing the success status and updated config.
    */
   addWidget: (e) => {
-    const { dashboardConfig: t, widgetKey: i, parentWidgetKey: a, noDuplicatedWidgets: r } = e;
-    if (a) {
+    const { dashboardConfig: t, widgetKey: i, parentWidgetKey: s, noDuplicatedWidgets: r } = e;
+    if (s) {
       if (r && t.childWidgetsConfig.find(
-        (s) => s.parentWidgetKey === a && s.widgetKey === i
+        (a) => a.parentWidgetKey === s && a.widgetKey === i
       ))
         return {
           success: !1,
@@ -334,7 +334,7 @@ const W = [
         };
       const n = [
         ...t.childWidgetsConfig,
-        { parentWidgetKey: a, widgetKey: i }
+        { parentWidgetKey: s, widgetKey: i }
         // new entry
       ];
       return {
@@ -370,31 +370,31 @@ const W = [
    * @returns {TCoreResponse<TRemoveWidgetResponse>} The response indicating success or failure and the updated dashboard configuration
    */
   removeWidget: (e, t, i) => {
-    const a = `${t || ""}`.trim().toLowerCase(), r = `${i || ""}`.trim().toLowerCase();
+    const s = `${t || ""}`.trim().toLowerCase(), r = `${i || ""}`.trim().toLowerCase();
     if (r.length > 0) {
       const n = e.childWidgetsConfig.filter(
         (d) => `${d.parentWidgetKey}`.trim().toLowerCase() !== r
-      ), s = e.childWidgetsConfig.filter(
-        (d) => `${d.parentWidgetKey}`.trim().toLowerCase() === r && `${d.widgetKey}`.trim().toLowerCase() !== a
-      ), l = [...n, ...s];
+      ), a = e.childWidgetsConfig.filter(
+        (d) => `${d.parentWidgetKey}`.trim().toLowerCase() === r && `${d.widgetKey}`.trim().toLowerCase() !== s
+      ), l = [...n, ...a];
       let o = {
         ...e,
         childWidgetsConfig: l
       };
-      return a.includes("container") && (o = x(o)), {
+      return s.includes("container") && (o = x(o)), {
         success: !0,
         updatedDashboardConfig: o
       };
     } else {
-      const n = (e.widgets || []).filter((l) => `${l}`.trim().toLowerCase() !== a), s = e.childWidgetsConfig.filter(
-        (l) => `${l.parentWidgetKey}`.trim().toLowerCase() !== a
+      const n = (e.widgets || []).filter((l) => `${l}`.trim().toLowerCase() !== s), a = e.childWidgetsConfig.filter(
+        (l) => `${l.parentWidgetKey}`.trim().toLowerCase() !== s
       );
       return {
         success: !0,
         updatedDashboardConfig: {
           ...e,
           widgets: n,
-          childWidgetsConfig: s
+          childWidgetsConfig: a
         }
       };
     }
@@ -407,10 +407,10 @@ const W = [
    * @param parentWidgetKey - The container key if the widget is nested.
    * @returns A {@link TCoreResponse} with the new array order.
    */
-  moveWidget: (e, t, i, a) => {
-    const r = `${i || ""}`.trim().toLowerCase(), n = `${a || ""}`.trim().toLowerCase();
+  moveWidget: (e, t, i, s) => {
+    const r = `${i || ""}`.trim().toLowerCase(), n = `${s || ""}`.trim().toLowerCase();
     if (n.length > 0) {
-      const s = e.childWidgetsConfig.filter(
+      const a = e.childWidgetsConfig.filter(
         (u) => `${u.parentWidgetKey}`.trim().toLowerCase() !== n
       );
       let l = e.childWidgetsConfig.filter(
@@ -431,19 +431,19 @@ const W = [
         success: !0,
         updatedDashboardConfig: {
           ...e,
-          childWidgetsConfig: [...s, ...g]
+          childWidgetsConfig: [...a, ...g]
         }
       };
     } else {
-      const s = e.widgets || [], l = s.map((g) => `${g}`.trim().toLowerCase()).indexOf(r);
+      const a = e.widgets || [], l = a.map((g) => `${g}`.trim().toLowerCase()).indexOf(r);
       let o = l + t;
-      if (o = Math.max(0, o), o = Math.min(s.length - 1, o), o === l)
+      if (o = Math.max(0, o), o = Math.min(a.length - 1, o), o === l)
         return {
           success: !1,
           message: `DashboardStore: moveWidget: Widget already at min/max position (${i})`,
           updatedDashboardConfig: e
         };
-      const d = [...s], [c] = d.splice(l, 1);
+      const d = [...a], [c] = d.splice(l, 1);
       return d.splice(o, 0, c), {
         success: !0,
         updatedDashboardConfig: {
@@ -457,8 +457,8 @@ const W = [
   if (typeof window > "u") return "#FFFFFF";
   const i = document.createElement("div");
   Array.isArray(e) ? e.forEach((r) => i.classList.add(r)) : e.split(" ").forEach((r) => i.classList.add(r)), i.style.display = "none", document.body.appendChild(i);
-  const a = window.getComputedStyle(i)[t];
-  return document.body.removeChild(i), a;
+  const s = window.getComputedStyle(i)[t];
+  return document.body.removeChild(i), s;
 }, G = {
   /**
    * @name getCssVariableValue

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tenorlab/react-dashboard",
-  "version": "1.6.6",
+  "version": "1.6.7",
   "description": "Foundation components for creating user-configurable dashboards in React",
   "author": "Damiano Fusco",
   "license": "MIT",
@@ -55,7 +55,7 @@
     "zustand": "5.0.9"
   },
   "devDependencies": {
-    "@tenorlab/dashboard-core": "^1.6.4",
+    "@tenorlab/dashboard-core": "^1.6.5",
     "@types/node": "^24.10.1",
     "@types/react": "19.2.3",
     "@types/react-dom": "19.2.3",