@tamagui/sheet 1.0.1-beta.133 → 1.0.1-beta.136

package/types/Sheet.d.ts

@@ -1,64 +1,31 @@
 import { GetProps } from '@tamagui/core';
-import { ScopedProps } from '@tamagui/create-context';
-import { RemoveScroll } from '@tamagui/remove-scroll';
 import { XStackProps } from '@tamagui/stacks';
-import React, { ReactNode } from 'react';
-import { Animated, ScrollView, ScrollViewProps, View } from 'react-native';
-declare type RemoveScrollProps = React.ComponentProps<typeof RemoveScroll>;
-export declare type SheetProps = ScopedProps<{
-    open?: boolean;
-    defaultOpen?: boolean;
-    onChangeOpen?: OpenChangeHandler;
-    position?: number;
-    defaultPosition?: number;
-    snapPoints?: number[];
-    onChangePosition?: PositionChangeHandler;
-    children?: ReactNode;
-    dismissOnOverlayPress?: boolean;
-    dismissOnSnapToBottom?: boolean;
-    animationConfig?: Animated.SpringAnimationConfig;
-    disableDrag?: boolean;
-    modal?: boolean;
-    allowPinchZoom?: RemoveScrollProps['allowPinchZoom'];
-}, 'Sheet'>;
-declare type PositionChangeHandler = (position: number) => void;
-declare type OpenChangeHandler = ((open: boolean) => void) | React.Dispatch<React.SetStateAction<boolean>>;
-declare const createSheetScope: import("@tamagui/create-context").CreateScope;
-export declare const SheetHandleFrame: import("@tamagui/core").TamaguiComponent<(Omit<import("react-native").ViewProps, "children" | "display"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{}, "elevation" | "fullscreen"> & {
+import React from 'react';
+import { Animated, View } from 'react-native';
+import { SheetScopedProps } from './types';
+export { createSheetScope } from './SheetContext';
+export declare const SheetHandleFrame: import("@tamagui/core").TamaguiComponent<Omit<import("react-native").ViewProps, "children" | "display"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{
     readonly fullscreen?: boolean | undefined;
     readonly elevation?: import("@tamagui/core").SizeTokens | undefined;
-} & import("@tamagui/core").MediaProps<Partial<Omit<import("react-native").ViewProps, "children" | "display"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{}, "elevation" | "fullscreen"> & {
-    readonly fullscreen?: boolean | undefined;
-    readonly elevation?: import("@tamagui/core").SizeTokens | undefined;
-}>> & import("@tamagui/core").PseudoProps<Partial<Omit<import("react-native").ViewProps, "children" | "display"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{}, "elevation" | "fullscreen"> & {
-    readonly fullscreen?: boolean | undefined;
-    readonly elevation?: import("@tamagui/core").SizeTokens | undefined;
-}>>) | (Omit<import("react-native").ViewProps, "children" | "display"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{
-    readonly fullscreen?: boolean | undefined;
-    readonly elevation?: import("@tamagui/core").SizeTokens | undefined;
-}, string | number> & {
-    [x: string]: undefined;
+}, "open"> & {
+    readonly open?: boolean | undefined;
 } & import("@tamagui/core").MediaProps<Partial<Omit<import("react-native").ViewProps, "children" | "display"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{
     readonly fullscreen?: boolean | undefined;
     readonly elevation?: import("@tamagui/core").SizeTokens | undefined;
-}, string | number> & {
-    [x: string]: undefined;
+}, "open"> & {
+    readonly open?: boolean | undefined;
 }>> & import("@tamagui/core").PseudoProps<Partial<Omit<import("react-native").ViewProps, "children" | "display"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{
     readonly fullscreen?: boolean | undefined;
     readonly elevation?: import("@tamagui/core").SizeTokens | undefined;
-}, string | number> & {
-    [x: string]: undefined;
-}>>), any, import("@tamagui/core").StackPropsBase, {
-    readonly fullscreen?: boolean | undefined;
-    readonly elevation?: import("@tamagui/core").SizeTokens | undefined;
-} | ({
+}, "open"> & {
+    readonly open?: boolean | undefined;
+}>>, any, import("@tamagui/core").StackPropsBase, {
     readonly fullscreen?: boolean | undefined;
     readonly elevation?: import("@tamagui/core").SizeTokens | undefined;
 } & {
-    [x: string]: undefined;
-})>;
-declare type SheetScopedProps<A> = ScopedProps<A, 'Sheet'>;
-export declare const SheetHandle: ({ __scopeSheet, ...props }: SheetScopedProps<XStackProps>) => JSX.Element | null;
+    readonly open?: boolean | undefined;
+}>;
+export declare const SheetHandle: ({ __scopeSheet, ...props }: SheetScopedProps<XStackProps>) => JSX.Element;
 export declare const SheetOverlayFrame: import("@tamagui/core").TamaguiComponent<Omit<import("react-native").ViewProps, "children" | "display"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{
     readonly fullscreen?: boolean | undefined;
     readonly elevation?: import("@tamagui/core").SizeTokens | undefined;
@@ -82,7 +49,6 @@ export declare const SheetOverlayFrame: import("@tamagui/core").TamaguiComponent
 }>;
 export declare type SheetOverlayProps = GetProps<typeof SheetOverlayFrame>;
 export declare const SheetOverlay: ({ __scopeSheet, ...props }: SheetScopedProps<SheetOverlayProps>) => JSX.Element;
