@swan-io/lake 4.4.1 → 4.5.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@swan-io/lake",
-  "version": "4.4.1",
+  "version": "4.5.0",
   "engines": {
     "node": ">=18.0.0",
     "yarn": "^1.22.0"
@@ -27,8 +27,8 @@
   "license": "MIT",
   "dependencies": {
     "@popperjs/core": "^2.11.8",
-    "@react-three/drei": "^9.93.0",
-    "@react-three/fiber": "^8.15.13",
+    "@react-three/drei": "^9.94.1",
+    "@react-three/fiber": "^8.15.14",
     "@swan-io/boxed": "^2.0.0",
     "@swan-io/chicane": "^1.4.1",
     "dayjs": "^1.11.10",
@@ -48,12 +48,12 @@
     "uuid": "^9.0.1"
   },
   "devDependencies": {
-    "@types/react": "^18.2.46",
+    "@types/react": "^18.2.48",
     "@types/react-dom": "^18.2.18",
     "@types/react-native": "^0.72.8",
     "@types/three": "^0.160.0",
     "@types/uuid": "^9.0.7",
-    "jsdom": "^23.0.1",
+    "jsdom": "^23.2.0",
     "type-fest": "^4.9.0"
   }
 }

package/src/components/FixedListView.js

@@ -275,11 +275,7 @@ const styles = StyleSheet.create({
         borderBottomRightRadius: radii[4],
     },
     emptyListContainer: {
-        position: "absolute",
-        top: 0,
-        left: 0,
-        right: 0,
-        bottom: 0,
+        flexGrow: 1,
         flexDirection: "column",
         alignItems: "center",
         justifyContent: "center",
@@ -725,7 +721,7 @@ export const FixedListView = ({ data: originalData, mode = "tile", keyExtractor,
         setHasHorizontalScroll(centerColumnsWidth > width);
     }, [centerColumnsWidth]);
     const isLoading = isNotNullish(loading) && loading.isLoading;
-    return (_jsxs(View, { style: styles.root, children: [_jsx(View, { ref: startFocusAnchorRef, tabIndex: 0 }), _jsxs(ScrollView, { onKeyDown: onKeyDown, onLayout: onLayout, onScroll: onScroll, scrollEventThrottle: 32, style: [styles.container, mode === "tile" && styles.containerTile], contentContainerStyle: [
+    return (_jsxs(View, { style: styles.root, children: [_jsx(View, { ref: startFocusAnchorRef, tabIndex: 0 }), data.length === 0 && isNotNullish(renderEmptyList) && !isLoading ? (_jsx(View, { style: styles.emptyListContainer, children: renderEmptyList() })) : (_jsxs(ScrollView, { onKeyDown: onKeyDown, onLayout: onLayout, onScroll: onScroll, scrollEventThrottle: 32, style: [styles.container, mode === "tile" && styles.containerTile], contentContainerStyle: [
                     styles.contentContainer,
                     {
                         height: totalHeight +
@@ -808,7 +804,7 @@ export const FixedListView = ({ data: originalData, mode = "tile", keyExtractor,
                                         ], children: [_jsx(View, { style: [
                                                     styles.stickyColumnEndOverflow,
                                                     { width: horizontalPadding, backgroundColor: headerBackgroundColor },
-                                                ] }), _jsx(HeaderSegment, { columns: stickedToEndColumns, extraInfo: extraInfo, viewId: viewId, width: stickedToEndColumnsWidth }), _jsx(View, { style: [styles.topGradient, isScrolled && styles.visibleTopGradient] })] }), _jsx(View, { style: { height: rowsHeight }, children: endRows })] })) : null] })] }), data.length === 0 && isNotNullish(renderEmptyList) && !isLoading ? (_jsx(View, { style: styles.emptyListContainer, children: renderEmptyList() })) : null, _jsx(View, { ref: endFocusAnchorRef, tabIndex: 0 })] }));
+                                                ] }), _jsx(HeaderSegment, { columns: stickedToEndColumns, extraInfo: extraInfo, viewId: viewId, width: stickedToEndColumnsWidth }), _jsx(View, { style: [styles.topGradient, isScrolled && styles.visibleTopGradient] })] }), _jsx(View, { style: { height: rowsHeight }, children: endRows })] })) : null] })] })), _jsx(View, { ref: endFocusAnchorRef, tabIndex: 0 })] }));
 };
 export const FixedListViewPlaceholder = ({ count, rowHeight, rowVerticalSpacing, groupHeaderHeight, headerHeight, paddingHorizontal = HORIZONTAL_SAFE_AREA, }) => {
     const totalRowHeight = rowHeight + rowVerticalSpacing;

package/src/components/ResponsiveContainer.d.ts

@@ -1,13 +1,13 @@
 import { ReactNode } from "react";
 import { ViewProps } from "react-native";
+import { Merge } from "type-fest";
 export type Context = {
     small: boolean;
     large: boolean;
 };
-type Props = {
-    children: (context: Context) => ReactNode;
-    style?: ViewProps["style"];
+type Props = Merge<ViewProps, {
     breakpoint?: number;
-};
-export declare const ResponsiveContainer: ({ children, style, breakpoint }: Props) => import("react/jsx-runtime").JSX.Element;
+    children: (context: Context) => ReactNode;
+}>;
+export declare const ResponsiveContainer: ({ breakpoint, children, style, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
 export {};

package/src/components/ResponsiveContainer.js

@@ -6,18 +6,18 @@ const styles = StyleSheet.create({
         opacity: 0,
     },
 });
-export const ResponsiveContainer = ({ children, style, breakpoint = 1000 }) => {
-    const [isSmall, setIsSmall] = useState(null);
+export const ResponsiveContainer = ({ breakpoint = 1000, children, style, ...props }) => {
     const containerRef = useRef(null);
+    const [small, setSmall] = useState(null);
     const onLayout = useCallback(({ nativeEvent: { layout: { width }, }, }) => {
-        setIsSmall(() => width < breakpoint);
+        setSmall(width < breakpoint);
     }, [breakpoint]);
     useLayoutEffect(() => {
-        if (containerRef.current != null) {
-            const element = containerRef.current;
-            setIsSmall(() => element.offsetWidth < breakpoint);
+        const element = containerRef.current;
+        if (element != null) {
+            setSmall(element.offsetWidth < breakpoint);
         }
     }, [breakpoint]);
-    const isSmallWithDefault = isSmall ?? false;
-    return (_jsx(View, { ref: containerRef, onLayout: onLayout, style: [style, isSmall == null ? styles.hidden : null], children: children({ small: isSmallWithDefault, large: !isSmallWithDefault }) }));
+    const isSmallWithDefault = small ?? false;
+    return (_jsx(View, { ref: containerRef, onLayout: onLayout, style: [style, small == null ? styles.hidden : null], ...props, children: children({ small: isSmallWithDefault, large: !isSmallWithDefault }) }));
 };

package/src/hooks/useBreakpoint.d.ts

@@ -0,0 +1 @@
+export declare const useBreakpoint: (breakpoint: number) => boolean;

package/src/hooks/useBreakpoint.js

@@ -0,0 +1,13 @@
+// Based on https://github.com/necolas/react-native-web/blob/0.19.10/packages/react-native-web/src/exports/useWindowDimensions/index.js
+import { useCallback, useSyncExternalStore } from "react";
+import { Dimensions } from "react-native";
+export const useBreakpoint = (breakpoint) => useSyncExternalStore(useCallback(onStoreChange => {
+    const subscription = Dimensions.addEventListener("change", ({ window }) => {
+        if (window != null) {
+            onStoreChange();
+        }
+    });
+    return subscription.remove;
+}, []), useCallback(() => {
+    return Dimensions.get("window").width >= breakpoint;
+}, [breakpoint]));

package/src/hooks/useResponsive.d.ts

@@ -1,4 +1,4 @@
-export declare const useResponsive: (breakpoint?: number | undefined) => {
+export declare const useResponsive: (breakpoint?: number) => {
     desktop: boolean;
     media: <T>(values: {
         mobile: T;

package/src/hooks/useResponsive.js

@@ -1,20 +1,7 @@
-// Based on https://github.com/necolas/react-native-web/blob/0.17.7/packages/react-native-web/src/exports/useWindowDimensions/index.js
-import { useCallback, useSyncExternalStore } from "react";
-import { Dimensions } from "react-native";
-import { isNotNullish } from "../utils/nullish";
-const BREAKPOINT = 992;
-const isDesktop = ({ width }, breakpoint) => width >= breakpoint;
-export const useResponsive = (breakpoint = BREAKPOINT) => {
-    const desktop = useSyncExternalStore(onStoreChange => {
-        const subscription = Dimensions.addEventListener("change", ({ window }) => {
-            if (isNotNullish(window)) {
-                onStoreChange();
-            }
-        });
-        return () => {
-            subscription.remove();
-        };
-    }, () => isDesktop(Dimensions.get("window"), breakpoint));
+import { useCallback } from "react";
+import { useBreakpoint } from "./useBreakpoint";
+export const useResponsive = (breakpoint = 992) => {
+    const desktop = useBreakpoint(breakpoint);
     const media = useCallback((values) => desktop ? values.desktop ?? values.mobile : values.mobile, [desktop]);
     return { desktop, media };
 };

package/src/icons/custom-icons.json

@@ -32,7 +32,7 @@
   "lake-face-id": "M0 4.06A4.06 4.06 0 0 1 4.06 0h4.393a.682.682 0 1 1 0 1.365H4.06A2.696 2.696 0 0 0 1.365 4.06v4.392a.682.682 0 1 1-1.365 0V4.06ZM14.865.683c0-.376.305-.682.682-.682h4.392A4.06 4.06 0 0 1 24 4.06v4.393a.682.682 0 1 1-1.365 0V4.06a2.696 2.696 0 0 0-2.696-2.696h-4.392a.682.682 0 0 1-.682-.683ZM9.459 9.297a2.54 2.54 0 1 1 5.082 0 2.54 2.54 0 0 1-5.082 0ZM7.838 14.23c0-.544.442-.986.986-.986h6.352c.544 0 .986.441.986.986v.203c0 .95-.487 1.661-1.252 2.127-.758.461-1.79.684-2.91.684s-2.152-.223-2.91-.684c-.765-.466-1.252-1.177-1.252-2.127v-.203ZM0 15.547a.682.682 0 0 1 1.365 0v4.392a2.696 2.696 0 0 0 2.696 2.696h4.392a.682.682 0 0 1 0 1.365H4.06A4.06 4.06 0 0 1 0 19.94v-4.393Zm22.635 0a.682.682 0 0 1 1.365 0v4.392A4.06 4.06 0 0 1 19.94 24h-4.393a.682.682 0 1 1 0-1.365h4.392a2.696 2.696 0 0 0 2.696-2.696v-4.392Z",
   "lake-fingerprint": "M5.134 1.578C6.968.46 9.46-.075 11.955.008c2.499.084 5.077.79 7.079 2.242a.65.65 0 0 1-.763 1.051c-1.744-1.265-4.054-1.917-6.36-1.994-2.308-.078-4.533.425-6.101 1.38a.65.65 0 1 1-.676-1.11ZM2.792 3.574a.65.65 0 0 1 .859.974C2.61 5.468 1.907 6.393 1.212 7.6a.65.65 0 1 1-1.125-.648c.75-1.302 1.536-2.347 2.705-3.378Zm9.107.73a.65.65 0 0 1 .722-.568c5.847.694 9.493 5.24 10.529 11.144a.65.65 0 1 1-1.28.224c-.967-5.513-4.282-9.47-9.402-10.078a.65.65 0 0 1-.569-.722Zm-3.143-.198a.65.65 0 0 1 .504 1.197C4.15 7.452 1.562 12.219 2.259 18.131a.65.65 0 0 1-1.29.152C.212 11.86 3.058 6.503 8.756 4.106ZM7.422 8.929c1.537-1.23 3.476-1.803 5.43-1.496 1.958.308 3.868 1.49 5.37 3.652a.65.65 0 0 1-1.068.74c-1.328-1.912-2.943-2.864-4.504-3.11-1.567-.245-3.144.21-4.417 1.228-2.522 2.018-3.926 6.356-1.215 11.833a.65.65 0 0 1-1.164.577C2.932 16.449 4.325 11.407 7.422 8.929Zm1.998 3.06c.75-.674 1.736-.965 2.864-.859 1.366.13 2.27.628 2.867 1.437.558.758.79 1.727.99 2.633l.05.23h.001v.001l.003.011c.395 1.8.804 3.664 2.84 5.131a.65.65 0 0 1-.76 1.054c-2.444-1.762-2.95-4.07-3.339-5.858l-.063-.288c-.208-.942-.397-1.64-.768-2.144-.333-.451-.865-.811-1.944-.913-.82-.078-1.43.134-1.873.531-.454.409-.8 1.075-.952 2.02-.305 1.904.21 4.747 1.864 8.087a.65.65 0 0 1-1.165.576c-1.716-3.467-2.346-6.595-1.98-8.869.183-1.143.627-2.117 1.365-2.78Zm9.294 2.361a.65.65 0 0 1 .741.542c.256 1.646 1.077 2.66 2.149 3.43a.65.65 0 1 1-.759 1.055c-1.292-.93-2.353-2.227-2.673-4.285a.65.65 0 0 1 .542-.742Zm-6.861.637a.65.65 0 0 1 .696.6c.199 2.652 1.17 4.904 2.735 6.693a.65.65 0 1 1-.978.855c-1.753-2.006-2.833-4.525-3.052-7.452a.65.65 0 0 1 .599-.696Z",
   "lake-id-card": "M9.996 10.586a.89.89 0 1 1-1.782 0 .89.89 0 0 1 1.782 0Zm-2.49 2.298c0-.2.162-.36.361-.36h2.475c.2 0 .36.16.36.36v.185c0 .008 0 .02-.002.037a1.33 1.33 0 0 1-.192.571c-.188.301-.574.628-1.403.628-.83 0-1.215-.327-1.403-.627a1.33 1.33 0 0 1-.195-.609v-.185Zm4.95-2.21c0-.15.122-.272.273-.272h3.358a.272.272 0 0 1 0 .544H12.73a.272.272 0 0 1-.273-.272Zm0 2.475c0-.15.122-.272.273-.272h3.358a.272.272 0 0 1 0 .544H12.73a.272.272 0 0 1-.273-.272ZM5.032 7.846c0-.736.597-1.333 1.333-1.333H17.5c.736 0 1.333.597 1.333 1.333v8.308c0 .736-.597 1.333-1.333 1.333H6.365a1.333 1.333 0 0 1-1.333-1.333V7.846Zm1.333-.788a.788.788 0 0 0-.788.788v8.308c0 .435.352.788.788.788H17.5a.788.788 0 0 0 .789-.788V7.846a.788.788 0 0 0-.789-.788H6.365Z",
-  "lake-inbox-empty": "M17,10 C17.1081851,10 17.2134519,10.0350889 17.3,10.1 L17.36,10.16 L21,14 L21,18 C21,19.1045695 20.1045695,20 19,20 L5,20 C3.8954305,20 3,19.1045695 3,18 L3,14 L6.64,10.16 C6.71310008,10.0772053 6.81155682,10.0209443 6.92,10 L7,10 L17,10 Z M8,15 L3.9999735,15 L3.9999735,18 C3.99632612,18.5086257 4.37503494,18.9389766 4.88,19.0000265 L19,19.0000265 C19.5086257,19.0036739 19.9389766,18.6249651 20,18.12 L20,15 L16,15 L16,15.06 L15.99,15.23 C15.8827778,16.1822061 15.1152503,16.9245688 14.16,17 L14,17 L9.94,17 L9.77,16.99 C8.81779389,16.8827778 8.07543123,16.1152503 8,15.16 L8,15 Z M16.79,11 L7.2,11 L4.36,14 L9,14 L9,15 C8.99632612,15.5086257 9.37503494,15.9389766 9.88,16.0000265 L14,16.0000265 C14.5086257,16.0036739 14.9389766,15.6249651 15,15.12 L15,14 L19.63,14 L16.79,11 Z M12,3.82 C12.2445019,3.81601187 12.4560163,3.98945374 12.5,4.23 L12.5,6.6 C12.516077,6.77863279 12.4356332,6.95227326 12.2889711,7.0555127 C12.1423091,7.15875215 11.9517102,7.17590605 11.7889711,7.1005127 C11.6262321,7.02511935 11.516077,6.86863279 11.5,6.69 L11.5,4.32 C11.5,4.04 11.72,3.82 12,3.82 L12,3.82 Z M7.18,5.04 C7.38906129,4.92001407 7.65396886,4.96626778 7.81,5.15 L7.86,5.22 L9,7.2 C9.11409519,7.42189767 9.04713615,7.69394722 8.84308356,7.83753979 C8.63903096,7.98113236 8.36034861,7.95231193 8.19,7.77 L8.14,7.7 L7,5.72 C6.86345894,5.48231342 6.9437463,5.17900561 7.18,5.04 Z M16.14,5.22 C16.2733045,5.00427878 16.5469893,4.9225098 16.7767845,5.02974753 C17.0065796,5.13698526 17.1197075,5.39926686 17.04,5.64 L17,5.72 L15.86,7.7 C15.7266955,7.91572122 15.4530107,7.9974902 15.2232155,7.89025247 C14.9934204,7.78301474 14.8802925,7.52073314 14.96,7.28 L15,7.2 L16.14,5.22 Z",
+  "lake-inbox-empty": "M6.66 10.309a.381.381 0 0 1 .202-.12H17.07c.08 0 .157.025.222.072l.053.052L21 14.17v4.006c0 1.05-.852 1.902-1.902 1.902H4.902A1.902 1.902 0 0 1 3 18.175V14.17l3.658-3.859.001-.001Zm1.41 4.981v-.283H3.762v3.168a1.14 1.14 0 0 0 1.003 1.14H19.098a1.14 1.14 0 0 0 1.139-1.003v-3.305H15.93v.183l-.01.166a1.902 1.902 0 0 1-1.735 1.68h-4.27l-.165-.01a1.902 1.902 0 0 1-1.68-1.736Zm11.96-1.045-3.119-3.294H7.08L3.96 14.245h4.871v.888a1.14 1.14 0 0 0 1.003 1.14h4.193a1.14 1.14 0 0 0 1.139-1.003v-1.025h4.862Zm-8.411-9.941c0-.215.167-.381.381-.381h.002a.381.381 0 0 1 .38.302V6.627a.383.383 0 0 1-.763.074V4.304ZM7.039 5.66a.381.381 0 0 1 .137-.518.381.381 0 0 1 .476.08l.044.062 1.151 2a.381.381 0 0 1-.613.437l-.042-.059-1.153-2.002Zm8.114 1.623 1.153-2.003a.381.381 0 0 1 .688.314l-.035.069-1.153 2.003a.381.381 0 0 1-.688-.314l.035-.07Z",
   "lake-key": "M9.92 17.673h2.555V15.12c0-.312.253-.564.565-.564h3.118a6.713 6.713 0 1 0-6.261-4.288c.08.208.03.445-.127.603l-8.641 8.641v3.36h5.109v-2.554c0-.312.252-.564.564-.564h2.554v-1.515c0-.312.253-.565.565-.565Zm3.12 1.129h-2.555v1.515a.564.564 0 0 1-.564.564H7.366v1.515c0 .886-.718 1.604-1.604 1.604H1.604A1.604 1.604 0 0 1 0 22.396v-2.688c0-.425.169-.833.47-1.134l8.244-8.245-.08-.27a7.842 7.842 0 1 1 7.524 5.625h-2.554v2.554a.564.564 0 0 1-.564.564Zm6.802-13.04a1.604 1.604 0 1 1-3.208 0 1.604 1.604 0 0 1 3.208 0Z",
   "lake-lock-closed": "M6.971 5.029a5.029 5.029 0 1 1 10.058 0v1.743a.2.2 0 0 0 .2.199h1.306a2.85 2.85 0 0 1 2.85 2.85V21.15A2.85 2.85 0 0 1 18.537 24H5.466a2.85 2.85 0 0 1-2.852-2.85V9.821a2.85 2.85 0 0 1 2.85-2.851h1.308a.2.2 0 0 0 .2-.2V5.029Zm5.03-3.685A3.685 3.685 0 0 0 8.315 5.03v1.743a.2.2 0 0 0 .2.199h6.97a.2.2 0 0 0 .2-.2V5.03a3.685 3.685 0 0 0-3.686-3.685l.002-.001ZM5.465 8.315c-.832 0-1.507.675-1.507 1.507v11.327c0 .832.675 1.507 1.506 1.507h13.07c.832 0 1.507-.675 1.507-1.507V9.822c0-.832-.675-1.507-1.506-1.507H5.465Zm4.99 7.17a1.544 1.544 0 1 1 3.089 0 1.544 1.544 0 0 1-3.088 0Z",
   "lake-menu": "M5 5h14a1 1 0 0 1 0 2H5a1 1 0 1 1 0-2Zm0 6h14a1 1 0 0 1 0 2H5a1 1 0 0 1 0-2Zm0 6h14a1 1 0 0 1 0 2H5a1 1 0 0 1 0-2Z",