@tamagui/sheet 1.61.2 → 1.62.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/cjs/Sheet.js +16 -30
- package/dist/cjs/Sheet.js.map +1 -1
- package/dist/cjs/Sheet.native.js +119 -0
- package/dist/cjs/Sheet.native.js.map +6 -0
- package/dist/cjs/SheetContext.js +7 -13
- package/dist/cjs/SheetContext.js.map +1 -1
- package/dist/cjs/SheetContext.native.js +36 -0
- package/dist/cjs/SheetContext.native.js.map +6 -0
- package/dist/cjs/SheetController.js +7 -15
- package/dist/cjs/SheetController.js.map +1 -1
- package/dist/cjs/SheetController.native.js +42 -0
- package/dist/cjs/SheetController.native.js.map +6 -0
- package/dist/cjs/SheetImplementationCustom.js +99 -240
- package/dist/cjs/SheetImplementationCustom.js.map +2 -2
- package/dist/cjs/SheetImplementationCustom.native.js +281 -0
- package/dist/cjs/SheetImplementationCustom.native.js.map +6 -0
- package/dist/cjs/SheetScrollView.js +18 -44
- package/dist/cjs/SheetScrollView.js.map +1 -1
- package/dist/cjs/SheetScrollView.native.js +69 -0
- package/dist/cjs/SheetScrollView.native.js.map +6 -0
- package/dist/cjs/constants.js +7 -17
- package/dist/cjs/constants.js.map +1 -1
- package/dist/cjs/constants.native.js +36 -0
- package/dist/cjs/constants.native.js.map +6 -0
- package/dist/cjs/contexts.js +6 -11
- package/dist/cjs/contexts.js.map +1 -1
- package/dist/cjs/contexts.native.js +31 -0
- package/dist/cjs/contexts.native.js.map +6 -0
- package/dist/cjs/createSheet.js +42 -90
- package/dist/cjs/createSheet.js.map +2 -2
- package/dist/cjs/createSheet.native.js +146 -0
- package/dist/cjs/createSheet.native.js.map +6 -0
- package/dist/cjs/helpers.js +6 -13
- package/dist/cjs/helpers.js.map +1 -1
- package/dist/cjs/helpers.native.js +32 -0
- package/dist/cjs/helpers.native.js.map +6 -0
- package/dist/cjs/index.js +6 -11
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/index.native.js +36 -0
- package/dist/cjs/index.native.js.map +6 -0
- package/dist/cjs/nativeSheet.js +25 -42
- package/dist/cjs/nativeSheet.js.map +1 -1
- package/dist/cjs/nativeSheet.native.js +55 -0
- package/dist/cjs/nativeSheet.native.js.map +6 -0
- package/dist/cjs/types.js +3 -6
- package/dist/cjs/types.js.map +1 -1
- package/dist/cjs/types.native.js +15 -0
- package/dist/cjs/types.native.js.map +6 -0
- package/dist/cjs/useSheet.js +5 -9
- package/dist/cjs/useSheet.js.map +1 -1
- package/dist/cjs/useSheet.native.js +27 -0
- package/dist/cjs/useSheet.native.js.map +6 -0
- package/dist/cjs/useSheetController.js +8 -15
- package/dist/cjs/useSheetController.js.map +1 -1
- package/dist/cjs/useSheetController.native.js +39 -0
- package/dist/cjs/useSheetController.native.js.map +6 -0
- package/dist/cjs/useSheetOffscreenSize.js +13 -30
- package/dist/cjs/useSheetOffscreenSize.js.map +2 -2
- package/dist/cjs/useSheetOffscreenSize.native.js +48 -0
- package/dist/cjs/useSheetOffscreenSize.native.js.map +6 -0
- package/dist/cjs/useSheetOpenState.js +12 -21
- package/dist/cjs/useSheetOpenState.js.map +1 -1
- package/dist/cjs/useSheetOpenState.native.js +43 -0
- package/dist/cjs/useSheetOpenState.native.js.map +6 -0
- package/dist/cjs/useSheetProviderProps.js +44 -96
- package/dist/cjs/useSheetProviderProps.js.map +1 -1
- package/dist/cjs/useSheetProviderProps.native.js +116 -0
- package/dist/cjs/useSheetProviderProps.native.js.map +6 -0
- package/dist/esm/Sheet.js +9 -14
- package/dist/esm/Sheet.js.map +1 -1
- package/dist/esm/SheetContext.js +1 -2
- package/dist/esm/SheetContext.js.map +1 -1
- package/dist/esm/SheetController.js +2 -3
- package/dist/esm/SheetController.js.map +1 -1
- package/dist/esm/SheetImplementationCustom.js +95 -217
- package/dist/esm/SheetImplementationCustom.js.map +2 -2
- package/dist/esm/SheetScrollView.js +13 -31
- package/dist/esm/SheetScrollView.js.map +1 -1
- package/dist/esm/constants.js +2 -8
- package/dist/esm/constants.js.map +1 -1
- package/dist/esm/contexts.js +1 -2
- package/dist/esm/contexts.js.map +1 -1
- package/dist/esm/createSheet.js +38 -70
- package/dist/esm/createSheet.js.map +2 -2
- package/dist/esm/helpers.js +1 -4
- package/dist/esm/helpers.js.map +1 -1
- package/dist/esm/nativeSheet.js +20 -27
- package/dist/esm/nativeSheet.js.map +1 -1
- package/dist/esm/useSheetController.js +3 -6
- package/dist/esm/useSheetController.js.map +1 -1
- package/dist/esm/useSheetOffscreenSize.js +8 -21
- package/dist/esm/useSheetOffscreenSize.js.map +2 -2
- package/dist/esm/useSheetOpenState.js +6 -10
- package/dist/esm/useSheetOpenState.js.map +1 -1
- package/dist/esm/useSheetProviderProps.js +36 -79
- package/dist/esm/useSheetProviderProps.js.map +1 -1
- package/dist/jsx/Sheet.js +9 -14
- package/dist/jsx/Sheet.js.map +1 -1
- package/dist/jsx/Sheet.native.js +95 -0
- package/dist/jsx/Sheet.native.js.map +6 -0
- package/dist/jsx/SheetContext.js +1 -2
- package/dist/jsx/SheetContext.js.map +1 -1
- package/dist/jsx/SheetContext.native.js +13 -0
- package/dist/jsx/SheetContext.native.js.map +6 -0
- package/dist/jsx/SheetController.js +1 -2
- package/dist/jsx/SheetController.js.map +1 -1
- package/dist/jsx/SheetController.native.js +23 -0
- package/dist/jsx/SheetController.native.js.map +6 -0
- package/dist/jsx/SheetImplementationCustom.js +90 -210
- package/dist/jsx/SheetImplementationCustom.js.map +2 -2
- package/dist/jsx/SheetImplementationCustom.native.js +288 -0
- package/dist/jsx/SheetImplementationCustom.native.js.map +6 -0
- package/dist/jsx/SheetScrollView.js +12 -30
- package/dist/jsx/SheetScrollView.js.map +1 -1
- package/dist/jsx/SheetScrollView.native.js +47 -0
- package/dist/jsx/SheetScrollView.native.js.map +6 -0
- package/dist/jsx/constants.js +2 -8
- package/dist/jsx/constants.js.map +1 -1
- package/dist/jsx/constants.native.js +11 -0
- package/dist/jsx/constants.native.js.map +6 -0
- package/dist/jsx/contexts.js +1 -2
- package/dist/jsx/contexts.js.map +1 -1
- package/dist/jsx/contexts.native.js +9 -0
- package/dist/jsx/contexts.native.js.map +6 -0
- package/dist/jsx/createSheet.js +30 -61
- package/dist/jsx/createSheet.js.map +2 -2
- package/dist/jsx/createSheet.native.js +128 -0
- package/dist/jsx/createSheet.native.js.map +6 -0
- package/dist/jsx/helpers.js +1 -4
- package/dist/jsx/helpers.js.map +1 -1
- package/dist/jsx/helpers.native.js +11 -0
- package/dist/jsx/helpers.native.js.map +6 -0
- package/dist/jsx/index.native.js +10 -0
- package/dist/jsx/index.native.js.map +6 -0
- package/dist/jsx/nativeSheet.js +21 -27
- package/dist/jsx/nativeSheet.js.map +1 -1
- package/dist/jsx/nativeSheet.native.js +40 -0
- package/dist/jsx/nativeSheet.native.js.map +6 -0
- package/dist/jsx/types.native.js +1 -0
- package/dist/jsx/types.native.js.map +6 -0
- package/dist/jsx/useSheet.native.js +6 -0
- package/dist/jsx/useSheet.native.js.map +6 -0
- package/dist/jsx/useSheetController.js +2 -5
- package/dist/jsx/useSheetController.js.map +1 -1
- package/dist/jsx/useSheetController.native.js +17 -0
- package/dist/jsx/useSheetController.native.js.map +6 -0
- package/dist/jsx/useSheetOffscreenSize.js +8 -21
- package/dist/jsx/useSheetOffscreenSize.js.map +2 -2
- package/dist/jsx/useSheetOffscreenSize.native.js +27 -0
- package/dist/jsx/useSheetOffscreenSize.native.js.map +6 -0
- package/dist/jsx/useSheetOpenState.js +5 -8
- package/dist/jsx/useSheetOpenState.js.map +1 -1
- package/dist/jsx/useSheetOpenState.native.js +23 -0
- package/dist/jsx/useSheetOpenState.native.js.map +6 -0
- package/dist/jsx/useSheetProviderProps.js +36 -79
- package/dist/jsx/useSheetProviderProps.js.map +1 -1
- package/dist/jsx/useSheetProviderProps.native.js +90 -0
- package/dist/jsx/useSheetProviderProps.native.js.map +6 -0
- package/package.json +14 -14
- package/src/SheetImplementationCustom.tsx +21 -3
- package/src/createSheet.tsx +21 -3
- package/types/Sheet.d.ts +2 -0
- package/types/Sheet.d.ts.map +1 -1
- package/types/SheetImplementationCustom.d.ts.map +1 -1
- package/types/createSheet.d.ts +22 -0
- package/types/createSheet.d.ts.map +1 -1
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __defProp = Object.defineProperty;
|
|
3
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
+
var __export = (target, all) => {
|
|
7
|
+
for (var name in all)
|
|
8
|
+
__defProp(target, name, { get: all[name], enumerable: !0 });
|
|
9
|
+
}, __copyProps = (to, from, except, desc) => {
|
|
10
|
+
if (from && typeof from == "object" || typeof from == "function")
|
|
11
|
+
for (let key of __getOwnPropNames(from))
|
|
12
|
+
!__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
13
|
+
return to;
|
|
14
|
+
};
|
|
15
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
|
|
16
|
+
var useSheetOpenState_exports = {};
|
|
17
|
+
__export(useSheetOpenState_exports, {
|
|
18
|
+
useSheetOpenState: () => useSheetOpenState
|
|
19
|
+
});
|
|
20
|
+
module.exports = __toCommonJS(useSheetOpenState_exports);
|
|
21
|
+
var import_use_controllable_state = require("@tamagui/use-controllable-state"), import_useSheetController = require("./useSheetController");
|
|
22
|
+
const useSheetOpenState = (props) => {
|
|
23
|
+
const { isHidden, controller } = (0, import_useSheetController.useSheetController)(), onOpenChangeInternal = (val) => {
|
|
24
|
+
controller?.onOpenChange?.(val), props.onOpenChange?.(val);
|
|
25
|
+
}, [open, setOpen] = (0, import_use_controllable_state.useControllableState)({
|
|
26
|
+
prop: controller?.open ?? props.open,
|
|
27
|
+
defaultProp: props.defaultOpen ?? !1,
|
|
28
|
+
onChange: onOpenChangeInternal,
|
|
29
|
+
strategy: "most-recent-wins",
|
|
30
|
+
transition: !0
|
|
31
|
+
});
|
|
32
|
+
return {
|
|
33
|
+
open,
|
|
34
|
+
setOpen,
|
|
35
|
+
isHidden,
|
|
36
|
+
controller
|
|
37
|
+
};
|
|
38
|
+
};
|
|
39
|
+
// Annotate the CommonJS export names for ESM import in node:
|
|
40
|
+
0 && (module.exports = {
|
|
41
|
+
useSheetOpenState
|
|
42
|
+
});
|
|
43
|
+
//# sourceMappingURL=useSheetOpenState.js.map
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../src/useSheetOpenState.tsx"],
|
|
4
|
+
"mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oCAAqC,4CAGrC,4BAAmC;AAE5B,MAAM,oBAAoB,CAAC,UAAsB;AACtD,QAAM,EAAE,UAAU,WAAW,QAAI,8CAAmB,GAE9C,uBAAuB,CAAC,QAAiB;AAC7C,gBAAY,eAAe,GAAG,GAC9B,MAAM,eAAe,GAAG;AAAA,EAC1B,GAEM,CAAC,MAAM,OAAO,QAAI,oDAAqB;AAAA,IAC3C,MAAM,YAAY,QAAQ,MAAM;AAAA,IAChC,aAAa,MAAM,eAAe;AAAA,IAClC,UAAU;AAAA,IACV,UAAU;AAAA,IACV,YAAY;AAAA,EACd,CAAC;AAED,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;",
|
|
5
|
+
"names": []
|
|
6
|
+
}
|
|
@@ -1,20 +1,15 @@
|
|
|
1
|
-
"use strict";
|
|
2
1
|
var __create = Object.create;
|
|
3
2
|
var __defProp = Object.defineProperty;
|
|
4
3
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
4
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
-
var __getProtoOf = Object.getPrototypeOf;
|
|
7
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
5
|
+
var __getProtoOf = Object.getPrototypeOf, __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
8
6
|
var __export = (target, all) => {
|
|
9
7
|
for (var name in all)
|
|
10
|
-
__defProp(target, name, { get: all[name], enumerable:
|
|
11
|
-
}
|
|
12
|
-
|
|
13
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
8
|
+
__defProp(target, name, { get: all[name], enumerable: !0 });
|
|
9
|
+
}, __copyProps = (to, from, except, desc) => {
|
|
10
|
+
if (from && typeof from == "object" || typeof from == "function")
|
|
14
11
|
for (let key of __getOwnPropNames(from))
|
|
15
|
-
|
|
16
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
17
|
-
}
|
|
12
|
+
!__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
18
13
|
return to;
|
|
19
14
|
};
|
|
20
15
|
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
@@ -22,104 +17,61 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
|
|
|
22
17
|
// file that has been converted to a CommonJS file using a Babel-
|
|
23
18
|
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
24
19
|
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
25
|
-
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable:
|
|
20
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: !0 }) : target,
|
|
26
21
|
mod
|
|
27
|
-
));
|
|
28
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
22
|
+
)), __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
|
|
29
23
|
var useSheetProviderProps_exports = {};
|
|
30
24
|
__export(useSheetProviderProps_exports, {
|
|
31
25
|
useSheetProviderProps: () => useSheetProviderProps
|
|
32
26
|
});
|
|
33
27
|
module.exports = __toCommonJS(useSheetProviderProps_exports);
|
|
34
|
-
var import_core = require("@tamagui/core");
|
|
35
|
-
var import_use_constant = require("@tamagui/use-constant");
|
|
36
|
-
var import_use_controllable_state = require("@tamagui/use-controllable-state");
|
|
37
|
-
var import_react = __toESM(require("react"));
|
|
28
|
+
var import_core = require("@tamagui/core"), import_use_constant = require("@tamagui/use-constant"), import_use_controllable_state = require("@tamagui/use-controllable-state"), import_react = __toESM(require("react"));
|
|
38
29
|
function useSheetProviderProps(props, state, options = {}) {
|
|
39
|
-
const contentRef = import_react.default.useRef(null)
|
|
40
|
-
const [frameSize, setFrameSize] = (0, import_react.useState)(0);
|
|
41
|
-
const [maxContentSize, setMaxContentSize] = (0, import_react.useState)(0);
|
|
42
|
-
const snapPointsMode = props.snapPointsMode ?? "percent";
|
|
43
|
-
const snapPointsProp = props.snapPoints ?? (snapPointsMode === "percent" ? [80] : snapPointsMode === "constant" ? [256] : ["fit"]);
|
|
44
|
-
const hasFit = snapPointsProp[0] === "fit";
|
|
45
|
-
const snapPoints = (0, import_react.useMemo)(
|
|
30
|
+
const contentRef = import_react.default.useRef(null), [frameSize, setFrameSize] = (0, import_react.useState)(0), [maxContentSize, setMaxContentSize] = (0, import_react.useState)(0), snapPointsMode = props.snapPointsMode ?? "percent", snapPointsProp = props.snapPoints ?? (snapPointsMode === "percent" ? [80] : snapPointsMode === "constant" ? [256] : ["fit"]), hasFit = snapPointsProp[0] === "fit", snapPoints = (0, import_react.useMemo)(
|
|
46
31
|
() => props.dismissOnSnapToBottom ? [...snapPointsProp, 0] : snapPointsProp,
|
|
47
32
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
48
33
|
[JSON.stringify(snapPointsProp), props.dismissOnSnapToBottom]
|
|
49
|
-
)
|
|
50
|
-
const [position_, setPositionImmediate] = (0, import_use_controllable_state.useControllableState)({
|
|
34
|
+
), [position_, setPositionImmediate] = (0, import_use_controllable_state.useControllableState)({
|
|
51
35
|
prop: props.position,
|
|
52
36
|
defaultProp: props.defaultPosition || (state.open ? 0 : -1),
|
|
53
37
|
onChange: props.onPositionChange,
|
|
54
38
|
strategy: "most-recent-wins",
|
|
55
|
-
transition:
|
|
56
|
-
})
|
|
57
|
-
const position = state.open === false ? -1 : position_;
|
|
58
|
-
const { open } = state;
|
|
59
|
-
const setPosition = (0, import_react.useCallback)(
|
|
39
|
+
transition: !0
|
|
40
|
+
}), position = state.open === !1 ? -1 : position_, { open } = state, setPosition = (0, import_react.useCallback)(
|
|
60
41
|
(next) => {
|
|
61
|
-
|
|
62
|
-
state.setOpen(false);
|
|
63
|
-
} else {
|
|
64
|
-
setPositionImmediate(next);
|
|
65
|
-
}
|
|
42
|
+
props.dismissOnSnapToBottom && next === snapPoints.length - 1 ? state.setOpen(!1) : setPositionImmediate(next);
|
|
66
43
|
},
|
|
67
44
|
[props.dismissOnSnapToBottom, snapPoints.length, setPositionImmediate, state.setOpen]
|
|
68
45
|
);
|
|
69
|
-
|
|
70
|
-
if (
|
|
71
|
-
if (
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
const n = Number(p.slice(0, -1));
|
|
77
|
-
return n < 0 || n > 100;
|
|
78
|
-
}
|
|
79
|
-
return true;
|
|
46
|
+
process.env.NODE_ENV === "development" && (snapPointsMode === "mixed" && snapPoints.some((p) => {
|
|
47
|
+
if (typeof p == "string") {
|
|
48
|
+
if (p === "fit")
|
|
49
|
+
return !1;
|
|
50
|
+
if (p.endsWith("%")) {
|
|
51
|
+
const n = Number(p.slice(0, -1));
|
|
52
|
+
return n < 0 || n > 100;
|
|
80
53
|
}
|
|
81
|
-
return
|
|
82
|
-
})) {
|
|
83
|
-
console.warn(
|
|
84
|
-
'\u26A0\uFE0F Invalid snapPoint given, snapPoints must be positive numeric values, string percentages between 0-100%, or "fit" when snapPointsMode is mixed'
|
|
85
|
-
);
|
|
86
|
-
}
|
|
87
|
-
if (snapPointsMode === "mixed" && snapPoints.indexOf("fit") > 0) {
|
|
88
|
-
console.warn(
|
|
89
|
-
'\u26A0\uFE0F Invalid snapPoint given, "fit" must be the first/largest snap point when snapPointsMode is mixed'
|
|
90
|
-
);
|
|
54
|
+
return !0;
|
|
91
55
|
}
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
"\u26A0\uFE0F Invalid snapPoint given, snapPoints must be numeric values between 0 and 100 when snapPointsMode is percent"
|
|
105
|
-
);
|
|
106
|
-
}
|
|
107
|
-
}
|
|
108
|
-
if (open && props.dismissOnSnapToBottom && position === snapPoints.length - 1) {
|
|
109
|
-
setPositionImmediate(0);
|
|
110
|
-
}
|
|
56
|
+
return typeof p != "number" || p < 0;
|
|
57
|
+
}) && console.warn(
|
|
58
|
+
'\u26A0\uFE0F Invalid snapPoint given, snapPoints must be positive numeric values, string percentages between 0-100%, or "fit" when snapPointsMode is mixed'
|
|
59
|
+
), snapPointsMode === "mixed" && snapPoints.indexOf("fit") > 0 && console.warn(
|
|
60
|
+
'\u26A0\uFE0F Invalid snapPoint given, "fit" must be the first/largest snap point when snapPointsMode is mixed'
|
|
61
|
+
), snapPointsMode === "fit" && (snapPoints.length !== (props.dismissOnSnapToBottom ? 2 : 1) || snapPoints[0] !== "fit") && console.warn(
|
|
62
|
+
"\u26A0\uFE0F Invalid snapPoint given, there are no snap points when snapPointsMode is fit"
|
|
63
|
+
), snapPointsMode === "constant" && snapPoints.some((p) => typeof p != "number" || p < 0) && console.warn(
|
|
64
|
+
"\u26A0\uFE0F Invalid snapPoint given, snapPoints must be positive numeric values when snapPointsMode is constant"
|
|
65
|
+
), snapPointsMode === "percent" && snapPoints.some((p) => typeof p != "number" || p < 0 || p > 100) && console.warn(
|
|
66
|
+
"\u26A0\uFE0F Invalid snapPoint given, snapPoints must be numeric values between 0 and 100 when snapPointsMode is percent"
|
|
67
|
+
)), open && props.dismissOnSnapToBottom && position === snapPoints.length - 1 && setPositionImmediate(0);
|
|
111
68
|
const shouldSetPositionOpen = open && position < 0;
|
|
112
|
-
(0, import_react.useEffect)(() => {
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
}
|
|
116
|
-
}, [setPosition, shouldSetPositionOpen]);
|
|
117
|
-
const driver = (0, import_core.useAnimationDriver)();
|
|
118
|
-
if (!driver) {
|
|
69
|
+
if ((0, import_react.useEffect)(() => {
|
|
70
|
+
shouldSetPositionOpen && setPosition(0);
|
|
71
|
+
}, [setPosition, shouldSetPositionOpen]), !(0, import_core.useAnimationDriver)())
|
|
119
72
|
throw new Error("Must set animations in tamagui.config.ts");
|
|
120
|
-
}
|
|
121
73
|
const scrollBridge = (0, import_use_constant.useConstant)(() => ({
|
|
122
|
-
enabled:
|
|
74
|
+
enabled: !1,
|
|
123
75
|
y: 0,
|
|
124
76
|
paneY: 0,
|
|
125
77
|
paneMinY: 0,
|
|
@@ -128,13 +80,10 @@ function useSheetProviderProps(props, state, options = {}) {
|
|
|
128
80
|
},
|
|
129
81
|
release: () => {
|
|
130
82
|
},
|
|
131
|
-
scrollLock:
|
|
132
|
-
}));
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
const screenSize = snapPointsMode === "percent" ? frameSize / ((typeof maxSnapPoint === "number" ? maxSnapPoint : 100) / 100) : maxContentSize;
|
|
136
|
-
const providerProps = {
|
|
137
|
-
screenSize,
|
|
83
|
+
scrollLock: !1
|
|
84
|
+
})), removeScrollEnabled = props.forceRemoveScrollEnabled ?? (open && props.modal), maxSnapPoint = snapPoints[0];
|
|
85
|
+
return {
|
|
86
|
+
screenSize: snapPointsMode === "percent" ? frameSize / ((typeof maxSnapPoint == "number" ? maxSnapPoint : 100) / 100) : maxContentSize,
|
|
138
87
|
maxSnapPoint,
|
|
139
88
|
removeScrollEnabled,
|
|
140
89
|
scrollBridge,
|
|
@@ -145,8 +94,8 @@ function useSheetProviderProps(props, state, options = {}) {
|
|
|
145
94
|
contentRef,
|
|
146
95
|
frameSize,
|
|
147
96
|
setFrameSize,
|
|
148
|
-
dismissOnOverlayPress: props.dismissOnOverlayPress ??
|
|
149
|
-
dismissOnSnapToBottom: props.dismissOnSnapToBottom ??
|
|
97
|
+
dismissOnOverlayPress: props.dismissOnOverlayPress ?? !0,
|
|
98
|
+
dismissOnSnapToBottom: props.dismissOnSnapToBottom ?? !1,
|
|
150
99
|
onOverlayComponent: options.onOverlayComponent,
|
|
151
100
|
scope: props.__scopeSheet,
|
|
152
101
|
hasFit,
|
|
@@ -156,9 +105,8 @@ function useSheetProviderProps(props, state, options = {}) {
|
|
|
156
105
|
setMaxContentSize,
|
|
157
106
|
setPosition,
|
|
158
107
|
setPositionImmediate,
|
|
159
|
-
onlyShowFrame:
|
|
108
|
+
onlyShowFrame: !1
|
|
160
109
|
};
|
|
161
|
-
return providerProps;
|
|
162
110
|
}
|
|
163
111
|
// Annotate the CommonJS export names for ESM import in node:
|
|
164
112
|
0 && (module.exports = {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/useSheetProviderProps.tsx"],
|
|
4
|
-
"mappings": "
|
|
4
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAmD,0BACnD,sBAA4B,kCAC5B,gCAAqC,4CACrC,eAAiE;AAO1D,SAAS,sBACd,OACA,OACA,UAEI,CAAC,GACL;AACA,QAAM,aAAa,aAAAA,QAAM,OAAuB,IAAI,GAC9C,CAAC,WAAW,YAAY,QAAI,uBAAiB,CAAC,GAC9C,CAAC,gBAAgB,iBAAiB,QAAI,uBAAiB,CAAC,GACxD,iBAAiB,MAAM,kBAAkB,WACzC,iBACJ,MAAM,eACL,mBAAmB,YAChB,CAAC,EAAE,IACH,mBAAmB,aACnB,CAAC,GAAG,IACJ,CAAC,KAAK,IACN,SAAS,eAAe,CAAC,MAAM,OAE/B,iBAAa;AAAA,IACjB,MAAO,MAAM,wBAAwB,CAAC,GAAG,gBAAgB,CAAC,IAAI;AAAA;AAAA,IAE9D,CAAC,KAAK,UAAU,cAAc,GAAG,MAAM,qBAAqB;AAAA,EAC9D,GAGM,CAAC,WAAW,oBAAoB,QAAI,oDAAqB;AAAA,IAC7D,MAAM,MAAM;AAAA,IACZ,aAAa,MAAM,oBAAoB,MAAM,OAAO,IAAI;AAAA,IACxD,UAAU,MAAM;AAAA,IAChB,UAAU;AAAA,IACV,YAAY;AAAA,EACd,CAAC,GAEK,WAAW,MAAM,SAAS,KAAQ,KAAK,WAEvC,EAAE,KAAK,IAAI,OAEX,kBAAc;AAAA,IAClB,CAAC,SAAiB;AAEhB,MAAI,MAAM,yBAAyB,SAAS,WAAW,SAAS,IAC9D,MAAM,QAAQ,EAAK,IAEnB,qBAAqB,IAAI;AAAA,IAE7B;AAAA,IACA,CAAC,MAAM,uBAAuB,WAAW,QAAQ,sBAAsB,MAAM,OAAO;AAAA,EACtF;AAEA,EAAI,QAAQ,IAAI,aAAa,kBAEzB,mBAAmB,WACnB,WAAW,KAAK,CAAC,MAAM;AACrB,QAAI,OAAO,KAAM,UAAU;AACzB,UAAI,MAAM;AACR,eAAO;AAET,UAAI,EAAE,SAAS,GAAG,GAAG;AACnB,cAAM,IAAI,OAAO,EAAE,MAAM,GAAG,EAAE,CAAC;AAC/B,eAAO,IAAI,KAAK,IAAI;AAAA,MACtB;AACA,aAAO;AAAA,IACT;AACA,WAAO,OAAO,KAAM,YAAY,IAAI;AAAA,EACtC,CAAC,KAED,QAAQ;AAAA,IACN;AAAA,EACF,GAEE,mBAAmB,WAAW,WAAW,QAAQ,KAAK,IAAI,KAC5D,QAAQ;AAAA,IACN;AAAA,EACF,GAGA,mBAAmB,UAClB,WAAW,YAAY,MAAM,wBAAwB,IAAI,MACxD,WAAW,CAAC,MAAM,UAEpB,QAAQ;AAAA,IACN;AAAA,EACF,GAGA,mBAAmB,cACnB,WAAW,KAAK,CAAC,MAAM,OAAO,KAAM,YAAY,IAAI,CAAC,KAErD,QAAQ;AAAA,IACN;AAAA,EACF,GAGA,mBAAmB,aACnB,WAAW,KAAK,CAAC,MAAM,OAAO,KAAM,YAAY,IAAI,KAAK,IAAI,GAAG,KAEhE,QAAQ;AAAA,IACN;AAAA,EACF,IAKA,QAAQ,MAAM,yBAAyB,aAAa,WAAW,SAAS,KAC1E,qBAAqB,CAAC;AAIxB,QAAM,wBAAwB,QAAQ,WAAW;AAQjD,UAPA,wBAAU,MAAM;AACd,IAAI,yBACF,YAAY,CAAC;AAAA,EAEjB,GAAG,CAAC,aAAa,qBAAqB,CAAC,GAGnC,KADW,gCAAmB;AAEhC,UAAM,IAAI,MAAM,0CAA0C;AAG5D,QAAM,mBAAe,iCAA0B,OAAO;AAAA,IACpD,SAAS;AAAA,IACT,GAAG;AAAA,IACH,OAAO;AAAA,IACP,UAAU;AAAA,IACV,cAAc;AAAA,IACd,MAAM,MAAM;AAAA,IAAC;AAAA,IACb,SAAS,MAAM;AAAA,IAAC;AAAA,IAChB,YAAY;AAAA,EACd,EAAE,GAEI,sBAAsB,MAAM,6BAA6B,QAAQ,MAAM,QAEvE,eAAe,WAAW,CAAC;AAgCjC,SA1BsB;AAAA,IACpB,YALA,mBAAmB,YACf,cAAc,OAAO,gBAAiB,WAAW,eAAe,OAAO,OACvE;AAAA,IAIJ;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAO,CAAC,CAAC,MAAM;AAAA,IACf,MAAM,MAAM;AAAA,IACZ,SAAS,MAAM;AAAA,IACf,QAAQ,CAAC,CAAC,MAAM;AAAA,IAChB;AAAA,IACA;AAAA,IACA;AAAA,IACA,uBAAuB,MAAM,yBAAyB;AAAA,IACtD,uBAAuB,MAAM,yBAAyB;AAAA,IACtD,oBAAoB,QAAQ;AAAA,IAC5B,OAAO,MAAM;AAAA,IACb;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,eAAe;AAAA,EACjB;AAGF;",
|
|
5
5
|
"names": ["React"]
|
|
6
6
|
}
|
|
@@ -0,0 +1,116 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __create = Object.create;
|
|
3
|
+
var __defProp = Object.defineProperty;
|
|
4
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
+
var __getProtoOf = Object.getPrototypeOf, __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
+
var __export = (target, all) => {
|
|
8
|
+
for (var name in all)
|
|
9
|
+
__defProp(target, name, { get: all[name], enumerable: !0 });
|
|
10
|
+
}, __copyProps = (to, from, except, desc) => {
|
|
11
|
+
if (from && typeof from == "object" || typeof from == "function")
|
|
12
|
+
for (let key of __getOwnPropNames(from))
|
|
13
|
+
!__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
14
|
+
return to;
|
|
15
|
+
};
|
|
16
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
17
|
+
// If the importer is in node compatibility mode or this is not an ESM
|
|
18
|
+
// file that has been converted to a CommonJS file using a Babel-
|
|
19
|
+
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
20
|
+
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
21
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: !0 }) : target,
|
|
22
|
+
mod
|
|
23
|
+
)), __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
|
|
24
|
+
var useSheetProviderProps_exports = {};
|
|
25
|
+
__export(useSheetProviderProps_exports, {
|
|
26
|
+
useSheetProviderProps: () => useSheetProviderProps
|
|
27
|
+
});
|
|
28
|
+
module.exports = __toCommonJS(useSheetProviderProps_exports);
|
|
29
|
+
var import_core = require("@tamagui/core"), import_use_constant = require("@tamagui/use-constant"), import_use_controllable_state = require("@tamagui/use-controllable-state"), import_react = __toESM(require("react"));
|
|
30
|
+
function useSheetProviderProps(props, state, options = {}) {
|
|
31
|
+
const contentRef = import_react.default.useRef(null), [frameSize, setFrameSize] = (0, import_react.useState)(0), [maxContentSize, setMaxContentSize] = (0, import_react.useState)(0), snapPointsMode = props.snapPointsMode ?? "percent", snapPointsProp = props.snapPoints ?? (snapPointsMode === "percent" ? [80] : snapPointsMode === "constant" ? [256] : ["fit"]), hasFit = snapPointsProp[0] === "fit", snapPoints = (0, import_react.useMemo)(
|
|
32
|
+
() => props.dismissOnSnapToBottom ? [...snapPointsProp, 0] : snapPointsProp,
|
|
33
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
34
|
+
[JSON.stringify(snapPointsProp), props.dismissOnSnapToBottom]
|
|
35
|
+
), [position_, setPositionImmediate] = (0, import_use_controllable_state.useControllableState)({
|
|
36
|
+
prop: props.position,
|
|
37
|
+
defaultProp: props.defaultPosition || (state.open ? 0 : -1),
|
|
38
|
+
onChange: props.onPositionChange,
|
|
39
|
+
strategy: "most-recent-wins",
|
|
40
|
+
transition: !0
|
|
41
|
+
}), position = state.open === !1 ? -1 : position_, { open } = state, setPosition = (0, import_react.useCallback)(
|
|
42
|
+
(next) => {
|
|
43
|
+
props.dismissOnSnapToBottom && next === snapPoints.length - 1 ? state.setOpen(!1) : setPositionImmediate(next);
|
|
44
|
+
},
|
|
45
|
+
[props.dismissOnSnapToBottom, snapPoints.length, setPositionImmediate, state.setOpen]
|
|
46
|
+
);
|
|
47
|
+
process.env.NODE_ENV === "development" && (snapPointsMode === "mixed" && snapPoints.some((p) => {
|
|
48
|
+
if (typeof p == "string") {
|
|
49
|
+
if (p === "fit")
|
|
50
|
+
return !1;
|
|
51
|
+
if (p.endsWith("%")) {
|
|
52
|
+
const n = Number(p.slice(0, -1));
|
|
53
|
+
return n < 0 || n > 100;
|
|
54
|
+
}
|
|
55
|
+
return !0;
|
|
56
|
+
}
|
|
57
|
+
return typeof p != "number" || p < 0;
|
|
58
|
+
}) && console.warn(
|
|
59
|
+
'\u26A0\uFE0F Invalid snapPoint given, snapPoints must be positive numeric values, string percentages between 0-100%, or "fit" when snapPointsMode is mixed'
|
|
60
|
+
), snapPointsMode === "mixed" && snapPoints.indexOf("fit") > 0 && console.warn(
|
|
61
|
+
'\u26A0\uFE0F Invalid snapPoint given, "fit" must be the first/largest snap point when snapPointsMode is mixed'
|
|
62
|
+
), snapPointsMode === "fit" && (snapPoints.length !== (props.dismissOnSnapToBottom ? 2 : 1) || snapPoints[0] !== "fit") && console.warn(
|
|
63
|
+
"\u26A0\uFE0F Invalid snapPoint given, there are no snap points when snapPointsMode is fit"
|
|
64
|
+
), snapPointsMode === "constant" && snapPoints.some((p) => typeof p != "number" || p < 0) && console.warn(
|
|
65
|
+
"\u26A0\uFE0F Invalid snapPoint given, snapPoints must be positive numeric values when snapPointsMode is constant"
|
|
66
|
+
), snapPointsMode === "percent" && snapPoints.some((p) => typeof p != "number" || p < 0 || p > 100) && console.warn(
|
|
67
|
+
"\u26A0\uFE0F Invalid snapPoint given, snapPoints must be numeric values between 0 and 100 when snapPointsMode is percent"
|
|
68
|
+
)), open && props.dismissOnSnapToBottom && position === snapPoints.length - 1 && setPositionImmediate(0);
|
|
69
|
+
const shouldSetPositionOpen = open && position < 0;
|
|
70
|
+
if ((0, import_react.useEffect)(() => {
|
|
71
|
+
shouldSetPositionOpen && setPosition(0);
|
|
72
|
+
}, [setPosition, shouldSetPositionOpen]), !(0, import_core.useAnimationDriver)())
|
|
73
|
+
throw new Error("Must set animations in tamagui.config.ts");
|
|
74
|
+
const scrollBridge = (0, import_use_constant.useConstant)(() => ({
|
|
75
|
+
enabled: !1,
|
|
76
|
+
y: 0,
|
|
77
|
+
paneY: 0,
|
|
78
|
+
paneMinY: 0,
|
|
79
|
+
scrollStartY: -1,
|
|
80
|
+
drag: () => {
|
|
81
|
+
},
|
|
82
|
+
release: () => {
|
|
83
|
+
},
|
|
84
|
+
scrollLock: !1
|
|
85
|
+
})), removeScrollEnabled = props.forceRemoveScrollEnabled ?? (open && props.modal), maxSnapPoint = snapPoints[0];
|
|
86
|
+
return {
|
|
87
|
+
screenSize: snapPointsMode === "percent" ? frameSize / ((typeof maxSnapPoint == "number" ? maxSnapPoint : 100) / 100) : maxContentSize,
|
|
88
|
+
maxSnapPoint,
|
|
89
|
+
removeScrollEnabled,
|
|
90
|
+
scrollBridge,
|
|
91
|
+
modal: !!props.modal,
|
|
92
|
+
open: state.open,
|
|
93
|
+
setOpen: state.setOpen,
|
|
94
|
+
hidden: !!state.isHidden,
|
|
95
|
+
contentRef,
|
|
96
|
+
frameSize,
|
|
97
|
+
setFrameSize,
|
|
98
|
+
dismissOnOverlayPress: props.dismissOnOverlayPress ?? !0,
|
|
99
|
+
dismissOnSnapToBottom: props.dismissOnSnapToBottom ?? !1,
|
|
100
|
+
onOverlayComponent: options.onOverlayComponent,
|
|
101
|
+
scope: props.__scopeSheet,
|
|
102
|
+
hasFit,
|
|
103
|
+
position,
|
|
104
|
+
snapPoints,
|
|
105
|
+
snapPointsMode,
|
|
106
|
+
setMaxContentSize,
|
|
107
|
+
setPosition,
|
|
108
|
+
setPositionImmediate,
|
|
109
|
+
onlyShowFrame: !1
|
|
110
|
+
};
|
|
111
|
+
}
|
|
112
|
+
// Annotate the CommonJS export names for ESM import in node:
|
|
113
|
+
0 && (module.exports = {
|
|
114
|
+
useSheetProviderProps
|
|
115
|
+
});
|
|
116
|
+
//# sourceMappingURL=useSheetProviderProps.js.map
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../src/useSheetProviderProps.tsx"],
|
|
4
|
+
"mappings": "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",
|
|
5
|
+
"names": ["React"]
|
|
6
|
+
}
|
package/dist/esm/Sheet.js
CHANGED
|
@@ -32,10 +32,9 @@ const Handle = styled(XStack, {
|
|
|
32
32
|
}
|
|
33
33
|
},
|
|
34
34
|
defaultVariants: {
|
|
35
|
-
unstyled:
|
|
35
|
+
unstyled: !1
|
|
36
36
|
}
|
|
37
|
-
})
|
|
38
|
-
const Overlay = styled(ThemeableStack, {
|
|
37
|
+
}), Overlay = styled(ThemeableStack, {
|
|
39
38
|
name: SHEET_OVERLAY_NAME,
|
|
40
39
|
variants: {
|
|
41
40
|
open: {
|
|
@@ -50,19 +49,18 @@ const Overlay = styled(ThemeableStack, {
|
|
|
50
49
|
},
|
|
51
50
|
unstyled: {
|
|
52
51
|
false: {
|
|
53
|
-
fullscreen:
|
|
52
|
+
fullscreen: !0,
|
|
54
53
|
position: "absolute",
|
|
55
|
-
backgrounded:
|
|
54
|
+
backgrounded: !0,
|
|
56
55
|
zIndex: 1e5 - 1,
|
|
57
56
|
pointerEvents: "auto"
|
|
58
57
|
}
|
|
59
58
|
}
|
|
60
59
|
},
|
|
61
60
|
defaultVariants: {
|
|
62
|
-
unstyled:
|
|
61
|
+
unstyled: !1
|
|
63
62
|
}
|
|
64
|
-
})
|
|
65
|
-
const Frame = styled(YStack, {
|
|
63
|
+
}), Frame = styled(YStack, {
|
|
66
64
|
name: SHEET_NAME,
|
|
67
65
|
variants: {
|
|
68
66
|
unstyled: {
|
|
@@ -78,16 +76,13 @@ const Frame = styled(YStack, {
|
|
|
78
76
|
}
|
|
79
77
|
},
|
|
80
78
|
defaultVariants: {
|
|
81
|
-
unstyled:
|
|
79
|
+
unstyled: !1
|
|
82
80
|
}
|
|
83
|
-
})
|
|
84
|
-
const Sheet = createSheet({
|
|
81
|
+
}), Sheet = createSheet({
|
|
85
82
|
Frame,
|
|
86
83
|
Handle,
|
|
87
84
|
Overlay
|
|
88
|
-
});
|
|
89
|
-
const SheetOverlayFrame = Overlay;
|
|
90
|
-
const SheetHandleFrame = Handle;
|
|
85
|
+
}), SheetOverlayFrame = Overlay, SheetHandleFrame = Handle;
|
|
91
86
|
export {
|
|
92
87
|
Frame,
|
|
93
88
|
Handle,
|
package/dist/esm/Sheet.js.map
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/Sheet.tsx"],
|
|
4
|
-
"mappings": "AAAA,SAAS,cAAc;AACvB,SAAS,gBAAgB,QAAQ,cAAc;AAE/C,SAAS,mBAAmB,YAAY,0BAA0B;AAClE,SAAS,mBAAmB;AAE5B,SAAS,wBAAwB;AACjC,cAAc;AAMP,MAAM,SAAS,OAAO,QAAQ;AAAA,EACnC,MAAM;AAAA,EAEN,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,MAAM;AAAA,QACJ,eAAe;AAAA,MACjB;AAAA,MACA,OAAO;AAAA,QACL,SAAS;AAAA,QACT,eAAe;AAAA,MACjB;AAAA,IACF;AAAA,IAEA,UAAU;AAAA,MACR,OAAO;AAAA,QACL,QAAQ;AAAA,QACR,cAAc;AAAA,QACd,iBAAiB;AAAA,QACjB,QAAQ;AAAA,QACR,kBAAkB;AAAA,QAClB,cAAc;AAAA,QACd,SAAS;AAAA,QAET,YAAY;AAAA,UACV,SAAS;AAAA,QACX;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAAA,EAEA,iBAAiB;AAAA,IACf,UAAU;AAAA,EACZ;AACF,CAAC
|
|
4
|
+
"mappings": "AAAA,SAAS,cAAc;AACvB,SAAS,gBAAgB,QAAQ,cAAc;AAE/C,SAAS,mBAAmB,YAAY,0BAA0B;AAClE,SAAS,mBAAmB;AAE5B,SAAS,wBAAwB;AACjC,cAAc;AAMP,MAAM,SAAS,OAAO,QAAQ;AAAA,EACnC,MAAM;AAAA,EAEN,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,MAAM;AAAA,QACJ,eAAe;AAAA,MACjB;AAAA,MACA,OAAO;AAAA,QACL,SAAS;AAAA,QACT,eAAe;AAAA,MACjB;AAAA,IACF;AAAA,IAEA,UAAU;AAAA,MACR,OAAO;AAAA,QACL,QAAQ;AAAA,QACR,cAAc;AAAA,QACd,iBAAiB;AAAA,QACjB,QAAQ;AAAA,QACR,kBAAkB;AAAA,QAClB,cAAc;AAAA,QACd,SAAS;AAAA,QAET,YAAY;AAAA,UACV,SAAS;AAAA,QACX;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAAA,EAEA,iBAAiB;AAAA,IACf,UAAU;AAAA,EACZ;AACF,CAAC,GAMY,UAAU,OAAO,gBAAgB;AAAA,EAC5C,MAAM;AAAA,EAEN,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,MAAM;AAAA,QACJ,SAAS;AAAA,QACT,eAAe;AAAA,MACjB;AAAA,MACA,OAAO;AAAA,QACL,SAAS;AAAA,QACT,eAAe;AAAA,MACjB;AAAA,IACF;AAAA,IAEA,UAAU;AAAA,MACR,OAAO;AAAA,QACL,YAAY;AAAA,QACZ,UAAU;AAAA,QACV,cAAc;AAAA,QACd,QAAQ,MAAU;AAAA,QAClB,eAAe;AAAA,MACjB;AAAA,IACF;AAAA,EACF;AAAA,EAEA,iBAAiB;AAAA,IACf,UAAU;AAAA,EACZ;AACF,CAAC,GAMY,QAAQ,OAAO,QAAQ;AAAA,EAClC,MAAM;AAAA,EAEN,UAAU;AAAA,IACR,UAAU;AAAA,MACR,OAAO;AAAA,QACL,MAAM;AAAA,QACN,iBAAiB;AAAA,QACjB,qBAAqB;AAAA,QACrB,sBAAsB;AAAA,QACtB,OAAO;AAAA,QACP,WAAW;AAAA,QACX,UAAU;AAAA,MACZ;AAAA,IACF;AAAA,EACF;AAAA,EAEA,iBAAiB;AAAA,IACf,UAAU;AAAA,EACZ;AACF,CAAC,GAEY,QAAQ,YAAY;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AACF,CAAC,GAGY,oBAAoB,SAGpB,mBAAmB;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
package/dist/esm/SheetContext.js
CHANGED
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import { createContextScope } from "@tamagui/create-context";
|
|
2
2
|
import { SHEET_NAME } from "./constants";
|
|
3
|
-
const [createSheetContext, createSheetScope] = createContextScope(SHEET_NAME)
|
|
4
|
-
const [SheetProvider, useSheetContext] = createSheetContext(
|
|
3
|
+
const [createSheetContext, createSheetScope] = createContextScope(SHEET_NAME), [SheetProvider, useSheetContext] = createSheetContext(
|
|
5
4
|
SHEET_NAME,
|
|
6
5
|
{}
|
|
7
6
|
);
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/SheetContext.tsx"],
|
|
4
|
-
"mappings": "AAAA,SAAS,0BAA0B;AAEnC,SAAS,kBAAkB;AAGpB,MAAM,CAAC,oBAAoB,gBAAgB,IAAI,mBAAmB,UAAU
|
|
4
|
+
"mappings": "AAAA,SAAS,0BAA0B;AAEnC,SAAS,kBAAkB;AAGpB,MAAM,CAAC,oBAAoB,gBAAgB,IAAI,mBAAmB,UAAU,GAEtE,CAAC,eAAe,eAAe,IAAI;AAAA,EAC9C;AAAA,EACA,CAAC;AACH;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
|
@@ -1,14 +1,13 @@
|
|
|
1
|
-
import { jsx } from "react/jsx-runtime";
|
|
2
1
|
import { useEvent } from "@tamagui/core";
|
|
3
2
|
import { useMemo } from "react";
|
|
4
3
|
import { SheetControllerContext } from "./useSheetController";
|
|
4
|
+
import { jsx } from "react/jsx-runtime";
|
|
5
5
|
const SheetController = ({
|
|
6
6
|
children,
|
|
7
7
|
onOpenChange: onOpenChangeProp,
|
|
8
8
|
...value
|
|
9
9
|
}) => {
|
|
10
|
-
const onOpenChange = useEvent(onOpenChangeProp)
|
|
11
|
-
const memoValue = useMemo(
|
|
10
|
+
const onOpenChange = useEvent(onOpenChangeProp), memoValue = useMemo(
|
|
12
11
|
() => ({
|
|
13
12
|
open: value.open,
|
|
14
13
|
hidden: value.hidden,
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/SheetController.tsx"],
|
|
4
|
-
"mappings": "
|
|
4
|
+
"mappings": "AAAA,SAAS,gBAAgB;AACzB,SAAgB,eAAe;AAE/B,SAAS,8BAA2D;AAoBhE;AAlBG,MAAM,kBAAkB,CAAC;AAAA,EAC9B;AAAA,EACA,cAAc;AAAA,EACd,GAAG;AACL,MAA6E;AAC3E,QAAM,eAAe,SAAS,gBAAgB,GAExC,YAAY;AAAA,IAChB,OAAO;AAAA,MACL,MAAM,MAAM;AAAA,MACZ,QAAQ,MAAM;AAAA,MACd,aAAa,MAAM;AAAA,MACnB;AAAA,IACF;AAAA,IACA,CAAC,cAAc,MAAM,MAAM,MAAM,QAAQ,MAAM,WAAW;AAAA,EAC5D;AAEA,SACE,oBAAC,uBAAuB,UAAvB,EAAgC,OAAO,WACrC,UACH;AAEJ;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|