@almadar/ui 3.4.0 → 3.5.1

package/dist/runtime/index.cjs

@@ -221,9 +221,6 @@ var init_useEventBus = __esm({
       emit: (type, payload, source) => {
         const event = {
           type,
-          // Narrow at the bus boundary: public emit accepts an opaque object so
-          // generic UI emit sites don't require casts; the envelope stores the
-          // payload as EventPayload which listeners consume directly.
           payload,
           timestamp: Date.now(),
           source
@@ -8169,38 +8166,16 @@ var init_MapView = __esm({
   }
 });
 function ButtonPattern({
-  label,
-  variant = "primary",
-  size = "md",
-  disabled = false,
+  action,
   onClick,
   event,
   icon,
-  iconPosition = "left",
-  className
+  iconPosition,
+  ...rest
 }) {
-  const { emit } = useEventBus();
-  const eventName = onClick ?? event;
-  const handleClick = () => {
-    if (eventName && !disabled) {
-      emit(`UI:${eventName}`, {});
-    }
-  };
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    Button,
-    {
-      variant,
-      size,
-      disabled,
-      onClick: handleClick,
-      className,
-      children: [
-        icon && iconPosition === "left" && /* @__PURE__ */ jsxRuntime.jsx(Icon, { name: icon, size: "sm" }),
-        label,
-        icon && iconPosition === "right" && /* @__PURE__ */ jsxRuntime.jsx(Icon, { name: icon, size: "sm" })
-      ]
-    }
-  );
+  const resolvedAction = action ?? onClick ?? event;
+  const iconProps = iconPosition === "right" ? { iconRight: icon } : { icon };
+  return /* @__PURE__ */ jsxRuntime.jsx(Button, { ...rest, action: resolvedAction, ...iconProps });
 }
 function TextPattern({
   content,
@@ -15798,7 +15773,11 @@ var init_CardGrid = __esm({
           return;
         }
         if (action.event) {
-          eventBus.emit(`UI:${action.event}`, { id: itemData.id, row: itemData });
+          const payload = {
+            id: itemData.id,
+            row: itemData
+          };
+          eventBus.emit(`UI:${action.event}`, payload);
         }
         if (action.onClick) {
           action.onClick(itemData);
@@ -18468,7 +18447,8 @@ var init_DataGrid = __esm({
           if (next.has(id)) next.delete(id);
           else next.add(id);
           if (selectionEvent) {
-            eventBus.emit(`UI:${selectionEvent}`, { selectedIds: Array.from(next) });
+            const payload = { selectedIds: Array.from(next) };
+            eventBus.emit(`UI:${selectionEvent}`, payload);
           }
           return next;
         });
@@ -18479,7 +18459,8 @@ var init_DataGrid = __esm({
           const allSelected2 = allIds2.length > 0 && allIds2.every((id) => prev.has(id));
           const next = allSelected2 ? /* @__PURE__ */ new Set() : new Set(allIds2);
           if (selectionEvent) {
-            eventBus.emit(`UI:${selectionEvent}`, { selectedIds: Array.from(next) });
+            const payload = { selectedIds: Array.from(next) };
+            eventBus.emit(`UI:${selectionEvent}`, payload);
           }
           return next;
         });
@@ -18491,7 +18472,11 @@ var init_DataGrid = __esm({
       const dangerActions = itemActions?.filter((a) => a.variant === "danger") ?? [];
       const handleActionClick = (action, itemData) => (e) => {
         e.stopPropagation();
-        eventBus.emit(`UI:${action.event}`, { id: itemData.id, row: itemData });
+        const payload = {
+          id: itemData.id,
+          row: itemData
+        };
+        eventBus.emit(`UI:${action.event}`, payload);
       };
       const gridTemplateColumns = cols ? void 0 : `repeat(auto-fit, minmax(min(${minCardWidth}px, 100%), 1fr))`;
       const colsClass = cols ? {
@@ -18819,7 +18804,11 @@ var init_DataList = __esm({
       );
       const handleActionClick = (action, itemData) => (e) => {
         e.stopPropagation();
-        eventBus.emit(`UI:${action.event}`, { id: itemData.id, row: itemData });
+        const payload = {
+          id: itemData.id,
+          row: itemData
+        };
+        eventBus.emit(`UI:${action.event}`, payload);
       };
       if (isLoading) {
         return /* @__PURE__ */ jsxRuntime.jsx(Box, { className: "text-center py-8", children: /* @__PURE__ */ jsxRuntime.jsx(Typography, { variant: "body", color: "secondary", children: t("loading.items") || "Loading..." }) });
@@ -27001,7 +26990,8 @@ var init_DetailPanel = __esm({
             return;
           }
           if (action.event) {
-            eventBus.emit(`UI:${action.event}`, { id: data2?.id, row: data2 });
+            const payload = data2 ? { id: data2.id, row: data2 } : {};
+            eventBus.emit(`UI:${action.event}`, payload);
           }
           if (action.onClick) {
             action.onClick();
@@ -28443,9 +28433,10 @@ var init_Form = __esm({
       };
       const handleSubmit = (e) => {
         e.preventDefault();
-        eventBus.emit(`UI:${submitEvent}`, { data: formData });
+        const payload = { data: formData };
+        eventBus.emit(`UI:${submitEvent}`, payload);
         if (onSubmit) {
-          eventBus.emit(`UI:${onSubmit}`, { data: formData });
+          eventBus.emit(`UI:${onSubmit}`, payload);
         }
       };
       const handleCancel = () => {
@@ -29813,6 +29804,31 @@ function normalizeFields2(fields) {
   if (!fields) return [];
   return fields.map((f3) => typeof f3 === "string" ? f3 : f3.key ?? f3.name ?? "");
 }
+function entityFieldsFromListItem(item) {
+  const {
+    icon: _icon,
+    metadata: _metadata,
+    onClick: _onClick,
+    avatar: _avatar,
+    _fields,
+    ...rest
+  } = item;
+  const result = {};
+  for (const [key, value] of Object.entries(rest)) {
+    if (typeof value === "function" || value !== null && typeof value === "object" && "$$typeof" in value) {
+      continue;
+    }
+    result[key] = value;
+  }
+  if (_fields && typeof _fields === "object") {
+    for (const [k, v] of Object.entries(_fields)) {
+      if (typeof v !== "function") {
+        result[k] = v;
+      }
+    }
+  }
+  return result;
+}
 function getStatusStyle(fieldName, value) {
   const val = String(value).toLowerCase();
   if (val.includes("complete") || val.includes("done"))
@@ -30016,18 +30032,17 @@ var init_List = __esm({
             label: action.label,
             event: action.event,
             onClick: () => {
+              const row = entityFieldsFromListItem(item);
               if (action.navigatesTo) {
                 const url = action.navigatesTo.replace(
                   /\{\{(\w+)\}\}/g,
-                  (_, key) => String(item[key] || item.id || "")
+                  (_, key) => String(row[key] ?? item.id ?? "")
                 );
-                eventBus.emit("UI:NAVIGATE", { url, row: item });
+                eventBus.emit("UI:NAVIGATE", { url, row });
                 return;
               }
               if (action.event) {
-                eventBus.emit(`UI:${action.event}`, {
-                  row: item
-                });
+                eventBus.emit(`UI:${action.event}`, { row });
               }
             }
           }));
@@ -30107,7 +30122,7 @@ var init_List = __esm({
         );
         const hasExplicitClick = !!(viewAction?.event || item.onClick);
         const rowAction = viewAction?.event ?? "VIEW";
-        const rowActionPayload = { row: item };
+        const rowActionPayload = { row: entityFieldsFromListItem(item) };
         const primaryField = effectiveFieldNames?.[0];
         const statusField = effectiveFieldNames?.find(
           (f3) => f3.toLowerCase().includes("status")
@@ -35926,16 +35941,19 @@ var init_Timeline = __esm({
               ] }),
               item.description && /* @__PURE__ */ jsxRuntime.jsx(Typography, { variant: "small", color: "secondary", children: item.description }),
               item.tags && item.tags.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(HStack, { gap: "xs", wrap: true, children: item.tags.map((tag, tagIdx) => /* @__PURE__ */ jsxRuntime.jsx(Badge, { variant: "default", children: tag }, tagIdx)) }),
-              itemActions && itemActions.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(HStack, { gap: "xs", className: "mt-1", children: itemActions.map((action, actionIdx) => /* @__PURE__ */ jsxRuntime.jsx(
-                Box,
-                {
-                  action: action.event,
-                  actionPayload: { row: item },
-                  className: "cursor-pointer hover:opacity-80 transition-opacity",
-                  children: /* @__PURE__ */ jsxRuntime.jsx(Badge, { variant: "default", children: action.label })
-                },
-                actionIdx
-              )) })
+              itemActions && itemActions.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(HStack, { gap: "xs", className: "mt-1", children: itemActions.map((action, actionIdx) => {
+                const { icon: _icon, ...rowSafe } = item;
+                return /* @__PURE__ */ jsxRuntime.jsx(
+                  Box,
+                  {
+                    action: action.event,
+                    actionPayload: { row: rowSafe },
+                    className: "cursor-pointer hover:opacity-80 transition-opacity",
+                    children: /* @__PURE__ */ jsxRuntime.jsx(Badge, { variant: "default", children: action.label })
+                  },
+                  actionIdx
+                );
+              }) })
             ] })
           ] }, item.id);
         }) })

package/dist/runtime/index.js

@@ -176,9 +176,6 @@ var init_useEventBus = __esm({
       emit: (type, payload, source) => {
         const event = {
           type,
-          // Narrow at the bus boundary: public emit accepts an opaque object so
-          // generic UI emit sites don't require casts; the envelope stores the
-          // payload as EventPayload which listeners consume directly.
           payload,
           timestamp: Date.now(),
           source
@@ -8124,38 +8121,16 @@ var init_MapView = __esm({
   }
 });
 function ButtonPattern({
-  label,
-  variant = "primary",
-  size = "md",
-  disabled = false,
+  action,
   onClick,
   event,
   icon,
-  iconPosition = "left",
-  className
+  iconPosition,
+  ...rest
 }) {
-  const { emit } = useEventBus();
-  const eventName = onClick ?? event;
-  const handleClick = () => {
-    if (eventName && !disabled) {
-      emit(`UI:${eventName}`, {});
-    }
-  };
-  return /* @__PURE__ */ jsxs(
-    Button,
-    {
-      variant,
-      size,
-      disabled,
-      onClick: handleClick,
-      className,
-      children: [
-        icon && iconPosition === "left" && /* @__PURE__ */ jsx(Icon, { name: icon, size: "sm" }),
-        label,
-        icon && iconPosition === "right" && /* @__PURE__ */ jsx(Icon, { name: icon, size: "sm" })
-      ]
-    }
-  );
+  const resolvedAction = action ?? onClick ?? event;
+  const iconProps = iconPosition === "right" ? { iconRight: icon } : { icon };
+  return /* @__PURE__ */ jsx(Button, { ...rest, action: resolvedAction, ...iconProps });
 }
 function TextPattern({
   content,
@@ -15753,7 +15728,11 @@ var init_CardGrid = __esm({
           return;
         }
         if (action.event) {
-          eventBus.emit(`UI:${action.event}`, { id: itemData.id, row: itemData });
+          const payload = {
+            id: itemData.id,
+            row: itemData
+          };
+          eventBus.emit(`UI:${action.event}`, payload);
         }
         if (action.onClick) {
           action.onClick(itemData);
@@ -18423,7 +18402,8 @@ var init_DataGrid = __esm({
           if (next.has(id)) next.delete(id);
           else next.add(id);
           if (selectionEvent) {
-            eventBus.emit(`UI:${selectionEvent}`, { selectedIds: Array.from(next) });
+            const payload = { selectedIds: Array.from(next) };
+            eventBus.emit(`UI:${selectionEvent}`, payload);
           }
           return next;
         });
@@ -18434,7 +18414,8 @@ var init_DataGrid = __esm({
           const allSelected2 = allIds2.length > 0 && allIds2.every((id) => prev.has(id));
           const next = allSelected2 ? /* @__PURE__ */ new Set() : new Set(allIds2);
           if (selectionEvent) {
-            eventBus.emit(`UI:${selectionEvent}`, { selectedIds: Array.from(next) });
+            const payload = { selectedIds: Array.from(next) };
+            eventBus.emit(`UI:${selectionEvent}`, payload);
           }
           return next;
         });
@@ -18446,7 +18427,11 @@ var init_DataGrid = __esm({
       const dangerActions = itemActions?.filter((a) => a.variant === "danger") ?? [];
       const handleActionClick = (action, itemData) => (e) => {
         e.stopPropagation();
-        eventBus.emit(`UI:${action.event}`, { id: itemData.id, row: itemData });
+        const payload = {
+          id: itemData.id,
+          row: itemData
+        };
+        eventBus.emit(`UI:${action.event}`, payload);
       };
       const gridTemplateColumns = cols ? void 0 : `repeat(auto-fit, minmax(min(${minCardWidth}px, 100%), 1fr))`;
       const colsClass = cols ? {
@@ -18774,7 +18759,11 @@ var init_DataList = __esm({
       );
       const handleActionClick = (action, itemData) => (e) => {
         e.stopPropagation();
-        eventBus.emit(`UI:${action.event}`, { id: itemData.id, row: itemData });
+        const payload = {
+          id: itemData.id,
+          row: itemData
+        };
+        eventBus.emit(`UI:${action.event}`, payload);
       };
       if (isLoading) {
         return /* @__PURE__ */ jsx(Box, { className: "text-center py-8", children: /* @__PURE__ */ jsx(Typography, { variant: "body", color: "secondary", children: t("loading.items") || "Loading..." }) });
@@ -26956,7 +26945,8 @@ var init_DetailPanel = __esm({
             return;
           }
           if (action.event) {
-            eventBus.emit(`UI:${action.event}`, { id: data2?.id, row: data2 });
+            const payload = data2 ? { id: data2.id, row: data2 } : {};
+            eventBus.emit(`UI:${action.event}`, payload);
           }
           if (action.onClick) {
             action.onClick();
@@ -28398,9 +28388,10 @@ var init_Form = __esm({
       };
       const handleSubmit = (e) => {
         e.preventDefault();
-        eventBus.emit(`UI:${submitEvent}`, { data: formData });
+        const payload = { data: formData };
+        eventBus.emit(`UI:${submitEvent}`, payload);
         if (onSubmit) {
-          eventBus.emit(`UI:${onSubmit}`, { data: formData });
+          eventBus.emit(`UI:${onSubmit}`, payload);
         }
       };
       const handleCancel = () => {
@@ -29768,6 +29759,31 @@ function normalizeFields2(fields) {
   if (!fields) return [];
   return fields.map((f3) => typeof f3 === "string" ? f3 : f3.key ?? f3.name ?? "");
 }
+function entityFieldsFromListItem(item) {
+  const {
+    icon: _icon,
+    metadata: _metadata,
+    onClick: _onClick,
+    avatar: _avatar,
+    _fields,
+    ...rest
+  } = item;
+  const result = {};
+  for (const [key, value] of Object.entries(rest)) {
+    if (typeof value === "function" || value !== null && typeof value === "object" && "$$typeof" in value) {
+      continue;
+    }
+    result[key] = value;
+  }
+  if (_fields && typeof _fields === "object") {
+    for (const [k, v] of Object.entries(_fields)) {
+      if (typeof v !== "function") {
+        result[k] = v;
+      }
+    }
+  }
+  return result;
+}
 function getStatusStyle(fieldName, value) {
   const val = String(value).toLowerCase();
   if (val.includes("complete") || val.includes("done"))
@@ -29971,18 +29987,17 @@ var init_List = __esm({
             label: action.label,
             event: action.event,
             onClick: () => {
+              const row = entityFieldsFromListItem(item);
               if (action.navigatesTo) {
                 const url = action.navigatesTo.replace(
                   /\{\{(\w+)\}\}/g,
-                  (_, key) => String(item[key] || item.id || "")
+                  (_, key) => String(row[key] ?? item.id ?? "")
                 );
-                eventBus.emit("UI:NAVIGATE", { url, row: item });
+                eventBus.emit("UI:NAVIGATE", { url, row });
                 return;
               }
               if (action.event) {
-                eventBus.emit(`UI:${action.event}`, {
-                  row: item
-                });
+                eventBus.emit(`UI:${action.event}`, { row });
               }
             }
           }));
@@ -30062,7 +30077,7 @@ var init_List = __esm({
         );
         const hasExplicitClick = !!(viewAction?.event || item.onClick);
         const rowAction = viewAction?.event ?? "VIEW";
-        const rowActionPayload = { row: item };
+        const rowActionPayload = { row: entityFieldsFromListItem(item) };
         const primaryField = effectiveFieldNames?.[0];
         const statusField = effectiveFieldNames?.find(
           (f3) => f3.toLowerCase().includes("status")
@@ -35881,16 +35896,19 @@ var init_Timeline = __esm({
               ] }),
               item.description && /* @__PURE__ */ jsx(Typography, { variant: "small", color: "secondary", children: item.description }),
               item.tags && item.tags.length > 0 && /* @__PURE__ */ jsx(HStack, { gap: "xs", wrap: true, children: item.tags.map((tag, tagIdx) => /* @__PURE__ */ jsx(Badge, { variant: "default", children: tag }, tagIdx)) }),
-              itemActions && itemActions.length > 0 && /* @__PURE__ */ jsx(HStack, { gap: "xs", className: "mt-1", children: itemActions.map((action, actionIdx) => /* @__PURE__ */ jsx(
-                Box,
-                {
-                  action: action.event,
-                  actionPayload: { row: item },
-                  className: "cursor-pointer hover:opacity-80 transition-opacity",
-                  children: /* @__PURE__ */ jsx(Badge, { variant: "default", children: action.label })
-                },
-                actionIdx
-              )) })
+              itemActions && itemActions.length > 0 && /* @__PURE__ */ jsx(HStack, { gap: "xs", className: "mt-1", children: itemActions.map((action, actionIdx) => {
+                const { icon: _icon, ...rowSafe } = item;
+                return /* @__PURE__ */ jsx(
+                  Box,
+                  {
+                    action: action.event,
+                    actionPayload: { row: rowSafe },
+                    className: "cursor-pointer hover:opacity-80 transition-opacity",
+                    children: /* @__PURE__ */ jsx(Badge, { variant: "default", children: action.label })
+                  },
+                  actionIdx
+                );
+              }) })
             ] })
           ] }, item.id);
         }) })

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@almadar/ui",
-  "version": "3.4.0",
+  "version": "3.5.1",
   "description": "React UI components, hooks, and providers for Almadar",
   "type": "module",
   "main": "./dist/components/index.js",
@@ -118,9 +118,9 @@
     "access": "public"
   },
   "dependencies": {
-    "@almadar/core": ">=5.6.0",
+    "@almadar/core": ">=5.6.1",
     "@almadar/evaluator": ">=2.9.2",
-    "@almadar/patterns": ">=2.16.0",
+    "@almadar/patterns": ">=2.17.1",
     "@almadar/runtime": ">=4.3.0",
     "@almadar/std": ">=6.4.1",
     "@almadar/syntax": ">=1.3.1",
@@ -152,6 +152,8 @@
   },
   "devDependencies": {
     "@almadar/eslint-plugin": ">=2.3.0",
+    "@react-three/drei": "^10.7.7",
+    "@react-three/fiber": "^9.6.0",
     "@react-three/postprocessing": "3.0.4",
     "@storybook/addon-docs": "^10.2.6",
     "@storybook/addon-links": "^10.2.6",
@@ -185,6 +187,7 @@
     "react-router-dom": "^7.13.0",
     "storybook": "^10.2.6",
     "tailwindcss": "^3.4.0",
+    "three": "^0.160.1",
     "tsup": "^8.0.0",
     "tsx": "^4.7.0",
     "typescript": "^5.4.0",