@tamagui/sheet 2.7.7 → 3.0.0-beta.643.1

package/test/keyboardAvoidance.test.ts

@@ -1,269 +0,0 @@
-import { afterEach, describe, expect, test } from 'vitest'
-
-import {
-  getKeyboardAdjustedSheetY,
-  getKeyboardOccludedHeight,
-  getSheetReleasePosition,
-} from '../src/keyboardAvoidance'
-import {
-  getWebKeyboardBottomInset,
-  getWebKeyboardResizeHeight,
-  getWebVisualViewportOffsetTop,
-} from '../src/webViewport'
-
-const originalWindow = globalThis.window
-const originalDocument = globalThis.document
-
-function setWebViewport({
-  clientHeight,
-  visualViewportHeight,
-  offsetTop = 0,
-}: {
-  clientHeight: number
-  visualViewportHeight: number
-  offsetTop?: number
-}) {
-  Object.defineProperty(globalThis, 'document', {
-    configurable: true,
-    value: {
-      documentElement: {
-        clientHeight,
-      },
-    },
-  })
-  Object.defineProperty(globalThis, 'window', {
-    configurable: true,
-    value: {
-      innerHeight: clientHeight,
-      visualViewport: {
-        height: visualViewportHeight,
-        offsetTop,
-      },
-    },
-  })
-}
-
-afterEach(() => {
-  Object.defineProperty(globalThis, 'window', {
-    configurable: true,
-    value: originalWindow,
-  })
-  Object.defineProperty(globalThis, 'document', {
-    configurable: true,
-    value: originalDocument,
-  })
-})
-
-describe('getKeyboardAdjustedSheetY', () => {
-  const base = {
-    sheetY: 320,
-    screenSize: 844,
-    isKeyboardVisible: true,
-    keyboardHeight: 300,
-    safeAreaTop: 44,
-  }
-
-  test('keeps the original position when translation is disabled', () => {
-    expect(
-      getKeyboardAdjustedSheetY({
-        ...base,
-        shouldTranslate: false,
-      })
-    ).toBe(base.sheetY)
-  })
-
-  test('shifts sheets up by keyboard height and caps at safe area', () => {
-    expect(
-      getKeyboardAdjustedSheetY({
-        ...base,
-        shouldTranslate: true,
-      })
-    ).toBe(44)
-  })
-
-  test('keeps a smaller fit sheet at its natural height and moves it with the keyboard', () => {
-    expect(
-      getKeyboardAdjustedSheetY({
-        ...base,
-        sheetY: 500,
-        shouldTranslate: true,
-      })
-    ).toBe(200)
-  })
-
-  test('does not shift hidden keyboard or offscreen close positions', () => {
-    expect(
-      getKeyboardAdjustedSheetY({
-        ...base,
-        isKeyboardVisible: false,
-        shouldTranslate: true,
-      })
-    ).toBe(base.sheetY)
-    expect(
-      getKeyboardAdjustedSheetY({
-        ...base,
-        sheetY: base.screenSize,
-        shouldTranslate: true,
-      })
-    ).toBe(base.screenSize)
-  })
-})
-
-describe('getKeyboardOccludedHeight', () => {
-  const base = {
-    frameSize: 700,
-    isKeyboardVisible: true,
-    keyboardHeight: 300,
-    screenSize: 844,
-    sheetY: 59,
-  }
-
-  test('returns overflow below the keyboard top after the sheet is clamped', () => {
-    expect(getKeyboardOccludedHeight(base)).toBe(215)
-  })
-
-  test('returns zero when the keyboard-adjusted sheet clears the keyboard', () => {
-    expect(
-      getKeyboardOccludedHeight({
-        ...base,
-        frameSize: 400,
-        sheetY: 144,
-      })
-    ).toBe(0)
-  })
-
-  test('ignores hidden keyboard and offscreen sheet positions', () => {
-    expect(
-      getKeyboardOccludedHeight({
-        ...base,
-        isKeyboardVisible: false,
-      })
-    ).toBe(0)
-    expect(
-      getKeyboardOccludedHeight({
-        ...base,
-        sheetY: base.screenSize,
-      })
-    ).toBe(0)
-  })
-
-  test('clamps occlusion to the frame height', () => {
-    expect(
-      getKeyboardOccludedHeight({
-        ...base,
-        frameSize: 120,
-        keyboardHeight: 1000,
-        sheetY: 0,
-      })
-    ).toBe(120)
-  })
-})
-
-describe('getSheetReleasePosition', () => {
-  // WEB keyboard-fit-dismiss threshold (the 75de9c9694 web keyboard-handoff fix):
-  // when the keyboard is up, a fit+dismiss sheet only dismisses after enough
-  // ACTUAL travel, ignoring a velocity-projected short drag.
-  test('web: keeps a keyboard-fit sheet open when velocity projects a short drag to dismiss', () => {
-    expect(
-      getSheetReleasePosition({
-        positions: [0, 844],
-        projectedEnd: 480,
-        currentPosition: 150,
-        frameSize: 591,
-        dismissOnSnapToBottom: true,
-        snapPointsMode: 'fit',
-        isKeyboardVisible: true,
-        isWeb: true,
-      })
-    ).toBe(0)
-  })
-
-  test('web: allows a keyboard-fit sheet to dismiss after enough actual travel', () => {
-    expect(
-      getSheetReleasePosition({
-        positions: [0, 844],
-        projectedEnd: 560,
-        currentPosition: 225,
-        frameSize: 591,
-        dismissOnSnapToBottom: true,
-        snapPointsMode: 'fit',
-        isKeyboardVisible: true,
-        isWeb: true,
-      })
-    ).toBe(1)
-  })
-
-  // NATIVE must NOT apply the web threshold — it snaps purely by projected
-  // position (the pre-rework v2.1.0 behavior). regression guard: with the
-  // threshold leaking into native, this short-projected drag wrongly stayed open
-  // (0); native should snap to the nearest point (here: dismiss, index 1).
-  test('native: snaps a keyboard-fit sheet by projected position, ignoring the web threshold', () => {
-    expect(
-      getSheetReleasePosition({
-        positions: [0, 844],
-        projectedEnd: 480,
-        currentPosition: 150,
-        frameSize: 591,
-        dismissOnSnapToBottom: true,
-        snapPointsMode: 'fit',
-        isKeyboardVisible: true,
-        isWeb: false,
-      })
-    ).toBe(1)
-  })
-
-  test('native: a projected-open drag snaps back open', () => {
-    expect(
-      getSheetReleasePosition({
-        positions: [0, 844],
-        projectedEnd: 200,
-        currentPosition: 300,
-        frameSize: 591,
-        dismissOnSnapToBottom: true,
-        snapPointsMode: 'fit',
-        isKeyboardVisible: true,
-        isWeb: false,
-      })
-    ).toBe(0)
-  })
-
-  test('keeps normal multi-snap release behavior outside keyboard-fit dismiss', () => {
-    expect(
-      getSheetReleasePosition({
-        positions: [0, 360, 844],
-        projectedEnd: 310,
-        currentPosition: 90,
-        frameSize: 591,
-        dismissOnSnapToBottom: true,
-        snapPointsMode: 'percent',
-        isKeyboardVisible: true,
-        isWeb: true,
-      })
-    ).toBe(1)
-  })
-})
-
-describe('web viewport keyboard metrics', () => {
-  test('separates keyboard resize height from bottom inset when Safari pans the visual viewport', () => {
-    setWebViewport({
-      clientHeight: 678,
-      visualViewportHeight: 452,
-      offsetTop: 158,
-    })
-
-    expect(getWebKeyboardResizeHeight()).toBe(226)
-    expect(getWebVisualViewportOffsetTop()).toBe(158)
-    expect(getWebKeyboardBottomInset()).toBe(68)
-  })
-
-  test('matches resize height and bottom inset when the visual viewport is not panned', () => {
-    setWebViewport({
-      clientHeight: 678,
-      visualViewportHeight: 452,
-    })
-
-    expect(getWebKeyboardResizeHeight()).toBe(226)
-    expect(getWebVisualViewportOffsetTop()).toBe(0)
-    expect(getWebKeyboardBottomInset()).toBe(226)
-  })
-})

