@tamagui/sheet 1.0.1-beta.131 → 1.0.1-beta.134

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (45) hide show
  1. package/dist/cjs/RemoveScrollProps.js +17 -0
  2. package/dist/cjs/RemoveScrollProps.js.map +7 -0
  3. package/dist/cjs/SHEET_HANDLE_NAME.js +35 -0
  4. package/dist/cjs/SHEET_HANDLE_NAME.js.map +7 -0
  5. package/dist/cjs/Sheet.js +61 -118
  6. package/dist/cjs/Sheet.js.map +2 -2
  7. package/dist/cjs/SheetContext.js +38 -0
  8. package/dist/cjs/SheetContext.js.map +7 -0
  9. package/dist/cjs/SheetScrollView.js +115 -0
  10. package/dist/cjs/SheetScrollView.js.map +7 -0
  11. package/dist/cjs/types.js +17 -0
  12. package/dist/cjs/types.js.map +7 -0
  13. package/dist/esm/RemoveScrollProps.js +1 -0
  14. package/dist/esm/RemoveScrollProps.js.map +7 -0
  15. package/dist/esm/SHEET_HANDLE_NAME.js +9 -0
  16. package/dist/esm/SHEET_HANDLE_NAME.js.map +7 -0
  17. package/dist/esm/Sheet.js +54 -113
  18. package/dist/esm/Sheet.js.map +2 -2
  19. package/dist/esm/SheetContext.js +11 -0
  20. package/dist/esm/SheetContext.js.map +7 -0
  21. package/dist/esm/SheetScrollView.js +88 -0
  22. package/dist/esm/SheetScrollView.js.map +7 -0
  23. package/dist/esm/types.js +1 -0
  24. package/dist/esm/types.js.map +7 -0
  25. package/dist/jsx/RemoveScrollProps.js +1 -0
  26. package/dist/jsx/RemoveScrollProps.js.map +7 -0
  27. package/dist/jsx/SHEET_HANDLE_NAME.js +9 -0
  28. package/dist/jsx/SHEET_HANDLE_NAME.js.map +7 -0
  29. package/dist/jsx/Sheet.js +58 -101
  30. package/dist/jsx/Sheet.js.map +2 -2
  31. package/dist/jsx/SheetContext.js +11 -0
  32. package/dist/jsx/SheetContext.js.map +7 -0
  33. package/dist/jsx/SheetScrollView.js +77 -0
  34. package/dist/jsx/SheetScrollView.js.map +7 -0
  35. package/dist/jsx/types.js +1 -0
  36. package/dist/jsx/types.js.map +7 -0
  37. package/package.json +9 -8
  38. package/src/SHEET_HANDLE_NAME.tsx +4 -0
  39. package/src/Sheet.tsx +82 -203
  40. package/src/SheetContext.tsx +25 -0
  41. package/src/SheetScrollView.tsx +109 -0
  42. package/src/types.tsx +44 -0
  43. package/types/Sheet.d.ts +44 -73
  44. package/types/SheetContext.d.ts +36 -0
  45. package/types/index.d.ts +0 -2
package/types/Sheet.d.ts CHANGED
@@ -1,72 +1,42 @@
1
1
  import { GetProps } from '@tamagui/core';
2
- import { ScopedProps } from '@tamagui/create-context';
3
- import { RemoveScroll } from '@tamagui/remove-scroll';
4
2
  import { XStackProps } from '@tamagui/stacks';
