@swan-io/lake 11.1.12 → 11.2.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@swan-io/lake",
-  "version": "11.1.12",
+  "version": "11.2.0",
   "engines": {
     "node": ">=20.9.0",
     "pnpm": "^9.13.0"

package/src/components/Cells.js

@@ -135,7 +135,7 @@ export const CopyableTextCell = ({ copiedWording, copyWording, text, textToCopy,
     return (_jsxs(Cell, { style: styles.fullHeight, children: [_jsx(LakeTooltip, { content: visibleState === "copy" ? copyWording : copiedWording, onHide: () => setVisibleState("copy"), placement: "left", togglableOnFocus: true, containerStyle: styles.fullHeight, children: _jsx(Pressable, { "aria-label": copyWording, role: "button", onPress: onPress, style: styles.button, children: ({ hovered }) => (_jsxs(_Fragment, { children: [_jsx(Icon, { name: hovered ? "copy-filled" : "copy-regular", color: "currentColor", size: 14 }), hovered && _jsx(View, { role: "none", style: styles.buttonUnderline })] })) }) }), _jsx(LakeText, { numberOfLines: 1, color: colors.gray[900], tooltip: tooltip, variant: variant, children: text })] }));
 };
 // TODO: handle `+` sign properly
-export const BalanceCell = ({ textAlign = "right", align = textAlign, currency, formatCurrency, originalValue, value, variant = "medium", }) => (_jsxs(Cell, { align: align, direction: "column", children: [_jsx(LakeText, { numberOfLines: 1, align: align, color: colors.gray[900], variant: variant, style: [
+export const BalanceCell = ({ textAlign = "left", align = textAlign, currency, formatCurrency, originalValue, value, variant = "medium", }) => (_jsxs(Cell, { align: align, direction: "column", children: [_jsx(LakeText, { numberOfLines: 1, align: align, color: colors.gray[900], variant: variant, style: [
                 value > 0 && { color: colors.positive.primary },
                 value < 0 && { color: colors.negative.primary },
             ], children: (value > 0 ? "+" : "") + formatCurrency(value, currency) }), isNotNullish(originalValue) && originalValue.currency !== currency && (_jsx(LakeText, { numberOfLines: 1, align: align, color: colors.gray[500], variant: "smallRegular", children: (originalValue.value > 0 ? "+" : "") +

package/src/components/VirtualizedList.d.ts

@@ -13,6 +13,7 @@ export type ColumnCellConfig<T, ExtraInfo> = {
 };
 export type ColumnConfig<T, ExtraInfo> = {
     id: string;
+    grow?: boolean;
     width: number;
     title: string;
     renderTitle: (props: ColumnTitleConfig<ExtraInfo>) => ReactNode;

package/src/components/VirtualizedList.js

@@ -14,6 +14,9 @@ const styles = StyleSheet.create({
         height: 1,
         alignSelf: "stretch",
     },
+    grow: {
+        flexGrow: 1,
+    },
     contentContainer: {
         minWidth: "100%",
     },
@@ -32,6 +35,7 @@ const styles = StyleSheet.create({
         zIndex: 2,
     },
     cellsContainer: {
+        boxShadow: `0 -1px ${colors.gray[100]}`,
         flexDirection: "row",
         transform: "translateZ(0)",
     },
@@ -70,15 +74,11 @@ const styles = StyleSheet.create({
     },
     headerCell: {
         flexDirection: "row",
-        flexGrow: 1,
         alignItems: "center",
-        boxShadow: `0 -1px ${colors.gray[100]}`,
     },
     cell: {
         flexDirection: "row",
-        flexGrow: 1,
         alignItems: "stretch",
-        boxShadow: `0 -1px ${colors.gray[100]}`,
     },
     shadowsLayerContainer: {
         position: "absolute",
@@ -306,12 +306,13 @@ export const VirtualizedList = ({ variant, data, stickedToStartColumns, columns,
                         styles.cellsContainer,
                         styles.centerColumnGroup,
                         { width: centerColumnsWidth, backgroundColor, height: headerHeight },
-                    ], children: columns.map(({ id, width, title, renderTitle }, index) => {
+                    ], children: columns.map(({ id, grow = false, width, title, renderTitle }, index) => {
                         const columnId = `${viewId}_${id}`;
                         const paddingLeft = index === 0 ? centerFirstCellLeftPadding : 0;
                         const paddingRight = index === columns.length - 1 ? centerLastCellLeftPadding : 0;
                         return (_jsx(View, { style: [
                                 styles.headerCell,
+                                grow && styles.grow,
                                 { width: width + paddingLeft + paddingRight, paddingLeft, paddingRight },
                             ], id: columnId, children: renderTitle({ title, extraInfo, id }) }, columnId));
                     }) }), Option.fromNullable(stickedToEndColumns)
@@ -454,12 +455,13 @@ const RawVirtualizedRow = ({ viewId, rowHeight, absoluteIndex, variant, stickedT
                                 ? backgroundColorVariants[variant === "accented" ? "default" : "accented"]
                                 : backgroundColorVariants[variant],
                         },
-                    ], children: columns.map(({ id, width, renderCell }, index) => {
+                    ], children: columns.map(({ id, grow = false, width, renderCell }, index) => {
                         const columnId = `${viewId}_${id}`;
                         const paddingLeft = index === 0 ? centerFirstCellLeftPadding : 0;
                         const paddingRight = index === columns.length - 1 ? centerLastCellLeftPadding : 0;
                         return (_jsx(View, { style: [
                                 styles.cell,
+                                grow && styles.grow,
                                 { width: width + paddingLeft + paddingRight, paddingLeft, paddingRight },
                             ], "aria-describedby": columnId, children: renderCell({
                                 columnId,