@tamagui/sheet 1.27.2 → 1.28.0

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 (104) hide show
  1. package/dist/cjs/createSheet.js +3 -1
  2. package/dist/cjs/createSheet.js.map +1 -1
  3. package/dist/esm/createSheet.js +3 -1
  4. package/dist/esm/createSheet.js.map +1 -1
  5. package/dist/jsx/createSheet.js +3 -1
  6. package/dist/jsx/createSheet.js.map +1 -1
  7. package/dist/jsx/createSheet.mjs +3 -1
  8. package/dist/jsx/createSheet.mjs.map +1 -1
  9. package/package.json +14 -13
  10. package/src/createSheet.tsx +5 -2
  11. package/types/createSheet.d.ts.map +1 -1
  12. package/dist/cjs/StyledSheet.js +0 -132
  13. package/dist/cjs/StyledSheet.js.map +0 -6
  14. package/dist/cjs/getNativeSheet.js +0 -39
  15. package/dist/cjs/getNativeSheet.js.map +0 -6
  16. package/dist/cjs/native-ios.js +0 -5
  17. package/dist/cjs/native-ios.js.map +0 -6
  18. package/dist/cjs/useSheetChildren.js +0 -82
  19. package/dist/cjs/useSheetChildren.js.map +0 -6
  20. package/dist/cjs/useSheetContoller.js +0 -44
  21. package/dist/cjs/useSheetContoller.js.map +0 -6
  22. package/dist/cjs/useSheetSnapPoints.js +0 -77
  23. package/dist/cjs/useSheetSnapPoints.js.map +0 -6
  24. package/dist/esm/Sheet.mjs +0 -527
  25. package/dist/esm/Sheet.mjs.map +0 -6
  26. package/dist/esm/SheetContext.mjs +0 -14
  27. package/dist/esm/SheetContext.mjs.map +0 -6
  28. package/dist/esm/SheetController.mjs +0 -25
  29. package/dist/esm/SheetController.mjs.map +0 -6
  30. package/dist/esm/SheetScrollView.mjs +0 -81
  31. package/dist/esm/SheetScrollView.mjs.map +0 -6
  32. package/dist/esm/StyledSheet.js +0 -100
  33. package/dist/esm/StyledSheet.js.map +0 -6
  34. package/dist/esm/constants.mjs +0 -9
  35. package/dist/esm/constants.mjs.map +0 -6
  36. package/dist/esm/getNativeSheet.js +0 -14
  37. package/dist/esm/getNativeSheet.js.map +0 -6
  38. package/dist/esm/getNativeSheet.mjs +0 -14
  39. package/dist/esm/getNativeSheet.mjs.map +0 -6
  40. package/dist/esm/index.mjs +0 -8
  41. package/dist/esm/index.mjs.map +0 -6
  42. package/dist/esm/native-ios.js +0 -4
  43. package/dist/esm/native-ios.js.map +0 -6
  44. package/dist/esm/native-ios.mjs +0 -4
  45. package/dist/esm/native-ios.mjs.map +0 -6
  46. package/dist/esm/nativeSheet.mjs +0 -47
  47. package/dist/esm/nativeSheet.mjs.map +0 -6
  48. package/dist/esm/types.mjs +0 -1
  49. package/dist/esm/types.mjs.map +0 -6
  50. package/dist/esm/useSheetChildren.js +0 -48
  51. package/dist/esm/useSheetChildren.js.map +0 -6
  52. package/dist/esm/useSheetChildren.mjs +0 -46
  53. package/dist/esm/useSheetChildren.mjs.map +0 -6
  54. package/dist/esm/useSheetContoller.js +0 -19
  55. package/dist/esm/useSheetContoller.js.map +0 -6
  56. package/dist/esm/useSheetContoller.mjs +0 -19
  57. package/dist/esm/useSheetContoller.mjs.map +0 -6
  58. package/dist/esm/useSheetController.mjs +0 -19
  59. package/dist/esm/useSheetController.mjs.map +0 -6
  60. package/dist/esm/useSheetOpenState.mjs +0 -27
  61. package/dist/esm/useSheetOpenState.mjs.map +0 -6
  62. package/dist/esm/useSheetProviderProps.mjs +0 -64
  63. package/dist/esm/useSheetProviderProps.mjs.map +0 -6
  64. package/dist/esm/useSheetSnapPoints.js +0 -53
  65. package/dist/esm/useSheetSnapPoints.js.map +0 -6
  66. package/dist/esm/useSheetSnapPoints.mjs +0 -53
  67. package/dist/esm/useSheetSnapPoints.mjs.map +0 -6
  68. package/dist/jsx/StyledSheet.js +0 -100
  69. package/dist/jsx/StyledSheet.js.map +0 -6
  70. package/dist/jsx/StyledSheet.mjs +0 -100
  71. package/dist/jsx/StyledSheet.mjs.map +0 -6
  72. package/dist/jsx/getNativeSheet.js +0 -14
  73. package/dist/jsx/getNativeSheet.js.map +0 -6
  74. package/dist/jsx/getNativeSheet.mjs +0 -14
  75. package/dist/jsx/getNativeSheet.mjs.map +0 -6
  76. package/dist/jsx/native-ios.js +0 -4
  77. package/dist/jsx/native-ios.js.map +0 -6
  78. package/dist/jsx/native-ios.mjs +0 -4
  79. package/dist/jsx/native-ios.mjs.map +0 -6
  80. package/dist/jsx/useSheetChildren.js +0 -47
  81. package/dist/jsx/useSheetChildren.js.map +0 -6
  82. package/dist/jsx/useSheetChildren.mjs +0 -47
  83. package/dist/jsx/useSheetChildren.mjs.map +0 -6
  84. package/dist/jsx/useSheetContoller.js +0 -19
  85. package/dist/jsx/useSheetContoller.js.map +0 -6
  86. package/dist/jsx/useSheetContoller.mjs +0 -19
  87. package/dist/jsx/useSheetContoller.mjs.map +0 -6
  88. package/dist/jsx/useSheetSnapPoints.js +0 -53
  89. package/dist/jsx/useSheetSnapPoints.js.map +0 -6
  90. package/dist/jsx/useSheetSnapPoints.mjs +0 -53
  91. package/dist/jsx/useSheetSnapPoints.mjs.map +0 -6
  92. package/types/SHEET_HANDLE_NAME.d.ts +0 -4
  93. package/types/getNativeSheet.d.ts +0 -3
  94. package/types/getNativeSheet.d.ts.map +0 -1
  95. package/types/native-ios.d.ts +0 -2
  96. package/types/native-ios.d.ts.map +0 -1
  97. package/types/useAnimated.d.ts +0 -19
  98. package/types/useAnimation.d.ts +0 -1
  99. package/types/useSheetChildren.d.ts +0 -8
  100. package/types/useSheetChildren.d.ts.map +0 -1
  101. package/types/useSheetContoller.d.ts +0 -14
  102. package/types/useSheetContoller.d.ts.map +0 -1
  103. package/types/useSheetSnapPoints.d.ts +0 -7
  104. package/types/useSheetSnapPoints.d.ts.map +0 -1
