@tenorlab/react-dashboard 1.2.8 → 1.2.9

package/dist/components/index.d.ts

@@ -7,3 +7,4 @@ export * from './DynamicWidgetLoader';
 export * from './DashboardWidgetBase';
 export * from './WidgetContainer';
 export * from './WidgetsCatalogFlyout';
+export * from '@tenorlab/dashboard-core';

package/dist/index.d.ts

@@ -1,2 +1 @@
-export * from '@tenorlab/dashboard-core';
 export * from './components/';

package/dist/react-dashboard.es.js

@@ -1,7 +1,29 @@
 import ae, { useState as se, useCallback as ce, useMemo as ot, forwardRef as le, useRef as wt, Suspense as Ct, useEffect as St } from "react";
 import { jsxs as $, jsx as s } from "react/jsx-runtime";
 import st from "react-dom";
-const Dt = [
+const je = (e) => {
+  let n;
+  const t = /* @__PURE__ */ new Set(), r = (p, g) => {
+    const c = typeof p == "function" ? p(n) : p;
+    if (!Object.is(c, n)) {
+      const b = n;
+      n = g ?? (typeof c != "object" || c === null) ? c : Object.assign({}, n, c), t.forEach((v) => v(n, b));
+    }
+  }, a = () => n, u = { setState: r, getState: a, getInitialState: () => y, subscribe: (p) => (t.add(p), () => t.delete(p)) }, y = n = e(r, a, u);
+  return u;
+}, Dt = ((e) => e ? je(e) : je), Tt = (e) => e;
+function Et(e, n = Tt) {
+  const t = ae.useSyncExternalStore(
+    e.subscribe,
+    ae.useCallback(() => n(e.getState()), [e, n]),
+    ae.useCallback(() => n(e.getInitialState()), [e, n])
+  );
+  return ae.useDebugValue(t), t;
+}
+const Nt = (e) => {
+  const n = Dt(e), t = (r) => Et(n, r);
+  return Object.assign(t, n), t;
+}, _t = ((e) => Nt), Mt = [
   {
     key: "grid-gap",
     name: "Gap",
@@ -79,15 +101,15 @@ const Dt = [
     defaultValue: "1.0rem",
     value: "1.0rem"
   }
-], Tt = ["rem", "pc", "cm", "in", "em", "vh", "vw", "%"], Et = (e, n) => Tt.includes(e) ? n : 1, Nt = {
+], Pt = ["rem", "pc", "cm", "in", "em", "vh", "vw", "%"], $t = (e, n) => Pt.includes(e) ? n : 1, Wt = {
   incrementOrDecrementValue: (e, n) => {
-    const t = e.value.match(/([\d.]+)/), r = t ? parseFloat(t[1]) : 0, a = e.value.match(/([^\d.]+)/), i = a ? a[1] : e.defaultUnit, o = Et(i, e.step) * n, u = `${Math.max(r + o, e.minValue).toFixed(1)}${i}`;
+    const t = e.value.match(/([\d.]+)/), r = t ? parseFloat(t[1]) : 0, a = e.value.match(/([^\d.]+)/), i = a ? a[1] : e.defaultUnit, o = $t(i, e.step) * n, u = `${Math.max(r + o, e.minValue).toFixed(1)}${i}`;
     return {
       ...e,
       value: u
     };
   }
-}, lt = (e, n) => `dashboards_${n}_${e}`, _t = async (e, n, t, r) => {
+}, lt = (e, n) => `dashboards_${n}_${e}`, It = async (e, n, t, r) => {
   const a = localStorage.getItem(lt(e, n));
   if (a)
     try {
@@ -124,7 +146,7 @@ const Dt = [
       console.warn("Error parsing saved dashboard config:", i);
     }
   return [r];
-}, Mt = async (e, n, t, r) => {
+}, Rt = async (e, n, t, r) => {
   t.forEach((i) => {
     if (i.userID = e, i.clientAppKey = n, i.responsiveGrid = i.responsiveGrid ?? !1, typeof i != "object")
       throw new Error("Invalid dashboard configuration");
@@ -136,10 +158,10 @@ const Dt = [
   });
   const a = JSON.stringify(t);
   return localStorage.setItem(lt(e, n), a), !0;
-}, Pt = {
-  getSavedDashboards: _t,
-  saveDashboards: Mt
-}, Mn = () => Pt, we = {
+}, Ot = {
+  getSavedDashboards: It,
+  saveDashboards: Rt
+}, Mn = () => Ot, we = {
   userID: 0,
   clientAppKey: "",
   dashboardId: "default",
@@ -148,15 +170,15 @@ const Dt = [
   responsiveGrid: !1,
   widgets: [],
   childWidgetsConfig: [],
-  cssSettings: [...Dt]
+  cssSettings: [...Mt]
 }, dt = (e) => {
   const n = `${e}`.split("_");
   return n.length > 1 ? n[1].replace(/(\D)(\d+)/, "$1 $2") : "Container";
-}, je = 0.7, Ae = 1, $t = 0.05, ct = (e) => {
+}, Ae = 0.7, Fe = 1, kt = 0.05, ct = (e) => {
   let n = Number(e || 0);
-  return n < je && (n = je), n > Ae && (n = Ae), n;
+  return n < Ae && (n = Ae), n > Fe && (n = Fe), n;
 }, Pn = (e, n) => {
-  let t = Number(Number(($t * n).toFixed(2)).toFixed(2)), r = Number((Number(e) + t).toFixed(2));
+  let t = Number(Number((kt * n).toFixed(2)).toFixed(2)), r = Number((Number(e) + t).toFixed(2));
   return ct(r);
 }, $n = (e) => {
   let n = {
@@ -174,7 +196,7 @@ const Dt = [
     }
     return !0;
   }), n;
-}, Wt = (e) => {
+}, jt = (e) => {
   const n = e.widgets.filter(
     (r) => r.includes("WidgetContainer")
   ), t = {};
@@ -199,7 +221,7 @@ const Dt = [
     icon: void 0,
     externalDependencies: []
   };
-}, Wn = (e, n, t) => n[e] || he(e, t), It = (e, n) => n.get(e)?.meta || he(e), Rt = (e, n, t) => {
+}, Wn = (e, n, t) => n[e] || he(e, t), At = (e, n) => n.get(e)?.meta || he(e), Ft = (e, n, t) => {
   const r = t || he(e);
   return [
     e,
@@ -223,7 +245,7 @@ const Dt = [
       loader: n
     }
   ];
-}, Ot = (e) => {
+}, Lt = (e) => {
   const n = e.match(/\/widget-([a-zA-Z0-9-]+)\/index\.ts$/);
   if (n && n[1]) {
     const t = n[1], r = t.split("-"), a = `Widget${r.map((o) => o.charAt(0).toUpperCase() + o.slice(1)).join("")}`, i = r.map((o) => o.charAt(0).toUpperCase() + o.slice(1)).join(" ");
@@ -234,7 +256,7 @@ const Dt = [
     };
   }
   return null;
-}, kt = (e, n, t, r) => {
+}, Ut = (e, n, t, r) => {
   const a = `${n}/widget-${t}/meta.ts`, i = e[a];
   if (!i)
     return;
@@ -274,10 +296,10 @@ const Dt = [
 }), Rn = (e, n, t, r = !0) => {
   const a = [];
   for (const i in n) {
-    const o = n[i], u = Ot(i);
+    const o = n[i], u = Lt(i);
     if (u && o) {
       const { key: y, title: p, folder: g } = u;
-      let c = kt(t, e, g, y);
+      let c = Ut(t, e, g, y);
       if (c || (c = he(y, {
         description: `Local ${r ? "dynamic" : "static"} widget`
       })), r)
@@ -286,7 +308,7 @@ const Dt = [
         );
       else {
         const b = o.default || o;
-        a.push(Rt(y, b, c));
+        a.push(Ft(y, b, c));
       }
     }
   }
@@ -334,29 +356,7 @@ const Dt = [
   ...new Set(
     [e || "", ...n].join(" ").trim().replace(/\n+/gi, " ").replace(/\s+/gi, " ").split(" ")
   )
-].join(" ").trim(), Fe = (e) => {
-  let n;
-  const t = /* @__PURE__ */ new Set(), r = (p, g) => {
-    const c = typeof p == "function" ? p(n) : p;
-    if (!Object.is(c, n)) {
-      const b = n;
-      n = g ?? (typeof c != "object" || c === null) ? c : Object.assign({}, n, c), t.forEach((v) => v(n, b));
-    }
-  }, a = () => n, u = { setState: r, getState: a, getInitialState: () => y, subscribe: (p) => (t.add(p), () => t.delete(p)) }, y = n = e(r, a, u);
-  return u;
-}, jt = ((e) => e ? Fe(e) : Fe), At = (e) => e;
-function Ft(e, n = At) {
-  const t = ae.useSyncExternalStore(
-    e.subscribe,
-    ae.useCallback(() => n(e.getState()), [e, n]),
-    ae.useCallback(() => n(e.getInitialState()), [e, n])
-  );
-  return ae.useDebugValue(t), t;
-}
-const Lt = (e) => {
-  const n = jt(e), t = (r) => Ft(n, r);
-  return Object.assign(t, n), t;
-}, Ut = ((e) => Lt), Vt = (e) => {
+].join(" ").trim(), Vt = (e) => {
   const n = e.widgets.filter((r) => r.includes("WidgetContainer")).map((r) => Number(r.split("_")[1].replace("container", "")));
   return `container${n.length > 0 ? Math.max(...n) + 1 : 1}`;
 }, qt = (e, n) => {
@@ -412,7 +412,7 @@ const Lt = (e) => {
       ...e,
       childWidgetsConfig: i
     };
-    return `${n}`.includes("Container") && (o = Wt(o)), {
+    return `${n}`.includes("Container") && (o = jt(o)), {
       success: !0,
       updatedDashboardConfig: o
     };
@@ -571,7 +571,7 @@ const Lt = (e) => {
       allUpdatedDashboardConfigs: u
     };
   }
-}), jn = Ut()((...e) => ({
+}), jn = _t()((...e) => ({
   ...Bt(...e)
 })), An = () => {
   const [e, n] = se({}), [t, r] = se({}), a = ce((g) => {
@@ -3022,7 +3022,7 @@ function Tn({ item: e, onSettingItemChanged: n }) {
     const y = u.key;
     if (["ArrowUp", "ArrowDown"].includes(y)) {
       u.preventDefault();
-      const p = Nt.incrementOrDecrementValue(
+      const p = Wt.incrementOrDecrementValue(
         e,
         y === "ArrowUp" ? 1 : -1
       );
@@ -3067,7 +3067,7 @@ function sr(e) {
     onDoneClick: o
   } = e, [u, y] = se("Editing"), [p, g] = se(0), [c, b] = se(""), T = Array.from(e.widgetsCatalog.keys()).map((f) => ({
     widgetKey: f,
-    metaData: It(f, e.widgetsCatalog)
+    metaData: At(f, e.widgetsCatalog)
   })), m = !!e.targetContainerKey, x = (f) => {
     b(f.target.value);
   }, C = (f) => {
@@ -3255,10 +3255,10 @@ export {
   tn as CircleQuestionMark,
   en as CrosshairIcon,
   rr as DashboardGrid,
-  Ae as DashboardMaxZoomScale,
-  je as DashboardMinZoomScale,
+  Fe as DashboardMaxZoomScale,
+  Ae as DashboardMinZoomScale,
   at as DashboardWidgetBase,
-  $t as DashboardZoomStep,
+  kt as DashboardZoomStep,
   Ln as DeleteIcon,
   vn as DraggablePanel,
   Dn as DynamicWidgetLoader,
@@ -3295,21 +3295,21 @@ export {
   Cn as _isVersionCompatible,
   we as blankDashboardConfig,
   ut as createDynamicEntry,
-  Rt as createStaticEntry,
-  Dt as cssSettingsCatalog,
+  Ft as createStaticEntry,
+  Mt as cssSettingsCatalog,
   kn as cssVarsUtils,
-  Nt as dashboardSettingsUtils,
-  Wt as ensureContainersSequence,
+  Wt as dashboardSettingsUtils,
+  jt as ensureContainersSequence,
   ct as ensureZoomScaleIsWithinRange,
   he as getDefaultWidgetMetaFromKey,
   Wn as getDefaultWidgetMetaFromMap,
   G as getDistinctCssClasses,
-  kt as getMetaInfoFromFile,
+  Ut as getMetaInfoFromFile,
   Pn as getNewZoomScaleWithinRange,
-  It as getWidgetMetaFromCatalog,
+  At as getWidgetMetaFromCatalog,
   Rn as localWidgetDiscovery,
   dt as parseContainerTitle,
-  Ot as parseKeyAndTitleFromFilePath,
+  Lt as parseKeyAndTitleFromFilePath,
   In as remoteWidgetDiscovery,
   $n as removeEmptyContainers,
   On as resolveColorFromClass,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tenorlab/react-dashboard",
-  "version": "1.2.8",
+  "version": "1.2.9",
   "description": "Foundation components for creating user-configurable dashboards in React",
   "author": "Damiano Fusco",
   "type": "module",
@@ -60,6 +60,7 @@
     "react-draggable": "^4.5.0",
     "typescript": "~5.9.3",
     "vite": "^7.2.4",
+    "vite-plugin-dts": "^4.5.4",
     "vitest": "^4.0.16",
     "zustand": "^5.0.9"
   }