@equinor/apollo-components 1.11.0 → 1.11.2

package/dist/index.js

@@ -285,8 +285,6 @@ var TypographyCustom = (props) => {
   });
 };
 var HoverCapture = import_styled_components6.default.div`
-  padding: 0.5em 0;
-  margin: -0.5em 0;
   height: ${import_eds_tokens3.tokens.typography.table.cell_text.lineHeight};
   background-color: inherit;
 
@@ -463,7 +461,8 @@ var HeaderDiv = import_styled_components11.default.div`
 var HeaderCell = ({ header }) => {
   var _a;
   const style = {
-    width: header.column.getSize()
+    width: header.column.getSize(),
+    zIndex: 10
   };
   const cellProps = {
     style,
@@ -564,7 +563,7 @@ function TableRow({ row, rowConfig, cellConfig }) {
 }
 var StyledTableRow = (0, import_styled_components12.default)(import_eds_core_react11.Table.Row)`
   /* Background color must be inherited here. Does not work with inline styling */
-  background-color: inherit;
+  ${({ active }) => active ? "" : "background-color: inherit;"}
 `;
 function handleRowEvent(row, handler) {
   if (!handler)
@@ -882,8 +881,9 @@ function VirtualTable({
   const { rows } = table.getRowModel();
   const rowVirtualizer = (0, import_react_virtual.useVirtualizer)({
     count: rows.length,
-    estimateSize: () => 35,
-    getScrollElement: () => containerRef.current
+    estimateSize: () => 48,
+    getScrollElement: () => containerRef.current,
+    overscan: 5
   });
   const virtualRows = rowVirtualizer.getVirtualItems();
   const paddingTop = virtualRows.length > 0 ? ((_a = virtualRows == null ? void 0 : virtualRows[0]) == null ? void 0 : _a.start) || 0 : 0;

package/dist/index.mjs

@@ -239,8 +239,6 @@ var TypographyCustom = (props) => {
   });
 };
 var HoverCapture = styled6.div`
-  padding: 0.5em 0;
-  margin: -0.5em 0;
   height: ${tokens3.typography.table.cell_text.lineHeight};
   background-color: inherit;
 
@@ -417,7 +415,8 @@ var HeaderDiv = styled11.div`
 var HeaderCell = ({ header }) => {
   var _a;
   const style = {
-    width: header.column.getSize()
+    width: header.column.getSize(),
+    zIndex: 10
   };
   const cellProps = {
     style,
@@ -518,7 +517,7 @@ function TableRow({ row, rowConfig, cellConfig }) {
 }
 var StyledTableRow = styled12(Table7.Row)`
   /* Background color must be inherited here. Does not work with inline styling */
-  background-color: inherit;
+  ${({ active }) => active ? "" : "background-color: inherit;"}
 `;
 function handleRowEvent(row, handler) {
   if (!handler)
@@ -836,8 +835,9 @@ function VirtualTable({
   const { rows } = table.getRowModel();
   const rowVirtualizer = useVirtualizer({
     count: rows.length,
-    estimateSize: () => 35,
-    getScrollElement: () => containerRef.current
+    estimateSize: () => 48,
+    getScrollElement: () => containerRef.current,
+    overscan: 5
   });
   const virtualRows = rowVirtualizer.getVirtualItems();
   const paddingTop = virtualRows.length > 0 ? ((_a = virtualRows == null ? void 0 : virtualRows[0]) == null ? void 0 : _a.start) || 0 : 0;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@equinor/apollo-components",
-  "version": "1.11.0",
+  "version": "1.11.2",
   "license": "MIT",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",