@tamagui/sheet 3.0.0-beta.1479.1 → 3.0.0-beta.1540.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.
Files changed (118) hide show
  1. package/dist/cjs/Sheet.cjs +29 -12
  2. package/dist/cjs/Sheet.native.cjs +29 -12
  3. package/dist/cjs/Sheet.native.js +29 -12
  4. package/dist/cjs/Sheet.native.js.map +1 -1
  5. package/dist/cjs/SheetScrollView.cjs +13 -1
  6. package/dist/cjs/SheetScrollView.native.cjs +14 -1
  7. package/dist/cjs/SheetScrollView.native.js +14 -1
  8. package/dist/cjs/SheetScrollView.native.js.map +1 -1
  9. package/dist/cjs/nativeSheet.cjs +1 -1
  10. package/dist/cjs/nativeSheet.native.cjs +66 -55
  11. package/dist/cjs/nativeSheet.native.js +66 -55
  12. package/dist/cjs/nativeSheet.native.js.map +1 -1
  13. package/dist/cjs/useSheetOffscreenSize.cjs +3 -1
  14. package/dist/cjs/useSheetOffscreenSize.native.cjs +3 -2
  15. package/dist/cjs/useSheetOffscreenSize.native.js +3 -2
  16. package/dist/cjs/useSheetOffscreenSize.native.js.map +1 -1
  17. package/dist/cjs/useSheetOpenState.cjs +9 -3
  18. package/dist/cjs/useSheetOpenState.native.cjs +11 -2
  19. package/dist/cjs/useSheetOpenState.native.js +11 -2
  20. package/dist/cjs/useSheetOpenState.native.js.map +1 -1
  21. package/dist/cjs/useSheetProviderProps.cjs +5 -94
  22. package/dist/cjs/useSheetProviderProps.native.cjs +5 -103
  23. package/dist/cjs/useSheetProviderProps.native.js +5 -103
  24. package/dist/cjs/useSheetProviderProps.native.js.map +1 -1
  25. package/dist/cjs/useSheetState.cjs +120 -0
  26. package/dist/cjs/useSheetState.native.cjs +131 -0
  27. package/dist/cjs/useSheetState.native.js +133 -0
  28. package/dist/cjs/useSheetState.native.js.map +1 -0
  29. package/dist/esm/Sheet.mjs +29 -12
  30. package/dist/esm/Sheet.mjs.map +1 -1
  31. package/dist/esm/Sheet.native.js +29 -12
  32. package/dist/esm/Sheet.native.js.map +1 -1
  33. package/dist/esm/SheetScrollView.mjs +14 -2
  34. package/dist/esm/SheetScrollView.mjs.map +1 -1
  35. package/dist/esm/SheetScrollView.native.js +15 -2
  36. package/dist/esm/SheetScrollView.native.js.map +1 -1
  37. package/dist/esm/nativeSheet.mjs +1 -1
  38. package/dist/esm/nativeSheet.mjs.map +1 -1
  39. package/dist/esm/nativeSheet.native.js +69 -58
  40. package/dist/esm/nativeSheet.native.js.map +1 -1
  41. package/dist/esm/useSheetOffscreenSize.mjs +3 -1
  42. package/dist/esm/useSheetOffscreenSize.mjs.map +1 -1
  43. package/dist/esm/useSheetOffscreenSize.native.js +3 -2
  44. package/dist/esm/useSheetOffscreenSize.native.js.map +1 -1
  45. package/dist/esm/useSheetOpenState.mjs +9 -3
  46. package/dist/esm/useSheetOpenState.mjs.map +1 -1
  47. package/dist/esm/useSheetOpenState.native.js +11 -2
  48. package/dist/esm/useSheetOpenState.native.js.map +1 -1
  49. package/dist/esm/useSheetProviderProps.mjs +5 -88
  50. package/dist/esm/useSheetProviderProps.mjs.map +1 -1
  51. package/dist/esm/useSheetProviderProps.native.js +5 -97
  52. package/dist/esm/useSheetProviderProps.native.js.map +1 -1
  53. package/dist/esm/useSheetState.mjs +95 -0
  54. package/dist/esm/useSheetState.mjs.map +1 -0
  55. package/dist/esm/useSheetState.native.js +104 -0
  56. package/dist/esm/useSheetState.native.js.map +1 -0
  57. package/dist/jsx/Sheet.mjs +29 -12
  58. package/dist/jsx/Sheet.mjs.map +1 -1
  59. package/dist/jsx/Sheet.native.cjs +29 -12
  60. package/dist/jsx/Sheet.native.js +29 -12
  61. package/dist/jsx/Sheet.native.js.map +1 -1
  62. package/dist/jsx/SheetScrollView.mjs +14 -2
  63. package/dist/jsx/SheetScrollView.mjs.map +1 -1
  64. package/dist/jsx/SheetScrollView.native.cjs +14 -1
  65. package/dist/jsx/SheetScrollView.native.js +14 -1
  66. package/dist/jsx/SheetScrollView.native.js.map +1 -1
  67. package/dist/jsx/nativeSheet.mjs +1 -1
  68. package/dist/jsx/nativeSheet.mjs.map +1 -1
  69. package/dist/jsx/nativeSheet.native.cjs +66 -55
  70. package/dist/jsx/nativeSheet.native.js +66 -55
  71. package/dist/jsx/nativeSheet.native.js.map +1 -1
  72. package/dist/jsx/useSheetOffscreenSize.mjs +3 -1
  73. package/dist/jsx/useSheetOffscreenSize.mjs.map +1 -1
  74. package/dist/jsx/useSheetOffscreenSize.native.cjs +3 -2
  75. package/dist/jsx/useSheetOffscreenSize.native.js +3 -2
  76. package/dist/jsx/useSheetOffscreenSize.native.js.map +1 -1
  77. package/dist/jsx/useSheetOpenState.mjs +9 -3
  78. package/dist/jsx/useSheetOpenState.mjs.map +1 -1
  79. package/dist/jsx/useSheetOpenState.native.cjs +11 -2
  80. package/dist/jsx/useSheetOpenState.native.js +11 -2
  81. package/dist/jsx/useSheetOpenState.native.js.map +1 -1
  82. package/dist/jsx/useSheetProviderProps.mjs +5 -88
  83. package/dist/jsx/useSheetProviderProps.mjs.map +1 -1
  84. package/dist/jsx/useSheetProviderProps.native.cjs +5 -103
  85. package/dist/jsx/useSheetProviderProps.native.js +5 -103
  86. package/dist/jsx/useSheetProviderProps.native.js.map +1 -1
  87. package/dist/jsx/useSheetState.mjs +95 -0
  88. package/dist/jsx/useSheetState.mjs.map +1 -0
  89. package/dist/jsx/useSheetState.native.cjs +131 -0
  90. package/dist/jsx/useSheetState.native.js +133 -0
  91. package/dist/jsx/useSheetState.native.js.map +1 -0
  92. package/package.json +22 -22
  93. package/src/Sheet.tsx +44 -15
  94. package/src/SheetScrollView.tsx +22 -3
  95. package/src/nativeSheet.native.tsx +89 -64
  96. package/src/nativeSheet.ts +7 -10
  97. package/src/types.tsx +29 -4
  98. package/src/useSheetOffscreenSize.tsx +3 -7
  99. package/src/useSheetOpenState.tsx +10 -2
  100. package/src/useSheetProviderProps.tsx +18 -149
  101. package/src/useSheetState.tsx +139 -0
  102. package/types/Sheet.d.ts +32 -32
  103. package/types/Sheet.d.ts.map +1 -1
  104. package/types/SheetScrollView.d.ts.map +1 -1
  105. package/types/nativeSheet.d.ts +8 -9
  106. package/types/nativeSheet.d.ts.map +1 -1
  107. package/types/nativeSheet.native.d.ts +4 -4
  108. package/types/nativeSheet.native.d.ts.map +1 -1
  109. package/types/types.d.ts +22 -4
  110. package/types/types.d.ts.map +1 -1
  111. package/types/useSheetOffscreenSize.d.ts +1 -1
  112. package/types/useSheetOffscreenSize.d.ts.map +1 -1
  113. package/types/useSheetOpenState.d.ts +3 -1
  114. package/types/useSheetOpenState.d.ts.map +1 -1
  115. package/types/useSheetProviderProps.d.ts +15 -13
  116. package/types/useSheetProviderProps.d.ts.map +1 -1
  117. package/types/useSheetState.d.ts +26 -0
  118. 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 import_use_controllable_state = require("@tamagui/use-controllable-state");
26
+ var import_useSheetState = require("./useSheetState.cjs");
34
27
  function useSheetProviderProps(props, state) {
35
- const handleRef = import_react.default.useRef(null);
36
- const contentRef = import_react.default.useRef(null);
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
- const providerProps = {
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 import_use_controllable_state = require("@tamagui/use-controllable-state");
28
+ var import_useSheetState = require("./useSheetState.native.js");
36
29
  function useSheetProviderProps(props, state) {
37
- var handleRef = import_react.default.useRef(null);
38
- var contentRef = import_react.default.useRef(null);
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
- var _props_dismissOnOverlayPress, _props_dismissOnSnapToBottom, _props_scope;
149
- var providerProps = {
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 import_use_controllable_state = require("@tamagui/use-controllable-state");
28
+ var import_useSheetState = require("./useSheetState.native.js");
36
29
  function useSheetProviderProps(props, state) {
37
- var handleRef = import_react.default.useRef(null);
38
- var contentRef = import_react.default.useRef(null);
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
- var _props_dismissOnOverlayPress, _props_dismissOnSnapToBottom, _props_scope;
149
- var providerProps = {
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
+ }