@swan-io/lake 1.6.0 → 1.8.0

package/src/components/Pressable.d.ts

@@ -42,41 +42,53 @@ export declare const Pressable: FC<PressableProps & ExtraProps & {
     ref?: Ref<View> | undefined;
 }>;
 export declare const PressableText: FC<{
-    testID?: string | undefined;
+    allowFontScaling?: boolean | undefined;
+    ellipsizeMode?: "clip" | "middle" | "head" | "tail" | undefined;
     id?: string | undefined;
-    role?: import("react-native").WebRole | undefined;
-    style?: false | import("react-native").TextStyle | import("react-native").RegisteredStyle<import("react-native").TextStyle> | import("react-native").RecursiveArray<import("react-native").TextStyle | import("react-native").Falsy | import("react-native").RegisteredStyle<import("react-native").TextStyle>> | ((state: PressableStateCallbackType) => import("react-native").StyleProp<import("react-native").TextStyle>) | null | undefined;
-    tabIndex?: 0 | -1 | undefined;
-    children?: string | number | boolean | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | import("react").ReactFragment | import("react").ReactPortal | ((state: PressableStateCallbackType) => ReactNode) | null | undefined;
-    onLayout?: ((event: import("react-native").LayoutChangeEvent) => void) | undefined;
+    lineBreakMode?: "clip" | "middle" | "head" | "tail" | undefined;
+    numberOfLines?: number | undefined;
+    onTextLayout?: ((event: NativeSyntheticEvent<import("react-native").TextLayoutEventData>) => void) | undefined;
+    testID?: string | undefined;
     nativeID?: string | undefined;
-    onKeyDown?: ((event: NativeSyntheticEvent<React.KeyboardEvent>) => void) | undefined;
+    maxFontSizeMultiplier?: number | null | undefined;
+    role?: import("react-native").WebRole | undefined;
+    href?: string | undefined;
+    hrefAttrs?: import("react-native").HrefAttrs | undefined;
+    lang?: string | undefined;
+    adjustsFontSizeToFit?: boolean | undefined;
+    minimumFontScale?: number | undefined;
+    suppressHighlighting?: boolean | undefined;
+    selectable?: boolean | undefined;
+    selectionColor?: import("react-native").ColorValue | undefined;
+    textBreakStrategy?: "simple" | "highQuality" | "balanced" | undefined;
+    dataDetectorType?: "none" | "all" | "link" | "phoneNumber" | "email" | null | undefined;
+    android_hyphenationFrequency?: "normal" | "none" | "full" | undefined;
     accessible?: boolean | undefined;
     accessibilityActions?: readonly Readonly<{
         name: string;
         label?: string | undefined;
     }>[] | undefined;
     accessibilityLabel?: string | undefined;
-    "aria-label"?: string | undefined;
+    'aria-label'?: string | undefined;
     accessibilityRole?: import("react-native").AccessibilityRole | undefined;
     accessibilityState?: import("react-native").AccessibilityState | undefined;
-    "aria-busy"?: boolean | undefined;
-    "aria-checked"?: boolean | "mixed" | undefined;
-    "aria-disabled"?: boolean | undefined;
-    "aria-expanded"?: boolean | undefined;
-    "aria-selected"?: boolean | undefined;
-    "aria-labelledby"?: string | undefined;
+    'aria-busy'?: boolean | undefined;
+    'aria-checked'?: boolean | "mixed" | undefined;
+    'aria-disabled'?: boolean | undefined;
+    'aria-expanded'?: boolean | undefined;
+    'aria-selected'?: boolean | undefined;
+    'aria-labelledby'?: string | undefined;
     accessibilityHint?: string | undefined;
     accessibilityValue?: import("react-native").AccessibilityValue | undefined;
-    "aria-valuemax"?: number | undefined;
-    "aria-valuemin"?: number | undefined;
-    "aria-valuenow"?: number | undefined;
-    "aria-valuetext"?: string | undefined;
+    'aria-valuemax'?: number | undefined;
+    'aria-valuemin'?: number | undefined;
+    'aria-valuenow'?: number | undefined;
+    'aria-valuetext'?: string | undefined;
     onAccessibilityAction?: ((event: import("react-native").AccessibilityActionEvent) => void) | undefined;
     importantForAccessibility?: "auto" | "yes" | "no" | "no-hide-descendants" | undefined;
-    "aria-hidden"?: boolean | undefined;
-    "aria-live"?: "polite" | "assertive" | "off" | undefined;
-    "aria-modal"?: boolean | undefined;
+    'aria-hidden'?: boolean | undefined;
+    'aria-live'?: "polite" | "assertive" | "off" | undefined;
+    'aria-modal'?: boolean | undefined;
     accessibilityLiveRegion?: "none" | "polite" | "assertive" | undefined;
     accessibilityElementsHidden?: boolean | undefined;
     accessibilityViewIsModal?: boolean | undefined;
@@ -84,6 +96,7 @@ export declare const PressableText: FC<{
     onAccessibilityTap?: (() => void) | undefined;
     onMagicTap?: (() => void) | undefined;
     accessibilityIgnoresInvertColors?: boolean | undefined;
+    tabIndex?: 0 | -1 | undefined;
     "aria-activedescendant"?: string | undefined;
     "aria-atomic"?: boolean | undefined;
     "aria-autocomplete"?: string | undefined;
@@ -115,58 +128,77 @@ export declare const PressableText: FC<{
     "aria-rowspan"?: number | undefined;
     "aria-setsize"?: number | undefined;
     "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
-    allowFontScaling?: boolean | undefined;
-    ellipsizeMode?: "clip" | "middle" | "head" | "tail" | undefined;
-    lineBreakMode?: "clip" | "middle" | "head" | "tail" | undefined;
-    numberOfLines?: number | undefined;
-    onTextLayout?: ((event: NativeSyntheticEvent<import("react-native").TextLayoutEventData>) => void) | undefined;
-    onPress?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
-    onPressIn?: ((event: unknown) => void) | undefined;
-    onPressOut?: ((event: unknown) => void) | undefined;
-    onLongPress?: ((event: unknown) => void) | undefined;
-    maxFontSizeMultiplier?: number | null | undefined;
-    href?: string | undefined;
-    hrefAttrs?: import("react-native").HrefAttrs | undefined;
-    lang?: string | undefined;
-    adjustsFontSizeToFit?: boolean | undefined;
-    minimumFontScale?: number | undefined;
-    suppressHighlighting?: boolean | undefined;
-    disabled?: boolean | undefined;
-    selectable?: boolean | undefined;
-    selectionColor?: import("react-native").ColorValue | undefined;
-    textBreakStrategy?: "simple" | "highQuality" | "balanced" | undefined;
-    dataDetectorType?: "none" | "all" | "link" | "phoneNumber" | "email" | null | undefined;
-    android_hyphenationFrequency?: "normal" | "none" | "full" | undefined;
-    onBlur?: ((event: NativeSyntheticEvent<React.FocusEvent>) => void) | undefined;
-    onFocus?: ((event: NativeSyntheticEvent<React.FocusEvent>) => void) | undefined;
-    onPressMove?: ((event: unknown) => void) | undefined;
+    children?: string | number | boolean | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | import("react").ReactFragment | import("react").ReactPortal | ((state: PressableStateCallbackType) => ReactNode) | null | undefined;
     delayLongPress?: number | undefined;
     delayPressIn?: number | undefined;
     delayPressOut?: number | undefined;
+    disabled?: boolean | undefined;
+    onBlur?: ((event: NativeSyntheticEvent<React.FocusEvent>) => void) | undefined;
     onContextMenu?: ((event: NativeSyntheticEvent<React.SyntheticEvent>) => void) | undefined;
+    onFocus?: ((event: NativeSyntheticEvent<React.FocusEvent>) => void) | undefined;
     onHoverIn?: ((event: unknown) => void) | undefined;
     onHoverOut?: ((event: unknown) => void) | undefined;
+    onKeyDown?: ((event: NativeSyntheticEvent<React.KeyboardEvent>) => void) | undefined;
+    onLayout?: ((event: import("react-native").LayoutChangeEvent) => void) | undefined;
+    onLongPress?: PressResponderConfig["onLongPress"];
+    onPress?: PressResponderConfig["onPress"];
+    onPressIn?: PressResponderConfig["onPressStart"];
+    onPressMove?: PressResponderConfig["onPressMove"];
+    onPressOut?: PressResponderConfig["onPressEnd"];
+    style?: false | import("react-native").TextStyle | import("react-native").RegisteredStyle<import("react-native").TextStyle> | import("react-native").RecursiveArray<import("react-native").TextStyle | import("react-native").Falsy | import("react-native").RegisteredStyle<import("react-native").TextStyle>> | ((state: PressableStateCallbackType) => import("react-native").StyleProp<import("react-native").TextStyle>) | null | undefined;
     testOnly_hovered?: boolean | undefined;
     testOnly_pressed?: boolean | undefined;
 } & {
     ref?: Ref<Text> | undefined;
 }>;
-export declare const PressableTextInput: FC<Except<{
+export declare const PressableTextInput: FC<{
+    allowFontScaling?: boolean | undefined;
+    autoCapitalize?: "none" | "sentences" | "words" | "characters" | undefined;
+    autoCorrect?: boolean | undefined;
+    autoFocus?: boolean | undefined;
+    blurOnSubmit?: boolean | undefined;
+    caretHidden?: boolean | undefined;
+    contextMenuHidden?: boolean | undefined;
+    defaultValue?: string | undefined;
+    inputMode?: import("react-native").InputModeOptions | undefined;
+    maxLength?: number | undefined;
+    multiline?: boolean | undefined;
+    onChange?: ((e: NativeSyntheticEvent<import("react-native").TextInputChangeEventData>) => void) | undefined;
+    onChangeText?: ((text: string) => void) | undefined;
+    onContentSizeChange?: ((e: NativeSyntheticEvent<import("react-native").TextInputContentSizeChangeEventData>) => void) | undefined;
+    onEndEditing?: ((e: NativeSyntheticEvent<import("react-native").TextInputEndEditingEventData>) => void) | undefined;
+    onSelectionChange?: ((e: NativeSyntheticEvent<import("react-native").TextInputSelectionChangeEventData>) => void) | undefined;
+    onSubmitEditing?: ((e: NativeSyntheticEvent<import("react-native").TextInputSubmitEditingEventData>) => void) | undefined;
+    onTextInput?: ((e: NativeSyntheticEvent<import("react-native").TextInputTextInputEventData>) => void) | undefined;
+    onScroll?: ((e: NativeSyntheticEvent<import("react-native").TextInputScrollEventData>) => void) | undefined;
+    onKeyPress?: ((e: NativeSyntheticEvent<import("react-native").TextInputKeyPressEventData>) => void) | undefined;
+    placeholder?: string | undefined;
+    placeholderTextColor?: import("react-native").ColorValue | undefined;
+    returnKeyType?: import("react-native").ReturnKeyTypeOptions | undefined;
+    secureTextEntry?: boolean | undefined;
+    selectTextOnFocus?: boolean | undefined;
+    selection?: {
+        start: number;
+        end?: number | undefined;
+    } | undefined;
+    selectionColor?: import("react-native").ColorValue | undefined;
     textAlign?: "left" | "right" | "center" | undefined;
     testID?: string | undefined;
-    pointerEvents?: "auto" | "none" | "box-none" | "box-only" | undefined;
-    textAlignVertical?: "bottom" | "top" | "auto" | "center" | undefined;
-    verticalAlign?: "bottom" | "top" | "auto" | "middle" | undefined;
-    id?: string | undefined;
+    inputAccessoryViewID?: string | undefined;
+    value?: string | undefined;
+    maxFontSizeMultiplier?: number | null | undefined;
     role?: import("react-native").WebRole | undefined;
-    style?: false | import("react-native").TextStyle | import("react-native").RegisteredStyle<import("react-native").TextStyle> | import("react-native").RecursiveArray<import("react-native").TextStyle | import("react-native").Falsy | import("react-native").RegisteredStyle<import("react-native").TextStyle>> | ((state: PressableStateCallbackType) => import("react-native").StyleProp<import("react-native").TextStyle>) | null | undefined;
-    tabIndex?: 0 | -1 | undefined;
-    children?: string | number | boolean | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | import("react").ReactFragment | import("react").ReactPortal | ((state: PressableStateCallbackType) => ReactNode) | null | undefined;
+    lang?: string | undefined;
+    initialValue?: string | undefined;
+    autoComplete?: "off" | "name" | "email" | "tel" | "url" | "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" | "family-name" | "given-name" | "honorific-prefix" | "honorific-suffix" | "impp" | "language" | "new-password" | "nickname" | "on" | "one-time-code" | "organization" | "organization-title" | "postal-code" | "sex" | "street-address" | "tel-area-code" | "tel-country-code" | "tel-extension" | "tel-local" | "tel-national" | "transaction-amount" | "transaction-currency" | "username" | undefined;
+    enterKeyHint?: "enter" | "search" | "done" | "go" | "next" | "send" | "previous" | undefined;
+    rows?: number | undefined;
+    readOnly?: boolean | undefined;
     hitSlop?: import("react-native").Insets | undefined;
-    onLayout?: ((event: import("react-native").LayoutChangeEvent) => void) | undefined;
+    id?: string | undefined;
+    pointerEvents?: "auto" | "none" | "box-none" | "box-only" | undefined;
     removeClippedSubviews?: boolean | undefined;
     nativeID?: string | undefined;
-    onKeyDown?: ((event: NativeSyntheticEvent<React.KeyboardEvent>) => void) | undefined;
     onKeyDownCapture?: ((event: NativeSyntheticEvent<import("react").KeyboardEvent<Element>>) => void) | undefined;
     onKeyUp?: ((event: NativeSyntheticEvent<import("react").KeyboardEvent<Element>>) => void) | undefined;
     onKeyUpCapture?: ((event: NativeSyntheticEvent<import("react").KeyboardEvent<Element>>) => void) | undefined;
@@ -217,26 +249,26 @@ export declare const PressableTextInput: FC<Except<{
         label?: string | undefined;
     }>[] | undefined;
     accessibilityLabel?: string | undefined;
-    "aria-label"?: string | undefined;
+    'aria-label'?: string | undefined;
     accessibilityRole?: import("react-native").AccessibilityRole | undefined;
     accessibilityState?: import("react-native").AccessibilityState | undefined;
-    "aria-busy"?: boolean | undefined;
-    "aria-checked"?: boolean | "mixed" | undefined;
-    "aria-disabled"?: boolean | undefined;
-    "aria-expanded"?: boolean | undefined;
-    "aria-selected"?: boolean | undefined;
-    "aria-labelledby"?: string | undefined;
+    'aria-busy'?: boolean | undefined;
+    'aria-checked'?: boolean | "mixed" | undefined;
+    'aria-disabled'?: boolean | undefined;
+    'aria-expanded'?: boolean | undefined;
+    'aria-selected'?: boolean | undefined;
+    'aria-labelledby'?: string | undefined;
     accessibilityHint?: string | undefined;
     accessibilityValue?: import("react-native").AccessibilityValue | undefined;
-    "aria-valuemax"?: number | undefined;
-    "aria-valuemin"?: number | undefined;
-    "aria-valuenow"?: number | undefined;
-    "aria-valuetext"?: string | undefined;
+    'aria-valuemax'?: number | undefined;
+    'aria-valuemin'?: number | undefined;
+    'aria-valuenow'?: number | undefined;
+    'aria-valuetext'?: string | undefined;
     onAccessibilityAction?: ((event: import("react-native").AccessibilityActionEvent) => void) | undefined;
     importantForAccessibility?: "auto" | "yes" | "no" | "no-hide-descendants" | undefined;
-    "aria-hidden"?: boolean | undefined;
-    "aria-live"?: "polite" | "assertive" | "off" | undefined;
-    "aria-modal"?: boolean | undefined;
+    'aria-hidden'?: boolean | undefined;
+    'aria-live'?: "polite" | "assertive" | "off" | undefined;
+    'aria-modal'?: boolean | undefined;
     accessibilityLiveRegion?: "none" | "polite" | "assertive" | undefined;
     accessibilityElementsHidden?: boolean | undefined;
     accessibilityViewIsModal?: boolean | undefined;
@@ -244,6 +276,7 @@ export declare const PressableTextInput: FC<Except<{
     onAccessibilityTap?: (() => void) | undefined;
     onMagicTap?: (() => void) | undefined;
     accessibilityIgnoresInvertColors?: boolean | undefined;
+    tabIndex?: 0 | -1 | undefined;
     "aria-activedescendant"?: string | undefined;
     "aria-atomic"?: boolean | undefined;
     "aria-autocomplete"?: string | undefined;
@@ -275,56 +308,6 @@ export declare const PressableTextInput: FC<Except<{
     "aria-rowspan"?: number | undefined;
     "aria-setsize"?: number | undefined;
     "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
-    value?: string | undefined;
-    allowFontScaling?: boolean | undefined;
-    numberOfLines?: number | undefined;
-    onPress?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
-    onPressIn?: ((event: unknown) => void) | undefined;
-    onPressOut?: ((event: unknown) => void) | undefined;
-    onLongPress?: ((event: unknown) => void) | undefined;
-    maxFontSizeMultiplier?: number | null | undefined;
-    lang?: string | undefined;
-    disabled?: boolean | undefined;
-    selectionColor?: import("react-native").ColorValue | undefined;
-    textBreakStrategy?: "simple" | "highQuality" | "balanced" | undefined;
-    placeholderTextColor?: import("react-native").ColorValue | undefined;
-    readOnly?: boolean | undefined;
-    editable?: boolean | undefined;
-    keyboardType?: import("react-native").KeyboardTypeOptions | undefined;
-    onChange?: ((e: NativeSyntheticEvent<import("react-native").TextInputChangeEventData>) => void) | undefined;
-    autoCapitalize?: "none" | "sentences" | "words" | "characters" | undefined;
-    autoCorrect?: boolean | undefined;
-    autoFocus?: boolean | undefined;
-    blurOnSubmit?: boolean | undefined;
-    caretHidden?: boolean | undefined;
-    contextMenuHidden?: boolean | undefined;
-    defaultValue?: string | undefined;
-    inputMode?: import("react-native").InputModeOptions | undefined;
-    maxLength?: number | undefined;
-    multiline?: boolean | undefined;
-    onBlur?: ((event: NativeSyntheticEvent<React.FocusEvent>) => void) | undefined;
-    onChangeText?: ((text: string) => void) | undefined;
-    onContentSizeChange?: ((e: NativeSyntheticEvent<import("react-native").TextInputContentSizeChangeEventData>) => void) | undefined;
-    onEndEditing?: ((e: NativeSyntheticEvent<import("react-native").TextInputEndEditingEventData>) => void) | undefined;
-    onFocus?: ((event: NativeSyntheticEvent<React.FocusEvent>) => void) | undefined;
-    onSelectionChange?: ((e: NativeSyntheticEvent<import("react-native").TextInputSelectionChangeEventData>) => void) | undefined;
-    onSubmitEditing?: ((e: NativeSyntheticEvent<import("react-native").TextInputSubmitEditingEventData>) => void) | undefined;
-    onTextInput?: ((e: NativeSyntheticEvent<import("react-native").TextInputTextInputEventData>) => void) | undefined;
-    onScroll?: ((e: NativeSyntheticEvent<import("react-native").TextInputScrollEventData>) => void) | undefined;
-    onKeyPress?: ((e: NativeSyntheticEvent<import("react-native").TextInputKeyPressEventData>) => void) | undefined;
-    placeholder?: string | undefined;
-    returnKeyType?: import("react-native").ReturnKeyTypeOptions | undefined;
-    secureTextEntry?: boolean | undefined;
-    selectTextOnFocus?: boolean | undefined;
-    selection?: {
-        start: number;
-        end?: number | undefined;
-    } | undefined;
-    inputAccessoryViewID?: string | undefined;
-    initialValue?: string | undefined;
-    autoComplete?: "off" | "name" | "email" | "tel" | "url" | "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" | "family-name" | "given-name" | "honorific-prefix" | "honorific-suffix" | "impp" | "language" | "new-password" | "nickname" | "on" | "one-time-code" | "organization" | "organization-title" | "postal-code" | "sex" | "street-address" | "tel-area-code" | "tel-country-code" | "tel-extension" | "tel-local" | "tel-national" | "transaction-amount" | "transaction-currency" | "username" | undefined;
-    enterKeyHint?: "enter" | "search" | "done" | "go" | "next" | "send" | "previous" | undefined;
-    rows?: number | undefined;
     clearButtonMode?: "never" | "while-editing" | "unless-editing" | "always" | undefined;
     clearTextOnFocus?: boolean | undefined;
     dataDetectorTypes?: import("react-native").DataDetectorTypes | import("react-native").DataDetectorTypes[] | undefined;
@@ -342,18 +325,31 @@ export declare const PressableTextInput: FC<Except<{
     inlineImageLeft?: string | undefined;
     inlineImagePadding?: number | undefined;
     returnKeyLabel?: string | undefined;
+    textBreakStrategy?: "simple" | "highQuality" | "balanced" | undefined;
     underlineColorAndroid?: import("react-native").ColorValue | undefined;
+    textAlignVertical?: "bottom" | "top" | "auto" | "center" | undefined;
     showSoftInputOnFocus?: boolean | undefined;
-    onPressMove?: ((event: unknown) => void) | undefined;
+    verticalAlign?: "bottom" | "top" | "auto" | "middle" | undefined;
     delayLongPress?: number | undefined;
     delayPressIn?: number | undefined;
     delayPressOut?: number | undefined;
+    disabled?: boolean | undefined;
+    onBlur?: ((event: NativeSyntheticEvent<React.FocusEvent>) => void) | undefined;
     onContextMenu?: ((event: NativeSyntheticEvent<React.SyntheticEvent>) => void) | undefined;
+    onFocus?: ((event: NativeSyntheticEvent<React.FocusEvent>) => void) | undefined;
     onHoverIn?: ((event: unknown) => void) | undefined;
     onHoverOut?: ((event: unknown) => void) | undefined;
+    onKeyDown?: ((event: NativeSyntheticEvent<React.KeyboardEvent>) => void) | undefined;
+    onLayout?: ((event: import("react-native").LayoutChangeEvent) => void) | undefined;
+    onLongPress?: PressResponderConfig["onLongPress"];
+    onPress?: PressResponderConfig["onPress"];
+    onPressIn?: PressResponderConfig["onPressStart"];
+    onPressMove?: PressResponderConfig["onPressMove"];
+    onPressOut?: PressResponderConfig["onPressEnd"];
+    style?: false | import("react-native").TextStyle | import("react-native").RegisteredStyle<import("react-native").TextStyle> | import("react-native").RecursiveArray<import("react-native").TextStyle | import("react-native").Falsy | import("react-native").RegisteredStyle<import("react-native").TextStyle>> | ((state: PressableStateCallbackType) => import("react-native").StyleProp<import("react-native").TextStyle>) | null | undefined;
     testOnly_hovered?: boolean | undefined;
     testOnly_pressed?: boolean | undefined;
-}, "children" | "numberOfLines" | "editable" | "keyboardType"> & {
+} & {
     ref?: Ref<TextInput> | undefined;
 }>;
 export {};

package/src/utils/math.d.ts

@@ -8,9 +8,22 @@ type InterpolateParams<T extends InterpolateTuple> = {
     outputRange: FixedLength<T["length"]>;
     clamp?: boolean;
 };
+export declare const clampValue: (min: number, max: number) => (value: number) => number;
 /**
  * This function is similar to `Animated.interpolate` except this one can be used with numbers
  * Whereas `Animated.interpolate` works only with animated values and return a listener, not a single value
  */
 export declare const interpolate: <T extends InterpolateTuple>({ inputRange: input, outputRange: output, clamp, }: InterpolateParams<T>) => (value: number) => number;
+type ElasticParams = {
+    elasticLength?: number;
+    elasticStrength?: number;
+};
+/**
+ * This function takes as input a number from 0 to Infinity and returns a number from 0 to elasticLength
+ * With an exponential curve giving a feeling of elasticity
+ * This kind of function can be used to:
+ *  - recreate effect like scroll bounce on iOS
+ *  - limit grab smoothly with touch interaction
+ */
+export declare const limitElastic: ({ elasticLength, elasticStrength }: ElasticParams) => (value: number) => number;
 export {};

package/src/utils/math.js

@@ -6,7 +6,7 @@ const getValue = (array, index, name) => {
     }
     return value;
 };
-const clampValue = (min, max) => (value) => Math.max(Math.min(value, max), min);
+export const clampValue = (min, max) => (value) => Math.max(Math.min(value, max), min);
 // Here we can disable no-non-null-assertion because this function is called in interpolate which have types checking if there is at least 2 values in range
 const getRangeIndexes = (range, value) => {
     if (value < range[0]) {
@@ -45,3 +45,11 @@ export const interpolate = ({ inputRange: input, outputRange: output, clamp = tr
         return outputValue;
     };
 };
+/**
+ * This function takes as input a number from 0 to Infinity and returns a number from 0 to elasticLength
+ * With an exponential curve giving a feeling of elasticity
+ * This kind of function can be used to:
+ *  - recreate effect like scroll bounce on iOS
+ *  - limit grab smoothly with touch interaction
+ */
+export const limitElastic = ({ elasticLength = 100, elasticStrength = 0.008 }) => (value) => elasticLength * (1 - Math.exp(-elasticStrength * value));

package/src/utils/viewport.d.ts

@@ -1 +1,3 @@
+import { Future } from "@swan-io/boxed";
 export declare const preventSafariAutoZoomOnInputs: () => void;
+export declare const detectScrollAnimationEnd: (element: HTMLElement) => Future<void>;

package/src/utils/viewport.js

@@ -1,3 +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
@@ -10,3 +11,35 @@ export const preventSafariAutoZoomOnInputs = () => {
         }
     }
 };
+// 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
+export const detectScrollAnimationEnd = (element) => {
+    let lastScrollTop = element.scrollTop;
+    let lastScrollLeft = element.scrollLeft;
+    return Future.make(resolve => {
+        let frame;
+        // We need to wait a bit before starting the loop because first requestAnimationFrame is called before the scroll animation starts
+        const timeout = setTimeout(() => {
+            const loop = () => {
+                frame = requestAnimationFrame(() => {
+                    if (lastScrollTop !== element.scrollTop || lastScrollLeft !== element.scrollLeft) {
+                        lastScrollTop = element.scrollTop;
+                        lastScrollLeft = element.scrollLeft;
+                        loop();
+                    }
+                    else {
+                        resolve();
+                    }
+                });
+            };
+            loop();
+        }, 50);
+        return () => {
+            clearTimeout(timeout);
+            if (frame != null) {
+                cancelAnimationFrame(frame);
+            }
+        };
+    });
+};