@tenorlab/react-dashboard 1.5.22 → 1.5.24

package/dist/react-dashboard.d.ts

@@ -68,7 +68,7 @@ export declare interface IButtonProps {
     shadow?: string;
     shadowHover?: string;
     addCss?: string;
-    onClick: () => any;
+    onClick: (ev?: any) => any;
     children: React.ReactNode;
 }
 
@@ -307,6 +307,8 @@ export declare function MoveRightIcon({ className }: TIconProps): JSX_2.Element;
 
 export declare function RedoIcon({ className }: TIconProps): JSX_2.Element;
 
+export declare function RenameIcon({ className }: TIconProps): JSX_2.Element;
+
 export declare function SettingsIcon({ className }: TIconProps): JSX_2.Element;
 
 export declare const showToast: (options: any) => void;

package/dist/react-dashboard.es.js

@@ -329,7 +329,7 @@ const wt = (e) => (i, t, r) => {
     // (Optional: You might expose undoHistory and historyIndex if needed for debugging)
   };
 };
-function B({
+function U({
   children: e,
   className: i
 }) {
@@ -351,14 +351,14 @@ function B({
   );
 }
 function mn({ className: e }) {
-  return /* @__PURE__ */ $(B, { className: `lucide lucide-circle-plus-icon lucide-circle-plus ${e}`, children: [
+  return /* @__PURE__ */ $(U, { className: `lucide lucide-circle-plus-icon lucide-circle-plus ${e}`, children: [
     /* @__PURE__ */ n("circle", { cx: "12", cy: "12", r: "10" }),
     /* @__PURE__ */ n("path", { d: "M8 12h8" }),
     /* @__PURE__ */ n("path", { d: "M12 8v8" })
   ] });
 }
 function pn({ className: e }) {
-  return /* @__PURE__ */ $(B, { className: `lucide lucide-trash2-icon lucide-trash-2 ${e}`, children: [
+  return /* @__PURE__ */ $(U, { className: `lucide lucide-trash2-icon lucide-trash-2 ${e}`, children: [
     /* @__PURE__ */ n("path", { d: "M10 11v6" }),
     /* @__PURE__ */ n("path", { d: "M14 11v6" }),
     /* @__PURE__ */ n("path", { d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6" }),
@@ -367,13 +367,28 @@ function pn({ className: e }) {
   ] });
 }
 function yn({ className: e }) {
-  return /* @__PURE__ */ $(B, { className: `lucide lucide-square-pen-icon lucide-square-pen ${e}`, children: [
+  return /* @__PURE__ */ $(U, { className: `lucide lucide-square-pen-icon lucide-square-pen ${e}`, children: [
     /* @__PURE__ */ n("path", { d: "M12 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7" }),
     /* @__PURE__ */ n("path", { d: "M18.375 2.625a1 1 0 0 1 3 3l-9.013 9.014a2 2 0 0 1-.853.505l-2.873.84a.5.5 0 0 1-.62-.62l.84-2.873a2 2 0 0 1 .506-.852z" })
   ] });
 }
 function bn({ className: e }) {
-  return /* @__PURE__ */ $(B, { className: `lucide lucide-grid3x3-icon lucide-grid-3x3 ${e}`, children: [
+  return /* @__PURE__ */ $(
+    U,
+    {
+      className: `lucide lucide-text-cursor-input-icon lucide-text-cursor-input ${e}`,
+      children: [
+        /* @__PURE__ */ n("path", { d: "M12 20h-1a2 2 0 0 1-2-2 2 2 0 0 1-2 2H6" }),
+        /* @__PURE__ */ n("path", { d: "M13 8h7a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2h-7" }),
+        /* @__PURE__ */ n("path", { d: "M5 16H4a2 2 0 0 1-2-2v-4a2 2 0 0 1 2-2h1" }),
+        /* @__PURE__ */ n("path", { d: "M6 4h1a2 2 0 0 1 2 2 2 2 0 0 1 2-2h1" }),
+        /* @__PURE__ */ n("path", { d: "M9 6v12" })
+      ]
+    }
+  );
+}
+function vn({ className: e }) {
+  return /* @__PURE__ */ $(U, { className: `lucide lucide-grid3x3-icon lucide-grid-3x3 ${e}`, children: [
     /* @__PURE__ */ n("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }),
     /* @__PURE__ */ n("path", { d: "M3 9h18" }),
     /* @__PURE__ */ n("path", { d: "M3 15h18" }),
@@ -381,16 +396,16 @@ function bn({ className: e }) {
     /* @__PURE__ */ n("path", { d: "M15 3v18" })
   ] });
 }
-function vn({ className: e }) {
-  return /* @__PURE__ */ $(B, { className: `lucide lucide-monitor-icon lucide-monitor ${e}`, children: [
+function xn({ className: e }) {
+  return /* @__PURE__ */ $(U, { className: `lucide lucide-monitor-icon lucide-monitor ${e}`, children: [
     /* @__PURE__ */ n("rect", { width: "20", height: "14", x: "2", y: "3", rx: "2" }),
     /* @__PURE__ */ n("line", { x1: "8", x2: "16", y1: "21", y2: "21" }),
     /* @__PURE__ */ n("line", { x1: "12", x2: "12", y1: "17", y2: "21" })
   ] });
 }
-function xn({ className: e }) {
+function Cn({ className: e }) {
   return /* @__PURE__ */ $(
-    B,
+    U,
     {
       className: `lucide lucide-monitor-smartphone-icon lucide-monitor-smartphone ${e}`,
       children: [
@@ -404,7 +419,7 @@ function xn({ className: e }) {
 }
 function it({ className: e }) {
   return /* @__PURE__ */ $(
-    B,
+    U,
     {
       className: `lucide lucide-circle-arrow-left-icon lucide-circle-arrow-left ${e}`,
       children: [
@@ -417,7 +432,7 @@ function it({ className: e }) {
 }
 function at({ className: e }) {
   return /* @__PURE__ */ $(
-    B,
+    U,
     {
       className: `lucide lucide-circle-arrow-right-icon lucide-circle-arrow-right ${e}`,
       children: [
@@ -429,14 +444,14 @@ function at({ className: e }) {
   );
 }
 function Pt({ className: e }) {
-  return /* @__PURE__ */ $(B, { className: `lucide lucide-settings-icon lucide-settings ${e}`, children: [
+  return /* @__PURE__ */ $(U, { className: `lucide lucide-settings-icon lucide-settings ${e}`, children: [
     /* @__PURE__ */ n("path", { d: "M9.671 4.136a2.34 2.34 0 0 1 4.659 0 2.34 2.34 0 0 0 3.319 1.915 2.34 2.34 0 0 1 2.33 4.033 2.34 2.34 0 0 0 0 3.831 2.34 2.34 0 0 1-2.33 4.033 2.34 2.34 0 0 0-3.319 1.915 2.34 2.34 0 0 1-4.659 0 2.34 2.34 0 0 0-3.32-1.915 2.34 2.34 0 0 1-2.33-4.033 2.34 2.34 0 0 0 0-3.831A2.34 2.34 0 0 1 6.35 6.051a2.34 2.34 0 0 0 3.319-1.915" }),
     /* @__PURE__ */ n("circle", { cx: "12", cy: "12", r: "3" })
   ] });
 }
-function Cn({ className: e }) {
+function wn({ className: e }) {
   return /* @__PURE__ */ $(
-    B,
+    U,
     {
       className: `lucide lucide-tablet-smartphone-icon lucide-tablet-smartphone ${e}`,
       children: [
@@ -448,49 +463,49 @@ function Cn({ className: e }) {
   );
 }
 function st({ className: e }) {
-  return /* @__PURE__ */ $(B, { className: `lucide lucide-circle-x-icon lucide-circle-x ${e}`, children: [
+  return /* @__PURE__ */ $(U, { className: `lucide lucide-circle-x-icon lucide-circle-x ${e}`, children: [
     /* @__PURE__ */ n("circle", { cx: "12", cy: "12", r: "10" }),
     /* @__PURE__ */ n("path", { d: "m15 9-6 6" }),
     /* @__PURE__ */ n("path", { d: "m9 9 6 6" })
   ] });
 }
-function wn({ className: e }) {
-  return /* @__PURE__ */ $(B, { className: `lucide lucide-zoom-in-icon lucide-zoom-in ${e}`, children: [
+function Sn({ className: e }) {
+  return /* @__PURE__ */ $(U, { className: `lucide lucide-zoom-in-icon lucide-zoom-in ${e}`, children: [
     /* @__PURE__ */ n("circle", { cx: "11", cy: "11", r: "8" }),
     /* @__PURE__ */ n("line", { x1: "21", x2: "16.65", y1: "21", y2: "16.65" }),
     /* @__PURE__ */ n("line", { x1: "11", x2: "11", y1: "8", y2: "14" }),
     /* @__PURE__ */ n("line", { x1: "8", x2: "14", y1: "11", y2: "11" })
   ] });
 }
-function Sn({ className: e }) {
-  return /* @__PURE__ */ $(B, { className: `lucide lucide-zoom-out-icon lucide-zoom-out ${e}`, children: [
+function Dn({ className: e }) {
+  return /* @__PURE__ */ $(U, { className: `lucide lucide-zoom-out-icon lucide-zoom-out ${e}`, children: [
     /* @__PURE__ */ n("circle", { cx: "11", cy: "11", r: "8" }),
     /* @__PURE__ */ n("line", { x1: "21", x2: "16.65", y1: "21", y2: "16.65" }),
     /* @__PURE__ */ n("line", { x1: "8", x2: "14", y1: "11", y2: "11" })
   ] });
 }
 function $t({ className: e }) {
-  return /* @__PURE__ */ $(B, { className: `lucide lucide-timer-reset-icon lucide-timer-reset ${e}`, children: [
+  return /* @__PURE__ */ $(U, { className: `lucide lucide-timer-reset-icon lucide-timer-reset ${e}`, children: [
     /* @__PURE__ */ n("path", { d: "M10 2h4" }),
     /* @__PURE__ */ n("path", { d: "M12 14v-4" }),
     /* @__PURE__ */ n("path", { d: "M4 13a8 8 0 0 1 8-7 8 8 0 1 1-5.3 14L4 17.6" }),
     /* @__PURE__ */ n("path", { d: "M9 17H4v5" })
   ] });
 }
-function Wt({ className: e }) {
-  return /* @__PURE__ */ $(B, { className: `lucide lucide-undo-icon lucide-undo ${e}`, children: [
+function Rt({ className: e }) {
+  return /* @__PURE__ */ $(U, { className: `lucide lucide-undo-icon lucide-undo ${e}`, children: [
     /* @__PURE__ */ n("path", { d: "M3 7v6h6" }),
     /* @__PURE__ */ n("path", { d: "M21 17a9 9 0 0 0-9-9 9 9 0 0 0-6 2.3L3 13" })
   ] });
 }
-function Rt({ className: e }) {
-  return /* @__PURE__ */ $(B, { className: `lucide lucide-redo-icon lucide-redo ${e}`, children: [
+function Wt({ className: e }) {
+  return /* @__PURE__ */ $(U, { className: `lucide lucide-redo-icon lucide-redo ${e}`, children: [
     /* @__PURE__ */ n("path", { d: "M21 7v6h-6" }),
     /* @__PURE__ */ n("path", { d: "M3 17a9 9 0 0 1 9-9 9 9 0 0 1 6 2.3l3 2.7" })
   ] });
 }
 function It({ className: e }) {
-  return /* @__PURE__ */ $(B, { className: `lucide lucide-hand-icon lucide-hand ${e}`, children: [
+  return /* @__PURE__ */ $(U, { className: `lucide lucide-hand-icon lucide-hand ${e}`, children: [
     /* @__PURE__ */ n("path", { d: "M18 11V6a2 2 0 0 0-2-2a2 2 0 0 0-2 2" }),
     /* @__PURE__ */ n("path", { d: "M14 10V4a2 2 0 0 0-2-2a2 2 0 0 0-2 2v2" }),
     /* @__PURE__ */ n("path", { d: "M10 10.5V6a2 2 0 0 0-2-2a2 2 0 0 0-2 2v8" }),
@@ -498,7 +513,7 @@ function It({ className: e }) {
   ] });
 }
 function Ot({ className: e }) {
-  return /* @__PURE__ */ $(B, { className: `lucide lucide-hand-grab-icon lucide-hand-grab ${e}`, children: [
+  return /* @__PURE__ */ $(U, { className: `lucide lucide-hand-grab-icon lucide-hand-grab ${e}`, children: [
     /* @__PURE__ */ n("path", { d: "M18 11.5V9a2 2 0 0 0-2-2a2 2 0 0 0-2 2v1.4" }),
     /* @__PURE__ */ n("path", { d: "M14 10V8a2 2 0 0 0-2-2a2 2 0 0 0-2 2v2" }),
     /* @__PURE__ */ n("path", { d: "M10 9.9V9a2 2 0 0 0-2-2a2 2 0 0 0-2 2v5" }),
@@ -507,15 +522,15 @@ function Ot({ className: e }) {
   ] });
 }
 function kt({ className: e }) {
-  return /* @__PURE__ */ $(B, { className: `lucide lucide-crosshair-icon lucide-crosshair ${e}`, children: [
+  return /* @__PURE__ */ $(U, { className: `lucide lucide-crosshair-icon lucide-crosshair ${e}`, children: [
     /* @__PURE__ */ n("line", { x1: "22", x2: "18", y1: "12", y2: "12" }),
     /* @__PURE__ */ n("line", { x1: "6", x2: "2", y1: "12", y2: "12" }),
     /* @__PURE__ */ n("line", { x1: "12", x2: "12", y1: "6", y2: "2" }),
     /* @__PURE__ */ n("line", { x1: "12", x2: "12", y1: "22", y2: "18" })
   ] });
 }
-function Dn({ className: e }) {
-  return /* @__PURE__ */ $(B, { className: `lucide lucide-target-icon lucide-target ${e}`, children: [
+function Tn({ className: e }) {
+  return /* @__PURE__ */ $(U, { className: `lucide lucide-target-icon lucide-target ${e}`, children: [
     /* @__PURE__ */ n("circle", { cx: "12", cy: "12", r: "10" }),
     /* @__PURE__ */ n("circle", { cx: "12", cy: "12", r: "6" }),
     /* @__PURE__ */ n("circle", { cx: "12", cy: "12", r: "2" })
@@ -523,7 +538,7 @@ function Dn({ className: e }) {
 }
 function jt({ className: e }) {
   return /* @__PURE__ */ $(
-    B,
+    U,
     {
       className: `lucide lucide-file-question-mark-icon lucide-file-question-mark ${e}`,
       children: [
@@ -610,9 +625,9 @@ function J(e) {
       g === "ghost" ? _.push("text-disabled border-disabled cursor-not-allowed") : _.push("bg-disabled content-disabled border-disabled cursor-not-allowed");
     else {
       _.push("cursor-pointer");
-      let W = "";
-      Ce.has(g) ? W = `${Ce.get(g)}` : W = `${Ce.get("normal")}`, S < 1 && (W = W.replace("border-[category]", ""));
-      const z = W.replace(/\[category\]/g, T).trim();
+      let R = "";
+      Ce.has(g) ? R = `${Ce.get(g)}` : R = `${Ce.get("normal")}`, S < 1 && (R = R.replace("border-[category]", ""));
+      const z = R.replace(/\[category\]/g, T).trim();
       _.push(z);
     }
     return S > 0 ? (_.push(`border-[${S}px]`), _.push(`border-${D}`)) : (_.push("border-[1px]"), _.push("border-transparent")), l > 0 ? (_.push(`hover:border-[${l}px] group-hover:border-[${l}px]`), _.push(`hover:border-${D} group-hover:border-${D}`)) : _.push("hover:border-[1px] group-hover:border-[1px]"), _.push(`shadow-${M}`), _.push(`hover:shadow-${s} group-hover:shadow-${s}`), f.length > 0 && _.push(f), f.indexOf("hidden") === -1 && _.push("inline-flex"), _.push(u), _.join(" ").trim();
@@ -629,7 +644,7 @@ function Lt(e) {
   const { children: i, testId: t, classNames: r, direction: a, ...o } = e, c = At(e);
   return /* @__PURE__ */ n("div", { "data-testid": t || "not-set", className: c, ...o, children: i });
 }
-const Tn = se(
+const Nn = se(
   (e, i) => {
     const { classNames: t, innerClass: r, ...a } = e, o = G(t || "", "w-full"), c = G(
       `w-full flex overflow-hidden justify-between items-center gap-0 
@@ -638,7 +653,7 @@ const Tn = se(
     );
     return /* @__PURE__ */ n(Lt, { direction: "row", classNames: o, ...a, children: /* @__PURE__ */ n("div", { className: c, children: e.children }) });
   }
-), Nn = se((e, i) => /* @__PURE__ */ n(
+), En = se((e, i) => /* @__PURE__ */ n(
   "div",
   {
     "data-testid": e.testId || "not-set",
@@ -649,7 +664,7 @@ const Tn = se(
     },
     children: e.children
   }
-)), En = se(
+)), _n = se(
   (e, i) => /* @__PURE__ */ n(
     "div",
     {
@@ -658,7 +673,7 @@ const Tn = se(
       children: e.children
     }
   )
-), _n = se((e, i) => /* @__PURE__ */ n(
+), Mn = se((e, i) => /* @__PURE__ */ n(
   "div",
   {
     "data-testid": e.testId || "not-set",
@@ -781,7 +796,7 @@ function Yt() {
         }
       }
     }
-    var l = C, M = v, s = h, f = c, u = i, _ = m, W = r, z = T, X = p, V = t, Q = o, H = a, ee = d, ie = !1;
+    var l = C, M = v, s = h, f = c, u = i, _ = m, R = r, z = T, X = p, V = t, Q = o, H = a, ee = d, ie = !1;
     function le(E) {
       return ie || (ie = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), x(E) || D(E) === C;
     }
@@ -797,7 +812,7 @@ function Yt() {
     function O(E) {
       return typeof E == "object" && E !== null && E.$$typeof === i;
     }
-    function R(E) {
+    function W(E) {
       return D(E) === m;
     }
     function A(E) {
@@ -821,7 +836,7 @@ function Yt() {
     function Z(E) {
       return D(E) === d;
     }
-    Y.AsyncMode = l, Y.ConcurrentMode = M, Y.ContextConsumer = s, Y.ContextProvider = f, Y.Element = u, Y.ForwardRef = _, Y.Fragment = W, Y.Lazy = z, Y.Memo = X, Y.Portal = V, Y.Profiler = Q, Y.StrictMode = H, Y.Suspense = ee, Y.isAsyncMode = le, Y.isConcurrentMode = x, Y.isContextConsumer = P, Y.isContextProvider = j, Y.isElement = O, Y.isForwardRef = R, Y.isFragment = A, Y.isLazy = I, Y.isMemo = k, Y.isPortal = L, Y.isProfiler = F, Y.isStrictMode = q, Y.isSuspense = Z, Y.isValidElementType = S, Y.typeOf = D;
+    Y.AsyncMode = l, Y.ConcurrentMode = M, Y.ContextConsumer = s, Y.ContextProvider = f, Y.Element = u, Y.ForwardRef = _, Y.Fragment = R, Y.Lazy = z, Y.Memo = X, Y.Portal = V, Y.Profiler = Q, Y.StrictMode = H, Y.Suspense = ee, Y.isAsyncMode = le, Y.isConcurrentMode = x, Y.isContextConsumer = P, Y.isContextProvider = j, Y.isElement = O, Y.isForwardRef = W, Y.isFragment = A, Y.isLazy = I, Y.isMemo = k, Y.isPortal = L, Y.isProfiler = F, Y.isStrictMode = q, Y.isSuspense = Z, Y.isValidElementType = S, Y.typeOf = D;
   })()), Y;
 }
 var Ae;
@@ -875,7 +890,7 @@ function Ft() {
   }, Se;
 }
 var De, qe;
-function We() {
+function Re() {
   if (qe) return De;
   qe = 1;
   var e = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";
@@ -892,7 +907,7 @@ function Ut() {
   var e = function() {
   };
   if (process.env.NODE_ENV !== "production") {
-    var i = /* @__PURE__ */ We(), t = {}, r = /* @__PURE__ */ dt();
+    var i = /* @__PURE__ */ Re(), t = {}, r = /* @__PURE__ */ dt();
     e = function(o) {
       var c = "Warning: " + o;
       typeof console < "u" && console.error(c);
@@ -938,7 +953,7 @@ var Ee, Fe;
 function Bt() {
   if (Fe) return Ee;
   Fe = 1;
-  var e = ct(), i = Ft(), t = /* @__PURE__ */ We(), r = /* @__PURE__ */ dt(), a = /* @__PURE__ */ Ut(), o = function() {
+  var e = ct(), i = Ft(), t = /* @__PURE__ */ Re(), r = /* @__PURE__ */ dt(), a = /* @__PURE__ */ Ut(), o = function() {
   };
   process.env.NODE_ENV !== "production" && (o = function(h) {
     var C = "Warning: " + h;
@@ -1006,16 +1021,16 @@ function Bt() {
         }
         return I[k] == null ? A ? I[k] === null ? new g("The " + F + " `" + q + "` is marked as required " + ("in `" + L + "`, but its value is `null`.")) : new g("The " + F + " `" + q + "` is marked as required in " + ("`" + L + "`, but its value is `undefined`.")) : null : x(I, k, L, F, q);
       }
-      var R = O.bind(null, !1);
-      return R.isRequired = O.bind(null, !0), R;
+      var W = O.bind(null, !1);
+      return W.isRequired = O.bind(null, !0), W;
     }
     function w(x) {
-      function P(j, O, R, A, I, k) {
+      function P(j, O, W, A, I, k) {
         var L = j[O], F = H(L);
         if (F !== x) {
           var q = ee(L);
           return new g(
-            "Invalid " + A + " `" + I + "` of type " + ("`" + q + "` supplied to `" + R + "`, expected ") + ("`" + x + "`."),
+            "Invalid " + A + " `" + I + "` of type " + ("`" + q + "` supplied to `" + W + "`, expected ") + ("`" + x + "`."),
             { expectedType: x }
           );
         }
@@ -1027,16 +1042,16 @@ function Bt() {
       return b(c);
     }
     function S(x) {
-      function P(j, O, R, A, I) {
+      function P(j, O, W, A, I) {
         if (typeof x != "function")
-          return new g("Property `" + I + "` of component `" + R + "` has invalid PropType notation inside arrayOf.");
+          return new g("Property `" + I + "` of component `" + W + "` has invalid PropType notation inside arrayOf.");
         var k = j[O];
         if (!Array.isArray(k)) {
           var L = H(k);
-          return new g("Invalid " + A + " `" + I + "` of type " + ("`" + L + "` supplied to `" + R + "`, expected an array."));
+          return new g("Invalid " + A + " `" + I + "` of type " + ("`" + L + "` supplied to `" + W + "`, expected an array."));
         }
         for (var F = 0; F < k.length; F++) {
-          var q = x(k, F, R, A, I + "[" + F + "]", t);
+          var q = x(k, F, W, A, I + "[" + F + "]", t);
           if (q instanceof Error)
             return q;
         }
@@ -1045,32 +1060,32 @@ function Bt() {
       return b(P);
     }
     function D() {
-      function x(P, j, O, R, A) {
+      function x(P, j, O, W, A) {
         var I = P[j];
         if (!h(I)) {
           var k = H(I);
-          return new g("Invalid " + R + " `" + A + "` of type " + ("`" + k + "` supplied to `" + O + "`, expected a single ReactElement."));
+          return new g("Invalid " + W + " `" + A + "` of type " + ("`" + k + "` supplied to `" + O + "`, expected a single ReactElement."));
         }
         return null;
       }
       return b(x);
     }
     function l() {
-      function x(P, j, O, R, A) {
+      function x(P, j, O, W, A) {
         var I = P[j];
         if (!e.isValidElementType(I)) {
           var k = H(I);
-          return new g("Invalid " + R + " `" + A + "` of type " + ("`" + k + "` supplied to `" + O + "`, expected a single ReactElement type."));
+          return new g("Invalid " + W + " `" + A + "` of type " + ("`" + k + "` supplied to `" + O + "`, expected a single ReactElement type."));
         }
         return null;
       }
       return b(x);
     }
     function M(x) {
-      function P(j, O, R, A, I) {
+      function P(j, O, W, A, I) {
         if (!(j[O] instanceof x)) {
           var k = x.name || y, L = le(j[O]);
-          return new g("Invalid " + A + " `" + I + "` of type " + ("`" + L + "` supplied to `" + R + "`, expected ") + ("instance of `" + k + "`."));
+          return new g("Invalid " + A + " `" + I + "` of type " + ("`" + L + "` supplied to `" + W + "`, expected ") + ("instance of `" + k + "`."));
         }
         return null;
       }
@@ -1081,7 +1096,7 @@ function Bt() {
         return process.env.NODE_ENV !== "production" && (arguments.length > 1 ? o(
           "Invalid arguments supplied to oneOf, expected an array, got " + arguments.length + " arguments. A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z])."
         ) : o("Invalid argument supplied to oneOf, expected an array.")), c;
-      function P(j, O, R, A, I) {
+      function P(j, O, W, A, I) {
         for (var k = j[O], L = 0; L < x.length; L++)
           if (T(k, x[L]))
             return null;
@@ -1089,20 +1104,20 @@ function Bt() {
           var te = ee(E);
           return te === "symbol" ? String(E) : E;
         });
-        return new g("Invalid " + A + " `" + I + "` of value `" + String(k) + "` " + ("supplied to `" + R + "`, expected one of " + F + "."));
+        return new g("Invalid " + A + " `" + I + "` of value `" + String(k) + "` " + ("supplied to `" + W + "`, expected one of " + F + "."));
       }
       return b(P);
     }
     function f(x) {
-      function P(j, O, R, A, I) {
+      function P(j, O, W, A, I) {
         if (typeof x != "function")
-          return new g("Property `" + I + "` of component `" + R + "` has invalid PropType notation inside objectOf.");
+          return new g("Property `" + I + "` of component `" + W + "` has invalid PropType notation inside objectOf.");
         var k = j[O], L = H(k);
         if (L !== "object")
-          return new g("Invalid " + A + " `" + I + "` of type " + ("`" + L + "` supplied to `" + R + "`, expected an object."));
+          return new g("Invalid " + A + " `" + I + "` of type " + ("`" + L + "` supplied to `" + W + "`, expected an object."));
         for (var F in k)
           if (r(k, F)) {
-            var q = x(k, F, R, A, I + "." + F, t);
+            var q = x(k, F, W, A, I + "." + F, t);
             if (q instanceof Error)
               return q;
           }
@@ -1120,9 +1135,9 @@ function Bt() {
             "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + ie(j) + " at index " + P + "."
           ), c;
       }
-      function O(R, A, I, k, L) {
+      function O(W, A, I, k, L) {
         for (var F = [], q = 0; q < x.length; q++) {
-          var Z = x[q], E = Z(R, A, I, k, L, t);
+          var Z = x[q], E = Z(W, A, I, k, L, t);
           if (E == null)
             return null;
           E.data && r(E.data, "expectedType") && F.push(E.data.expectedType);
@@ -1133,26 +1148,26 @@ function Bt() {
       return b(O);
     }
     function _() {
-      function x(P, j, O, R, A) {
-        return V(P[j]) ? null : new g("Invalid " + R + " `" + A + "` supplied to " + ("`" + O + "`, expected a ReactNode."));
+      function x(P, j, O, W, A) {
+        return V(P[j]) ? null : new g("Invalid " + W + " `" + A + "` supplied to " + ("`" + O + "`, expected a ReactNode."));
       }
       return b(x);
     }
-    function W(x, P, j, O, R) {
+    function R(x, P, j, O, W) {
       return new g(
-        (x || "React class") + ": " + P + " type `" + j + "." + O + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + R + "`."
+        (x || "React class") + ": " + P + " type `" + j + "." + O + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + W + "`."
       );
     }
     function z(x) {
-      function P(j, O, R, A, I) {
+      function P(j, O, W, A, I) {
         var k = j[O], L = H(k);
         if (L !== "object")
-          return new g("Invalid " + A + " `" + I + "` of type `" + L + "` " + ("supplied to `" + R + "`, expected `object`."));
+          return new g("Invalid " + A + " `" + I + "` of type `" + L + "` " + ("supplied to `" + W + "`, expected `object`."));
         for (var F in x) {
           var q = x[F];
           if (typeof q != "function")
-            return W(R, A, I, F, ee(q));
-          var Z = q(k, F, R, A, I + "." + F, t);
+            return R(W, A, I, F, ee(q));
+          var Z = q(k, F, W, A, I + "." + F, t);
           if (Z)
             return Z;
         }
@@ -1161,21 +1176,21 @@ function Bt() {
       return b(P);
     }
     function X(x) {
-      function P(j, O, R, A, I) {
+      function P(j, O, W, A, I) {
         var k = j[O], L = H(k);
         if (L !== "object")
-          return new g("Invalid " + A + " `" + I + "` of type `" + L + "` " + ("supplied to `" + R + "`, expected `object`."));
+          return new g("Invalid " + A + " `" + I + "` of type `" + L + "` " + ("supplied to `" + W + "`, expected `object`."));
         var F = i({}, j[O], x);
         for (var q in F) {
           var Z = x[q];
           if (r(x, q) && typeof Z != "function")
-            return W(R, A, I, q, ee(Z));
+            return R(W, A, I, q, ee(Z));
           if (!Z)
             return new g(
-              "Invalid " + A + " `" + I + "` key `" + q + "` supplied to `" + R + "`.\nBad object: " + JSON.stringify(j[O], null, "  ") + `
+              "Invalid " + A + " `" + I + "` key `" + q + "` supplied to `" + W + "`.\nBad object: " + JSON.stringify(j[O], null, "  ") + `
 Valid keys: ` + JSON.stringify(Object.keys(x), null, "  ")
             );
-          var E = Z(k, q, R, A, I + "." + q, t);
+          var E = Z(k, q, W, A, I + "." + q, t);
           if (E)
             return E;
         }
@@ -1205,8 +1220,8 @@ Valid keys: ` + JSON.stringify(Object.keys(x), null, "  ")
                   return !1;
             } else
               for (; !(O = j.next()).done; ) {
-                var R = O.value;
-                if (R && !V(R[1]))
+                var W = O.value;
+                if (W && !V(W[1]))
                   return !1;
               }
           } else
@@ -1259,7 +1274,7 @@ var _e, Ue;
 function Ht() {
   if (Ue) return _e;
   Ue = 1;
-  var e = /* @__PURE__ */ We();
+  var e = /* @__PURE__ */ Re();
   function i() {
   }
   function t() {
@@ -1332,7 +1347,7 @@ function zt() {
   }
   return me.exports = i, me.exports.clsx = i, me.exports;
 }
-var U = {}, re = {}, ze;
+var B = {}, re = {}, ze;
 function ve() {
   if (ze) return re;
   ze = 1, Object.defineProperty(re, "__esModule", {
@@ -1388,23 +1403,23 @@ function Xt() {
   return oe.default = i(), oe;
 }
 var Ve;
-function Re() {
-  if (Ve) return U;
-  Ve = 1, Object.defineProperty(U, "__esModule", {
+function We() {
+  if (Ve) return B;
+  Ve = 1, Object.defineProperty(B, "__esModule", {
     value: !0
-  }), U.addClassName = l, U.addEvent = c, U.addUserSelectStyles = N, U.createCSSTransform = p, U.createSVGTransform = T, U.getTouch = b, U.getTouchIdentifier = w, U.getTranslation = g, U.innerHeight = m, U.innerWidth = d, U.matchesSelector = a, U.matchesSelectorAndParentsTo = o, U.offsetXYFromParent = y, U.outerHeight = C, U.outerWidth = v, U.removeClassName = M, U.removeEvent = h, U.scheduleRemoveUserSelectStyles = S;
+  }), B.addClassName = l, B.addEvent = c, B.addUserSelectStyles = N, B.createCSSTransform = p, B.createSVGTransform = T, B.getTouch = b, B.getTouchIdentifier = w, B.getTranslation = g, B.innerHeight = m, B.innerWidth = d, B.matchesSelector = a, B.matchesSelectorAndParentsTo = o, B.offsetXYFromParent = y, B.outerHeight = C, B.outerWidth = v, B.removeClassName = M, B.removeEvent = h, B.scheduleRemoveUserSelectStyles = S;
   var e = ve(), i = t(Xt());
   function t(s, f) {
     if (typeof WeakMap == "function") var u = /* @__PURE__ */ new WeakMap(), _ = /* @__PURE__ */ new WeakMap();
-    return (t = function(W, z) {
-      if (!z && W && W.__esModule) return W;
-      var X, V, Q = { __proto__: null, default: W };
-      if (W === null || typeof W != "object" && typeof W != "function") return Q;
+    return (t = function(R, z) {
+      if (!z && R && R.__esModule) return R;
+      var X, V, Q = { __proto__: null, default: R };
+      if (R === null || typeof R != "object" && typeof R != "function") return Q;
       if (X = z ? _ : u) {
-        if (X.has(W)) return X.get(W);
-        X.set(W, Q);
+        if (X.has(R)) return X.get(R);
+        X.set(R, Q);
       }
-      for (const H in W) H !== "default" && {}.hasOwnProperty.call(W, H) && ((V = (X = Object.defineProperty) && Object.getOwnPropertyDescriptor(W, H)) && (V.get || V.set) ? X(Q, H, V) : Q[H] = W[H]);
+      for (const H in R) H !== "default" && {}.hasOwnProperty.call(R, H) && ((V = (X = Object.defineProperty) && Object.getOwnPropertyDescriptor(R, H)) && (V.get || V.set) ? X(Q, H, V) : Q[H] = R[H]);
       return Q;
     })(s, f);
   }
@@ -1425,19 +1440,19 @@ function Re() {
   }
   function c(s, f, u, _) {
     if (!s) return;
-    const W = {
+    const R = {
       capture: !0,
       ..._
     };
-    s.addEventListener ? s.addEventListener(f, u, W) : s.attachEvent ? s.attachEvent("on" + f, u) : s["on" + f] = u;
+    s.addEventListener ? s.addEventListener(f, u, R) : s.attachEvent ? s.attachEvent("on" + f, u) : s["on" + f] = u;
   }
   function h(s, f, u, _) {
     if (!s) return;
-    const W = {
+    const R = {
       capture: !0,
       ..._
     };
-    s.removeEventListener ? s.removeEventListener(f, u, W) : s.detachEvent ? s.detachEvent("on" + f, u) : s["on" + f] = null;
+    s.removeEventListener ? s.removeEventListener(f, u, R) : s.detachEvent ? s.detachEvent("on" + f, u) : s["on" + f] = null;
   }
   function C(s) {
     let f = s.clientHeight;
@@ -1460,10 +1475,10 @@ function Re() {
     return f -= (0, e.int)(u.paddingLeft), f -= (0, e.int)(u.paddingRight), f;
   }
   function y(s, f, u) {
-    const W = f === f.ownerDocument.body ? {
+    const R = f === f.ownerDocument.body ? {
       left: 0,
       top: 0
-    } : f.getBoundingClientRect(), z = (s.clientX + f.scrollLeft - W.left) / u, X = (s.clientY + f.scrollTop - W.top) / u;
+    } : f.getBoundingClientRect(), z = (s.clientX + f.scrollLeft - R.left) / u, X = (s.clientY + f.scrollTop - R.top) / u;
     return {
       x: z,
       y: X
@@ -1481,8 +1496,8 @@ function Re() {
   function g(s, f, u) {
     let {
       x: _,
-      y: W
-    } = s, z = `translate(${_}${u},${W}${u})`;
+      y: R
+    } = s, z = `translate(${_}${u},${R}${u})`;
     if (f) {
       const X = `${typeof f.x == "string" ? f.x : f.x + u}`, V = `${typeof f.y == "string" ? f.y : f.y + u}`;
       z = `translate(${X}, ${V})` + z;
@@ -1526,7 +1541,7 @@ function Re() {
   function M(s, f) {
     s.classList ? s.classList.remove(f) : s.className = s.className.replace(new RegExp(`(?:^|\\s)${f}(?!\\S)`, "g"), "");
   }
-  return U;
+  return B;
 }
 var ne = {}, Ge;
 function ft() {
@@ -1534,7 +1549,7 @@ function ft() {
   Ge = 1, Object.defineProperty(ne, "__esModule", {
     value: !0
   }), ne.canDragX = a, ne.canDragY = o, ne.createCoreData = h, ne.createDraggableData = C, ne.getBoundPosition = t, ne.getControlPosition = c, ne.snapToGrid = r;
-  var e = ve(), i = Re();
+  var e = ve(), i = We();
   function t(d, y, p) {
     if (!d.props.bounds) return [y, p];
     let {
@@ -1639,7 +1654,7 @@ function Vt() {
   Je = 1, Object.defineProperty(ue, "__esModule", {
     value: !0
   }), ue.default = void 0;
-  var e = C(be), i = h(/* @__PURE__ */ ut()), t = h(ot), r = Re(), a = ft(), o = ve(), c = h(ht());
+  var e = C(be), i = h(/* @__PURE__ */ ut()), t = h(ot), r = We(), a = ft(), o = ve(), c = h(ht());
   function h(g) {
     return g && g.__esModule ? g : { default: g };
   }
@@ -1944,7 +1959,7 @@ function Gt() {
         return C.default;
       }
     }), e.default = void 0;
-    var i = d(be), t = m(/* @__PURE__ */ ut()), r = m(ot), a = zt(), o = Re(), c = ft(), h = ve(), C = m(Vt()), v = m(ht());
+    var i = d(be), t = m(/* @__PURE__ */ ut()), r = m(ot), a = zt(), o = We(), c = ft(), h = ve(), C = m(Vt()), v = m(ht());
     function m(w) {
       return w && w.__esModule ? w : { default: w };
     }
@@ -2030,8 +2045,8 @@ function Gt() {
               y: u
             } = M;
             M.x += this.state.slackX, M.y += this.state.slackY;
-            const [_, W] = (0, c.getBoundPosition)(this, M.x, M.y);
-            M.x = _, M.y = W, M.slackX = this.state.slackX + (f - M.x), M.slackY = this.state.slackY + (u - M.y), l.x = M.x, l.y = M.y, l.deltaX = M.x - this.state.x, l.deltaY = M.y - this.state.y;
+            const [_, R] = (0, c.getBoundPosition)(this, M.x, M.y);
+            M.x = _, M.y = R, M.slackX = this.state.slackX + (f - M.x), M.slackY = this.state.slackY + (u - M.y), l.x = M.x, l.y = M.y, l.deltaX = M.x - this.state.x, l.deltaY = M.y - this.state.y;
           }
           if (this.props.onDrag(S, l) === !1) return !1;
           this.setState(M);
@@ -2095,7 +2110,7 @@ function Gt() {
           defaultClassNameDragged: f,
           position: u,
           positionOffset: _,
-          scale: W,
+          scale: R,
           ...z
         } = this.props;
         let X = {}, V = null;
@@ -2298,7 +2313,7 @@ const Qt = /* @__PURE__ */ qt(Jt), en = se((e, i) => {
     )
   );
 });
-function Pn({ children: e, addCssClasses: i }) {
+function $n({ children: e, addCssClasses: i }) {
   const t = G(
     "w-full h-full flex-1 flex flex-col",
     (i || "gap-2 items-end justify-end content-end").trim()
@@ -2314,7 +2329,7 @@ function Pn({ children: e, addCssClasses: i }) {
     }
   );
 }
-function $n({ children: e, addCssClasses: i }) {
+function Rn({ children: e, addCssClasses: i }) {
   const t = G(
     "w-full flex flex-col",
     (i || "items-end").trim()
@@ -2323,7 +2338,7 @@ function $n({ children: e, addCssClasses: i }) {
 }
 const Wn = (e) => {
   console.warn("showToast TODO", e);
-}, tn = (e) => e < 0.8 ? 1 : e <= 1 ? 0 : e > 1 ? -1 : 0, Rn = se((e, i) => {
+}, tn = (e) => e < 0.8 ? 1 : e <= 1 ? 0 : e > 1 ? -1 : 0, In = se((e, i) => {
   let t = pt(Number(e.zoomScale || 0));
   const r = e.responsiveGrid || !1, a = e.isEditing || !1, o = {
     "--bwj-dashboard-transform-scale": t,
@@ -2482,9 +2497,9 @@ function an({
             ] }),
             /* @__PURE__ */ $("div", { className: "flex flex-col mt-3", children: [
               /* @__PURE__ */ n("h5", { children: "Externals:" }),
-              /* @__PURE__ */ n("dl", { className: "ml-2 flex flex-col text-xs", children: f.map((W, z) => /* @__PURE__ */ $("dd", { children: [
+              /* @__PURE__ */ n("dl", { className: "ml-2 flex flex-col text-xs", children: f.map((R, z) => /* @__PURE__ */ $("dd", { children: [
                 "- ",
-                W
+                R
               ] }, z)) })
             ] })
           ] }) })
@@ -2496,8 +2511,8 @@ function an({
       const _ = async () => {
         try {
           return await g.loader();
-        } catch (W) {
-          return console.error(`CDN Load Failure for ${t}:`, W), {
+        } catch (R) {
+          return console.error(`CDN Load Failure for ${t}:`, R), {
             default: () => /* @__PURE__ */ n(tt, { ...l, children: /* @__PURE__ */ $("div", { className: "p-4 border border-dashed border-danger", children: [
               /* @__PURE__ */ $("p", { className: "font-bold", children: [
                 'Failed to load "',
@@ -2643,15 +2658,15 @@ function Ie(e) {
     /* @__PURE__ */ n("div", { "data-testid": `childrenwrapper_${e.widgetKey}`, className: "widget-container-inner", children: e.children })
   ] });
 }
-function In(e) {
+function On(e) {
   const { direction: i, ...t } = e;
   return /* @__PURE__ */ n(Ie, { direction: "column", ...t });
 }
-function On(e) {
+function kn(e) {
   const { size: i, ...t } = e;
   return /* @__PURE__ */ n(Ie, { size: "large", ...t });
 }
-function kn(e) {
+function jn(e) {
   const { direction: i, ...t } = e;
   return /* @__PURE__ */ n(Ie, { direction: "row", ...t });
 }
@@ -2729,7 +2744,7 @@ const $e = (e, i) => [
   ...i.widgets.filter((r) => r.indexOf("Container") === -1),
   ...i.childWidgetsConfig.map((r) => r.widgetKey)
 ].includes(e);
-function jn(e) {
+function An(e) {
   const {
     currentDashboardConfig: i,
     undoStatus: t,
@@ -2754,7 +2769,7 @@ function jn(e) {
   ), D = (u) => {
     g ? e.addWidget(u, e.targetContainerKey) : e.addWidget(u);
   }, l = (u) => {
-    const _ = (e.currentDashboardConfig.cssSettings || []).map((W) => W.key === u.key ? u : W);
+    const _ = (e.currentDashboardConfig.cssSettings || []).map((R) => R.key === u.key ? u : R);
     e.onSettingItemsUpdated(_);
   }, [M, s] = ae(!1), f = (u) => {
     s(u);
@@ -2804,7 +2819,7 @@ function jn(e) {
                 },
                 disabled: t.isUndoDisabled,
                 onClick: () => o("Undo"),
-                children: /* @__PURE__ */ n(Wt, { className: "size-5" })
+                children: /* @__PURE__ */ n(Rt, { className: "size-5" })
               }
             ),
             /* @__PURE__ */ n(
@@ -2818,7 +2833,7 @@ function jn(e) {
                 },
                 disabled: t.isRedoDisabled,
                 onClick: () => o("Redo"),
-                children: /* @__PURE__ */ n(Rt, { className: "size-5" })
+                children: /* @__PURE__ */ n(Wt, { className: "size-5" })
               }
             ),
             /* @__PURE__ */ n(
@@ -2926,41 +2941,42 @@ export {
   J as Button,
   jt as CircleQuestionMark,
   kt as CrosshairIcon,
-  Rn as DashboardGrid,
+  In as DashboardGrid,
   tt as DashboardWidgetBase,
   pn as DeleteIcon,
   en as DraggablePanel,
   an as DynamicWidgetLoader,
   yn as EditIcon,
-  bn as GridIcon,
+  vn as GridIcon,
   Ot as HandGrabIcon,
   It as HandIcon,
-  Tn as ListItem,
-  Nn as ListItemLeftChild,
-  En as ListItemMiddleChild,
-  _n as ListItemRightChild,
-  vn as MonitorIcon,
-  xn as MonitorSmartphoneIcon,
+  Nn as ListItem,
+  En as ListItemLeftChild,
+  _n as ListItemMiddleChild,
+  Mn as ListItemRightChild,
+  xn as MonitorIcon,
+  Cn as MonitorSmartphoneIcon,
   it as MoveLeftIcon,
   at as MoveRightIcon,
-  Rt as RedoIcon,
+  Wt as RedoIcon,
+  bn as RenameIcon,
   Pt as SettingsIcon,
   Lt as Stack,
-  B as SvgBaseWrapper,
-  Cn as TabletSmartphoneIcon,
-  Dn as TargetIcon,
+  U as SvgBaseWrapper,
+  wn as TabletSmartphoneIcon,
+  Tn as TargetIcon,
   lt as TextField,
   $t as TimerResetIcon,
-  Wt as UndoIcon,
-  In as WidgetContainerColumn,
-  On as WidgetContainerLarge,
-  kn as WidgetContainerRow,
-  jn as WidgetsCatalogFlyout,
-  Pn as WrapperColumnContent,
-  $n as WrapperColumnContentListItem,
+  Rt as UndoIcon,
+  On as WidgetContainerColumn,
+  kn as WidgetContainerLarge,
+  jn as WidgetContainerRow,
+  An as WidgetsCatalogFlyout,
+  $n as WrapperColumnContent,
+  Rn as WrapperColumnContentListItem,
   st as XCircleIcon,
-  wn as ZoomInIcon,
-  Sn as ZoomOutIcon,
+  Sn as ZoomInIcon,
+  Dn as ZoomOutIcon,
   rn as _isVersionCompatible,
   Wn as showToast,
   hn as useDashboardStore,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tenorlab/react-dashboard",
-  "version": "1.5.22",
+  "version": "1.5.24",
   "description": "Foundation components for creating user-configurable dashboards in React",
   "author": "Damiano Fusco",
   "type": "module",