@vuu-ui/vuu-table-extras 0.8.18-debug → 0.8.19-debug

package/esm/index.js

@@ -673,6 +673,7 @@ import {
 import {
   applySort,
   buildColumnMap as buildColumnMap2,
+  getIndexFromRowElement as getIndexFromRowElement2,
   isGroupColumn as isGroupColumn3,
   isJsonGroup as isJsonGroup2,
   isValidNumber,
@@ -1709,7 +1710,7 @@ var useSelection = ({
 
 // ../vuu-table/src/useTableContextMenu.ts
 import { useContextMenu as usePopupContextMenu } from "@vuu-ui/vuu-popups";
-import { buildColumnMap } from "@vuu-ui/vuu-utils";
+import { buildColumnMap, getIndexFromRowElement } from "@vuu-ui/vuu-utils";
 import { useCallback as useCallback14 } from "react";
 var NO_ROWS = [];
 var useTableContextMenu = ({
@@ -1721,14 +1722,13 @@ var useTableContextMenu = ({
   const [showContextMenu] = usePopupContextMenu();
   const onContextMenu = useCallback14(
     (evt) => {
-      var _a;
       const target = evt.target;
       const cellEl = target == null ? void 0 : target.closest("div[role='cell']");
       const rowEl = target == null ? void 0 : target.closest("div[role='row']");
       if (cellEl && rowEl) {
         const { selectedRowsCount } = dataSource;
         const columnMap = buildColumnMap(columns);
-        const rowIndex = parseInt((_a = rowEl.ariaRowIndex) != null ? _a : "-1");
+        const rowIndex = getIndexFromRowElement(rowEl);
         const cellIndex = Array.from(rowEl.childNodes).indexOf(cellEl);
         const row = data.find(([idx]) => idx === rowIndex);
         const columnName = columns[cellIndex];
@@ -2995,14 +2995,11 @@ var useTable = ({
   const handleDragStartRow = useCallback19(
     (dragDropState) => {
       const { initialDragElement } = dragDropState;
-      const rowIndex = initialDragElement.ariaRowIndex;
-      if (rowIndex) {
-        const index = parseInt(rowIndex);
-        const row = dataRef.current.find((row2) => row2[0] === index);
-        if (row) {
-          dragDropState.setPayload(row);
-        } else {
-        }
+      const rowIndex = getIndexFromRowElement2(initialDragElement);
+      const row = dataRef.current.find((row2) => row2[0] === rowIndex);
+      if (row) {
+        dragDropState.setPayload(row);
+      } else {
       }
       onDragStart == null ? void 0 : onDragStart(dragDropState);
     },
@@ -3020,6 +3017,7 @@ var useTable = ({
   });
   return {
     ...containerProps,
+    "aria-rowcount": dataSource.size,
     draggableRow,
     onBlur: editingBlur,
     onDoubleClick: editingDoubleClick,