@tamagui/react-native-web-lite 1.113.0 → 1.113.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/esm/AccessibilityInfo/index.native.js +62 -58
- package/dist/esm/AccessibilityInfo/index.native.js.map +6 -1
- package/dist/esm/ActivityIndicator/__tests__/index-test.native.js +55 -85
- package/dist/esm/ActivityIndicator/__tests__/index-test.native.js.map +6 -1
- package/dist/esm/ActivityIndicator/index.native.js +90 -82
- package/dist/esm/ActivityIndicator/index.native.js.map +6 -1
- package/dist/esm/Alert/index.native.js +18 -14
- package/dist/esm/Alert/index.native.js.map +6 -1
- package/dist/esm/AppRegistry/AppContainer.native.js +26 -30
- package/dist/esm/AppRegistry/AppContainer.native.js.map +6 -1
- package/dist/esm/AppRegistry/__tests__/index-test.native.js +13 -13
- package/dist/esm/AppRegistry/__tests__/index-test.native.js.map +6 -1
- package/dist/esm/AppRegistry/__tests__/index-test.node.native.js +34 -45
- package/dist/esm/AppRegistry/__tests__/index-test.node.native.js.map +6 -1
- package/dist/esm/AppRegistry/index.native.js +55 -50
- package/dist/esm/AppRegistry/index.native.js.map +6 -1
- package/dist/esm/AppRegistry/renderApplication.native.js +27 -33
- package/dist/esm/AppRegistry/renderApplication.native.js.map +6 -1
- package/dist/esm/AppState/__tests__/index-test.native.js +10 -9
- package/dist/esm/AppState/__tests__/index-test.native.js.map +6 -1
- package/dist/esm/AppState/index.native.js +51 -45
- package/dist/esm/AppState/index.native.js.map +6 -1
- package/dist/esm/Appearance/index.native.js +24 -27
- package/dist/esm/Appearance/index.native.js.map +6 -1
- package/dist/esm/BackHandler/index.native.js +13 -11
- package/dist/esm/BackHandler/index.native.js.map +6 -1
- package/dist/esm/Clipboard/index.native.js +26 -21
- package/dist/esm/Clipboard/index.native.js.map +6 -1
- package/dist/esm/DeviceEmitter.native.js +5 -3
- package/dist/esm/DeviceEmitter.native.js.map +6 -1
- package/dist/esm/DeviceInfo/index.native.js +33 -41
- package/dist/esm/DeviceInfo/index.native.js.map +6 -1
- package/dist/esm/Dimensions/__tests__/index-test.native.js +8 -9
- package/dist/esm/Dimensions/__tests__/index-test.native.js.map +6 -1
- package/dist/esm/Dimensions/index.native.js +53 -49
- package/dist/esm/Dimensions/index.native.js.map +6 -1
- package/dist/esm/I18nManager/index.native.js +13 -10
- package/dist/esm/I18nManager/index.native.js.map +6 -1
- package/dist/esm/Image/index.native.js +149 -174
- package/dist/esm/Image/index.native.js.map +6 -1
- package/dist/esm/Image/types.native.js +1 -2
- package/dist/esm/Image/types.native.js.map +6 -1
- package/dist/esm/ImageBackground/__tests__/index-test.native.js +19 -27
- package/dist/esm/ImageBackground/__tests__/index-test.native.js.map +6 -1
- package/dist/esm/ImageBackground/index.native.js +33 -35
- package/dist/esm/ImageBackground/index.native.js.map +6 -1
- package/dist/esm/Keyboard/index.native.js +17 -13
- package/dist/esm/Keyboard/index.native.js.map +6 -1
- package/dist/esm/KeyboardAvoidingView/index.native.js +44 -34
- package/dist/esm/KeyboardAvoidingView/index.native.js.map +6 -1
- package/dist/esm/Linking/__tests__/index-test.native.js +9 -9
- package/dist/esm/Linking/__tests__/index-test.native.js.map +6 -1
- package/dist/esm/Linking/index.native.js +49 -42
- package/dist/esm/Linking/index.native.js.map +6 -1
- package/dist/esm/LogBox/index.native.js +12 -7
- package/dist/esm/LogBox/index.native.js.map +6 -1
- package/dist/esm/Modal/ModalAnimation.native.js +112 -89
- package/dist/esm/Modal/ModalAnimation.native.js.map +6 -1
- package/dist/esm/Modal/ModalContent.native.js +54 -52
- package/dist/esm/Modal/ModalContent.native.js.map +6 -1
- package/dist/esm/Modal/ModalFocusTrap.native.js +52 -49
- package/dist/esm/Modal/ModalFocusTrap.native.js.map +6 -1
- package/dist/esm/Modal/ModalPortal.native.js +11 -9
- package/dist/esm/Modal/ModalPortal.native.js.map +6 -1
- package/dist/esm/Modal/index.native.js +45 -53
- package/dist/esm/Modal/index.native.js.map +6 -1
- package/dist/esm/NativeModules/index.native.js +6 -5
- package/dist/esm/NativeModules/index.native.js.map +6 -1
- package/dist/esm/PanResponder/Alternative.js +122 -157
- package/dist/esm/PanResponder/Alternative.js.map +6 -1
- package/dist/esm/PanResponder/index.native.js +5 -3
- package/dist/esm/PanResponder/index.native.js.map +6 -1
- package/dist/esm/PixelRatio/index.native.js +59 -48
- package/dist/esm/PixelRatio/index.native.js.map +6 -1
- package/dist/esm/Pressable/index.native.js +67 -70
- package/dist/esm/Pressable/index.native.js.map +6 -1
- package/dist/esm/RefreshControl/index.native.js +6 -4
- package/dist/esm/RefreshControl/index.native.js.map +6 -1
- package/dist/esm/SafeAreaView/index.native.js +21 -24
- package/dist/esm/SafeAreaView/index.native.js.map +6 -1
- package/dist/esm/ScrollView/ScrollViewBase.native.js +50 -61
- package/dist/esm/ScrollView/ScrollViewBase.native.js.map +6 -1
- package/dist/esm/ScrollView/index.native.js +211 -183
- package/dist/esm/ScrollView/index.native.js.map +6 -1
- package/dist/esm/Share/index.native.js +36 -29
- package/dist/esm/Share/index.native.js.map +6 -1
- package/dist/esm/StatusBar/index.native.js +6 -3
- package/dist/esm/StatusBar/index.native.js.map +6 -1
- package/dist/esm/Text/index.native.js +100 -128
- package/dist/esm/Text/index.native.js.map +6 -1
- package/dist/esm/Text/types.native.js +1 -2
- package/dist/esm/Text/types.native.js.map +6 -1
- package/dist/esm/TextInput/__tests__/index-test.native.js +259 -445
- package/dist/esm/TextInput/__tests__/index-test.native.js.map +6 -1
- package/dist/esm/TextInput/index.native.js +157 -220
- package/dist/esm/TextInput/index.native.js.map +6 -1
- package/dist/esm/TextInput/types.native.js +1 -2
- package/dist/esm/TextInput/types.native.js.map +6 -1
- package/dist/esm/TouchableOpacity.native.js +67 -63
- package/dist/esm/TouchableOpacity.native.js.map +6 -1
- package/dist/esm/TouchableWithoutFeedback.native.js +45 -49
- package/dist/esm/TouchableWithoutFeedback.native.js.map +6 -1
- package/dist/esm/UnimplementedView.native.js +30 -22
- package/dist/esm/UnimplementedView.native.js.map +6 -1
- package/dist/esm/Vibration/index.native.js +14 -14
- package/dist/esm/Vibration/index.native.js.map +6 -1
- package/dist/esm/View/index.native.js +55 -84
- package/dist/esm/View/index.native.js.map +6 -1
- package/dist/esm/View/types.native.js +1 -2
- package/dist/esm/View/types.native.js.map +6 -1
- package/dist/esm/createElement/__tests__/index-test.native.js +195 -398
- package/dist/esm/createElement/__tests__/index-test.native.js.map +6 -1
- package/dist/esm/createElement/index.native.js +14 -16
- package/dist/esm/createElement/index.native.js.map +6 -1
- package/dist/esm/createReactDOMStyle.native.js +4 -2
- package/dist/esm/createReactDOMStyle.native.js.map +6 -1
- package/dist/esm/findNodeHandle.native.js +7 -4
- package/dist/esm/findNodeHandle.native.js.map +6 -1
- package/dist/esm/index.native.js +133 -55
- package/dist/esm/index.native.js.map +6 -1
- package/dist/esm/render/index.native.js +9 -4
- package/dist/esm/render/index.native.js.map +6 -1
- package/dist/esm/styleTypes.native.js +1 -2
- package/dist/esm/styleTypes.native.js.map +6 -1
- package/dist/esm/types.native.js +1 -2
- package/dist/esm/types.native.js.map +6 -1
- package/dist/esm/useColorScheme/index.native.js +7 -7
- package/dist/esm/useColorScheme/index.native.js.map +6 -1
- package/dist/esm/useLocaleContext/index.native.js +4 -2
- package/dist/esm/useLocaleContext/index.native.js.map +6 -1
- package/dist/esm/useWindowDimensions/index.native.js +9 -9
- package/dist/esm/useWindowDimensions/index.native.js.map +6 -1
- package/dist/esm/vendor/react-native/Animated/Animated.native.js +17 -16
- package/dist/esm/vendor/react-native/Animated/Animated.native.js.map +6 -1
- package/dist/esm/vendor/react-native/Animated/AnimatedEvent.native.js +99 -72
- package/dist/esm/vendor/react-native/Animated/AnimatedEvent.native.js.map +6 -1
- package/dist/esm/vendor/react-native/Animated/AnimatedImplementation.native.js +436 -465
- package/dist/esm/vendor/react-native/Animated/AnimatedImplementation.native.js.map +6 -1
- package/dist/esm/vendor/react-native/Animated/AnimatedMock.native.js +91 -97
- package/dist/esm/vendor/react-native/Animated/AnimatedMock.native.js.map +6 -1
- package/dist/esm/vendor/react-native/Animated/AnimatedPlatformConfig.native.js +1 -2
- package/dist/esm/vendor/react-native/Animated/AnimatedPlatformConfig.native.js.map +6 -1
- package/dist/esm/vendor/react-native/Animated/Easing.native.js +231 -194
- package/dist/esm/vendor/react-native/Animated/Easing.native.js.map +6 -1
- package/dist/esm/vendor/react-native/Animated/NativeAnimatedHelper.native.js +222 -206
- package/dist/esm/vendor/react-native/Animated/NativeAnimatedHelper.native.js.map +6 -1
- package/dist/esm/vendor/react-native/Animated/NativeAnimatedModule.native.js +5 -3
- package/dist/esm/vendor/react-native/Animated/NativeAnimatedModule.native.js.map +6 -1
- package/dist/esm/vendor/react-native/Animated/NativeAnimatedTurboModule.native.js +5 -3
- package/dist/esm/vendor/react-native/Animated/NativeAnimatedTurboModule.native.js.map +6 -1
- package/dist/esm/vendor/react-native/Animated/SpringConfig.native.js +5 -5
- package/dist/esm/vendor/react-native/Animated/SpringConfig.native.js.map +6 -1
- package/dist/esm/vendor/react-native/Animated/animations/Animation.native.js +37 -25
- package/dist/esm/vendor/react-native/Animated/animations/Animation.native.js.map +6 -1
- package/dist/esm/vendor/react-native/Animated/animations/DecayAnimation.native.js +54 -42
- package/dist/esm/vendor/react-native/Animated/animations/DecayAnimation.native.js.map +6 -1
- package/dist/esm/vendor/react-native/Animated/animations/SpringAnimation.native.js +72 -72
- package/dist/esm/vendor/react-native/Animated/animations/SpringAnimation.native.js.map +6 -1
- package/dist/esm/vendor/react-native/Animated/animations/TimingAnimation.native.js +60 -45
- package/dist/esm/vendor/react-native/Animated/animations/TimingAnimation.native.js.map +6 -1
- package/dist/esm/vendor/react-native/Animated/bezier.native.js +20 -23
- package/dist/esm/vendor/react-native/Animated/bezier.native.js.map +6 -1
- package/dist/esm/vendor/react-native/Animated/components/AnimatedImage.native.js +6 -4
- package/dist/esm/vendor/react-native/Animated/components/AnimatedImage.native.js.map +6 -1
- package/dist/esm/vendor/react-native/Animated/components/AnimatedScrollView.native.js +13 -12
- package/dist/esm/vendor/react-native/Animated/components/AnimatedScrollView.native.js.map +6 -1
- package/dist/esm/vendor/react-native/Animated/components/AnimatedText.native.js +6 -4
- package/dist/esm/vendor/react-native/Animated/components/AnimatedText.native.js.map +6 -1
- package/dist/esm/vendor/react-native/Animated/components/AnimatedView.native.js +6 -4
- package/dist/esm/vendor/react-native/Animated/components/AnimatedView.native.js.map +6 -1
- package/dist/esm/vendor/react-native/Animated/createAnimatedComponent.native.js +11 -17
- package/dist/esm/vendor/react-native/Animated/createAnimatedComponent.native.js.map +6 -1
- package/dist/esm/vendor/react-native/Animated/nodes/AnimatedAddition.native.js +55 -39
- package/dist/esm/vendor/react-native/Animated/nodes/AnimatedAddition.native.js.map +6 -1
- package/dist/esm/vendor/react-native/Animated/nodes/AnimatedColor.native.js +197 -180
- package/dist/esm/vendor/react-native/Animated/nodes/AnimatedColor.native.js.map +6 -1
- package/dist/esm/vendor/react-native/Animated/nodes/AnimatedDiffClamp.native.js +51 -39
- package/dist/esm/vendor/react-native/Animated/nodes/AnimatedDiffClamp.native.js.map +6 -1
- package/dist/esm/vendor/react-native/Animated/nodes/AnimatedDivision.native.js +57 -42
- package/dist/esm/vendor/react-native/Animated/nodes/AnimatedDivision.native.js.map +6 -1
- package/dist/esm/vendor/react-native/Animated/nodes/AnimatedInterpolation.native.js +116 -99
- package/dist/esm/vendor/react-native/Animated/nodes/AnimatedInterpolation.native.js.map +6 -1
- package/dist/esm/vendor/react-native/Animated/nodes/AnimatedModulo.native.js +50 -37
- package/dist/esm/vendor/react-native/Animated/nodes/AnimatedModulo.native.js.map +6 -1
- package/dist/esm/vendor/react-native/Animated/nodes/AnimatedMultiplication.native.js +55 -39
- package/dist/esm/vendor/react-native/Animated/nodes/AnimatedMultiplication.native.js.map +6 -1
- package/dist/esm/vendor/react-native/Animated/nodes/AnimatedNode.native.js +89 -61
- package/dist/esm/vendor/react-native/Animated/nodes/AnimatedNode.native.js.map +6 -1
- package/dist/esm/vendor/react-native/Animated/nodes/AnimatedProps.native.js +70 -52
- package/dist/esm/vendor/react-native/Animated/nodes/AnimatedProps.native.js.map +6 -1
- package/dist/esm/vendor/react-native/Animated/nodes/AnimatedStyle.native.js +68 -50
- package/dist/esm/vendor/react-native/Animated/nodes/AnimatedStyle.native.js.map +6 -1
- package/dist/esm/vendor/react-native/Animated/nodes/AnimatedSubtraction.native.js +55 -39
- package/dist/esm/vendor/react-native/Animated/nodes/AnimatedSubtraction.native.js.map +6 -1
- package/dist/esm/vendor/react-native/Animated/nodes/AnimatedTracking.native.js +53 -41
- package/dist/esm/vendor/react-native/Animated/nodes/AnimatedTracking.native.js.map +6 -1
- package/dist/esm/vendor/react-native/Animated/nodes/AnimatedTransform.native.js +57 -44
- package/dist/esm/vendor/react-native/Animated/nodes/AnimatedTransform.native.js.map +6 -1
- package/dist/esm/vendor/react-native/Animated/nodes/AnimatedValue.native.js +99 -70
- package/dist/esm/vendor/react-native/Animated/nodes/AnimatedValue.native.js.map +6 -1
- package/dist/esm/vendor/react-native/Animated/nodes/AnimatedValueXY.native.js +82 -64
- package/dist/esm/vendor/react-native/Animated/nodes/AnimatedValueXY.native.js.map +6 -1
- package/dist/esm/vendor/react-native/Animated/nodes/AnimatedWithChildren.native.js +53 -40
- package/dist/esm/vendor/react-native/Animated/nodes/AnimatedWithChildren.native.js.map +6 -1
- package/dist/esm/vendor/react-native/Animated/useAnimatedProps.native.js +58 -50
- package/dist/esm/vendor/react-native/Animated/useAnimatedProps.native.js.map +6 -1
- package/dist/esm/vendor/react-native/FeatureFlags.native.js +10 -8
- package/dist/esm/vendor/react-native/FeatureFlags.native.js.map +6 -1
- package/dist/esm/vendor/react-native/NativeEventEmitter/RCTDeviceEventEmitter.native.js +5 -3
- package/dist/esm/vendor/react-native/NativeEventEmitter/RCTDeviceEventEmitter.native.js.map +6 -1
- package/dist/esm/vendor/react-native/NativeEventEmitter/index.native.js +55 -46
- package/dist/esm/vendor/react-native/NativeEventEmitter/index.native.js.map +6 -1
- package/dist/esm/vendor/react-native/PanResponder/index.native.js +219 -224
- package/dist/esm/vendor/react-native/PanResponder/index.native.js.map +6 -1
- package/dist/esm/vendor/react-native/TouchHistoryMath/index.native.js +81 -58
- package/dist/esm/vendor/react-native/TouchHistoryMath/index.native.js.map +6 -1
- package/dist/esm/vendor/react-native/TurboModule/RCTExport.native.js +1 -2
- package/dist/esm/vendor/react-native/TurboModule/RCTExport.native.js.map +6 -1
- package/dist/esm/vendor/react-native/TurboModule/TurboModuleRegistry.native.js +5 -2
- package/dist/esm/vendor/react-native/TurboModule/TurboModuleRegistry.native.js.map +6 -1
- package/dist/esm/vendor/react-native/Types/CoreEventTypes.native.js +1 -2
- package/dist/esm/vendor/react-native/Types/CoreEventTypes.native.js.map +6 -1
- package/dist/esm/vendor/react-native/Utilities/setAndForwardRef.native.js +6 -5
- package/dist/esm/vendor/react-native/Utilities/setAndForwardRef.native.js.map +6 -1
- package/dist/esm/vendor/react-native/emitter/EventEmitter.native.js +5 -3
- package/dist/esm/vendor/react-native/emitter/EventEmitter.native.js.map +6 -1
- package/dist/esm/vendor/react-native/emitter/EventSubscription.native.js +1 -2
- package/dist/esm/vendor/react-native/emitter/EventSubscription.native.js.map +6 -1
- package/dist/esm/vendor/react-native/emitter/_EmitterSubscription.native.js +33 -24
- package/dist/esm/vendor/react-native/emitter/_EmitterSubscription.native.js.map +6 -1
- package/dist/esm/vendor/react-native/emitter/_EventEmitter.native.js +51 -41
- package/dist/esm/vendor/react-native/emitter/_EventEmitter.native.js.map +6 -1
- package/dist/esm/vendor/react-native/emitter/_EventSubscription.native.js +16 -12
- package/dist/esm/vendor/react-native/emitter/_EventSubscription.native.js.map +6 -1
- package/dist/esm/vendor/react-native/emitter/_EventSubscriptionVendor.native.js +26 -21
- package/dist/esm/vendor/react-native/emitter/_EventSubscriptionVendor.native.js.map +6 -1
- package/dist/esm/vendor/react-native/infoLog/index.native.js +6 -3
- package/dist/esm/vendor/react-native/infoLog/index.native.js.map +6 -1
- package/dist/esm/vendor/react-native/useRefEffect.native.js +8 -4
- package/dist/esm/vendor/react-native/useRefEffect.native.js.map +6 -1
- package/dist/esm/without-animated.native.js +115 -52
- package/dist/esm/without-animated.native.js.map +6 -1
- package/package.json +6 -6
|
@@ -1,114 +1,137 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import { StyleSheet } from "@tamagui/react-native-web-internals";
|
|
3
|
-
import createElement from "../createElement/index
|
|
3
|
+
import createElement from "../createElement/index";
|
|
4
4
|
var ANIMATION_DURATION = 300;
|
|
5
5
|
function getAnimationStyle(animationType, visible) {
|
|
6
6
|
return animationType === "slide" ? visible ? animatedSlideInStyles : animatedSlideOutStyles : animationType === "fade" ? visible ? animatedFadeInStyles : animatedFadeOutStyles : visible ? styles.container : styles.hidden;
|
|
7
7
|
}
|
|
8
8
|
function ModalAnimation(props) {
|
|
9
|
-
var animationType = props.animationType,
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
wasVisible = React.useRef(!1),
|
|
18
|
-
isAnimated = animationType && animationType !== "none",
|
|
19
|
-
animationEndCallback = React.useCallback(function (e) {
|
|
20
|
-
e && e.currentTarget !== e.target || (visible ? onShow && onShow() : (setIsRendering(!1), onDismiss && onDismiss()));
|
|
21
|
-
}, [onDismiss, onShow, visible]);
|
|
22
|
-
return React.useEffect(function () {
|
|
9
|
+
var animationType = props.animationType, children = props.children, onDismiss = props.onDismiss, onShow = props.onShow, visible = props.visible, _React$useState = React.useState(!1), isRendering = _React$useState[0], setIsRendering = _React$useState[1], wasVisible = React.useRef(!1), isAnimated = animationType && animationType !== "none", animationEndCallback = React.useCallback(function(e) {
|
|
10
|
+
e && e.currentTarget !== e.target || (visible ? onShow && onShow() : (setIsRendering(!1), onDismiss && onDismiss()));
|
|
11
|
+
}, [
|
|
12
|
+
onDismiss,
|
|
13
|
+
onShow,
|
|
14
|
+
visible
|
|
15
|
+
]);
|
|
16
|
+
return React.useEffect(function() {
|
|
23
17
|
visible && setIsRendering(!0), visible !== wasVisible.current && !isAnimated && animationEndCallback(), wasVisible.current = visible;
|
|
24
|
-
}, [
|
|
18
|
+
}, [
|
|
19
|
+
isAnimated,
|
|
20
|
+
visible,
|
|
21
|
+
animationEndCallback
|
|
22
|
+
]), isRendering || visible ? createElement("div", {
|
|
25
23
|
style: isRendering ? getAnimationStyle(animationType, visible) : styles.hidden,
|
|
26
24
|
onAnimationEnd: animationEndCallback,
|
|
27
25
|
children
|
|
28
26
|
}) : null;
|
|
29
27
|
}
|
|
30
28
|
var styles = StyleSheet.create({
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
}
|
|
29
|
+
container: {
|
|
30
|
+
position: "fixed",
|
|
31
|
+
top: 0,
|
|
32
|
+
right: 0,
|
|
33
|
+
bottom: 0,
|
|
34
|
+
left: 0,
|
|
35
|
+
zIndex: 9999
|
|
36
|
+
},
|
|
37
|
+
animatedIn: {
|
|
38
|
+
animationDuration: ANIMATION_DURATION + "ms",
|
|
39
|
+
animationTimingFunction: "ease-in"
|
|
40
|
+
},
|
|
41
|
+
animatedOut: {
|
|
42
|
+
pointerEvents: "none",
|
|
43
|
+
animationDuration: ANIMATION_DURATION + "ms",
|
|
44
|
+
animationTimingFunction: "ease-out"
|
|
45
|
+
},
|
|
46
|
+
fadeIn: {
|
|
47
|
+
opacity: 1,
|
|
48
|
+
animationKeyframes: {
|
|
49
|
+
"0%": {
|
|
50
|
+
opacity: 0
|
|
51
|
+
},
|
|
52
|
+
"100%": {
|
|
53
|
+
opacity: 1
|
|
57
54
|
}
|
|
58
|
-
}
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
55
|
+
}
|
|
56
|
+
},
|
|
57
|
+
fadeOut: {
|
|
58
|
+
opacity: 0,
|
|
59
|
+
animationKeyframes: {
|
|
60
|
+
"0%": {
|
|
61
|
+
opacity: 1
|
|
62
|
+
},
|
|
63
|
+
"100%": {
|
|
64
|
+
opacity: 0
|
|
68
65
|
}
|
|
69
|
-
}
|
|
70
|
-
|
|
71
|
-
|
|
66
|
+
}
|
|
67
|
+
},
|
|
68
|
+
slideIn: {
|
|
69
|
+
transform: [
|
|
70
|
+
{
|
|
72
71
|
translateY: "0%"
|
|
73
|
-
}
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
72
|
+
}
|
|
73
|
+
],
|
|
74
|
+
animationKeyframes: {
|
|
75
|
+
"0%": {
|
|
76
|
+
transform: [
|
|
77
|
+
{
|
|
77
78
|
translateY: "100%"
|
|
78
|
-
}
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
79
|
+
}
|
|
80
|
+
]
|
|
81
|
+
},
|
|
82
|
+
"100%": {
|
|
83
|
+
transform: [
|
|
84
|
+
{
|
|
82
85
|
translateY: "0%"
|
|
83
|
-
}
|
|
84
|
-
|
|
86
|
+
}
|
|
87
|
+
]
|
|
85
88
|
}
|
|
86
|
-
}
|
|
87
|
-
|
|
88
|
-
|
|
89
|
+
}
|
|
90
|
+
},
|
|
91
|
+
slideOut: {
|
|
92
|
+
transform: [
|
|
93
|
+
{
|
|
89
94
|
translateY: "100%"
|
|
90
|
-
}
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
95
|
+
}
|
|
96
|
+
],
|
|
97
|
+
animationKeyframes: {
|
|
98
|
+
"0%": {
|
|
99
|
+
transform: [
|
|
100
|
+
{
|
|
94
101
|
translateY: "0%"
|
|
95
|
-
}
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
102
|
+
}
|
|
103
|
+
]
|
|
104
|
+
},
|
|
105
|
+
"100%": {
|
|
106
|
+
transform: [
|
|
107
|
+
{
|
|
99
108
|
translateY: "100%"
|
|
100
|
-
}
|
|
101
|
-
|
|
109
|
+
}
|
|
110
|
+
]
|
|
102
111
|
}
|
|
103
|
-
},
|
|
104
|
-
hidden: {
|
|
105
|
-
opacity: 0
|
|
106
112
|
}
|
|
107
|
-
}
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
113
|
+
},
|
|
114
|
+
hidden: {
|
|
115
|
+
opacity: 0
|
|
116
|
+
}
|
|
117
|
+
}), animatedSlideInStyles = [
|
|
118
|
+
styles.container,
|
|
119
|
+
styles.animatedIn,
|
|
120
|
+
styles.slideIn
|
|
121
|
+
], animatedSlideOutStyles = [
|
|
122
|
+
styles.container,
|
|
123
|
+
styles.animatedOut,
|
|
124
|
+
styles.slideOut
|
|
125
|
+
], animatedFadeInStyles = [
|
|
126
|
+
styles.container,
|
|
127
|
+
styles.animatedIn,
|
|
128
|
+
styles.fadeIn
|
|
129
|
+
], animatedFadeOutStyles = [
|
|
130
|
+
styles.container,
|
|
131
|
+
styles.animatedOut,
|
|
132
|
+
styles.fadeOut
|
|
133
|
+
], ModalAnimation_default = ModalAnimation;
|
|
134
|
+
export {
|
|
135
|
+
ModalAnimation_default as default
|
|
136
|
+
};
|
|
137
|
+
//# sourceMappingURL=ModalAnimation.js.map
|
|
@@ -1 +1,6 @@
|
|
|
1
|
-
{
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../src/Modal/Users/n8/tamagui/code/packages/react-native-web-lite/src/Modal/ModalAnimation.js"],
|
|
4
|
+
"mappings": "AASA,YAAYA,WAAW;AACvB,SAASC,kBAAkB;AAE3B,OAAOC,mBAAmB;AAE1B,IAAIC,qBAAqB;AAEzB,SAASC,kBAAkBC,eAAeC,SAAO;AAC/C,SAAID,kBAAkB,UACbC,UAAUC,wBAAwBC,yBAGvCH,kBAAkB,SACbC,UAAUG,uBAAuBC,wBAGnCJ,UAAUK,OAAOC,YAAYD,OAAOE;AAC7C;AAEA,SAASC,eAAeC,OAAK;AAC3B,MAAIV,gBAAgBU,MAAMV,eACxBW,WAAWD,MAAMC,UACjBC,YAAYF,MAAME,WAClBC,SAASH,MAAMG,QACfZ,UAAUS,MAAMT,SAEda,kBAAkBnB,MAAMoB,SAAS,EAAA,GACnCC,cAAcF,gBAAgB,CAAA,GAC9BG,iBAAiBH,gBAAgB,CAAA,GAE/BI,aAAavB,MAAMwB,OAAO,EAAA,GAC1BC,aAAapB,iBAAiBA,kBAAkB,QAChDqB,uBAAuB1B,MAAM2B,YAC/B,SAACC,GAAAA;AACC,IAAIA,KAAKA,EAAEC,kBAAkBD,EAAEE,WAM3BxB,UACEY,UACFA,OAAAA,KAGFI,eAAe,EAAA,GAEXL,aACFA,UAAAA;EAGN,GACA;IAACA;IAAWC;IAAQZ;GAAQ;AAE9BN,eAAM+B,UAAU,WAAA;AACd,IAAIzB,WACFgB,eAAe,EAAA,GAGbhB,YAAYiB,WAAWS,WAAW,CAACP,cAErCC,qBAAAA,GAGFH,WAAWS,UAAU1B;EACvB,GAAG;IAACmB;IAAYnB;IAASoB;GAAqB,GACvCL,eAAef,UAClBJ,cAAc,OAAO;IACnB+B,OAAOZ,cAAcjB,kBAAkBC,eAAeC,OAAAA,IAAWK,OAAOE;IACxEqB,gBAAgBR;IAChBV;EACF,CAAA,IACA;AACN;AAEA,IAAIL,SAASV,WAAWkC,OAAO;EAC7BvB,WAAW;IACTwB,UAAU;IACVC,KAAK;IACLC,OAAO;IACPC,QAAQ;IACRC,MAAM;IACNC,QAAQ;EACV;EACAC,YAAY;IACVC,mBAAmBxC,qBAAqB;IACxCyC,yBAAyB;EAC3B;EACAC,aAAa;IACXC,eAAe;IACfH,mBAAmBxC,qBAAqB;IACxCyC,yBAAyB;EAC3B;EACAG,QAAQ;IACNC,SAAS;IACTC,oBAAoB;MAClB,MAAM;QACJD,SAAS;MACX;MACA,QAAQ;QACNA,SAAS;MACX;IACF;EACF;EACAE,SAAS;IACPF,SAAS;IACTC,oBAAoB;MAClB,MAAM;QACJD,SAAS;MACX;MACA,QAAQ;QACNA,SAAS;MACX;IACF;EACF;EACAG,SAAS;IACPC,WAAW;MACT;QACEC,YAAY;MACd;;IAEFJ,oBAAoB;MAClB,MAAM;QACJG,WAAW;UACT;YACEC,YAAY;UACd;;MAEJ;MACA,QAAQ;QACND,WAAW;UACT;YACEC,YAAY;UACd;;MAEJ;IACF;EACF;EACAC,UAAU;IACRF,WAAW;MACT;QACEC,YAAY;MACd;;IAEFJ,oBAAoB;MAClB,MAAM;QACJG,WAAW;UACT;YACEC,YAAY;UACd;;MAEJ;MACA,QAAQ;QACND,WAAW;UACT;YACEC,YAAY;UACd;;MAEJ;IACF;EACF;EACAxC,QAAQ;IACNmC,SAAS;EACX;AACF,CAAA,GACIzC,wBAAwB;EAACI,OAAOC;EAAWD,OAAO+B;EAAY/B,OAAOwC;GACrE3C,yBAAyB;EAACG,OAAOC;EAAWD,OAAOkC;EAAalC,OAAO2C;GACvE7C,uBAAuB;EAACE,OAAOC;EAAWD,OAAO+B;EAAY/B,OAAOoC;GACpErC,wBAAwB;EAACC,OAAOC;EAAWD,OAAOkC;EAAalC,OAAOuC;GAC1E,yBAAepC;",
|
|
5
|
+
"names": ["React", "StyleSheet", "createElement", "ANIMATION_DURATION", "getAnimationStyle", "animationType", "visible", "animatedSlideInStyles", "animatedSlideOutStyles", "animatedFadeInStyles", "animatedFadeOutStyles", "styles", "container", "hidden", "ModalAnimation", "props", "children", "onDismiss", "onShow", "_React$useState", "useState", "isRendering", "setIsRendering", "wasVisible", "useRef", "isAnimated", "animationEndCallback", "useCallback", "e", "currentTarget", "target", "useEffect", "current", "style", "onAnimationEnd", "create", "position", "top", "right", "bottom", "left", "zIndex", "animatedIn", "animationDuration", "animationTimingFunction", "animatedOut", "pointerEvents", "fadeIn", "opacity", "animationKeyframes", "fadeOut", "slideIn", "transform", "translateY", "slideOut"]
|
|
6
|
+
}
|
|
@@ -1,56 +1,58 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import { StyleSheet, canUseDOM } from "@tamagui/react-native-web-internals";
|
|
3
3
|
import View from "../View";
|
|
4
|
-
var ModalContent = /* @__PURE__ */React.forwardRef(function
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
var closeOnEscape = function (e) {
|
|
15
|
-
active && e.key === "Escape" && (e.stopPropagation(), onRequestClose && onRequestClose());
|
|
16
|
-
};
|
|
17
|
-
return document.addEventListener("keyup", closeOnEscape, !1), function () {
|
|
18
|
-
return document.removeEventListener("keyup", closeOnEscape, !1);
|
|
19
|
-
};
|
|
20
|
-
}
|
|
21
|
-
}, [active, onRequestClose]);
|
|
22
|
-
var style = React.useMemo(function () {
|
|
23
|
-
return [styles.modal, transparent ? styles.modalTransparent : styles.modalOpaque];
|
|
24
|
-
}, [transparent]);
|
|
25
|
-
return /* @__PURE__ */React.createElement(View, {
|
|
26
|
-
...rest,
|
|
27
|
-
accessibilityModal: !0,
|
|
28
|
-
accessibilityRole: active ? "dialog" : null,
|
|
29
|
-
ref: forwardedRef,
|
|
30
|
-
style
|
|
31
|
-
}, /* @__PURE__ */React.createElement(View, {
|
|
32
|
-
style: styles.container
|
|
33
|
-
}, children));
|
|
34
|
-
}),
|
|
35
|
-
styles = StyleSheet.create({
|
|
36
|
-
modal: {
|
|
37
|
-
position: "fixed",
|
|
38
|
-
top: 0,
|
|
39
|
-
right: 0,
|
|
40
|
-
bottom: 0,
|
|
41
|
-
left: 0
|
|
42
|
-
},
|
|
43
|
-
modalTransparent: {
|
|
44
|
-
backgroundColor: "transparent"
|
|
45
|
-
},
|
|
46
|
-
modalOpaque: {
|
|
47
|
-
backgroundColor: "white"
|
|
48
|
-
},
|
|
49
|
-
container: {
|
|
50
|
-
top: 0,
|
|
51
|
-
flex: 1
|
|
4
|
+
var ModalContent = /* @__PURE__ */ React.forwardRef(function(props, forwardedRef) {
|
|
5
|
+
var { active, children, onRequestClose, transparent, ...rest } = props;
|
|
6
|
+
React.useEffect(function() {
|
|
7
|
+
if (canUseDOM) {
|
|
8
|
+
var closeOnEscape = function(e) {
|
|
9
|
+
active && e.key === "Escape" && (e.stopPropagation(), onRequestClose && onRequestClose());
|
|
10
|
+
};
|
|
11
|
+
return document.addEventListener("keyup", closeOnEscape, !1), function() {
|
|
12
|
+
return document.removeEventListener("keyup", closeOnEscape, !1);
|
|
13
|
+
};
|
|
52
14
|
}
|
|
53
|
-
}
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
15
|
+
}, [
|
|
16
|
+
active,
|
|
17
|
+
onRequestClose
|
|
18
|
+
]);
|
|
19
|
+
var style = React.useMemo(function() {
|
|
20
|
+
return [
|
|
21
|
+
styles.modal,
|
|
22
|
+
transparent ? styles.modalTransparent : styles.modalOpaque
|
|
23
|
+
];
|
|
24
|
+
}, [
|
|
25
|
+
transparent
|
|
26
|
+
]);
|
|
27
|
+
return /* @__PURE__ */ React.createElement(View, {
|
|
28
|
+
...rest,
|
|
29
|
+
accessibilityModal: !0,
|
|
30
|
+
accessibilityRole: active ? "dialog" : null,
|
|
31
|
+
ref: forwardedRef,
|
|
32
|
+
style
|
|
33
|
+
}, /* @__PURE__ */ React.createElement(View, {
|
|
34
|
+
style: styles.container
|
|
35
|
+
}, children));
|
|
36
|
+
}), styles = StyleSheet.create({
|
|
37
|
+
modal: {
|
|
38
|
+
position: "fixed",
|
|
39
|
+
top: 0,
|
|
40
|
+
right: 0,
|
|
41
|
+
bottom: 0,
|
|
42
|
+
left: 0
|
|
43
|
+
},
|
|
44
|
+
modalTransparent: {
|
|
45
|
+
backgroundColor: "transparent"
|
|
46
|
+
},
|
|
47
|
+
modalOpaque: {
|
|
48
|
+
backgroundColor: "white"
|
|
49
|
+
},
|
|
50
|
+
container: {
|
|
51
|
+
top: 0,
|
|
52
|
+
flex: 1
|
|
53
|
+
}
|
|
54
|
+
}), ModalContent_default = ModalContent;
|
|
55
|
+
export {
|
|
56
|
+
ModalContent_default as default
|
|
57
|
+
};
|
|
58
|
+
//# sourceMappingURL=ModalContent.js.map
|
|
@@ -1 +1,6 @@
|
|
|
1
|
-
{
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../src/Modal/Users/n8/tamagui/code/packages/react-native-web-lite/src/Modal/ModalContent.js"],
|
|
4
|
+
"mappings": "AASA,YAAYA,WAAW;AACvB,SAASC,YAAYC,iBAAiB;AAEtC,OAAOC,UAAU;AAEjB,IAAIC,eAA6BJ,sBAAMK,WAAW,SAACC,OAAOC,cAAAA;AACxD,MAAM,EAAEC,QAAQC,UAAUC,gBAAgBC,aAAa,GAAGC,KAAAA,IAASN;AAEnEN,QAAMa,UAAU,WAAA;AACd,QAAIX,WAAW;AACb,UAAIY,gBAAgB,SAACC,GAAAA;AACnB,QAAIP,UAAUO,EAAEC,QAAQ,aACtBD,EAAEE,gBAAe,GAEbP,kBACFA,eAAAA;MAGN;AAEAQ,sBAASC,iBAAiB,SAASL,eAAe,EAAA,GAC3C,WAAA;eAAMI,SAASE,oBAAoB,SAASN,eAAe,EAAA;;IACpE;EACF,GAAG;IAACN;IAAQE;GAAe;AAC3B,MAAIW,QAAQrB,MAAMsB,QAAQ,WAAA;AACxB,WAAO;MAACC,OAAOC;MAAOb,cAAcY,OAAOE,mBAAmBF,OAAOG;;EACvE,GAAG;IAACf;GAAY;AAChB,SAAqBX,sBAAM2B,cACzBxB,MACA;IACE,GAAGS;IACHgB,oBAAoB;IACpBC,mBAAmBrB,SAAS,WAAW;IACvCsB,KAAKvB;IACLc;EACF,GACcrB,sBAAM2B,cAClBxB,MACA;IACEkB,OAAOE,OAAOQ;EAChB,GACAtB,QAAAA,CAAAA;AAGN,CAAA,GACIc,SAAStB,WAAW+B,OAAO;EAC7BR,OAAO;IACLS,UAAU;IACVC,KAAK;IACLC,OAAO;IACPC,QAAQ;IACRC,MAAM;EACR;EACAZ,kBAAkB;IAChBa,iBAAiB;EACnB;EACAZ,aAAa;IACXY,iBAAiB;EACnB;EACAP,WAAW;IACTG,KAAK;IACLK,MAAM;EACR;AACF,CAAA,GACA,uBAAenC;",
|
|
5
|
+
"names": ["React", "StyleSheet", "canUseDOM", "View", "ModalContent", "forwardRef", "props", "forwardedRef", "active", "children", "onRequestClose", "transparent", "rest", "useEffect", "closeOnEscape", "e", "key", "stopPropagation", "document", "addEventListener", "removeEventListener", "style", "useMemo", "styles", "modal", "modalTransparent", "modalOpaque", "createElement", "accessibilityModal", "accessibilityRole", "ref", "container", "create", "position", "top", "right", "bottom", "left", "backgroundColor", "flex"]
|
|
6
|
+
}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import { StyleSheet, UIManager, canUseDOM } from "@tamagui/react-native-web-internals";
|
|
3
|
-
import createElement from "../createElement/index
|
|
3
|
+
import createElement from "../createElement/index";
|
|
4
4
|
import View from "../View";
|
|
5
|
-
var FocusBracket = function
|
|
5
|
+
var FocusBracket = function() {
|
|
6
6
|
return createElement("div", {
|
|
7
7
|
accessibilityRole: "none",
|
|
8
8
|
tabIndex: 0,
|
|
@@ -10,69 +10,72 @@ var FocusBracket = function () {
|
|
|
10
10
|
});
|
|
11
11
|
};
|
|
12
12
|
function attemptFocus(element) {
|
|
13
|
-
if (!canUseDOM)
|
|
13
|
+
if (!canUseDOM)
|
|
14
|
+
return !1;
|
|
14
15
|
try {
|
|
15
16
|
element.focus();
|
|
16
|
-
} catch {
|
|
17
|
+
} catch {
|
|
18
|
+
}
|
|
17
19
|
return document.activeElement === element;
|
|
18
20
|
}
|
|
19
21
|
function focusFirstDescendant(element) {
|
|
20
22
|
for (var i = 0; i < element.childNodes.length; i++) {
|
|
21
23
|
var child = element.childNodes[i];
|
|
22
|
-
if (attemptFocus(child) || focusFirstDescendant(child))
|
|
24
|
+
if (attemptFocus(child) || focusFirstDescendant(child))
|
|
25
|
+
return !0;
|
|
23
26
|
}
|
|
24
27
|
return !1;
|
|
25
28
|
}
|
|
26
29
|
function focusLastDescendant(element) {
|
|
27
30
|
for (var i = element.childNodes.length - 1; i >= 0; i--) {
|
|
28
31
|
var child = element.childNodes[i];
|
|
29
|
-
if (attemptFocus(child) || focusLastDescendant(child))
|
|
32
|
+
if (attemptFocus(child) || focusLastDescendant(child))
|
|
33
|
+
return !0;
|
|
30
34
|
}
|
|
31
35
|
return !1;
|
|
32
36
|
}
|
|
33
|
-
var ModalFocusTrap = function
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
if (focusRef.current.trapFocusInProgress = !0, document.activeElement instanceof Node && !trapElementRef.current.contains(document.activeElement)) {
|
|
47
|
-
var hasFocused = focusFirstDescendant(trapElementRef.current);
|
|
48
|
-
focusRef.current.lastFocusedElement === document.activeElement && (hasFocused = focusLastDescendant(trapElementRef.current)), !hasFocused && trapElementRef.current != null && document.activeElement && UIManager.focus(trapElementRef.current);
|
|
49
|
-
}
|
|
50
|
-
} finally {
|
|
51
|
-
focusRef.current.trapFocusInProgress = !1;
|
|
37
|
+
var ModalFocusTrap = function(_ref) {
|
|
38
|
+
var active = _ref.active, children = _ref.children, trapElementRef = React.useRef(), focusRef = React.useRef({
|
|
39
|
+
trapFocusInProgress: !1,
|
|
40
|
+
lastFocusedElement: null
|
|
41
|
+
});
|
|
42
|
+
return React.useEffect(function() {
|
|
43
|
+
if (canUseDOM) {
|
|
44
|
+
var trapFocus = function() {
|
|
45
|
+
if (!(trapElementRef.current == null || focusRef.current.trapFocusInProgress || !active)) {
|
|
46
|
+
try {
|
|
47
|
+
if (focusRef.current.trapFocusInProgress = !0, document.activeElement instanceof Node && !trapElementRef.current.contains(document.activeElement)) {
|
|
48
|
+
var hasFocused = focusFirstDescendant(trapElementRef.current);
|
|
49
|
+
focusRef.current.lastFocusedElement === document.activeElement && (hasFocused = focusLastDescendant(trapElementRef.current)), !hasFocused && trapElementRef.current != null && document.activeElement && UIManager.focus(trapElementRef.current);
|
|
52
50
|
}
|
|
53
|
-
|
|
51
|
+
} finally {
|
|
52
|
+
focusRef.current.trapFocusInProgress = !1;
|
|
54
53
|
}
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
if (canUseDOM) {
|
|
62
|
-
var lastFocusedElementOutsideTrap = document.activeElement;
|
|
63
|
-
return function () {
|
|
64
|
-
lastFocusedElementOutsideTrap && document.contains(lastFocusedElementOutsideTrap) && UIManager.focus(lastFocusedElementOutsideTrap);
|
|
65
|
-
};
|
|
66
|
-
}
|
|
67
|
-
}, []), /* @__PURE__ */React.createElement(React.Fragment, null, /* @__PURE__ */React.createElement(FocusBracket, null), /* @__PURE__ */React.createElement(View, {
|
|
68
|
-
ref: trapElementRef
|
|
69
|
-
}, children), /* @__PURE__ */React.createElement(FocusBracket, null));
|
|
70
|
-
},
|
|
71
|
-
ModalFocusTrap_default = ModalFocusTrap,
|
|
72
|
-
styles = StyleSheet.create({
|
|
73
|
-
focusBracket: {
|
|
74
|
-
outlineStyle: "none"
|
|
54
|
+
focusRef.current.lastFocusedElement = document.activeElement;
|
|
55
|
+
}
|
|
56
|
+
};
|
|
57
|
+
return trapFocus(), document.addEventListener("focus", trapFocus, !0), function() {
|
|
58
|
+
return document.removeEventListener("focus", trapFocus, !0);
|
|
59
|
+
};
|
|
75
60
|
}
|
|
76
|
-
}
|
|
77
|
-
|
|
78
|
-
|
|
61
|
+
}, [
|
|
62
|
+
active
|
|
63
|
+
]), React.useEffect(function() {
|
|
64
|
+
if (canUseDOM) {
|
|
65
|
+
var lastFocusedElementOutsideTrap = document.activeElement;
|
|
66
|
+
return function() {
|
|
67
|
+
lastFocusedElementOutsideTrap && document.contains(lastFocusedElementOutsideTrap) && UIManager.focus(lastFocusedElementOutsideTrap);
|
|
68
|
+
};
|
|
69
|
+
}
|
|
70
|
+
}, []), /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(FocusBracket, null), /* @__PURE__ */ React.createElement(View, {
|
|
71
|
+
ref: trapElementRef
|
|
72
|
+
}, children), /* @__PURE__ */ React.createElement(FocusBracket, null));
|
|
73
|
+
}, ModalFocusTrap_default = ModalFocusTrap, styles = StyleSheet.create({
|
|
74
|
+
focusBracket: {
|
|
75
|
+
outlineStyle: "none"
|
|
76
|
+
}
|
|
77
|
+
});
|
|
78
|
+
export {
|
|
79
|
+
ModalFocusTrap_default as default
|
|
80
|
+
};
|
|
81
|
+
//# sourceMappingURL=ModalFocusTrap.js.map
|
|
@@ -1 +1,6 @@
|
|
|
1
|
-
{
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../src/Modal/Users/n8/tamagui/code/packages/react-native-web-lite/src/Modal/ModalFocusTrap.js"],
|
|
4
|
+
"mappings": "AASA,YAAYA,WAAW;AACvB,SAASC,YAAYC,WAAWC,iBAAiB;AAEjD,OAAOC,mBAAmB;AAC1B,OAAOC,UAAU;AAUjB,IAAIC,eAAe,WAAA;AACjB,SAAOF,cAAc,OAAO;IAC1BG,mBAAmB;IACnBC,UAAU;IACVC,OAAOC,OAAOC;EAChB,CAAA;AACF;AAEA,SAASC,aAAaC,SAAO;AAC3B,MAAI,CAACV;AACH,WAAO;AAGT,MAAI;AACFU,YAAQC,MAAK;EACf,QAAY;EAEZ;AAEA,SAAOC,SAASC,kBAAkBH;AACpC;AAEA,SAASI,qBAAqBJ,SAAO;AACnC,WAASK,IAAI,GAAGA,IAAIL,QAAQM,WAAWC,QAAQF,KAAK;AAClD,QAAIG,QAAQR,QAAQM,WAAWD,CAAAA;AAE/B,QAAIN,aAAaS,KAAAA,KAAUJ,qBAAqBI,KAAAA;AAC9C,aAAO;EAEX;AAEA,SAAO;AACT;AAEA,SAASC,oBAAoBT,SAAO;AAClC,WAASK,IAAIL,QAAQM,WAAWC,SAAS,GAAGF,KAAK,GAAGA,KAAK;AACvD,QAAIG,QAAQR,QAAQM,WAAWD,CAAAA;AAE/B,QAAIN,aAAaS,KAAAA,KAAUC,oBAAoBD,KAAAA;AAC7C,aAAO;EAEX;AAEA,SAAO;AACT;AAEA,IAAIE,iBAAiB,SAACC,MAAAA;AACpB,MAAIC,SAASD,KAAKC,QAChBC,WAAWF,KAAKE,UACdC,iBAAiB3B,MAAM4B,OAAM,GAC7BC,WAAW7B,MAAM4B,OAAO;IAC1BE,qBAAqB;IACrBC,oBAAoB;EACtB,CAAA;AACA/B,eAAMgC,UAAU,WAAA;AACd,QAAI7B,WAAW;AACb,UAAI8B,YAAY,WAAA;AAKd,YACEN,iBAAeO,WAAW,QAC1BL,SAASK,QAAQJ,uBACjB,CAACL,SAKH;cAAI;AAGF,gBAFAI,SAASK,QAAQJ,sBAAsB,IAGrCf,SAASC,yBAAyBmB,QAClC,CAACR,eAAeO,QAAQE,SAASrB,SAASC,aAAa,GACvD;AAOA,kBAAIqB,aAAapB,qBAAqBU,eAAeO,OAAO;AAE5D,cAAIL,SAASK,QAAQH,uBAAuBhB,SAASC,kBACnDqB,aAAaf,oBAAoBK,eAAeO,OAAO,IAGrD,CAACG,cAAcV,eAAeO,WAAW,QAAQnB,SAASC,iBAC5Dd,UAAUY,MAAMa,eAAeO,OAAO;YAE1C;UACF,UAAA;AACEL,qBAASK,QAAQJ,sBAAsB;UACzC;AAEAD,mBAASK,QAAQH,qBAAqBhB,SAASC;;MACjD;AAEAiB,uBAAAA,GACAlB,SAASuB,iBAAiB,SAASL,WAAW,EAAA,GACvC,WAAA;eAAMlB,SAASwB,oBAAoB,SAASN,WAAW,EAAA;;IAChE;EACF,GAAG;IAACR;GAAO,GAGXzB,MAAMgC,UAAU,WAAA;AACd,QAAI7B,WAAW;AACb,UAAIqC,gCAAgCzB,SAASC;AAC7C,aAAO,WAAA;AACL,QACEwB,iCACAzB,SAASqB,SAASI,6BAAAA,KAElBtC,UAAUY,MAAM0B,6BAAAA;MAEpB;IACF;EACF,GAAG,CAAA,CAAE,GACgBxC,sBAAMI,cACzBJ,MAAMyC,UACN,MACczC,sBAAMI,cAAcE,cAAc,IAAA,GAClCN,sBAAMI,cAClBC,MACA;IACEqC,KAAKf;EACP,GACAD,QAAAA,GAEY1B,sBAAMI,cAAcE,cAAc,IAAA,CAAA;AAEpD,GAEA,yBAAeiB,gBACXb,SAAST,WAAW0C,OAAO;EAC7BhC,cAAc;IACZiC,cAAc;EAChB;AACF,CAAA;",
|
|
5
|
+
"names": ["React", "StyleSheet", "UIManager", "canUseDOM", "createElement", "View", "FocusBracket", "accessibilityRole", "tabIndex", "style", "styles", "focusBracket", "attemptFocus", "element", "focus", "document", "activeElement", "focusFirstDescendant", "i", "childNodes", "length", "child", "focusLastDescendant", "ModalFocusTrap", "_ref", "active", "children", "trapElementRef", "useRef", "focusRef", "trapFocusInProgress", "lastFocusedElement", "useEffect", "trapFocus", "current", "Node", "contains", "hasFocused", "addEventListener", "removeEventListener", "lastFocusedElementOutsideTrap", "Fragment", "ref", "create", "outlineStyle"]
|
|
6
|
+
}
|
|
@@ -2,18 +2,20 @@ import * as React from "react";
|
|
|
2
2
|
import ReactDOM from "react-dom";
|
|
3
3
|
import { canUseDOM } from "@tamagui/react-native-web-internals";
|
|
4
4
|
function ModalPortal(props) {
|
|
5
|
-
var children = props.children,
|
|
6
|
-
elementRef = React.useRef(null);
|
|
5
|
+
var children = props.children, elementRef = React.useRef(null);
|
|
7
6
|
if (canUseDOM && !elementRef.current) {
|
|
8
7
|
var element = document.createElement("div");
|
|
9
8
|
element && document.body && (document.body.appendChild(element), elementRef.current = element);
|
|
10
9
|
}
|
|
11
|
-
return React.useEffect(function
|
|
12
|
-
if (canUseDOM)
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
10
|
+
return React.useEffect(function() {
|
|
11
|
+
if (canUseDOM)
|
|
12
|
+
return function() {
|
|
13
|
+
document.body && elementRef.current && (document.body.removeChild(elementRef.current), elementRef.current = null);
|
|
14
|
+
};
|
|
15
|
+
}, []), elementRef.current && canUseDOM ? /* @__PURE__ */ ReactDOM.createPortal(children, elementRef.current) : null;
|
|
16
16
|
}
|
|
17
17
|
var ModalPortal_default = ModalPortal;
|
|
18
|
-
export {
|
|
19
|
-
|
|
18
|
+
export {
|
|
19
|
+
ModalPortal_default as default
|
|
20
|
+
};
|
|
21
|
+
//# sourceMappingURL=ModalPortal.js.map
|
|
@@ -1 +1,6 @@
|
|
|
1
|
-
{
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../src/Modal/Users/n8/tamagui/code/packages/react-native-web-lite/src/Modal/ModalPortal.js"],
|
|
4
|
+
"mappings": "AASA,YAAYA,WAAW;AACvB,OAAOC,cAAc;AACrB,SAASC,iBAAiB;AAE1B,SAASC,YAAYC,OAAK;AACxB,MAAIC,WAAWD,MAAMC,UACjBC,aAAaN,MAAMO,OAAO,IAAA;AAE9B,MAAIL,aAAa,CAACI,WAAWE,SAAS;AACpC,QAAIC,UAAUC,SAASC,cAAc,KAAA;AAErC,IAAIF,WAAWC,SAASE,SACtBF,SAASE,KAAKC,YAAYJ,OAAAA,GAC1BH,WAAWE,UAAUC;EAEzB;AAEAT,eAAMc,UAAU,WAAA;AACd,QAAIZ;AACF,aAAO,WAAA;AACL,QAAIQ,SAASE,QAAQN,WAAWE,YAC9BE,SAASE,KAAKG,YAAYT,WAAWE,OAAO,GAC5CF,WAAWE,UAAU;MAEzB;EAEJ,GAAG,CAAA,CAAE,GACEF,WAAWE,WAAWN,YACXD,yBAASe,aAAaX,UAAUC,WAAWE,OAAO,IAChE;AACN;AAEA,IAAA,sBAAeL;",
|
|
5
|
+
"names": ["React", "ReactDOM", "canUseDOM", "ModalPortal", "props", "children", "elementRef", "useRef", "current", "element", "document", "createElement", "body", "appendChild", "useEffect", "removeChild", "createPortal"]
|
|
6
|
+
}
|