@machinemetrics/mm-react-components 0.2.3-26 → 0.2.3-27

package/dist/components/ui/data-table/TableView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TableView.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/data-table/TableView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAiB/B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAuL9C,wBAAgB,SAAS,CAAC,KAAK,EAAE,MAAM,EAAE,EACvC,OAAO,EACP,IAAI,EACJ,OAAe,EACf,cAAc,EACd,YAAY,EACZ,OAAO,EACP,OAAO,EACP,UAAU,EACV,eAAe,EACf,gBAAwB,EACxB,SAAS,EACT,aAAa,EACb,oBAAoB,EACpB,eAAe,EACf,kBAAkB,EAClB,wBAAwB,EACxB,mBAAmB,EACnB,aAAa,EACb,UAAU,EACV,gBAAgB,EAChB,oBAAoB,GACrB,EAAE,cAAc,CAAC,KAAK,EAAE,MAAM,CAAC,mBAkK/B"}
+{"version":3,"file":"TableView.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/data-table/TableView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAiB/B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AA0L9C,wBAAgB,SAAS,CAAC,KAAK,EAAE,MAAM,EAAE,EACvC,OAAO,EACP,IAAI,EACJ,OAAe,EACf,cAAc,EACd,YAAY,EACZ,OAAO,EACP,OAAO,EACP,UAAU,EACV,eAAe,EACf,gBAAwB,EACxB,SAAS,EACT,aAAa,EACb,oBAAoB,EACpB,eAAe,EACf,kBAAkB,EAClB,wBAAwB,EACxB,mBAAmB,EACnB,aAAa,EACb,UAAU,EACV,gBAAgB,EAChB,oBAAoB,GACrB,EAAE,cAAc,CAAC,KAAK,EAAE,MAAM,CAAC,mBAoK/B"}

package/dist/components/ui/data-table/parts/TableBody.d.ts

@@ -11,6 +11,12 @@ export interface TableBodyProps<TData, TValue> {
      * Defaults to 5 if not provided.
      */
     skeletonRowCount?: number;
+    /**
+     * Callback fired when a row is clicked.
+     * @param row - The row data
+     * @param rowIndex - The index of the row
+     */
+    onRowClick?: (row: TData, rowIndex: number) => void;
 }
-export declare function TableBody<TData, TValue>({ loading, resolvedColumns, rows, renderOrder, isDragging, activeColumnId, skeletonRowCount, }: Readonly<TableBodyProps<TData, TValue>>): import("react/jsx-runtime").JSX.Element;
+export declare function TableBody<TData, TValue>({ loading, resolvedColumns, rows, renderOrder, isDragging, activeColumnId, skeletonRowCount, onRowClick, }: Readonly<TableBodyProps<TData, TValue>>): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=TableBody.d.ts.map