5
- import React, { ReactNode } from 'react';
6
- import { Animated, ScrollView, ScrollViewProps, View } from 'react-native';
7
- declare type RemoveScrollProps = React.ComponentProps<typeof RemoveScroll>;
8
- export declare type SheetProps = ScopedProps<{
9
- open?: boolean;
10
- defaultOpen?: boolean;
11
- onChangeOpen?: OpenChangeHandler;
12
- position?: number;
13
- defaultPosition?: number;
14
- snapPoints?: number[];
15
- onChangePosition?: PositionChangeHandler;
16
- children?: ReactNode;
17
- dismissOnOverlayPress?: boolean;
18
- dismissOnSnapToBottom?: boolean;
19
- animationConfig?: Animated.SpringAnimationConfig;
20
- disableDrag?: boolean;
21
- modal?: boolean;
22
- allowPinchZoom?: RemoveScrollProps['allowPinchZoom'];
23
- }, 'Sheet'>;
24
- declare type PositionChangeHandler = (position: number) => void;
25
- declare type OpenChangeHandler = ((open: boolean) => void) | React.Dispatch<React.SetStateAction<boolean>>;
26
- declare const createSheetScope: import("@tamagui/create-context").CreateScope;
27
- 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"> & {
28
- readonly fullscreen?: boolean | undefined;
29
- readonly elevation?: import("@tamagui/core").SizeTokens | undefined;
30
- } & 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"> & {
31
- readonly fullscreen?: boolean | undefined;
32
- readonly elevation?: import("@tamagui/core").SizeTokens | undefined;
33
- }>> & 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"> & {
3
+ import React from 'react';
4
+ import { Animated, View } from 'react-native';
5
+ import { SheetScopedProps } from './types';
6
+ export { createSheetScope } from './SheetContext';
7
+ export declare const SheetHandleFrame: import("@tamagui/core").TamaguiComponent<Omit<import("react-native").ViewProps, "display" | "children"> & 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<{
34
8
  readonly fullscreen?: boolean | undefined;
35
9
  readonly elevation?: import("@tamagui/core").SizeTokens | undefined;
36
- }>>) | (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<{
10
+ }, "open"> & {
11
+ readonly open?: boolean | undefined;
12
+ } & import("@tamagui/core").MediaProps<Partial<Omit<import("react-native").ViewProps, "display" | "children"> & 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<{
37
13
  readonly fullscreen?: boolean | undefined;
38
14
  readonly elevation?: import("@tamagui/core").SizeTokens | undefined;
39
- }, string | number> & {
40
- [x: string]: undefined;
41
- } & 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<{
42
- readonly fullscreen?: boolean | undefined;
43
- readonly elevation?: import("@tamagui/core").SizeTokens | undefined;
44
- }, string | number> & {
45
- [x: string]: undefined;
46
- }>> & 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<{
15
+ }, "open"> & {
16
+ readonly open?: boolean | undefined;
17
+ }>> & import("@tamagui/core").PseudoProps<Partial<Omit<import("react-native").ViewProps, "display" | "children"> & 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<{
47
18
  readonly fullscreen?: boolean | undefined;
48
19
  readonly elevation?: import("@tamagui/core").SizeTokens | undefined;
49
- }, string | number> & {
50
- [x: string]: undefined;
51
- }>>), any, import("@tamagui/core").StackPropsBase, {
20
+ }, "open"> & {
21
+ readonly open?: boolean | undefined;
22
+ }>>, any, import("@tamagui/core").StackPropsBase, {
52
23
  readonly fullscreen?: boolean | undefined;
53
24
  readonly elevation?: import("@tamagui/core").SizeTokens | undefined;
54
- } & ({} | {
55
- [x: string]: undefined;
56
- })>;
57
- declare type SheetScopedProps<A> = ScopedProps<A, 'Sheet'>;
58
- export declare const SheetHandle: ({ __scopeSheet, ...props }: SheetScopedProps<XStackProps>) => JSX.Element | null;
59
- 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<{
25
+ } & {
26
+ readonly open?: boolean | undefined;
27
+ }>;
28
+ export declare const SheetHandle: ({ __scopeSheet, ...props }: SheetScopedProps<XStackProps>) => JSX.Element;
29
+ export declare const SheetOverlayFrame: import("@tamagui/core").TamaguiComponent<Omit<import("react-native").ViewProps, "display" | "children"> & 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<{
60
30
  readonly fullscreen?: boolean | undefined;
61
31
  readonly elevation?: import("@tamagui/core").SizeTokens | undefined;
62
32
  }, "closed"> & {
63
33
  closed?: boolean | undefined;
64
- } & 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<{
34
+ } & import("@tamagui/core").MediaProps<Partial<Omit<import("react-native").ViewProps, "display" | "children"> & 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<{
65
35
  readonly fullscreen?: boolean | undefined;
66
36
  readonly elevation?: import("@tamagui/core").SizeTokens | undefined;
67
37
  }, "closed"> & {
68
38
  closed?: boolean | undefined;
69
- }>> & 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<{
39
+ }>> & import("@tamagui/core").PseudoProps<Partial<Omit<import("react-native").ViewProps, "display" | "children"> & 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<{
70
40
  readonly fullscreen?: boolean | undefined;
71
41
  readonly elevation?: import("@tamagui/core").SizeTokens | undefined;
72
42
  }, "closed"> & {
@@ -79,27 +49,26 @@ export declare const SheetOverlayFrame: import("@tamagui/core").TamaguiComponent
79
49
  }>;