-export declare const SheetScrollView: React.ForwardRefExoticComponent<ScrollViewProps & React.RefAttributes<ScrollView>>;
 export declare const SheetFrameFrame: import("@tamagui/core").TamaguiComponent<(Omit<import("react-native").ViewProps, "children" | "display"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{}, "elevation" | "fullscreen"> & {
     readonly fullscreen?: boolean | undefined;
     readonly elevation?: import("@tamagui/core").SizeTokens | undefined;
@@ -131,25 +97,25 @@ export declare const SheetFrame: React.ForwardRefExoticComponent<Omit<import("re
 export declare const Sheet: ((props: Omit<{
     open?: boolean | undefined;
     defaultOpen?: boolean | undefined;
-    onChangeOpen?: OpenChangeHandler | undefined;
+    onChangeOpen?: (((open: boolean) => void) | React.Dispatch<React.SetStateAction<boolean>>) | undefined;
     position?: number | undefined;
     defaultPosition?: number | undefined;
     snapPoints?: number[] | undefined;
-    onChangePosition?: PositionChangeHandler | undefined;
-    children?: ReactNode;
+    onChangePosition?: import("./types").PositionChangeHandler | undefined;
+    children?: React.ReactNode;
     dismissOnOverlayPress?: boolean | undefined;
     dismissOnSnapToBottom?: boolean | undefined;
     animationConfig?: Animated.SpringAnimationConfig | undefined;
+    handleDisableScroll?: boolean | undefined;
     disableDrag?: boolean | undefined;
     modal?: boolean | undefined;
-    allowPinchZoom?: RemoveScrollProps['allowPinchZoom'];
 } & {
     __scopeSheet?: import("@tamagui/create-context").Scope<any>;
 } & React.RefAttributes<View>, "theme" | "themeInverse"> & {
     theme?: import("@tamagui/core").ThemeName | null | undefined;
     themeInverse?: boolean | undefined;
 }) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null) & {
-    Handle: ({ __scopeSheet, ...props }: SheetScopedProps<XStackProps>) => JSX.Element | null;
+    Handle: ({ __scopeSheet, ...props }: SheetScopedProps<XStackProps>) => JSX.Element;
     Frame: React.ForwardRefExoticComponent<Omit<import("react-native").ViewProps, "children" | "display"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{}, "elevation" | "fullscreen"> & {
         readonly fullscreen?: boolean | undefined;
         readonly elevation?: import("@tamagui/core").SizeTokens | undefined;
@@ -163,7 +129,7 @@ export declare const Sheet: ((props: Omit<{
         __scopeSheet?: import("@tamagui/create-context").Scope<any>;
     } & React.RefAttributes<unknown>>;
     Overlay: ({ __scopeSheet, ...props }: SheetScopedProps<SheetOverlayProps>) => JSX.Element;
-    ScrollView: React.ForwardRefExoticComponent<ScrollViewProps & React.RefAttributes<ScrollView>>;
+    ScrollView: React.ForwardRefExoticComponent<import("react-native").ScrollViewProps & React.RefAttributes<import("react-native").ScrollView>>;
 };
 declare type SheetControllerContextValue = {
     disableDrag?: boolean;
@@ -174,5 +140,4 @@ declare type SheetControllerContextValue = {
 export declare const SheetController: ({ children, onChangeOpen, ...value }: Partial<SheetControllerContextValue> & {
     children?: React.ReactNode;
 }) => JSX.Element;
-export { createSheetScope };
 //# sourceMappingURL=Sheet.d.ts.map

package/types/SheetContext.d.ts

@@ -0,0 +1,36 @@
+import { TamaguiElement } from '@tamagui/core';
+import React from 'react';
+import { PositionChangeHandler, ScrollBridge, SheetProps } from './types';
+declare type SheetContextValue = Required<Pick<SheetProps, 'open' | 'position' | 'snapPoints' | 'dismissOnOverlayPress'>> & {
+    hidden: boolean;
+    setPosition: PositionChangeHandler;
+    setOpen: React.Dispatch<React.SetStateAction<boolean>>;
+    contentRef: React.RefObject<TamaguiElement>;
+    dismissOnSnapToBottom: boolean;
+    scrollBridge: ScrollBridge;
+    modal: boolean;
+};
+export declare const createSheetContext: <ContextValueType extends object | null>(rootComponentName: string, defaultContext?: ContextValueType | undefined) => readonly [{
+    (props: ContextValueType & {
+        scope: import("@tamagui/create-context").Scope<ContextValueType>;
+        children: React.ReactNode;
+    }): JSX.Element;
+    displayName: string;
+}, (consumerName: string, scope: import("@tamagui/create-context").Scope<ContextValueType | undefined>) => ContextValueType], createSheetScope: import("@tamagui/create-context").CreateScope;
+export declare const SheetProvider: {
+    (props: Required<Pick<SheetProps, "open" | "position" | "snapPoints" | "dismissOnOverlayPress">> & {
+        hidden: boolean;
+        setPosition: PositionChangeHandler;
+        setOpen: React.Dispatch<React.SetStateAction<boolean>>;
+        contentRef: React.RefObject<TamaguiElement>;
+        dismissOnSnapToBottom: boolean;
+        scrollBridge: ScrollBridge;
+        modal: boolean;
+    } & {
+        scope: import("@tamagui/create-context").Scope<SheetContextValue>;
+        children: React.ReactNode;
+    }): JSX.Element;
+    displayName: string;
+}, useSheetContext: (consumerName: string, scope: import("@tamagui/create-context").Scope<SheetContextValue | undefined>) => SheetContextValue;
+export {};
+//# sourceMappingURL=SheetContext.d.ts.map

package/types/SheetScrollView.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { ScrollView, ScrollViewProps } from 'react-native';
+export declare const SheetScrollView: React.ForwardRefExoticComponent<ScrollViewProps & React.RefAttributes<ScrollView>>;
+//# sourceMappingURL=SheetScrollView.d.ts.map

package/types/types.d.ts

@@ -0,0 +1,40 @@
+import { ScopedProps } from '@tamagui/create-context';
+import { RemoveScroll } from '@tamagui/remove-scroll';
+import React, { ReactNode } from 'react';
+import { Animated } from 'react-native';
+export declare type SheetProps = ScopedProps<{
+    open?: boolean;
+    defaultOpen?: boolean;
+    onChangeOpen?: OpenChangeHandler;
+    position?: number;
+    defaultPosition?: number;
+    snapPoints?: number[];
+    onChangePosition?: PositionChangeHandler;
+    children?: ReactNode;
+    dismissOnOverlayPress?: boolean;
+    dismissOnSnapToBottom?: boolean;
+    animationConfig?: Animated.SpringAnimationConfig;
+    handleDisableScroll?: boolean;
+    disableDrag?: boolean;
+    modal?: boolean;
+}, 'Sheet'>;
+export declare type PositionChangeHandler = (position: number) => void;
+declare type OpenChangeHandler = ((open: boolean) => void) | React.Dispatch<React.SetStateAction<boolean>>;
+export declare type RemoveScrollProps = React.ComponentProps<typeof RemoveScroll>;
+export declare type SheetScopedProps<A> = ScopedProps<A, 'Sheet'>;
+export declare type ScrollBridge = {
+    enabled: boolean;
+    y: number;
+    paneY: number;
+    paneMinY: number;
+    scrollStartY: number;
+    drag: (dy: number) => void;
+    release: (state: {
+        dragAt: number;
+        vy: number;
+    }) => void;
+    scrollLock: boolean;
+    onFinishAnimate?: () => void;
+};
+export {};
+//# sourceMappingURL=types.d.ts.map