@cdx-ui/components 0.0.1-beta.13 → 0.0.1-beta.131

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

@@ -0,0 +1,331 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.exitingTop = exports.exitingBottom = exports.enteringTop = exports.enteringBottom = void 0;
+exports.useToastRootAnimation = useToastRootAnimation;
+var _reactNative = require("react-native");
+var _reactNativeGestureHandler = require("react-native-gesture-handler");
+var _reactNativeReanimated = require("react-native-reanimated");
+var _reactNativeWorklets = require("react-native-worklets");
+var _animation = require("../../animation");
+// --------------------------------------------------
+
+const enteringTop = exports.enteringTop = _reactNativeReanimated.FadeInUp.springify().withInitialValues({
+  opacity: 1,
+  transform: [{
+    translateY: -100
+  }]
+}).mass(3);
+const exitingTop = exports.exitingTop = new _reactNativeReanimated.Keyframe({
+  0: {
+    opacity: 1,
+    transform: [{
+      translateY: 0
+    }, {
+      scale: 1
+    }]
+  },
+  100: {
+    opacity: 0.5,
+    transform: [{
+      translateY: -100
+    }, {
+      scale: 0.97
+    }],
+    easing: _reactNativeReanimated.Easing.bezier(0.4, 0, 1, 1)
+  }
+}).duration(150);
+const enteringBottom = exports.enteringBottom = _reactNativeReanimated.FadeInDown.springify().withInitialValues({
+  opacity: 1,
+  transform: [{
+    translateY: 100
+  }]
+}).mass(3);
+const exitingBottom = exports.exitingBottom = new _reactNativeReanimated.Keyframe({
+  0: {
+    opacity: 1,
+    transform: [{
+      translateY: 0
+    }, {
+      scale: 1
+    }]
+  },
+  100: {
+    opacity: 0.5,
+    transform: [{
+      translateY: 100
+    }, {
+      scale: 0.97
+    }],
+    easing: _reactNativeReanimated.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
+ */
+function useToastRootAnimation(options) {
+  const {
+    animation,
+    index,
+    total,
+    heights,
+    placement = 'bottom',
+    hide,
+    id,
+    isSwipeable = true,
+    maxVisibleToasts = 3
+  } = options;
+  const {
+    height: screenHeight
+  } = (0, _reactNative.useWindowDimensions)();
+  const {
+    animationConfig,
+    isAnimationDisabled
+  } = (0, _animation.getRootAnimationState)(animation);
+  const isAllAnimationsDisabled = (0, _animation.useCombinedAnimationDisabledState)(animation);
+  const isAnimationDisabledValue = (0, _animation.getIsAnimationDisabledValue)({
+    isAnimationDisabled,
+    isAllAnimationsDisabled
+  });
+
+  // Entering animation
+  const enteringTopValue = (0, _animation.getAnimationValueProperty)({
+    animationValue: animationConfig?.entering,
+    property: 'top',
+    defaultValue: enteringTop
+  });
+  const enteringBottomValue = (0, _animation.getAnimationValueProperty)({
+    animationValue: animationConfig?.entering,
+    property: 'bottom',
+    defaultValue: enteringBottom
+  });
+
+  // Exiting animation
+  const exitingTopValue = (0, _animation.getAnimationValueProperty)({
+    animationValue: animationConfig?.exiting,
+    property: 'top',
+    defaultValue: exitingTop
+  });
+  const exitingBottomValue = (0, _animation.getAnimationValueProperty)({
+    animationValue: animationConfig?.exiting,
+    property: 'bottom',
+    defaultValue: exitingBottom
+  });
+
+  // Opacity animation
+  const opacityValue = (0, _animation.getAnimationValueProperty)({
+    animationValue: animationConfig?.opacity,
+    property: 'value',
+    defaultValue: [1, 0]
+  });
+  const opacityTimingConfig = (0, _animation.getAnimationValueMergedConfig)({
+    animationValue: animationConfig?.opacity,
+    property: 'timingConfig',
+    defaultValue: {
+      duration: 300
+    }
+  });
+
+  // TranslateY animation
+  const translateYValue = (0, _animation.getAnimationValueProperty)({
+    animationValue: animationConfig?.translateY,
+    property: 'value',
+    defaultValue: [0, 10]
+  });
+  const translateYTimingConfig = (0, _animation.getAnimationValueMergedConfig)({
+    animationValue: animationConfig?.translateY,
+    property: 'timingConfig',
+    defaultValue: {
+      duration: 300
+    }
+  });
+
+  // Scale animation
+  const scaleValue = (0, _animation.getAnimationValueProperty)({
+    animationValue: animationConfig?.scale,
+    property: 'value',
+    defaultValue: [1, 0.97]
+  });
+  const scaleTimingConfig = (0, _animation.getAnimationValueMergedConfig)({
+    animationValue: animationConfig?.scale,
+    property: 'timingConfig',
+    defaultValue: {
+      duration: 300
+    }
+  });
+
+  // Gesture state shared values
+  const isDragging = (0, _reactNativeReanimated.useSharedValue)(false);
+  const gestureTranslateY = (0, _reactNativeReanimated.useSharedValue)(0);
+  const gestureScale = (0, _reactNativeReanimated.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 = _reactNativeGestureHandler.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 = (0, _reactNativeReanimated.interpolate)(translationY, [0, maxDragDistance], [0, rubberEffectDistance], _reactNativeReanimated.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 = (0, _reactNativeReanimated.interpolate)(Math.abs(translationY), [0, maxDragDistance], [0, rubberEffectDistance], _reactNativeReanimated.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((0, _reactNativeReanimated.withDecay)({
+          velocity: velocityY * 1.5,
+          clamp: [Number.NEGATIVE_INFINITY, 0]
+        }, () => {
+          isDragging.set(false);
+        }));
+        // Delay hide call to allow decay animation to play
+        (0, _reactNativeWorklets.scheduleOnRN)(delayedHide, id, velocityY);
+      } else {
+        // Animate back to 0
+        gestureTranslateY.set((0, _reactNativeReanimated.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((0, _reactNativeReanimated.withDecay)({
+          velocity: velocityY * 1.5,
+          clamp: [0, Number.POSITIVE_INFINITY]
+        }, () => {
+          isDragging.set(false);
+        }));
+        // Delay hide call to allow decay animation to play
+        (0, _reactNativeWorklets.scheduleOnRN)(delayedHide, id, velocityY);
+      } else {
+        // Animate back to 0
+        gestureTranslateY.set((0, _reactNativeReanimated.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 = _reactNative.Platform.OS === 'web';
+
+  // Explicit deps for Vite/web without the Reanimated Babel plugin.
+  const rContainerStyle = (0, _reactNativeReanimated.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 = (0, _reactNativeReanimated.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 = (0, _reactNativeReanimated.interpolate)(index, inputRange, [translateYValue[0], translateYValue[1] * sign], {
+        extrapolateLeft: _reactNativeReanimated.Extrapolation.CLAMP
+      });
+      scale = (0, _reactNativeReanimated.interpolate)(index, inputRange, scaleValue, {
+        extrapolateLeft: _reactNativeReanimated.Extrapolation.CLAMP
+      });
+    }
+    if (isAnimationDisabledValue) {
+      return {
+        height: isWeb ? undefined : lastToastHeight,
+        pointerEvents: opacity === 0 ? 'none' : 'auto',
+        opacity,
+        transform: [{
+          translateY
+        }, {
+          scale
+        }]
+      };
+    }
+    return {
+      height: isWeb ? undefined : lastToastHeight ? (0, _reactNativeReanimated.withSpring)(lastToastHeight, {
+        damping: 100,
+        stiffness: 1200,
+        mass: 3
+      }) : undefined,
+      pointerEvents: opacity === 0 ? 'none' : 'auto',
+      opacity: (0, _reactNativeReanimated.withTiming)(opacity, opacityTimingConfig),
+      transform: [{
+        translateY: isDragging.get() ? translateY : (0, _reactNativeReanimated.withTiming)(translateY, translateYTimingConfig)
+      }, {
+        scale: isDragging.get() ? (0, _reactNativeReanimated.withSpring)(scale) : (0, _reactNativeReanimated.withTiming)(scale, scaleTimingConfig)
+      }]
+    };
+  }, [heights, total, index, placement, maxVisibleToasts, opacityValue, translateYValue, scaleValue, isDragging, gestureTranslateY, gestureScale, isAnimationDisabledValue, isWeb, opacityTimingConfig, translateYTimingConfig, 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/commonjs/components/Toast/animation.js.map

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

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

@@ -0,0 +1,67 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useButtonColor = useButtonColor;
+exports.useVerticalPlaceholderStyles = useVerticalPlaceholderStyles;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _uniwind = require("uniwind");
+function useButtonColor({
+  color,
+  toastColor
+}) {
+  // TODO: Add toastActionVariants to styles.ts to restore color-aware action styling
+  return (0, _react.useMemo)(() => {
+    if (color) return color;
+    switch (toastColor) {
+      case 'info':
+        return 'info';
+      case 'success':
+        return 'success';
+      case 'warning':
+        return 'warning';
+      case 'danger':
+        return 'danger';
+      case 'neutral':
+      default:
+        return 'action';
+    }
+  }, [toastColor, color]);
+}
+function useVerticalPlaceholderStyles({
+  rootClassName,
+  style
+}) {
+  const resolvedRootClassName = (0, _uniwind.useResolveClassNames)(rootClassName ?? '');
+  return (0, _react.useMemo)(() => {
+    const resolvedStyle = style ? _reactNative.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/commonjs/components/Toast/hooks.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_uniwind","useButtonColor","color","toastColor","useMemo","useVerticalPlaceholderStyles","rootClassName","style","resolvedRootClassName","useResolveClassNames","resolvedStyle","StyleSheet","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,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AAIO,SAASG,cAAcA,CAAC;EAC7BC,KAAK;EACLC;AAIF,CAAC,EAAE;EACD;EACA,OAAO,IAAAC,cAAO,EAAC,MAAM;IACnB,IAAIF,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,KAAK,SAAS;MACd;QACE,OAAO,QAAQ;IACnB;EACF,CAAC,EAAE,CAACA,UAAU,EAAED,KAAK,CAAC,CAAC;AACzB;AAOO,SAASG,4BAA4BA,CAAC;EAC3CC,aAAa;EACbC;AACkC,CAAC,EAAE;EACrC,MAAMC,qBAAqB,GAAG,IAAAC,6BAAoB,EAACH,aAAa,IAAI,EAAE,CAAC;EAEvE,OAAO,IAAAF,cAAO,EAAC,MAAM;IACnB,MAAMM,aAAa,GAAGH,KAAK,GAAGI,uBAAU,CAACC,OAAO,CAACL,KAAK,CAAC,GAAGM,SAAS;IAEnE,MAAMC,eAAe,GACnBJ,aAAa,EAAEK,UAAU,IAAIL,aAAa,EAAEM,eAAe,IAAIN,aAAa,EAAEO,OAAO;IACvF,MAAMC,kBAAkB,GACtBR,aAAa,EAAES,aAAa,IAAIT,aAAa,EAAEM,eAAe,IAAIN,aAAa,EAAEO,OAAO;IAE1F,MAAMG,mBAAmB,GACvBZ,qBAAqB,EAAEO,UAAU,IACjCP,qBAAqB,EAAEQ,eAAe,IACtCR,qBAAqB,EAAES,OAAO;IAChC,MAAMI,sBAAsB,GAC1Bb,qBAAqB,EAAEW,aAAa,IACpCX,qBAAqB,EAAEQ,eAAe,IACtCR,qBAAqB,EAAES,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,GAAGhB,aAAa,EAAEiB,eAAe;IAC3D,MAAMC,wBAAwB,GAAGpB,qBAAqB,EAAEmB,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,CAACvB,qBAAqB,EAAED,KAAK,CAAC,CAAC;AACpC","ignoreList":[]}