@vesture/react 0.2.6 → 0.2.7

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 import * as react from 'react';
-import { ButtonHTMLAttributes, LabelHTMLAttributes, InputHTMLAttributes, TextareaHTMLAttributes, SelectHTMLAttributes, ReactNode, HTMLAttributes, ReactElement, MutableRefObject, AnchorHTMLAttributes, ForwardedRef, CSSProperties } from 'react';
+import { ButtonHTMLAttributes, LabelHTMLAttributes, InputHTMLAttributes, TextareaHTMLAttributes, SelectHTMLAttributes, ReactNode, HTMLAttributes, ReactElement, MutableRefObject, AnchorHTMLAttributes, MouseEvent, ForwardedRef, CSSProperties } from 'react';
 import { Placement } from '@floating-ui/react';
 export { defaultThemeClass, defaultThemeVars, vars } from '@vesture/tokens';
 
@@ -336,6 +336,9 @@ interface DataGridProps<T> {
     onPageChange?: (page: number) => void;
     /** Renders an "Export" button in the grid's toolbar that exports the current view to Excel. */
     enableExport?: boolean;
+    onRowClick?: (row: T, event: MouseEvent<HTMLDivElement>) => void;
+    onRowDoubleClick?: (row: T, event: MouseEvent<HTMLDivElement>) => void;
+    onCellClick?: (row: T, column: DataGridColumn<T>, event: MouseEvent<HTMLDivElement>) => void;
 }
 interface DataGridExportOptions {
     filename?: string;

package/dist/index.js

@@ -1228,7 +1228,10 @@ function DataGridInner({
   page,
   pageSize,
   onPageChange,
-  enableExport = false
+  enableExport = false,
+  onRowClick,
+  onRowDoubleClick,
+  onCellClick
 }, ref) {
   const [uncontrolledSort, setUncontrolledSort] = useState8(
     null
@@ -1672,6 +1675,8 @@ function DataGridInner({
                       role: "row",
                       "data-selected": isSelected || void 0,
                       "data-editing": isEditing || void 0,
+                      onClick: onRowClick ? (e) => onRowClick(rowData, e) : void 0,
+                      onDoubleClick: onRowDoubleClick ? (e) => onRowDoubleClick(rowData, e) : void 0,
                       children: [
                         selectable ? /* @__PURE__ */ jsx34(
                           "div",
@@ -1679,6 +1684,7 @@ function DataGridInner({
                             className: [checkboxCell, pinnedCell].join(" "),
                             style: { left: 0 },
                             role: "cell",
+                            onClick: (e) => e.stopPropagation(),
                             children: /* @__PURE__ */ jsx34(
                               "input",
                               {
@@ -1699,6 +1705,7 @@ function DataGridInner({
                               ...pinnedStyle(column)
                             },
                             role: "cell",
+                            onClick: onCellClick ? (e) => onCellClick(rowData, column, e) : void 0,
                             children: isEditing && column.editable ? /* @__PURE__ */ jsx34(
                               "input",
                               {
@@ -1726,6 +1733,7 @@ function DataGridInner({
                             className: [actionsCell, pinnedCell].join(" "),
                             style: { right: 0 },
                             role: "cell",
+                            onClick: (e) => e.stopPropagation(),
                             children: isEditing ? /* @__PURE__ */ jsxs17(Fragment5, { children: [
                               /* @__PURE__ */ jsx34(
                                 "button",