80
50
  export declare type SheetOverlayProps = GetProps<typeof SheetOverlayFrame>;
81
51
  export declare const SheetOverlay: ({ __scopeSheet, ...props }: SheetScopedProps<SheetOverlayProps>) => JSX.Element;
82
- export declare const SheetScrollView: React.ForwardRefExoticComponent<ScrollViewProps & React.RefAttributes<ScrollView>>;
83
- 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"> & {
52
+ export declare const SheetFrameFrame: import("@tamagui/core").TamaguiComponent<(Omit<import("react-native").ViewProps, "display" | "children"> & 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"> & {
84
53
  readonly fullscreen?: boolean | undefined;
85
54
  readonly elevation?: import("@tamagui/core").SizeTokens | undefined;
86
- } & 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"> & {
55
+ } & import("@tamagui/core").MediaProps<Partial<Omit<import("react-native").ViewProps, "display" | "children"> & 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"> & {
87
56
  readonly fullscreen?: boolean | undefined;
88
57
  readonly elevation?: import("@tamagui/core").SizeTokens | undefined;
89
- }>> & 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"> & {
58
+ }>> & import("@tamagui/core").PseudoProps<Partial<Omit<import("react-native").ViewProps, "display" | "children"> & 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"> & {
90
59
  readonly fullscreen?: boolean | undefined;
91
60
  readonly elevation?: import("@tamagui/core").SizeTokens | undefined;
92
- }>>) | (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<{
61
+ }>>) | (Omit<import("react-native").ViewProps, "display" | "children"> & 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<{
93
62
  readonly fullscreen?: boolean | undefined;
94
63
  readonly elevation?: import("@tamagui/core").SizeTokens | undefined;
95
64
  }, string | number> & {
96
65
  [x: string]: undefined;
97
- } & 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<{
66
+ } & import("@tamagui/core").MediaProps<Partial<Omit<import("react-native").ViewProps, "display" | "children"> & 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<{
98
67
  readonly fullscreen?: boolean | undefined;
99
68
  readonly elevation?: import("@tamagui/core").SizeTokens | undefined;
100
69
  }, string | number> & {
101
70
  [x: string]: undefined;
102
- }>> & 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<{
71
+ }>> & import("@tamagui/core").PseudoProps<Partial<Omit<import("react-native").ViewProps, "display" | "children"> & 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<{
103
72
  readonly fullscreen?: boolean | undefined;
104
73
  readonly elevation?: import("@tamagui/core").SizeTokens | undefined;
105
74
  }, string | number> & {
@@ -107,16 +76,19 @@ export declare const SheetFrameFrame: import("@tamagui/core").TamaguiComponent<(
107
76
  }>>), any, import("@tamagui/core").StackPropsBase, {
108
77
  readonly fullscreen?: boolean | undefined;
109
78
  readonly elevation?: import("@tamagui/core").SizeTokens | undefined;
110
- } & ({} | {
79
+ } | ({
80
+ readonly fullscreen?: boolean | undefined;
81
+ readonly elevation?: import("@tamagui/core").SizeTokens | undefined;
82
+ } & {
111
83
  [x: string]: undefined;
112
84
  })>;
113
- export declare const SheetFrame: 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"> & {
85
+ export declare const SheetFrame: React.ForwardRefExoticComponent<Omit<import("react-native").ViewProps, "display" | "children"> & 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"> & {
114
86
  readonly fullscreen?: boolean | undefined;
115
87
  readonly elevation?: import("@tamagui/core").SizeTokens | undefined;
116
- } & 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"> & {
88
+ } & import("@tamagui/core").MediaProps<Partial<Omit<import("react-native").ViewProps, "display" | "children"> & 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"> & {
117
89
  readonly fullscreen?: boolean | undefined;
