@tamagui/sheet 1.27.1 → 1.27.3

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 (200) hide show
  1. package/dist/cjs/Sheet.js +1 -2
  2. package/dist/cjs/Sheet.js.map +1 -1
  3. package/dist/cjs/SheetContext.js.map +1 -1
  4. package/dist/cjs/SheetImplementationCustom.js +340 -0
  5. package/dist/cjs/SheetImplementationCustom.js.map +6 -0
  6. package/dist/cjs/constants.js +10 -0
  7. package/dist/cjs/constants.js.map +1 -1
  8. package/dist/cjs/{useSheetContoller.js → contexts.js} +12 -21
  9. package/dist/cjs/contexts.js.map +6 -0
  10. package/dist/cjs/createSheet.js +68 -349
  11. package/dist/cjs/createSheet.js.map +2 -2
  12. package/dist/cjs/{getNativeSheet.js → helpers.js} +15 -16
  13. package/dist/cjs/helpers.js.map +6 -0
  14. package/dist/cjs/nativeSheet.js +3 -5
  15. package/dist/cjs/nativeSheet.js.map +1 -1
  16. package/dist/cjs/useSheetController.js +2 -1
  17. package/dist/cjs/useSheetController.js.map +1 -1
  18. package/dist/cjs/useSheetProviderProps.js +30 -3
  19. package/dist/cjs/useSheetProviderProps.js.map +1 -1
  20. package/dist/esm/Sheet.js +1 -2
  21. package/dist/esm/Sheet.js.map +1 -1
  22. package/dist/esm/SheetContext.js.map +1 -1
  23. package/dist/esm/{Sheet.mjs → SheetImplementationCustom.js} +88 -279
  24. package/dist/esm/SheetImplementationCustom.js.map +6 -0
  25. package/dist/esm/constants.js +8 -0
  26. package/dist/esm/constants.js.map +1 -1
  27. package/dist/esm/contexts.js +10 -0
  28. package/dist/esm/contexts.js.map +6 -0
  29. package/dist/esm/createSheet.js +72 -371
  30. package/dist/esm/createSheet.js.map +2 -2
  31. package/dist/esm/helpers.js +14 -0
  32. package/dist/esm/helpers.js.map +6 -0
  33. package/dist/esm/nativeSheet.js +3 -5
  34. package/dist/esm/nativeSheet.js.map +1 -1
  35. package/dist/esm/useSheetController.js +2 -1
  36. package/dist/esm/useSheetController.js.map +1 -1
  37. package/dist/esm/useSheetProviderProps.js +31 -4
  38. package/dist/esm/useSheetProviderProps.js.map +1 -1
  39. package/dist/jsx/Sheet.js +1 -2
  40. package/dist/jsx/Sheet.js.map +1 -1
  41. package/dist/jsx/Sheet.mjs +1 -2
  42. package/dist/jsx/Sheet.mjs.map +1 -1
  43. package/dist/jsx/SheetContext.js.map +1 -1
  44. package/dist/jsx/SheetContext.mjs.map +1 -1
  45. package/dist/jsx/SheetImplementationCustom.js +330 -0
  46. package/dist/jsx/SheetImplementationCustom.js.map +6 -0
  47. package/dist/jsx/SheetImplementationCustom.mjs +330 -0
  48. package/dist/jsx/SheetImplementationCustom.mjs.map +6 -0
  49. package/dist/jsx/constants.js +8 -0
  50. package/dist/jsx/constants.js.map +1 -1
  51. package/dist/jsx/constants.mjs +8 -0
  52. package/dist/jsx/constants.mjs.map +1 -1
  53. package/dist/jsx/contexts.js +10 -0
  54. package/dist/jsx/contexts.js.map +6 -0
  55. package/dist/jsx/contexts.mjs +10 -0
  56. package/dist/jsx/contexts.mjs.map +6 -0
  57. package/dist/jsx/createSheet.js +63 -364
  58. package/dist/jsx/createSheet.js.map +2 -2
  59. package/dist/jsx/createSheet.mjs +63 -364
  60. package/dist/jsx/createSheet.mjs.map +2 -2
  61. package/dist/jsx/helpers.js +14 -0
  62. package/dist/jsx/helpers.js.map +6 -0
  63. package/dist/jsx/helpers.mjs +14 -0
  64. package/dist/jsx/helpers.mjs.map +6 -0
  65. package/dist/jsx/nativeSheet.js +3 -5
  66. package/dist/jsx/nativeSheet.js.map +1 -1
  67. package/dist/jsx/nativeSheet.mjs +3 -5
  68. package/dist/jsx/nativeSheet.mjs.map +1 -1
  69. package/dist/jsx/useSheetController.js +2 -1
  70. package/dist/jsx/useSheetController.js.map +1 -1
  71. package/dist/jsx/useSheetController.mjs +2 -1
  72. package/dist/jsx/useSheetController.mjs.map +1 -1
  73. package/dist/jsx/useSheetProviderProps.js +31 -4
  74. package/dist/jsx/useSheetProviderProps.js.map +1 -1
  75. package/dist/jsx/useSheetProviderProps.mjs +31 -4
  76. package/dist/jsx/useSheetProviderProps.mjs.map +1 -1
  77. package/package.json +14 -13
  78. package/src/Sheet.tsx +0 -1
  79. package/src/SheetContext.tsx +1 -16
  80. package/src/SheetImplementationCustom.tsx +404 -0
  81. package/src/constants.tsx +10 -0
  82. package/src/contexts.ts +9 -0
  83. package/src/createSheet.tsx +88 -449
  84. package/src/helpers.tsx +10 -0
  85. package/src/nativeSheet.tsx +3 -5
  86. package/src/useSheetController.tsx +1 -0
  87. package/src/useSheetProviderProps.tsx +48 -7
  88. package/types/Sheet.d.ts +10 -6
  89. package/types/Sheet.d.ts.map +1 -1
  90. package/types/SheetContext.d.ts +100 -27
  91. package/types/SheetContext.d.ts.map +1 -1
  92. package/types/SheetImplementationCustom.d.ts +27 -0
  93. package/types/SheetImplementationCustom.d.ts.map +1 -0
  94. package/types/constants.d.ts +2 -0
  95. package/types/constants.d.ts.map +1 -1
  96. package/types/contexts.d.ts +6 -0
  97. package/types/contexts.d.ts.map +1 -0
  98. package/types/createSheet.d.ts +8 -4
  99. package/types/createSheet.d.ts.map +1 -1
  100. package/types/helpers.d.ts +2 -0
  101. package/types/helpers.d.ts.map +1 -0
  102. package/types/nativeSheet.d.ts.map +1 -1
  103. package/types/useSheet.d.ts +16 -6
  104. package/types/useSheet.d.ts.map +1 -1
  105. package/types/useSheetController.d.ts +1 -0
  106. package/types/useSheetController.d.ts.map +1 -1
  107. package/types/useSheetProviderProps.d.ts +8 -3
  108. package/types/useSheetProviderProps.d.ts.map +1 -1
  109. package/dist/cjs/StyledSheet.js +0 -132
  110. package/dist/cjs/StyledSheet.js.map +0 -6
  111. package/dist/cjs/getNativeSheet.js.map +0 -6
  112. package/dist/cjs/native-ios.js +0 -5
  113. package/dist/cjs/native-ios.js.map +0 -6
  114. package/dist/cjs/useSheetChildren.js +0 -82
  115. package/dist/cjs/useSheetChildren.js.map +0 -6
  116. package/dist/cjs/useSheetContoller.js.map +0 -6
  117. package/dist/cjs/useSheetSnapPoints.js +0 -77
  118. package/dist/cjs/useSheetSnapPoints.js.map +0 -6
  119. package/dist/esm/Sheet.mjs.map +0 -6
  120. package/dist/esm/SheetContext.mjs +0 -14
  121. package/dist/esm/SheetContext.mjs.map +0 -6
  122. package/dist/esm/SheetController.mjs +0 -25
  123. package/dist/esm/SheetController.mjs.map +0 -6
  124. package/dist/esm/SheetScrollView.mjs +0 -81
  125. package/dist/esm/SheetScrollView.mjs.map +0 -6
  126. package/dist/esm/StyledSheet.js +0 -100
  127. package/dist/esm/StyledSheet.js.map +0 -6
  128. package/dist/esm/constants.mjs +0 -9
  129. package/dist/esm/constants.mjs.map +0 -6
  130. package/dist/esm/getNativeSheet.js +0 -14
  131. package/dist/esm/getNativeSheet.js.map +0 -6
  132. package/dist/esm/getNativeSheet.mjs +0 -14
  133. package/dist/esm/getNativeSheet.mjs.map +0 -6
  134. package/dist/esm/index.mjs +0 -8
  135. package/dist/esm/index.mjs.map +0 -6
  136. package/dist/esm/native-ios.js +0 -4
  137. package/dist/esm/native-ios.js.map +0 -6
  138. package/dist/esm/native-ios.mjs +0 -4
  139. package/dist/esm/native-ios.mjs.map +0 -6
  140. package/dist/esm/nativeSheet.mjs +0 -47
  141. package/dist/esm/nativeSheet.mjs.map +0 -6
  142. package/dist/esm/types.mjs +0 -1
  143. package/dist/esm/types.mjs.map +0 -6
  144. package/dist/esm/useSheetChildren.js +0 -48
  145. package/dist/esm/useSheetChildren.js.map +0 -6
  146. package/dist/esm/useSheetChildren.mjs +0 -46
  147. package/dist/esm/useSheetChildren.mjs.map +0 -6
  148. package/dist/esm/useSheetContoller.js +0 -19
  149. package/dist/esm/useSheetContoller.js.map +0 -6
  150. package/dist/esm/useSheetContoller.mjs +0 -19
  151. package/dist/esm/useSheetContoller.mjs.map +0 -6
  152. package/dist/esm/useSheetController.mjs +0 -19
  153. package/dist/esm/useSheetController.mjs.map +0 -6
  154. package/dist/esm/useSheetOpenState.mjs +0 -27
  155. package/dist/esm/useSheetOpenState.mjs.map +0 -6
  156. package/dist/esm/useSheetProviderProps.mjs +0 -64
  157. package/dist/esm/useSheetProviderProps.mjs.map +0 -6
  158. package/dist/esm/useSheetSnapPoints.js +0 -53
  159. package/dist/esm/useSheetSnapPoints.js.map +0 -6
  160. package/dist/esm/useSheetSnapPoints.mjs +0 -53
  161. package/dist/esm/useSheetSnapPoints.mjs.map +0 -6
  162. package/dist/jsx/StyledSheet.js +0 -100
  163. package/dist/jsx/StyledSheet.js.map +0 -6
  164. package/dist/jsx/StyledSheet.mjs +0 -100
  165. package/dist/jsx/StyledSheet.mjs.map +0 -6
  166. package/dist/jsx/getNativeSheet.js +0 -14
  167. package/dist/jsx/getNativeSheet.js.map +0 -6
  168. package/dist/jsx/getNativeSheet.mjs +0 -14
  169. package/dist/jsx/getNativeSheet.mjs.map +0 -6
  170. package/dist/jsx/native-ios.js +0 -4
  171. package/dist/jsx/native-ios.js.map +0 -6
  172. package/dist/jsx/native-ios.mjs +0 -4
  173. package/dist/jsx/native-ios.mjs.map +0 -6
  174. package/dist/jsx/useSheetChildren.js +0 -47
  175. package/dist/jsx/useSheetChildren.js.map +0 -6
  176. package/dist/jsx/useSheetChildren.mjs +0 -47
  177. package/dist/jsx/useSheetChildren.mjs.map +0 -6
  178. package/dist/jsx/useSheetContoller.js +0 -19
  179. package/dist/jsx/useSheetContoller.js.map +0 -6
  180. package/dist/jsx/useSheetContoller.mjs +0 -19
  181. package/dist/jsx/useSheetContoller.mjs.map +0 -6
  182. package/dist/jsx/useSheetSnapPoints.js +0 -53
  183. package/dist/jsx/useSheetSnapPoints.js.map +0 -6
  184. package/dist/jsx/useSheetSnapPoints.mjs +0 -53
  185. package/dist/jsx/useSheetSnapPoints.mjs.map +0 -6
  186. package/src/useSheetChildren.tsx +0 -49
  187. package/src/useSheetSnapPoints.tsx +0 -60
  188. package/types/SHEET_HANDLE_NAME.d.ts +0 -4
  189. package/types/getNativeSheet.d.ts +0 -3
  190. package/types/getNativeSheet.d.ts.map +0 -1
  191. package/types/native-ios.d.ts +0 -2
  192. package/types/native-ios.d.ts.map +0 -1
  193. package/types/useAnimated.d.ts +0 -19
  194. package/types/useAnimation.d.ts +0 -1
  195. package/types/useSheetChildren.d.ts +0 -8
  196. package/types/useSheetChildren.d.ts.map +0 -1
  197. package/types/useSheetContoller.d.ts +0 -14
  198. package/types/useSheetContoller.d.ts.map +0 -1
  199. package/types/useSheetSnapPoints.d.ts +0 -7
  200. package/types/useSheetSnapPoints.d.ts.map +0 -1
