@swan-io/lake 9.2.0 → 10.0.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@swan-io/lake",
-  "version": "9.2.0",
+  "version": "10.0.1",
   "engines": {
     "node": ">=20.9.0",
     "yarn": "^1.22.0"
@@ -26,31 +26,31 @@
   ],
   "license": "MIT",
   "dependencies": {
-    "@react-three/drei": "^9.109.2",
-    "@react-three/fiber": "^8.16.8",
+    "@react-three/drei": "^9.114.6",
+    "@react-three/fiber": "^8.17.10",
     "@swan-io/boxed": "^3.0.0",
     "@swan-io/chicane": "^2.1.0",
     "@swan-io/use-form": "^3.1.0",
-    "dayjs": "^1.11.12",
+    "dayjs": "^1.11.13",
     "polished": "^4.3.1",
-    "prism-react-renderer": "^2.3.1",
+    "prism-react-renderer": "^2.4.0",
     "react": "^18.3.1",
     "react-atomic-state": "^2.0.0",
     "react-dom": "^18.3.1",
-    "react-native-web": "^0.19.12",
+    "react-native-web": "^0.19.13",
     "rifm": "^0.12.1",
-    "three": "^0.167.0",
+    "three": "^0.169.0",
     "ts-dedent": "^2.2.0",
-    "ts-pattern": "^5.2.0",
+    "ts-pattern": "^5.5.0",
     "uuid": "^10.0.0"
   },
   "devDependencies": {
-    "@types/react": "^18.3.3",
-    "@types/react-dom": "^18.3.0",
+    "@types/react": "^18.3.11",
+    "@types/react-dom": "^18.3.1",
     "@types/react-native": "^0.72.8",
-    "@types/three": "^0.163.0",
+    "@types/three": "^0.169.0",
     "@types/uuid": "^10.0.0",
-    "jsdom": "^24.1.1",
-    "type-fest": "^4.23.0"
+    "jsdom": "^25.0.1",
+    "type-fest": "^4.26.1"
   }
 }

package/src/components/Filters.d.ts

