@tenorlab/react-dashboard 1.0.5 → 1.0.7

package/dist/components/interfaces/core.utils.d.ts

@@ -32,13 +32,13 @@ export declare const getWidgetMetaFromCatalog: <TFrameworkElementType = any, TFr
  * Helper function to create static entries
  * This helps keep the catalog registration clean
  */
-export declare const createStaticEntry: <TFrameworkComponentType = any>(key: string, component: TFrameworkComponentType) => [string, IDynamicWidgetCatalogEntryBase];
+export declare const createStaticEntry: <TFrameworkComponentType = any>(key: string, component: TFrameworkComponentType, metaData?: TWidgetMetaInfoBase) => [string, IDynamicWidgetCatalogEntryBase];
 /**
  * @name createDynamicEntry
  * Helper function to create dynamic entries
  * This helps keep the catalog registration clean
  */
-export declare const createDynamicEntry: (key: string, loader: TWidgetFactoryBase, meta: TWidgetMetaInfoBase) => [string, IDynamicWidgetCatalogEntryBase];
+export declare const createDynamicEntry: (key: string, loader: TWidgetFactoryBase, metaData: TWidgetMetaInfoBase) => [string, IDynamicWidgetCatalogEntryBase];
 export declare const parseKeyAndTitleFromFilePath: (path: string) => {
     key: TDashboardWidgetKey;
     title: string;

package/dist/react-dashboard.es.js

@@ -87,7 +87,7 @@ const St = [
       value: y
     };
   }
-}, we = {
+}, Ce = {
   userID: 0,
   clientAppKey: "",
   dashboardId: "default",
@@ -134,7 +134,7 @@ const St = [
       parentWidgetKey: o || i
     };
   }), e;
