tamagui 1.100.0 → 1.100.2
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/native.js +200 -89
- package/dist/native.js.map +3 -3
- package/dist/test.native.js +200 -89
- package/dist/test.native.js.map +3 -3
- package/package.json +54 -54
package/dist/native.js
CHANGED
|
@@ -3056,6 +3056,70 @@ var require_useDisableSSR_native = __commonJS({
|
|
|
3056
3056
|
}
|
|
3057
3057
|
});
|
|
3058
3058
|
|
|
3059
|
+
// ../web/dist/cjs/hooks/useDidHydrateOnce.native.js
|
|
3060
|
+
var require_useDidHydrateOnce_native = __commonJS({
|
|
3061
|
+
"../web/dist/cjs/hooks/useDidHydrateOnce.native.js"(exports2, module2) {
|
|
3062
|
+
"use strict";
|
|
3063
|
+
var __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __hasOwnProp2 = Object.prototype.hasOwnProperty, __export2 = function(target, all) {
|
|
3064
|
+
for (var name in all) __defProp2(target, name, {
|
|
3065
|
+
get: all[name],
|
|
3066
|
+
enumerable: !0
|
|
3067
|
+
});
|
|
3068
|
+
}, __copyProps2 = function(to, from, except, desc) {
|
|
3069
|
+
var _iteratorNormalCompletion = !0, _didIteratorError = !1, _iteratorError = void 0;
|
|
3070
|
+
if (from && typeof from == "object" || typeof from == "function") try {
|
|
3071
|
+
for (var _loop = function() {
|
|
3072
|
+
var key = _step.value;
|
|
3073
|
+
!__hasOwnProp2.call(to, key) && key !== except && __defProp2(to, key, {
|
|
3074
|
+
get: function() {
|
|
3075
|
+
return from[key];
|
|
3076
|
+
},
|
|
3077
|
+
enumerable: !(desc = __getOwnPropDesc2(from, key)) || desc.enumerable
|
|
3078
|
+
});
|
|
3079
|
+
}, _iterator = __getOwnPropNames2(from)[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = !0) _loop();
|
|
3080
|
+
} catch (err) {
|
|
3081
|
+
_didIteratorError = !0, _iteratorError = err;
|
|
3082
|
+
} finally {
|
|
3083
|
+
try {
|
|
3084
|
+
!_iteratorNormalCompletion && _iterator.return != null && _iterator.return();
|
|
3085
|
+
} finally {
|
|
3086
|
+
if (_didIteratorError)
|
|
3087
|
+
throw _iteratorError;
|
|
3088
|
+
}
|
|
3089
|
+
}
|
|
3090
|
+
return to;
|
|
3091
|
+
}, __toCommonJS2 = function(mod) {
|
|
3092
|
+
return __copyProps2(__defProp2({}, "__esModule", {
|
|
3093
|
+
value: !0
|
|
3094
|
+
}), mod);
|
|
3095
|
+
}, useDidHydrateOnce_exports = {};
|
|
3096
|
+
__export2(useDidHydrateOnce_exports, {
|
|
3097
|
+
useDidHydrateOnce: function() {
|
|
3098
|
+
return useDidHydrateOnce;
|
|
3099
|
+
},
|
|
3100
|
+
useDidHydrateOnceRoot: function() {
|
|
3101
|
+
return useDidHydrateOnceRoot;
|
|
3102
|
+
}
|
|
3103
|
+
});
|
|
3104
|
+
module2.exports = __toCommonJS2(useDidHydrateOnce_exports);
|
|
3105
|
+
var import_react4 = require("react"), didHydrateOnce = !1;
|
|
3106
|
+
function useDidHydrateOnceRoot() {
|
|
3107
|
+
(0, import_react4.useEffect)(function() {
|
|
3108
|
+
var tm = setInterval(function() {
|
|
3109
|
+
Date.now() - last > 32 && (didHydrateOnce = !0, clearInterval(tm));
|
|
3110
|
+
}, 16);
|
|
3111
|
+
return function() {
|
|
3112
|
+
clearInterval(tm);
|
|
3113
|
+
};
|
|
3114
|
+
}, []);
|
|
3115
|
+
}
|
|
3116
|
+
var last = Date.now();
|
|
3117
|
+
function useDidHydrateOnce() {
|
|
3118
|
+
return didHydrateOnce || (last = Date.now()), didHydrateOnce;
|
|
3119
|
+
}
|
|
3120
|
+
}
|
|
3121
|
+
});
|
|
3122
|
+
|
|
3059
3123
|
// ../web/dist/cjs/hooks/useMedia.native.js
|
|
3060
3124
|
var require_useMedia_native = __commonJS({
|
|
3061
3125
|
"../web/dist/cjs/hooks/useMedia.native.js"(exports2, module2) {
|
|
@@ -3142,7 +3206,7 @@ var require_useMedia_native = __commonJS({
|
|
|
3142
3206
|
}
|
|
3143
3207
|
});
|
|
3144
3208
|
module2.exports = __toCommonJS2(useMedia_exports);
|
|
3145
|
-
var import_constants4 = require_index_native6(), import_react4 = require("react"), import_config = require_config_native(), import_matchMedia = require_matchMedia_native(), import_pseudoDescriptors = require_pseudoDescriptors_native(), import_useDisableSSR = require_useDisableSSR_native();
|
|
3209
|
+
var import_constants4 = require_index_native6(), import_react4 = require("react"), import_config = require_config_native(), import_matchMedia = require_matchMedia_native(), import_pseudoDescriptors = require_pseudoDescriptors_native(), import_useDisableSSR = require_useDisableSSR_native(), import_useDidHydrateOnce = require_useDidHydrateOnce_native();
|
|
3146
3210
|
function _array_like_to_array2(arr, len) {
|
|
3147
3211
|
(len == null || len > arr.length) && (len = arr.length);
|
|
3148
3212
|
for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
|
|
@@ -3301,9 +3365,21 @@ var require_useMedia_native = __commonJS({
|
|
|
3301
3365
|
return listeners.delete(subscriber);
|
|
3302
3366
|
};
|
|
3303
3367
|
}
|
|
3368
|
+
function useLayoutExternalStore(subscriber, getSnapshot, getServerSnapshot) {
|
|
3369
|
+
var hasHydrated = (0, import_useDidHydrateOnce.useDidHydrateOnce)(), _useState = _sliced_to_array((0, import_react4.useState)(hasHydrated ? mediaState3 : getServerSnapshot), 2), state = _useState[0], setState = _useState[1];
|
|
3370
|
+
return (0, import_constants4.useIsomorphicLayoutEffect)(function() {
|
|
3371
|
+
var update = function() {
|
|
3372
|
+
setState(function(prev) {
|
|
3373
|
+
var next = getSnapshot();
|
|
3374
|
+
return next !== prev ? next : prev;
|
|
3375
|
+
});
|
|
3376
|
+
};
|
|
3377
|
+
return update(), subscriber(update);
|
|
3378
|
+
}, []), state;
|
|
3379
|
+
}
|
|
3304
3380
|
function useMedia3(uid, componentContext) {
|
|
3305
|
-
var internal = (0, import_react4.useRef)(), disableSSR = (0, import_useDisableSSR.getDisableSSR)(componentContext), initialState = (disableSSR || !import_constants4.isWeb ? mediaState3 : initState) || {}, state = (
|
|
3306
|
-
if (!internal.current) return
|
|
3381
|
+
var internal = (0, import_react4.useRef)(), disableSSR = (0, import_useDisableSSR.getDisableSSR)(componentContext), initialState = (disableSSR || !import_constants4.isWeb ? mediaState3 : initState) || {}, state = useLayoutExternalStore(subscribe, function() {
|
|
3382
|
+
if (!internal.current) return mediaState3;
|
|
3307
3383
|
var _internal_current = internal.current, touched = _internal_current.touched, prev = _internal_current.prev, componentState = uid ? shouldUpdate.get(uid) : void 0;
|
|
3308
3384
|
if (componentState && componentState.enabled === !1) return prev;
|
|
3309
3385
|
var _componentState_keys, testKeys = (_componentState_keys = componentState == null ? void 0 : componentState.keys) !== null && _componentState_keys !== void 0 ? _componentState_keys : (!componentState || componentState.enabled) && touched ? _to_consumable_array2(touched) : null, hasntUpdated = !testKeys || (testKeys == null ? void 0 : testKeys.every(function(key) {
|
|
@@ -8825,7 +8901,7 @@ var require_createComponent_native = __commonJS({
|
|
|
8825
8901
|
}
|
|
8826
8902
|
});
|
|
8827
8903
|
module2.exports = __toCommonJS2(createComponent_exports);
|
|
8828
|
-
var import_jsx_runtime6 = require("react/jsx-runtime"), import_compose_refs = require_index_native10(), import_constants4 = require_index_native6(), import_helpers = require_index_native7(), import_react4 = __toESM2(require("react")), import_config = require_config_native(), import_constants22 = require_constants_native2(), import_isDevTools = require_isDevTools_native(), import_ComponentContext = require_ComponentContext_native(), import_createVariable = require_createVariable_native(), import_defaultComponentState = require_defaultComponentState_native(), import_createShallowSetState = require_createShallowSetState_native(), import_getSplitStyles = require_getSplitStyles_native(), import_isObj = require_isObj_native(), import_log = require_log_native(), import_mergeProps = require_mergeProps_native(), import_setElementProps = require_setElementProps_native(), import_themeable = require_themeable_native(), import_useMedia = require_useMedia_native(), import_useTheme = require_useTheme_native(), import_setupHooks = require_setupHooks_native(), import_Slot = require_Slot_native(), import_Theme = require_Theme_native(), import_ThemeDebug = require_ThemeDebug_native();
|
|
8904
|
+
var import_jsx_runtime6 = require("react/jsx-runtime"), import_compose_refs = require_index_native10(), import_constants4 = require_index_native6(), import_helpers = require_index_native7(), import_react4 = __toESM2(require("react")), import_config = require_config_native(), import_constants22 = require_constants_native2(), import_isDevTools = require_isDevTools_native(), import_ComponentContext = require_ComponentContext_native(), import_createVariable = require_createVariable_native(), import_defaultComponentState = require_defaultComponentState_native(), import_createShallowSetState = require_createShallowSetState_native(), import_getSplitStyles = require_getSplitStyles_native(), import_isObj = require_isObj_native(), import_log = require_log_native(), import_mergeProps = require_mergeProps_native(), import_setElementProps = require_setElementProps_native(), import_themeable = require_themeable_native(), import_useMedia = require_useMedia_native(), import_useTheme = require_useTheme_native(), import_setupHooks = require_setupHooks_native(), import_Slot = require_Slot_native(), import_Theme = require_Theme_native(), import_ThemeDebug = require_ThemeDebug_native(), import_useDidHydrateOnce = require_useDidHydrateOnce_native();
|
|
8829
8905
|
function _array_like_to_array2(arr, len) {
|
|
8830
8906
|
(len == null || len > arr.length) && (len = arr.length);
|
|
8831
8907
|
for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
|
|
@@ -9153,7 +9229,14 @@ var require_createComponent_native = __commonJS({
|
|
|
9153
9229
|
willBeAnimated && !curStateRef.hasAnimated && (curStateRef.hasAnimated = !0);
|
|
9154
9230
|
var presence = willBeAnimated && props.animatePresence !== !1 && (animationDriver == null || (_animationDriver_usePresence = animationDriver.usePresence) === null || _animationDriver_usePresence === void 0 ? void 0 : _animationDriver_usePresence.call(animationDriver)) || null, presenceState = presence == null ? void 0 : presence[2], isExiting = (presenceState == null ? void 0 : presenceState.isPresent) === !1, isEntering = (presenceState == null ? void 0 : presenceState.isPresent) === !0 && presenceState.initial !== !1, hasEnterStyle = !!props.enterStyle, hasRNAnimation = hasAnimationProp && (animationDriver == null ? void 0 : animationDriver.isReactNative);
|
|
9155
9231
|
process.env.NODE_ENV === "development" && time && time(_templateObject());
|
|
9156
|
-
var hasEnterState = hasEnterStyle || isEntering,
|
|
9232
|
+
var hasEnterState = hasEnterStyle || isEntering, didHydrateOnce = (0, import_useDidHydrateOnce.useDidHydrateOnce)(), initialState = hasEnterState || !didHydrateOnce && hasRNAnimation ? (
|
|
9233
|
+
// on the very first render we switch all spring animation drivers to css rendering
|
|
9234
|
+
// this is because we need to use css variables, which they don't support to do proper SSR
|
|
9235
|
+
// without flickers of the wrong colors.
|
|
9236
|
+
// but once we do that initial hydration and we are in client side rendering mode,
|
|
9237
|
+
// we can avoid the extra re-render on mount
|
|
9238
|
+
import_constants4.isWeb && !didHydrateOnce ? import_defaultComponentState.defaultComponentState : import_defaultComponentState.defaultComponentStateShouldEnter
|
|
9239
|
+
) : import_defaultComponentState.defaultComponentStateMounted, disabled = isDisabled(props);
|
|
9157
9240
|
disabled != null && (initialState.disabled = disabled);
|
|
9158
9241
|
var states = (0, import_react4.useState)(initialState), state = props.forceStyle ? _object_spread_props8(_object_spread9({}, states[0]), _define_property9({}, props.forceStyle, !0)) : states[0], setState = states[1], isHydrated = state.unmounted === !1 || state.unmounted === "should-enter", isAnimated = willBeAnimated;
|
|
9159
9242
|
import_constants4.isWeb && hasRNAnimation && !staticConfig.isHOC && state.unmounted === !0 && (isAnimated = !1, curStateRef.willHydrate = !0), disabled !== state.disabled && (state.disabled = disabled, disabled && Object.assign(state, import_defaultComponentState.defaultComponentStateMounted), setState(_object_spread9({}, state)));
|
|
@@ -9423,7 +9506,7 @@ If you meant to do this, you can disable this warning - either change untilMeasu
|
|
|
9423
9506
|
};
|
|
9424
9507
|
(0, import_react4.useEffect)(function() {
|
|
9425
9508
|
if (!disabled) {
|
|
9426
|
-
if (state.unmounted === !0) {
|
|
9509
|
+
if (state.unmounted === !0 && hasEnterStyle) {
|
|
9427
9510
|
setStateShallow({
|
|
9428
9511
|
unmounted: "should-enter"
|
|
9429
9512
|
});
|
|
@@ -12444,7 +12527,7 @@ var require_TamaguiProvider_native = __commonJS({
|
|
|
12444
12527
|
}
|
|
12445
12528
|
});
|
|
12446
12529
|
module2.exports = __toCommonJS2(TamaguiProvider_exports);
|
|
12447
|
-
var import_jsx_runtime6 = require("react/jsx-runtime"), import_constants4 = require_index_native6(), React2 = __toESM2(require("react")), import_ComponentContext = require_ComponentContext_native(), import_useMedia = require_useMedia_native(), import_ThemeProvider = require_ThemeProvider_native();
|
|
12530
|
+
var import_jsx_runtime6 = require("react/jsx-runtime"), import_constants4 = require_index_native6(), React2 = __toESM2(require("react")), import_ComponentContext = require_ComponentContext_native(), import_useMedia = require_useMedia_native(), import_ThemeProvider = require_ThemeProvider_native(), import_useDidHydrateOnce = require_useDidHydrateOnce_native();
|
|
12448
12531
|
function _define_property9(obj, key, value) {
|
|
12449
12532
|
return key in obj ? Object.defineProperty(obj, key, {
|
|
12450
12533
|
value,
|
|
@@ -12500,7 +12583,7 @@ var require_TamaguiProvider_native = __commonJS({
|
|
|
12500
12583
|
"disableInjectCSS",
|
|
12501
12584
|
"config"
|
|
12502
12585
|
]);
|
|
12503
|
-
(0, import_useMedia.setupMediaListeners)(), import_constants4.isClient && React2.useInsertionEffect(function() {
|
|
12586
|
+
(0, import_useMedia.setupMediaListeners)(), import_constants4.isClient && ((0, import_useDidHydrateOnce.useDidHydrateOnceRoot)(), React2.useInsertionEffect(function() {
|
|
12504
12587
|
if (config && (config.disableSSR || document.documentElement.classList.contains("t_unmounted") && document.documentElement.classList.remove("t_unmounted"), !disableInjectCSS)) {
|
|
12505
12588
|
var style = document.createElement("style");
|
|
12506
12589
|
return style.appendChild(document.createTextNode(config.getCSS())), document.head.appendChild(style), function() {
|
|
@@ -12510,7 +12593,7 @@ var require_TamaguiProvider_native = __commonJS({
|
|
|
12510
12593
|
}, [
|
|
12511
12594
|
config,
|
|
12512
12595
|
disableInjectCSS
|
|
12513
|
-
]);
|
|
12596
|
+
]));
|
|
12514
12597
|
var _themePropsProvider_defaultTheme;
|
|
12515
12598
|
return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_ComponentContext.ComponentContext.Provider, {
|
|
12516
12599
|
animationDriver: config == null ? void 0 : config.animations,
|
|
@@ -26351,14 +26434,17 @@ var require_Group_native = __commonJS({
|
|
|
26351
26434
|
Item: GroupItem
|
|
26352
26435
|
});
|
|
26353
26436
|
}
|
|
26354
|
-
var GroupItem = function(props) {
|
|
26437
|
+
var GroupItem = /* @__PURE__ */ import_react4.default.forwardRef(function(props, ref) {
|
|
26355
26438
|
var _children_props, __scopeGroup = props.__scopeGroup, children = props.children, forcePlacement = props.forcePlacement, groupItemProps = useGroupItem({
|
|
26356
26439
|
disabled: /* @__PURE__ */ (0, import_react4.isValidElement)(children) ? children.props.disabled : void 0
|
|
26357
26440
|
}, forcePlacement, __scopeGroup);
|
|
26358
|
-
return /* @__PURE__ */ (0, import_react4.isValidElement)(children) ? (0, import_core12.isTamaguiElement)(children) ? /* @__PURE__ */ import_react4.default.cloneElement(children, groupItemProps)
|
|
26359
|
-
|
|
26441
|
+
return /* @__PURE__ */ (0, import_react4.isValidElement)(children) ? (0, import_core12.isTamaguiElement)(children) ? /* @__PURE__ */ import_react4.default.cloneElement(children, _object_spread_props8(_object_spread9({}, groupItemProps), {
|
|
26442
|
+
ref
|
|
26443
|
+
})) : /* @__PURE__ */ import_react4.default.cloneElement(children, {
|
|
26444
|
+
style: _object_spread9({}, (_children_props = children.props) === null || _children_props === void 0 ? void 0 : _children_props.style, groupItemProps),
|
|
26445
|
+
ref
|
|
26360
26446
|
}) : children;
|
|
26361
|
-
}, useGroupItem = function(childrenProps, forcePlacement, __scopeGroup) {
|
|
26447
|
+
}), useGroupItem = function(childrenProps, forcePlacement, __scopeGroup) {
|
|
26362
26448
|
var treeIndex = (0, import_reforest.useIndex)(), context = useGroupContext("GroupItem", __scopeGroup);
|
|
26363
26449
|
if (import_react4.default.useEffect(function() {
|
|
26364
26450
|
return context.onItemMount(), function() {
|
|
@@ -27995,10 +28081,12 @@ function _detectOverflow() {
|
|
|
27995
28081
|
case 6:
|
|
27996
28082
|
return clippingClientRect = rectToClientRect.apply(void 0, [
|
|
27997
28083
|
_state.sent()
|
|
27998
|
-
]), rect = elementContext === "floating" ?
|
|
28084
|
+
]), rect = elementContext === "floating" ? {
|
|
27999
28085
|
x,
|
|
28000
|
-
y
|
|
28001
|
-
|
|
28086
|
+
y,
|
|
28087
|
+
width: rects.floating.width,
|
|
28088
|
+
height: rects.floating.height
|
|
28089
|
+
} : rects.reference, [
|
|
28002
28090
|
4,
|
|
28003
28091
|
platform.getOffsetParent == null ? void 0 : platform.getOffsetParent(elements.floating)
|
|
28004
28092
|
];
|
|
@@ -28032,6 +28120,7 @@ function _detectOverflow() {
|
|
|
28032
28120
|
return offsetScale = _tmp3, platform.convertOffsetParentRelativeRectToViewportRelativeRect ? [
|
|
28033
28121
|
4,
|
|
28034
28122
|
platform.convertOffsetParentRelativeRectToViewportRelativeRect({
|
|
28123
|
+
elements,
|
|
28035
28124
|
rect,
|
|
28036
28125
|
offsetParent,
|
|
28037
28126
|
strategy
|
|
@@ -28238,10 +28327,7 @@ var computePosition, arrow, autoPlacement, flip, hide, inline, offset, shift, li
|
|
|
28238
28327
|
case 8:
|
|
28239
28328
|
ref = computeCoordsFromPlacement(rects, statefulPlacement, rtl), x = ref.x, y = ref.y, _state.label = 9;
|
|
28240
28329
|
case 9:
|
|
28241
|
-
|
|
28242
|
-
3,
|
|
28243
|
-
10
|
|
28244
|
-
];
|
|
28330
|
+
i = -1, _state.label = 10;
|
|
28245
28331
|
case 10:
|
|
28246
28332
|
return i++, [
|
|
28247
28333
|
3,
|
|
@@ -28301,7 +28387,7 @@ var computePosition, arrow, autoPlacement, flip, hide, inline, offset, shift, li
|
|
|
28301
28387
|
case 3:
|
|
28302
28388
|
_tmp = !_state.sent(), _state.label = 4;
|
|
28303
28389
|
case 4:
|
|
28304
|
-
return _tmp && (clientSize = elements.floating[clientProp] || rects.floating[length]), centerToReference = endDiff / 2 - startDiff / 2, largestPossiblePadding = clientSize / 2 - arrowDimensions[length] / 2 - 1, minPadding = min(paddingObject[minProp], largestPossiblePadding), maxPadding = min(paddingObject[maxProp], largestPossiblePadding), min$1 = minPadding, max2 = clientSize - arrowDimensions[length] - maxPadding, center = clientSize / 2 - arrowDimensions[length] / 2 + centerToReference, offset3 = clamp(min$1, center, max2), shouldAddOffset = !middlewareData.arrow && getAlignment(placement) != null && center
|
|
28390
|
+
return _tmp && (clientSize = elements.floating[clientProp] || rects.floating[length]), centerToReference = endDiff / 2 - startDiff / 2, largestPossiblePadding = clientSize / 2 - arrowDimensions[length] / 2 - 1, minPadding = min(paddingObject[minProp], largestPossiblePadding), maxPadding = min(paddingObject[maxProp], largestPossiblePadding), min$1 = minPadding, max2 = clientSize - arrowDimensions[length] - maxPadding, center = clientSize / 2 - arrowDimensions[length] / 2 + centerToReference, offset3 = clamp(min$1, center, max2), shouldAddOffset = !middlewareData.arrow && getAlignment(placement) != null && center !== offset3 && rects.reference[length] / 2 - (center < min$1 ? minPadding : maxPadding) - arrowDimensions[length] / 2 < 0, alignmentOffset = shouldAddOffset ? center < min$1 ? center - min$1 : center - max2 : 0, [
|
|
28305
28391
|
2,
|
|
28306
28392
|
(_obj1 = {}, _define_property2(_obj1, axis, coords[axis] + alignmentOffset), _define_property2(_obj1, "data", _object_spread2((_obj = {}, _define_property2(_obj, axis, offset3), _define_property2(_obj, "centerOffset", center - offset3 - alignmentOffset), _obj), shouldAddOffset && {
|
|
28307
28393
|
alignmentOffset
|
|
@@ -28792,7 +28878,7 @@ var computePosition, arrow, autoPlacement, flip, hide, inline, offset, shift, li
|
|
|
28792
28878
|
options,
|
|
28793
28879
|
fn: function(state) {
|
|
28794
28880
|
return _async_to_generator(function() {
|
|
28795
|
-
var placement, rects, platform, elements, _evaluate, _evaluate_apply, apply, detectOverflowOptions, overflow, side, alignment, isYAxis, _rects_floating, width, height, heightSide, widthSide, overflowAvailableHeight, overflowAvailableWidth, noShift, availableHeight, availableWidth,
|
|
28881
|
+
var placement, rects, platform, elements, _evaluate, _evaluate_apply, apply, detectOverflowOptions, overflow, side, alignment, isYAxis, _rects_floating, width, height, heightSide, widthSide, maximumClippingHeight, maximumClippingWidth, overflowAvailableHeight, overflowAvailableWidth, noShift, availableHeight, availableWidth, xMin, xMax, yMin, yMax, nextDimensions;
|
|
28796
28882
|
return _ts_generator(this, function(_state) {
|
|
28797
28883
|
switch (_state.label) {
|
|
28798
28884
|
case 0:
|
|
@@ -28819,7 +28905,7 @@ var computePosition, arrow, autoPlacement, flip, hide, inline, offset, shift, li
|
|
|
28819
28905
|
case 3:
|
|
28820
28906
|
widthSide = side, heightSide = alignment === "end" ? "top" : "bottom", _state.label = 4;
|
|
28821
28907
|
case 4:
|
|
28822
|
-
return overflowAvailableHeight = height - overflow[heightSide], overflowAvailableWidth = width - overflow[widthSide], noShift = !state.middlewareData.shift, availableHeight = overflowAvailableHeight, availableWidth = overflowAvailableWidth, isYAxis ?
|
|
28908
|
+
return maximumClippingHeight = height - overflow.top - overflow.bottom, maximumClippingWidth = width - overflow.left - overflow.right, overflowAvailableHeight = min(height - overflow[heightSide], maximumClippingHeight), overflowAvailableWidth = min(width - overflow[widthSide], maximumClippingWidth), noShift = !state.middlewareData.shift, availableHeight = overflowAvailableHeight, availableWidth = overflowAvailableWidth, isYAxis ? availableWidth = alignment || noShift ? min(overflowAvailableWidth, maximumClippingWidth) : maximumClippingWidth : availableHeight = alignment || noShift ? min(overflowAvailableHeight, maximumClippingHeight) : maximumClippingHeight, noShift && !alignment && (xMin = max(overflow.left, 0), xMax = max(overflow.right, 0), yMin = max(overflow.top, 0), yMax = max(overflow.bottom, 0), isYAxis ? availableWidth = width - 2 * (xMin !== 0 || xMax !== 0 ? xMin + xMax : max(overflow.left, overflow.right)) : availableHeight = height - 2 * (yMin !== 0 || yMax !== 0 ? yMin + yMax : max(overflow.top, overflow.bottom))), [
|
|
28823
28909
|
4,
|
|
28824
28910
|
apply(_object_spread_props2(_object_spread2({}, state), {
|
|
28825
28911
|
availableWidth,
|
|
@@ -28950,24 +29036,7 @@ var require_floating_ui_react_native = __commonJS({
|
|
|
28950
29036
|
}
|
|
28951
29037
|
}), n.default = e, Object.freeze(n);
|
|
28952
29038
|
}
|
|
28953
|
-
var React__namespace = /* @__PURE__ */ _interopNamespaceDefault(React2),
|
|
28954
|
-
var isRef = function(value) {
|
|
28955
|
-
return {}.hasOwnProperty.call(value, "current");
|
|
28956
|
-
}, element = options.element, padding = options.padding;
|
|
28957
|
-
return {
|
|
28958
|
-
name: "arrow",
|
|
28959
|
-
options,
|
|
28960
|
-
fn: function(args) {
|
|
28961
|
-
return element && isRef(element) ? element.current != null ? core.arrow({
|
|
28962
|
-
element: element.current,
|
|
28963
|
-
padding
|
|
28964
|
-
}).fn(args) : {} : element ? core.arrow({
|
|
28965
|
-
element,
|
|
28966
|
-
padding
|
|
28967
|
-
}).fn(args) : {};
|
|
28968
|
-
}
|
|
28969
|
-
};
|
|
28970
|
-
}, ORIGIN$1 = {
|
|
29039
|
+
var React__namespace = /* @__PURE__ */ _interopNamespaceDefault(React2), ORIGIN$1 = {
|
|
28971
29040
|
x: 0,
|
|
28972
29041
|
y: 0
|
|
28973
29042
|
};
|
|
@@ -29203,61 +29272,103 @@ var require_floating_ui_react_native = __commonJS({
|
|
|
29203
29272
|
update
|
|
29204
29273
|
]);
|
|
29205
29274
|
}
|
|
29206
|
-
|
|
29207
|
-
|
|
29208
|
-
|
|
29209
|
-
|
|
29210
|
-
|
|
29211
|
-
|
|
29275
|
+
var arrow$1 = function(options) {
|
|
29276
|
+
var isRef = function(value) {
|
|
29277
|
+
return {}.hasOwnProperty.call(value, "current");
|
|
29278
|
+
};
|
|
29279
|
+
return {
|
|
29280
|
+
name: "arrow",
|
|
29281
|
+
options,
|
|
29282
|
+
fn: function(state) {
|
|
29283
|
+
var _ref = typeof options == "function" ? options(state) : options, element = _ref.element, padding = _ref.padding;
|
|
29284
|
+
return element && isRef(element) ? element.current != null ? core.arrow({
|
|
29285
|
+
element: element.current,
|
|
29286
|
+
padding
|
|
29287
|
+
}).fn(state) : {} : element ? core.arrow({
|
|
29288
|
+
element,
|
|
29289
|
+
padding
|
|
29290
|
+
}).fn(state) : {};
|
|
29291
|
+
}
|
|
29292
|
+
};
|
|
29293
|
+
}, offset3 = function(options, deps) {
|
|
29294
|
+
return _object_spread_props8(_object_spread9({}, core.offset(options)), {
|
|
29295
|
+
options: [
|
|
29296
|
+
options,
|
|
29297
|
+
deps
|
|
29298
|
+
]
|
|
29299
|
+
});
|
|
29300
|
+
}, shift3 = function(options, deps) {
|
|
29301
|
+
return _object_spread_props8(_object_spread9({}, core.shift(options)), {
|
|
29302
|
+
options: [
|
|
29303
|
+
options,
|
|
29304
|
+
deps
|
|
29305
|
+
]
|
|
29306
|
+
});
|
|
29307
|
+
}, limitShift3 = function(options, deps) {
|
|
29308
|
+
return _object_spread_props8(_object_spread9({}, core.limitShift(options)), {
|
|
29309
|
+
options: [
|
|
29310
|
+
options,
|
|
29311
|
+
deps
|
|
29312
|
+
]
|
|
29313
|
+
});
|
|
29314
|
+
}, flip3 = function(options, deps) {
|
|
29315
|
+
return _object_spread_props8(_object_spread9({}, core.flip(options)), {
|
|
29316
|
+
options: [
|
|
29317
|
+
options,
|
|
29318
|
+
deps
|
|
29319
|
+
]
|
|
29320
|
+
});
|
|
29321
|
+
}, size3 = function(options, deps) {
|
|
29322
|
+
return _object_spread_props8(_object_spread9({}, core.size(options)), {
|
|
29323
|
+
options: [
|
|
29324
|
+
options,
|
|
29325
|
+
deps
|
|
29326
|
+
]
|
|
29327
|
+
});
|
|
29328
|
+
}, autoPlacement3 = function(options, deps) {
|
|
29329
|
+
return _object_spread_props8(_object_spread9({}, core.autoPlacement(options)), {
|
|
29330
|
+
options: [
|
|
29331
|
+
options,
|
|
29332
|
+
deps
|
|
29333
|
+
]
|
|
29334
|
+
});
|
|
29335
|
+
}, hide3 = function(options, deps) {
|
|
29336
|
+
return _object_spread_props8(_object_spread9({}, core.hide(options)), {
|
|
29337
|
+
options: [
|
|
29338
|
+
options,
|
|
29339
|
+
deps
|
|
29340
|
+
]
|
|
29341
|
+
});
|
|
29342
|
+
}, inline3 = function(options, deps) {
|
|
29343
|
+
return _object_spread_props8(_object_spread9({}, core.inline(options)), {
|
|
29344
|
+
options: [
|
|
29345
|
+
options,
|
|
29346
|
+
deps
|
|
29347
|
+
]
|
|
29348
|
+
});
|
|
29349
|
+
}, arrow2 = function(options, deps) {
|
|
29350
|
+
return _object_spread_props8(_object_spread9({}, arrow$1(options)), {
|
|
29351
|
+
options: [
|
|
29352
|
+
options,
|
|
29353
|
+
deps
|
|
29354
|
+
]
|
|
29355
|
+
});
|
|
29356
|
+
};
|
|
29212
29357
|
Object.defineProperty(exports2, "detectOverflow", {
|
|
29213
29358
|
enumerable: !0,
|
|
29214
29359
|
get: function() {
|
|
29215
29360
|
return core.detectOverflow;
|
|
29216
29361
|
}
|
|
29217
29362
|
});
|
|
29218
|
-
Object.defineProperty(exports2, "flip", {
|
|
29219
|
-
enumerable: !0,
|
|
29220
|
-
get: function() {
|
|
29221
|
-
return core.flip;
|
|
29222
|
-
}
|
|
29223
|
-
});
|
|
29224
|
-
Object.defineProperty(exports2, "hide", {
|
|
29225
|
-
enumerable: !0,
|
|
29226
|
-
get: function() {
|
|
29227
|
-
return core.hide;
|
|
29228
|
-
}
|
|
29229
|
-
});
|
|
29230
|
-
Object.defineProperty(exports2, "inline", {
|
|
29231
|
-
enumerable: !0,
|
|
29232
|
-
get: function() {
|
|
29233
|
-
return core.inline;
|
|
29234
|
-
}
|
|
29235
|
-
});
|
|
29236
|
-
Object.defineProperty(exports2, "limitShift", {
|
|
29237
|
-
enumerable: !0,
|
|
29238
|
-
get: function() {
|
|
29239
|
-
return core.limitShift;
|
|
29240
|
-
}
|
|
29241
|
-
});
|
|
29242
|
-
Object.defineProperty(exports2, "offset", {
|
|
29243
|
-
enumerable: !0,
|
|
29244
|
-
get: function() {
|
|
29245
|
-
return core.offset;
|
|
29246
|
-
}
|
|
29247
|
-
});
|
|
29248
|
-
Object.defineProperty(exports2, "shift", {
|
|
29249
|
-
enumerable: !0,
|
|
29250
|
-
get: function() {
|
|
29251
|
-
return core.shift;
|
|
29252
|
-
}
|
|
29253
|
-
});
|
|
29254
|
-
Object.defineProperty(exports2, "size", {
|
|
29255
|
-
enumerable: !0,
|
|
29256
|
-
get: function() {
|
|
29257
|
-
return core.size;
|
|
29258
|
-
}
|
|
29259
|
-
});
|
|
29260
29363
|
exports2.arrow = arrow2;
|
|
29364
|
+
exports2.autoPlacement = autoPlacement3;
|
|
29365
|
+
exports2.flip = flip3;
|
|
29366
|
+
exports2.hide = hide3;
|
|
29367
|
+
exports2.inline = inline3;
|
|
29368
|
+
exports2.limitShift = limitShift3;
|
|
29369
|
+
exports2.offset = offset3;
|
|
29370
|
+
exports2.shift = shift3;
|
|
29371
|
+
exports2.size = size3;
|
|
29261
29372
|
exports2.useFloating = useFloating2;
|
|
29262
29373
|
}
|
|
29263
29374
|
});
|