@cleartrip/ct-design-animate 5.26.0-SNAPSHOT-native-main.0 → 5.26.0

package/dist/components/EntranceAnimation.native.d.ts

@@ -14,6 +14,7 @@ export interface EntranceAnimationProps {
     opacityAnimation?: boolean;
     startAnimation?: boolean;
     onAnimationComplete?: () => void;
+    testID?: string;
 }
 declare const EntranceAnimation: React.FC<EntranceAnimationProps>;
 export default EntranceAnimation;

package/dist/components/EntranceAnimation.native.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EntranceAnimation.native.d.ts","sourceRoot":"","sources":["../../packages/components/Animate/src/components/EntranceAnimation.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAIjD,OAAO,EAAE,0BAA0B,EAAE,MAAM,cAAc,CAAC;AAC1D,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzC,MAAM,WAAW,sBAAsB;IACrC,SAAS,EAAE,GAAG,0BAA0B,EAAE,CAAC;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,mBAAmB,CAAC,EAAE,MAAM,IAAI,CAAC;CAClC;AAED,QAAA,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAmEvD,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"EntranceAnimation.native.d.ts","sourceRoot":"","sources":["../../packages/components/Animate/src/components/EntranceAnimation.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAIjD,OAAO,EAAE,0BAA0B,EAAE,MAAM,cAAc,CAAC;AAC1D,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzC,MAAM,WAAW,sBAAsB;IACrC,SAAS,EAAE,GAAG,0BAA0B,EAAE,CAAC;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,mBAAmB,CAAC,EAAE,MAAM,IAAI,CAAC;IAKjC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,QAAA,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAwEvD,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/dist/components/Shake.native.d.ts

@@ -2,6 +2,7 @@ import React, { PropsWithChildren } from 'react';
 interface IShakeAnimationProps extends PropsWithChildren {
     animate?: boolean;
     style?: object;
+    testID?: string;
 }
 declare const StyledAnimation: React.FC<IShakeAnimationProps>;
 export default StyledAnimation;

package/dist/components/Shake.native.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Shake.native.d.ts","sourceRoot":"","sources":["../../packages/components/Animate/src/components/Shake.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAIjD,UAAU,oBAAqB,SAAQ,iBAAiB;IACtD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAsBD,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CASnD,CAAC;AAEF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"Shake.native.d.ts","sourceRoot":"","sources":["../../packages/components/Animate/src/components/Shake.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAIjD,UAAU,oBAAqB,SAAQ,iBAAiB;IACtD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAsBD,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAanD,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/dist/components/StretchyAnimation.native.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StretchyAnimation.native.d.ts","sourceRoot":"","sources":["../../packages/components/Animate/src/components/StretchyAnimation.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAGvC,OAAO,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AAIjD,QAAA,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CA8BvD,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"StretchyAnimation.native.d.ts","sourceRoot":"","sources":["../../packages/components/Animate/src/components/StretchyAnimation.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAGvC,OAAO,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AAIjD,QAAA,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAkCvD,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/dist/type.d.ts

@@ -7,11 +7,13 @@ export interface AnimationStyleProps {
     styleConfig?: {
         root?: Styles[];
     };
+    testID?: string;
 }
 export interface StretchyAnimationProps {
     children: React.ReactNode;
     dynamicHeight: number;
     iosOnly?: boolean;
+    testID?: string;
 }
 export type AnimateProps = ({
     variant: 'SHAKE';

package/dist/type.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../packages/components/Animate/src/type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,sBAAsB,EAAE,MAAM,gCAAgC,CAAC;AAExE,MAAM,WAAW,mBAAmB;IAIlC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAK3B,OAAO,CAAC,EAAE,OAAO,CAAC;IAIlB,WAAW,CAAC,EAAE;QAIZ,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC;KACjB,CAAC;CACH;AAED,MAAM,WAAW,sBAAsB;IAIrC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAI1B,aAAa,EAAE,MAAM,CAAC;IAItB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,MAAM,YAAY,GACpB,CAAC;IAAE,OAAO,EAAE,OAAO,CAAA;CAAE,GAAG,mBAAmB,CAAC,GAC5C,CAAC;IAAE,OAAO,EAAE,oBAAoB,CAAA;CAAE,GAAG,sBAAsB,CAAC,GAC5D,CAAC;IAAE,OAAO,EAAE,oBAAoB,CAAA;CAAE,GAAG,sBAAsB,CAAC,CAAC"}
+{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../packages/components/Animate/src/type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,sBAAsB,EAAE,MAAM,gCAAgC,CAAC;AAExE,MAAM,WAAW,mBAAmB;IAIlC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAK3B,OAAO,CAAC,EAAE,OAAO,CAAC;IAIlB,WAAW,CAAC,EAAE;QAIZ,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC;KACjB,CAAC;IAKF,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,sBAAsB;IAIrC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAI1B,aAAa,EAAE,MAAM,CAAC;IAItB,OAAO,CAAC,EAAE,OAAO,CAAC;IAKlB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,MAAM,YAAY,GACpB,CAAC;IAAE,OAAO,EAAE,OAAO,CAAA;CAAE,GAAG,mBAAmB,CAAC,GAC5C,CAAC;IAAE,OAAO,EAAE,oBAAoB,CAAA;CAAE,GAAG,sBAAsB,CAAC,GAC5D,CAAC;IAAE,OAAO,EAAE,oBAAoB,CAAA;CAAE,GAAG,sBAAsB,CAAC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cleartrip/ct-design-animate",
-  "version": "5.26.0-SNAPSHOT-native-main.0",
+  "version": "5.26.0",
   "description": "HOC component that will render animation to children",
   "types": "dist/index.d.ts",
   "main": "./dist/ct-design-animate.cjs.js",
@@ -26,14 +26,14 @@
   "dependencies": {
     "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.14.0",
-    "@cleartrip/ct-design-style-manager": "5.25.1-SNAPSHOT-native-main.0",
-    "@cleartrip/ct-design-theme": "5.26.0-SNAPSHOT-native-main.0",
-    "@cleartrip/ct-design-common-utils": "5.25.1-SNAPSHOT-native-main.0",
-    "@cleartrip/ct-design-scroll-container": "5.26.0-SNAPSHOT-native-main.0"
+    "@cleartrip/ct-design-style-manager": "5.26.0",
+    "@cleartrip/ct-design-theme": "5.26.0",
+    "@cleartrip/ct-design-common-utils": "5.26.0",
+    "@cleartrip/ct-design-scroll-container": "5.26.0"
   },
   "devDependencies": {
     "@emotion/babel-plugin": "^11.12.0",
-    "@cleartrip/ct-design-types": "5.26.0-SNAPSHOT-native-main.0"
+    "@cleartrip/ct-design-types": "5.26.0"
   },
   "peerDependencies": {
     "react": ">=16.8.0",

package/src/components/EntranceAnimation.native.tsx

@@ -18,6 +18,11 @@ export interface EntranceAnimationProps {
   opacityAnimation?: boolean;
   startAnimation?: boolean;
   onAnimationComplete?: () => void;
+  /**
+   * Identifier used to locate this component in end-to-end tests.
+   * Forwarded to the underlying animated view.
+   */
+  testID?: string;
 }
 
 const EntranceAnimation: React.FC<EntranceAnimationProps> = ({
@@ -33,6 +38,7 @@ const EntranceAnimation: React.FC<EntranceAnimationProps> = ({
   opacityAnimation = true,
   startAnimation = true,
   onAnimationComplete = () => void 0,
+  testID,
 }) => {
   // Wrap index for staggered effect
   const wrappedIndex = index % (maxStaggerIndex + 1);
@@ -86,7 +92,11 @@ const EntranceAnimation: React.FC<EntranceAnimationProps> = ({
     };
   });
 
-  return <Animated.View style={animatedStyle}>{children}</Animated.View>;
+  return (
+    <Animated.View testID={testID ? `${testID}-EntranceAnimation` : undefined} style={animatedStyle}>
+      {children}
+    </Animated.View>
+  );
 };
 
 export default EntranceAnimation;

package/src/components/Shake.native.tsx

@@ -5,6 +5,7 @@ import Animated, { Easing, useAnimatedStyle, useSharedValue, withSequence, withT
 interface IShakeAnimationProps extends PropsWithChildren {
   animate?: boolean;
   style?: object;
+  testID?: string;
 }
 
 const useShakeAnimation = (show: boolean) => {
@@ -27,7 +28,7 @@ const useShakeAnimation = (show: boolean) => {
   return translateX;
 };
 
-const StyledAnimation: React.FC<IShakeAnimationProps> = ({ children, animate = false, style = {} }) => {
+const StyledAnimation: React.FC<IShakeAnimationProps> = ({ children, animate = false, style = {}, testID }) => {
   const translateX = useShakeAnimation(animate);
 
   const animatedStyle = useAnimatedStyle(() => ({
@@ -35,7 +36,11 @@ const StyledAnimation: React.FC<IShakeAnimationProps> = ({ children, animate = f
     backfaceVisibility: 'hidden',
     perspective: 1000,
   }));
-  return <Animated.View style={[style, animatedStyle]}>{children}</Animated.View>;
+  return (
+    <Animated.View testID={testID ? `${testID}-Shake` : undefined} style={[style, animatedStyle]}>
+      {children}
+    </Animated.View>
+  );
 };
 
 export default StyledAnimation;

package/src/components/StretchyAnimation.native.tsx

@@ -5,7 +5,7 @@ import { StretchyAnimationProps } from '../type';
 import { useAnimatedScroll } from '@cleartrip/ct-design-scroll-container';
 import { isIOS } from '@cleartrip/ct-design-common-utils';
 
-const StretchyAnimation: React.FC<StretchyAnimationProps> = ({ children, dynamicHeight, iosOnly = true }) => {
+const StretchyAnimation: React.FC<StretchyAnimationProps> = ({ children, dynamicHeight, iosOnly = true, testID }) => {
   const { scrollY } = useAnimatedScroll() as unknown as { scrollY: Animated.Value };
 
   const stretchyCarouselStyle = useMemo(() => {
@@ -31,7 +31,11 @@ const StretchyAnimation: React.FC<StretchyAnimationProps> = ({ children, dynamic
   }, [iosOnly, scrollY, dynamicHeight]);
 
   if (isIOS() && iosOnly) {
-    return <Animated.View style={stretchyCarouselStyle}>{children}</Animated.View>;
+    return (
+      <Animated.View testID={testID ? `${testID}-StretchyAnimation` : undefined} style={stretchyCarouselStyle}>
+        {children}
+      </Animated.View>
+    );
   }
 
   return children;

package/src/components/StretchyAnimation.tsx

@@ -6,4 +6,4 @@ const StretchyAnimation: React.FC<StretchyAnimationProps> = ({ children }) => {
   return children;
 };
 
-export default StretchyAnimation;
+export default StretchyAnimation;

package/src/type.ts

@@ -22,6 +22,11 @@ export interface AnimationStyleProps {
      */
     root?: Styles[];
   };
+  /**
+   * Identifier used to locate this component in end-to-end tests.
+   * Forwarded to the underlying animated view.
+   */
+  testID?: string;
 }
 
 export interface StretchyAnimationProps {
@@ -37,6 +42,11 @@ export interface StretchyAnimationProps {
    * If true, the stretchy animation will only be applied on iOS.
    */
   iosOnly?: boolean;
+  /**
+   * Identifier used to locate this component in end-to-end tests.
+   * Forwarded to the underlying animated view.
+   */
+  testID?: string;
 }
 
 export type AnimateProps =