fix regression

Author: mckervinc

CHANGELOG.md

@@ -1,5 +1,13 @@
 # CHANGELOG
 
+## 1.0.3
+
+_2024-12-12_
+
+### Bugix
+
+- fix `expandedRows` regression
+
 ## 1.0.2
 
 _2024-12-12_

index.d.ts

@@ -29,17 +29,6 @@ export type ExpanderProps<T> = {
   style: CSSProperties;
 };
 
-export type ClearCacheOptions = {
-  /**
-   * this is used to skip the timeout and reset the table heights immeediately.
-   */
-  forceUpdate?: boolean;
-  /**
-   * an optional timeout of how long to wait before resetting the table heights in ms (default: 50)
-   */
-  timeout?: number;
-};
-
 export type CellProps<T> = {
   /**
    * the data for the row
@@ -309,9 +298,10 @@ export type TableProps<T> = {
    */
   footerClassname?: string;
   /**
-   * an object that contains the expanded rows.
+   * an object that contains the expanded rows. can also be a function that takes the index and
+   * returns a boolean.
    */
-  expandedRows?: { [x: string | number]: boolean };
+  expandedRows?: { [x: string | number]: boolean } | ((index: number) => boolean);
   /**
    * called when a row is expanded
    * @param value information about the row that is expanded/shrunk
@@ -360,6 +350,6 @@ export type TableProps<T> = {
 };
 
 /**
- * A virtualized table build on top of `@tanstack/react-virtual`.
+ * A virtualized table built on top of `@tanstack/react-virtual`.
  */
 export const Table: <T>(props: TableProps<T> & { ref?: React.RefObject<TableRef> }) => JSX.Element;

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-fluid-table",
-  "version": "1.0.2",
+  "version": "1.0.3",
   "description": "A React table inspired by @tanstack/react-virtual",
   "author": "Mckervin Ceme <mckervinc@live.com>",
   "license": "MIT",
@@ -21,7 +21,8 @@
     "fluid",
     "virtualized",
     "list",
-    "scrolling"
+    "scrolling",
+    "frozen"
   ],
   "engines": {
     "node": ">=8",

src/components/List.tsx

@@ -95,6 +95,7 @@ const List = forwardRef(function <T>(
       setPixelWidths(widths);
     }
   }, [remainingCols, fixedWidth, minColumnWidth, pixelWidths, columns]);
+  const isRowExpanded = typeof expandedRows === "function" ? expandedRows : undefined;
 
   const onExpand = useCallback(
     (
@@ -125,7 +126,7 @@ const List = forwardRef(function <T>(
 
   // initialize expansion
   useEffect(() => {
-    if (expandedRows) {
+    if (expandedRows && typeof expandedRows !== "function") {
       setExpandedCache(expandedRows);
     }
   }, [expandedRows]);
@@ -181,7 +182,7 @@ const List = forwardRef(function <T>(
             {items.map(item => {
               const row = data[item.index];
               const key = generateKeyFromRow(row, item.index);
-              const isExpanded = !!expandedCache[key];
+              const isExpanded = isRowExpanded?.(item.index) ?? !!expandedCache[key];
               const className =
                 typeof rowClassname === "function" ? rowClassname(item.index) : rowClassname;
               const style = typeof rowStyle === "function" ? rowStyle(item.index) : rowStyle;

src/styles/main.css

@@ -4,7 +4,6 @@
 }
 
 .rft-outer-container {
-  will-change: height;
   position: relative;
   width: 100%;
 }
@@ -14,7 +13,6 @@
   top: 0;
   left: 0;
   width: 100%;
-  will-change: transform;
 }
 
 .rft-sticky-header {