@@ -1,53 +0,0 @@
1
- import { useEffect, useMemo } from "react";
2
- const useSheetSnapPoints = ({
3
- position,
4
- setPosition,
5
- dismissOnSnapToBottom,
6
- snapPoints,
7
- setPositionImmediate,
8
- open,
9
- frameSize
10
- }) => {
11
- if (process.env.NODE_ENV === "development") {
12
- if (snapPoints.some((p) => p < 0 || p > 100)) {
13
- console.warn(
14
- "\u26A0\uFE0F Invalid snapPoint given, snapPoints must be between 0 and 100, equal to percent height of frame"
15
- );
16
- }
17
- }
18
- if (open && dismissOnSnapToBottom && position === snapPoints.length - 1) {
19
- setPositionImmediate(0);
20
- }
21
- const shouldSetPositionOpen = open && position < 0;
22
- useEffect(() => {
23
- if (shouldSetPositionOpen) {
24
- setPosition(0);
25
- }
26
- }, [setPosition, shouldSetPositionOpen]);
27
- const maxSnapPoint = snapPoints.reduce((prev, cur) => Math.max(prev, cur));
28
- const screenSize = frameSize / (maxSnapPoint / 100);
29
- const positions = useMemo(
30
- () => snapPoints.map((point) => getPercentSize(point, screenSize)),
31
- [frameSize, snapPoints]
32
- );
33
- return {
34
- positions,
35
- maxSnapPoint,
36
- screenSize
37
- };
38
- };
39
- function getPercentSize(point, screenSize) {
40
- if (!screenSize)
41
- return 0;
42
- if (point === void 0) {
43
- console.warn("No snapPoint");
44
- return 0;
45
- }
46
- const pct = point / 100;
47
- const next = Math.round(screenSize - pct * screenSize);
48
- return next;
49
- }
50
- export {
51
- useSheetSnapPoints
52
- };
53
- //# sourceMappingURL=useSheetSnapPoints.js.map
@@ -1,6 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../src/useSheetSnapPoints.tsx"],
4
- "mappings": "AAAA,SAAS,WAAW,eAAe;AAI5B,MAAM,qBAAqB,CAAC;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAyB;AACvB,MAAI,QAAQ,IAAI,aAAa,eAAe;AAC1C,QAAI,WAAW,KAAK,CAAC,MAAM,IAAI,KAAK,IAAI,GAAG,GAAG;AAC5C,cAAQ;AAAA,QACN;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAGA,MAAI,QAAQ,yBAAyB,aAAa,WAAW,SAAS,GAAG;AACvE,yBAAqB,CAAC;AAAA,EACxB;AAGA,QAAM,wBAAwB,QAAQ,WAAW;AACjD,YAAU,MAAM;AACd,QAAI,uBAAuB;AACzB,kBAAY,CAAC;AAAA,IACf;AAAA,EACF,GAAG,CAAC,aAAa,qBAAqB,CAAC;AAEvC,QAAM,eAAe,WAAW,OAAO,CAAC,MAAM,QAAQ,KAAK,IAAI,MAAM,GAAG,CAAC;AACzE,QAAM,aAAa,aAAa,eAAe;AAE/C,QAAM,YAAY;AAAA,IAChB,MAAM,WAAW,IAAI,CAAC,UAAU,eAAe,OAAO,UAAU,CAAC;AAAA,IACjE,CAAC,WAAW,UAAU;AAAA,EACxB;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;AAEA,SAAS,eAAe,OAAgB,YAAqB;AAC3D,MAAI,CAAC;AAAY,WAAO;AACxB,MAAI,UAAU,QAAW;AACvB,YAAQ,KAAK,cAAc;AAC3B,WAAO;AAAA,EACT;AACA,QAAM,MAAM,QAAQ;AACpB,QAAM,OAAO,KAAK,MAAM,aAAa,MAAM,UAAU;AAErD,SAAO;AACT;",
5
- "names": []
6
- }
@@ -1,53 +0,0 @@
1
- import { useEffect, useMemo } from "react";
2
- const useSheetSnapPoints = ({
3
- position,
4
- setPosition,
5
- dismissOnSnapToBottom,
6
- snapPoints,
7
- setPositionImmediate,
8
- open,
9
- frameSize
10
- }) => {
11
- if (process.env.NODE_ENV === "development") {
12
- if (snapPoints.some((p) => p < 0 || p > 100)) {
13
- console.warn(
14
- "\u26A0\uFE0F Invalid snapPoint given, snapPoints must be between 0 and 100, equal to percent height of frame"
15
- );
16
- }
17
- }
18
- if (open && dismissOnSnapToBottom && position === snapPoints.length - 1) {
19
- setPositionImmediate(0);
20
- }
21
- const shouldSetPositionOpen = open && position < 0;
22
- useEffect(() => {
23
- if (shouldSetPositionOpen) {
24
- setPosition(0);
25
- }
26
- }, [setPosition, shouldSetPositionOpen]);
27
- const maxSnapPoint = snapPoints.reduce((prev, cur) => Math.max(prev, cur));
28
- const screenSize = frameSize / (maxSnapPoint / 100);
29
- const positions = useMemo(
30
- () => snapPoints.map((point) => getPercentSize(point, screenSize)),
31
- [frameSize, snapPoints]
32
- );
33
- return {
34
- positions,
35
- maxSnapPoint,
36
- screenSize
37
- };
38
- };
39
- function getPercentSize(point, screenSize) {
40
- if (!screenSize)
41
- return 0;
42
- if (point === void 0) {
43
- console.warn("No snapPoint");
44
- return 0;
45
- }
46
- const pct = point / 100;
47
- const next = Math.round(screenSize - pct * screenSize);
48
- return next;
49
- }
50
- export {
51
- useSheetSnapPoints
52
- };
53
- //# sourceMappingURL=useSheetSnapPoints.mjs.map
@@ -1,6 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../src/useSheetSnapPoints.tsx"],
4
- "mappings": "AAAA,SAAS,WAAW,eAAe;AAI5B,MAAM,qBAAqB,CAAC;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAyB;AACvB,MAAI,QAAQ,IAAI,aAAa,eAAe;AAC1C,QAAI,WAAW,KAAK,CAAC,MAAM,IAAI,KAAK,IAAI,GAAG,GAAG;AAC5C,cAAQ;AAAA,QACN;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAGA,MAAI,QAAQ,yBAAyB,aAAa,WAAW,SAAS,GAAG;AACvE,yBAAqB,CAAC;AAAA,EACxB;AAGA,QAAM,wBAAwB,QAAQ,WAAW;AACjD,YAAU,MAAM;AACd,QAAI,uBAAuB;AACzB,kBAAY,CAAC;AAAA,IACf;AAAA,EACF,GAAG,CAAC,aAAa,qBAAqB,CAAC;AAEvC,QAAM,eAAe,WAAW,OAAO,CAAC,MAAM,QAAQ,KAAK,IAAI,MAAM,GAAG,CAAC;AACzE,QAAM,aAAa,aAAa,eAAe;AAE/C,QAAM,YAAY;AAAA,IAChB,MAAM,WAAW,IAAI,CAAC,UAAU,eAAe,OAAO,UAAU,CAAC;AAAA,IACjE,CAAC,WAAW,UAAU;AAAA,EACxB;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;AAEA,SAAS,eAAe,OAAgB,YAAqB;AAC3D,MAAI,CAAC;AAAY,WAAO;AACxB,MAAI,UAAU,QAAW;AACvB,YAAQ,KAAK,cAAc;AAC3B,WAAO;AAAA,EACT;AACA,QAAM,MAAM,QAAQ;AACpB,QAAM,OAAO,KAAK,MAAM,aAAa,MAAM,UAAU;AAErD,SAAO;AACT;",
5
- "names": []
6
- }
@@ -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"}