@infinite-table/infinite-react 3.2.5 → 3.2.7

package/index.d.ts

@@ -1969,7 +1969,7 @@ declare type DataSourcePropMultiRowSelectionChangeParamType = RowSelectionStateO
 declare type DataSourcePropRowSelection = DataSourcePropRowSelection_MultiRow | DataSourcePropRowSelection_SingleRow;
 declare type DataSourcePropRowSelection_MultiRow = RowSelectionStateObject;
 declare type DataSourcePropRowSelection_SingleRow = null | string | number;
-declare type DataSourcePropCellSelection_MultiCell = CellSelectionStateObject;
+declare type DataSourcePropCellSelection_MultiCell = CellSelectionStateObject | CellSelectionState;
 declare type DataSourcePropCellSelection_SingleCell = null | CellSelectionPosition;
 declare type DataSourcePropCellSelection = DataSourcePropCellSelection_MultiCell | DataSourcePropCellSelection_SingleCell;
 declare type DataSourcePropSelectionMode = false | 'single-cell' | 'single-row' | 'multi-cell' | 'multi-row';
@@ -2690,6 +2690,7 @@ declare type InfiniteTableRowDetailApi = {
     toggleRowDetail(pk: any): void;
     collapseAllDetails(): void;
     expandAllDetails(): void;
+    isRowDetailEnabledForRow(pk: any): boolean;
 };
 
 declare type LoadMaskProps = {

package/index.dev.js

@@ -5011,25 +5011,25 @@ var useInfiniteTableState = () => {
 var React27 = __toESM(require("react"));
 var import_react18 = require("react");
 
-// ../node_modules/@vanilla-extract/recipes/dist/createRuntimeFn-f8e161c6.esm.js
-function _toPrimitive(input, hint) {
-  if (typeof input !== "object" || input === null)
-    return input;
-  var prim = input[Symbol.toPrimitive];
-  if (prim !== void 0) {
-    var res = prim.call(input, hint || "default");
-    if (typeof res !== "object")
-      return res;
+// ../node_modules/@vanilla-extract/recipes/dist/createRuntimeFn-62c9670f.esm.js
+function toPrimitive(t, r) {
+  if ("object" != typeof t || !t)
+    return t;
+  var e = t[Symbol.toPrimitive];
+  if (void 0 !== e) {
+    var i = e.call(t, r || "default");
+    if ("object" != typeof i)
+      return i;
     throw new TypeError("@@toPrimitive must return a primitive value.");
   }
-  return (hint === "string" ? String : Number)(input);
+  return ("string" === r ? String : Number)(t);
 }
-function _toPropertyKey(arg) {
-  var key = _toPrimitive(arg, "string");
-  return typeof key === "symbol" ? key : String(key);
+function toPropertyKey(t) {
+  var i = toPrimitive(t, "string");
+  return "symbol" == typeof i ? i : String(i);
 }
 function _defineProperty(obj, key, value) {
-  key = _toPropertyKey(key);
+  key = toPropertyKey(key);
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -5042,26 +5042,26 @@ function _defineProperty(obj, key, value) {
   }
   return obj;
 }
-function ownKeys(object, enumerableOnly) {
-  var keys = Object.keys(object);
+function ownKeys(e, r) {
+  var t = Object.keys(e);
   if (Object.getOwnPropertySymbols) {
-    var symbols = Object.getOwnPropertySymbols(object);
-    enumerableOnly && (symbols = symbols.filter(function(sym) {
-      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-    })), keys.push.apply(keys, symbols);
-  }
-  return keys;
-}
-function _objectSpread2(target) {
-  for (var i = 1; i < arguments.length; i++) {
-    var source = null != arguments[i] ? arguments[i] : {};
-    i % 2 ? ownKeys(Object(source), true).forEach(function(key) {
-      _defineProperty(target, key, source[key]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function(key) {
-      Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+    var o = Object.getOwnPropertySymbols(e);
+    r && (o = o.filter(function(r2) {
+      return Object.getOwnPropertyDescriptor(e, r2).enumerable;
+    })), t.push.apply(t, o);
+  }
+  return t;
+}
+function _objectSpread2(e) {
+  for (var r = 1; r < arguments.length; r++) {
+    var t = null != arguments[r] ? arguments[r] : {};
+    r % 2 ? ownKeys(Object(t), true).forEach(function(r2) {
+      _defineProperty(e, r2, t[r2]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function(r2) {
+      Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
     });
   }
-  return target;
+  return e;
 }
 function mapValues(input, fn) {
   var result = {};
@@ -14238,17 +14238,17 @@ var Indexer = class {
 var EMPTY_ARRAY = Object.freeze(
   []
 );
-var normalizeSortInfo = (initialSortInfo, weakMap2) => {
+var normalizeSortInfo = (initialSortInfo, weakMap3) => {
   const sortInfo = initialSortInfo != null ? initialSortInfo : EMPTY_ARRAY;
   const result = Array.isArray(sortInfo) ? sortInfo : [sortInfo];
-  if (weakMap2 && weakMap2.has(sortInfo)) {
-    const prevResult = weakMap2.get(sortInfo);
+  if (weakMap3 && weakMap3.has(sortInfo)) {
+    const prevResult = weakMap3.get(sortInfo);
     if (prevResult && prevResult.length === result.length) {
       return prevResult;
     }
   }
-  if (weakMap2 && sortInfo) {
-    weakMap2.set(sortInfo, result);
+  if (weakMap3 && sortInfo) {
+    weakMap3.set(sortInfo, result);
   }
   return result;
 };
@@ -14382,8 +14382,9 @@ function getLivePaginationCursorValue(livePaginationCursorProp, state) {
   }) : livePaginationCursorProp;
   return livePaginationCursor;
 }
+var weakMap = /* @__PURE__ */ new WeakMap();
 function deriveStateFromProps(params) {
-  var _a, _b;
+  var _a, _b, _c;
   const { props, state, oldState } = params;
   const controlledSort = isControlledValue(props.sortInfo);
   const controlledFilter = isControlledValue(props.filterValue);
@@ -14429,19 +14430,34 @@ function deriveStateFromProps(params) {
           rowSelectionStateConfigGetter(state)
         );
       } else {
-        rowSelectionState = selectionMode === "single-row" ? currentRowSelection : currentRowSelection instanceof RowSelectionState ? currentRowSelection : new RowSelectionState(
-          currentRowSelection,
-          rowSelectionStateConfigGetter(state)
-        );
+        if (selectionMode === "single-row") {
+          rowSelectionState = currentRowSelection;
+        } else {
+          if (currentRowSelection instanceof RowSelectionState) {
+            rowSelectionState = currentRowSelection;
+          } else {
+            const instance = new RowSelectionState(
+              currentRowSelection,
+              rowSelectionStateConfigGetter(state)
+            );
+            rowSelectionState = instance;
+          }
+        }
       }
     }
     if (selectionMode === "single-cell" || selectionMode === "multi-cell") {
       if (currentCellSelection === null) {
         cellSelectionState = selectionMode === "single-cell" ? null : new CellSelectionState();
       } else {
-        cellSelectionState = currentCellSelection instanceof CellSelectionState ? currentCellSelection : new CellSelectionState(
-          currentCellSelection
-        );
+        if (currentCellSelection instanceof CellSelectionState) {
+          cellSelectionState = currentCellSelection;
+        } else {
+          const instance = (_a = weakMap.get(currentCellSelection)) != null ? _a : new CellSelectionState(
+            currentCellSelection
+          );
+          weakMap.set(currentCellSelection, instance);
+          cellSelectionState = instance;
+        }
       }
     }
   }
@@ -14466,8 +14482,8 @@ function deriveStateFromProps(params) {
     operatorsByFilterType,
     controlledSort,
     controlledFilter,
-    sortMode: props.sortFunction ? "local" : (_a = props.sortMode) != null ? _a : controlledSort ? "remote" : "local",
-    filterMode: typeof props.filterFunction === "function" ? "local" : (_b = props.filterMode) != null ? _b : typeof props.data === "function" ? "remote" : "local",
+    sortMode: props.sortFunction ? "local" : (_b = props.sortMode) != null ? _b : controlledSort ? "remote" : "local",
+    filterMode: typeof props.filterFunction === "function" ? "local" : (_c = props.filterMode) != null ? _c : typeof props.data === "function" ? "remote" : "local",
     multiSort: Array.isArray(
       controlledSort ? props.sortInfo : props.defaultSortInfo
     ),
@@ -15392,6 +15408,20 @@ function getRowDetailApi(param) {
       const expanded = isRowDetailExpanded(rowInfo);
       return !expanded;
     },
+    isRowDetailEnabledForRow(pk) {
+      const { isRowDetailEnabled } = getState();
+      if (!isRowDetailEnabled) {
+        return false;
+      }
+      if (typeof isRowDetailEnabled === "function") {
+        const rowInfo = dataSourceApi.getRowInfoByPrimaryKey(pk);
+        if (!rowInfo) {
+          return false;
+        }
+        return isRowDetailEnabled(rowInfo);
+      }
+      return true;
+    },
     isRowDetailExpanded(pk) {
       return !rowDetailApi.isRowDetailCollapsed(pk);
     },
@@ -17520,7 +17550,7 @@ function getGroupByMap(groupBy) {
     return acc;
   }, /* @__PURE__ */ new Map());
 }
-var weakMap = /* @__PURE__ */ new WeakMap();
+var weakMap2 = /* @__PURE__ */ new WeakMap();
 var mapPropsToState = (params) => {
   var _a, _b, _c, _d, _e;
   const { props, state, oldState, parentState } = params;
@@ -17536,10 +17566,10 @@ var mapPropsToState = (params) => {
   let rowDetailRenderer = props.rowDetailRenderer;
   const RowDetailComponent = (_a = props.components) == null ? void 0 : _a.RowDetail;
   if (!rowDetailRenderer && RowDetailComponent) {
-    let rowDetailRendererFromComponent = weakMap.get(RowDetailComponent);
+    let rowDetailRendererFromComponent = weakMap2.get(RowDetailComponent);
     if (!rowDetailRendererFromComponent) {
       rowDetailRendererFromComponent = getRowDetailRendererFromComponent(RowDetailComponent);
-      weakMap.set(RowDetailComponent, rowDetailRendererFromComponent);
+      weakMap2.set(RowDetailComponent, rowDetailRendererFromComponent);
     }
     rowDetailRenderer = rowDetailRendererFromComponent;
   }
@@ -17553,7 +17583,7 @@ var mapPropsToState = (params) => {
   const computedColumns = state.columnsWhenGrouping || state.columnsWhenInlineGroupRenderStrategy || state.columns;
   let isRowDetailExpanded = rowDetailState ? props.isRowDetailExpanded : void 0;
   if (!isRowDetailExpanded && rowDetailState) {
-    isRowDetailExpanded = weakMap.get(rowDetailState);
+    isRowDetailExpanded = weakMap2.get(rowDetailState);
     if (!isRowDetailExpanded) {
       isRowDetailExpanded = (rowInfo) => {
         return rowDetailState.isRowDetailsExpanded(
@@ -17561,7 +17591,7 @@ var mapPropsToState = (params) => {
         );
       };
       if (typeof rowDetailState === "object") {
-        weakMap.set(rowDetailState, isRowDetailExpanded);
+        weakMap2.set(rowDetailState, isRowDetailExpanded);
       }
     }
   }
@@ -18763,7 +18793,7 @@ var useLicense = (licenseKey = "") => {
   const valid = (0, import_react53.useMemo)(() => {
     let valid2 = isValidLicense(licenseKey, {
       publishedAt: 1624970570587,
-      version: "3.2.5"
+      version: "3.2.7"
     });
     if (!licenseKey && !valid2 && isInsidePlayground) {
       return true;
@@ -18998,6 +19028,9 @@ function handleRowNavigation(options, event) {
       if (rowInfo && rowInfo.isGroupRow) {
         return api.collapseGroupRow(rowInfo.groupKeys);
       }
+      if (rowInfo && api.rowDetailApi.isRowDetailEnabledForRow(rowInfo.id)) {
+        return api.rowDetailApi.collapseRowDetail(rowInfo.id);
+      }
       return false;
     },
     ArrowRight: () => {
@@ -19005,6 +19038,9 @@ function handleRowNavigation(options, event) {
       if (rowInfo && rowInfo.isGroupRow) {
         return api.expandGroupRow(rowInfo.groupKeys);
       }
+      if (rowInfo && api.rowDetailApi.isRowDetailEnabledForRow(rowInfo.id)) {
+        return api.rowDetailApi.expandRowDetail(rowInfo.id);
+      }
       return false;
     },
     Enter: () => {
@@ -19012,6 +19048,12 @@ function handleRowNavigation(options, event) {
       if (rowInfo && rowInfo.isGroupRow) {
         return api.toggleGroupRow(rowInfo.groupKeys);
       }
+      const hasRowDetail = api.rowDetailApi.isRowDetailEnabledForRow(
+        rowInfo.id
+      );
+      if (hasRowDetail) {
+        return api.rowDetailApi.toggleRowDetail(rowInfo.id);
+      }
       return false;
     },
     PageDown: () => {
@@ -19102,6 +19144,9 @@ function handleCellNavigation(options, event) {
       if (rowInfo && rowInfo.isGroupRow) {
         return api.toggleGroupRow(rowInfo.groupKeys);
       }
+      if (rowInfo && api.rowDetailApi.isRowDetailEnabledForRow(rowInfo.id)) {
+        return api.rowDetailApi.toggleRowDetail(rowInfo.id);
+      }
       return false;
     },
     PageDown: () => {

package/index.dev.mjs

@@ -4982,25 +4982,25 @@ var useInfiniteTableState = () => {
 import * as React27 from "react";
 import { useEffect as useEffect10, useLayoutEffect as useLayoutEffect8, useState as useState5 } from "react";
 
-// ../node_modules/@vanilla-extract/recipes/dist/createRuntimeFn-f8e161c6.esm.js
-function _toPrimitive(input, hint) {
-  if (typeof input !== "object" || input === null)
-    return input;
-  var prim = input[Symbol.toPrimitive];
-  if (prim !== void 0) {
-    var res = prim.call(input, hint || "default");
-    if (typeof res !== "object")
-      return res;
+// ../node_modules/@vanilla-extract/recipes/dist/createRuntimeFn-62c9670f.esm.js
+function toPrimitive(t, r) {
+  if ("object" != typeof t || !t)
+    return t;
+  var e = t[Symbol.toPrimitive];
+  if (void 0 !== e) {
+    var i = e.call(t, r || "default");
+    if ("object" != typeof i)
+      return i;
     throw new TypeError("@@toPrimitive must return a primitive value.");
   }
-  return (hint === "string" ? String : Number)(input);
+  return ("string" === r ? String : Number)(t);
 }
-function _toPropertyKey(arg) {
-  var key = _toPrimitive(arg, "string");
-  return typeof key === "symbol" ? key : String(key);
+function toPropertyKey(t) {
+  var i = toPrimitive(t, "string");
+  return "symbol" == typeof i ? i : String(i);
 }
 function _defineProperty(obj, key, value) {
-  key = _toPropertyKey(key);
+  key = toPropertyKey(key);
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -5013,26 +5013,26 @@ function _defineProperty(obj, key, value) {
   }
   return obj;
 }
-function ownKeys(object, enumerableOnly) {
-  var keys = Object.keys(object);
+function ownKeys(e, r) {
+  var t = Object.keys(e);
   if (Object.getOwnPropertySymbols) {
-    var symbols = Object.getOwnPropertySymbols(object);
-    enumerableOnly && (symbols = symbols.filter(function(sym) {
-      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-    })), keys.push.apply(keys, symbols);
-  }
-  return keys;
-}
-function _objectSpread2(target) {
-  for (var i = 1; i < arguments.length; i++) {
-    var source = null != arguments[i] ? arguments[i] : {};
-    i % 2 ? ownKeys(Object(source), true).forEach(function(key) {
-      _defineProperty(target, key, source[key]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function(key) {
-      Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+    var o = Object.getOwnPropertySymbols(e);
+    r && (o = o.filter(function(r2) {
+      return Object.getOwnPropertyDescriptor(e, r2).enumerable;
+    })), t.push.apply(t, o);
+  }
+  return t;
+}
+function _objectSpread2(e) {
+  for (var r = 1; r < arguments.length; r++) {
+    var t = null != arguments[r] ? arguments[r] : {};
+    r % 2 ? ownKeys(Object(t), true).forEach(function(r2) {
+      _defineProperty(e, r2, t[r2]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function(r2) {
+      Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
     });
   }
-  return target;
+  return e;
 }
 function mapValues(input, fn) {
   var result = {};
@@ -14209,17 +14209,17 @@ var Indexer = class {
 var EMPTY_ARRAY = Object.freeze(
   []
 );
-var normalizeSortInfo = (initialSortInfo, weakMap2) => {
+var normalizeSortInfo = (initialSortInfo, weakMap3) => {
   const sortInfo = initialSortInfo != null ? initialSortInfo : EMPTY_ARRAY;
   const result = Array.isArray(sortInfo) ? sortInfo : [sortInfo];
-  if (weakMap2 && weakMap2.has(sortInfo)) {
-    const prevResult = weakMap2.get(sortInfo);
+  if (weakMap3 && weakMap3.has(sortInfo)) {
+    const prevResult = weakMap3.get(sortInfo);
     if (prevResult && prevResult.length === result.length) {
       return prevResult;
     }
   }
-  if (weakMap2 && sortInfo) {
-    weakMap2.set(sortInfo, result);
+  if (weakMap3 && sortInfo) {
+    weakMap3.set(sortInfo, result);
   }
   return result;
 };
@@ -14353,8 +14353,9 @@ function getLivePaginationCursorValue(livePaginationCursorProp, state) {
   }) : livePaginationCursorProp;
   return livePaginationCursor;
 }
+var weakMap = /* @__PURE__ */ new WeakMap();
 function deriveStateFromProps(params) {
-  var _a, _b;
+  var _a, _b, _c;
   const { props, state, oldState } = params;
   const controlledSort = isControlledValue(props.sortInfo);
   const controlledFilter = isControlledValue(props.filterValue);
@@ -14400,19 +14401,34 @@ function deriveStateFromProps(params) {
           rowSelectionStateConfigGetter(state)
         );
       } else {
-        rowSelectionState = selectionMode === "single-row" ? currentRowSelection : currentRowSelection instanceof RowSelectionState ? currentRowSelection : new RowSelectionState(
-          currentRowSelection,
-          rowSelectionStateConfigGetter(state)
-        );
+        if (selectionMode === "single-row") {
+          rowSelectionState = currentRowSelection;
+        } else {
+          if (currentRowSelection instanceof RowSelectionState) {
+            rowSelectionState = currentRowSelection;
+          } else {
+            const instance = new RowSelectionState(
+              currentRowSelection,
+              rowSelectionStateConfigGetter(state)
+            );
+            rowSelectionState = instance;
+          }
+        }
       }
     }
     if (selectionMode === "single-cell" || selectionMode === "multi-cell") {
       if (currentCellSelection === null) {
         cellSelectionState = selectionMode === "single-cell" ? null : new CellSelectionState();
       } else {
-        cellSelectionState = currentCellSelection instanceof CellSelectionState ? currentCellSelection : new CellSelectionState(
-          currentCellSelection
-        );
+        if (currentCellSelection instanceof CellSelectionState) {
+          cellSelectionState = currentCellSelection;
+        } else {
+          const instance = (_a = weakMap.get(currentCellSelection)) != null ? _a : new CellSelectionState(
+            currentCellSelection
+          );
+          weakMap.set(currentCellSelection, instance);
+          cellSelectionState = instance;
+        }
       }
     }
   }
@@ -14437,8 +14453,8 @@ function deriveStateFromProps(params) {
     operatorsByFilterType,
     controlledSort,
     controlledFilter,
-    sortMode: props.sortFunction ? "local" : (_a = props.sortMode) != null ? _a : controlledSort ? "remote" : "local",
-    filterMode: typeof props.filterFunction === "function" ? "local" : (_b = props.filterMode) != null ? _b : typeof props.data === "function" ? "remote" : "local",
+    sortMode: props.sortFunction ? "local" : (_b = props.sortMode) != null ? _b : controlledSort ? "remote" : "local",
+    filterMode: typeof props.filterFunction === "function" ? "local" : (_c = props.filterMode) != null ? _c : typeof props.data === "function" ? "remote" : "local",
     multiSort: Array.isArray(
       controlledSort ? props.sortInfo : props.defaultSortInfo
     ),
@@ -15363,6 +15379,20 @@ function getRowDetailApi(param) {
       const expanded = isRowDetailExpanded(rowInfo);
       return !expanded;
     },
+    isRowDetailEnabledForRow(pk) {
+      const { isRowDetailEnabled } = getState();
+      if (!isRowDetailEnabled) {
+        return false;
+      }
+      if (typeof isRowDetailEnabled === "function") {
+        const rowInfo = dataSourceApi.getRowInfoByPrimaryKey(pk);
+        if (!rowInfo) {
+          return false;
+        }
+        return isRowDetailEnabled(rowInfo);
+      }
+      return true;
+    },
     isRowDetailExpanded(pk) {
       return !rowDetailApi.isRowDetailCollapsed(pk);
     },
@@ -17495,7 +17525,7 @@ function getGroupByMap(groupBy) {
     return acc;
   }, /* @__PURE__ */ new Map());
 }
-var weakMap = /* @__PURE__ */ new WeakMap();
+var weakMap2 = /* @__PURE__ */ new WeakMap();
 var mapPropsToState = (params) => {
   var _a, _b, _c, _d, _e;
   const { props, state, oldState, parentState } = params;
@@ -17511,10 +17541,10 @@ var mapPropsToState = (params) => {
   let rowDetailRenderer = props.rowDetailRenderer;
   const RowDetailComponent = (_a = props.components) == null ? void 0 : _a.RowDetail;
   if (!rowDetailRenderer && RowDetailComponent) {
-    let rowDetailRendererFromComponent = weakMap.get(RowDetailComponent);
+    let rowDetailRendererFromComponent = weakMap2.get(RowDetailComponent);
     if (!rowDetailRendererFromComponent) {
       rowDetailRendererFromComponent = getRowDetailRendererFromComponent(RowDetailComponent);
-      weakMap.set(RowDetailComponent, rowDetailRendererFromComponent);
+      weakMap2.set(RowDetailComponent, rowDetailRendererFromComponent);
     }
     rowDetailRenderer = rowDetailRendererFromComponent;
   }
@@ -17528,7 +17558,7 @@ var mapPropsToState = (params) => {
   const computedColumns = state.columnsWhenGrouping || state.columnsWhenInlineGroupRenderStrategy || state.columns;
   let isRowDetailExpanded = rowDetailState ? props.isRowDetailExpanded : void 0;
   if (!isRowDetailExpanded && rowDetailState) {
-    isRowDetailExpanded = weakMap.get(rowDetailState);
+    isRowDetailExpanded = weakMap2.get(rowDetailState);
     if (!isRowDetailExpanded) {
       isRowDetailExpanded = (rowInfo) => {
         return rowDetailState.isRowDetailsExpanded(
@@ -17536,7 +17566,7 @@ var mapPropsToState = (params) => {
         );
       };
       if (typeof rowDetailState === "object") {
-        weakMap.set(rowDetailState, isRowDetailExpanded);
+        weakMap2.set(rowDetailState, isRowDetailExpanded);
       }
     }
   }
@@ -18738,7 +18768,7 @@ var useLicense = (licenseKey = "") => {
   const valid = useMemo14(() => {
     let valid2 = isValidLicense(licenseKey, {
       publishedAt: 1624970570587,
-      version: "3.2.5"
+      version: "3.2.7"
     });
     if (!licenseKey && !valid2 && isInsidePlayground) {
       return true;
@@ -18973,6 +19003,9 @@ function handleRowNavigation(options, event) {
       if (rowInfo && rowInfo.isGroupRow) {
         return api.collapseGroupRow(rowInfo.groupKeys);
       }
+      if (rowInfo && api.rowDetailApi.isRowDetailEnabledForRow(rowInfo.id)) {
+        return api.rowDetailApi.collapseRowDetail(rowInfo.id);
+      }
       return false;
     },
     ArrowRight: () => {
@@ -18980,6 +19013,9 @@ function handleRowNavigation(options, event) {
       if (rowInfo && rowInfo.isGroupRow) {
         return api.expandGroupRow(rowInfo.groupKeys);
       }
+      if (rowInfo && api.rowDetailApi.isRowDetailEnabledForRow(rowInfo.id)) {
+        return api.rowDetailApi.expandRowDetail(rowInfo.id);
+      }
       return false;
     },
     Enter: () => {
@@ -18987,6 +19023,12 @@ function handleRowNavigation(options, event) {
       if (rowInfo && rowInfo.isGroupRow) {
         return api.toggleGroupRow(rowInfo.groupKeys);
       }
+      const hasRowDetail = api.rowDetailApi.isRowDetailEnabledForRow(
+        rowInfo.id
+      );
+      if (hasRowDetail) {
+        return api.rowDetailApi.toggleRowDetail(rowInfo.id);
+      }
       return false;
     },
     PageDown: () => {
@@ -19077,6 +19119,9 @@ function handleCellNavigation(options, event) {
       if (rowInfo && rowInfo.isGroupRow) {
         return api.toggleGroupRow(rowInfo.groupKeys);
       }
+      if (rowInfo && api.rowDetailApi.isRowDetailEnabledForRow(rowInfo.id)) {
+        return api.rowDetailApi.toggleRowDetail(rowInfo.id);
+      }
       return false;
     },
     PageDown: () => {