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

package/dist/Shimmer.native.d.ts

@@ -1,4 +1,4 @@
 import { ShimmerProps } from './type';
-declare const Shimmer: import("react").MemoExoticComponent<({ width, height, shape, borderRadius, styleConfig, variant }: ShimmerProps) => import("react/jsx-runtime").JSX.Element>;
+declare const Shimmer: import("react").MemoExoticComponent<({ width, height, shape, borderRadius, styleConfig, variant, testID }: ShimmerProps) => import("react/jsx-runtime").JSX.Element>;
 export default Shimmer;
 //# sourceMappingURL=Shimmer.native.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Shimmer.native.d.ts","sourceRoot":"","sources":["../packages/components/Shimmer/src/Shimmer.native.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAC;AA0CtC,QAAA,MAAM,OAAO,qGAC8E,YAAY,6CAgEtG,CAAC;AAIF,eAAe,OAAO,CAAC"}
+{"version":3,"file":"Shimmer.native.d.ts","sourceRoot":"","sources":["../packages/components/Shimmer/src/Shimmer.native.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAC;AA0CtC,QAAA,MAAM,OAAO,6GACsF,YAAY,6CAiE9G,CAAC;AAIF,eAAe,OAAO,CAAC"}

package/dist/type.d.ts

@@ -12,5 +12,6 @@ export interface ShimmerProps {
     variant?: ShimmerVariant;
     styleConfig?: IShimmerStyleConfig;
     children?: React.ReactNode;
+    testID?: string;
 }
 //# sourceMappingURL=type.d.ts.map

package/dist/type.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../packages/components/Shimmer/src/type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAOpE,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,QAAQ,CAAC;AAO7C,MAAM,MAAM,cAAc,GAAG,SAAS,GAAG,UAAU,CAAC;AAOpD,MAAM,WAAW,mBAAmB;IAMlC,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC;CACjB;AAOD,MAAM,WAAW,YAAY;IAO3B,KAAK,CAAC,EAAE,SAAS,CAAC,OAAO,CAAC,CAAC;IAK3B,MAAM,CAAC,EAAE,MAAM,CAAC;IAOhB,KAAK,CAAC,EAAE,YAAY,CAAC;IAKrB,YAAY,CAAC,EAAE,MAAM,CAAC;IAMtB,OAAO,CAAC,EAAE,cAAc,CAAC;IAKzB,WAAW,CAAC,EAAE,mBAAmB,CAAC;IAIlC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B"}
+{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../packages/components/Shimmer/src/type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAOpE,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,QAAQ,CAAC;AAO7C,MAAM,MAAM,cAAc,GAAG,SAAS,GAAG,UAAU,CAAC;AAOpD,MAAM,WAAW,mBAAmB;IAMlC,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC;CACjB;AAOD,MAAM,WAAW,YAAY;IAO3B,KAAK,CAAC,EAAE,SAAS,CAAC,OAAO,CAAC,CAAC;IAK3B,MAAM,CAAC,EAAE,MAAM,CAAC;IAOhB,KAAK,CAAC,EAAE,YAAY,CAAC;IAKrB,YAAY,CAAC,EAAE,MAAM,CAAC;IAMtB,OAAO,CAAC,EAAE,cAAc,CAAC;IAKzB,WAAW,CAAC,EAAE,mBAAmB,CAAC;IAIlC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAM3B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cleartrip/ct-design-shimmer",
-  "version": "5.26.0-SNAPSHOT-native-main.0",
+  "version": "5.26.0",
   "description": "Shimmer component",
   "types": "dist/index.d.ts",
   "main": "./dist/ct-design-shimmer.cjs.js",
@@ -25,12 +25,12 @@
   ],
   "dependencies": {
     "@emotion/css": "11.13.4",
-    "@cleartrip/ct-design-container": "5.26.0-SNAPSHOT-native-main.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-container": "5.26.0",
+    "@cleartrip/ct-design-style-manager": "5.26.0",
+    "@cleartrip/ct-design-theme": "5.26.0"
   },
   "devDependencies": {
-    "@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/Shimmer.native.tsx

@@ -52,7 +52,7 @@ const SHIMMER_DURATION_MS = 1500;
  * install it alongside `react-native-reanimated`.
  */
 const Shimmer = memo(
-  ({ width, height, shape = 'rect', borderRadius = 8, styleConfig, variant = 'animated' }: ShimmerProps) => {
+  ({ width, height, shape = 'rect', borderRadius = 8, styleConfig, variant = 'animated', testID }: ShimmerProps) => {
     const screenWidth = Dimensions.get('window')?.width;
     const shimmerPosition = useSharedValue(-screenWidth);
     const theme = useTheme();
@@ -97,6 +97,7 @@ const Shimmer = memo(
 
     return (
       <Container
+        testID={testID ? `${testID}-Shimmer` : undefined}
         styleConfig={{
           root: [shimmerWrapperStyles.shimmerWrapper, containerStyles.container, ...(styleConfig?.root || [])],
         }}

package/src/type.ts

@@ -73,4 +73,10 @@ export interface ShimmerProps {
    * Shimmer children
    */
   children?: React.ReactNode;
+
+  /**
+   * Identifier used to locate this component in end-to-end tests.
+   * Forwarded to the underlying React Native view.
+   */
+  testID?: string;
 }