@tamagui/sheet 1.113.1 → 1.114.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.
- package/dist/esm/Sheet.native.js +82 -79
- package/dist/esm/Sheet.native.js.map +6 -1
- package/dist/esm/SheetContext.native.js +9 -5
- package/dist/esm/SheetContext.native.js.map +6 -1
- package/dist/esm/SheetController.native.js +20 -19
- package/dist/esm/SheetController.native.js.map +6 -1
- package/dist/esm/SheetImplementationCustom.native.js +271 -303
- package/dist/esm/SheetImplementationCustom.native.js.map +6 -1
- package/dist/esm/SheetScrollView.native.js +89 -102
- package/dist/esm/SheetScrollView.native.js.map +6 -1
- package/dist/esm/constants.native.js +8 -6
- package/dist/esm/constants.native.js.map +6 -1
- package/dist/esm/contexts.native.js +7 -5
- package/dist/esm/contexts.native.js.map +6 -1
- package/dist/esm/createSheet.native.js +96 -120
- package/dist/esm/createSheet.native.js.map +6 -1
- package/dist/esm/helpers.native.js +5 -6
- package/dist/esm/helpers.native.js.map +6 -1
- package/dist/esm/index.native.js +12 -12
- package/dist/esm/index.native.js.map +6 -1
- package/dist/esm/nativeSheet.native.js +36 -34
- package/dist/esm/nativeSheet.native.js.map +6 -1
- package/dist/esm/types.native.js +1 -2
- package/dist/esm/types.native.js.map +6 -1
- package/dist/esm/useSheet.native.js +6 -4
- package/dist/esm/useSheet.native.js.map +6 -1
- package/dist/esm/useSheetController.native.js +14 -14
- package/dist/esm/useSheetController.native.js.map +6 -1
- package/dist/esm/useSheetOffscreenSize.native.js +13 -26
- package/dist/esm/useSheetOffscreenSize.native.js.map +6 -1
- package/dist/esm/useSheetOpenState.native.js +16 -21
- package/dist/esm/useSheetOpenState.native.js.map +6 -1
- package/dist/esm/useSheetProviderProps.native.js +83 -82
- package/dist/esm/useSheetProviderProps.native.js.map +6 -1
- package/package.json +16 -16
package/dist/esm/Sheet.native.js
CHANGED
|
@@ -1,92 +1,95 @@
|
|
|
1
1
|
import { styled } from "@tamagui/core";
|
|
2
2
|
import { ThemeableStack, XStack, YStack } from "@tamagui/stacks";
|
|
3
|
-
import { SHEET_HANDLE_NAME, SHEET_NAME, SHEET_OVERLAY_NAME } from "./constants
|
|
4
|
-
import { createSheet } from "./createSheet
|
|
5
|
-
import { createSheetScope } from "./SheetContext
|
|
6
|
-
export * from "./types
|
|
3
|
+
import { SHEET_HANDLE_NAME, SHEET_NAME, SHEET_OVERLAY_NAME } from "./constants";
|
|
4
|
+
import { createSheet } from "./createSheet";
|
|
5
|
+
import { createSheetScope } from "./SheetContext";
|
|
6
|
+
export * from "./types";
|
|
7
7
|
var Handle = styled(XStack, {
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
},
|
|
14
|
-
false: {
|
|
15
|
-
opacity: 0,
|
|
16
|
-
pointerEvents: "none"
|
|
17
|
-
}
|
|
8
|
+
name: SHEET_HANDLE_NAME,
|
|
9
|
+
variants: {
|
|
10
|
+
open: {
|
|
11
|
+
true: {
|
|
12
|
+
pointerEvents: "auto"
|
|
18
13
|
},
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
borderRadius: 100,
|
|
23
|
-
backgroundColor: "$background",
|
|
24
|
-
zIndex: 10,
|
|
25
|
-
marginHorizontal: "35%",
|
|
26
|
-
marginBottom: "$2",
|
|
27
|
-
opacity: 0.5,
|
|
28
|
-
hoverStyle: {
|
|
29
|
-
opacity: 0.7
|
|
30
|
-
}
|
|
31
|
-
}
|
|
14
|
+
false: {
|
|
15
|
+
opacity: 0,
|
|
16
|
+
pointerEvents: "none"
|
|
32
17
|
}
|
|
33
18
|
},
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
},
|
|
46
|
-
false: {
|
|
47
|
-
opacity: 0,
|
|
48
|
-
pointerEvents: "none"
|
|
19
|
+
unstyled: {
|
|
20
|
+
false: {
|
|
21
|
+
height: 10,
|
|
22
|
+
borderRadius: 100,
|
|
23
|
+
backgroundColor: "$background",
|
|
24
|
+
zIndex: 10,
|
|
25
|
+
marginHorizontal: "35%",
|
|
26
|
+
marginBottom: "$2",
|
|
27
|
+
opacity: 0.5,
|
|
28
|
+
hoverStyle: {
|
|
29
|
+
opacity: 0.7
|
|
49
30
|
}
|
|
31
|
+
}
|
|
32
|
+
}
|
|
33
|
+
},
|
|
34
|
+
defaultVariants: {
|
|
35
|
+
unstyled: process.env.TAMAGUI_HEADLESS === "1"
|
|
36
|
+
}
|
|
37
|
+
}), Overlay = styled(ThemeableStack, {
|
|
38
|
+
name: SHEET_OVERLAY_NAME,
|
|
39
|
+
variants: {
|
|
40
|
+
open: {
|
|
41
|
+
true: {
|
|
42
|
+
opacity: 1,
|
|
43
|
+
pointerEvents: "auto"
|
|
50
44
|
},
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
position: "absolute",
|
|
55
|
-
backgrounded: !0,
|
|
56
|
-
zIndex: 99999,
|
|
57
|
-
pointerEvents: "auto"
|
|
58
|
-
}
|
|
45
|
+
false: {
|
|
46
|
+
opacity: 0,
|
|
47
|
+
pointerEvents: "none"
|
|
59
48
|
}
|
|
60
49
|
},
|
|
61
|
-
|
|
62
|
-
|
|
50
|
+
unstyled: {
|
|
51
|
+
false: {
|
|
52
|
+
fullscreen: !0,
|
|
53
|
+
position: "absolute",
|
|
54
|
+
backgrounded: !0,
|
|
55
|
+
zIndex: 99999,
|
|
56
|
+
pointerEvents: "auto"
|
|
57
|
+
}
|
|
63
58
|
}
|
|
64
|
-
}
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
59
|
+
},
|
|
60
|
+
defaultVariants: {
|
|
61
|
+
unstyled: process.env.TAMAGUI_HEADLESS === "1"
|
|
62
|
+
}
|
|
63
|
+
}), Frame = styled(YStack, {
|
|
64
|
+
name: SHEET_NAME,
|
|
65
|
+
variants: {
|
|
66
|
+
unstyled: {
|
|
67
|
+
false: {
|
|
68
|
+
flex: 1,
|
|
69
|
+
backgroundColor: "$background",
|
|
70
|
+
borderTopLeftRadius: "$true",
|
|
71
|
+
borderTopRightRadius: "$true",
|
|
72
|
+
width: "100%",
|
|
73
|
+
maxHeight: "100%",
|
|
74
|
+
overflow: "hidden"
|
|
78
75
|
}
|
|
79
|
-
},
|
|
80
|
-
defaultVariants: {
|
|
81
|
-
unstyled: process.env.TAMAGUI_HEADLESS === "1"
|
|
82
76
|
}
|
|
83
|
-
}
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
77
|
+
},
|
|
78
|
+
defaultVariants: {
|
|
79
|
+
unstyled: process.env.TAMAGUI_HEADLESS === "1"
|
|
80
|
+
}
|
|
81
|
+
}), Sheet = createSheet({
|
|
82
|
+
Frame,
|
|
83
|
+
Handle,
|
|
84
|
+
Overlay
|
|
85
|
+
}), SheetOverlayFrame = Overlay, SheetHandleFrame = Handle;
|
|
86
|
+
export {
|
|
87
|
+
Frame,
|
|
88
|
+
Handle,
|
|
89
|
+
Overlay,
|
|
90
|
+
Sheet,
|
|
91
|
+
SheetHandleFrame,
|
|
92
|
+
SheetOverlayFrame,
|
|
93
|
+
createSheetScope
|
|
94
|
+
};
|
|
95
|
+
//# sourceMappingURL=Sheet.js.map
|
|
@@ -1 +1,6 @@
|
|
|
1
|
-
{
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../src/Users/n8/tamagui/code/ui/sheet/src/Sheet.tsx"],
|
|
4
|
+
"mappings": "AAAA,SAASA,cAAc;AACvB,SAASC,gBAAgBC,QAAQC,cAAc;AAE/C,SAASC,mBAAmBC,YAAYC,0BAA0B;AAClE,SAASC,mBAAmB;AAE5B,SAASC,wBAAwB;AACjC,cAAc;AAMP,IAAMC,SAAST,OAAOE,QAAQ;EACnCQ,MAAMN;EAENO,UAAU;IACRC,MAAM;MACJC,MAAM;QACJC,eAAe;MACjB;MACAC,OAAO;QACLC,SAAS;QACTF,eAAe;MACjB;IACF;IAEAG,UAAU;MACRF,OAAO;QACLG,QAAQ;QACRC,cAAc;QACdC,iBAAiB;QACjBC,QAAQ;QACRC,kBAAkB;QAClBC,cAAc;QACdP,SAAS;QAETQ,YAAY;UACVR,SAAS;QACX;MACF;IACF;EACF;EAEAS,iBAAiB;IACfR,UAAUS,QAAQC,IAAIC,qBAAqB;EAC7C;AACF,CAAA,GAMaC,UAAU7B,OAAOC,gBAAgB;EAC5CS,MAAMJ;EAENK,UAAU;IACRC,MAAM;MACJC,MAAM;QACJG,SAAS;QACTF,eAAe;MACjB;MACAC,OAAO;QACLC,SAAS;QACTF,eAAe;MACjB;IACF;IAEAG,UAAU;MACRF,OAAO;QACLe,YAAY;QACZC,UAAU;QACVC,cAAc;QACdX,QAAQ;QACRP,eAAe;MACjB;IACF;EACF;EAEAW,iBAAiB;IACfR,UAAUS,QAAQC,IAAIC,qBAAqB;EAC7C;AACF,CAAA,GAMaK,QAAQjC,OAAOG,QAAQ;EAClCO,MAAML;EAENM,UAAU;IACRM,UAAU;MACRF,OAAO;QACLmB,MAAM;QACNd,iBAAiB;QACjBe,qBAAqB;QACrBC,sBAAsB;QACtBC,OAAO;QACPC,WAAW;QACXC,UAAU;MACZ;IACF;EACF;EAEAd,iBAAiB;IACfR,UAAUS,QAAQC,IAAIC,qBAAqB;EAC7C;AACF,CAAA,GAEaY,QAAQjC,YAAY;EAC/B0B;EACAxB;EACAoB;AACF,CAAA,GAGaY,oBAAoBZ,SAGpBa,mBAAmBjC;",
|
|
5
|
+
"names": ["styled", "ThemeableStack", "XStack", "YStack", "SHEET_HANDLE_NAME", "SHEET_NAME", "SHEET_OVERLAY_NAME", "createSheet", "createSheetScope", "Handle", "name", "variants", "open", "true", "pointerEvents", "false", "opacity", "unstyled", "height", "borderRadius", "backgroundColor", "zIndex", "marginHorizontal", "marginBottom", "hoverStyle", "defaultVariants", "process", "env", "TAMAGUI_HEADLESS", "Overlay", "fullscreen", "position", "backgrounded", "Frame", "flex", "borderTopLeftRadius", "borderTopRightRadius", "width", "maxHeight", "overflow", "Sheet", "SheetOverlayFrame", "SheetHandleFrame"]
|
|
6
|
+
}
|
|
@@ -1,6 +1,10 @@
|
|
|
1
1
|
import { createContextScope } from "@tamagui/create-context";
|
|
2
|
-
import { SHEET_NAME } from "./constants
|
|
3
|
-
var [createSheetContext, createSheetScope] = createContextScope(SHEET_NAME),
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
2
|
+
import { SHEET_NAME } from "./constants";
|
|
3
|
+
var [createSheetContext, createSheetScope] = createContextScope(SHEET_NAME), [SheetProvider, useSheetContext] = createSheetContext(SHEET_NAME, {});
|
|
4
|
+
export {
|
|
5
|
+
SheetProvider,
|
|
6
|
+
createSheetContext,
|
|
7
|
+
createSheetScope,
|
|
8
|
+
useSheetContext
|
|
9
|
+
};
|
|
10
|
+
//# sourceMappingURL=SheetContext.js.map
|
|
@@ -1 +1,6 @@
|
|
|
1
|
-
{
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../src/Users/n8/tamagui/code/ui/sheet/src/SheetContext.tsx"],
|
|
4
|
+
"mappings": "AAAA,SAASA,0BAA0B;AAEnC,SAASC,kBAAkB;AAGpB,IAAM,CAACC,oBAAoBC,gBAAAA,IAAoBH,mBAAmBC,UAAAA,GAE5D,CAACG,eAAeC,eAAAA,IAAmBH,mBAC9CD,YACA,CAAC,CAAA;",
|
|
5
|
+
"names": ["createContextScope", "SHEET_NAME", "createSheetContext", "createSheetScope", "SheetProvider", "useSheetContext"]
|
|
6
|
+
}
|
|
@@ -1,26 +1,27 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import React from "react";
|
|
3
3
|
import { useEvent } from "@tamagui/core";
|
|
4
|
-
import { SheetControllerContext } from "./useSheetController
|
|
5
|
-
var SheetController = function
|
|
6
|
-
var {
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
return /* @__PURE__ */_jsx(SheetControllerContext.Provider, {
|
|
4
|
+
import { SheetControllerContext } from "./useSheetController";
|
|
5
|
+
var SheetController = function(param) {
|
|
6
|
+
var { children, onOpenChange: onOpenChangeProp, ...value } = param, onOpenChange = useEvent(onOpenChangeProp), memoValue = React.useMemo(function() {
|
|
7
|
+
return {
|
|
8
|
+
open: value.open,
|
|
9
|
+
hidden: value.hidden,
|
|
10
|
+
disableDrag: value.disableDrag,
|
|
11
|
+
onOpenChange
|
|
12
|
+
};
|
|
13
|
+
}, [
|
|
14
|
+
onOpenChange,
|
|
15
|
+
value.open,
|
|
16
|
+
value.hidden,
|
|
17
|
+
value.disableDrag
|
|
18
|
+
]);
|
|
19
|
+
return /* @__PURE__ */ _jsx(SheetControllerContext.Provider, {
|
|
21
20
|
value: memoValue,
|
|
22
21
|
children
|
|
23
22
|
});
|
|
24
23
|
};
|
|
25
|
-
export {
|
|
26
|
-
|
|
24
|
+
export {
|
|
25
|
+
SheetController
|
|
26
|
+
};
|
|
27
|
+
//# sourceMappingURL=SheetController.js.map
|
|
@@ -1 +1,6 @@
|
|
|
1
|
-
{
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../src/Users/n8/tamagui/code/ui/sheet/src/SheetController.tsx"],
|
|
4
|
+
"mappings": ";AAAA,OAAOA,WAAW;AAClB,SAASC,gBAAgB;AAIzB,SAASC,8BAA8B;AAEhC,IAAMC,kBAAkB,SAAA,OAAA;MAAC,EAC9BC,UACAC,cAAcC,kBACd,GAAGC,MAAAA,IAC6D,OAC1DF,eAAeJ,SAASK,gBAAAA,GAExBE,YAAYR,MAAMS,QACtB,WAAA;WAAO;MACLC,MAAMH,MAAMG;MACZC,QAAQJ,MAAMI;MACdC,aAAaL,MAAMK;MACnBP;IACF;KACA;IAACA;IAAcE,MAAMG;IAAMH,MAAMI;IAAQJ,MAAMK;GAAY;AAG7D,SACE,qBAACV,uBAAuBW,UAAQ;IAACN,OAAOC;;;AAI5C;",
|
|
5
|
+
"names": ["React", "useEvent", "SheetControllerContext", "SheetController", "children", "onOpenChange", "onOpenChangeProp", "value", "memoValue", "useMemo", "open", "hidden", "disableDrag", "Provider"]
|
|
6
|
+
}
|