package/tsconfig.json

@@ -1,57 +0,0 @@
-{
-  "extends": "../../../tsconfig.json",
-  "compilerOptions": {
-    "composite": true,
-    "strict": true
-  },
-  "references": [
-    {
-      "path": "../../core/animations-react-native"
-    },
-    {
-      "path": "../../core/compose-refs"
-    },
-    {
-      "path": "../../core/constants"
-    },
-    {
-      "path": "../../core/core"
-    },
-    {
-      "path": "../../core/create-context"
-    },
-    {
-      "path": "../../core/helpers"
-    },
-    {
-      "path": "../../core/use-constant"
-    },
-    {
-      "path": "../../core/use-controllable-state"
-    },
-    {
-      "path": "../../core/use-keyboard-visible"
-    },
-    {
-      "path": "../animate-presence"
-    },
-    {
-      "path": "../portal"
-    },
-    {
-      "path": "../remove-scroll"
-    },
-    {
-      "path": "../scroll-view"
-    },
-    {
-      "path": "../stacks"
-    }
-  ],
-  "exclude": [
-    "types",
-    "dist",
-    "test",
-    "**/__tests__"
-  ]
-}

package/types/createSheet.d.ts

@@ -1,195 +0,0 @@
-import type { GetProps, ViewProps, TamaguiComponent, TamaguiComponentExpectingVariants } from '@tamagui/core';
-import type { ForwardRefExoticComponent, FunctionComponent, RefAttributes } from 'react';
-import type { View as RNView } from 'react-native';
-import type { SheetProps, SheetScopedProps } from './types';
-type SharedSheetProps = {
-    open?: boolean;
-};
-type BaseProps = ViewProps & SharedSheetProps;
-type SheetStyledComponent = TamaguiComponentExpectingVariants<BaseProps, SharedSheetProps>;
-export declare function createSheet<H extends TamaguiComponent | SheetStyledComponent, F extends TamaguiComponent | SheetStyledComponent, O extends TamaguiComponent | SheetStyledComponent>({ Handle, Frame, Overlay }: {
-    Handle: H;
-    Frame: F;
-    Overlay: O;
-}): ForwardRefExoticComponent<{
-    open?: boolean;
-    defaultOpen?: boolean;
-    onOpenChange?: import("react").Dispatch<import("react").SetStateAction<boolean>> | ((open: boolean) => void);
-    position?: number;
-    defaultPosition?: number;
-    snapPoints?: (string | number)[];
-    snapPointsMode?: import("./types").SnapPointsMode;
-    onPositionChange?: import("./types").PositionChangeHandler;
-    children?: import("react").ReactNode;
-    dismissOnOverlayPress?: boolean;
-    dismissOnSnapToBottom?: boolean;
-    disableRemoveScroll?: boolean;
-    forceRemoveScrollEnabled?: boolean;
-    transitionConfig?: import("@tamagui/core").AnimatedNumberStrategy;
-    preferAdaptParentOpenState?: boolean;
-    unmountChildrenWhenHidden?: boolean;
-    disableTransparencyHide?: boolean;
-    native?: "ios"[] | boolean;
-    transition?: import("@tamagui/core").TransitionProp;
-    handleDisableScroll?: boolean;
-    disableDrag?: boolean;
-    modal?: boolean;
-    zIndex?: number;
-    portalProps?: import("@tamagui/portal").PortalProps;
-    moveOnKeyboardChange?: boolean;
-    containerComponent?: React.ComponentType<any>;
-    onAnimationComplete?: (info: {
-        open: boolean;
-    }) => void;
-} & {
-    __scopeSheet?: import("@tamagui/create-context").Scope<any>;
-} & RefAttributes<RNView>> & {
-    Controlled: FunctionComponent<Omit<SheetProps, "open" | "onOpenChange"> & RefAttributes<RNView>> & {
-        Frame: ForwardRefExoticComponent<SheetScopedProps<Omit<GetProps<F>, keyof {
-            /**
-             * by default the sheet adds a view below its bottom that extends past the
-             * largest visible viewport height. this covers spring overshoot when opening
-             * so page content never shows through below the sheet.
-             */
-            disableHideBottomOverflow?: boolean;
-            /**
-             * Adds padding accounting for the currently offscreen content, so if you put a flex element inside
-             * the sheet, it will always flex to the height of the visible amount of the sheet. If this is not
-             * turned on, the inner content is always set to the max height of the sheet.
-             */
-            adjustPaddingForOffscreenContent?: boolean;
-        }> & {
-            /**
-             * by default the sheet adds a view below its bottom that extends past the
-             * largest visible viewport height. this covers spring overshoot when opening
-             * so page content never shows through below the sheet.
-             */
-            disableHideBottomOverflow?: boolean;
-            /**
-             * Adds padding accounting for the currently offscreen content, so if you put a flex element inside
-             * the sheet, it will always flex to the height of the visible amount of the sheet. If this is not
-             * turned on, the inner content is always set to the max height of the sheet.
-             */
-            adjustPaddingForOffscreenContent?: boolean;
-        }>>;
-        Overlay: TamaguiComponent<Omit<BaseProps, "__scopeSheet"> & {
-            __scopeSheet?: import("@tamagui/create-context").Scope<any>;
-        }, any, any, any, SharedSheetProps, {}> | TamaguiComponent<Omit<BaseProps, "__scopeSheet"> & {
-            __scopeSheet?: import("@tamagui/create-context").Scope<any>;
-        }, any, {
-            __scopeSheet?: import("@tamagui/create-context").Scope<any>;
-        }, {}, {}, {}>;
-        Handle: TamaguiComponent<any, any, any, any, SharedSheetProps, {}> | TamaguiComponent<any, any, any, {}, {}, {}>;
-        ScrollView: ForwardRefExoticComponent<Omit<import("@tamagui/core").TamaguiComponentPropsBaseBase & import("react-native").ScrollViewProps, keyof import("@tamagui/core").StackStyleBase | "fullscreen" | "contentContainerStyle"> & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase & {
-            readonly contentContainerStyle?: Partial<import("@tamagui/core").InferStyleProps<typeof import("react-native").ScrollView, {
-                accept: {
-                    readonly contentContainerStyle: "style";
-                };
-            }>> | undefined;
-        }> & {
-            fullscreen?: boolean | undefined;
-        } & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase & {
-            readonly contentContainerStyle?: Partial<import("@tamagui/core").InferStyleProps<typeof import("react-native").ScrollView, {
-                accept: {
-                    readonly contentContainerStyle: "style";
-                };
-            }>> | undefined;
-        }>> & import("@tamagui/core").WithPseudoProps<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase & {
-            readonly contentContainerStyle?: Partial<import("@tamagui/core").InferStyleProps<typeof import("react-native").ScrollView, {
-                accept: {
-                    readonly contentContainerStyle: "style";
-                };
-            }>> | undefined;
-        }> & {
-            fullscreen?: boolean | undefined;
-        } & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase & {
-            readonly contentContainerStyle?: Partial<import("@tamagui/core").InferStyleProps<typeof import("react-native").ScrollView, {
-                accept: {
-                    readonly contentContainerStyle: "style";
-                };
-            }>> | undefined;
-        }>>> & import("@tamagui/core").WithMediaProps<import("@tamagui/core").WithThemeShorthandsAndPseudos<import("@tamagui/core").StackStyleBase & {
-            readonly contentContainerStyle?: Partial<import("@tamagui/core").InferStyleProps<typeof import("react-native").ScrollView, {
-                accept: {
-                    readonly contentContainerStyle: "style";
-                };
-            }>> | undefined;
-        }, {
-            fullscreen?: boolean | undefined;
-        }>> & RefAttributes<import("react-native").ScrollView>>;
-    };
-    Frame: ForwardRefExoticComponent<SheetScopedProps<Omit<GetProps<F>, keyof {
-        /**
-         * by default the sheet adds a view below its bottom that extends past the
-         * largest visible viewport height. this covers spring overshoot when opening
-         * so page content never shows through below the sheet.
-         */
-        disableHideBottomOverflow?: boolean;
-        /**
-         * Adds padding accounting for the currently offscreen content, so if you put a flex element inside
-         * the sheet, it will always flex to the height of the visible amount of the sheet. If this is not
-         * turned on, the inner content is always set to the max height of the sheet.
-         */
-        adjustPaddingForOffscreenContent?: boolean;
-    }> & {
-        /**
-         * by default the sheet adds a view below its bottom that extends past the
-         * largest visible viewport height. this covers spring overshoot when opening
-         * so page content never shows through below the sheet.
-         */
-        disableHideBottomOverflow?: boolean;
-        /**
-         * Adds padding accounting for the currently offscreen content, so if you put a flex element inside
-         * the sheet, it will always flex to the height of the visible amount of the sheet. If this is not
-         * turned on, the inner content is always set to the max height of the sheet.
-         */
-        adjustPaddingForOffscreenContent?: boolean;
-    }>>;
-    Overlay: TamaguiComponent<Omit<BaseProps, "__scopeSheet"> & {
-        __scopeSheet?: import("@tamagui/create-context").Scope<any>;
-    }, any, any, any, SharedSheetProps, {}> | TamaguiComponent<Omit<BaseProps, "__scopeSheet"> & {
-        __scopeSheet?: import("@tamagui/create-context").Scope<any>;
-    }, any, {
-        __scopeSheet?: import("@tamagui/create-context").Scope<any>;
-    }, {}, {}, {}>;
-    Handle: TamaguiComponent<any, any, any, any, SharedSheetProps, {}> | TamaguiComponent<any, any, any, {}, {}, {}>;
-    ScrollView: ForwardRefExoticComponent<Omit<import("@tamagui/core").TamaguiComponentPropsBaseBase & import("react-native").ScrollViewProps, keyof import("@tamagui/core").StackStyleBase | "fullscreen" | "contentContainerStyle"> & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase & {
-        readonly contentContainerStyle?: Partial<import("@tamagui/core").InferStyleProps<typeof import("react-native").ScrollView, {
-            accept: {
-                readonly contentContainerStyle: "style";
-            };
-        }>> | undefined;
-    }> & {
-        fullscreen?: boolean | undefined;
-    } & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase & {
-        readonly contentContainerStyle?: Partial<import("@tamagui/core").InferStyleProps<typeof import("react-native").ScrollView, {
-            accept: {
-                readonly contentContainerStyle: "style";
-            };
-        }>> | undefined;
-    }>> & import("@tamagui/core").WithPseudoProps<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase & {
-        readonly contentContainerStyle?: Partial<import("@tamagui/core").InferStyleProps<typeof import("react-native").ScrollView, {
-            accept: {
-                readonly contentContainerStyle: "style";
-            };
-        }>> | undefined;
-    }> & {
-        fullscreen?: boolean | undefined;
-    } & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase & {
-        readonly contentContainerStyle?: Partial<import("@tamagui/core").InferStyleProps<typeof import("react-native").ScrollView, {
-            accept: {
-                readonly contentContainerStyle: "style";
-            };
-        }>> | undefined;
-    }>>> & import("@tamagui/core").WithMediaProps<import("@tamagui/core").WithThemeShorthandsAndPseudos<import("@tamagui/core").StackStyleBase & {
-        readonly contentContainerStyle?: Partial<import("@tamagui/core").InferStyleProps<typeof import("react-native").ScrollView, {
-            accept: {
-                readonly contentContainerStyle: "style";
-            };
-        }>> | undefined;
-    }, {
-        fullscreen?: boolean | undefined;
-    }>> & RefAttributes<import("react-native").ScrollView>>;
-};
-export {};
-//# sourceMappingURL=createSheet.d.ts.map

