bump deps

Author: mckervinc

CHANGELOG.md

@@ -1,5 +1,14 @@
 # CHANGELOG
 
+## 1.2.4
+
+_2025-03-19_
+
+### Features
+
+- bumps dependencies
+- adds more class names, and makes the auto sizer fill to height 100%
+
 ## 1.2.2
 
 _2024-12-19_

example/package.json

@@ -13,24 +13,24 @@
     "preview": "vite preview"
   },
   "dependencies": {
-    "@fortawesome/fontawesome-svg-core": "^6.7.1",
-    "@fortawesome/free-brands-svg-icons": "^6.7.1",
-    "@fortawesome/free-regular-svg-icons": "^6.7.1",
-    "@fortawesome/free-solid-svg-icons": "^6.7.1",
+    "@fortawesome/fontawesome-svg-core": "^6.7.2",
+    "@fortawesome/free-brands-svg-icons": "^6.7.2",
+    "@fortawesome/free-regular-svg-icons": "^6.7.2",
+    "@fortawesome/free-solid-svg-icons": "^6.7.2",
     "@fortawesome/react-fontawesome": "^0.2.2",
-    "@ngneat/falso": "^7.2.0",
-    "@radix-ui/react-accordion": "^1.2.1",
-    "@radix-ui/react-checkbox": "^1.1.2",
-    "@radix-ui/react-label": "^2.1.0",
-    "@radix-ui/react-popover": "^1.1.2",
-    "@radix-ui/react-radio-group": "^1.2.1",
-    "@radix-ui/react-slot": "^1.1.0",
-    "@radix-ui/react-switch": "^1.1.1",
+    "@ngneat/falso": "^7.3.0",
+    "@radix-ui/react-accordion": "^1.2.3",
+    "@radix-ui/react-checkbox": "^1.1.4",
+    "@radix-ui/react-label": "^2.1.2",
+    "@radix-ui/react-popover": "^1.1.6",
+    "@radix-ui/react-radio-group": "^1.2.3",
+    "@radix-ui/react-slot": "^1.1.2",
+    "@radix-ui/react-switch": "^1.1.3",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
-    "country-flag-icons": "^1.5.13",
+    "country-flag-icons": "^1.5.18",
     "lodash": "^4.17.21",
-    "lucide-react": "^0.468.0",
+    "lucide-react": "^0.483.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-fluid-table": "link:..",
@@ -48,15 +48,15 @@
     "@typescript-eslint/eslint-plugin": "^6.0.0",
     "@typescript-eslint/parser": "^6.0.0",
     "@vitejs/plugin-react": "^4.3.4",
-    "autoprefixer": "^10.4.20",
+    "autoprefixer": "^10.4.21",
     "eslint": "^8.57.0",
     "eslint-config-prettier": "^9.1.0",
-    "postcss": "^8.4.49",
-    "prettier": "^3.4.2",
+    "postcss": "^8.5.3",
+    "prettier": "^3.5.3",
     "prettier-plugin-tailwindcss": "^0.6.9",
     "tailwindcss": "^3.4.17",
-    "typescript": "^5.4.5",
-    "vite": "^6.0.4"
+    "typescript": "^5.8.2",
+    "vite": "^6.2.2"
   },
   "volta": {
     "node": "18.18.0",

example/yarn.lock

@@ -39,27 +39,27 @@
     "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
   },
   "devDependencies": {
-    "@babel/core": "^7.26.0",
-    "@babel/eslint-parser": "^7.25.9",
+    "@babel/core": "^7.26.10",
+    "@babel/eslint-parser": "^7.26.10",
     "@babel/plugin-external-helpers": "^7.25.9",
     "@babel/plugin-proposal-decorators": "^7.25.9",
     "@babel/plugin-proposal-do-expressions": "^7.25.9",
     "@babel/plugin-proposal-export-default-from": "^7.25.9",
     "@babel/plugin-proposal-function-bind": "^7.25.9",
     "@babel/plugin-proposal-function-sent": "^7.25.9",
-    "@babel/plugin-proposal-pipeline-operator": "^7.25.9",
+    "@babel/plugin-proposal-pipeline-operator": "^7.26.7",
     "@babel/plugin-proposal-throw-expressions": "^7.25.9",
     "@babel/plugin-syntax-dynamic-import": "^7.8.3",
     "@babel/plugin-syntax-import-meta": "^7.10.4",
     "@babel/plugin-transform-class-properties": "^7.25.9",
     "@babel/plugin-transform-export-namespace-from": "^7.25.9",
     "@babel/plugin-transform-json-strings": "^7.25.9",
     "@babel/plugin-transform-logical-assignment-operators": "^7.25.9",
-    "@babel/plugin-transform-nullish-coalescing-operator": "^7.25.9",
+    "@babel/plugin-transform-nullish-coalescing-operator": "^7.26.6",
     "@babel/plugin-transform-numeric-separator": "^7.25.9",
     "@babel/plugin-transform-optional-chaining": "^7.25.9",
-    "@babel/preset-env": "^7.26.0",
-    "@babel/preset-react": "^7.25.9",
+    "@babel/preset-env": "^7.26.9",
+    "@babel/preset-react": "^7.26.3",
     "@babel/preset-typescript": "^7.26.0",
     "@rollup/plugin-babel": "^6.0.4",
     "@rollup/plugin-commonjs": "^28.0.1",
@@ -76,24 +76,24 @@
     "eslint-plugin-flowtype": "^8.0.3",
     "eslint-plugin-import": "^2.31.0",
     "eslint-plugin-node": "^11.1.0",
-    "eslint-plugin-prettier": "^5.2.1",
+    "eslint-plugin-prettier": "^5.2.3",
     "eslint-plugin-promise": "^7.2.1",
-    "eslint-plugin-react": "^7.37.2",
-    "gh-pages": "^6.2.0",
-    "postcss": "^8.4.49",
-    "prettier": "^3.4.2",
+    "eslint-plugin-react": "^7.37.4",
+    "gh-pages": "^6.3.0",
+    "postcss": "^8.5.3",
+    "prettier": "^3.5.3",
     "react": "^18.2.0",
-    "rollup": "^4.28.1",
+    "rollup": "^4.36.0",
     "rollup-plugin-analyzer": "^4.0.0",
     "rollup-plugin-bundle-size": "^1.0.3",
     "rollup-plugin-peer-deps-external": "^2.2.4",
     "rollup-plugin-postcss": "^4.0.2",
-    "rollup-plugin-visualizer": "^5.12.0",
-    "typescript": "^5.4.5"
+    "rollup-plugin-visualizer": "^5.14.0",
+    "typescript": "^5.8.2"
   },
   "dependencies": {
-    "@tanstack/react-virtual": "^3.11.1",
-    "react-resize-detector": "^12.0.1"
+    "@tanstack/react-virtual": "^3.13.4",
+    "react-resize-detector": "^12.0.2"
   },
   "volta": {
     "node": "18.18.0",

package.json

@@ -169,7 +169,11 @@ const AutoSizer = ({
   // get actual width
   const width = positive(tableWidth) ? tableWidth : containerWidth || 0;
 
-  return <div ref={ref}>{height && width ? children({ height, width }) : null}</div>;
+  return (
+    <div className="rft-sizer" ref={ref}>
+      {height && width ? children({ height, width }) : null}
+    </div>
+  );
 };
 
 export default AutoSizer;

src/AutoSizer.tsx

@@ -117,7 +117,7 @@ function Header<T>({
       className={cx("rft-sticky-header", isScrollHorizontal && "scroll")}
       data-header-key={`${uuid}-header`}
     >
-      <div className={cx(isScrollHorizontal && "rft-row-wrapper")}>
+      <div className={cx("rft-header-wrapper", isScrollHorizontal && "rft-row-wrapper")}>
         <div className={cx("rft-header", className)} style={style}>
           {columns.map((c, i) => (
             <HeaderCell

src/components/Header.tsx

@@ -3,6 +3,10 @@
   contain: strict;
 }
 
+.rft-sizer {
+  height: 100%;
+}
+
 .rft-outer-container {
   position: relative;
   width: 100%;