From 178da0a1e5626fbd7c64754e61c52fd20e3bff34 Mon Sep 17 00:00:00 2001
From: mckervinc <mckervinc@live.com>
Date: Mon, 17 Jun 2024 11:44:13 -0400
Subject: [PATCH] pass headerHeight

---
 CHANGELOG.md   | 9 +++++++++
 package.json   | 2 +-
 src/Header.tsx | 4 ++--
 src/Table.tsx  | 1 +
 src/main.css   | 2 --
 5 files changed, 13 insertions(+), 5 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 8dd9425..de18234 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,5 +1,14 @@
 # CHANGELOG
 
+## 0.6.1
+
+_2024-06-17_
+
+### Bugfix
+
+- `headerHeight` is now passed down appropriately
+- less opinionated header styles
+
 ## 0.6.0
 
 _2024-06-74_
diff --git a/package.json b/package.json
index 6218631..2566cbd 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "react-fluid-table",
-  "version": "0.6.0",
+  "version": "0.6.1",
   "description": "A React table inspired by react-window",
   "author": "Mckervin Ceme <mckervinc@live.com>",
   "license": "MIT",
diff --git a/src/Header.tsx b/src/Header.tsx
index 1e46ee9..3cb60e0 100644
--- a/src/Header.tsx
+++ b/src/Header.tsx
@@ -86,7 +86,7 @@ const HeaderCell = React.memo(function <T>({ column, width, prevWidth }: HeaderC
 
 HeaderCell.displayName = "HeaderCell";
 
-const Header = forwardRef(({ children, ...rest }: HeaderProps, ref: any) => {
+const Header = forwardRef(({ children, ...rest }: HeaderProps, ref: React.ForwardedRef<HTMLDivElement>) => {
   // hooks
   const {
     uuid,
@@ -98,7 +98,7 @@ const Header = forwardRef(({ children, ...rest }: HeaderProps, ref: any) => {
   } = useContext(TableContext);
 
   // variables
-  const { scrollWidth, clientWidth } = (ref.current || NO_NODE) as HTMLDivElement;
+  const { scrollWidth, clientWidth } = ((ref as any).current || NO_NODE) as HTMLDivElement;
   const width = scrollWidth <= clientWidth ? "100%" : undefined;
   const stickyStyle: React.CSSProperties = {
     zIndex: columns.find(c => c.frozen) ? 2 : undefined
diff --git a/src/Table.tsx b/src/Table.tsx
index 724dcbd..f86592c 100644
--- a/src/Table.tsx
+++ b/src/Table.tsx
@@ -397,6 +397,7 @@ const Table = forwardRef(function <T>(
               borders={borders}
               width={width}
               height={height}
+              headerHeight={headerHeight}
               footerComponent={footerComponent}
               {...rest}
             />
diff --git a/src/main.css b/src/main.css
index ad57e26..86975f9 100644
--- a/src/main.css
+++ b/src/main.css
@@ -36,8 +36,6 @@
 }
 
 .rft-header-cell-text {
-  font-weight: bold;
-  color: #7d7d7d;
   overflow: hidden;
   text-overflow: ellipsis;
 }