@cdx-ui/components 0.0.1-beta.112 → 0.0.1-beta.113
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/lib/commonjs/animation/hooks/index.js +33 -0
- package/lib/commonjs/animation/hooks/index.js.map +1 -1
- package/lib/commonjs/animation/hooks/usePopupDialogContentAnimation.js +173 -0
- package/lib/commonjs/animation/hooks/usePopupDialogContentAnimation.js.map +1 -0
- package/lib/commonjs/animation/hooks/usePopupOverlayAnimation.js +67 -0
- package/lib/commonjs/animation/hooks/usePopupOverlayAnimation.js.map +1 -0
- package/lib/commonjs/animation/hooks/usePopupRootAnimation.js +26 -0
- package/lib/commonjs/animation/hooks/usePopupRootAnimation.js.map +1 -0
- package/lib/commonjs/components/AlertDialog/index.js +15 -1
- package/lib/commonjs/components/AlertDialog/index.js.map +1 -1
- package/lib/commonjs/components/Dialog/animation.js +13 -0
- package/lib/commonjs/components/Dialog/animation.js.map +1 -0
- package/lib/commonjs/components/Dialog/index.js +267 -24
- package/lib/commonjs/components/Dialog/index.js.map +1 -1
- package/lib/commonjs/components/Dialog/styles.js +7 -3
- package/lib/commonjs/components/Dialog/styles.js.map +1 -1
- package/lib/module/animation/hooks/index.js +3 -0
- package/lib/module/animation/hooks/index.js.map +1 -1
- package/lib/module/animation/hooks/usePopupDialogContentAnimation.js +169 -0
- package/lib/module/animation/hooks/usePopupDialogContentAnimation.js.map +1 -0
- package/lib/module/animation/hooks/usePopupOverlayAnimation.js +63 -0
- package/lib/module/animation/hooks/usePopupOverlayAnimation.js.map +1 -0
- package/lib/module/animation/hooks/usePopupRootAnimation.js +22 -0
- package/lib/module/animation/hooks/usePopupRootAnimation.js.map +1 -0
- package/lib/module/components/AlertDialog/index.js +15 -1
- package/lib/module/components/AlertDialog/index.js.map +1 -1
- package/lib/module/components/Dialog/animation.js +7 -0
- package/lib/module/components/Dialog/animation.js.map +1 -0
- package/lib/module/components/Dialog/index.js +271 -30
- package/lib/module/components/Dialog/index.js.map +1 -1
- package/lib/module/components/Dialog/styles.js +6 -2
- package/lib/module/components/Dialog/styles.js.map +1 -1
- package/lib/typescript/animation/hooks/index.d.ts +3 -0
- package/lib/typescript/animation/hooks/index.d.ts.map +1 -1
- package/lib/typescript/animation/hooks/usePopupDialogContentAnimation.d.ts +47 -0
- package/lib/typescript/animation/hooks/usePopupDialogContentAnimation.d.ts.map +1 -0
- package/lib/typescript/animation/hooks/usePopupOverlayAnimation.d.ts +29 -0
- package/lib/typescript/animation/hooks/usePopupOverlayAnimation.d.ts.map +1 -0
- package/lib/typescript/animation/hooks/usePopupRootAnimation.d.ts +16 -0
- package/lib/typescript/animation/hooks/usePopupRootAnimation.d.ts.map +1 -0
- package/lib/typescript/components/AlertDialog/index.d.ts +5 -2
- package/lib/typescript/components/AlertDialog/index.d.ts.map +1 -1
- package/lib/typescript/components/Dialog/animation.d.ts +11 -0
- package/lib/typescript/components/Dialog/animation.d.ts.map +1 -0
- package/lib/typescript/components/Dialog/index.d.ts +6 -2
- package/lib/typescript/components/Dialog/index.d.ts.map +1 -1
- package/lib/typescript/components/Dialog/styles.d.ts +1 -0
- package/lib/typescript/components/Dialog/styles.d.ts.map +1 -1
- package/package.json +13 -5
- package/src/animation/hooks/index.ts +3 -0
- package/src/animation/hooks/usePopupDialogContentAnimation.ts +256 -0
- package/src/animation/hooks/usePopupOverlayAnimation.ts +84 -0
- package/src/animation/hooks/usePopupRootAnimation.ts +27 -0
- package/src/components/AlertDialog/index.tsx +16 -3
- package/src/components/Dialog/animation.ts +13 -0
- package/src/components/Dialog/index.tsx +331 -31
- package/src/components/Dialog/styles.ts +22 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["useEffect","useMemo","Keyboard","Platform","useWindowDimensions","Gesture","Easing","Extrapolation","interpolate","Keyframe","useAnimatedStyle","useDerivedValue","useSharedValue","withSpring","scheduleOnRN","useAnimationSettings","getAnimationState","getIsAnimationDisabledValue","IS_WEB","OS","DEFAULT_ENTERING_ANIMATION","transform","scale","opacity","easing","out","ease","duration","DEFAULT_EXITING_ANIMATION","in","usePopupDialogContentAnimation","isOpen","progress","isDragging","isGestureReleaseAnimationRunning","onOpenChange","animation","isSwipeable","height","screenHeight","animationSettingsContext","isAllAnimationsDisabled","animationConfig","isAnimationDisabled","isAnimationDisabledValue","enteringValue","entering","exitingValue","exiting","contentY","contentHeight","progressAnchor","contentTranslateYAnchor","contentScaleAnchor","gestureTranslationY","set","dismissKeyboard","dismiss","contentTranslateY","maxDragDistance","get","CLAMP","absoluteGestureTranslationY","Math","abs","contentScale","panGesture","Pan","enabled","onStart","onUpdate","event","translationY","progressValue","max","min","onFinalize","mass","damping","stiffness","overshootClamping","setTimeout","rDragContainerStyle","translateY","undefined"],"sourceRoot":"../../../../src","sources":["animation/hooks/usePopupDialogContentAnimation.ts"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,63 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { Platform } from 'react-native';
|
|
4
|
+
import { FadeIn, FadeOut, interpolate, useAnimatedStyle } from 'react-native-reanimated';
|
|
5
|
+
import { useAnimationSettings } from '../../providers/animation-settings';
|
|
6
|
+
import { getAnimationState, getAnimationValueProperty, getIsAnimationDisabledValue } from '../utils';
|
|
7
|
+
const IS_WEB = Platform.OS === 'web';
|
|
8
|
+
/**
|
|
9
|
+
* Animation hook for popup overlay (backdrop) components.
|
|
10
|
+
* Shared by Dialog, Select, BottomSheet, Popover, etc.
|
|
11
|
+
*
|
|
12
|
+
* Returns progress-based opacity style and entering/exiting layout animations.
|
|
13
|
+
* On web, entering/exiting are undefined (CSS transitions drive the visuals).
|
|
14
|
+
*/
|
|
15
|
+
export function usePopupOverlayAnimation(options) {
|
|
16
|
+
const {
|
|
17
|
+
progress,
|
|
18
|
+
isDragging,
|
|
19
|
+
isGestureReleaseAnimationRunning,
|
|
20
|
+
animation
|
|
21
|
+
} = options;
|
|
22
|
+
const animationSettingsContext = useAnimationSettings();
|
|
23
|
+
const isAllAnimationsDisabled = animationSettingsContext?.isAllAnimationsDisabled;
|
|
24
|
+
const {
|
|
25
|
+
animationConfig,
|
|
26
|
+
isAnimationDisabled
|
|
27
|
+
} = getAnimationState(animation);
|
|
28
|
+
const isAnimationDisabledValue = getIsAnimationDisabledValue({
|
|
29
|
+
isAnimationDisabled,
|
|
30
|
+
isAllAnimationsDisabled
|
|
31
|
+
});
|
|
32
|
+
const opacityValue = getAnimationValueProperty({
|
|
33
|
+
animationValue: animationConfig?.opacity,
|
|
34
|
+
property: 'value',
|
|
35
|
+
defaultValue: [0, 1, 0]
|
|
36
|
+
});
|
|
37
|
+
const rContainerStyle = useAnimatedStyle(() => {
|
|
38
|
+
if (progress?.get() === undefined) {
|
|
39
|
+
return {};
|
|
40
|
+
}
|
|
41
|
+
if (isAnimationDisabledValue) {
|
|
42
|
+
return {
|
|
43
|
+
opacity: progress.get() > 0 ? 1 : 0
|
|
44
|
+
};
|
|
45
|
+
}
|
|
46
|
+
if ((isDragging?.get() || isGestureReleaseAnimationRunning?.get()) && progress.get() <= 1) {
|
|
47
|
+
return {
|
|
48
|
+
opacity: 1
|
|
49
|
+
};
|
|
50
|
+
}
|
|
51
|
+
return {
|
|
52
|
+
opacity: interpolate(progress.get(), [0, 1, 2], opacityValue)
|
|
53
|
+
};
|
|
54
|
+
});
|
|
55
|
+
const enteringValue = animationConfig?.entering ?? (isAnimationDisabledValue ? undefined : FadeIn.duration(200));
|
|
56
|
+
const exitingValue = animationConfig?.exiting ?? (isAnimationDisabledValue ? undefined : FadeOut.duration(150));
|
|
57
|
+
return {
|
|
58
|
+
rContainerStyle,
|
|
59
|
+
entering: isAnimationDisabledValue || IS_WEB ? undefined : enteringValue,
|
|
60
|
+
exiting: isAnimationDisabledValue || IS_WEB ? undefined : exitingValue
|
|
61
|
+
};
|
|
62
|
+
}
|
|
63
|
+
//# sourceMappingURL=usePopupOverlayAnimation.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["Platform","FadeIn","FadeOut","interpolate","useAnimatedStyle","useAnimationSettings","getAnimationState","getAnimationValueProperty","getIsAnimationDisabledValue","IS_WEB","OS","usePopupOverlayAnimation","options","progress","isDragging","isGestureReleaseAnimationRunning","animation","animationSettingsContext","isAllAnimationsDisabled","animationConfig","isAnimationDisabled","isAnimationDisabledValue","opacityValue","animationValue","opacity","property","defaultValue","rContainerStyle","get","undefined","enteringValue","entering","duration","exitingValue","exiting"],"sourceRoot":"../../../../src","sources":["animation/hooks/usePopupOverlayAnimation.ts"],"mappings":";;AAAA,SAASA,QAAQ,QAAQ,cAAc;AAEvC,SAASC,MAAM,EAAEC,OAAO,EAAEC,WAAW,EAAEC,gBAAgB,QAAQ,yBAAyB;AACxF,SAASC,oBAAoB,QAAQ,oCAAoC;AAEzE,SACEC,iBAAiB,EACjBC,yBAAyB,EACzBC,2BAA2B,QACtB,UAAU;AAEjB,MAAMC,MAAM,GAAGT,QAAQ,CAACU,EAAE,KAAK,KAAK;AAapC;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,wBAAwBA,CAACC,OAAwC,EAAE;EACjF,MAAM;IAAEC,QAAQ;IAAEC,UAAU;IAAEC,gCAAgC;IAAEC;EAAU,CAAC,GAAGJ,OAAO;EAErF,MAAMK,wBAAwB,GAAGZ,oBAAoB,CAAC,CAAC;EACvD,MAAMa,uBAAuB,GAAGD,wBAAwB,EAAEC,uBAAuB;EAEjF,MAAM;IAAEC,eAAe;IAAEC;EAAoB,CAAC,GAAGd,iBAAiB,CAACU,SAAS,CAAC;EAE7E,MAAMK,wBAAwB,GAAGb,2BAA2B,CAAC;IAC3DY,mBAAmB;IACnBF;EACF,CAAC,CAAC;EAEF,MAAMI,YAAY,GAAGf,yBAAyB,CAAC;IAC7CgB,cAAc,EAAEJ,eAAe,EAAEK,OAAO;IACxCC,QAAQ,EAAE,OAAO;IACjBC,YAAY,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC;EACxB,CAAC,CAAC;EAEF,MAAMC,eAAe,GAAGvB,gBAAgB,CAAC,MAAM;IAC7C,IAAIS,QAAQ,EAAEe,GAAG,CAAC,CAAC,KAAKC,SAAS,EAAE;MACjC,OAAO,CAAC,CAAC;IACX;IAEA,IAAIR,wBAAwB,EAAE;MAC5B,OAAO;QACLG,OAAO,EAAEX,QAAQ,CAACe,GAAG,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG;MACpC,CAAC;IACH;IAEA,IAAI,CAACd,UAAU,EAAEc,GAAG,CAAC,CAAC,IAAIb,gCAAgC,EAAEa,GAAG,CAAC,CAAC,KAAKf,QAAQ,CAACe,GAAG,CAAC,CAAC,IAAI,CAAC,EAAE;MACzF,OAAO;QACLJ,OAAO,EAAE;MACX,CAAC;IACH;IAEA,OAAO;MACLA,OAAO,EAAErB,WAAW,CAACU,QAAQ,CAACe,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,EAAEN,YAAY;IAC9D,CAAC;EACH,CAAC,CAAC;EAEF,MAAMQ,aAAa,GACjBX,eAAe,EAAEY,QAAQ,KAAKV,wBAAwB,GAAGQ,SAAS,GAAG5B,MAAM,CAAC+B,QAAQ,CAAC,GAAG,CAAC,CAAC;EAE5F,MAAMC,YAAY,GAChBd,eAAe,EAAEe,OAAO,KAAKb,wBAAwB,GAAGQ,SAAS,GAAG3B,OAAO,CAAC8B,QAAQ,CAAC,GAAG,CAAC,CAAC;EAE5F,OAAO;IACLL,eAAe;IACfI,QAAQ,EAAEV,wBAAwB,IAAIZ,MAAM,GAAGoB,SAAS,GAAGC,aAAa;IACxEI,OAAO,EAAEb,wBAAwB,IAAIZ,MAAM,GAAGoB,SAAS,GAAGI;EAC5D,CAAC;AACH","ignoreList":[]}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { useSharedValue } from 'react-native-reanimated';
|
|
4
|
+
import { useCombinedAnimationDisabledState } from './useCombinedAnimationDisabledState';
|
|
5
|
+
/**
|
|
6
|
+
* Root animation hook for popup-like components (Dialog, Select, BottomSheet, Popover, etc.)
|
|
7
|
+
* Manages component state transitions and animation coordination via a shared
|
|
8
|
+
* `progress` value: 0 = idle/closed, 1 = fully open, 2 = dismissed.
|
|
9
|
+
*/
|
|
10
|
+
export function usePopupRootAnimation(options) {
|
|
11
|
+
const isAllAnimationsDisabled = useCombinedAnimationDisabledState(options.animation);
|
|
12
|
+
const progress = useSharedValue(0);
|
|
13
|
+
const isDragging = useSharedValue(false);
|
|
14
|
+
const isGestureReleaseAnimationRunning = useSharedValue(false);
|
|
15
|
+
return {
|
|
16
|
+
isAllAnimationsDisabled,
|
|
17
|
+
progress,
|
|
18
|
+
isDragging,
|
|
19
|
+
isGestureReleaseAnimationRunning
|
|
20
|
+
};
|
|
21
|
+
}
|
|
22
|
+
//# sourceMappingURL=usePopupRootAnimation.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["useSharedValue","useCombinedAnimationDisabledState","usePopupRootAnimation","options","isAllAnimationsDisabled","animation","progress","isDragging","isGestureReleaseAnimationRunning"],"sourceRoot":"../../../../src","sources":["animation/hooks/usePopupRootAnimation.ts"],"mappings":";;AAAA,SAASA,cAAc,QAAQ,yBAAyB;AAExD,SAASC,iCAAiC,QAAQ,qCAAqC;AAMvF;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,qBAAqBA,CAACC,OAAqC,EAAE;EAC3E,MAAMC,uBAAuB,GAAGH,iCAAiC,CAACE,OAAO,CAACE,SAAS,CAAC;EAEpF,MAAMC,QAAQ,GAAGN,cAAc,CAAC,CAAC,CAAC;EAClC,MAAMO,UAAU,GAAGP,cAAc,CAAC,KAAK,CAAC;EACxC,MAAMQ,gCAAgC,GAAGR,cAAc,CAAC,KAAK,CAAC;EAE9D,OAAO;IACLI,uBAAuB;IACvBE,QAAQ;IACRC,UAAU;IACVC;EACF,CAAC;AACH","ignoreList":[]}
|
|
@@ -26,6 +26,20 @@ const AlertDialogRoot = /*#__PURE__*/forwardRef(({
|
|
|
26
26
|
}));
|
|
27
27
|
AlertDialogRoot.displayName = 'AlertDialog';
|
|
28
28
|
|
|
29
|
+
// =============================================================================
|
|
30
|
+
// ALERT DIALOG POPUP (swipe disabled by default)
|
|
31
|
+
// =============================================================================
|
|
32
|
+
|
|
33
|
+
const AlertDialogPopup = /*#__PURE__*/forwardRef(({
|
|
34
|
+
isSwipeable = false,
|
|
35
|
+
...props
|
|
36
|
+
}, ref) => /*#__PURE__*/_jsx(Dialog.Popup, {
|
|
37
|
+
ref: ref,
|
|
38
|
+
isSwipeable: isSwipeable,
|
|
39
|
+
...props
|
|
40
|
+
}));
|
|
41
|
+
AlertDialogPopup.displayName = 'AlertDialog.Popup';
|
|
42
|
+
|
|
29
43
|
// =============================================================================
|
|
30
44
|
// ALERT DIALOG ACTION
|
|
31
45
|
// =============================================================================
|
|
@@ -101,7 +115,7 @@ AlertDialogCancel.displayName = 'AlertDialog.Cancel';
|
|
|
101
115
|
|
|
102
116
|
export const AlertDialog = Object.assign(AlertDialogRoot, {
|
|
103
117
|
Trigger: Dialog.Trigger,
|
|
104
|
-
Popup:
|
|
118
|
+
Popup: AlertDialogPopup,
|
|
105
119
|
Header: Dialog.Header,
|
|
106
120
|
Title: Dialog.Title,
|
|
107
121
|
Description: Dialog.Description,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","forwardRef","Slot","useDialog","composeEventHandlers","Button","Dialog","jsx","_jsx","AlertDialogRoot","closeOnBackdropPress","closeOnEscKey","role","children","props","ref","displayName","AlertDialogAction","asChild","color","className","variant","Label","AlertDialogCancel","onPress","onOpenChange","handlePress","AlertDialog","Object","assign","Trigger","
|
|
1
|
+
{"version":3,"names":["React","forwardRef","Slot","useDialog","composeEventHandlers","Button","Dialog","jsx","_jsx","AlertDialogRoot","closeOnBackdropPress","closeOnEscKey","role","children","props","ref","displayName","AlertDialogPopup","isSwipeable","Popup","AlertDialogAction","asChild","color","className","variant","Label","AlertDialogCancel","onPress","onOpenChange","handlePress","AlertDialog","Object","assign","Trigger","Header","Title","Description","Content","Text","Footer","Close","Action","Cancel"],"sourceRoot":"../../../../src","sources":["components/AlertDialog/index.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["createContext","DialogAnimationProvider","useDialogAnimation","strict"],"sourceRoot":"../../../../src","sources":["components/Dialog/animation.ts"],"mappings":";;AACA,SAASA,aAAa,QAAQ,eAAe;AAQ7C,OAAO,MAAM,CAACC,uBAAuB,EAAEC,kBAAkB,CAAC,GACxDF,aAAa,CAA8B,wBAAwB,EAAE;EACnEG,MAAM,EAAE;AACV,CAAC,CAAC","ignoreList":[]}
|
|
@@ -1,15 +1,21 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
import { forwardRef, useMemo } from 'react';
|
|
4
|
-
import { Text, View } from 'react-native';
|
|
3
|
+
import { forwardRef, useEffect, useLayoutEffect, useMemo, useRef, useState } from 'react';
|
|
4
|
+
import { KeyboardAvoidingView, Platform, StyleSheet, Text, View } from 'react-native';
|
|
5
|
+
import { GestureDetector } from 'react-native-gesture-handler';
|
|
6
|
+
import Animated, { useSharedValue } from 'react-native-reanimated';
|
|
5
7
|
import { CheckCircle, Close as CloseIcon, EmergencyHome, Warning } from '@cdx-ui/icons';
|
|
6
|
-
import { DialogClose as DialogClosePrimitive,
|
|
7
|
-
import { cn, ParentContext, useParentContext, useStyleContext } from '@cdx-ui/utils';
|
|
8
|
+
import { DialogClose as DialogClosePrimitive, DialogContent as DialogContentPrimitive, DialogOverlay as DialogOverlayPrimitive, DialogPortal as DialogPortalPrimitive, DialogRoot as DialogRootPrimitive, DialogTrigger as DialogTriggerPrimitive, FullWindowOverlay, Slot, dataAttributes, mergeDataAttributes, useDialog } from '@cdx-ui/primitives';
|
|
9
|
+
import { cn, mergeRefs, ParentContext, useParentContext, useStyleContext } from '@cdx-ui/utils';
|
|
10
|
+
import { usePopupDialogContentAnimation, usePopupOverlayAnimation, usePopupRootAnimation } from '../../animation';
|
|
11
|
+
import { AnimationSettingsProvider, useAnimationSettings } from '../../providers/animation-settings';
|
|
8
12
|
import { Icon } from '../Icon';
|
|
9
|
-
import {
|
|
13
|
+
import { DialogAnimationProvider, useDialogAnimation } from './animation';
|
|
14
|
+
import { dialogCloseIconVariants, dialogCloseVariants, dialogContentVariants, dialogDescriptionVariants, dialogFooterVariants, dialogHeaderVariants, dialogOverlayVariants, dialogPopupVariants, dialogPortalVariants, dialogTextVariants, dialogTitleIconVariants, dialogTitleVariants } from './styles';
|
|
10
15
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
11
16
|
export { useDialog } from '@cdx-ui/primitives';
|
|
12
|
-
|
|
17
|
+
const IS_WEB = Platform.OS === 'web';
|
|
18
|
+
const WEB_TRANSITION_SAFETY_MS = 300;
|
|
13
19
|
// =============================================================================
|
|
14
20
|
// STYLE CONTEXT
|
|
15
21
|
// =============================================================================
|
|
@@ -17,6 +23,12 @@ export { useDialog } from '@cdx-ui/primitives';
|
|
|
17
23
|
const SCOPE = 'DIALOG';
|
|
18
24
|
const useDialogStyleContext = () => useStyleContext(SCOPE);
|
|
19
25
|
|
|
26
|
+
// =============================================================================
|
|
27
|
+
// ANIMATED PRIMITIVES
|
|
28
|
+
// =============================================================================
|
|
29
|
+
|
|
30
|
+
const AnimatedOverlay = Animated.createAnimatedComponent(DialogOverlayPrimitive);
|
|
31
|
+
|
|
20
32
|
// =============================================================================
|
|
21
33
|
// STYLED ROOT
|
|
22
34
|
// =============================================================================
|
|
@@ -24,6 +36,7 @@ const useDialogStyleContext = () => useStyleContext(SCOPE);
|
|
|
24
36
|
const DialogRoot = /*#__PURE__*/forwardRef(({
|
|
25
37
|
size = 'md',
|
|
26
38
|
fullBleed = false,
|
|
39
|
+
animation,
|
|
27
40
|
className,
|
|
28
41
|
children,
|
|
29
42
|
style,
|
|
@@ -37,17 +50,39 @@ const DialogRoot = /*#__PURE__*/forwardRef(({
|
|
|
37
50
|
fullBleed
|
|
38
51
|
}
|
|
39
52
|
}), [parent, size, fullBleed]);
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
53
|
+
const {
|
|
54
|
+
progress,
|
|
55
|
+
isDragging,
|
|
56
|
+
isGestureReleaseAnimationRunning,
|
|
57
|
+
isAllAnimationsDisabled
|
|
58
|
+
} = usePopupRootAnimation({
|
|
59
|
+
animation
|
|
60
|
+
});
|
|
61
|
+
const animationContextValue = useMemo(() => ({
|
|
62
|
+
progress,
|
|
63
|
+
isDragging,
|
|
64
|
+
isGestureReleaseAnimationRunning
|
|
65
|
+
}), [progress, isDragging, isGestureReleaseAnimationRunning]);
|
|
66
|
+
const animationSettingsContextValue = useMemo(() => ({
|
|
67
|
+
isAllAnimationsDisabled
|
|
68
|
+
}), [isAllAnimationsDisabled]);
|
|
69
|
+
return /*#__PURE__*/_jsx(AnimationSettingsProvider, {
|
|
70
|
+
value: animationSettingsContextValue,
|
|
71
|
+
children: /*#__PURE__*/_jsx(DialogAnimationProvider, {
|
|
72
|
+
value: animationContextValue,
|
|
73
|
+
children: /*#__PURE__*/_jsx(ParentContext.Provider, {
|
|
74
|
+
value: ctx,
|
|
75
|
+
children: /*#__PURE__*/_jsx(DialogRootPrimitive, {
|
|
76
|
+
ref: ref,
|
|
77
|
+
className: className,
|
|
78
|
+
style: style,
|
|
79
|
+
...props,
|
|
80
|
+
...mergeDataAttributes(props, dataAttributes({
|
|
81
|
+
slot: 'dialog'
|
|
82
|
+
})),
|
|
83
|
+
children: children
|
|
84
|
+
})
|
|
85
|
+
})
|
|
51
86
|
})
|
|
52
87
|
});
|
|
53
88
|
});
|
|
@@ -75,7 +110,7 @@ const DialogTrigger = /*#__PURE__*/forwardRef(({
|
|
|
75
110
|
DialogTrigger.displayName = 'Dialog.Trigger';
|
|
76
111
|
|
|
77
112
|
// =============================================================================
|
|
78
|
-
// STYLED POPUP
|
|
113
|
+
// STYLED POPUP (portal + overlay + content composition)
|
|
79
114
|
// =============================================================================
|
|
80
115
|
|
|
81
116
|
const DialogPopup = /*#__PURE__*/forwardRef(({
|
|
@@ -83,26 +118,217 @@ const DialogPopup = /*#__PURE__*/forwardRef(({
|
|
|
83
118
|
className,
|
|
84
119
|
children,
|
|
85
120
|
style,
|
|
121
|
+
forceMount = false,
|
|
122
|
+
avoidKeyboard = true,
|
|
123
|
+
keyboardVerticalOffset = 0,
|
|
124
|
+
disableFullWindowOverlay = false,
|
|
125
|
+
isSwipeable = true,
|
|
86
126
|
...props
|
|
87
127
|
}, ref) => {
|
|
88
128
|
const {
|
|
89
129
|
size: contextSize
|
|
90
130
|
} = useDialogStyleContext();
|
|
91
131
|
const size = sizeProp ?? contextSize;
|
|
92
|
-
const
|
|
132
|
+
const {
|
|
133
|
+
open,
|
|
134
|
+
onOpenChange
|
|
135
|
+
} = useDialog();
|
|
136
|
+
const parentContext = useParentContext();
|
|
137
|
+
const animationContext = useDialogAnimation();
|
|
138
|
+
const parentAnimationSettings = useAnimationSettings();
|
|
139
|
+
const fallbackProgress = useSharedValue(0);
|
|
140
|
+
const fallbackIsDragging = useSharedValue(false);
|
|
141
|
+
const fallbackIsGestureReleaseAnimationRunning = useSharedValue(false);
|
|
142
|
+
const progress = animationContext?.progress ?? fallbackProgress;
|
|
143
|
+
const isDragging = animationContext?.isDragging ?? fallbackIsDragging;
|
|
144
|
+
const isGestureReleaseAnimationRunning = animationContext?.isGestureReleaseAnimationRunning ?? fallbackIsGestureReleaseAnimationRunning;
|
|
145
|
+
const {
|
|
146
|
+
rContainerStyle,
|
|
147
|
+
entering: overlayEntering,
|
|
148
|
+
exiting: overlayExiting
|
|
149
|
+
} = usePopupOverlayAnimation({
|
|
150
|
+
progress,
|
|
151
|
+
isDragging,
|
|
152
|
+
isGestureReleaseAnimationRunning
|
|
153
|
+
});
|
|
154
|
+
const {
|
|
155
|
+
contentY,
|
|
156
|
+
contentHeight,
|
|
157
|
+
panGesture,
|
|
158
|
+
rDragContainerStyle,
|
|
159
|
+
entering: contentEntering,
|
|
160
|
+
exiting: contentExiting
|
|
161
|
+
} = usePopupDialogContentAnimation({
|
|
162
|
+
isOpen: open,
|
|
163
|
+
progress,
|
|
164
|
+
isDragging,
|
|
165
|
+
isGestureReleaseAnimationRunning,
|
|
166
|
+
onOpenChange,
|
|
167
|
+
isSwipeable
|
|
168
|
+
});
|
|
169
|
+
const dragContainerRef = useRef(null);
|
|
170
|
+
useLayoutEffect(() => {
|
|
171
|
+
if (!open || IS_WEB) return;
|
|
172
|
+
dragContainerRef.current?.measure((_x, _y, _width, height, _pageX, pageY) => {
|
|
173
|
+
contentY.set(pageY);
|
|
174
|
+
contentHeight.set(height);
|
|
175
|
+
});
|
|
176
|
+
}, [open, contentY, contentHeight]);
|
|
177
|
+
|
|
178
|
+
// ---- Web enter/exit lifecycle ----
|
|
179
|
+
// Mirrors the Toast pattern: mount → 'entering' → (rAF) → 'open' → (close)
|
|
180
|
+
// → 'closed' → (transitionend) → unmount.
|
|
181
|
+
//
|
|
182
|
+
// Critical: `isExiting` is derived synchronously (via ref tracking the previous
|
|
183
|
+
// `open` value) so the component stays mounted in the SAME render that sees
|
|
184
|
+
// `open` go false — if we used useEffect the component would return null before
|
|
185
|
+
// the effect fires.
|
|
186
|
+
//
|
|
187
|
+
// The transitionend listener targets the popup element (via popupRef) instead of
|
|
188
|
+
// the portal wrapper. CSS exit transitions live on the overlay and popup children,
|
|
189
|
+
// not the wrapper — listening on the wrapper would unmount on the first bubbled
|
|
190
|
+
// event, potentially cutting the other child's animation short.
|
|
191
|
+
const wrapperRef = useRef(null);
|
|
192
|
+
const popupRef = useRef(null);
|
|
193
|
+
const prevOpenRef = useRef(open);
|
|
194
|
+
const [isExiting, setIsExiting] = useState(false);
|
|
195
|
+
const [webState, setWebState] = useState(open ? 'entering' : 'closed');
|
|
196
|
+
|
|
197
|
+
// Detect open → false transition synchronously during render
|
|
198
|
+
if (IS_WEB && prevOpenRef.current && !open && !isExiting) {
|
|
199
|
+
setIsExiting(true);
|
|
200
|
+
setWebState('closed');
|
|
201
|
+
}
|
|
202
|
+
// Detect closed → open transition synchronously during render
|
|
203
|
+
if (IS_WEB && !prevOpenRef.current && open) {
|
|
204
|
+
setIsExiting(false);
|
|
205
|
+
setWebState('entering');
|
|
206
|
+
}
|
|
207
|
+
prevOpenRef.current = open;
|
|
208
|
+
|
|
209
|
+
// Entrance: commit 'entering' on first paint, then transition to 'open'
|
|
210
|
+
useEffect(() => {
|
|
211
|
+
if (!IS_WEB || !open) return;
|
|
212
|
+
const raf = requestAnimationFrame(() => {
|
|
213
|
+
setWebState('open');
|
|
214
|
+
});
|
|
215
|
+
return () => cancelAnimationFrame(raf);
|
|
216
|
+
}, [open]);
|
|
217
|
+
|
|
218
|
+
// Exit: wait for CSS transition to finish, then unmount.
|
|
219
|
+
// Listens on the popup element directly — its exit transitions (opacity +
|
|
220
|
+
// transform) are at least as long as the overlay's, so when the popup
|
|
221
|
+
// finishes both children are done animating.
|
|
222
|
+
useEffect(() => {
|
|
223
|
+
if (!IS_WEB || !isExiting) return;
|
|
224
|
+
const node = popupRef.current;
|
|
225
|
+
let done = false;
|
|
226
|
+
const finish = () => {
|
|
227
|
+
if (done) return;
|
|
228
|
+
done = true;
|
|
229
|
+
setIsExiting(false);
|
|
230
|
+
};
|
|
231
|
+
const safetyTimer = setTimeout(finish, WEB_TRANSITION_SAFETY_MS);
|
|
232
|
+
if (!node || typeof node.addEventListener !== 'function') {
|
|
233
|
+
return () => {
|
|
234
|
+
clearTimeout(safetyTimer);
|
|
235
|
+
};
|
|
236
|
+
}
|
|
237
|
+
const handler = event => {
|
|
238
|
+
if (event.target !== node) return;
|
|
239
|
+
const propertyName = event.propertyName ?? '';
|
|
240
|
+
if (propertyName === 'opacity' || propertyName === 'transform') {
|
|
241
|
+
finish();
|
|
242
|
+
}
|
|
243
|
+
};
|
|
244
|
+
node.addEventListener('transitionend', handler);
|
|
245
|
+
return () => {
|
|
246
|
+
clearTimeout(safetyTimer);
|
|
247
|
+
node.removeEventListener('transitionend', handler);
|
|
248
|
+
};
|
|
249
|
+
}, [isExiting]);
|
|
250
|
+
const dataState = webState;
|
|
251
|
+
const shouldMount = IS_WEB ? open || isExiting : open;
|
|
252
|
+
if (!forceMount && !shouldMount) {
|
|
253
|
+
return null;
|
|
254
|
+
}
|
|
255
|
+
const portalClassName = cn(dialogPortalVariants());
|
|
256
|
+
const overlayClassName = cn(dialogOverlayVariants());
|
|
257
|
+
const popupClassName = cn(dialogPopupVariants({
|
|
93
258
|
size
|
|
94
259
|
}), className);
|
|
95
|
-
const
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
260
|
+
const keyboardBehavior = avoidKeyboard ? Platform.select({
|
|
261
|
+
ios: 'padding',
|
|
262
|
+
default: 'height'
|
|
263
|
+
}) : undefined;
|
|
264
|
+
return /*#__PURE__*/_jsx(DialogPortalPrimitive, {
|
|
265
|
+
forceMount: true,
|
|
266
|
+
children: /*#__PURE__*/_jsx(ParentContext.Provider, {
|
|
267
|
+
value: parentContext,
|
|
268
|
+
children: /*#__PURE__*/_jsx(AnimationSettingsProvider, {
|
|
269
|
+
value: parentAnimationSettings,
|
|
270
|
+
children: /*#__PURE__*/_jsx(DialogAnimationProvider, {
|
|
271
|
+
value: animationContext,
|
|
272
|
+
children: /*#__PURE__*/_jsx(FullWindowOverlay, {
|
|
273
|
+
disableFullWindowOverlay: disableFullWindowOverlay,
|
|
274
|
+
unstable_accessibilityContainerViewIsModal: true,
|
|
275
|
+
children: /*#__PURE__*/_jsxs(Animated.View, {
|
|
276
|
+
ref: wrapperRef,
|
|
277
|
+
className: portalClassName,
|
|
278
|
+
pointerEvents: "box-none",
|
|
279
|
+
...(IS_WEB ? dataAttributes({
|
|
280
|
+
state: dataState
|
|
281
|
+
}) : undefined),
|
|
282
|
+
children: [/*#__PURE__*/_jsx(Animated.View, {
|
|
283
|
+
entering: overlayEntering,
|
|
284
|
+
exiting: overlayExiting,
|
|
285
|
+
style: StyleSheet.absoluteFill,
|
|
286
|
+
children: /*#__PURE__*/_jsx(AnimatedOverlay, {
|
|
287
|
+
forceMount: true,
|
|
288
|
+
className: overlayClassName,
|
|
289
|
+
style: IS_WEB ? undefined : rContainerStyle,
|
|
290
|
+
...(IS_WEB ? dataAttributes({
|
|
291
|
+
state: dataState
|
|
292
|
+
}) : undefined)
|
|
293
|
+
})
|
|
294
|
+
}), /*#__PURE__*/_jsx(GestureDetector, {
|
|
295
|
+
gesture: panGesture,
|
|
296
|
+
children: /*#__PURE__*/_jsx(Animated.View, {
|
|
297
|
+
ref: dragContainerRef,
|
|
298
|
+
style: internalStyles.fill,
|
|
299
|
+
pointerEvents: "box-none",
|
|
300
|
+
entering: contentEntering,
|
|
301
|
+
exiting: contentExiting,
|
|
302
|
+
children: /*#__PURE__*/_jsx(Animated.View, {
|
|
303
|
+
style: IS_WEB ? internalStyles.fill : [internalStyles.fill, rDragContainerStyle],
|
|
304
|
+
pointerEvents: "box-none",
|
|
305
|
+
children: /*#__PURE__*/_jsx(KeyboardAvoidingView, {
|
|
306
|
+
style: internalStyles.center,
|
|
307
|
+
pointerEvents: "box-none",
|
|
308
|
+
behavior: keyboardBehavior,
|
|
309
|
+
keyboardVerticalOffset: keyboardVerticalOffset,
|
|
310
|
+
children: /*#__PURE__*/_jsx(DialogContentPrimitive, {
|
|
311
|
+
ref: mergeRefs(ref, popupRef),
|
|
312
|
+
forceMount: true,
|
|
313
|
+
className: popupClassName,
|
|
314
|
+
style: style,
|
|
315
|
+
...props,
|
|
316
|
+
...mergeDataAttributes(props, dataAttributes({
|
|
317
|
+
slot: 'dialog-popup'
|
|
318
|
+
}), IS_WEB ? dataAttributes({
|
|
319
|
+
state: dataState
|
|
320
|
+
}) : undefined),
|
|
321
|
+
children: children
|
|
322
|
+
})
|
|
323
|
+
})
|
|
324
|
+
})
|
|
325
|
+
})
|
|
326
|
+
})]
|
|
327
|
+
})
|
|
328
|
+
})
|
|
329
|
+
})
|
|
330
|
+
})
|
|
331
|
+
})
|
|
106
332
|
});
|
|
107
333
|
});
|
|
108
334
|
DialogPopup.displayName = 'Dialog.Popup';
|
|
@@ -339,4 +565,19 @@ export const Dialog = Object.assign(DialogRoot, {
|
|
|
339
565
|
Footer: DialogFooter,
|
|
340
566
|
Close: DialogClose
|
|
341
567
|
});
|
|
568
|
+
|
|
569
|
+
// =============================================================================
|
|
570
|
+
// INTERNAL STYLES
|
|
571
|
+
// =============================================================================
|
|
572
|
+
|
|
573
|
+
const internalStyles = StyleSheet.create({
|
|
574
|
+
fill: {
|
|
575
|
+
flex: 1
|
|
576
|
+
},
|
|
577
|
+
center: {
|
|
578
|
+
flex: 1,
|
|
579
|
+
alignItems: 'center',
|
|
580
|
+
justifyContent: 'center'
|
|
581
|
+
}
|
|
582
|
+
});
|
|
342
583
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["forwardRef","useMemo","Text","View","CheckCircle","Close","CloseIcon","EmergencyHome","Warning","DialogClose","DialogClosePrimitive","DialogPopup","DialogPopupPrimitive","DialogRoot","DialogRootPrimitive","DialogTrigger","DialogTriggerPrimitive","Slot","dataAttributes","mergeDataAttributes","useDialog","cn","ParentContext","useParentContext","useStyleContext","Icon","dialogCloseIconVariants","dialogCloseVariants","dialogContentVariants","dialogDescriptionVariants","dialogFooterVariants","dialogHeaderVariants","dialogOverlayVariants","dialogPopupVariants","dialogTextVariants","dialogTitleIconVariants","dialogTitleVariants","jsx","_jsx","jsxs","_jsxs","SCOPE","useDialogStyleContext","size","fullBleed","className","children","style","props","ref","parent","ctx","Provider","value","slot","displayName","sizeProp","contextSize","computedClassName","overlayClassName","DialogHeader","asChild","Comp","APPEARANCE_ICON_MAP","danger","warning","success","DialogTitle","appearance","IconComponent","titleElement","as","DialogDescription","nativeID","DialogContent","DialogText","DialogFooter","accessibilityLabel","hitSlop","accessibilityRole","Dialog","Object","assign","Trigger","Popup","Header","Title","Description","Content","Footer"],"sourceRoot":"../../../../src","sources":["components/Dialog/index.tsx"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["forwardRef","useEffect","useLayoutEffect","useMemo","useRef","useState","KeyboardAvoidingView","Platform","StyleSheet","Text","View","GestureDetector","Animated","useSharedValue","CheckCircle","Close","CloseIcon","EmergencyHome","Warning","DialogClose","DialogClosePrimitive","DialogContent","DialogContentPrimitive","DialogOverlay","DialogOverlayPrimitive","DialogPortal","DialogPortalPrimitive","DialogRoot","DialogRootPrimitive","DialogTrigger","DialogTriggerPrimitive","FullWindowOverlay","Slot","dataAttributes","mergeDataAttributes","useDialog","cn","mergeRefs","ParentContext","useParentContext","useStyleContext","usePopupDialogContentAnimation","usePopupOverlayAnimation","usePopupRootAnimation","AnimationSettingsProvider","useAnimationSettings","Icon","DialogAnimationProvider","useDialogAnimation","dialogCloseIconVariants","dialogCloseVariants","dialogContentVariants","dialogDescriptionVariants","dialogFooterVariants","dialogHeaderVariants","dialogOverlayVariants","dialogPopupVariants","dialogPortalVariants","dialogTextVariants","dialogTitleIconVariants","dialogTitleVariants","jsx","_jsx","jsxs","_jsxs","IS_WEB","OS","WEB_TRANSITION_SAFETY_MS","SCOPE","useDialogStyleContext","AnimatedOverlay","createAnimatedComponent","size","fullBleed","animation","className","children","style","props","ref","parent","ctx","progress","isDragging","isGestureReleaseAnimationRunning","isAllAnimationsDisabled","animationContextValue","animationSettingsContextValue","value","Provider","slot","displayName","DialogPopup","sizeProp","forceMount","avoidKeyboard","keyboardVerticalOffset","disableFullWindowOverlay","isSwipeable","contextSize","open","onOpenChange","parentContext","animationContext","parentAnimationSettings","fallbackProgress","fallbackIsDragging","fallbackIsGestureReleaseAnimationRunning","rContainerStyle","entering","overlayEntering","exiting","overlayExiting","contentY","contentHeight","panGesture","rDragContainerStyle","contentEntering","contentExiting","isOpen","dragContainerRef","current","measure","_x","_y","_width","height","_pageX","pageY","set","wrapperRef","popupRef","prevOpenRef","isExiting","setIsExiting","webState","setWebState","raf","requestAnimationFrame","cancelAnimationFrame","node","done","finish","safetyTimer","setTimeout","addEventListener","clearTimeout","handler","event","target","propertyName","removeEventListener","dataState","shouldMount","portalClassName","overlayClassName","popupClassName","keyboardBehavior","select","ios","default","undefined","unstable_accessibilityContainerViewIsModal","pointerEvents","state","absoluteFill","gesture","internalStyles","fill","center","behavior","DialogHeader","asChild","computedClassName","Comp","APPEARANCE_ICON_MAP","danger","warning","success","DialogTitle","appearance","IconComponent","titleElement","as","DialogDescription","nativeID","DialogText","DialogFooter","accessibilityLabel","hitSlop","accessibilityRole","Dialog","Object","assign","Trigger","Popup","Header","Title","Description","Content","Footer","create","flex","alignItems","justifyContent"],"sourceRoot":"../../../../src","sources":["components/Dialog/index.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -4,16 +4,20 @@ import { Platform } from 'react-native';
|
|
|
4
4
|
import { cva } from 'class-variance-authority';
|
|
5
5
|
import { TRANSITION_COLORS } from '../../styles/constants';
|
|
6
6
|
|
|
7
|
+
// ── Portal container ────────────────────────────────────────
|
|
8
|
+
|
|
9
|
+
export const dialogPortalVariants = cva(['flex-1', 'absolute inset-0', 'web:fixed web:inset-0 web:z-50']);
|
|
10
|
+
|
|
7
11
|
// ── Overlay ─────────────────────────────────────────────────
|
|
8
12
|
|
|
9
|
-
export const dialogOverlayVariants = cva(['absolute inset-0', 'bg-surface-backdrop']);
|
|
13
|
+
export const dialogOverlayVariants = cva(['absolute inset-0', 'bg-surface-backdrop', 'web:transition-opacity web:duration-200 web:ease-out', 'web:data-[state=entering]:opacity-0', 'web:data-[state=open]:opacity-100', 'web:data-[state=closed]:opacity-0 web:data-[state=closed]:duration-150', 'web:motion-reduce:transition-none web:motion-reduce:duration-0']);
|
|
10
14
|
|
|
11
15
|
// ── Popup (renamed from dialogContentVariants) ──────────────
|
|
12
16
|
|
|
13
17
|
export const dialogPopupVariants = cva(['bg-surface-primary', 'rounded-lg', Platform.select({
|
|
14
18
|
web: 'shadow-lg',
|
|
15
19
|
default: ''
|
|
16
|
-
}), 'max-h-[85vh] overflow-hidden'], {
|
|
20
|
+
}), 'max-h-[85vh] overflow-hidden', 'web:transition-[opacity,transform] web:duration-200 web:ease-out', 'web:data-[state=entering]:opacity-0 web:data-[state=entering]:scale-[0.96]', 'web:data-[state=open]:opacity-100 web:data-[state=open]:scale-100', 'web:data-[state=closed]:opacity-0 web:data-[state=closed]:scale-[0.96] web:data-[state=closed]:duration-150', 'web:motion-reduce:transition-none web:motion-reduce:duration-0'], {
|
|
17
21
|
variants: {
|
|
18
22
|
size: {
|
|
19
23
|
xs: 'w-[90%] max-w-xs',
|