@trackunit/react-table-base-components 1.13.9 → 1.13.11

package/index.cjs.js

@@ -729,17 +729,17 @@ const RowActions = ({ actions }) => {
         return (action &&
             (action.isVisible ?? true) && (jsxRuntime.jsx(reactComponents.Button, { disabled: action.disabled || action.loading, onClick: event => {
                 event.stopPropagation();
-                action.onClick();
+                action.onClick(event);
             }, prefix: jsxRuntime.jsx(IconWithLoader, { action: action, size: "small" }), size: "small", variant: "secondary", children: action.label })));
     }
     return (jsxRuntime.jsxs("div", { className: "flex items-center", "data-testid": "row-actions", children: [selectedActions.map((action, index) => (jsxRuntime.jsx(reactComponents.IconButton, { className: "mr-2", icon: action.iconName ? jsxRuntime.jsx(reactComponents.Icon, { name: action.iconName, size: "small" }) : undefined, onClick: event => {
                     event.stopPropagation();
-                    action.onClick();
-                }, size: "small", variant: "ghost-neutral" }, `selected-action-${index}`))), jsxRuntime.jsx(reactComponents.MoreMenu, { customButton: jsxRuntime.jsx(reactComponents.IconButton, { icon: jsxRuntime.jsx(reactComponents.Icon, { name: "EllipsisHorizontal", size: "medium" }), onClick: event => event.stopPropagation(), size: "small", variant: "ghost-neutral" }), children: close => (jsxRuntime.jsxs(reactComponents.MenuList, { children: [normalActions.map((action, index) => (jsxRuntime.jsx(reactComponents.MenuItem, { disabled: action.disabled || action.loading, label: action.label, onClick: () => {
-                                action.onClick();
+                    action.onClick(event);
+                }, size: "small", variant: "ghost-neutral" }, `selected-action-${index}`))), jsxRuntime.jsx(reactComponents.MoreMenu, { customButton: jsxRuntime.jsx(reactComponents.IconButton, { icon: jsxRuntime.jsx(reactComponents.Icon, { name: "EllipsisHorizontal", size: "medium" }), onClick: event => event.stopPropagation(), size: "small", variant: "ghost-neutral" }), children: close => (jsxRuntime.jsxs(reactComponents.MenuList, { children: [normalActions.map((action, index) => (jsxRuntime.jsx(reactComponents.MenuItem, { disabled: action.disabled || action.loading, label: action.label, onClick: event => {
+                                action.onClick(event);
                                 close();
-                            }, prefix: jsxRuntime.jsx(IconWithLoader, { action: action, size: "medium" }), variant: action.variant }, `action-${index}`))), normalActions.length > 0 && dangerActions.length > 0 && jsxRuntime.jsx(reactComponents.MenuDivider, {}), dangerActions.map((action, index) => (jsxRuntime.jsx(reactComponents.MenuItem, { disabled: action.disabled || action.loading, label: action.label, onClick: () => {
-                                action.onClick();
+                            }, prefix: jsxRuntime.jsx(IconWithLoader, { action: action, size: "medium" }), variant: action.variant }, `action-${index}`))), normalActions.length > 0 && dangerActions.length > 0 && jsxRuntime.jsx(reactComponents.MenuDivider, {}), dangerActions.map((action, index) => (jsxRuntime.jsx(reactComponents.MenuItem, { disabled: action.disabled || action.loading, label: action.label, onClick: event => {
+                                action.onClick(event);
                                 close();
                             }, prefix: jsxRuntime.jsx(IconWithLoader, { action: action, size: "medium" }), variant: action.variant }, `danger-action-${index}`)))] })) })] }));
 };

package/index.esm.js

@@ -727,17 +727,17 @@ const RowActions = ({ actions }) => {
         return (action &&
             (action.isVisible ?? true) && (jsx(Button, { disabled: action.disabled || action.loading, onClick: event => {
                 event.stopPropagation();
-                action.onClick();
+                action.onClick(event);
             }, prefix: jsx(IconWithLoader, { action: action, size: "small" }), size: "small", variant: "secondary", children: action.label })));
     }
     return (jsxs("div", { className: "flex items-center", "data-testid": "row-actions", children: [selectedActions.map((action, index) => (jsx(IconButton, { className: "mr-2", icon: action.iconName ? jsx(Icon, { name: action.iconName, size: "small" }) : undefined, onClick: event => {
                     event.stopPropagation();
-                    action.onClick();
-                }, size: "small", variant: "ghost-neutral" }, `selected-action-${index}`))), jsx(MoreMenu, { customButton: jsx(IconButton, { icon: jsx(Icon, { name: "EllipsisHorizontal", size: "medium" }), onClick: event => event.stopPropagation(), size: "small", variant: "ghost-neutral" }), children: close => (jsxs(MenuList, { children: [normalActions.map((action, index) => (jsx(MenuItem, { disabled: action.disabled || action.loading, label: action.label, onClick: () => {
-                                action.onClick();
+                    action.onClick(event);
+                }, size: "small", variant: "ghost-neutral" }, `selected-action-${index}`))), jsx(MoreMenu, { customButton: jsx(IconButton, { icon: jsx(Icon, { name: "EllipsisHorizontal", size: "medium" }), onClick: event => event.stopPropagation(), size: "small", variant: "ghost-neutral" }), children: close => (jsxs(MenuList, { children: [normalActions.map((action, index) => (jsx(MenuItem, { disabled: action.disabled || action.loading, label: action.label, onClick: event => {
+                                action.onClick(event);
                                 close();
-                            }, prefix: jsx(IconWithLoader, { action: action, size: "medium" }), variant: action.variant }, `action-${index}`))), normalActions.length > 0 && dangerActions.length > 0 && jsx(MenuDivider, {}), dangerActions.map((action, index) => (jsx(MenuItem, { disabled: action.disabled || action.loading, label: action.label, onClick: () => {
-                                action.onClick();
+                            }, prefix: jsx(IconWithLoader, { action: action, size: "medium" }), variant: action.variant }, `action-${index}`))), normalActions.length > 0 && dangerActions.length > 0 && jsx(MenuDivider, {}), dangerActions.map((action, index) => (jsx(MenuItem, { disabled: action.disabled || action.loading, label: action.label, onClick: event => {
+                                action.onClick(event);
                                 close();
                             }, prefix: jsx(IconWithLoader, { action: action, size: "medium" }), variant: action.variant }, `danger-action-${index}`)))] })) })] }));
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trackunit/react-table-base-components",
-  "version": "1.13.9",
+  "version": "1.13.11",
   "repository": "https://github.com/Trackunit/manager",
   "license": "SEE LICENSE IN LICENSE.txt",
   "engines": {
@@ -8,12 +8,12 @@
   },
   "dependencies": {
     "react": "19.0.0",
-    "@trackunit/react-components": "1.17.7",
-    "@trackunit/ui-icons": "1.11.35",
-    "@trackunit/react-form-components": "1.14.9",
-    "@trackunit/css-class-variance-utilities": "1.11.36",
-    "@trackunit/date-and-time-utils": "1.11.37",
-    "@trackunit/shared-utils": "1.13.36",
+    "@trackunit/react-components": "1.17.9",
+    "@trackunit/ui-icons": "1.11.37",
+    "@trackunit/react-form-components": "1.14.11",
+    "@trackunit/css-class-variance-utilities": "1.11.38",
+    "@trackunit/date-and-time-utils": "1.11.39",
+    "@trackunit/shared-utils": "1.13.38",
     "tailwind-merge": "^2.0.0",
     "@js-temporal/polyfill": "^0.5.1"
   },

package/src/components/RowActions/RowActions.d.ts

@@ -1,12 +1,13 @@
 import { MenuItemVariant } from "@trackunit/react-components";
 import { IconName } from "@trackunit/ui-icons";
+import { MouseEventHandler } from "react";
 export type Action = {
     /** The display text for the action button or menu item */
     label: string;
     /** Visual variant of the action, use "danger" for destructive actions */
     variant?: MenuItemVariant;
     /** Callback function triggered when the action is clicked */
-    onClick: () => void;
+    onClick: MouseEventHandler<HTMLElement>;
     /** Optional icon to display alongside the action label */
     iconName?: IconName;
     /** When true, the action is shown as an icon button outside the dropdown menu */