118
90
  readonly elevation?: import("@tamagui/core").SizeTokens | undefined;
119
- }>> & 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"> & {
91
+ }>> & import("@tamagui/core").PseudoProps<Partial<Omit<import("react-native").ViewProps, "display" | "children"> & 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"> & {
120
92
  readonly fullscreen?: boolean | undefined;
121
93
  readonly elevation?: import("@tamagui/core").SizeTokens | undefined;
122
94
  }>> & {
@@ -125,39 +97,39 @@ export declare const SheetFrame: React.ForwardRefExoticComponent<Omit<import("re
125
97
  export declare const Sheet: ((props: Omit<{
126
98
  open?: boolean | undefined;
127
99
  defaultOpen?: boolean | undefined;
128
- onChangeOpen?: OpenChangeHandler | undefined;
100
+ onChangeOpen?: (React.Dispatch<React.SetStateAction<boolean>> | ((open: boolean) => void)) | undefined;
129
101
  position?: number | undefined;
130
102
  defaultPosition?: number | undefined;
131
103
  snapPoints?: number[] | undefined;
132
- onChangePosition?: PositionChangeHandler | undefined;
133
- children?: ReactNode;
104
+ onChangePosition?: import("./types").PositionChangeHandler | undefined;
105
+ children?: React.ReactNode;
134
106
  dismissOnOverlayPress?: boolean | undefined;
135
107
  dismissOnSnapToBottom?: boolean | undefined;
136
108
  animationConfig?: Animated.SpringAnimationConfig | undefined;
109
+ handleDisableScroll?: boolean | undefined;
137
110
  disableDrag?: boolean | undefined;
138
111
  modal?: boolean | undefined;
139
- allowPinchZoom?: RemoveScrollProps['allowPinchZoom'];
140
112
  } & {
141
113
  __scopeSheet?: import("@tamagui/create-context").Scope<any>;
142
114
  } & React.RefAttributes<View>, "theme" | "themeInverse"> & {
143
115
  theme?: import("@tamagui/core").ThemeName | null | undefined;
144
116
  themeInverse?: boolean | undefined;
145
117
  }) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null) & {
146
- Handle: ({ __scopeSheet, ...props }: SheetScopedProps<XStackProps>) => JSX.Element | null;
147
- 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"> & {
118
+ Handle: ({ __scopeSheet, ...props }: SheetScopedProps<XStackProps>) => JSX.Element;
119
+ Frame: React.ForwardRefExoticComponent<Omit<import("react-native").ViewProps, "display" | "children"> & 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"> & {
148
120
  readonly fullscreen?: boolean | undefined;
149
121
  readonly elevation?: import("@tamagui/core").SizeTokens | undefined;
150
- } & 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"> & {
122
+ } & import("@tamagui/core").MediaProps<Partial<Omit<import("react-native").ViewProps, "display" | "children"> & 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"> & {
151
123
  readonly fullscreen?: boolean | undefined;
152
124
  readonly elevation?: import("@tamagui/core").SizeTokens | undefined;
153
- }>> & 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"> & {
125
+ }>> & import("@tamagui/core").PseudoProps<Partial<Omit<import("react-native").ViewProps, "display" | "children"> & 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"> & {
154
126
  readonly fullscreen?: boolean | undefined;
155
127
  readonly elevation?: import("@tamagui/core").SizeTokens | undefined;
