tamagui 1.125.0 → 1.125.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 +69 -79
- package/dist/native.js.map +3 -3
- package/dist/test.native.js +68 -78
- package/dist/test.native.js.map +3 -3
- package/package.json +55 -55
package/dist/native.js
CHANGED
|
@@ -3239,7 +3239,7 @@ var require_useMedia_native = __commonJS({
|
|
|
3239
3239
|
currentKeys.size && update();
|
|
3240
3240
|
}), dispose2 = subscribe(update);
|
|
3241
3241
|
return function() {
|
|
3242
|
-
dispose2(), clearTimeout(tm);
|
|
3242
|
+
dispose2(), tm && clearTimeout(tm);
|
|
3243
3243
|
};
|
|
3244
3244
|
}, [
|
|
3245
3245
|
setState
|
|
@@ -6516,7 +6516,7 @@ var require_getSplitStyles_native = __commonJS({
|
|
|
6516
6516
|
viewProps[key4] = val2;
|
|
6517
6517
|
return;
|
|
6518
6518
|
}
|
|
6519
|
-
if (process.env.NODE_ENV === "development" && debug === "verbose" && (consoleGroupCollapsed(" \u{1F4A0} expanded", keyInit, "=>", key4
|
|
6519
|
+
if (process.env.NODE_ENV === "development" && debug === "verbose" && (consoleGroupCollapsed(" \u{1F4A0} expanded", keyInit, "=>", key4, val2), console.groupEnd()), val2 != null && !(key4 in usedKeys)) {
|
|
6520
6520
|
if (key4 === "pointerEvents") {
|
|
6521
6521
|
viewProps[key4] = val2;
|
|
6522
6522
|
return;
|
|
@@ -7149,7 +7149,8 @@ var require_createShallowSetState_native = __commonJS({
|
|
|
7149
7149
|
var import_react3 = require("react"), callImmediate = function(cb) {
|
|
7150
7150
|
return cb();
|
|
7151
7151
|
};
|
|
7152
|
-
function createShallowSetState(setter, onlyAllow, transition,
|
|
7152
|
+
function createShallowSetState(setter, onlyAllow, transition, debugIn, callback) {
|
|
7153
|
+
var debug = !0;
|
|
7153
7154
|
return (0, import_react3.useCallback)(function(next) {
|
|
7154
7155
|
var wrap = transition ? import_react3.startTransition : callImmediate;
|
|
7155
7156
|
wrap(function() {
|
|
@@ -7162,7 +7163,8 @@ var require_createShallowSetState_native = __commonJS({
|
|
|
7162
7163
|
setter,
|
|
7163
7164
|
onlyAllow ? onlyAllow.join("") : "",
|
|
7164
7165
|
transition,
|
|
7165
|
-
debug
|
|
7166
|
+
debug,
|
|
7167
|
+
callback
|
|
7166
7168
|
]);
|
|
7167
7169
|
}
|
|
7168
7170
|
function mergeIfNotShallowEqual(prev, next, onlyAllow, debug) {
|
|
@@ -7232,7 +7234,7 @@ var require_subscribeToContextGroup_native = __commonJS({
|
|
|
7232
7234
|
});
|
|
7233
7235
|
module2.exports = __toCommonJS2(subscribeToContextGroup_exports);
|
|
7234
7236
|
var import_createShallowSetState = require_createShallowSetState_native(), import_useMedia = require_useMedia_native(), subscribeToContextGroup = function(param) {
|
|
7235
|
-
var {
|
|
7237
|
+
var { setStateShallow, pseudoGroups, mediaGroups, componentContext, state } = param;
|
|
7236
7238
|
if (pseudoGroups || mediaGroups) {
|
|
7237
7239
|
var _componentContext_groups_subscribe, _componentContext_groups, current = {
|
|
7238
7240
|
pseudo: {},
|
|
@@ -8168,10 +8170,8 @@ var require_useComponentState_native = __commonJS({
|
|
|
8168
8170
|
import_constants4.isWeb && hasAnimationThatNeedsHydrate && !staticConfig.isHOC && !isHydrated && (isAnimated = !1, curStateRef.willHydrate = !0), disabled !== state.disabled && (state.disabled = disabled, disabled && Object.assign(state, import_defaultComponentState.defaultComponentStateMounted), setState({
|
|
8169
8171
|
...state
|
|
8170
8172
|
}));
|
|
8171
|
-
var groupName = props.group, setStateWrapper
|
|
8172
|
-
|
|
8173
|
-
var groupContextState = groups.state;
|
|
8174
|
-
setStateWrapper = function(state2) {
|
|
8173
|
+
var groupName = props.group, groupContextState = groups == null ? void 0 : groups.state, setStateWrapper = (0, import_react3.useMemo)(function() {
|
|
8174
|
+
if (groupContextState && groupName) return function(state2) {
|
|
8175
8175
|
curStateRef.group.emit(groupName, {
|
|
8176
8176
|
pseudo: state2
|
|
8177
8177
|
});
|
|
@@ -8181,8 +8181,11 @@ var require_useComponentState_native = __commonJS({
|
|
|
8181
8181
|
};
|
|
8182
8182
|
groupContextState[groupName] = next;
|
|
8183
8183
|
};
|
|
8184
|
-
}
|
|
8185
|
-
|
|
8184
|
+
}, [
|
|
8185
|
+
groupContextState,
|
|
8186
|
+
curStateRef,
|
|
8187
|
+
groupName
|
|
8188
|
+
]), setStateShallow = (0, import_createShallowSetState.createShallowSetState)(setState, disabled ? [
|
|
8186
8189
|
"disabled"
|
|
8187
8190
|
] : void 0, !1, props.debug, setStateWrapper);
|
|
8188
8191
|
if (presenceState && isAnimated && isHydrated && staticConfig.variants) {
|
|
@@ -8739,18 +8742,17 @@ If you meant to do this, you can disable this warning - either change untilMeasu
|
|
|
8739
8742
|
unmounted: !1
|
|
8740
8743
|
});
|
|
8741
8744
|
}), function() {
|
|
8742
|
-
|
|
8745
|
+
tm && clearTimeout(tm);
|
|
8743
8746
|
};
|
|
8744
|
-
var dispose = (0, import_subscribeToContextGroup.subscribeToContextGroup)({
|
|
8745
|
-
disabled,
|
|
8747
|
+
var dispose = pseudoGroups || mediaGroups ? (0, import_subscribeToContextGroup.subscribeToContextGroup)({
|
|
8746
8748
|
componentContext,
|
|
8747
8749
|
setStateShallow,
|
|
8748
8750
|
state,
|
|
8749
8751
|
mediaGroups,
|
|
8750
8752
|
pseudoGroups
|
|
8751
|
-
});
|
|
8753
|
+
}) : null;
|
|
8752
8754
|
return function() {
|
|
8753
|
-
clearTimeout(tm), dispose == null || dispose(), componentSetStates.delete(setState);
|
|
8755
|
+
tm && clearTimeout(tm), dispose == null || dispose(), componentSetStates.delete(setState);
|
|
8754
8756
|
};
|
|
8755
8757
|
}
|
|
8756
8758
|
}, [
|
|
@@ -9795,6 +9797,7 @@ var require_createTamagui_native = __commonJS({
|
|
|
9795
9797
|
var import_constants4 = require_index_native6(), import_config = require_config_native(), import_createVariables = require_createVariables_native(), import_getThemeCSSRules = require_getThemeCSSRules_native(), import_insertStyleRule = require_insertStyleRule_native(), import_proxyThemeToParents = require_proxyThemeToParents_native(), import_registerCSSVariable = require_registerCSSVariable_native(), import_themes = require_themes_native(), import_useMedia = require_useMedia_native(), import_insertFont = require_insertFont_native(), import_Tamagui = require_Tamagui_native(), createdConfigs = /* @__PURE__ */ new WeakMap();
|
|
9796
9798
|
function createTamagui2(configIn) {
|
|
9797
9799
|
var _configIn_settings;
|
|
9800
|
+
if (process.env.NODE_ENV === "test" && globalThis.__tamaguiConfig) return console.warn("Warning: You somehow have duplicate Tamagui dependencies, this can cause issues. Tamagui is working around this by loading a previously loaded config in test mode. "), globalThis.__tamaguiConfig;
|
|
9798
9801
|
if (createdConfigs.has(configIn)) return configIn;
|
|
9799
9802
|
var tokensParsed = {}, tokens = (0, import_createVariables.createVariables)(configIn.tokens || {});
|
|
9800
9803
|
if (configIn.tokens) {
|
|
@@ -9942,7 +9945,7 @@ ${JSON.stringify(variable, null, 2)}`);
|
|
|
9942
9945
|
specificTokens,
|
|
9943
9946
|
defaultFontToken
|
|
9944
9947
|
};
|
|
9945
|
-
if ((0, import_config.setConfig)(config), (0, import_useMedia.configureMedia)(config), createdConfigs.set(config, !0), import_config.configListeners.size && (import_config.configListeners.forEach(function(cb) {
|
|
9948
|
+
if ((0, import_config.setConfig)(config), (0, import_useMedia.configureMedia)(config), createdConfigs.set(config, !0), process.env.NODE_ENV === "test" && (globalThis.__tamaguiConfig = config), import_config.configListeners.size && (import_config.configListeners.forEach(function(cb) {
|
|
9946
9949
|
return cb(config);
|
|
9947
9950
|
}), import_config.configListeners.clear()), process.env.NODE_ENV === "development") {
|
|
9948
9951
|
var _process_env_DEBUG;
|
|
@@ -10921,7 +10924,6 @@ var require_useProps_native = __commonJS({
|
|
|
10921
10924
|
return;
|
|
10922
10925
|
}
|
|
10923
10926
|
return (0, import_subscribeToContextGroup.subscribeToContextGroup)({
|
|
10924
|
-
disabled,
|
|
10925
10927
|
componentContext,
|
|
10926
10928
|
setStateShallow,
|
|
10927
10929
|
state,
|
|
@@ -18870,7 +18872,7 @@ var require_createSheet_native = __commonJS({
|
|
|
18870
18872
|
}
|
|
18871
18873
|
});
|
|
18872
18874
|
module2.exports = __toCommonJS2(createSheet_exports);
|
|
18873
|
-
var import_jsx_runtime6 = require("react/jsx-runtime"), import_compose_refs = require_index_native12(), import_constants4 = require_index_native6(), import_core12 = require_index_native18(), import_helpers = require_index_native7(),
|
|
18875
|
+
var import_jsx_runtime6 = require("react/jsx-runtime"), import_compose_refs = require_index_native12(), import_constants4 = require_index_native6(), import_core12 = require_index_native18(), import_helpers = require_index_native7(), import_remove_scroll = require_index_native34(), import_use_did_finish_ssr = require_index_native11(), import_react3 = require("react"), import_react_native4 = require("react-native"), import_constants22 = require_constants_native4(), import_nativeSheet = require_nativeSheet_native(), import_SheetContext = require_SheetContext_native(), import_SheetImplementationCustom = require_SheetImplementationCustom_native(), import_SheetScrollView = require_SheetScrollView_native(), import_useSheetController = require_useSheetController_native(), import_useSheetOffscreenSize = require_useSheetOffscreenSize_native();
|
|
18874
18876
|
function createSheet(param) {
|
|
18875
18877
|
var { Handle, Frame, Overlay } = param, SheetHandle = Handle.styleable(function(param2, forwardedRef) {
|
|
18876
18878
|
var { __scopeSheet, ...props } = param2, context = (0, import_SheetContext.useSheetContext)(import_constants22.SHEET_HANDLE_NAME, __scopeSheet), composedRef = (0, import_compose_refs.useComposedRefs)(context.handleRef, forwardedRef);
|
|
@@ -18910,27 +18912,24 @@ var require_createSheet_native = __commonJS({
|
|
|
18910
18912
|
]), context.onlyShowFrame, null;
|
|
18911
18913
|
})), SheetFrame = Frame.extractable(/* @__PURE__ */ (0, import_react3.forwardRef)(function(param2, forwardedRef) {
|
|
18912
18914
|
var { __scopeSheet, adjustPaddingForOffscreenContent, disableHideBottomOverflow, children, ...props } = param2, context = (0, import_SheetContext.useSheetContext)(import_constants22.SHEET_NAME, __scopeSheet), { hasFit, removeScrollEnabled, frameSize, contentRef, open } = context, composedContentRef = (0, import_compose_refs.useComposedRefs)(forwardedRef, contentRef), offscreenSize = (0, import_useSheetOffscreenSize.useSheetOffscreenSize)(context), sheetContents = (0, import_react3.useMemo)(function() {
|
|
18913
|
-
return
|
|
18914
|
-
|
|
18915
|
-
|
|
18916
|
-
|
|
18917
|
-
|
|
18918
|
-
|
|
18919
|
-
|
|
18920
|
-
|
|
18921
|
-
|
|
18922
|
-
|
|
18923
|
-
|
|
18924
|
-
|
|
18925
|
-
|
|
18926
|
-
|
|
18927
|
-
|
|
18928
|
-
|
|
18929
|
-
|
|
18930
|
-
|
|
18931
|
-
})
|
|
18932
|
-
)
|
|
18933
|
-
});
|
|
18915
|
+
return (
|
|
18916
|
+
// @ts-ignore
|
|
18917
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(Frame, {
|
|
18918
|
+
ref: composedContentRef,
|
|
18919
|
+
flex: hasFit ? 0 : 1,
|
|
18920
|
+
height: hasFit ? void 0 : frameSize,
|
|
18921
|
+
pointerEvents: open ? "auto" : "none",
|
|
18922
|
+
...props,
|
|
18923
|
+
children: [
|
|
18924
|
+
children,
|
|
18925
|
+
adjustPaddingForOffscreenContent && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_core12.Stack, {
|
|
18926
|
+
"data-sheet-offscreen-pad": !0,
|
|
18927
|
+
height: offscreenSize,
|
|
18928
|
+
width: "100%"
|
|
18929
|
+
})
|
|
18930
|
+
]
|
|
18931
|
+
})
|
|
18932
|
+
);
|
|
18934
18933
|
}, [
|
|
18935
18934
|
open,
|
|
18936
18935
|
props,
|
|
@@ -19440,7 +19439,7 @@ var require_Dialog_native = __commonJS({
|
|
|
19440
19439
|
}
|
|
19441
19440
|
});
|
|
19442
19441
|
module2.exports = __toCommonJS2(Dialog_exports);
|
|
19443
|
-
var import_jsx_runtime6 = require("react/jsx-runtime"), import_adapt = require_index_native29(), import_animate_presence = require_index_native4(), import_aria_hidden = require_index_native31(), import_compose_refs = require_index_native12(), import_constants4 = require_index_native6(), import_core12 = require_index_native18(), import_create_context = require_index_native30(), import_dismissable = require_index_native32(), import_focus_scope = require_index_native33(), import_helpers = require_index_native7(), import_portal2 = require_index_native28(), import_remove_scroll = require_index_native34(), import_sheet = require_index_native36(), import_stacks3 = require_index_native22(), import_text2 = require_index_native24(), import_use_controllable_state = require_index_native10(),
|
|
19442
|
+
var import_jsx_runtime6 = require("react/jsx-runtime"), import_adapt = require_index_native29(), import_animate_presence = require_index_native4(), import_aria_hidden = require_index_native31(), import_compose_refs = require_index_native12(), import_constants4 = require_index_native6(), import_core12 = require_index_native18(), import_create_context = require_index_native30(), import_dismissable = require_index_native32(), import_focus_scope = require_index_native33(), import_helpers = require_index_native7(), import_portal2 = require_index_native28(), import_remove_scroll = require_index_native34(), import_sheet = require_index_native36(), import_stacks3 = require_index_native22(), import_text2 = require_index_native24(), import_use_controllable_state = require_index_native10(), React4 = __toESM2(require("react")), DIALOG_NAME = "Dialog", [createDialogContext, createDialogScope] = (0, import_create_context.createContextScope)(DIALOG_NAME), [DialogProvider, useDialogContext] = createDialogContext(DIALOG_NAME), TRIGGER_NAME = "DialogTrigger", DialogTriggerFrame = (0, import_core12.styled)(import_core12.View, {
|
|
19444
19443
|
name: TRIGGER_NAME
|
|
19445
19444
|
}), DialogTrigger = DialogTriggerFrame.styleable(function(props, forwardedRef) {
|
|
19446
19445
|
var { __scopeDialog, ...triggerProps } = props, isInsideButton = React4.useContext(import_stacks3.ButtonNestingContext), context = useDialogContext(TRIGGER_NAME, __scopeDialog), composedTriggerRef = (0, import_compose_refs.useComposedRefs)(forwardedRef, context.triggerRef);
|
|
@@ -19467,6 +19466,7 @@ var require_Dialog_native = __commonJS({
|
|
|
19467
19466
|
alignItems: "center",
|
|
19468
19467
|
justifyContent: "center",
|
|
19469
19468
|
fullscreen: !0,
|
|
19469
|
+
zIndex: 1e5,
|
|
19470
19470
|
...import_constants4.isWeb && {
|
|
19471
19471
|
maxHeight: "100vh",
|
|
19472
19472
|
position: "fixed"
|
|
@@ -19501,12 +19501,9 @@ var require_Dialog_native = __commonJS({
|
|
|
19501
19501
|
setIsFullyHidden(!0);
|
|
19502
19502
|
}, []);
|
|
19503
19503
|
if (context.modal) {
|
|
19504
|
-
var contents = /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
|
|
19505
|
-
|
|
19506
|
-
children:
|
|
19507
|
-
onExitComplete: handleExitComplete,
|
|
19508
|
-
children: isShowing || isAdapted ? children : null
|
|
19509
|
-
})
|
|
19504
|
+
var contents = /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_animate_presence.AnimatePresence, {
|
|
19505
|
+
onExitComplete: handleExitComplete,
|
|
19506
|
+
children: isShowing || isAdapted ? children : null
|
|
19510
19507
|
});
|
|
19511
19508
|
if (isFullyHidden && !isAdapted) return null;
|
|
19512
19509
|
var framedContents = /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(PortalProvider2, {
|
|
@@ -19518,15 +19515,16 @@ var require_Dialog_native = __commonJS({
|
|
|
19518
19515
|
children: contents
|
|
19519
19516
|
})
|
|
19520
19517
|
});
|
|
19521
|
-
|
|
19522
|
-
|
|
19523
|
-
|
|
19524
|
-
|
|
19525
|
-
|
|
19526
|
-
|
|
19527
|
-
|
|
19528
|
-
})
|
|
19529
|
-
}
|
|
19518
|
+
if (import_constants4.isWeb) {
|
|
19519
|
+
var _props_zIndex;
|
|
19520
|
+
return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_portal2.Portal, {
|
|
19521
|
+
zIndex: (_props_zIndex = props.zIndex) !== null && _props_zIndex !== void 0 ? _props_zIndex : 1e5,
|
|
19522
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(PassthroughTheme, {
|
|
19523
|
+
children: framedContents
|
|
19524
|
+
})
|
|
19525
|
+
});
|
|
19526
|
+
}
|
|
19527
|
+
return framedContents;
|
|
19530
19528
|
}
|
|
19531
19529
|
return children;
|
|
19532
19530
|
}, PassthroughTheme = function(param) {
|
|
@@ -19572,16 +19570,14 @@ var require_Dialog_native = __commonJS({
|
|
|
19572
19570
|
unstyled: process.env.TAMAGUI_HEADLESS === "1"
|
|
19573
19571
|
}
|
|
19574
19572
|
}), DialogContent = DialogContentFrame.extractable(/* @__PURE__ */ React4.forwardRef(function(param, forwardedRef) {
|
|
19575
|
-
var { __scopeDialog, ...props } = param, portalContext = usePortalContext(CONTENT_NAME, __scopeDialog), { forceMount = portalContext.forceMount, ...contentProps } = props, context = useDialogContext(CONTENT_NAME, __scopeDialog), contents = /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
|
|
19576
|
-
|
|
19577
|
-
|
|
19578
|
-
|
|
19579
|
-
|
|
19580
|
-
|
|
19581
|
-
|
|
19582
|
-
|
|
19583
|
-
ref: forwardedRef
|
|
19584
|
-
})
|
|
19573
|
+
var { __scopeDialog, ...props } = param, portalContext = usePortalContext(CONTENT_NAME, __scopeDialog), { forceMount = portalContext.forceMount, ...contentProps } = props, context = useDialogContext(CONTENT_NAME, __scopeDialog), contents = context.modal ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(DialogContentModal, {
|
|
19574
|
+
context,
|
|
19575
|
+
...contentProps,
|
|
19576
|
+
ref: forwardedRef
|
|
19577
|
+
}) : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(DialogContentNonModal, {
|
|
19578
|
+
context,
|
|
19579
|
+
...contentProps,
|
|
19580
|
+
ref: forwardedRef
|
|
19585
19581
|
});
|
|
19586
19582
|
return !import_constants4.isWeb || context.disableRemoveScroll ? contents : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_remove_scroll.RemoveScroll, {
|
|
19587
19583
|
forwardProps: !0,
|
|
@@ -25599,7 +25595,7 @@ var require_Popover_native = __commonJS({
|
|
|
25599
25595
|
}
|
|
25600
25596
|
});
|
|
25601
25597
|
module2.exports = __toCommonJS2(Popover_exports);
|
|
25602
|
-
var import_jsx_runtime6 = require("react/jsx-runtime"), import_polyfill_dev = require_polyfill_dev(), import_adapt = require_index_native29(), import_animate = require_index_native55(), import_animate_presence = require_index_native4(), import_aria_hidden = require_index_native31(), import_compose_refs = require_index_native12(), import_constants4 = require_index_native6(), import_core12 = require_index_native18(), import_floating = require_index_native56(), import_focus_scope = require_index_native33(), import_helpers = require_index_native7(), import_popper = require_index_native57(), import_portal2 = require_index_native28(), import_remove_scroll = require_index_native34(), import_sheet = require_index_native36(), import_stacks3 = require_index_native22(), import_use_controllable_state = require_index_native10(),
|
|
25598
|
+
var import_jsx_runtime6 = require("react/jsx-runtime"), import_polyfill_dev = require_polyfill_dev(), import_adapt = require_index_native29(), import_animate = require_index_native55(), import_animate_presence = require_index_native4(), import_aria_hidden = require_index_native31(), import_compose_refs = require_index_native12(), import_constants4 = require_index_native6(), import_core12 = require_index_native18(), import_floating = require_index_native56(), import_focus_scope = require_index_native33(), import_helpers = require_index_native7(), import_popper = require_index_native57(), import_portal2 = require_index_native28(), import_remove_scroll = require_index_native34(), import_sheet = require_index_native36(), import_stacks3 = require_index_native22(), import_use_controllable_state = require_index_native10(), React4 = __toESM2(require("react")), import_react_native4 = require("react-native"), import_useFloatingContext = require_useFloatingContext_native(), POPOVER_SCOPE = "PopoverScope", PopoverContext = (0, import_core12.createStyledContext)({}), usePopoverContext = PopoverContext.useStyledContext, PopoverAnchor = /* @__PURE__ */ React4.forwardRef(function(props, forwardedRef) {
|
|
25603
25599
|
var { __scopePopover, ...rest } = props, context = usePopoverContext(__scopePopover), { onCustomAnchorAdd, onCustomAnchorRemove } = context || {};
|
|
25604
25600
|
return React4.useEffect(function() {
|
|
25605
25601
|
return onCustomAnchorAdd(), function() {
|
|
@@ -25655,20 +25651,18 @@ var require_Popover_native = __commonJS({
|
|
|
25655
25651
|
});
|
|
25656
25652
|
}), PopoverContent = import_popper.PopperContentFrame.extractable(/* @__PURE__ */ React4.forwardRef(function(props, forwardedRef) {
|
|
25657
25653
|
var { allowPinchZoom, trapFocus, disableRemoveScroll = !0, zIndex, __scopePopover, ...contentImplProps } = props, context = usePopoverContext(__scopePopover), contentRef = React4.useRef(null), composedRefs = (0, import_compose_refs.useComposedRefs)(forwardedRef, contentRef), isRightClickOutsideRef = React4.useRef(!1), [isFullyHidden, setIsFullyHidden] = React4.useState(!context.open);
|
|
25658
|
-
|
|
25654
|
+
return context.open && isFullyHidden && setIsFullyHidden(!1), React4.useEffect(function() {
|
|
25659
25655
|
if (context.open) {
|
|
25660
25656
|
var content = contentRef.current;
|
|
25661
25657
|
if (content) return (0, import_aria_hidden.hideOthers)(content);
|
|
25662
25658
|
}
|
|
25663
25659
|
}, [
|
|
25664
25660
|
context.open
|
|
25665
|
-
]), !context.keepChildrenMounted && isFullyHidden
|
|
25666
|
-
var _contentImplProps_pointerEvents;
|
|
25667
|
-
return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(PopoverContentPortal, {
|
|
25661
|
+
]), !context.keepChildrenMounted && isFullyHidden ? null : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(PopoverContentPortal, {
|
|
25668
25662
|
__scopePopover,
|
|
25669
|
-
zIndex,
|
|
25663
|
+
zIndex: props.zIndex,
|
|
25670
25664
|
children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_core12.Stack, {
|
|
25671
|
-
pointerEvents: context.open ?
|
|
25665
|
+
pointerEvents: context.open ? "auto" : "none",
|
|
25672
25666
|
children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(PopoverContentImpl, {
|
|
25673
25667
|
...contentImplProps,
|
|
25674
25668
|
disableRemoveScroll,
|
|
@@ -25714,7 +25708,7 @@ var require_Popover_native = __commonJS({
|
|
|
25714
25708
|
});
|
|
25715
25709
|
}
|
|
25716
25710
|
function PopoverContentPortal(props) {
|
|
25717
|
-
var { __scopePopover } = props, zIndex = props.zIndex, context = usePopoverContext(__scopePopover), popperContext = (0, import_popper.usePopperContext)(__scopePopover || POPOVER_SCOPE), themeName = (0, import_core12.useThemeName)(), adaptContext = (0, import_adapt.useAdaptContext)(), contents = props.children;
|
|
25711
|
+
var { __scopePopover } = props, _props_zIndex, zIndex = (_props_zIndex = props.zIndex) !== null && _props_zIndex !== void 0 ? _props_zIndex : 15e4, context = usePopoverContext(__scopePopover), popperContext = (0, import_popper.usePopperContext)(__scopePopover || POPOVER_SCOPE), themeName = (0, import_core12.useThemeName)(), adaptContext = (0, import_adapt.useAdaptContext)(), contents = props.children;
|
|
25718
25712
|
return (import_react_native4.Platform.OS === "android" || import_react_native4.Platform.OS === "ios") && (contents = /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(PopoverRepropagateContext, {
|
|
25719
25713
|
scope: __scopePopover || POPOVER_SCOPE,
|
|
25720
25714
|
popperContext,
|
|
@@ -25722,7 +25716,6 @@ var require_Popover_native = __commonJS({
|
|
|
25722
25716
|
adaptContext,
|
|
25723
25717
|
children: props.children
|
|
25724
25718
|
})), /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_portal2.Portal, {
|
|
25725
|
-
stackZIndex: !0,
|
|
25726
25719
|
zIndex,
|
|
25727
25720
|
children: (
|
|
25728
25721
|
/* forceClassName avoids forced re-mount renders for some reason... see the HeadMenu as you change tints a few times */
|
|
@@ -25735,10 +25728,7 @@ var require_Popover_native = __commonJS({
|
|
|
25735
25728
|
fullscreen: !0,
|
|
25736
25729
|
onPress: (0, import_helpers.composeEventHandlers)(props.onPress, context.onOpenToggle)
|
|
25737
25730
|
}),
|
|
25738
|
-
|
|
25739
|
-
zIndex: (0, import_portal2.resolveViewZIndex)(zIndex),
|
|
25740
|
-
children: contents
|
|
25741
|
-
})
|
|
25731
|
+
contents
|
|
25742
25732
|
]
|
|
25743
25733
|
})
|
|
25744
25734
|
)
|