@proximus/lavender-common-native 0.1.0-alpha.2 → 0.1.0-alpha.3

package/CHANGELOG.md

@@ -3,6 +3,12 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [0.1.0-alpha.3](https://github.com/Pxs-Corporate/react-native-lavender/compare/@proximus/lavender-common-native@0.1.0-alpha.2...@proximus/lavender-common-native@0.1.0-alpha.3) (2025-09-12)
+
+### Features
+
+- **BCRI-4217211:** card component ([#20](https://github.com/Pxs-Corporate/react-native-lavender/issues/20)) ([0287bee](https://github.com/Pxs-Corporate/react-native-lavender/commit/0287bee00a5b532403026b5a2ca0e702b70c822f))
+
 # [0.1.0-alpha.2](https://github.com/Pxs-Corporate/react-native-lavender/compare/@proximus/lavender-common-native@0.1.0-alpha.1...@proximus/lavender-common-native@0.1.0-alpha.2) (2025-09-05)
 
 ### Features

package/dist/{PxCard.d.ts → PxContainer.d.ts}

@@ -6,5 +6,5 @@ export interface IPxCardProps extends Readonly<ViewProps> {
     testId?: string;
     wrapperA11yProps?: AccessibilityProps;
 }
-export declare function PxCard(props: IPxCardProps): React.JSX.Element;
-//# sourceMappingURL=PxCard.d.ts.map
+export declare function PxContainer(props: IPxCardProps): React.JSX.Element;
+//# sourceMappingURL=PxContainer.d.ts.map

package/dist/PxContainer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PxContainer.d.ts","sourceRoot":"","sources":["../src/PxContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,kBAAkB,EAClB,SAAS,EAGT,SAAS,EACV,MAAM,cAAc,CAAC;AAKtB,MAAM,WAAW,YAAa,SAAQ,QAAQ,CAAC,SAAS,CAAC;IACvD,QAAQ,CAAC,EAAE,KAAK,CAAC,KAAK,CAAC,YAAY,GAAG,KAAK,GAAG,SAAS,CAAC,GAAG,KAAK,CAAC,YAAY,CAAC;IAC9E,YAAY,CAAC,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC;IAC9B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,gBAAgB,CAAC,EAAE,kBAAkB,CAAC;CACvC;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,YAAY,qBAwB9C"}

package/dist/index.d.ts

@@ -1,3 +1,3 @@
 export * from './utils';
-export * from './PxCard';
+export * from './PxContainer';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC"}

package/dist/utils.d.ts

@@ -1,4 +1,4 @@
-import { AccessibilityProps } from 'react-native';
+import { AccessibilityProps, ImageSourcePropType } from 'react-native';
 export interface ITestableAndroid {
     accessible: boolean;
     accessibilityLabel: string;
@@ -11,4 +11,5 @@ export interface ITestable extends ITestableAndroid, ITestableIOS {
 }
 export declare function e2eID(id?: string): ITestableAndroid | ITestableIOS | {};
 export declare function a11y(a11yProps?: AccessibilityProps): AccessibilityProps;
+export declare function useImageAspectRatio(src: ImageSourcePropType | string | undefined): number | undefined;
 //# sourceMappingURL=utils.d.ts.map

package/dist/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../src/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAY,MAAM,cAAc,CAAC;AAI5D,MAAM,WAAW,gBAAgB;IAC/B,UAAU,EAAE,OAAO,CAAC;IACpB,kBAAkB,EAAE,MAAM,CAAC;CAC5B;AAED,MAAM,WAAW,YAAY;IAC3B,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,SAAU,SAAQ,gBAAgB,EAAE,YAAY;IAC/D,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,wBAAgB,KAAK,CAAC,EAAE,CAAC,EAAE,MAAM,GAAG,gBAAgB,GAAG,YAAY,GAAG,EAAE,CAcvE;AAED,wBAAgB,IAAI,CAAC,SAAS,CAAC,EAAE,kBAAkB,GAAG,kBAAkB,CAQvE"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../src/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,kBAAkB,EAElB,mBAAmB,EAEpB,MAAM,cAAc,CAAC;AAKtB,MAAM,WAAW,gBAAgB;IAC/B,UAAU,EAAE,OAAO,CAAC;IACpB,kBAAkB,EAAE,MAAM,CAAC;CAC5B;AAED,MAAM,WAAW,YAAY;IAC3B,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,SAAU,SAAQ,gBAAgB,EAAE,YAAY;IAC/D,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,wBAAgB,KAAK,CAAC,EAAE,CAAC,EAAE,MAAM,GAAG,gBAAgB,GAAG,YAAY,GAAG,EAAE,CAcvE;AAED,wBAAgB,IAAI,CAAC,SAAS,CAAC,EAAE,kBAAkB,GAAG,kBAAkB,CAQvE;AAED,wBAAgB,mBAAmB,CACjC,GAAG,EAAE,mBAAmB,GAAG,MAAM,GAAG,SAAS,sBAuC9C"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "type": "module",
   "name": "@proximus/lavender-common-native",
-  "version": "0.1.0-alpha.2",
+  "version": "0.1.0-alpha.3",
   "description": "Common components for Proximus design system",
   "main": "src/index.ts",
   "scripts": {
@@ -30,5 +30,5 @@
       }
     }
   },
-  "gitHead": "38a67765befa2567a3f5f57976b7933cf5b85a24"
+  "gitHead": "6328f584529cb675f4a2ede8ad89f31e2b3c9ffb"
 }

package/src/{PxCard.tsx → PxContainer.tsx}

@@ -17,7 +17,7 @@ export interface IPxCardProps extends Readonly<ViewProps> {
   wrapperA11yProps?: AccessibilityProps;
 }
 
-export function PxCard(props: IPxCardProps) {
+export function PxContainer(props: IPxCardProps) {
   const { theme } = useTheme();
 
   const { children, wrapperStyle, testId, wrapperA11yProps, ...viewProps } =

package/src/index.ts

@@ -1,2 +1,2 @@
 export * from './utils';
-export * from './PxCard';
+export * from './PxContainer';

package/src/utils.ts

@@ -1,6 +1,12 @@
-import { AccessibilityProps, Platform } from 'react-native';
+import {
+  AccessibilityProps,
+  Image,
+  ImageSourcePropType,
+  Platform,
+} from 'react-native';
 import Config from 'react-native-config';
 import { LaunchArguments } from 'react-native-launch-arguments';
+import { useEffect, useState } from 'react';
 
 export interface ITestableAndroid {
   accessible: boolean;
@@ -40,3 +46,45 @@ export function a11y(a11yProps?: AccessibilityProps): AccessibilityProps {
   }
   return {} as any;
 }
+
+export function useImageAspectRatio(
+  src: ImageSourcePropType | string | undefined
+) {
+  const [aspectRatio, setAspectRatio] = useState<number | undefined>();
+
+  useEffect(() => {
+    if (!src) return;
+
+    // 1) Try to resolve local assets (and also normalizes URIs)
+    const resolved = Image.resolveAssetSource(src as any);
+
+    // If RN knows width/height already (static asset), use them
+    if (resolved?.width && resolved?.height) {
+      setAspectRatio(resolved.width / resolved.height);
+      return;
+    }
+
+    // 2) Fall back to getSize for URIs (network, file://, content://)
+    const uri =
+      typeof src === 'string'
+        ? src
+        : (resolved?.uri ??
+          (typeof (src as any)?.uri === 'string'
+            ? (src as any).uri
+            : undefined));
+
+    if (uri) {
+      Image.getSize(
+        uri,
+        (width, height) => {
+          setAspectRatio(width / height);
+        },
+        (err) => console.warn('getSize failed:', err)
+      );
+    } else {
+      console.warn('Could not resolve image source for size:', src);
+    }
+  }, [src]);
+
+  return aspectRatio;
+}

package/dist/PxCard.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"PxCard.d.ts","sourceRoot":"","sources":["../src/PxCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,kBAAkB,EAClB,SAAS,EAGT,SAAS,EACV,MAAM,cAAc,CAAC;AAKtB,MAAM,WAAW,YAAa,SAAQ,QAAQ,CAAC,SAAS,CAAC;IACvD,QAAQ,CAAC,EAAE,KAAK,CAAC,KAAK,CAAC,YAAY,GAAG,KAAK,GAAG,SAAS,CAAC,GAAG,KAAK,CAAC,YAAY,CAAC;IAC9E,YAAY,CAAC,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC;IAC9B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,gBAAgB,CAAC,EAAE,kBAAkB,CAAC;CACvC;AAED,wBAAgB,MAAM,CAAC,KAAK,EAAE,YAAY,qBAwBzC"}