@swan-io/lake 8.18.9 → 8.18.11

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@swan-io/lake",
-  "version": "8.18.9",
+  "version": "8.18.11",
   "engines": {
     "node": ">=20.9.0",
     "yarn": "^1.22.0"

package/src/components/VirtualizedList.js

@@ -14,6 +14,9 @@ const styles = StyleSheet.create({
         height: 1,
         alignSelf: "stretch",
     },
+    contentContainer: {
+        minWidth: "100%",
+    },
     emptyListContentContainer: {
         flexDirection: "column",
         alignItems: "center",
@@ -40,6 +43,9 @@ const styles = StyleSheet.create({
     stickedToStartColumnGroupLocked: {
         position: "relative",
     },
+    centerColumnGroup: {
+        flexGrow: 1,
+    },
     stickedToEndColumnGroup: {
         position: "sticky",
         right: 0,
@@ -58,7 +64,6 @@ const styles = StyleSheet.create({
         display: "flex",
         flexDirection: "row",
         alignItems: "stretch",
-        boxShadow: `0 -1px ${colors.gray[100]}`,
         transitionProperty: "top",
         transitionDuration: "300ms",
         transitionTimingFunction: "ease-in-out",
@@ -68,12 +73,14 @@ const styles = StyleSheet.create({
         flexDirection: "row",
         flexGrow: 1,
         alignItems: "center",
+        boxShadow: `0 -1px ${colors.gray[100]}`,
     },
     cell: {
         display: "flex",
         flexDirection: "row",
         flexGrow: 1,
         alignItems: "stretch",
+        boxShadow: `0 -1px ${colors.gray[100]}`,
     },
     shadowsLayerContainer: {
         position: "absolute",
@@ -299,6 +306,7 @@ export const VirtualizedList = ({ variant, data, stickedToStartColumns, columns,
                     }) })))
                     .toNull(), _jsx(View, { style: [
                         styles.cellsContainer,
+                        styles.centerColumnGroup,
                         { width: centerColumnsWidth, backgroundColor, height: headerHeight },
                     ], children: columns.map(({ id, width, title, renderTitle }, index) => {
                         const columnId = `${viewId}_${id}`;
@@ -371,10 +379,13 @@ export const VirtualizedList = ({ variant, data, stickedToStartColumns, columns,
             .getOr(false)) {
         return (_jsx(ScrollView, { style: styles.container, contentContainerStyle: styles.emptyListContentContainer, children: renderEmptyList() }));
     }
-    return (_jsxs(ScrollView, { ref: scrollViewRef, both: true, style: [styles.container, { marginHorizontal }], onScroll: onScroll, scrollEventThrottle: 32, contentContainerStyle: {
-            height: containerContainerHeight,
-            width: contentContainerWidth,
-        }, children: [header, rowsToRender
+    return (_jsxs(ScrollView, { ref: scrollViewRef, both: true, style: [styles.container, { marginHorizontal }], onScroll: onScroll, scrollEventThrottle: 32, contentContainerStyle: [
+            styles.contentContainer,
+            {
+                height: containerContainerHeight,
+                width: contentContainerWidth,
+            },
+        ], children: [header, rowsToRender
                 .map(({ startIndex, endIndex, data }) => (_jsxs(View, { style: styles.rowsContainer, ref: rowsContainerRef, children: [data.map((item, index) => (_jsx(VirtualizedRow, { viewId: viewId, item: item, rowHeight: rowHeight, absoluteIndex: startIndex + index, variant: variant, stickedToStartColumnsWidth: stickedToStartColumnsWidth, centerColumnsWidth: centerColumnsWidth, stickedToEndColumnsWidth: stickedToEndColumnsWidth, stickedToStartColumns: stickedToStartColumns, columns: columns, stickedToEndColumns: stickedToEndColumns, extraInfo: extraInfo, getRowLink: getRowLink, horizontalScrollPosition: horizontalScrollPosition !== null && horizontalScrollPosition !== void 0 ? horizontalScrollPosition : "NoScroll", stickedToStartFirstCellLeftPadding: stickedToStartFirstCellLeftPadding, centerFirstCellLeftPadding: centerFirstCellLeftPadding, centerLastCellLeftPadding: centerLastCellLeftPadding, stickedToEndLastCellRightPadding: stickedToEndLastCellRightPadding }, keyExtractor(item, startIndex + index)))), Option.fromNullable(loading)
                         .flatMap(({ isLoading, count }) => (isLoading ? Option.Some(count) : Option.None()))
                         .map(count => (_jsx(View, { "aria-busy": true, style: [
@@ -437,6 +448,7 @@ const RawVirtualizedRow = ({ viewId, rowHeight, absoluteIndex, variant, stickedT
                     }) })))
                     .toNull(), _jsx(View, { style: [
                         styles.cellsContainer,
+                        styles.centerColumnGroup,
                         {
                             width: centerColumnsWidth,
                             height: rowHeight,