@luminati-io/uikit 6.3.90 → 6.3.91-beta.2

package/dist/umd/uikit.development.js

@@ -57991,28 +57991,44 @@ var Body = function Body(props) {
   if (draggableRows) return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_dnd__WEBPACK_IMPORTED_MODULE_12__.TableDndBody, props);
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(GenericBody, props);
 };
+var MemoizedRow = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_2__.memo)(function (_ref6) {
+  var row = _ref6.row,
+    index = _ref6.index,
+    renderRowProp = _ref6.renderRow,
+    rowHoverEvents = _ref6.rowHoverEvents;
+  return renderRowProp({
+    row: row,
+    index: index,
+    wrapperProps: _objectSpread(_objectSpread({}, rowHoverEvents), {}, {
+      onPointerEnter: function onPointerEnter(e) {
+        return rowHoverEvents.onPointerEnter(e, row);
+      }
+    })
+  });
+}, function (prevProps, nextProps) {
+  return prevProps.row === nextProps.row && prevProps.index === nextProps.index;
+});
+MemoizedRow.displayName = 'MemoizedRow';
 var GenericBody = function GenericBody(props) {
   var rows = props.rows;
   var _useRowHoverActions = (0,_row_hover_actions__WEBPACK_IMPORTED_MODULE_13__.useRowHoverActions)(),
     renderHoverActions = _useRowHoverActions.renderHoverActions,
     rowHoverEvents = _useRowHoverActions.rowHoverEvents;
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement((react__WEBPACK_IMPORTED_MODULE_2___default().Fragment), null, rows.map(function (row, index) {
-    return props.renderRow({
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(MemoizedRow, {
+      key: row.id || index,
       row: row,
       index: index,
-      wrapperProps: _objectSpread(_objectSpread({}, rowHoverEvents), {}, {
-        onPointerEnter: function onPointerEnter(e) {
-          return rowHoverEvents.onPointerEnter(e, row);
-        }
-      })
+      renderRow: props.renderRow,
+      rowHoverEvents: rowHoverEvents
     });
   }), renderHoverActions());
 };
 var TableBodyRowGroup = styled_components__WEBPACK_IMPORTED_MODULE_3___default().div.withConfig({
   displayName: "TableBodyRowGroup",
   componentId: "sc-ebeoik-2"
-})(["", ""], function (_ref6) {
-  var scrollbars = _ref6.theme.scrollbars;
+})(["", ""], function (_ref7) {
+  var scrollbars = _ref7.theme.scrollbars;
   return scrollbars.thin;
 });