@@ -12,10 +12,6 @@ export type FilterCheckboxDef<T> = {
     items: Item<T>[];
     width?: number;
     checkAllLabel?: string;
-    /**
-     * @deprecated
-     */
-    submitText?: string;
 };
 export type FilterRadioDef<T> = {
     type: "radio";
@@ -39,19 +35,8 @@ export type FilterInputDef = {
     noValueText: string;
     placeholder?: string;
     validate?: (value: string) => ValidatorResult;
-    /**
-     * @deprecated
-     */
-    submitText?: string;
 };
-/**
- * @deprecated
- */
-export type FilterBooleanDef = {
-    type: "boolean";
-    label: string;
-};
-type Filter<T> = FilterCheckboxDef<T> | FilterRadioDef<T> | FilterDateDef | FilterInputDef | FilterBooleanDef;
+type Filter<T> = FilterCheckboxDef<T> | FilterRadioDef<T> | FilterDateDef | FilterInputDef;
 type ExtractFilterValue<T extends Filter<unknown>> = T extends {
     type: "checkbox";
 } ? T["items"][number]["value"][] | undefined : T extends {

package/src/components/Filters.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { DatePickerModal, } from "@swan-io/shared-business/src/components/DatePicker";
 import dayjs from "dayjs";
-import { forwardRef, useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { forwardRef, useCallback, useMemo, useRef, useState } from "react";
 import { Pressable, StyleSheet, Text, View } from "react-native";
 import { P, match } from "ts-pattern";
 import { colors, shadows } from "../constants/design";
@@ -172,10 +172,6 @@ function FilterInput({ label, initialValue = "", noValueText, autoOpen = false,
     const onChangeText = useCallback((value) => setState(getValueState(value, false)), [getValueState]);
     return (_jsxs(View, { style: styles.container, children: [_jsx(FilterTag, { label: label, onPress: toggle, ref: tagRef, onPressRemove: onPressRemove, isActive: visible, value: validValue !== null && validValue !== void 0 ? validValue : noValueText }), _jsx(Popover, { role: "listbox", matchReferenceWidth: false, onDismiss: close, referenceRef: tagRef, returnFocus: false, visible: visible, children: _jsx(View, { style: [styles.dropdown, styles.inputContent], children: _jsx(LakeLabel, { label: label, render: id => (_jsx(LakeTextInput, { id: id, value: inputValue, error: error, style: styles.input, placeholder: placeholder, onChangeText: onChangeText })) }) }) })] }));
 }
-function FilterBooleanTag({ children, onAdd, onPressRemove }) {
-    useEffect(onAdd, []); // eslint-disable-line react-hooks/exhaustive-deps
-    return (_jsx(Tag, { color: "current", onPressRemove: onPressRemove, children: children }));
-}
 const getFilterValue = (_type, filters, name) => filters[name];
 export const FiltersStack = ({ filters, openedFilters, definition, onChangeOpened, onChangeFilters, }) => {
     const previousOpened = usePreviousValue(openedFilters);
@@ -203,16 +199,10 @@ export const FiltersStack = ({ filters, openedFilters, definition, onChangeOpene
                         onChangeFilters({ ...filters, [filterName]: undefined });
                         onChangeOpened(openedFilters.filter(f => f !== filterName));
                     } })))
-                    .with({ type: "input" }, ({ type, label, placeholder, noValueText, submitText, validate }) => (_jsx(FilterInput, { label: label, placeholder: placeholder, noValueText: noValueText, submitText: submitText, autoOpen: lastOpenedFilter === filterName, validate: validate, initialValue: getFilterValue(type, filters, filterName), onValueChange: value => onChangeFilters({ ...filters, [filterName]: value }), onPressRemove: () => {
+                    .with({ type: "input" }, ({ type, label, placeholder, noValueText, validate }) => (_jsx(FilterInput, { label: label, placeholder: placeholder, noValueText: noValueText, autoOpen: lastOpenedFilter === filterName, validate: validate, initialValue: getFilterValue(type, filters, filterName), onValueChange: value => onChangeFilters({ ...filters, [filterName]: value }), onPressRemove: () => {
                         onChangeFilters({ ...filters, [filterName]: undefined });
                         onChangeOpened(openedFilters.filter(f => f !== filterName));
                     } })))
-                    .with({ type: "boolean" }, ({ label }) => (_jsx(FilterBooleanTag, { onAdd: () => {
-                        onChangeFilters({ ...filters, [filterName]: true });
-                    }, onPressRemove: () => {
-                        onChangeFilters({ ...filters, [filterName]: undefined });
-                        onChangeOpened(openedFilters.filter(f => f !== filterName));
-                    }, children: label })))
                     .exhaustive() }, filterName));
         }) }));
 };

package/src/components/Flag.d.ts

@@ -1,14 +1,8 @@
-import { CountryCCA2, CountryCCA3 } from "@swan-io/shared-business/src/constants/countries";
+import { CountryCCA2 } from "@swan-io/shared-business/src/constants/countries";
 export type FlagCode = CountryCCA2 | "EU";
 type Props = {
-    width?: number;
-} & ({
-    /**
-     * @deprecated Use cca2 prop instead
-     */
-    icon: CountryCCA3;
-} | {
     code: FlagCode;
-});
+    width?: number;
+};
 export declare const Flag: (props: Props) => import("react/jsx-runtime").JSX.Element;
 export {};

package/src/components/Flag.js

@@ -1,6 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Lazy } from "@swan-io/boxed";
-import { getCCA2forCCA3, } from "@swan-io/shared-business/src/constants/countries";
 import { useEffect, useMemo, useState } from "react";
 import { match } from "ts-pattern";
 import { getFlagGlyphName } from "../utils/string";
