@cdx-ui/components 0.0.1-beta.9 → 0.0.1-beta.90

package/lib/module/components/Toast/animation.js

@@ -0,0 +1,324 @@
+"use strict";
+
+import { Platform, useWindowDimensions } from 'react-native';
+import { Gesture } from 'react-native-gesture-handler';
+import { Easing, Extrapolation, FadeInDown, FadeInUp, interpolate, Keyframe, useAnimatedStyle, useSharedValue, withDecay, withSpring, withTiming } from 'react-native-reanimated';
+import { scheduleOnRN } from 'react-native-worklets';
+import { useCombinedAnimationDisabledState, getAnimationValueMergedConfig, getAnimationValueProperty, getIsAnimationDisabledValue, getRootAnimationState } from '../../animation';
+// --------------------------------------------------
+
+export const enteringTop = FadeInUp.springify().withInitialValues({
+  opacity: 1,
+  transform: [{
+    translateY: -100
+  }]
+}).mass(3);
+export const exitingTop = new Keyframe({
+  0: {
+    opacity: 1,
+    transform: [{
+      translateY: 0
+    }, {
+      scale: 1
+    }]
+  },
+  100: {
+    opacity: 0.5,
+    transform: [{
+      translateY: -100
+    }, {
+      scale: 0.97
+    }],
+    easing: Easing.bezier(0.4, 0, 1, 1)
+  }
+}).duration(150);
+export const enteringBottom = FadeInDown.springify().withInitialValues({
+  opacity: 1,
+  transform: [{
+    translateY: 100
+  }]
+}).mass(3);
+export const exitingBottom = new Keyframe({
+  0: {
+    opacity: 1,
+    transform: [{
+      translateY: 0
+    }, {
+      scale: 1
+    }]
+  },
+  100: {
+    opacity: 0.5,
+    transform: [{
+      translateY: 100
+    }, {
+      scale: 0.97
+    }],
+    easing: Easing.bezier(0.4, 0, 1, 1)
+  }
+}).duration(150);
+// --------------------------------------------------
+
+/**
+ * Animation hook for Toast root component
+ * Handles opacity, translateY, and scale animations based on toast index and placement
+ * Also handles gesture-based swipe to dismiss and rubber-band drag effects
+ */
+export function useToastRootAnimation(options) {
+  const {
+    animation,
+    index,
+    total,
+    heights,
+    placement = 'bottom',
+    hide,
+    id,
+    isSwipeable = true,
+    maxVisibleToasts = 3
+  } = options;
+  const {
+    height: screenHeight
+  } = useWindowDimensions();
+  const {
+    animationConfig,
+    isAnimationDisabled
+  } = getRootAnimationState(animation);
+  const isAllAnimationsDisabled = useCombinedAnimationDisabledState(animation);
+  const isAnimationDisabledValue = getIsAnimationDisabledValue({
+    isAnimationDisabled,
+    isAllAnimationsDisabled
+  });
+
+  // Entering animation
+  const enteringTopValue = getAnimationValueProperty({
+    animationValue: animationConfig?.entering,
+    property: 'top',
+    defaultValue: enteringTop
+  });
+  const enteringBottomValue = getAnimationValueProperty({
+    animationValue: animationConfig?.entering,
+    property: 'bottom',
+    defaultValue: enteringBottom
+  });
+
+  // Exiting animation
+  const exitingTopValue = getAnimationValueProperty({
+    animationValue: animationConfig?.exiting,
+    property: 'top',
+    defaultValue: exitingTop
+  });
+  const exitingBottomValue = getAnimationValueProperty({
+    animationValue: animationConfig?.exiting,
+    property: 'bottom',
+    defaultValue: exitingBottom
+  });
+
+  // Opacity animation
+  const opacityValue = getAnimationValueProperty({
+    animationValue: animationConfig?.opacity,
+    property: 'value',
+    defaultValue: [1, 0]
+  });
+  const opacityTimingConfig = getAnimationValueMergedConfig({
+    animationValue: animationConfig?.opacity,
+    property: 'timingConfig',
+    defaultValue: {
+      duration: 300
+    }
+  });
+
+  // TranslateY animation
+  const translateYValue = getAnimationValueProperty({
+    animationValue: animationConfig?.translateY,
+    property: 'value',
+    defaultValue: [0, 10]
+  });
+  const translateYTimingConfig = getAnimationValueMergedConfig({
+    animationValue: animationConfig?.translateY,
+    property: 'timingConfig',
+    defaultValue: {
+      duration: 300
+    }
+  });
+
+  // Scale animation
+  const scaleValue = getAnimationValueProperty({
+    animationValue: animationConfig?.scale,
+    property: 'value',
+    defaultValue: [1, 0.97]
+  });
+  const scaleTimingConfig = getAnimationValueMergedConfig({
+    animationValue: animationConfig?.scale,
+    property: 'timingConfig',
+    defaultValue: {
+      duration: 300
+    }
+  });
+
+  // Gesture state shared values
+  const isDragging = useSharedValue(false);
+  const gestureTranslateY = useSharedValue(0);
+  const gestureScale = useSharedValue(1);
+
+  // Helper function to delay hide call based on velocity
+  const delayedHide = (toastId, velocity) => {
+    const velocityBasedTimeout = Math.min(200, Math.abs(velocity));
+    setTimeout(() => {
+      if (hide && toastId) {
+        hide(toastId);
+      }
+    }, velocityBasedTimeout);
+  };
+
+  // Create pan gesture handler
+  const panGesture = Gesture.Pan().enabled(!isAnimationDisabledValue && isSwipeable).onBegin(() => {
+    isDragging.set(true);
+    gestureTranslateY.set(0);
+    gestureScale.set(0.995);
+  }).onChange(event => {
+    if (!isDragging.get()) return;
+    const translationY = event.translationY;
+    const maxDragDistance = screenHeight;
+    const rubberEffectDistance = 40;
+    if (placement.startsWith('top')) {
+      // Top placement: swipe up (negative Y) to dismiss, drag down (positive Y) with rubber effect
+      if (translationY < 0) {
+        // Swiping up - direct translation for dismissal
+        gestureTranslateY.set(translationY);
+      } else if (translationY > 0) {
+        // Dragging down - apply rubber effect
+        const rubberTranslateY = interpolate(translationY, [0, maxDragDistance], [0, rubberEffectDistance], Extrapolation.CLAMP);
+        gestureTranslateY.set(rubberTranslateY);
+      }
+    } else {
+      // Bottom placement: swipe down (positive Y) to dismiss, drag up (negative Y) with rubber effect
+      if (translationY > 0) {
+        // Swiping down - direct translation for dismissal
+        gestureTranslateY.set(translationY);
+      } else if (translationY < 0) {
+        // Dragging up - apply rubber effect
+        const rubberTranslateY = interpolate(Math.abs(translationY), [0, maxDragDistance], [0, rubberEffectDistance], Extrapolation.CLAMP);
+        gestureTranslateY.set(-rubberTranslateY);
+      }
+    }
+  }).onFinalize(event => {
+    gestureScale.set(1);
+    const translationY = event.translationY;
+    const velocityY = event.velocityY;
+    const dismissThreshold = 50;
+    const velocityThreshold = 500;
+
+    // Check if dismissal threshold is met (distance > 50px OR velocity > 500)
+    const shouldDismiss = Math.abs(translationY) > dismissThreshold || Math.abs(velocityY) > velocityThreshold;
+    if (placement.startsWith('top')) {
+      // Top placement: dismiss if swiped up (negative Y)
+      if (shouldDismiss && translationY < 0 && id) {
+        // Use withDecay to continue motion with velocity
+        gestureTranslateY.set(withDecay({
+          velocity: velocityY * 1.5,
+          clamp: [Number.NEGATIVE_INFINITY, 0]
+        }, () => {
+          isDragging.set(false);
+        }));
+        // Delay hide call to allow decay animation to play
+        scheduleOnRN(delayedHide, id, velocityY);
+      } else {
+        // Animate back to 0
+        gestureTranslateY.set(withSpring(0));
+        isDragging.set(false);
+      }
+    } else {
+      // Bottom placement: dismiss if swiped down (positive Y)
+      if (shouldDismiss && translationY > 0 && id) {
+        // Use withDecay to continue motion with velocity
+        gestureTranslateY.set(withDecay({
+          velocity: velocityY * 1.5,
+          clamp: [0, Number.POSITIVE_INFINITY]
+        }, () => {
+          isDragging.set(false);
+        }));
+        // Delay hide call to allow decay animation to play
+        scheduleOnRN(delayedHide, id, velocityY);
+      } else {
+        // Animate back to 0
+        gestureTranslateY.set(withSpring(0));
+        isDragging.set(false);
+      }
+    }
+  });
+
+  // Web drives enter/exit via CSS transitions on `data-state` (see Toast/styles.ts
+  // and Toast/index.tsx). Its `height` is left unset so the toast owns its own
+  // natural height — the Reanimated `height: withSpring(...)` channel collides
+  // with the CSS engine during handoff and produces the "translate down/up + right"
+  // blink that the review flagged. Native keeps the spring so stack-height changes
+  // animate smoothly.
+  const isWeb = Platform.OS === 'web';
+  const rContainerStyle = useAnimatedStyle(() => {
+    const lastToastId = Object.keys(heights.get())[Object.keys(heights.get()).length - 1];
+    const lastToastHeight = lastToastId ? heights.get()[lastToastId] : undefined;
+    const sign = placement.startsWith('top') ? 1 : -1;
+    const totalValue = total.get();
+    const inputRange = [totalValue - 1, totalValue - 2];
+    const opacityInputRange = [totalValue - maxVisibleToasts, totalValue - maxVisibleToasts - 1];
+    const opacity = interpolate(index, opacityInputRange, opacityValue);
+
+    // Handle translateY based on dragging state
+    let translateY;
+    let scale;
+    if (isDragging.get()) {
+      // During gesture: use gesture-based translateY
+      translateY = gestureTranslateY.get();
+      scale = gestureScale.get();
+    } else {
+      // Normal state: use stack-based interpolation
+      translateY = interpolate(index, inputRange, [translateYValue[0], translateYValue[1] * sign], {
+        extrapolateLeft: Extrapolation.CLAMP
+      });
+      scale = interpolate(index, inputRange, scaleValue, {
+        extrapolateLeft: Extrapolation.CLAMP
+      });
+    }
+    if (isAnimationDisabledValue) {
+      return {
+        height: isWeb ? undefined : lastToastHeight,
+        pointerEvents: opacity === 0 ? 'none' : 'auto',
+        opacity,
+        transform: [{
+          translateY
+        }, {
+          scale
+        }]
+      };
+    }
+    return {
+      height: isWeb ? undefined : lastToastHeight ? withSpring(lastToastHeight, {
+        damping: 100,
+        stiffness: 1200,
+        mass: 3
+      }) : undefined,
+      pointerEvents: opacity === 0 ? 'none' : 'auto',
+      opacity: withTiming(opacity, opacityTimingConfig),
+      transform: [{
+        translateY: isDragging.get() ? translateY : withTiming(translateY, translateYTimingConfig)
+      }, {
+        scale: isDragging.get() ? withSpring(scale) : withTiming(scale, scaleTimingConfig)
+      }]
+    };
+  });
+
+  // Determine entering and exiting animations based on placement
+  const enteringAnimation = placement.startsWith('top') ? enteringTopValue : enteringBottomValue;
+  const exitingAnimation = placement.startsWith('top') ? exitingTopValue : exitingBottomValue;
+  return {
+    rContainerStyle,
+    isAllAnimationsDisabled,
+    // Web replaces Reanimated layout animations with CSS transitions driven
+    // by `data-state`; returning `undefined` here prevents the two channels
+    // from colliding on the wrapper `Animated.View`.
+    entering: isAnimationDisabledValue || isWeb ? undefined : enteringAnimation,
+    exiting: isAnimationDisabledValue || isWeb ? undefined : exitingAnimation,
+    panGesture
+  };
+}
+//# sourceMappingURL=animation.js.map

