@tenorlab/react-dashboard 1.5.1 → 1.5.2

package/README.md

@@ -37,7 +37,7 @@ Import the base styles in your entry file (e.g., `main.tsx`):
 TypeScript
 
 ```
-import '@tenorlab/react-dashboard/dist/style.css'
+import '@tenorlab/react-dashboard/styles.css'
 ```
 
 ------
@@ -169,18 +169,20 @@ export const getWidgetCatalog = async (user: any | null): Promise<TDashboardWidg
     catalogMapEntries.push(createStaticEntry('WidgetRecentPaymentInfo', WidgetRecentPaymentInfo))
   }
 
+  // add bundled widgets (non-lazy)
   catalogMapEntries.push(...localWidgetDiscovery(
     bundledWidgetsSrcPath,
     bundledWidgetModules,
     allMetaModules,
-    false
+    false, // lazy: false
   ))
 
+  // add async-widgets (lazy)
   catalogMapEntries.push(...localWidgetDiscovery(
     asyncWidgetsSrcPath,
     asyncWidgetModules,
     allMetaModules,
-    true
+    true, // lazy: true
   ))
 
   // Optional: Remote discovery of -pre-built widgets hosted on a CDN

package/dist/core.d.ts

@@ -266,13 +266,14 @@ export declare const parseContainerTitle: (containerWidgetKey: TDashboardWidgetK
 /**
  * Enhanced helper to derive key and title from widget file paths.
  * Handles:
+ * - widget-total-orders -> WidgetTotalOrders
  * - widget-revenue-trends1 -> WidgetRevenueTrends1
  * - widget-with-extraprops -> WidgetWithExtraprops
  * - widget-revenue-trends-async -> WidgetRevenueTrendsAsync
  */
 export declare const parseKeyAndTitleFromFilePath: (path: string) => {
     key: TDashboardWidgetKey;
-    title: string;
+    name: string;
     folder: string;
 } | null;
 
@@ -344,7 +345,7 @@ export declare type TGetDefaultWidgetMetaFromKey = (widgetKey: TDashboardWidgetK
  * and/or `description`.
  */
 export declare type TGetDefaultWidgetMetaFromKeyOptions = {
-    title?: string;
+    name?: string;
     description?: string;
 };
 

package/dist/core.es.js

@@ -156,9 +156,9 @@ const w = [
 }, U = (e) => {
   const t = `${e}`.split("_");
   return t.length > 1 ? t[1].replace(/(\D)(\d+)/, "$1 $2") : "Container";
-}, m = 0.7, p = 1, V = 0.05, D = (e) => {
+}, u = 0.7, p = 1, V = 0.05, D = (e) => {
   let t = Number(e || 0);
-  return t < m && (t = m), t > p && (t = p), t;
+  return t < u && (t = u), t > p && (t = p), t;
 }, j = (e, t) => {
   let a = Number(Number((V * t).toFixed(2)).toFixed(2)), i = Number((Number(e) + a).toFixed(2));
   return D(i);
@@ -193,7 +193,7 @@ const w = [
       parentWidgetKey: n || s
     };
   }), e;
-}, u = (e, t) => {
+}, m = (e, t) => {
   const a = `${e}`.includes("Container"), i = a ? ["Container"] : ["Widget"], s = t?.name || e, n = t?.description || (a ? "Container" : "Unknown");
   return {
     name: s,
@@ -203,8 +203,8 @@ const w = [
     icon: void 0,
     externalDependencies: []
   };
-}, I = (e, t, a) => t[e] || u(e, a), M = (e, t) => t.get(e)?.meta || u(e), k = (e, t, a) => {
-  const i = a || u(e);
+}, I = (e, t, a) => t[e] || m(e, a), M = (e, t) => t.get(e)?.meta || m(e), k = (e, t, a) => {
+  const i = a || m(e);
   return [
     e,
     {
@@ -217,7 +217,7 @@ const w = [
     }
   ];
 }, h = (e, t, a, i) => {
-  const s = i || u(e);
+  const s = i || m(e);
   return [
     e,
     {
@@ -235,7 +235,7 @@ const w = [
     const a = t[1], i = a.split("-"), s = `Widget${i.map((r) => r.charAt(0).toUpperCase() + r.slice(1)).join("")}`, n = i.map((r) => r.charAt(0).toUpperCase() + r.slice(1)).join(" ");
     return {
       key: s,
-      title: n,
+      name: n,
       folder: a
     };
   }
@@ -282,9 +282,10 @@ const w = [
   for (const n in t) {
     const r = t[n], c = F(n);
     if (c && r) {
-      const { key: o, title: d, folder: l } = c;
+      const { key: o, name: d, folder: l } = c;
       let g = $(a, e, l, o);
-      if (g || (g = u(o, {
+      if (g || (g = m(o, {
+        name: d,
         description: `Local ${i ? "dynamic" : "static"} widget`
       })), i)
         s.push(
@@ -343,7 +344,7 @@ const w = [
 ].join(" ").trim();
 export {
   p as DashboardMaxZoomScale,
-  m as DashboardMinZoomScale,
+  u as DashboardMinZoomScale,
   V as DashboardZoomStep,
   z as blankDashboardConfig,
   h as createDynamicEntry,
@@ -353,7 +354,7 @@ export {
   E as dashboardSettingsUtils,
   x as ensureContainersSequence,
   D as ensureZoomScaleIsWithinRange,
-  u as getDefaultWidgetMetaFromKey,
+  m as getDefaultWidgetMetaFromKey,
   I as getDefaultWidgetMetaFromMap,
   Z as getDistinctCssClasses,
   $ as getMetaInfoFromFile,

package/dist/react-dashboard.es.js

@@ -2519,7 +2519,10 @@ function rn({
       `${a.widgetKey}_${f}`
     ))
   } : {};
-  return C ? /* @__PURE__ */ n(xt, { fallback: /* @__PURE__ */ n(nn, { title: `Loading ${h.title}` }), children: /* @__PURE__ */ n(b, { ...l, ...M }) }) : /* @__PURE__ */ n(b, { ...l, ...M });
+  return C ? /* @__PURE__ */ $(xt, { fallback: /* @__PURE__ */ n(nn, { title: `Loading ${h.title}` }), children: [
+    "]",
+    /* @__PURE__ */ n(b, { ...l, ...M })
+  ] }) : /* @__PURE__ */ n(b, { ...l, ...M });
 }
 const ye = "size-5";
 function Ie(e) {

package/package.json

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