@tamagui/sheet 3.0.0-beta.1479.1 → 3.0.0-beta.1537.1
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/cjs/Sheet.cjs +29 -12
- package/dist/cjs/Sheet.native.cjs +29 -12
- package/dist/cjs/Sheet.native.js +29 -12
- package/dist/cjs/Sheet.native.js.map +1 -1
- package/dist/cjs/SheetScrollView.cjs +13 -1
- package/dist/cjs/SheetScrollView.native.cjs +14 -1
- package/dist/cjs/SheetScrollView.native.js +14 -1
- package/dist/cjs/SheetScrollView.native.js.map +1 -1
- package/dist/cjs/nativeSheet.cjs +1 -1
- package/dist/cjs/nativeSheet.native.cjs +66 -55
- package/dist/cjs/nativeSheet.native.js +66 -55
- package/dist/cjs/nativeSheet.native.js.map +1 -1
- package/dist/cjs/useSheetOffscreenSize.cjs +3 -1
- package/dist/cjs/useSheetOffscreenSize.native.cjs +3 -2
- package/dist/cjs/useSheetOffscreenSize.native.js +3 -2
- package/dist/cjs/useSheetOffscreenSize.native.js.map +1 -1
- package/dist/cjs/useSheetOpenState.cjs +9 -3
- package/dist/cjs/useSheetOpenState.native.cjs +11 -2
- package/dist/cjs/useSheetOpenState.native.js +11 -2
- package/dist/cjs/useSheetOpenState.native.js.map +1 -1
- package/dist/cjs/useSheetProviderProps.cjs +5 -94
- package/dist/cjs/useSheetProviderProps.native.cjs +5 -103
- package/dist/cjs/useSheetProviderProps.native.js +5 -103
- package/dist/cjs/useSheetProviderProps.native.js.map +1 -1
- package/dist/cjs/useSheetState.cjs +120 -0
- package/dist/cjs/useSheetState.native.cjs +131 -0
- package/dist/cjs/useSheetState.native.js +133 -0
- package/dist/cjs/useSheetState.native.js.map +1 -0
- package/dist/esm/Sheet.mjs +29 -12
- package/dist/esm/Sheet.mjs.map +1 -1
- package/dist/esm/Sheet.native.js +29 -12
- package/dist/esm/Sheet.native.js.map +1 -1
- package/dist/esm/SheetScrollView.mjs +14 -2
- package/dist/esm/SheetScrollView.mjs.map +1 -1
- package/dist/esm/SheetScrollView.native.js +15 -2
- package/dist/esm/SheetScrollView.native.js.map +1 -1
- package/dist/esm/nativeSheet.mjs +1 -1
- package/dist/esm/nativeSheet.mjs.map +1 -1
- package/dist/esm/nativeSheet.native.js +69 -58
- package/dist/esm/nativeSheet.native.js.map +1 -1
- package/dist/esm/useSheetOffscreenSize.mjs +3 -1
- package/dist/esm/useSheetOffscreenSize.mjs.map +1 -1
- package/dist/esm/useSheetOffscreenSize.native.js +3 -2
- package/dist/esm/useSheetOffscreenSize.native.js.map +1 -1
- package/dist/esm/useSheetOpenState.mjs +9 -3
- package/dist/esm/useSheetOpenState.mjs.map +1 -1
- package/dist/esm/useSheetOpenState.native.js +11 -2
- package/dist/esm/useSheetOpenState.native.js.map +1 -1
- package/dist/esm/useSheetProviderProps.mjs +5 -88
- package/dist/esm/useSheetProviderProps.mjs.map +1 -1
- package/dist/esm/useSheetProviderProps.native.js +5 -97
- package/dist/esm/useSheetProviderProps.native.js.map +1 -1
- package/dist/esm/useSheetState.mjs +95 -0
- package/dist/esm/useSheetState.mjs.map +1 -0
- package/dist/esm/useSheetState.native.js +104 -0
- package/dist/esm/useSheetState.native.js.map +1 -0
- package/dist/jsx/Sheet.mjs +29 -12
- package/dist/jsx/Sheet.mjs.map +1 -1
- package/dist/jsx/Sheet.native.cjs +29 -12
- package/dist/jsx/Sheet.native.js +29 -12
- package/dist/jsx/Sheet.native.js.map +1 -1
- package/dist/jsx/SheetScrollView.mjs +14 -2
- package/dist/jsx/SheetScrollView.mjs.map +1 -1
- package/dist/jsx/SheetScrollView.native.cjs +14 -1
- package/dist/jsx/SheetScrollView.native.js +14 -1
- package/dist/jsx/SheetScrollView.native.js.map +1 -1
- package/dist/jsx/nativeSheet.mjs +1 -1
- package/dist/jsx/nativeSheet.mjs.map +1 -1
- package/dist/jsx/nativeSheet.native.cjs +66 -55
- package/dist/jsx/nativeSheet.native.js +66 -55
- package/dist/jsx/nativeSheet.native.js.map +1 -1
- package/dist/jsx/useSheetOffscreenSize.mjs +3 -1
- package/dist/jsx/useSheetOffscreenSize.mjs.map +1 -1
- package/dist/jsx/useSheetOffscreenSize.native.cjs +3 -2
- package/dist/jsx/useSheetOffscreenSize.native.js +3 -2
- package/dist/jsx/useSheetOffscreenSize.native.js.map +1 -1
- package/dist/jsx/useSheetOpenState.mjs +9 -3
- package/dist/jsx/useSheetOpenState.mjs.map +1 -1
- package/dist/jsx/useSheetOpenState.native.cjs +11 -2
- package/dist/jsx/useSheetOpenState.native.js +11 -2
- package/dist/jsx/useSheetOpenState.native.js.map +1 -1
- package/dist/jsx/useSheetProviderProps.mjs +5 -88
- package/dist/jsx/useSheetProviderProps.mjs.map +1 -1
- package/dist/jsx/useSheetProviderProps.native.cjs +5 -103
- package/dist/jsx/useSheetProviderProps.native.js +5 -103
- package/dist/jsx/useSheetProviderProps.native.js.map +1 -1
- package/dist/jsx/useSheetState.mjs +95 -0
- package/dist/jsx/useSheetState.mjs.map +1 -0
- package/dist/jsx/useSheetState.native.cjs +131 -0
- package/dist/jsx/useSheetState.native.js +133 -0
- package/dist/jsx/useSheetState.native.js.map +1 -0
- package/package.json +22 -22
- package/src/Sheet.tsx +44 -15
- package/src/SheetScrollView.tsx +22 -3
- package/src/nativeSheet.native.tsx +89 -64
- package/src/nativeSheet.ts +7 -10
- package/src/types.tsx +29 -4
- package/src/useSheetOffscreenSize.tsx +3 -7
- package/src/useSheetOpenState.tsx +10 -2
- package/src/useSheetProviderProps.tsx +18 -149
- package/src/useSheetState.tsx +139 -0
- package/types/Sheet.d.ts +32 -32
- package/types/Sheet.d.ts.map +1 -1
- package/types/SheetScrollView.d.ts.map +1 -1
- package/types/nativeSheet.d.ts +8 -9
- package/types/nativeSheet.d.ts.map +1 -1
- package/types/nativeSheet.native.d.ts +4 -4
- package/types/nativeSheet.native.d.ts.map +1 -1
- package/types/types.d.ts +22 -4
- package/types/types.d.ts.map +1 -1
- package/types/useSheetOffscreenSize.d.ts +1 -1
- package/types/useSheetOffscreenSize.d.ts.map +1 -1
- package/types/useSheetOpenState.d.ts +3 -1
- package/types/useSheetOpenState.d.ts.map +1 -1
- package/types/useSheetProviderProps.d.ts +15 -13
- package/types/useSheetProviderProps.d.ts.map +1 -1
- package/types/useSheetState.d.ts +26 -0
- package/types/useSheetState.d.ts.map +1 -0
|
@@ -1,8 +1,6 @@
|
|
|
1
|
-
var __create = Object.create;
|
|
2
1
|
var __defProp = Object.defineProperty;
|
|
3
2
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
3
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __getProtoOf = Object.getPrototypeOf;
|
|
6
4
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
5
|
var __export = (target, all) => {
|
|
8
6
|
for (var name in all) __defProp(target, name, {
|
|
@@ -19,85 +17,16 @@ var __copyProps = (to, from, except, desc) => {
|
|
|
19
17
|
}
|
|
20
18
|
return to;
|
|
21
19
|
};
|
|
22
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
|
|
23
|
-
value: mod,
|
|
24
|
-
enumerable: true
|
|
25
|
-
}) : target, mod));
|
|
26
20
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
27
21
|
var useSheetProviderProps_exports = {};
|
|
28
22
|
__export(useSheetProviderProps_exports, { useSheetProviderProps: () => useSheetProviderProps });
|
|
29
23
|
module.exports = __toCommonJS(useSheetProviderProps_exports);
|
|
30
|
-
var import_react = __toESM(require("react"), 1);
|
|
31
24
|
var import_core = require("@tamagui/core");
|
|
32
25
|
var import_use_constant = require("@tamagui/use-constant");
|
|
33
|
-
var
|
|
26
|
+
var import_useSheetState = require("./useSheetState.cjs");
|
|
34
27
|
function useSheetProviderProps(props, state) {
|
|
35
|
-
const
|
|
36
|
-
const
|
|
37
|
-
const [frameSize, setFrameSize] = import_react.default.useState(0);
|
|
38
|
-
const [maxContentSize, setMaxContentSize] = import_react.default.useState(0);
|
|
39
|
-
const snapPointsMode = props.snapPointsMode ?? "percent";
|
|
40
|
-
const snapPointsProp = props.snapPoints ?? (snapPointsMode === "percent" ? [80] : snapPointsMode === "constant" ? [256] : ["fit"]);
|
|
41
|
-
const hasFit = snapPointsProp[0] === "fit";
|
|
42
|
-
const snapPoints = import_react.default.useMemo(() => props.dismissOnSnapToBottom ? [...snapPointsProp, 0] : snapPointsProp, [JSON.stringify(snapPointsProp), props.dismissOnSnapToBottom]);
|
|
43
|
-
const [position_, setPositionImmediate] = (0, import_use_controllable_state.useControllableState)({
|
|
44
|
-
prop: props.position,
|
|
45
|
-
defaultProp: props.defaultPosition || (state.open ? 0 : -1),
|
|
46
|
-
onChange: props.onPositionChange,
|
|
47
|
-
strategy: "most-recent-wins"
|
|
48
|
-
});
|
|
49
|
-
const position = state.open === false ? -1 : position_;
|
|
50
|
-
const { open } = state;
|
|
51
|
-
const setPosition = import_react.default.useCallback((next) => {
|
|
52
|
-
if (props.dismissOnSnapToBottom && next === snapPoints.length - 1) {
|
|
53
|
-
state.setOpen(false);
|
|
54
|
-
} else {
|
|
55
|
-
setPositionImmediate(next);
|
|
56
|
-
}
|
|
57
|
-
}, [
|
|
58
|
-
props.dismissOnSnapToBottom,
|
|
59
|
-
snapPoints.length,
|
|
60
|
-
setPositionImmediate,
|
|
61
|
-
state.setOpen
|
|
62
|
-
]);
|
|
63
|
-
if (process.env.NODE_ENV === "development") {
|
|
64
|
-
if (snapPointsMode === "mixed" && snapPoints.some((p) => {
|
|
65
|
-
if (typeof p === "string") {
|
|
66
|
-
if (p === "fit") {
|
|
67
|
-
return false;
|
|
68
|
-
}
|
|
69
|
-
if (p.endsWith("%")) {
|
|
70
|
-
const n = Number(p.slice(0, -1));
|
|
71
|
-
return n < 0 || n > 100;
|
|
72
|
-
}
|
|
73
|
-
return true;
|
|
74
|
-
}
|
|
75
|
-
return typeof p !== "number" || p < 0;
|
|
76
|
-
})) {
|
|
77
|
-
console.warn("⚠️ Invalid snapPoint given, snapPoints must be positive numeric values, string percentages between 0-100%, or \"fit\" when snapPointsMode is mixed");
|
|
78
|
-
}
|
|
79
|
-
if (snapPointsMode === "mixed" && snapPoints.indexOf("fit") > 0) {
|
|
80
|
-
console.warn("⚠️ Invalid snapPoint given, \"fit\" must be the first/largest snap point when snapPointsMode is mixed");
|
|
81
|
-
}
|
|
82
|
-
if (snapPointsMode === "fit" && (snapPoints.length !== (props.dismissOnSnapToBottom ? 2 : 1) || snapPoints[0] !== "fit")) {
|
|
83
|
-
console.warn("⚠️ Invalid snapPoint given, there are no snap points when snapPointsMode is fit");
|
|
84
|
-
}
|
|
85
|
-
if (snapPointsMode === "constant" && snapPoints.some((p) => typeof p !== "number" || p < 0)) {
|
|
86
|
-
console.warn("⚠️ Invalid snapPoint given, snapPoints must be positive numeric values when snapPointsMode is constant");
|
|
87
|
-
}
|
|
88
|
-
if (snapPointsMode === "percent" && snapPoints.some((p) => typeof p !== "number" || p < 0 || p > 100)) {
|
|
89
|
-
console.warn("⚠️ Invalid snapPoint given, snapPoints must be numeric values between 0 and 100 when snapPointsMode is percent");
|
|
90
|
-
}
|
|
91
|
-
}
|
|
92
|
-
if (open && props.dismissOnSnapToBottom && position === snapPoints.length - 1) {
|
|
93
|
-
setPositionImmediate(0);
|
|
94
|
-
}
|
|
95
|
-
const shouldSetPositionOpen = open && position < 0;
|
|
96
|
-
import_react.default.useEffect(() => {
|
|
97
|
-
if (shouldSetPositionOpen) {
|
|
98
|
-
setPosition(0);
|
|
99
|
-
}
|
|
100
|
-
}, [setPosition, shouldSetPositionOpen]);
|
|
28
|
+
const { maxContentSize, ...sheetState } = (0, import_useSheetState.useSheetState)(props, state);
|
|
29
|
+
const { frameSize, snapPointsMode, snapPoints, open } = sheetState;
|
|
101
30
|
const { animationDriver } = (0, import_core.useConfiguration)();
|
|
102
31
|
if (!animationDriver) {
|
|
103
32
|
throw new Error(process.env.NODE_ENV === "production" ? `\u274C 008` : "Must set animations in tamagui.config.ts");
|
|
@@ -133,30 +62,12 @@ function useSheetProviderProps(props, state) {
|
|
|
133
62
|
const disableRemoveScroll = props.disableRemoveScroll || !open || !props.modal;
|
|
134
63
|
const maxSnapPoint = snapPoints[0];
|
|
135
64
|
const screenSize = snapPointsMode === "percent" ? frameSize / ((typeof maxSnapPoint === "number" ? maxSnapPoint : 100) / 100) : maxContentSize;
|
|
136
|
-
|
|
65
|
+
return {
|
|
66
|
+
...sheetState,
|
|
137
67
|
screenSize,
|
|
138
68
|
maxSnapPoint,
|
|
139
69
|
disableRemoveScroll,
|
|
140
70
|
scrollBridge,
|
|
141
|
-
modal: !!props.modal,
|
|
142
|
-
open: state.open,
|
|
143
|
-
setOpen: state.setOpen,
|
|
144
|
-
hidden: !!state.isHidden,
|
|
145
|
-
contentRef,
|
|
146
|
-
handleRef,
|
|
147
|
-
frameSize,
|
|
148
|
-
setFrameSize,
|
|
149
|
-
dismissOnOverlayPress: props.dismissOnOverlayPress ?? true,
|
|
150
|
-
dismissOnSnapToBottom: props.dismissOnSnapToBottom ?? false,
|
|
151
|
-
scope: props.scope ?? "",
|
|
152
|
-
hasFit,
|
|
153
|
-
position,
|
|
154
|
-
snapPoints,
|
|
155
|
-
snapPointsMode,
|
|
156
|
-
setMaxContentSize,
|
|
157
|
-
setPosition,
|
|
158
|
-
setPositionImmediate,
|
|
159
71
|
onlyShowContainer: false
|
|
160
72
|
};
|
|
161
|
-
return providerProps;
|
|
162
73
|
}
|
|
@@ -1,10 +1,8 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var __create = Object.create;
|
|
4
3
|
var __defProp = Object.defineProperty;
|
|
5
4
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
6
5
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
7
|
-
var __getProtoOf = Object.getPrototypeOf;
|
|
8
6
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
9
7
|
var __export = (target, all) => {
|
|
10
8
|
for (var name in all) __defProp(target, name, {
|
|
@@ -21,93 +19,16 @@ var __copyProps = (to, from, except, desc) => {
|
|
|
21
19
|
}
|
|
22
20
|
return to;
|
|
23
21
|
};
|
|
24
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
|
|
25
|
-
value: mod,
|
|
26
|
-
enumerable: true
|
|
27
|
-
}) : target, mod));
|
|
28
22
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
29
23
|
var useSheetProviderProps_exports = {};
|
|
30
24
|
__export(useSheetProviderProps_exports, { useSheetProviderProps: () => useSheetProviderProps });
|
|
31
25
|
module.exports = __toCommonJS(useSheetProviderProps_exports);
|
|
32
|
-
var import_react = __toESM(require("react"), 1);
|
|
33
26
|
var import_core = require("@tamagui/core");
|
|
34
27
|
var import_use_constant = require("@tamagui/use-constant");
|
|
35
|
-
var
|
|
28
|
+
var import_useSheetState = require("./useSheetState.native.js");
|
|
36
29
|
function useSheetProviderProps(props, state) {
|
|
37
|
-
var
|
|
38
|
-
var
|
|
39
|
-
var [frameSize, setFrameSize] = import_react.default.useState(0);
|
|
40
|
-
var [maxContentSize, setMaxContentSize] = import_react.default.useState(0);
|
|
41
|
-
var _props_snapPointsMode;
|
|
42
|
-
var snapPointsMode = (_props_snapPointsMode = props.snapPointsMode) !== null && _props_snapPointsMode !== void 0 ? _props_snapPointsMode : "percent";
|
|
43
|
-
var _props_snapPoints;
|
|
44
|
-
var snapPointsProp = (_props_snapPoints = props.snapPoints) !== null && _props_snapPoints !== void 0 ? _props_snapPoints : snapPointsMode === "percent" ? [80] : snapPointsMode === "constant" ? [256] : ["fit"];
|
|
45
|
-
var hasFit = snapPointsProp[0] === "fit";
|
|
46
|
-
var snapPoints = import_react.default.useMemo(function() {
|
|
47
|
-
return props.dismissOnSnapToBottom ? [...snapPointsProp, 0] : snapPointsProp;
|
|
48
|
-
}, [JSON.stringify(snapPointsProp), props.dismissOnSnapToBottom]);
|
|
49
|
-
var [position_, setPositionImmediate] = (0, import_use_controllable_state.useControllableState)({
|
|
50
|
-
prop: props.position,
|
|
51
|
-
defaultProp: props.defaultPosition || (state.open ? 0 : -1),
|
|
52
|
-
onChange: props.onPositionChange,
|
|
53
|
-
strategy: "most-recent-wins"
|
|
54
|
-
});
|
|
55
|
-
var position = state.open === false ? -1 : position_;
|
|
56
|
-
var { open } = state;
|
|
57
|
-
var setPosition = import_react.default.useCallback(function(next) {
|
|
58
|
-
if (props.dismissOnSnapToBottom && next === snapPoints.length - 1) {
|
|
59
|
-
state.setOpen(false);
|
|
60
|
-
} else {
|
|
61
|
-
setPositionImmediate(next);
|
|
62
|
-
}
|
|
63
|
-
}, [
|
|
64
|
-
props.dismissOnSnapToBottom,
|
|
65
|
-
snapPoints.length,
|
|
66
|
-
setPositionImmediate,
|
|
67
|
-
state.setOpen
|
|
68
|
-
]);
|
|
69
|
-
if (process.env.NODE_ENV === "development") {
|
|
70
|
-
if (snapPointsMode === "mixed" && snapPoints.some(function(p) {
|
|
71
|
-
if (typeof p === "string") {
|
|
72
|
-
if (p === "fit") {
|
|
73
|
-
return false;
|
|
74
|
-
}
|
|
75
|
-
if (p.endsWith("%")) {
|
|
76
|
-
var n = Number(p.slice(0, -1));
|
|
77
|
-
return n < 0 || n > 100;
|
|
78
|
-
}
|
|
79
|
-
return true;
|
|
80
|
-
}
|
|
81
|
-
return typeof p !== "number" || p < 0;
|
|
82
|
-
})) {
|
|
83
|
-
console.warn("⚠️ Invalid snapPoint given, snapPoints must be positive numeric values, string percentages between 0-100%, or \"fit\" when snapPointsMode is mixed");
|
|
84
|
-
}
|
|
85
|
-
if (snapPointsMode === "mixed" && snapPoints.indexOf("fit") > 0) {
|
|
86
|
-
console.warn("⚠️ Invalid snapPoint given, \"fit\" must be the first/largest snap point when snapPointsMode is mixed");
|
|
87
|
-
}
|
|
88
|
-
if (snapPointsMode === "fit" && (snapPoints.length !== (props.dismissOnSnapToBottom ? 2 : 1) || snapPoints[0] !== "fit")) {
|
|
89
|
-
console.warn("⚠️ Invalid snapPoint given, there are no snap points when snapPointsMode is fit");
|
|
90
|
-
}
|
|
91
|
-
if (snapPointsMode === "constant" && snapPoints.some(function(p) {
|
|
92
|
-
return typeof p !== "number" || p < 0;
|
|
93
|
-
})) {
|
|
94
|
-
console.warn("⚠️ Invalid snapPoint given, snapPoints must be positive numeric values when snapPointsMode is constant");
|
|
95
|
-
}
|
|
96
|
-
if (snapPointsMode === "percent" && snapPoints.some(function(p) {
|
|
97
|
-
return typeof p !== "number" || p < 0 || p > 100;
|
|
98
|
-
})) {
|
|
99
|
-
console.warn("⚠️ Invalid snapPoint given, snapPoints must be numeric values between 0 and 100 when snapPointsMode is percent");
|
|
100
|
-
}
|
|
101
|
-
}
|
|
102
|
-
if (open && props.dismissOnSnapToBottom && position === snapPoints.length - 1) {
|
|
103
|
-
setPositionImmediate(0);
|
|
104
|
-
}
|
|
105
|
-
var shouldSetPositionOpen = open && position < 0;
|
|
106
|
-
import_react.default.useEffect(function() {
|
|
107
|
-
if (shouldSetPositionOpen) {
|
|
108
|
-
setPosition(0);
|
|
109
|
-
}
|
|
110
|
-
}, [setPosition, shouldSetPositionOpen]);
|
|
30
|
+
var { maxContentSize, ...sheetState } = (0, import_useSheetState.useSheetState)(props, state);
|
|
31
|
+
var { frameSize, snapPointsMode, snapPoints, open } = sheetState;
|
|
111
32
|
var { animationDriver } = (0, import_core.useConfiguration)();
|
|
112
33
|
if (!animationDriver) {
|
|
113
34
|
throw new Error(process.env.NODE_ENV === "production" ? `\u274C 008` : "Must set animations in tamagui.config.ts");
|
|
@@ -145,31 +66,12 @@ function useSheetProviderProps(props, state) {
|
|
|
145
66
|
var disableRemoveScroll = props.disableRemoveScroll || !open || !props.modal;
|
|
146
67
|
var maxSnapPoint = snapPoints[0];
|
|
147
68
|
var screenSize = snapPointsMode === "percent" ? frameSize / ((typeof maxSnapPoint === "number" ? maxSnapPoint : 100) / 100) : maxContentSize;
|
|
148
|
-
|
|
149
|
-
|
|
69
|
+
return {
|
|
70
|
+
...sheetState,
|
|
150
71
|
screenSize,
|
|
151
72
|
maxSnapPoint,
|
|
152
73
|
disableRemoveScroll,
|
|
153
74
|
scrollBridge,
|
|
154
|
-
modal: !!props.modal,
|
|
155
|
-
open: state.open,
|
|
156
|
-
setOpen: state.setOpen,
|
|
157
|
-
hidden: !!state.isHidden,
|
|
158
|
-
contentRef,
|
|
159
|
-
handleRef,
|
|
160
|
-
frameSize,
|
|
161
|
-
setFrameSize,
|
|
162
|
-
dismissOnOverlayPress: (_props_dismissOnOverlayPress = props.dismissOnOverlayPress) !== null && _props_dismissOnOverlayPress !== void 0 ? _props_dismissOnOverlayPress : true,
|
|
163
|
-
dismissOnSnapToBottom: (_props_dismissOnSnapToBottom = props.dismissOnSnapToBottom) !== null && _props_dismissOnSnapToBottom !== void 0 ? _props_dismissOnSnapToBottom : false,
|
|
164
|
-
scope: (_props_scope = props.scope) !== null && _props_scope !== void 0 ? _props_scope : "",
|
|
165
|
-
hasFit,
|
|
166
|
-
position,
|
|
167
|
-
snapPoints,
|
|
168
|
-
snapPointsMode,
|
|
169
|
-
setMaxContentSize,
|
|
170
|
-
setPosition,
|
|
171
|
-
setPositionImmediate,
|
|
172
75
|
onlyShowContainer: false
|
|
173
76
|
};
|
|
174
|
-
return providerProps;
|
|
175
77
|
}
|
|
@@ -1,10 +1,8 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var __create = Object.create;
|
|
4
3
|
var __defProp = Object.defineProperty;
|
|
5
4
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
6
5
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
7
|
-
var __getProtoOf = Object.getPrototypeOf;
|
|
8
6
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
9
7
|
var __export = (target, all) => {
|
|
10
8
|
for (var name in all) __defProp(target, name, {
|
|
@@ -21,93 +19,16 @@ var __copyProps = (to, from, except, desc) => {
|
|
|
21
19
|
}
|
|
22
20
|
return to;
|
|
23
21
|
};
|
|
24
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
|
|
25
|
-
value: mod,
|
|
26
|
-
enumerable: true
|
|
27
|
-
}) : target, mod));
|
|
28
22
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
29
23
|
var useSheetProviderProps_exports = {};
|
|
30
24
|
__export(useSheetProviderProps_exports, { useSheetProviderProps: () => useSheetProviderProps });
|
|
31
25
|
module.exports = __toCommonJS(useSheetProviderProps_exports);
|
|
32
|
-
var import_react = __toESM(require("react"), 1);
|
|
33
26
|
var import_core = require("@tamagui/core");
|
|
34
27
|
var import_use_constant = require("@tamagui/use-constant");
|
|
35
|
-
var
|
|
28
|
+
var import_useSheetState = require("./useSheetState.native.js");
|
|
36
29
|
function useSheetProviderProps(props, state) {
|
|
37
|
-
var
|
|
38
|
-
var
|
|
39
|
-
var [frameSize, setFrameSize] = import_react.default.useState(0);
|
|
40
|
-
var [maxContentSize, setMaxContentSize] = import_react.default.useState(0);
|
|
41
|
-
var _props_snapPointsMode;
|
|
42
|
-
var snapPointsMode = (_props_snapPointsMode = props.snapPointsMode) !== null && _props_snapPointsMode !== void 0 ? _props_snapPointsMode : "percent";
|
|
43
|
-
var _props_snapPoints;
|
|
44
|
-
var snapPointsProp = (_props_snapPoints = props.snapPoints) !== null && _props_snapPoints !== void 0 ? _props_snapPoints : snapPointsMode === "percent" ? [80] : snapPointsMode === "constant" ? [256] : ["fit"];
|
|
45
|
-
var hasFit = snapPointsProp[0] === "fit";
|
|
46
|
-
var snapPoints = import_react.default.useMemo(function() {
|
|
47
|
-
return props.dismissOnSnapToBottom ? [...snapPointsProp, 0] : snapPointsProp;
|
|
48
|
-
}, [JSON.stringify(snapPointsProp), props.dismissOnSnapToBottom]);
|
|
49
|
-
var [position_, setPositionImmediate] = (0, import_use_controllable_state.useControllableState)({
|
|
50
|
-
prop: props.position,
|
|
51
|
-
defaultProp: props.defaultPosition || (state.open ? 0 : -1),
|
|
52
|
-
onChange: props.onPositionChange,
|
|
53
|
-
strategy: "most-recent-wins"
|
|
54
|
-
});
|
|
55
|
-
var position = state.open === false ? -1 : position_;
|
|
56
|
-
var { open } = state;
|
|
57
|
-
var setPosition = import_react.default.useCallback(function(next) {
|
|
58
|
-
if (props.dismissOnSnapToBottom && next === snapPoints.length - 1) {
|
|
59
|
-
state.setOpen(false);
|
|
60
|
-
} else {
|
|
61
|
-
setPositionImmediate(next);
|
|
62
|
-
}
|
|
63
|
-
}, [
|
|
64
|
-
props.dismissOnSnapToBottom,
|
|
65
|
-
snapPoints.length,
|
|
66
|
-
setPositionImmediate,
|
|
67
|
-
state.setOpen
|
|
68
|
-
]);
|
|
69
|
-
if (process.env.NODE_ENV === "development") {
|
|
70
|
-
if (snapPointsMode === "mixed" && snapPoints.some(function(p) {
|
|
71
|
-
if (typeof p === "string") {
|
|
72
|
-
if (p === "fit") {
|
|
73
|
-
return false;
|
|
74
|
-
}
|
|
75
|
-
if (p.endsWith("%")) {
|
|
76
|
-
var n = Number(p.slice(0, -1));
|
|
77
|
-
return n < 0 || n > 100;
|
|
78
|
-
}
|
|
79
|
-
return true;
|
|
80
|
-
}
|
|
81
|
-
return typeof p !== "number" || p < 0;
|
|
82
|
-
})) {
|
|
83
|
-
console.warn("⚠️ Invalid snapPoint given, snapPoints must be positive numeric values, string percentages between 0-100%, or \"fit\" when snapPointsMode is mixed");
|
|
84
|
-
}
|
|
85
|
-
if (snapPointsMode === "mixed" && snapPoints.indexOf("fit") > 0) {
|
|
86
|
-
console.warn("⚠️ Invalid snapPoint given, \"fit\" must be the first/largest snap point when snapPointsMode is mixed");
|
|
87
|
-
}
|
|
88
|
-
if (snapPointsMode === "fit" && (snapPoints.length !== (props.dismissOnSnapToBottom ? 2 : 1) || snapPoints[0] !== "fit")) {
|
|
89
|
-
console.warn("⚠️ Invalid snapPoint given, there are no snap points when snapPointsMode is fit");
|
|
90
|
-
}
|
|
91
|
-
if (snapPointsMode === "constant" && snapPoints.some(function(p) {
|
|
92
|
-
return typeof p !== "number" || p < 0;
|
|
93
|
-
})) {
|
|
94
|
-
console.warn("⚠️ Invalid snapPoint given, snapPoints must be positive numeric values when snapPointsMode is constant");
|
|
95
|
-
}
|
|
96
|
-
if (snapPointsMode === "percent" && snapPoints.some(function(p) {
|
|
97
|
-
return typeof p !== "number" || p < 0 || p > 100;
|
|
98
|
-
})) {
|
|
99
|
-
console.warn("⚠️ Invalid snapPoint given, snapPoints must be numeric values between 0 and 100 when snapPointsMode is percent");
|
|
100
|
-
}
|
|
101
|
-
}
|
|
102
|
-
if (open && props.dismissOnSnapToBottom && position === snapPoints.length - 1) {
|
|
103
|
-
setPositionImmediate(0);
|
|
104
|
-
}
|
|
105
|
-
var shouldSetPositionOpen = open && position < 0;
|
|
106
|
-
import_react.default.useEffect(function() {
|
|
107
|
-
if (shouldSetPositionOpen) {
|
|
108
|
-
setPosition(0);
|
|
109
|
-
}
|
|
110
|
-
}, [setPosition, shouldSetPositionOpen]);
|
|
30
|
+
var { maxContentSize, ...sheetState } = (0, import_useSheetState.useSheetState)(props, state);
|
|
31
|
+
var { frameSize, snapPointsMode, snapPoints, open } = sheetState;
|
|
111
32
|
var { animationDriver } = (0, import_core.useConfiguration)();
|
|
112
33
|
if (!animationDriver) {
|
|
113
34
|
throw new Error(process.env.NODE_ENV === "production" ? `\u274C 008` : "Must set animations in tamagui.config.ts");
|
|
@@ -145,33 +66,14 @@ function useSheetProviderProps(props, state) {
|
|
|
145
66
|
var disableRemoveScroll = props.disableRemoveScroll || !open || !props.modal;
|
|
146
67
|
var maxSnapPoint = snapPoints[0];
|
|
147
68
|
var screenSize = snapPointsMode === "percent" ? frameSize / ((typeof maxSnapPoint === "number" ? maxSnapPoint : 100) / 100) : maxContentSize;
|
|
148
|
-
|
|
149
|
-
|
|
69
|
+
return {
|
|
70
|
+
...sheetState,
|
|
150
71
|
screenSize,
|
|
151
72
|
maxSnapPoint,
|
|
152
73
|
disableRemoveScroll,
|
|
153
74
|
scrollBridge,
|
|
154
|
-
modal: !!props.modal,
|
|
155
|
-
open: state.open,
|
|
156
|
-
setOpen: state.setOpen,
|
|
157
|
-
hidden: !!state.isHidden,
|
|
158
|
-
contentRef,
|
|
159
|
-
handleRef,
|
|
160
|
-
frameSize,
|
|
161
|
-
setFrameSize,
|
|
162
|
-
dismissOnOverlayPress: (_props_dismissOnOverlayPress = props.dismissOnOverlayPress) !== null && _props_dismissOnOverlayPress !== void 0 ? _props_dismissOnOverlayPress : true,
|
|
163
|
-
dismissOnSnapToBottom: (_props_dismissOnSnapToBottom = props.dismissOnSnapToBottom) !== null && _props_dismissOnSnapToBottom !== void 0 ? _props_dismissOnSnapToBottom : false,
|
|
164
|
-
scope: (_props_scope = props.scope) !== null && _props_scope !== void 0 ? _props_scope : "",
|
|
165
|
-
hasFit,
|
|
166
|
-
position,
|
|
167
|
-
snapPoints,
|
|
168
|
-
snapPointsMode,
|
|
169
|
-
setMaxContentSize,
|
|
170
|
-
setPosition,
|
|
171
|
-
setPositionImmediate,
|
|
172
75
|
onlyShowContainer: false
|
|
173
76
|
};
|
|
174
|
-
return providerProps;
|
|
175
77
|
}
|
|
176
78
|
|
|
177
79
|
//# sourceMappingURL=useSheetProviderProps.native.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useSheetProviderProps.native.js","names":[],"sources":["cjs/useSheetProviderProps.native.js"],"sourcesContent":["\"use strict\";\nvar __create = Object.create;\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __getProtoOf = Object.getPrototypeOf;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n for (var name in all)\n __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n if (from && typeof from === \"object\" || typeof from === \"function\") {\n for (let key of __getOwnPropNames(from))\n if (!__hasOwnProp.call(to, key) && key !== except)\n __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n }\n return to;\n};\nvar __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(\n // If the importer is in node compatibility mode or this is not an ESM\n // file that has been converted to a CommonJS file using a Babel-\n // compatible transform (i.e. \"__esModule\" has not been set), then set\n // \"default\" to the CommonJS \"module.exports\" for node compatibility.\n isNodeMode || !mod || !mod.__esModule ? __defProp(target, \"default\", { value: mod, enumerable: true }) : target,\n mod\n));\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar useSheetProviderProps_exports = {};\n__export(useSheetProviderProps_exports, {\n useSheetProviderProps: () => useSheetProviderProps\n});\nmodule.exports = __toCommonJS(useSheetProviderProps_exports);\nvar import_react = __toESM(require(\"react\"), 1);\nvar import_core = require(\"@tamagui/core\");\nvar import_use_constant = require(\"@tamagui/use-constant\");\nvar import_use_controllable_state = require(\"@tamagui/use-controllable-state\");\nfunction useSheetProviderProps(props, state) {\n var handleRef = import_react.default.useRef(null);\n var contentRef = import_react.default.useRef(null);\n var [frameSize, setFrameSize] = import_react.default.useState(0);\n var [maxContentSize, setMaxContentSize] = import_react.default.useState(0);\n var _props_snapPointsMode;\n var snapPointsMode = (_props_snapPointsMode = props.snapPointsMode) !== null && _props_snapPointsMode !== void 0 ? _props_snapPointsMode : \"percent\";\n var _props_snapPoints;\n var snapPointsProp = (_props_snapPoints = props.snapPoints) !== null && _props_snapPoints !== void 0 ? _props_snapPoints : snapPointsMode === \"percent\" ? [\n 80\n ] : snapPointsMode === \"constant\" ? [\n 256\n ] : [\n \"fit\"\n ];\n var hasFit = snapPointsProp[0] === \"fit\";\n var snapPoints = import_react.default.useMemo(function() {\n return props.dismissOnSnapToBottom ? [\n ...snapPointsProp,\n 0\n ] : snapPointsProp;\n }, [\n JSON.stringify(snapPointsProp),\n props.dismissOnSnapToBottom\n ]);\n var [position_, setPositionImmediate] = (0, import_use_controllable_state.useControllableState)({\n prop: props.position,\n defaultProp: props.defaultPosition || (state.open ? 0 : -1),\n onChange: props.onPositionChange,\n strategy: \"most-recent-wins\"\n });\n var position = state.open === false ? -1 : position_;\n var { open } = state;\n var setPosition = import_react.default.useCallback(function(next) {\n if (props.dismissOnSnapToBottom && next === snapPoints.length - 1) {\n state.setOpen(false);\n } else {\n setPositionImmediate(next);\n }\n }, [\n props.dismissOnSnapToBottom,\n snapPoints.length,\n setPositionImmediate,\n state.setOpen\n ]);\n if (process.env.NODE_ENV === \"development\") {\n if (snapPointsMode === \"mixed\" && snapPoints.some(function(p) {\n if (typeof p === \"string\") {\n if (p === \"fit\") {\n return false;\n }\n if (p.endsWith(\"%\")) {\n var n = Number(p.slice(0, -1));\n return n < 0 || n > 100;\n }\n return true;\n }\n return typeof p !== \"number\" || p < 0;\n })) {\n console.warn('\\u26A0\\uFE0F Invalid snapPoint given, snapPoints must be positive numeric values, string percentages between 0-100%, or \"fit\" when snapPointsMode is mixed');\n }\n if (snapPointsMode === \"mixed\" && snapPoints.indexOf(\"fit\") > 0) {\n console.warn('\\u26A0\\uFE0F Invalid snapPoint given, \"fit\" must be the first/largest snap point when snapPointsMode is mixed');\n }\n if (snapPointsMode === \"fit\" && (snapPoints.length !== (props.dismissOnSnapToBottom ? 2 : 1) || snapPoints[0] !== \"fit\")) {\n console.warn(\"\\u26A0\\uFE0F Invalid snapPoint given, there are no snap points when snapPointsMode is fit\");\n }\n if (snapPointsMode === \"constant\" && snapPoints.some(function(p) {\n return typeof p !== \"number\" || p < 0;\n })) {\n console.warn(\"\\u26A0\\uFE0F Invalid snapPoint given, snapPoints must be positive numeric values when snapPointsMode is constant\");\n }\n if (snapPointsMode === \"percent\" && snapPoints.some(function(p) {\n return typeof p !== \"number\" || p < 0 || p > 100;\n })) {\n console.warn(\"\\u26A0\\uFE0F Invalid snapPoint given, snapPoints must be numeric values between 0 and 100 when snapPointsMode is percent\");\n }\n }\n if (open && props.dismissOnSnapToBottom && position === snapPoints.length - 1) {\n setPositionImmediate(0);\n }\n var shouldSetPositionOpen = open && position < 0;\n import_react.default.useEffect(function() {\n if (shouldSetPositionOpen) {\n setPosition(0);\n }\n }, [\n setPosition,\n shouldSetPositionOpen\n ]);\n var { animationDriver } = (0, import_core.useConfiguration)();\n if (!animationDriver) {\n throw new Error(process.env.NODE_ENV === \"production\" ? `\\u274C 008` : \"Must set animations in tamagui.config.ts\");\n }\n var scrollBridge = (0, import_use_constant.useConstant)(function() {\n var parentDragListeners = /* @__PURE__ */ new Set();\n var bridge = {\n hasScrollableContent: false,\n enabled: false,\n y: 0,\n paneY: 0,\n paneMinY: 0,\n scrollStartY: -1,\n drag: function() {\n },\n release: function() {\n },\n scrollLock: false,\n isParentDragging: false,\n onParentDragging: function(cb) {\n parentDragListeners.add(cb);\n return function() {\n parentDragListeners.delete(cb);\n };\n },\n setParentDragging: function(val) {\n if (val !== bridge.isParentDragging) {\n bridge.isParentDragging = val;\n parentDragListeners.forEach(function(cb) {\n return cb(val);\n });\n }\n }\n };\n return bridge;\n });\n var disableRemoveScroll = props.disableRemoveScroll || !open || !props.modal;\n var maxSnapPoint = snapPoints[0];\n var screenSize = snapPointsMode === \"percent\" ? frameSize / ((typeof maxSnapPoint === \"number\" ? maxSnapPoint : 100) / 100) : maxContentSize;\n var _props_dismissOnOverlayPress, _props_dismissOnSnapToBottom, _props_scope;\n var providerProps = {\n screenSize,\n maxSnapPoint,\n disableRemoveScroll,\n scrollBridge,\n modal: !!props.modal,\n open: state.open,\n setOpen: state.setOpen,\n hidden: !!state.isHidden,\n contentRef,\n handleRef,\n frameSize,\n setFrameSize,\n dismissOnOverlayPress: (_props_dismissOnOverlayPress = props.dismissOnOverlayPress) !== null && _props_dismissOnOverlayPress !== void 0 ? _props_dismissOnOverlayPress : true,\n dismissOnSnapToBottom: (_props_dismissOnSnapToBottom = props.dismissOnSnapToBottom) !== null && _props_dismissOnSnapToBottom !== void 0 ? _props_dismissOnSnapToBottom : false,\n scope: (_props_scope = props.scope) !== null && _props_scope !== void 0 ? _props_scope : \"\",\n hasFit,\n position,\n snapPoints,\n snapPointsMode,\n setMaxContentSize,\n setPosition,\n setPositionImmediate,\n onlyShowContainer: false\n };\n return providerProps;\n}\n//# sourceMappingURL=useSheetProviderProps.js.map\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"useSheetProviderProps.native.js","names":[],"sources":["cjs/useSheetProviderProps.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n for (var name in all)\n __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n if (from && typeof from === \"object\" || typeof from === \"function\") {\n for (let key of __getOwnPropNames(from))\n if (!__hasOwnProp.call(to, key) && key !== except)\n __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n }\n return to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar useSheetProviderProps_exports = {};\n__export(useSheetProviderProps_exports, {\n useSheetProviderProps: () => useSheetProviderProps\n});\nmodule.exports = __toCommonJS(useSheetProviderProps_exports);\nvar import_core = require(\"@tamagui/core\");\nvar import_use_constant = require(\"@tamagui/use-constant\");\nvar import_useSheetState = require(\"./useSheetState\");\nfunction useSheetProviderProps(props, state) {\n var { maxContentSize, ...sheetState } = (0, import_useSheetState.useSheetState)(props, state);\n var { frameSize, snapPointsMode, snapPoints, open } = sheetState;\n var { animationDriver } = (0, import_core.useConfiguration)();\n if (!animationDriver) {\n throw new Error(process.env.NODE_ENV === \"production\" ? `\\u274C 008` : \"Must set animations in tamagui.config.ts\");\n }\n var scrollBridge = (0, import_use_constant.useConstant)(function() {\n var parentDragListeners = /* @__PURE__ */ new Set();\n var bridge = {\n hasScrollableContent: false,\n enabled: false,\n y: 0,\n paneY: 0,\n paneMinY: 0,\n scrollStartY: -1,\n drag: function() {\n },\n release: function() {\n },\n scrollLock: false,\n isParentDragging: false,\n onParentDragging: function(cb) {\n parentDragListeners.add(cb);\n return function() {\n parentDragListeners.delete(cb);\n };\n },\n setParentDragging: function(val) {\n if (val !== bridge.isParentDragging) {\n bridge.isParentDragging = val;\n parentDragListeners.forEach(function(cb) {\n return cb(val);\n });\n }\n }\n };\n return bridge;\n });\n var disableRemoveScroll = props.disableRemoveScroll || !open || !props.modal;\n var maxSnapPoint = snapPoints[0];\n var screenSize = snapPointsMode === \"percent\" ? frameSize / ((typeof maxSnapPoint === \"number\" ? maxSnapPoint : 100) / 100) : maxContentSize;\n return {\n ...sheetState,\n screenSize,\n maxSnapPoint,\n disableRemoveScroll,\n scrollBridge,\n onlyShowContainer: false\n };\n}\n//# sourceMappingURL=useSheetProviderProps.js.map\n"],"mappings":";;;AACA,IAAI,YAAY,OAAO;AACvB,IAAI,mBAAmB,OAAO;AAC9B,IAAI,oBAAoB,OAAO;AAC/B,IAAI,eAAe,OAAO,UAAU;AACpC,IAAI,YAAY,QAAQ,QAAQ;CAC9B,KAAK,IAAI,QAAQ,KACf,UAAU,QAAQ,MAAM;EAAE,KAAK,IAAI;EAAO,YAAY;CAAK,CAAC;AAChE;AACA,IAAI,eAAe,IAAI,MAAM,QAAQ,SAAS;CAC5C,IAAI,QAAQ,OAAO,SAAS,YAAY,OAAO,SAAS,YAAY;EAClE,KAAK,IAAI,OAAO,kBAAkB,IAAI,GACpC,IAAI,CAAC,aAAa,KAAK,IAAI,GAAG,KAAK,QAAQ,QACzC,UAAU,IAAI,KAAK;GAAE,WAAW,KAAK;GAAM,YAAY,EAAE,OAAO,iBAAiB,MAAM,GAAG,MAAM,KAAK;EAAW,CAAC;CACvH;CACA,OAAO;AACT;AACA,IAAI,gBAAgB,QAAQ,YAAY,UAAU,CAAC,GAAG,cAAc,EAAE,OAAO,KAAK,CAAC,GAAG,GAAG;AACzF,IAAI,gCAAgC,CAAC;AACrC,SAAS,+BAA+B,EACtC,6BAA6B,sBAC/B,CAAC;AACD,OAAO,UAAU,aAAa,6BAA6B;AAC3D,IAAI,cAAc,QAAQ,eAAe;AACzC,IAAI,sBAAsB,QAAQ,uBAAuB;AACzD,IAAI,uBAAuB,QAAQ,2BAAiB;AACpD,SAAS,sBAAsB,OAAO,OAAO;CAC3C,IAAI,EAAE,gBAAgB,GAAG,gBAAgB,GAAG,qBAAqB,cAAa,CAAE,OAAO,KAAK;CAC5F,IAAI,EAAE,WAAW,gBAAgB,YAAY,SAAS;CACtD,IAAI,EAAE,qBAAqB,GAAG,YAAY,iBAAgB,CAAE;CAC5D,IAAI,CAAC,iBAAiB;EACpB,MAAM,IAAI,MAAM,QAAQ,IAAI,aAAa,eAAe,eAAe,0CAA0C;CACnH;CACA,IAAI,gBAAgB,GAAG,oBAAoB,YAAW,CAAE,WAAW;EACjE,IAAI,sCAAsC,IAAI,IAAI;EAClD,IAAI,SAAS;GACX,sBAAsB;GACtB,SAAS;GACT,GAAG;GACH,OAAO;GACP,UAAU;GACV,cAAc,CAAC;GACf,MAAM,WAAW,CACjB;GACA,SAAS,WAAW,CACpB;GACA,YAAY;GACZ,kBAAkB;GAClB,kBAAkB,SAAS,IAAI;IAC7B,oBAAoB,IAAI,EAAE;IAC1B,OAAO,WAAW;KAChB,oBAAoB,OAAO,EAAE;IAC/B;GACF;GACA,mBAAmB,SAAS,KAAK;IAC/B,IAAI,QAAQ,OAAO,kBAAkB;KACnC,OAAO,mBAAmB;KAC1B,oBAAoB,QAAQ,SAAS,IAAI;MACvC,OAAO,GAAG,GAAG;KACf,CAAC;IACH;GACF;EACF;EACA,OAAO;CACT,CAAC;CACD,IAAI,sBAAsB,MAAM,uBAAuB,CAAC,QAAQ,CAAC,MAAM;CACvE,IAAI,eAAe,WAAW;CAC9B,IAAI,aAAa,mBAAmB,YAAY,cAAc,OAAO,iBAAiB,WAAW,eAAe,OAAO,OAAO;CAC9H,OAAO;EACL,GAAG;EACH;EACA;EACA;EACA;EACA,mBAAmB;CACrB;AACF"}
|
|
@@ -0,0 +1,120 @@
|
|
|
1
|
+
var __create = Object.create;
|
|
2
|
+
var __defProp = Object.defineProperty;
|
|
3
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
+
var __getProtoOf = Object.getPrototypeOf;
|
|
6
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
+
var __export = (target, all) => {
|
|
8
|
+
for (var name in all) __defProp(target, name, {
|
|
9
|
+
get: all[name],
|
|
10
|
+
enumerable: true
|
|
11
|
+
});
|
|
12
|
+
};
|
|
13
|
+
var __copyProps = (to, from, except, desc) => {
|
|
14
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
15
|
+
for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
|
|
16
|
+
get: () => from[key],
|
|
17
|
+
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
18
|
+
});
|
|
19
|
+
}
|
|
20
|
+
return to;
|
|
21
|
+
};
|
|
22
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
|
|
23
|
+
value: mod,
|
|
24
|
+
enumerable: true
|
|
25
|
+
}) : target, mod));
|
|
26
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
27
|
+
var useSheetState_exports = {};
|
|
28
|
+
__export(useSheetState_exports, { useSheetState: () => useSheetState });
|
|
29
|
+
module.exports = __toCommonJS(useSheetState_exports);
|
|
30
|
+
var import_react = __toESM(require("react"), 1);
|
|
31
|
+
var import_use_controllable_state = require("@tamagui/use-controllable-state");
|
|
32
|
+
function useSheetState(props, state) {
|
|
33
|
+
const handleRef = import_react.default.useRef(null);
|
|
34
|
+
const contentRef = import_react.default.useRef(null);
|
|
35
|
+
const [frameSize, setFrameSize] = import_react.default.useState(0);
|
|
36
|
+
const [maxContentSize, setMaxContentSize] = import_react.default.useState(0);
|
|
37
|
+
const snapPointsMode = props.snapPointsMode ?? "percent";
|
|
38
|
+
const snapPointsProp = props.snapPoints ?? (snapPointsMode === "percent" ? [80] : snapPointsMode === "constant" ? [256] : ["fit"]);
|
|
39
|
+
const hasFit = snapPointsProp[0] === "fit";
|
|
40
|
+
const snapPoints = import_react.default.useMemo(() => props.dismissOnSnapToBottom ? [...snapPointsProp, 0] : snapPointsProp, [JSON.stringify(snapPointsProp), props.dismissOnSnapToBottom]);
|
|
41
|
+
const [position_, setPositionImmediate] = (0, import_use_controllable_state.useControllableState)({
|
|
42
|
+
prop: props.position,
|
|
43
|
+
defaultProp: props.defaultPosition || (state.open ? 0 : -1),
|
|
44
|
+
onChange: props.onPositionChange,
|
|
45
|
+
strategy: state.strategy
|
|
46
|
+
});
|
|
47
|
+
const position = state.open === false ? -1 : position_;
|
|
48
|
+
const { open } = state;
|
|
49
|
+
const setPosition = import_react.default.useCallback((next) => {
|
|
50
|
+
if (props.dismissOnSnapToBottom && next === snapPoints.length - 1) {
|
|
51
|
+
state.setOpen(false);
|
|
52
|
+
} else {
|
|
53
|
+
setPositionImmediate(next);
|
|
54
|
+
}
|
|
55
|
+
}, [
|
|
56
|
+
props.dismissOnSnapToBottom,
|
|
57
|
+
snapPoints.length,
|
|
58
|
+
setPositionImmediate,
|
|
59
|
+
state.setOpen
|
|
60
|
+
]);
|
|
61
|
+
if (process.env.NODE_ENV === "development") {
|
|
62
|
+
if (snapPointsMode === "mixed" && snapPoints.some((p) => {
|
|
63
|
+
if (typeof p === "string") {
|
|
64
|
+
if (p === "fit") {
|
|
65
|
+
return false;
|
|
66
|
+
}
|
|
67
|
+
if (p.endsWith("%")) {
|
|
68
|
+
const n = Number(p.slice(0, -1));
|
|
69
|
+
return n < 0 || n > 100;
|
|
70
|
+
}
|
|
71
|
+
return true;
|
|
72
|
+
}
|
|
73
|
+
return typeof p !== "number" || p < 0;
|
|
74
|
+
})) {
|
|
75
|
+
console.warn("⚠️ Invalid snapPoint given, snapPoints must be positive numeric values, string percentages between 0-100%, or \"fit\" when snapPointsMode is mixed");
|
|
76
|
+
}
|
|
77
|
+
if (snapPointsMode === "mixed" && snapPoints.indexOf("fit") > 0) {
|
|
78
|
+
console.warn("⚠️ Invalid snapPoint given, \"fit\" must be the first/largest snap point when snapPointsMode is mixed");
|
|
79
|
+
}
|
|
80
|
+
if (snapPointsMode === "fit" && (snapPoints.length !== (props.dismissOnSnapToBottom ? 2 : 1) || snapPoints[0] !== "fit")) {
|
|
81
|
+
console.warn("⚠️ Invalid snapPoint given, there are no snap points when snapPointsMode is fit");
|
|
82
|
+
}
|
|
83
|
+
if (snapPointsMode === "constant" && snapPoints.some((p) => typeof p !== "number" || p < 0)) {
|
|
84
|
+
console.warn("⚠️ Invalid snapPoint given, snapPoints must be positive numeric values when snapPointsMode is constant");
|
|
85
|
+
}
|
|
86
|
+
if (snapPointsMode === "percent" && snapPoints.some((p) => typeof p !== "number" || p < 0 || p > 100)) {
|
|
87
|
+
console.warn("⚠️ Invalid snapPoint given, snapPoints must be numeric values between 0 and 100 when snapPointsMode is percent");
|
|
88
|
+
}
|
|
89
|
+
}
|
|
90
|
+
if (open && props.dismissOnSnapToBottom && position === snapPoints.length - 1) {
|
|
91
|
+
setPositionImmediate(0);
|
|
92
|
+
}
|
|
93
|
+
const shouldSetPositionOpen = open && position < 0;
|
|
94
|
+
import_react.default.useEffect(() => {
|
|
95
|
+
if (shouldSetPositionOpen) {
|
|
96
|
+
setPosition(0);
|
|
97
|
+
}
|
|
98
|
+
}, [setPosition, shouldSetPositionOpen]);
|
|
99
|
+
return {
|
|
100
|
+
modal: !!props.modal,
|
|
101
|
+
open: state.open,
|
|
102
|
+
setOpen: state.setOpen,
|
|
103
|
+
hidden: !!state.isHidden,
|
|
104
|
+
contentRef,
|
|
105
|
+
handleRef,
|
|
106
|
+
frameSize,
|
|
107
|
+
setFrameSize,
|
|
108
|
+
maxContentSize,
|
|
109
|
+
dismissOnOverlayPress: props.dismissOnOverlayPress ?? true,
|
|
110
|
+
dismissOnSnapToBottom: props.dismissOnSnapToBottom ?? false,
|
|
111
|
+
scope: props.scope ?? "",
|
|
112
|
+
hasFit,
|
|
113
|
+
position,
|
|
114
|
+
snapPoints,
|
|
115
|
+
snapPointsMode,
|
|
116
|
+
setMaxContentSize,
|
|
117
|
+
setPosition,
|
|
118
|
+
setPositionImmediate
|
|
119
|
+
};
|
|
120
|
+
}
|