@swan-io/lake 8.7.0 → 8.7.2

package/package.json

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

package/src/components/FixedListView.js

@@ -526,15 +526,10 @@ export const FixedListView = ({ data: originalData, mode = "tile", keyExtractor,
     ]);
     // Used to fix some scrollbar behavior. See `main.css`.
     useLayoutEffect(() => {
-        if (centerHeadersRef.current instanceof Element) {
-            centerHeadersRef.current.setAttribute("data-hide-scrollbar", String(true));
-        }
-        if (centerColumnsRef.current instanceof Element) {
-            centerColumnsRef.current.setAttribute("data-hide-scrollbar", String(true));
-        }
-        if (horizontalScrollbarRef.current instanceof Element) {
-            horizontalScrollbarRef.current.setAttribute("data-force-scrollbar", String(true));
-        }
+        var _a, _b, _c, _d, _e, _f;
+        (_b = (_a = centerHeadersRef.current) === null || _a === void 0 ? void 0 : _a.element) === null || _b === void 0 ? void 0 : _b.setAttribute("data-hide-scrollbar", String(true));
+        (_d = (_c = centerColumnsRef.current) === null || _c === void 0 ? void 0 : _c.element) === null || _d === void 0 ? void 0 : _d.setAttribute("data-hide-scrollbar", String(true));
+        (_f = (_e = horizontalScrollbarRef.current) === null || _e === void 0 ? void 0 : _e.element) === null || _f === void 0 ? void 0 : _f.setAttribute("data-force-scrollbar", String(true));
     }, []);
     // To synchronize scrolls, we keep track of the initiator in order to ignore the scroll events
     // we provoke ourselves with the sync.
@@ -547,9 +542,9 @@ export const FixedListView = ({ data: originalData, mode = "tile", keyExtractor,
             isNotNullish(centerColumnsRef.current) &&
             isNotNullish(horizontalScrollbarRef.current)) {
             const SCROLL_THRESHOLD_MS = 500;
-            const centerColumns = centerColumnsRef.current;
-            const centerHeaders = centerHeadersRef.current;
-            const horizontalScrollbar = horizontalScrollbarRef.current;
+            const centerColumns = centerColumnsRef.current.element;
+            const centerHeaders = centerHeadersRef.current.element;
+            const horizontalScrollbar = horizontalScrollbarRef.current.element;
             const onColumnsScroll = () => {
                 const now = Date.now();
                 if (lastHorizontalScroll.current.initiator === "columns" ||

package/src/components/LakeSelect.js

@@ -125,7 +125,7 @@ const LakeSelectWithRef = ({ title, items, valueStyle, size, color = "current",
     const isSmall = size === "small";
     const itemValue = items.find(i => i.value === value);
     const onKeyDown = useCallback((event) => {
-        var _a, _b;
+        var _a, _b, _c;
         // this made a search not visible for user as the native select component
         if (event.nativeEvent.key.length === 1) {
             event.nativeEvent.stopPropagation();
@@ -135,9 +135,8 @@ const LakeSelectWithRef = ({ title, items, valueStyle, size, color = "current",
             const selected = items[selectedIndex];
             if (selected != null) {
                 if (visible) {
-                    const listElement = listRef.current;
-                    if (listElement != null) {
-                        (_b = listItemRefs.current[selectedIndex]) === null || _b === void 0 ? void 0 : _b.focus();
+                    if (((_b = listRef.current) === null || _b === void 0 ? void 0 : _b.element) != null) {
+                        (_c = listItemRefs.current[selectedIndex]) === null || _c === void 0 ? void 0 : _c.focus();
                     }
                 }
                 else {

package/src/components/ScrollView.d.ts

@@ -1,6 +1,7 @@
 /// <reference types="react" />
 import { NativeScrollEvent, NativeSyntheticEvent, StyleProp, ViewProps, ViewStyle } from "react-native";
 export type ScrollViewRef = {
+    element: HTMLElement | null;
     scrollTo: (event: {
         x?: number;
         y?: number;

package/src/components/ScrollView.js

@@ -1,7 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef, useCallback, useImperativeHandle, useRef, } from "react";
 import { StyleSheet, View, } from "react-native";
-import { useMergeRefs } from "../hooks/useMergeRefs";
 const styles = StyleSheet.create({
     base: {
         WebkitOverflowScrolling: "touch",
@@ -60,7 +59,6 @@ export const ScrollView = forwardRef(({ children, contentContainerStyle, horizon
     const innerRef = useRef(null);
     const stateRef = useRef({ lastTick: 0, scrolling: false });
     const timeoutRef = useRef(null);
-    const mergedRef = useMergeRefs(innerRef, forwardedRef);
     const handleOnScroll = useCallback((event) => {
         event.stopPropagation();
         // A scroll happened, so the scroll resets the scrollend timeout.
@@ -89,8 +87,11 @@ export const ScrollView = forwardRef(({ children, contentContainerStyle, horizon
             }
         }
     }, []);
-    useImperativeHandle(innerRef, () => ({ scrollTo }));
-    return (_jsx(View, { ...viewProps, ref: mergedRef, onScroll: handleOnScroll, style: [
+    useImperativeHandle(forwardedRef, () => ({
+        element: innerRef.current,
+        scrollTo,
+    }));
+    return (_jsx(View, { ...viewProps, ref: innerRef, onScroll: handleOnScroll, style: [
             styles.base,
             style,
             horizontal && styles.horizontal,