@stenajs-webui/grid 15.4.1 → 15.5.2

package/dist/index.js

@@ -1545,10 +1545,10 @@ var StandardTableCell = React__namespace.memo(function StandardTableCell(_a) {
     var onKeyDownTable = useOnKeyDownContext();
     var numNavigableColumns = useColumnIndexPerColumnIdContext().numNavigableColumns;
     var stickyPropsPerColumnContext = useStickyPropsPerColumnContext();
+    var itemKey = React.useMemo(function () { return keyResolver(item); }, [item, keyResolver]);
     var isSelected = React.useMemo(function () {
-        var itemId = keyResolver(item);
-        return selectedIds.indexOf(itemId) >= 0;
-    }, [item, keyResolver, selectedIds]);
+        return selectedIds.indexOf(itemKey) >= 0;
+    }, [itemKey, selectedIds]);
     var _d = useColumnConfigById(columnId), itemValueResolver = _d.itemValueResolver, itemLabelFormatter = _d.itemLabelFormatter, width = _d.width, minWidth = _d.minWidth, _e = _d.justifyContentCell, justifyContentCell = _e === void 0 ? "flex-start" : _e, borderLeft = _d.borderLeft, renderCell = _d.renderCell, gridCellOptionsForColumn = _d.gridCellOptions, isEditable = _d.isEditable, onChange = _d.onChange, onKeyDownCell = _d.onKeyDown, disableGridCell = _d.disableGridCell, disableGridCellFocus = _d.disableGridCellFocus, zIndex = _d.zIndex;
     var itemValue = React.useMemo(function () {
         if (itemValueResolver) {
@@ -1570,12 +1570,8 @@ var StandardTableCell = React__namespace.memo(function StandardTableCell(_a) {
             ? isEditable(item)
             : undefined;
     var onKeyDownHandler = React.useCallback(function (ev) {
-        onKeyDownTable === null || onKeyDownTable === void 0 ? void 0 : onKeyDownTable(ev, { columnId: columnId, item: item });
         onKeyDownCell === null || onKeyDownCell === void 0 ? void 0 : onKeyDownCell(ev, { columnId: columnId, item: item });
-        if (ev.key !== "Tab" && (onKeyDownTable || onKeyDownCell)) {
-            ev.preventDefault();
-            ev.stopPropagation();
-        }
+        onKeyDownTable === null || onKeyDownTable === void 0 ? void 0 : onKeyDownTable(ev, { columnId: columnId, item: item });
     }, [onKeyDownTable, columnId, item, onKeyDownCell]);
     var gridCell = useGridCell(label, __assign(__assign({ colIndex: colIndex, rowIndex: rowIndex, numRows: numRows, numCols: numNavigableColumns, tableId: tableId, isEditable: editable, onChange: onChange
             ? function (value) { return onChange(item, value); }
@@ -1594,6 +1590,7 @@ var StandardTableCell = React__namespace.memo(function StandardTableCell(_a) {
             isEditable: editable,
             isSelected: isSelected,
             zIndex: currentZIndex,
+            itemKey: itemKey,
         })) : (React__namespace.createElement(TextCell, { label: label }));
     }, [
         renderCell,
@@ -1604,6 +1601,7 @@ var StandardTableCell = React__namespace.memo(function StandardTableCell(_a) {
         editable,
         isSelected,
         currentZIndex,
+        itemKey,
     ]);
     var activeBorderLeft = getCellBorder(borderFromGroup, disableBorderLeft, borderLeft);
     var shadow = stickyProps.sticky &&