156
128
  }>> & {
157
129
  __scopeSheet?: import("@tamagui/create-context").Scope<any>;
158
130
  } & React.RefAttributes<unknown>>;
159
131
  Overlay: ({ __scopeSheet, ...props }: SheetScopedProps<SheetOverlayProps>) => JSX.Element;
160
- ScrollView: React.ForwardRefExoticComponent<ScrollViewProps & React.RefAttributes<ScrollView>>;
132
+ ScrollView: React.ForwardRefExoticComponent<import("react-native").ScrollViewProps & React.RefAttributes<import("react-native").ScrollView>>;
161
133
  };
162
134
  declare type SheetControllerContextValue = {
163
135
  disableDrag?: boolean;
@@ -165,8 +137,7 @@ declare type SheetControllerContextValue = {
165
137
  hidden?: boolean;
166
138
  onChangeOpen?: React.Dispatch<React.SetStateAction<boolean>> | ((val: boolean) => void);
167
139
  };
168
- export declare const SheetController: ({ children, onChangeOpen: onChangeOpenProp, ...value }: Partial<SheetControllerContextValue> & {
140
+ export declare const SheetController: ({ children, onChangeOpen, ...value }: Partial<SheetControllerContextValue> & {
169
141
  children?: React.ReactNode;
170
142
  }) => JSX.Element;
171
- export { createSheetScope };
172
143
  //# sourceMappingURL=Sheet.d.ts.map
package/types/SheetContext.d.ts ADDED
@@ -0,0 +1,36 @@
1
+ import { TamaguiElement } from '@tamagui/core';
2
+ import React from 'react';
3
+ import { PositionChangeHandler, ScrollBridge, SheetProps } from './types';
4
+ declare type SheetContextValue = Required<Pick<SheetProps, 'open' | 'position' | 'snapPoints' | 'dismissOnOverlayPress'>> & {
5
+ hidden: boolean;
6
+ setPosition: PositionChangeHandler;
7
+ setOpen: React.Dispatch<React.SetStateAction<boolean>>;
8
+ contentRef: React.RefObject<TamaguiElement>;
9
+ dismissOnSnapToBottom: boolean;
10
+ scrollBridge: ScrollBridge;
11
+ modal: boolean;
12
+ };
13
+ export declare const createSheetContext: <ContextValueType extends object | null>(rootComponentName: string, defaultContext?: ContextValueType | undefined) => readonly [{
14
+ (props: ContextValueType & {
15
+ scope: import("@tamagui/create-context").Scope<ContextValueType>;
16
+ children: React.ReactNode;
17
+ }): JSX.Element;
18
+ displayName: string;
19
+ }, (consumerName: string, scope: import("@tamagui/create-context").Scope<ContextValueType | undefined>) => ContextValueType], createSheetScope: import("@tamagui/create-context").CreateScope;
20
+ export declare const SheetProvider: {
21
+ (props: Required<Pick<SheetProps, "position" | "open" | "snapPoints" | "dismissOnOverlayPress">> & {
22
+ hidden: boolean;
23
+ setPosition: PositionChangeHandler;
24
+ setOpen: React.Dispatch<React.SetStateAction<boolean>>;
25
+ contentRef: React.RefObject<TamaguiElement>;
26
+ dismissOnSnapToBottom: boolean;
27
+ scrollBridge: ScrollBridge;
28
+ modal: boolean;
29
+ } & {
30
+ scope: import("@tamagui/create-context").Scope<SheetContextValue>;
31
+ children: React.ReactNode;
32
+ }): JSX.Element;
33
+ displayName: string;
34
+ }, useSheetContext: (consumerName: string, scope: import("@tamagui/create-context").Scope<SheetContextValue | undefined>) => SheetContextValue;
35
+ export {};
36
+ //# sourceMappingURL=SheetContext.d.ts.map
package/types/index.d.ts DELETED
@@ -1,2 +0,0 @@
1
- export * from './Sheet';
2
- //# sourceMappingURL=index.d.ts.map