package/lib/module/components/Toast/animation.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Platform","useWindowDimensions","Gesture","Easing","Extrapolation","FadeInDown","FadeInUp","interpolate","Keyframe","useAnimatedStyle","useSharedValue","withDecay","withSpring","withTiming","scheduleOnRN","useCombinedAnimationDisabledState","getAnimationValueMergedConfig","getAnimationValueProperty","getIsAnimationDisabledValue","getRootAnimationState","enteringTop","springify","withInitialValues","opacity","transform","translateY","mass","exitingTop","scale","easing","bezier","duration","enteringBottom","exitingBottom","useToastRootAnimation","options","animation","index","total","heights","placement","hide","id","isSwipeable","maxVisibleToasts","height","screenHeight","animationConfig","isAnimationDisabled","isAllAnimationsDisabled","isAnimationDisabledValue","enteringTopValue","animationValue","entering","property","defaultValue","enteringBottomValue","exitingTopValue","exiting","exitingBottomValue","opacityValue","opacityTimingConfig","translateYValue","translateYTimingConfig","scaleValue","scaleTimingConfig","isDragging","gestureTranslateY","gestureScale","delayedHide","toastId","velocity","velocityBasedTimeout","Math","min","abs","setTimeout","panGesture","Pan","enabled","onBegin","set","onChange","event","get","translationY","maxDragDistance","rubberEffectDistance","startsWith","rubberTranslateY","CLAMP","onFinalize","velocityY","dismissThreshold","velocityThreshold","shouldDismiss","clamp","Number","NEGATIVE_INFINITY","POSITIVE_INFINITY","isWeb","OS","rContainerStyle","lastToastId","Object","keys","length","lastToastHeight","undefined","sign","totalValue","inputRange","opacityInputRange","extrapolateLeft","pointerEvents","damping","stiffness","enteringAnimation","exitingAnimation"],"sourceRoot":"../../../../src","sources":["components/Toast/animation.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/components/Toast/hooks.js

