@stenajs-webui/grid 15.5.0 → 15.5.1

package/CHANGELOG.md

@@ -1,3 +1,15 @@
+# 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) {
@@ -1567,6 +1567,7 @@ var StandardTableCell = React.memo(function StandardTableCell(_a) {
             isEditable: editable,
             isSelected: isSelected,
             zIndex: currentZIndex,
+            itemKey: itemKey,
         })) : (React.createElement(TextCell, { label: label }));
     }, [
         renderCell,
@@ -1577,6 +1578,7 @@ var StandardTableCell = React.memo(function StandardTableCell(_a) {
         editable,
         isSelected,
         currentZIndex,
+        itemKey,
     ]);
     var activeBorderLeft = getCellBorder(borderFromGroup, disableBorderLeft, borderLeft);
     var shadow = stickyProps.sticky &&