@stenajs-webui/grid 15.5.0 → 15.5.3

package/CHANGELOG.md

@@ -1,3 +1,27 @@
+# v15.5.2 (Fri Apr 08 2022)
+
+#### 🐛 Bug Fix
+
+- Fix event propagation bug in onKeyDown in StandardTable [#450](https://github.com/StenaIT/stenajs-webui/pull/450) ([@mattias800](https://github.com/mattias800))
+
+#### Authors: 1
+
+- Mattias Andersson ([@mattias800](https://github.com/mattias800))
+
+---
+
+# v15.5.1 (Thu Apr 07 2022)
+
+#### 🐛 Bug Fix
+
+- Pass itemKey to renderProps in StandardTable [#449](https://github.com/StenaIT/stenajs-webui/pull/449) ([@mattias800](https://github.com/mattias800))
+
+#### Authors: 1
+
+- Mattias Andersson ([@mattias800](https://github.com/mattias800))
+
+---
+
 # v15.4.0 (Mon Apr 04 2022)
 
 #### 🚀 Enhancement

package/dist/features/standard-table/config/StandardTableColumnConfig.d.ts

@@ -138,6 +138,7 @@ export interface StandardTableCellRendererArgObject<TItemValue, TItem> {
     label: string;
     value: TItemValue;
     item: TItem;
+    itemKey: string;
     gridCell: UseGridCellResult<string>;
     isEditable?: boolean;
     isSelected: boolean;

package/dist/index.es.js

@@ -1518,10 +1518,10 @@ var StandardTableCell = React.memo(function StandardTableCell(_a) {
     var onKeyDownTable = useOnKeyDownContext();
     var numNavigableColumns = useColumnIndexPerColumnIdContext().numNavigableColumns;
     var stickyPropsPerColumnContext = useStickyPropsPerColumnContext();
+    var itemKey = useMemo(function () { return keyResolver(item); }, [item, keyResolver]);
     var isSelected = 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 = useMemo(function () {
         if (itemValueResolver) {
@@ -1543,12 +1543,8 @@ var StandardTableCell = React.memo(function StandardTableCell(_a) {
             ? isEditable(item)
             : undefined;
     var onKeyDownHandler = 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); }
@@ -1567,6 +1563,7 @@ var StandardTableCell = React.memo(function StandardTableCell(_a) {
             isEditable: editable,
             isSelected: isSelected,
             zIndex: currentZIndex,
+            itemKey: itemKey,
         })) : (React.createElement(TextCell, { label: label }));
     }, [
         renderCell,
@@ -1577,6 +1574,7 @@ var StandardTableCell = React.memo(function StandardTableCell(_a) {
         editable,
         isSelected,
         currentZIndex,
+        itemKey,
     ]);
     var activeBorderLeft = getCellBorder(borderFromGroup, disableBorderLeft, borderLeft);
     var shadow = stickyProps.sticky &&