@@ -0,0 +1,61 @@
+"use strict";
+
+import { useMemo } from 'react';
+import { StyleSheet } from 'react-native';
+import { useResolveClassNames } from 'uniwind';
+export function useButtonColor({
+  color,
+  toastColor
+}) {
+  // TODO: Add toastActionVariants to styles.ts to restore color-aware action styling
+  return useMemo(() => {
+    if (color) return color;
+    switch (toastColor) {
+      case 'info':
+        return 'info';
+      case 'success':
+        return 'success';
+      case 'warning':
+        return 'warning';
+      case 'danger':
+        return 'danger';
+      default:
+        return 'action';
+    }
+  }, [toastColor, color]);
+}
+export function useVerticalPlaceholderStyles({
+  rootClassName,
+  style
+}) {
+  const resolvedRootClassName = useResolveClassNames(rootClassName ?? '');
+  return useMemo(() => {
+    const resolvedStyle = style ? StyleSheet.flatten(style) : undefined;
+    const stylePaddingTop = resolvedStyle?.paddingTop ?? resolvedStyle?.paddingVertical ?? resolvedStyle?.padding;
+    const stylePaddingBottom = resolvedStyle?.paddingBottom ?? resolvedStyle?.paddingVertical ?? resolvedStyle?.padding;
+    const classNamePaddingTop = resolvedRootClassName?.paddingTop ?? resolvedRootClassName?.paddingVertical ?? resolvedRootClassName?.padding;
+    const classNamePaddingBottom = resolvedRootClassName?.paddingBottom ?? resolvedRootClassName?.paddingVertical ?? resolvedRootClassName?.padding;
+    const paddingTopValue = stylePaddingTop ?? classNamePaddingTop;
+    const paddingBottomValue = stylePaddingBottom ?? classNamePaddingBottom;
+    const topHeight = typeof paddingTopValue === 'number' && paddingTopValue >= 0 ? paddingTopValue : 0;
+    const bottomHeight = typeof paddingBottomValue === 'number' && paddingBottomValue >= 0 ? paddingBottomValue : 0;
+    const styleBackgroundColor = resolvedStyle?.backgroundColor;
+    const classNameBackgroundColor = resolvedRootClassName?.backgroundColor;
+    const backgroundColor = styleBackgroundColor ?? classNameBackgroundColor ?? undefined;
+    const topStyle = {
+      height: topHeight
+    };
+    const bottomStyle = {
+      height: bottomHeight
+    };
+    if (backgroundColor !== undefined) {
+      topStyle.backgroundColor = backgroundColor;
+      bottomStyle.backgroundColor = backgroundColor;
+    }
+    return {
+      topStyle,
+      bottomStyle
+    };
+  }, [resolvedRootClassName, style]);
+}
+//# sourceMappingURL=hooks.js.map