package/dist/components/ui/data-table/parts/TableBody.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TableBody.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/data-table/parts/TableBody.tsx"],"names":[],"mappings":"AAGA,OAAO,EAEL,KAAK,SAAS,EACd,KAAK,GAAG,EAET,MAAM,uBAAuB,CAAC;AAuH/B,MAAM,WAAW,cAAc,CAAC,KAAK,EAAE,MAAM;IAC3C,OAAO,EAAE,OAAO,CAAC;IACjB,eAAe,EAAE,KAAK,CAAC,SAAS,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC;IACjD,IAAI,EAAE,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC;IACxB,WAAW,EAAE,MAAM,EAAE,CAAC;IACtB,UAAU,EAAE,OAAO,CAAC;IACpB,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B;;;OAGG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED,wBAAgB,SAAS,CAAC,KAAK,EAAE,MAAM,EAAE,EACvC,OAAO,EACP,eAAe,EACf,IAAI,EACJ,WAAW,EACX,UAAU,EACV,cAAc,EACd,gBAAoB,GACrB,EAAE,QAAQ,CAAC,cAAc,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC,2CA+BzC"}
+{"version":3,"file":"TableBody.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/data-table/parts/TableBody.tsx"],"names":[],"mappings":"AAGA,OAAO,EAEL,KAAK,SAAS,EACd,KAAK,GAAG,EAET,MAAM,uBAAuB,CAAC;AAuH/B,MAAM,WAAW,cAAc,CAAC,KAAK,EAAE,MAAM;IAC3C,OAAO,EAAE,OAAO,CAAC;IACjB,eAAe,EAAE,KAAK,CAAC,SAAS,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC;IACjD,IAAI,EAAE,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC;IACxB,WAAW,EAAE,MAAM,EAAE,CAAC;IACtB,UAAU,EAAE,OAAO,CAAC;IACpB,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B;;;OAGG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;;;;OAIG;IACH,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;CACrD;AAED,wBAAgB,SAAS,CAAC,KAAK,EAAE,MAAM,EAAE,EACvC,OAAO,EACP,eAAe,EACf,IAAI,EACJ,WAAW,EACX,UAAU,EACV,cAAc,EACd,gBAAoB,EACpB,UAAU,GACX,EAAE,QAAQ,CAAC,cAAc,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC,2CAkDzC"}

package/dist/mm-react-components.es.js

@@ -30336,7 +30336,8 @@ function TableBody({
   renderOrder,
   isDragging,
   activeColumnId,
-  skeletonRowCount = 5
+  skeletonRowCount = 5,
+  onRowClick
 }) {
   let tableContent;
   if (loading) {
@@ -30344,11 +30345,24 @@ function TableBody({
   } else if (rows?.length) {
     tableContent = rows.map((row) => {
       const visibleCells = getVisibleCellsInOrder(row, isDragging, renderOrder);
+      const handleRowClick = onRowClick ? (event) => {
+        const target = event.target;
+        if (!target) return;
+        const interactive = target.closest(
+          'a,button,input,select,textarea,label,[role=checkbox],[data-slot="table-action-trigger"]'
+        );
+        if (interactive) return;
+        onRowClick(row.original, row.index);
+      } : void 0;
       return /* @__PURE__ */ jsxRuntimeExports.jsx(
         "tr",
         {
           "data-state": row.getIsSelected() && "selected",
-          className: "border-b transition-colors hover:bg-[var(--accent)] data-[state=selected]:bg-muted",
+          className: cn$1(
+            "border-b transition-colors hover:bg-[var(--accent)] data-[state=selected]:bg-muted",
+            onRowClick && "cursor-pointer"
+          ),
+          onClick: handleRowClick,
           children: visibleCells.map(
             (cell) => renderTableCell(cell, isDragging, activeColumnId)
           )
@@ -30490,7 +30504,8 @@ function renderTableContent({
   handleDragOver,
   handleDragEnd,
   tableRef,
-  debug: debug2
+  debug: debug2,
+  onRowClick
 }) {
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
     DndContext,
@@ -30534,7 +30549,8 @@ function renderTableContent({
                 renderOrder,
                 isDragging,
                 activeColumnId,
-                skeletonRowCount
+                skeletonRowCount,
+                onRowClick
               }
             )
           ]
@@ -30576,7 +30592,8 @@ function DataTable({
     setGlobalFilter,
     handleResetColumns,
     onBatchAction: controllerOnBatchAction,
-    onExportComplete: controllerOnExportComplete
+    onExportComplete: controllerOnExportComplete,
+    onRowClick: controllerOnRowClick
   } = useTableController({
     columns,
     data,
@@ -30652,7 +30669,8 @@ function DataTable({
     handleDragOver,
     handleDragEnd,
     tableRef,
-    debug: debug2
+    debug: debug2,
+    onRowClick: controllerOnRowClick
   });
   const toolbarElement = /* @__PURE__ */ jsxRuntimeExports.jsx(
     DataTableToolbar,