package/types/createSheet.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"createSheet.d.ts","sourceRoot":"","sources":["../src/createSheet.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,QAAQ,EACR,SAAS,EACT,gBAAgB,EAChB,iCAAiC,EAElC,MAAM,eAAe,CAAA;AAOtB,OAAO,KAAK,EAAE,yBAAyB,EAAE,iBAAiB,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAExF,OAAO,KAAK,EAAE,IAAI,IAAI,MAAM,EAAE,MAAM,cAAc,CAAA;AAOlD,OAAO,KAAK,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAK3D,KAAK,gBAAgB,GAAG;IACtB,IAAI,CAAC,EAAE,OAAO,CAAA;CACf,CAAA;AAED,KAAK,SAAS,GAAG,SAAS,GAAG,gBAAgB,CAAA;AAE7C,KAAK,oBAAoB,GAAG,iCAAiC,CAAC,SAAS,EAAE,gBAAgB,CAAC,CAAA;AAE1F,wBAAgB,WAAW,CACzB,CAAC,SAAS,gBAAgB,GAAG,oBAAoB,EACjD,CAAC,SAAS,gBAAgB,GAAG,oBAAoB,EACjD,CAAC,SAAS,gBAAgB,GAAG,oBAAoB,EACjD,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE;IAAE,MAAM,EAAE,CAAC,CAAC;IAAC,KAAK,EAAE,CAAC,CAAC;IAAC,OAAO,EAAE,CAAC,CAAA;CAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;YAkG7D;;;;eAIG;wCACyB,OAAO;YAEnC;;;;eAIG;+CACgC,OAAO;;YAZ1C;;;;eAIG;wCACyB,OAAO;YAEnC;;;;eAIG;+CACgC,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAZ1C;;;;WAIG;oCACyB,OAAO;QAEnC;;;;WAIG;2CACgC,OAAO;;QAZ1C;;;;WAIG;oCACyB,OAAO;QAEnC;;;;WAIG;2CACgC,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA2J7C"}