package/lib/module/components/Toast/hooks.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useMemo","StyleSheet","useResolveClassNames","useButtonColor","color","toastColor","useVerticalPlaceholderStyles","rootClassName","style","resolvedRootClassName","resolvedStyle","flatten","undefined","stylePaddingTop","paddingTop","paddingVertical","padding","stylePaddingBottom","paddingBottom","classNamePaddingTop","classNamePaddingBottom","paddingTopValue","paddingBottomValue","topHeight","bottomHeight","styleBackgroundColor","backgroundColor","classNameBackgroundColor","topStyle","height","bottomStyle"],"sourceRoot":"../../../../src","sources":["components/Toast/hooks.ts"],"mappings":";;AAAA,SAASA,OAAO,QAAQ,OAAO;AAE/B,SAASC,UAAU,QAAQ,cAAc;AACzC,SAASC,oBAAoB,QAAQ,SAAS;AAI9C,OAAO,SAASC,cAAcA,CAAC;EAC7BC,KAAK;EACLC;AAIF,CAAC,EAAE;EACD;EACA,OAAOL,OAAO,CAAC,MAAM;IACnB,IAAII,KAAK,EAAE,OAAOA,KAAK;IAEvB,QAAQC,UAAU;MAChB,KAAK,MAAM;QACT,OAAO,MAAM;MACf,KAAK,SAAS;QACZ,OAAO,SAAS;MAClB,KAAK,SAAS;QACZ,OAAO,SAAS;MAClB,KAAK,QAAQ;QACX,OAAO,QAAQ;MACjB;QACE,OAAO,QAAQ;IACnB;EACF,CAAC,EAAE,CAACA,UAAU,EAAED,KAAK,CAAC,CAAC;AACzB;AAOA,OAAO,SAASE,4BAA4BA,CAAC;EAC3CC,aAAa;EACbC;AACkC,CAAC,EAAE;EACrC,MAAMC,qBAAqB,GAAGP,oBAAoB,CAACK,aAAa,IAAI,EAAE,CAAC;EAEvE,OAAOP,OAAO,CAAC,MAAM;IACnB,MAAMU,aAAa,GAAGF,KAAK,GAAGP,UAAU,CAACU,OAAO,CAACH,KAAK,CAAC,GAAGI,SAAS;IAEnE,MAAMC,eAAe,GACnBH,aAAa,EAAEI,UAAU,IAAIJ,aAAa,EAAEK,eAAe,IAAIL,aAAa,EAAEM,OAAO;IACvF,MAAMC,kBAAkB,GACtBP,aAAa,EAAEQ,aAAa,IAAIR,aAAa,EAAEK,eAAe,IAAIL,aAAa,EAAEM,OAAO;IAE1F,MAAMG,mBAAmB,GACvBV,qBAAqB,EAAEK,UAAU,IACjCL,qBAAqB,EAAEM,eAAe,IACtCN,qBAAqB,EAAEO,OAAO;IAChC,MAAMI,sBAAsB,GAC1BX,qBAAqB,EAAES,aAAa,IACpCT,qBAAqB,EAAEM,eAAe,IACtCN,qBAAqB,EAAEO,OAAO;IAEhC,MAAMK,eAAe,GAAGR,eAAe,IAAIM,mBAAmB;IAC9D,MAAMG,kBAAkB,GAAGL,kBAAkB,IAAIG,sBAAsB;IAEvE,MAAMG,SAAS,GACb,OAAOF,eAAe,KAAK,QAAQ,IAAIA,eAAe,IAAI,CAAC,GAAGA,eAAe,GAAG,CAAC;IACnF,MAAMG,YAAY,GAChB,OAAOF,kBAAkB,KAAK,QAAQ,IAAIA,kBAAkB,IAAI,CAAC,GAAGA,kBAAkB,GAAG,CAAC;IAE5F,MAAMG,oBAAoB,GAAGf,aAAa,EAAEgB,eAAe;IAC3D,MAAMC,wBAAwB,GAAGlB,qBAAqB,EAAEiB,eAAe;IACvE,MAAMA,eAAe,GAAGD,oBAAoB,IAAIE,wBAAwB,IAAIf,SAAS;IAErF,MAAMgB,QAAmB,GAAG;MAC1BC,MAAM,EAAEN;IACV,CAAC;IAED,MAAMO,WAAsB,GAAG;MAC7BD,MAAM,EAAEL;IACV,CAAC;IAED,IAAIE,eAAe,KAAKd,SAAS,EAAE;MACjCgB,QAAQ,CAACF,eAAe,GAAGA,eAAe;MAC1CI,WAAW,CAACJ,eAAe,GAAGA,eAAe;IAC/C;IAEA,OAAO;MACLE,QAAQ;MACRE;IACF,CAAC;EACH,CAAC,EAAE,CAACrB,qBAAqB,EAAED,KAAK,CAAC,CAAC;AACpC","ignoreList":[]}