@@ -1,60 +0,0 @@
1
- import { useEffect, useMemo } from 'react'
2
-
3
- import { SheetContextValue } from './useSheetProviderProps'
4
-
5
- export const useSheetSnapPoints = ({
6
- position,
7
- setPosition,
8
- dismissOnSnapToBottom,
9
- snapPoints,
10
- setPositionImmediate,
11
- open,
12
- frameSize,
13
- }: SheetContextValue) => {
14
- if (process.env.NODE_ENV === 'development') {
15
- if (snapPoints.some((p) => p < 0 || p > 100)) {
16
- console.warn(
17
- '⚠️ Invalid snapPoint given, snapPoints must be between 0 and 100, equal to percent height of frame'
18
- )
19
- }
20
- }
21
-
22
- // reset position to fully open on re-open after dismissOnSnapToBottom
23
- if (open && dismissOnSnapToBottom && position === snapPoints.length - 1) {
24
- setPositionImmediate(0)
25
- }
26
-
27
- // open must set position
28
- const shouldSetPositionOpen = open && position < 0
29
- useEffect(() => {
30
- if (shouldSetPositionOpen) {
31
- setPosition(0)
32
- }
33
- }, [setPosition, shouldSetPositionOpen])
34
-
35
- const maxSnapPoint = snapPoints.reduce((prev, cur) => Math.max(prev, cur))
36
- const screenSize = frameSize / (maxSnapPoint / 100)
37
-
38
- const positions = useMemo(
39
- () => snapPoints.map((point) => getPercentSize(point, screenSize)),
40
- [frameSize, snapPoints]
41
- )
42
-
43
- return {
44
- positions,
45
- maxSnapPoint,
46
- screenSize,
47
- }
48
- }
49
-
50
- function getPercentSize(point?: number, screenSize?: number) {
51
- if (!screenSize) return 0
52
- if (point === undefined) {
53
- console.warn('No snapPoint')
54
- return 0
55
- }
56
- const pct = point / 100
57
- const next = Math.round(screenSize - pct * screenSize)
58
-
59
- return next
60
- }
@@ -1,4 +0,0 @@
1
- export declare const constants: {};
2
- export declare const SHEET_NAME = "Sheet";
3
- export declare const SHEET_HANDLE_NAME = "SheetHandle";
4
- //# sourceMappingURL=SHEET_HANDLE_NAME.d.ts.map
@@ -1,3 +0,0 @@
1
- export declare function getNativeSheet(platform: 'ios'): null;
2
- export declare function setNativeSheet(platform: 'ios', next: any): void;
3
- //# sourceMappingURL=getNativeSheet.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"getNativeSheet.d.ts","sourceRoot":"","sources":["../src/getNativeSheet.tsx"],"names":[],"mappings":"AAIA,wBAAgB,cAAc,CAAC,QAAQ,EAAE,KAAK,QAE7C;AAED,wBAAgB,cAAc,CAAC,QAAQ,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,QAExD"}
@@ -1,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=native-ios.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"native-ios.d.ts","sourceRoot":"","sources":["../src/native-ios.tsx"],"names":[],"mappings":""}
@@ -1,19 +0,0 @@
1
- import { Animated, TextStyle, ViewStyle } from 'react-native';
2
- import { SharedValue } from 'react-native-reanimated';
3
- export declare function useAnimated(): {
4
- View: any;
5
- Text: any;
6
- };
7
- declare type UniversalAnimatedNumber<A> = {
8
- getInstance(): A;
9
- getValue(): number;
10
- setValue(next: number): void;
11
- };
12
- export declare function useAnimatedNumberReanimated(initial: number): UniversalAnimatedNumber<SharedValue<number>>;
13
- export declare function useAnimatedNumberReactionReanimated(value: UniversalAnimatedNumber<SharedValue<number>>, cb: (current: number) => void): void;
14
- export declare function useAnimatedNumberStyleReanimated<V extends UniversalAnimatedNumber<Animated.Value>>(value: V, getStyle: (value: V) => ViewStyle | TextStyle): ViewStyle | TextStyle;
15
- export declare function useAnimatedNumber(initial: number): UniversalAnimatedNumber<Animated.Value>;
16
- export declare function useAnimatedNumberReaction(value: UniversalAnimatedNumber<Animated.Value>, cb: (current: number) => void): void;
17
- export declare function useAnimatedNumberStyle<V extends UniversalAnimatedNumber<Animated.Value>>(value: V, getStyle: (value: V) => ViewStyle | TextStyle): ViewStyle | TextStyle;
18
- export {};
19
- //# sourceMappingURL=useAnimated.d.ts.map
@@ -1 +0,0 @@
1
- //# sourceMappingURL=useAnimation.d.ts.map
@@ -1,8 +0,0 @@
1
- export declare function useSheetChildren(childrenProp: any): {
2
- handleComponent: null;
3
- overlayComponent: null;
4
- frameComponent: null;
5
- bottomCoverComponent: any;
6
- rest: any[];
7
- };
8
- //# sourceMappingURL=useSheetChildren.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"useSheetChildren.d.ts","sourceRoot":"","sources":["../src/useSheetChildren.tsx"],"names":[],"mappings":"AAEA,wBAAgB,gBAAgB,CAAC,YAAY,EAAE,GAAG;;;;;;EA8CjD"}
@@ -1,14 +0,0 @@
1
- /// <reference types="react" />
2
- export declare const useSheetContoller: () => {
3
- controller: SheetControllerContextValue | null;
4
- isHidden: boolean | undefined;
5
- isShowingNonSheet: boolean | undefined;
6
- };
7
- export declare const SheetControllerContext: import("react").Context<SheetControllerContextValue | null>;
8
- export type SheetControllerContextValue = {
9
- disableDrag?: boolean;
10
- open?: boolean;
11
- hidden?: boolean;
12
- onOpenChange?: React.Dispatch<React.SetStateAction<boolean>> | ((val: boolean) => void);
13
- };
14
- //# sourceMappingURL=useSheetContoller.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"useSheetContoller.d.ts","sourceRoot":"","sources":["../src/useSheetContoller.tsx"],"names":[],"mappings":";AAEA,eAAO,MAAM,iBAAiB;;;;CAS7B,CAAA;AAED,eAAO,MAAM,sBAAsB,6DAElC,CAAA;AAED,MAAM,MAAM,2BAA2B,GAAG;IACxC,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,IAAI,CAAC,EAAE,OAAO,CAAA;IAEd,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,YAAY,CAAC,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,OAAO,KAAK,IAAI,CAAC,CAAA;CACxF,CAAA"}
@@ -1,7 +0,0 @@
1
- import { SheetContextValue } from './useSheetProviderProps';
2
- export declare const useSheetSnapPoints: ({ position, setPosition, dismissOnSnapToBottom, snapPoints, setPositionImmediate, open, frameSize, }: SheetContextValue) => {
3
- positions: number[];
4
- maxSnapPoint: number;
5
- screenSize: number;
6
- };
7
- //# sourceMappingURL=useSheetSnapPoints.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"useSheetSnapPoints.d.ts","sourceRoot":"","sources":["../src/useSheetSnapPoints.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAA;AAE3D,eAAO,MAAM,kBAAkB,yGAQ5B,iBAAiB;;;;CAmCnB,CAAA"}