package/types/setupGestureHandler.d.ts

@@ -1,11 +0,0 @@
-/**
- * Legacy setup - prefer `import '@tamagui/native/setup-gesture-handler'` instead.
- */
-export declare function isGestureHandlerEnabled(): boolean;
-export interface SetupGestureHandlerConfig {
-    Gesture: any;
-    GestureDetector: any;
-    ScrollView?: any;
-}
-export declare function setupGestureHandler(config: SetupGestureHandlerConfig): void;
-//# sourceMappingURL=setupGestureHandler.d.ts.map

package/types/setupGestureHandler.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"setupGestureHandler.d.ts","sourceRoot":"","sources":["../src/setupGestureHandler.ts"],"names":[],"mappings":"AAAA;;GAEG;AAQH,wBAAgB,uBAAuB,IAAI,OAAO,CAMjD;AAED,MAAM,WAAW,yBAAyB;IACxC,OAAO,EAAE,GAAG,CAAA;IACZ,eAAe,EAAE,GAAG,CAAA;IACpB,UAAU,CAAC,EAAE,GAAG,CAAA;CACjB;AAED,wBAAgB,mBAAmB,CAAC,MAAM,EAAE,yBAAyB,GAAG,IAAI,CAkB3E"}

package/types/useSheet.d.ts

@@ -1,2 +0,0 @@
-export declare const useSheet: () => import("./useSheetProviderProps").SheetContextValue;
-//# sourceMappingURL=useSheet.d.ts.map

package/types/useSheet.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useSheet.d.ts","sourceRoot":"","sources":["../src/useSheet.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,QAAQ,2DAAuC,CAAA"}