@equinor/apollo-components 1.1.0 → 1.1.2

package/dist/index.d.ts

@@ -42,4 +42,4 @@ interface DataTableProps<T> {
 }
 declare function DataTable<T>({ columns, data, header, filters, config }: DataTableProps<T>): JSX.Element;
 
-export { AppShell, AppSidebar, ChipsCell, DataTable, DataTableConfig, DataTableProps, FilterConfig, HeaderConfig };
+export { AppShell, AppSidebar, ChipsCell, DataTable, DataTableConfig, FilterConfig, HeaderConfig };

package/dist/index.js

@@ -356,14 +356,14 @@ var import_jsx_runtime10 = require("react/jsx-runtime");
 function VirtualTable({ table, containerRef, ...props }) {
   var _a, _b;
   const { rows } = table.getRowModel();
-  const rowVirtualizer = (0, import_react_virtual.useVirtual)({
-    overscan: 10,
-    size: rows.length,
-    parentRef: containerRef
+  const rowVirtualizer = (0, import_react_virtual.useVirtualizer)({
+    count: rows.length,
+    estimateSize: () => 35,
+    getScrollElement: () => containerRef.current
   });
-  const { virtualItems: virtualRows, totalSize } = rowVirtualizer;
+  const virtualRows = rowVirtualizer.getVirtualItems();
   const paddingTop = virtualRows.length > 0 ? ((_a = virtualRows == null ? void 0 : virtualRows[0]) == null ? void 0 : _a.start) || 0 : 0;
-  const paddingBottom = virtualRows.length > 0 ? totalSize - (((_b = virtualRows == null ? void 0 : virtualRows[virtualRows.length - 1]) == null ? void 0 : _b.end) || 0) : 0;
+  const paddingBottom = virtualRows.length > 0 ? rowVirtualizer.getTotalSize() - (((_b = virtualRows == null ? void 0 : virtualRows[virtualRows.length - 1]) == null ? void 0 : _b.end) || 0) : 0;
   return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_eds_core_react9.Table, {
     children: [
       /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(TableHeader, {

package/dist/index.mjs

@@ -306,7 +306,7 @@ var DataTableHeader = (props) => {
 // src/DataTable/components/VirtualTable.tsx
 import { Table as Table5 } from "@equinor/eds-core-react";
 import { flexRender as flexRender3 } from "@tanstack/react-table";
-import { useVirtual } from "@tanstack/react-virtual";
+import { useVirtualizer } from "@tanstack/react-virtual";
 
 // src/DataTable/components/PaddingRow.tsx
 import { Table as Table4 } from "@equinor/eds-core-react";
@@ -326,14 +326,14 @@ import { jsx as jsx10, jsxs as jsxs6 } from "react/jsx-runtime";
 function VirtualTable({ table, containerRef, ...props }) {
   var _a, _b;
   const { rows } = table.getRowModel();
-  const rowVirtualizer = useVirtual({
-    overscan: 10,
-    size: rows.length,
-    parentRef: containerRef
+  const rowVirtualizer = useVirtualizer({
+    count: rows.length,
+    estimateSize: () => 35,
+    getScrollElement: () => containerRef.current
   });
-  const { virtualItems: virtualRows, totalSize } = rowVirtualizer;
+  const virtualRows = rowVirtualizer.getVirtualItems();
   const paddingTop = virtualRows.length > 0 ? ((_a = virtualRows == null ? void 0 : virtualRows[0]) == null ? void 0 : _a.start) || 0 : 0;
-  const paddingBottom = virtualRows.length > 0 ? totalSize - (((_b = virtualRows == null ? void 0 : virtualRows[virtualRows.length - 1]) == null ? void 0 : _b.end) || 0) : 0;
+  const paddingBottom = virtualRows.length > 0 ? rowVirtualizer.getTotalSize() - (((_b = virtualRows == null ? void 0 : virtualRows[virtualRows.length - 1]) == null ? void 0 : _b.end) || 0) : 0;
   return /* @__PURE__ */ jsxs6(Table5, {
     children: [
       /* @__PURE__ */ jsx10(TableHeader, {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@equinor/apollo-components",
-  "version": "1.1.0",
+  "version": "1.1.2",
   "license": "MIT",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
@@ -22,7 +22,7 @@
     "@equinor/eds-tokens": "^0.9.0",
     "@tanstack/match-sorter-utils": "^8.5.14",
     "@tanstack/react-table": "^8.5.15",
-    "@tanstack/react-virtual": "^3.0.0-alpha.0",
+    "@tanstack/react-virtual": "^3.0.0-beta.23",
     "styled-components": "^5.3.6",
     "tsup": "^6.3.0"
   },