added rowHeight prop (to match the original frontend-collective spec)

Author: harrylepotter-win

src/react-sortable-tree.tsx

@@ -50,6 +50,7 @@ const mergeTheme = (props) => {
     placeholderRenderer: PlaceholderRendererDefault,
     scaffoldBlockPxWidth: 44,
     slideRegionSize: 100,
+    rowHeight: 62,
     treeNodeRenderer: TreeNode,
   }
   for (const propKey of Object.keys(overridableDefaults)) {
@@ -563,6 +564,7 @@ class ReactSortableTree extends Component {
       scaffoldBlockPxWidth,
       searchFocusOffset,
       rowDirection,
+      rowHeight,
     } = mergeTheme(this.props)
     const TreeNodeRenderer = this.treeNodeRenderer
     const NodeContentRenderer = this.nodeContentRenderer
@@ -597,6 +599,7 @@ class ReactSortableTree extends Component {
     return (
       <TreeNodeRenderer
         style={style}
+        rowHeight={rowHeight}
         key={nodeKey}
         listIndex={listIndex}
         getPrevRow={getPrevRow}
@@ -862,6 +865,10 @@ export type ReactSortableTreeProps = {
     placeholderRenderer: any
   }
 
+  // Sets the height of a given tree row item in pixels. Can either be a number
+  // or a function to calculate dynamically
+  rowHeight?: number | ((treeIndex: number, node: any, path: any[]) => number)
+
   // Determine the unique key used to identify each node and
   // generate the `path` array passed in callbacks.
   // By default, returns the index in the tree (omitting hidden nodes).

src/tree-node.tsx

@@ -22,6 +22,7 @@ export interface TreeRendererProps {
   scaffoldBlockPxWidth: number
   lowerSiblingCounts: number[]
   rowDirection?: 'ltr' | 'rtl' | string | undefined
+  rowHeight: number | ((treeIndex: number, node: any, path: any[]) => number)
 
   listIndex: number
   children: JSX.Element[]
@@ -63,6 +64,7 @@ const TreeNode: React.FC<TreeRendererProps> = (props) => {
     draggedNode,
     canDrop,
     treeIndex,
+    rowHeight,
     treeId: _treeId, // Delete from otherProps
     getPrevRow: _getPrevRow, // Delete from otherProps
     node: _node, // Delete from otherProps
@@ -183,9 +185,14 @@ const TreeNode: React.FC<TreeRendererProps> = (props) => {
       ? { right: scaffoldBlockPxWidth * scaffoldBlockCount }
       : { left: scaffoldBlockPxWidth * scaffoldBlockCount }
 
+  let calculatedRowHeight = rowHeight
+  if (typeof rowHeight === 'function') {
+    calculatedRowHeight = rowHeight(treeIndex, _node, _path)
+  }
   return connectDropTarget(
     <div
       {...otherProps}
+      style={{ height: `${calculatedRowHeight}px` }}
       className={classnames('rst__node', rowDirectionClass ?? '')}>
       {scaffold}