-}, Ie = (e, n) => {
+}, xe = (e, n) => {
   const t = `${e}`.includes("Container"), r = t ? ["Container"] : ["Widget"], i = n?.title || e, o = n?.description || (t ? "Container" : "Unknown");
   return {
     title: i,
@@ -146,32 +146,35 @@ const St = [
   };
 }, _n = (e, n, t) => {
   const r = n[e];
-  return r || Ie(e, t);
+  return r || xe(e, t);
 }, Mt = (e, n) => {
   const r = n.get(e)?.meta;
-  return r || Ie(e);
-}, Mn = (e, n) => {
-  const t = Ie(e);
+  return r || xe(e);
+}, Mn = (e, n, t) => {
+  const r = t || xe(e);
   return [
     e,
     {
       key: e,
-      title: t.displayName,
+      title: r.displayName,
       isContainer: `${e}`.includes("Container"),
-      meta: t,
+      meta: r,
       component: n
     }
   ];
-}, Pt = (e, n, t) => [
-  e,
-  {
-    key: e,
-    title: t.displayName,
-    isContainer: !1,
-    meta: t,
-    loader: n
-  }
-], Pn = (e) => {
+}, Pt = (e, n, t) => {
+  const r = t || xe(e);
+  return [
+    e,
+    {
+      key: e,
+      title: r.displayName,
+      isContainer: !1,
+      meta: r,
+      loader: n
+    }
+  ];
+}, Pn = (e) => {
   const n = e.match(/\/widget-([a-zA-Z0-9-]+)\/index\.ts$/);
   if (n && n[1]) {
     const t = n[1], r = `Widget${t.split("-").map((o) => o.charAt(0).toUpperCase() + o.slice(1)).join("")}`, i = t.split("-").map((o) => o.charAt(0).toUpperCase() + o.slice(1)).join(" ");
@@ -348,8 +351,8 @@ const Ot = (e) => {
 }, Ut = (e, n) => ({
   isLoading: !1,
   isEditing: !1,
-  allDashboardConfigs: [we],
-  currentDashboardConfig: we,
+  allDashboardConfigs: [Ce],
+  currentDashboardConfig: Ce,
   targetContainerKey: void 0,
   getNextContainerKey: (t) => kt(n().currentDashboardConfig, t),
   setIsLoading: (t) => (e(() => ({ isLoading: t })), t),
@@ -386,7 +389,7 @@ const Ot = (e) => {
     return e(() => ({
       ...r,
       allDashboardConfigs: i,
-      currentDashboardConfig: i[0] || we
+      currentDashboardConfig: i[0] || Ce
     })), i;
   },
   selectDashboardById: (t) => (e(() => {
@@ -857,7 +860,7 @@ const Z = (e, ...n) => [
       }
     )
   ] });
-}, Ce = /* @__PURE__ */ new Map([
+}, Se = /* @__PURE__ */ new Map([
   [
     "normal",
     "group bg-[category] content-[category] hover:bg-[category] group-hover:bg-[category] focus:outline-[category] focus:outline-offset-[category]"
@@ -902,7 +905,7 @@ function J(e) {
     else {
       $.push("cursor-pointer");
       let O = "";
-      Ce.has(v) ? O = `${Ce.get(v)}` : O = `${Ce.get("normal")}`, S < 1 && (O = O.replace("border-[category]", ""));
+      Se.has(v) ? O = `${Se.get(v)}` : O = `${Se.get("normal")}`, S < 1 && (O = O.replace("border-[category]", ""));
       const E = O.replace(/\[category\]/g, w).trim();
       $.push(E);
     }
@@ -964,7 +967,7 @@ const Kn = le(
 function tn(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var fe = { exports: {} }, Se = {}, me = { exports: {} }, pe = { exports: {} }, V = {};
+var fe = { exports: {} }, De = {}, me = { exports: {} }, pe = { exports: {} }, V = {};
 var Ue;
 function nn() {
   if (Ue) return V;
@@ -1119,9 +1122,9 @@ var Ye;
 function mt() {
   return Ye || (Ye = 1, process.env.NODE_ENV === "production" ? pe.exports = nn() : pe.exports = rn()), pe.exports;
 }
-var De, qe;
+var Te, qe;
 function on() {
-  if (qe) return De;
+  if (qe) return Te;
   qe = 1;
   var e = Object.getOwnPropertySymbols, n = Object.prototype.hasOwnProperty, t = Object.prototype.propertyIsEnumerable;
   function r(o) {
@@ -1151,7 +1154,7 @@ function on() {
       return !1;
     }
   }
-  return De = i() ? Object.assign : function(o, s) {
+  return Te = i() ? Object.assign : function(o, s) {
     for (var d, y = r(o), m, h = 1; h < arguments.length; h++) {
       d = Object(arguments[h]);
       for (var u in d)
@@ -1163,22 +1166,22 @@ function on() {
       }
     }
     return y;
-  }, De;
+  }, Te;
 }
-var Te, ze;
+var Ne, ze;
 function Oe() {
-  if (ze) return Te;
+  if (ze) return Ne;
   ze = 1;
   var e = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";
-  return Te = e, Te;
+  return Ne = e, Ne;
 }
-var Ne, Be;
+var Ee, Be;
 function pt() {
-  return Be || (Be = 1, Ne = Function.call.bind(Object.prototype.hasOwnProperty)), Ne;
+  return Be || (Be = 1, Ee = Function.call.bind(Object.prototype.hasOwnProperty)), Ee;
 }
-var Ee, Ke;
+var _e, Ke;
 function an() {
-  if (Ke) return Ee;
+  if (Ke) return _e;
   Ke = 1;
   var e = function() {
   };
@@ -1223,11 +1226,11 @@ function an() {
   }
   return i.resetWarningCache = function() {
     process.env.NODE_ENV !== "production" && (t = {});
-  }, Ee = i, Ee;
+  }, _e = i, _e;
 }
-var _e, He;
+var Me, He;
 function sn() {
-  if (He) return _e;
+  if (He) return Me;
   He = 1;
   var e = mt(), n = on(), t = /* @__PURE__ */ Oe(), r = /* @__PURE__ */ pt(), i = /* @__PURE__ */ an(), o = function() {
   };
@@ -1242,7 +1245,7 @@ function sn() {
   function s() {
     return null;
   }
-  return _e = function(d, y) {
+  return Me = function(d, y) {
     var m = typeof Symbol == "function" && Symbol.iterator, h = "@@iterator";
     function u(x) {
       var M = x && (m && x[m] || x[h]);
@@ -1544,18 +1547,18 @@ Valid keys: ` + JSON.stringify(Object.keys(x), null, "  ")
       return !x.constructor || !x.constructor.name ? g : x.constructor.name;
     }
     return p.checkPropTypes = i, p.resetWarningCache = i.resetWarningCache, p.PropTypes = p, p;
-  }, _e;
+  }, Me;
 }
-var Me, Xe;
+var Pe, Xe;
 function ln() {
-  if (Xe) return Me;
+  if (Xe) return Pe;
   Xe = 1;
   var e = /* @__PURE__ */ Oe();
   function n() {
   }
   function t() {
   }
-  return t.resetWarningCache = n, Me = function() {
+  return t.resetWarningCache = n, Pe = function() {
     function r(s, d, y, m, h, u) {
       if (u !== e) {
         var g = new Error(
@@ -1592,7 +1595,7 @@ function ln() {
       resetWarningCache: n
     };
     return o.PropTypes = o, o;
-  }, Me;
+  }, Pe;
 }
 var Ge;
 function yt() {
@@ -1624,7 +1627,7 @@ function cn() {
   return ye.exports = n, ye.exports.clsx = n, ye.exports;
 }
 var B = {}, oe = {}, Je;
-function xe() {
+function we() {
   if (Je) return oe;
   Je = 1, Object.defineProperty(oe, "__esModule", {
     value: !0
@@ -1684,7 +1687,7 @@ function Re() {
   et = 1, Object.defineProperty(B, "__esModule", {
     value: !0
   }), B.addClassName = c, B.addEvent = s, B.addUserSelectStyles = T, B.createCSSTransform = p, B.createSVGTransform = w, B.getTouch = b, B.getTouchIdentifier = C, B.getTranslation = v, B.innerHeight = h, B.innerWidth = u, B.matchesSelector = i, B.matchesSelectorAndParentsTo = o, B.offsetXYFromParent = g, B.outerHeight = y, B.outerWidth = m, B.removeClassName = N, B.removeEvent = d, B.scheduleRemoveUserSelectStyles = S;
-  var e = xe(), n = t(dn());
+  var e = we(), n = t(dn());
   function t(l, f) {
     if (typeof WeakMap == "function") var P = /* @__PURE__ */ new WeakMap(), $ = /* @__PURE__ */ new WeakMap();
     return (t = function(O, E) {
@@ -1825,7 +1828,7 @@ function vt() {
   tt = 1, Object.defineProperty(ne, "__esModule", {
     value: !0
   }), ne.canDragX = i, ne.canDragY = o, ne.createCoreData = d, ne.createDraggableData = y, ne.getBoundPosition = t, ne.getControlPosition = s, ne.snapToGrid = r;
-  var e = xe(), n = Re();
+  var e = we(), n = Re();
   function t(u, g, p) {
     if (!u.props.bounds) return [g, p];
     let {
@@ -1930,7 +1933,7 @@ function un() {
   rt = 1, Object.defineProperty(he, "__esModule", {
     value: !0
   }), he.default = void 0;
-  var e = y(se), n = d(/* @__PURE__ */ yt()), t = d(st), r = Re(), i = vt(), o = xe(), s = d(bt());
+  var e = y(se), n = d(/* @__PURE__ */ yt()), t = d(st), r = Re(), i = vt(), o = we(), s = d(bt());
   function d(v) {
     return v && v.__esModule ? v : { default: v };
   }
@@ -2235,7 +2238,7 @@ function fn() {
         return y.default;
       }
     }), e.default = void 0;
-    var n = u(se), t = h(/* @__PURE__ */ yt()), r = h(st), i = cn(), o = Re(), s = vt(), d = xe(), y = h(un()), m = h(bt());
+    var n = u(se), t = h(/* @__PURE__ */ yt()), r = h(st), i = cn(), o = Re(), s = vt(), d = we(), y = h(un()), m = h(bt());
     function h(C) {
       return C && C.__esModule ? C : { default: C };
     }
@@ -2535,7 +2538,7 @@ function fn() {
       },
       scale: 1
     });
-  })(Se)), Se;
+  })(De)), De;
 }
 var it;
 function hn() {
@@ -2619,7 +2622,7 @@ const er = (e) => {
     "border border-solid border-primary"
   );
   return /* @__PURE__ */ a("div", { className: s, style: o, children: e.children });
-}), Pe = "size-5", vn = (e, n) => {
+}), $e = "size-5", vn = (e, n) => {
   const t = e.hideTitle && !e.isEditing, r = e.noBorder;
   let i = `dashboard-widget ${e.isEditing ? "editing" : ""} border border-solid`;
   r ? i = `${i} border-transparent border-opacity-0` : (e.borderCssClasses || "").trim().length > 0 ? i = `${i} ${e.borderCssClasses}` : i = `${i} border-card-invert border-opacity-20`, e.noShadow && (i = `${i} no-shadow`), e.noPadding && (i = `${i} no-padding p-0`), (e.backgroundCssClasses || "").trim().length > 0 ? i = `${i} ${e.backgroundCssClasses}` : i = `${i} bg-card content-card`, ["large", "xlarge"].indexOf(e.size || "") > -1 && (i = `${i} ${e.size}-widget`);
@@ -2655,7 +2658,7 @@ const er = (e) => {
                 title: `${e.index < 1 ? "Already at min position" : "Move Widget to the left/up"}`
               },
               onClick: () => s(-1),
-              children: /* @__PURE__ */ a(dt, { className: Pe })
+              children: /* @__PURE__ */ a(dt, { className: $e })
             }
           ),
           /* @__PURE__ */ a(
@@ -2669,7 +2672,7 @@ const er = (e) => {
                 title: `${e.index >= e.maxIndex ? "Already at max position" : "Move Widget to the right/down"}`
               },
               onClick: () => s(1),
-              children: /* @__PURE__ */ a(ut, { className: Pe })
+              children: /* @__PURE__ */ a(ut, { className: $e })
             }
           ),
           /* @__PURE__ */ a(
@@ -2682,7 +2685,7 @@ const er = (e) => {
                 title: "Remove Widget"
               },
               onClick: () => o(),
-              children: /* @__PURE__ */ a(ft, { className: Pe })
+              children: /* @__PURE__ */ a(ft, { className: $e })
             }
           )
         ] })
@@ -2892,7 +2895,7 @@ function or(e) {
   const { direction: n, ...t } = e;
   return /* @__PURE__ */ a(je, { direction: "row", ...t });
 }
-function $e({
+function We({
   // widgetKey,
   metaData: e,
   alreadyAdded: n,
@@ -2956,7 +2959,7 @@ function Cn({
     ] })
   ] }) });
 }
-const We = (e, n) => [
+const Ie = (e, n) => [
   ...n.widgets.filter((r) => r.indexOf("Container") === -1),
   ...n.childWidgetsConfig.map((r) => r.widgetKey)
 ].includes(e);
@@ -3100,11 +3103,11 @@ function ir({
               g === 0 && C.filter(
                 (E) => E.metaData.categories.includes("Widget") && S(E.metaData)
               ).map((E) => /* @__PURE__ */ a(
-                $e,
+                We,
                 {
                   widgetKey: E.widgetKey,
                   metaData: E.metaData,
-                  alreadyAdded: We(E.widgetKey, t),
+                  alreadyAdded: Ie(E.widgetKey, t),
                   addWidget: () => l(E.widgetKey)
                 },
                 E.widgetKey
@@ -3112,21 +3115,21 @@ function ir({
               g === 1 && C.filter(
                 (E) => E.metaData.categories.includes("Chart") && S(E.metaData)
               ).map((E) => /* @__PURE__ */ a(
-                $e,
+                We,
                 {
                   widgetKey: E.widgetKey,
                   metaData: E.metaData,
-                  alreadyAdded: We(E.widgetKey, t),
+                  alreadyAdded: Ie(E.widgetKey, t),
                   addWidget: () => l(E.widgetKey)
                 },
                 E.widgetKey
               )),
               !N && g === 2 && C.filter((E) => E.metaData.categories.includes("Container")).map((E) => /* @__PURE__ */ a(
-                $e,
+                We,
                 {
                   widgetKey: E.widgetKey,
                   metaData: E.metaData,
-                  alreadyAdded: We(E.widgetKey, t),
+                  alreadyAdded: Ie(E.widgetKey, t),
                   addWidget: () => o(E.widgetKey)
                 },
                 E.widgetKey
@@ -3201,7 +3204,7 @@ export {
   ft as XCircleIcon,
   Vn as ZoomInIcon,
   Yn as ZoomOutIcon,
-  we as blankDashboardConfig,
+  Ce as blankDashboardConfig,
   Pt as createDynamicEntry,
   Mn as createStaticEntry,
   St as cssSettingsCatalog,
@@ -3209,7 +3212,7 @@ export {
   Nt as dashboardSettingsUtils,
   _t as ensureContainersSequence,
   lt as ensureZoomScaleIsWithinRange,
-  Ie as getDefaultWidgetMetaFromKey,
+  xe as getDefaultWidgetMetaFromKey,
   _n as getDefaultWidgetMetaFromMap,
   Z as getDistinctCssClasses,
   Nn as getNewZoomScaleWithinRange,

package/package.json

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