@@ -14,7 +13,7 @@ const svgUrlGetter = Lazy(async () => {
 });
 export const Flag = (props) => {
     var _a;
-    const code = "code" in props ? props.code : getCCA2forCCA3(props.icon);
+    const { code } = props;
     const width = (_a = props.width) !== null && _a !== void 0 ? _a : 18;
     const [url, setUrl] = useState(svgUrl);
     useEffect(() => {

package/src/components/Form.d.ts

@@ -1,7 +1,7 @@
 import { ReactNode } from "react";
 import { View } from "react-native";
 export declare const Form: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<{
-    children?: ReactNode | undefined;
+    children?: React.ReactNode | undefined;
     hitSlop?: import("react-native").Insets | undefined;
     id?: string | undefined;
     onLayout?: ((event: import("react-native").LayoutChangeEvent) => void) | undefined;

package/src/components/LakeHeading.d.ts

@@ -23,7 +23,7 @@ type HeadingAlign = keyof typeof alignments;
 type HeadingVariant = keyof typeof variants;
 export declare const LakeHeading: import("react").ForwardRefExoticComponent<{
     allowFontScaling?: boolean | undefined;
-    children?: ReactNode | undefined;
+    children?: React.ReactNode | undefined;
     ellipsizeMode?: "head" | "middle" | "tail" | "clip" | undefined;
     id?: string | undefined;
     lineBreakMode?: "head" | "middle" | "tail" | "clip" | undefined;

package/src/components/LakeTagInput.d.ts

@@ -64,7 +64,7 @@ export declare const LakeTagInput: import("react").ForwardRefExoticComponent<{
     autoComplete?: ("additional-name" | "address-level1" | "address-level2" | "address-level3" | "address-level4" | "address-line1" | "address-line2" | "address-line3" | "bday" | "bday-day" | "bday-month" | "bday-year" | "cc-additional-name" | "cc-csc" | "cc-exp" | "cc-exp-month" | "cc-exp-year" | "cc-family-name" | "cc-given-name" | "cc-name" | "cc-number" | "cc-type" | "country" | "country-name" | "current-password" | "email" | "family-name" | "given-name" | "honorific-prefix" | "honorific-suffix" | "impp" | "language" | "name" | "new-password" | "nickname" | "off" | "on" | "one-time-code" | "organization" | "organization-title" | "postal-code" | "sex" | "street-address" | "tel" | "tel-area-code" | "tel-country-code" | "tel-extension" | "tel-local" | "tel-national" | "transaction-amount" | "transaction-currency" | "url" | "username") | undefined;
     enterKeyHint?: ("enter" | "done" | "go" | "next" | "previous" | "search" | "send") | undefined;
     rows?: number | undefined;
-    children?: import("react").ReactNode | undefined;
+    children?: React.ReactNode | undefined;
     hitSlop?: import("react-native").Insets | undefined;
     id?: string | undefined;
     onLayout?: ((event: import("react-native").LayoutChangeEvent) => void) | undefined;

package/src/components/LakeTextInput.d.ts

@@ -77,7 +77,7 @@ export declare const LakeTextInput: import("react").ForwardRefExoticComponent<{
     enterKeyHint?: ("enter" | "done" | "go" | "next" | "previous" | "search" | "send") | undefined;
     rows?: number | undefined;
     readOnly?: boolean | undefined;
-    children?: ReactNode | undefined;
+    children?: React.ReactNode | undefined;
     hitSlop?: import("react-native").Insets | undefined;
     id?: string | undefined;
     onLayout?: ((event: import("react-native").LayoutChangeEvent) => void) | undefined;

package/src/components/Pressable.d.ts

@@ -1,5 +1,5 @@
 import { FC, ReactNode, Ref } from "react";
-import { HrefAttrs, NativeSyntheticEvent, PressableProps, PressableStateCallbackType, Text, TextInput, TextInputProps, TextProps, View, ViewProps } from "react-native";
+import { HrefAttrs, NativeSyntheticEvent, PressableProps, PressableStateCallbackType, Text, TextInputProps, TextProps, View, ViewProps } from "react-native";
 import { Except, Merge } from "type-fest";
 import { PressResponderConfig } from "../hooks/usePressEvents";
 type Props<BaseProps extends TextProps | TextInputProps> = Merge<BaseProps, {
@@ -33,20 +33,10 @@ type ExtraProps = {
 };
 export type PressableViewProps = Except<Props<ViewProps>, "children">;
 export type PressableTextProps = Props<TextProps>;
-/**
- * @deprecated
- */
-export type PressableTextInputProps = Except<Props<TextInputProps>, "children" | "editable" | "keyboardType" | "numberOfLines">;
 export declare const Pressable: FC<PressableProps & ExtraProps & {
     ref?: Ref<View>;
 }>;
 export declare const PressableText: FC<PressableTextProps & {
     ref?: Ref<Text>;
 }>;
-/**
- * @deprecated
- */
-export declare const PressableTextInput: FC<PressableTextInputProps & {
-    ref?: Ref<TextInput>;
-}>;
 export {};

package/src/components/Pressable.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 // https://github.com/necolas/react-native-web/blob/0.19.1/packages/react-native-web/src/exports/Pressable/index.js
 import { forwardRef, memo, useCallback, useMemo, useRef, } from "react";
-import { StyleSheet, Text, TextInput, View, } from "react-native";
+import { StyleSheet, Text, View, } from "react-native";
 import { match } from "ts-pattern";
 import { useForceableState } from "../hooks/useForceableState";
 import { useHover } from "../hooks/useHover";
@@ -100,9 +100,4 @@ Component, config = {}) => {
 };
 export const Pressable = memo(getPressable(View, { applyPressStyle: true }));
 export const PressableText = memo(getPressable(Text, { applyPressStyle: true }));
-/**
- * @deprecated
- */
-export const PressableTextInput = memo(getPressable(TextInput, { applyPressStyle: false }));
 PressableText.displayName = "PressableText";
-PressableTextInput.displayName = "PressableTextInput";

package/src/components/WithPartnerAccentColor.js

@@ -61,7 +61,7 @@ export const WithPartnerAccentColor = ({ color, scoped = false, children }) => {
                 rootElement.style.setProperty("--color-partner-contrast", colorScale.contrast, "");
             }
         }
-        catch (err) {
+        catch {
             // will default to white label color
         }
     }, [color, scoped]);

package/src/hooks/useComputedColors.js

@@ -6,7 +6,7 @@ const isValidColor = (color) => {
         getLuminance(color);
         return true;
     }
-    catch (error) {
+    catch {
         return false;
     }
 };

package/src/hooks/usePersistedState.js

@@ -13,7 +13,7 @@ export const usePersistedState = (key, defaultValue) => {
         try {
             localStorage.setItem(key, JSON.stringify(state));
         }
-        catch (err) {
+        catch {
             // ignore
         }
     }, [key]);

package/src/utils/userAgent.d.ts

@@ -1,18 +1 @@
-/**
- * @deprecated
- */
-export declare const isChrome: boolean;
-/**
- * @deprecated
- */
-export declare const isMobile: boolean;
-/**
- * @deprecated
- */
-export declare const isChromeMobile: boolean;
-/**
- * @see https://github.com/jakearchibald/safari-14-idb-fix/blob/v3.0.0/src/index.ts#L7
- * @deprecated
- */
-export declare const isSafari: boolean;
 export declare const isDecentMobileDevice: boolean;

package/src/utils/userAgent.js

@@ -1,24 +1,3 @@
-import { isNullish } from "./nullish";
-const CHROME_REGEXP = /Chrom(e|ium)\//;
-const MOBI_REGEXP = /Mobi/;
-const SAFARI_REGEXP = /Safari\//;
-/**
- * @deprecated
- */
-export const isChrome = CHROME_REGEXP.test(navigator.userAgent);
-/**
- * @deprecated
- */
-export const isMobile = MOBI_REGEXP.test(navigator.userAgent);
-/**
- * @deprecated
- */
-export const isChromeMobile = isChrome && isMobile;
-/**
- * @see https://github.com/jakearchibald/safari-14-idb-fix/blob/v3.0.0/src/index.ts#L7
- * @deprecated
- */
-export const isSafari = isNullish(navigator.userAgentData) && SAFARI_REGEXP.test(navigator.userAgent) && !isChrome;
 // from https://stackoverflow.com/questions/21741841/detecting-ios-android-operating-system
 export const isDecentMobileDevice = (() => {
     // Windows Phone must come first because its UA also contains "Android"

package/src/utils/viewport.d.ts

@@ -1,7 +1,2 @@
 import { Future } from "@swan-io/boxed";
-/**
- * Prevents Safari from zooming automatically on inputs, still allow user to zoom manually
- * @deprecated
- */
-export declare const preventSafariAutoZoomOnInputs: () => void;
 export declare const detectScrollAnimationEnd: (element: HTMLElement) => Future<void>;

package/src/utils/viewport.js

@@ -1,19 +1,4 @@
 import { Future } from "@swan-io/boxed";
-import { isNotNullish } from "./nullish";
-import { isSafari } from "./userAgent";
-/**
- * Prevents Safari from zooming automatically on inputs, still allow user to zoom manually
- * @deprecated
- */
-export const preventSafariAutoZoomOnInputs = () => {
-    if (isSafari) {
-        const viewport = document.querySelector("meta[name=viewport]");
-        const content = viewport === null || viewport === void 0 ? void 0 : viewport.getAttribute("content");
-        if (isNotNullish(viewport) && isNotNullish(content)) {
-            viewport.setAttribute("content", content + ", maximum-scale=1.0");
-        }
-    }
-};
 // When using `node.scroll()` with smooth behavior, there isn't any event to detect when the scroll animation is finished
 // We need this also with `ScrollView.scrollTo` (which just call the native node.scroll function)
 // More info about why this workaround: https://stackoverflow.com/a/60001032

package/src/hooks/useAnimatedValue.d.ts

@@ -1,5 +0,0 @@
-import { Animated } from "react-native";
-/**
- * @deprecated
- */
-export declare const useAnimatedValue: (value: number) => Animated.Value;

package/src/hooks/useAnimatedValue.js

@@ -1,13 +0,0 @@
-import { useRef } from "react";
-import { Animated } from "react-native";
-const UNSET = Symbol("unset");
-/**
- * @deprecated
- */
-export const useAnimatedValue = (value) => {
-    const ref = useRef(UNSET);
-    if (ref.current === UNSET) {
-        ref.current = new Animated.Value(value);
-    }
-    return ref.current;
-};

package/src/utils/flagCountry.d.ts

@@ -1,4 +0,0 @@
-/**
- * @deprecated Import this function from string.ts instead
- */
-export declare const getFlagGlyphName: (flag: string) => string;

package/src/utils/flagCountry.js

@@ -1,5 +0,0 @@
-import { getFlagGlyphName as fn } from "./string";
-/**
- * @deprecated Import this function from string.ts instead
- */
-export const getFlagGlyphName = fn;

package/src/utils/timer.d.ts

@@ -1,17 +0,0 @@
-/**
- * @deprecated
- */
-export type ControllableTimeout = {
-    readonly duration: number;
-    readonly clear: () => void;
-    readonly reset: () => void;
-};
-/**
- * @deprecated
- */
-export declare const createControllableTimeout: (config: {
-    duration: number;
-    onStart: (duration: number) => void;
-    onEnd: () => void;
-    onReset: (duration: number) => void;
-}) => ControllableTimeout;

package/src/utils/timer.js

@@ -1,49 +0,0 @@
-// based on https://gist.github.com/ncou/3a0a1f89c8e22416d0d607f621a948a9
-/**
- * @deprecated
- */
-export const createControllableTimeout = (config) => {
-    const { duration, onStart, onReset, onEnd } = config;
-    let timerId = 0;
-    let remaining = duration;
-    const clear = () => {
-        document.removeEventListener("visibilitychange", onVisibilityChange);
-        window.clearTimeout(timerId);
-    };
-    const start = () => {
-        if (remaining <= 0) {
-            return;
-        }
-        timerId = window.setTimeout(() => {
-            remaining = 0;
-            clear();
-            onEnd();
-        }, remaining);
-        onStart(duration);
-    };
-    const reset = () => {
-        window.clearTimeout(timerId);
-        remaining = duration;
-        timerId = window.setTimeout(() => {
-            remaining = 0;
-            clear();
-            onEnd();
-        }, duration);
-        onReset(duration);
-    };
-    const onVisibilityChange = () => {
-        document.removeEventListener("visibilitychange", onVisibilityChange);
-        start();
-    };
-    if (document.hidden) {
-        document.addEventListener("visibilitychange", onVisibilityChange);
-    }
-    else {
-        start();
-    }
-    return {
-        duration,
-        clear,
-        reset,
-    };
-};