@swan-io/lake 11.1.8 → 11.1.10

package/package.json

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

package/src/components/Cells.d.ts

@@ -125,7 +125,10 @@ export declare const CenteredCell: (props: Except<CellProps, "align">) => import
  * @deprecated Use `<Cell align="right" />` instead
  */
 export declare const EndAlignedCell: (props: Except<CellProps, "align">) => import("react/jsx-runtime").JSX.Element;
-export declare const ActionCell: ({ style, ...props }: CellProps) => import("react/jsx-runtime").JSX.Element;
+/**
+ * @deprecated Use `<Cell align="right" />` instead
+ */
+export declare const ActionCell: (props: CellProps) => import("react/jsx-runtime").JSX.Element;
 /**
  * @deprecated Use <ActionCell /> instead
  */

package/src/components/Cells.js

@@ -29,14 +29,14 @@ const justifyContentStyles = StyleSheet.create({
     right: { justifyContent: "flex-end" },
 });
 /* eslint-enable react-native/no-unused-styles */
-const fadeOnLeftMask = `linear-gradient(to right, ${invariantColors.transparent}, ${invariantColors.black} ${spacings[16]})`;
-const fadeOnRightMask = `linear-gradient(to left, ${invariantColors.transparent}, ${invariantColors.black} ${spacings[16]})`;
+const fadeOnLeftMask = `linear-gradient(to right, ${invariantColors.transparent}, ${invariantColors.black} ${spacings[8]})`;
+const fadeOnRightMask = `linear-gradient(to left, ${invariantColors.transparent}, ${invariantColors.black} ${spacings[8]})`;
 const styles = StyleSheet.create({
     cell: {
         flexDirection: "row",
         flexGrow: 1,
         flexShrink: 1,
-        paddingHorizontal: spacings[16],
+        paddingHorizontal: spacings[8],
     },
     cellContentContainer: {
         flexGrow: 1,
@@ -98,10 +98,6 @@ const styles = StyleSheet.create({
         paddingRight: 0,
         paddingLeft: spacings[8],
     },
-    actionCell: {
-        paddingVertical: spacings[16],
-        paddingHorizontal: spacings[8],
-    },
 });
 export const Cell = ({ children, align = "left", direction = "row", fadeOn, style, contentContainerStyle, }) => (_jsx(View, { style: [styles.cell, style], children: _jsx(View, { style: [
             styles.cellContentContainer,
@@ -146,17 +142,12 @@ export const BalanceCell = ({ textAlign = "right", align = textAlign, currency,
                 formatCurrency(originalValue.value, originalValue.currency) }))] }));
 export const LinkCell = ({ buttonPosition = "start", children, external = false, fadeOn, onPress, tooltip, variant = "medium", }) => {
     const atEnd = buttonPosition === "end";
-    const elements = [
-        _jsx(Pressable, { style: [styles.button, atEnd && styles.buttonEnd], onPress: event => {
-                event.preventDefault();
-                onPress();
-            }, children: ({ hovered }) => (_jsxs(_Fragment, { children: [_jsx(Icon, { size: 14, name: external ? "open-regular" : "arrow-right-filled" }), hovered && (_jsx(View, { role: "none", style: [styles.buttonUnderline, atEnd && styles.buttonEndUnderline] }))] })) }),
-        _jsx(LakeText, { numberOfLines: 1, color: colors.gray[900], variant: variant, tooltip: tooltip, children: children }),
-    ];
-    if (atEnd) {
-        elements.reverse();
-    }
-    return _jsx(Cell, { fadeOn: fadeOn, children: elements });
+    const button = (_jsx(Pressable, { style: [styles.button, atEnd && styles.buttonEnd], onPress: event => {
+            event.preventDefault();
+            onPress();
+        }, children: ({ hovered }) => (_jsxs(_Fragment, { children: [_jsx(Icon, { size: 14, name: external ? "open-regular" : "arrow-right-filled" }), hovered && (_jsx(View, { role: "none", style: [styles.buttonUnderline, atEnd && styles.buttonEndUnderline] }))] })) }));
+    const text = (_jsx(LakeText, { numberOfLines: 1, color: colors.gray[900], variant: variant, tooltip: tooltip, children: children }));
+    return (_jsx(Cell, { fadeOn: fadeOn, children: atEnd ? (_jsxs(_Fragment, { children: [text, button] })) : (_jsxs(_Fragment, { children: [button, text] })) }));
 };
 /**
  * @deprecated Avoid usage
@@ -196,7 +187,10 @@ export const CenteredCell = (props) => (_jsx(Cell, { align: "center", ...props }
  * @deprecated Use `<Cell align="right" />` instead
  */
 export const EndAlignedCell = (props) => (_jsx(Cell, { align: "right", ...props }));
-export const ActionCell = ({ style, ...props }) => (_jsx(Cell, { ...props, style: [styles.actionCell, style] }));
+/**
+ * @deprecated Use `<Cell align="right" />` instead
+ */
+export const ActionCell = (props) => _jsx(Cell, { align: "right", ...props });
 /**
  * @deprecated Use <ActionCell /> instead
  */

package/src/components/PlainListView.js

@@ -26,10 +26,10 @@ const styles = StyleSheet.create({
         flexDirection: "row",
         alignItems: "stretch",
         overflow: "hidden",
-        paddingHorizontal: spacings[8],
+        paddingHorizontal: spacings[16],
     },
     segmentLarge: {
-        paddingHorizontal: spacings[24],
+        paddingHorizontal: spacings[32],
     },
     row: {
         boxShadow: `inset 0 -1px ${colors.gray[100]}`,

package/src/components/VirtualizedList.d.ts

@@ -7,9 +7,6 @@ export type ColumnTitleConfig<ExtraInfo> = {
 export type ColumnCellConfig<T, ExtraInfo> = {
     columnId: string;
     item: T;
-    /**
-     * isHovered is only set for PlainListView
-     */
     isHovered: boolean;
     index: number;
     extraInfo: ExtraInfo;

package/src/components/VirtualizedList.js

@@ -7,7 +7,7 @@ import { backgroundColor as backgroundColorVariants, colors, spacings } from "..
 import { useHover } from "../hooks/useHover";
 import { ScrollView } from "./ScrollView";
 import { Space } from "./Space";
-const HORIZONTAL_ROW_PADDING = 8;
+const HORIZONTAL_ROW_PADDING = 16;
 const styles = StyleSheet.create({
     container: {
         ...commonStyles.fill,
@@ -441,7 +441,7 @@ const RawVirtualizedRow = ({ viewId, rowHeight, absoluteIndex, variant, stickedT
                                 item,
                                 index: absoluteIndex,
                                 extraInfo,
-                                isHovered: false,
+                                isHovered,
                             }) }, columnId));
                     }) })))
                     .toNull(), _jsx(View, { style: [
@@ -466,7 +466,7 @@ const RawVirtualizedRow = ({ viewId, rowHeight, absoluteIndex, variant, stickedT
                                 item,
                                 index: absoluteIndex,
                                 extraInfo,
-                                isHovered: false,
+                                isHovered,
                             }) }, columnId));
                     }) }), Option.fromNullable(stickedToEndColumns)
                     .map(columns => (_jsx(View, { style: [
@@ -488,7 +488,7 @@ const RawVirtualizedRow = ({ viewId, rowHeight, absoluteIndex, variant, stickedT
                                 item,
                                 index: absoluteIndex,
                                 extraInfo,
-                                isHovered: false,
+                                isHovered,
                             }) }, columnId));
                     }) })))
                     .toNull()] })),

package/src/hooks/useContextualLayer.js

@@ -36,7 +36,7 @@ export const useContextualLayer = ({ placement, visible, matchReferenceWidth = f
                 top: rect.top + height,
             };
         const horizontalPosition = match(inferedPlacement)
-            .with("left", () => ({ left: rect.left - 12 }))
+            .with("left", () => ({ left: rect.left }))
             .with("right", () => ({ right: window.innerWidth - rect.right }))
             .with("center", () => ({ left: rect.left + width / 2, transform: "translateX(-50%)" }))
             .exhaustive();