update changelog + remove rowRenderer

Author: mckervinc

CHANGELOG.md

@@ -1,5 +1,19 @@
 # CHANGELOG
 
+## 1.4.0
+
+_2025-04-18_
+
+### Breaking
+
+- removed `rowRenderer` functionality.
+- removed `.rft-row-container`, `.rft-outer-container`, and `.rft-inner-container`. as css class names.
+
+### Bugfix
+
+- on certain devices, the background color of the row did not fill the table. This should be resolved.
+- no need for `isHorizontalScroll` hack
+
 ## 1.3.0
 
 _2025-04-01_

example/src/Props.tsx

@@ -189,12 +189,6 @@ const data: PropData[] = [
     type: "(value: { row: any, index: number, event?: Event }) => void",
     description: "optional click handler for the rows in the table"
   },
-  {
-    prop: "rowRenderer",
-    type: "(props: CellElement) => Element",
-    description:
-      "A custom element used to wrap an entire row. This provides another way of customizing each row of the table"
-  },
   {
     prop: "footerComponent",
     type: "(props: FooterProps) => Element",

index.d.ts

@@ -61,29 +61,6 @@ export type HeaderProps = {
   sortDirection: SortDirection | null;
 };
 
-export type RowRenderProps<T> = {
-  /**
-   * the data for the row
-   */
-  row: T;
-  /**
-   * the index of the row
-   */
-  index: number;
-  /**
-   * required row position styles
-   */
-  style?: CSSProperties;
-  /**
-   * the cells for the row
-   */
-  children: ReactNode;
-  /**
-   * the className for the row-renderer
-   */
-  className?: string;
-};
-
 export type SubComponentProps<T> = {
   /**
    * the data for the row
@@ -358,11 +335,6 @@ export type TableProps<T> = {
     index: number;
     event?: React.MouseEvent<Element, MouseEvent>;
   }) => void;
-  /**
-   * Custom component to wrap a table row. This provides another way of providing
-   * more row customization options.
-   */
-  rowRenderer?: (props: RowRenderProps<T>) => JSX.Element;
 };
 
 /**

src/Table.tsx

@@ -17,7 +17,6 @@ function BaseTable<T>(
     minTableHeight = 0,
     maxTableHeight = 0,
     estimatedRowHeight,
-    rowRenderer,
     subComponent,
     footerComponent,
     itemKey,
@@ -75,7 +74,6 @@ function BaseTable<T>(
             itemKey={itemKey}
             rowHeight={rowHeight}
             onRowClick={onRowClick}
-            rowRenderer={rowRenderer}
             onExpandRow={onExpandRow}
             tableHeight={tableHeight}
             maxTableHeight={maxHeight}

src/components/Row.tsx

@@ -1,5 +1,5 @@
 import React, { forwardRef, JSX, memo } from "react";
-import { ColumnProps, RowRenderProps, SubComponentProps } from "../..";
+import { ColumnProps, SubComponentProps } from "../..";
 import Minus from "../svg/minus-circle.svg";
 import Plus from "../svg/plus-circle.svg";
 import { cx } from "../util";
@@ -121,7 +121,6 @@ type RowProps<T> = {
     index: number;
     event?: React.MouseEvent<Element, MouseEvent>;
   }) => void;
-  rowRenderer?: (props: RowRenderProps<T>) => JSX.Element;
 };
 
 function BaseRow<T>(