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

package/dist/Spinner.native.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { ISpinnerProps } from './type';
 declare const Spinner: {
-    ({ width, height, gradientColors }: ISpinnerProps): React.ReactElement;
+    ({ width, height, gradientColors, testID }: ISpinnerProps): React.ReactElement;
     displayName: string;
 };
 export default Spinner;

package/dist/Spinner.native.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Spinner.native.d.ts","sourceRoot":"","sources":["../packages/components/Spinner/src/Spinner.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAMhD,OAAO,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAC;AAKvC,QAAA,MAAM,OAAO;wCAAiD,aAAa,GAAG,KAAK,CAAC,YAAY;;CA4D/F,CAAC;AAIF,eAAe,OAAO,CAAC"}
+{"version":3,"file":"Spinner.native.d.ts","sourceRoot":"","sources":["../packages/components/Spinner/src/Spinner.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAMhD,OAAO,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAC;AAKvC,QAAA,MAAM,OAAO;gDAAyD,aAAa,GAAG,KAAK,CAAC,YAAY;;CAiEvG,CAAC;AAIF,eAAe,OAAO,CAAC"}

package/dist/type.d.ts

@@ -2,6 +2,7 @@ export interface ISpinnerProps {
     width?: number;
     height?: number;
     gradientColors?: string[];
+    testID?: string;
 }
 export type SpinnerProps = ISpinnerProps;
 //# sourceMappingURL=type.d.ts.map

package/dist/type.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../packages/components/Spinner/src/type.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,aAAa;IAE5B,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;CAC3B;AAKD,MAAM,MAAM,YAAY,GAAG,aAAa,CAAC"}
+{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../packages/components/Spinner/src/type.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,aAAa;IAE5B,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;IAK1B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAKD,MAAM,MAAM,YAAY,GAAG,aAAa,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cleartrip/ct-design-spinner",
-  "version": "5.26.0-SNAPSHOT-native-main.0",
+  "version": "5.26.0",
   "description": "Spinner migrated to ct-design-style-manager",
   "types": "dist/index.d.ts",
   "main": "./dist/ct-design-spinner.cjs.js",
@@ -25,9 +25,9 @@
   ],
   "dependencies": {
     "@emotion/css": "^11.11.2",
-    "@cleartrip/ct-design-style-manager": "5.25.1-SNAPSHOT-native-main.0",
-    "@cleartrip/ct-design-types": "5.26.0-SNAPSHOT-native-main.0",
-    "@cleartrip/ct-design-theme": "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-types": "5.26.0"
   },
   "peerDependencies": {
     "react": ">=16.8.0",

package/src/Spinner.native.tsx

@@ -9,7 +9,7 @@ import { ISpinnerProps } from './type';
 const STROKE_DASH_RATIO = 0.65;
 const DEFAULT_STROKE_WIDTH = 2;
 
-const Spinner = ({ width = 30, height = 30, gradientColors }: ISpinnerProps): React.ReactElement => {
+const Spinner = ({ width = 30, height = 30, gradientColors, testID }: ISpinnerProps): React.ReactElement => {
   const rotation = useSharedValue(0);
   const gradientId = useId();
 
@@ -44,7 +44,7 @@ const Spinner = ({ width = 30, height = 30, gradientColors }: ISpinnerProps): Re
     const strokeUrl = `url(#${gradientId})`;
 
     return (
-      <Animated.View style={animatedStyles}>
+      <Animated.View testID={testID ? `${testID}-Spinner` : undefined} style={animatedStyles}>
         <svg width={size} height={size} viewBox={`0 0 ${size} ${size}`} fill='none'>
           <defs>
             <linearGradient id={gradientId} x1='0%' y1='0%' x2='100%' y2='0%'>
@@ -68,7 +68,12 @@ const Spinner = ({ width = 30, height = 30, gradientColors }: ISpinnerProps): Re
     );
   }
 
-  return <Animated.View style={[animatedStyles, spinnerStaticStyles.root, dynamicStyles.size]} />;
+  return (
+    <Animated.View
+      testID={testID ? `${testID}-Spinner` : undefined}
+      style={[animatedStyles, spinnerStaticStyles.root, dynamicStyles.size]}
+    />
+  );
 };
 
 Spinner.displayName = 'Spinner';

package/src/type.ts

@@ -5,6 +5,11 @@ export interface ISpinnerProps {
   height?: number;
   /** Optional gradient colors — when provided, renders the SVG gradient spinner instead of the default border spinner. */
   gradientColors?: string[];
+  /**
+   * Identifier used to locate this component in end-to-end tests.
+   * Forwarded to the underlying animated view.
+   */
+  testID?: string;
 }
 
 /**