@proximus/lavender-common-native 0.1.0-alpha.0 → 0.1.0-alpha.11

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/PxContainer.js

@@ -0,0 +1,22 @@
+import React from 'react';
+import { StyleSheet, View, } from 'react-native';
+import { a11y, e2eID } from './utils';
+import { useTheme } from '@proximus/lavender-styling-native';
+export function PxContainer(props) {
+    const { theme } = useTheme();
+    const { children, wrapperStyle, testId, wrapperA11yProps, ...viewProps } = props;
+    return (React.createElement(View, { style: [
+            styles.container,
+            {
+                backgroundColor: theme.t('ColorBackgroundContainerLightDefault'),
+            },
+            wrapperStyle,
+        ], ...e2eID(testId), ...a11y({
+            ...wrapperA11yProps,
+        }), ...viewProps }, children));
+}
+const styles = StyleSheet.create({
+    container: {
+        borderRadius: 8,
+    },
+});

package/dist/Spacer.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare function PxSpacer(): React.JSX.Element;
+//# sourceMappingURL=Spacer.d.ts.map

package/dist/Spacer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spacer.d.ts","sourceRoot":"","sources":["../src/Spacer.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,wBAAgB,QAAQ,sBAEvB"}

package/dist/Spacer.js

@@ -0,0 +1,5 @@
+import { View } from 'react-native';
+import React from 'react';
+export function PxSpacer() {
+    return React.createElement(View, { style: { flex: 1 } });
+}

package/dist/index.d.ts

@@ -1,3 +1,4 @@
 export * from './utils';
-export * from './PxCard';
+export * from './PxContainer';
+export * from './Spacer';
 //# 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;AAC9B,cAAc,UAAU,CAAC"}

package/dist/index.js

@@ -0,0 +1,3 @@
+export * from './utils';
+export * from './PxContainer';
+export * from './Spacer';

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/dist/utils.js

@@ -0,0 +1,58 @@
+import { Image, Platform, } from 'react-native';
+import Config from 'react-native-config';
+import { LaunchArguments } from 'react-native-launch-arguments';
+import { useEffect, useState } from 'react';
+export function e2eID(id) {
+    const { e2e } = LaunchArguments.value();
+    if (('E2E' === Config.ENV || e2e) && id) {
+        if (Platform.OS === 'android') {
+            return {
+                accessibilityLabel: id,
+                accessible: true,
+            };
+        }
+        return {
+            testID: id,
+        };
+    }
+    return {};
+}
+export function a11y(a11yProps) {
+    const { e2e } = LaunchArguments.value();
+    if ('E2E' !== Config.ENV && !e2e) {
+        return {
+            ...a11yProps,
+        };
+    }
+    return {};
+}
+export function useImageAspectRatio(src) {
+    const [aspectRatio, setAspectRatio] = useState();
+    useEffect(() => {
+        if (!src)
+            return;
+        // 1) Try to resolve local assets (and also normalizes URIs)
+        const resolved = Image.resolveAssetSource(src);
+        // 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?.uri === 'string'
+                    ? src.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/package.json

@@ -1,35 +1,17 @@
 {
   "type": "module",
   "name": "@proximus/lavender-common-native",
-  "version": "0.1.0-alpha.0",
+  "version": "0.1.0-alpha.11",
   "description": "Common components for Proximus design system",
-  "main": "src/index.ts",
-  "types": "dist/index.d.ts",
-  "scripts": {
-    "clean": "rm -rf dist",
-    "prepublish": "yarn clean && yarn build",
-    "build": "npx tsc -p tsconfig.json"
-  },
+  "main": "dist/index.js",
+  "files": [
+    "dist"
+  ],
   "license": "MIT",
-  "devDependencies": {
-    "@proximus/lavender-styling-native": "0.1.0-alpha.0"
-  },
   "peerDependencies": {
     "@proximus/lavender-styling-native": "*"
   },
   "publishConfig": {
     "access": "public"
-  },
-  "lerna": {
-    "command": {
-      "publish": {
-        "assets": [
-          "dist",
-          "src",
-          "package.json"
-        ]
-      }
-    }
-  },
-  "gitHead": "59b3436b786cc1c73b4a20a98b2a85139e75b72e"
+  }
 }

package/CHANGELOG.md

@@ -1,15 +0,0 @@
-# Change Log
-
-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.0 (2025-08-13)
-
-### Features
-
-- **BCRI-000000:** remove default E2E on DEV env build for all components ([a5d27bf](https://github.com/Pxs-Corporate/react-native-lavender/commit/a5d27bfaaebf5b75f3160f31c64b590b7bd00b93))
-- **BCRI-3651606:** mono repo creation ([d19f852](https://github.com/Pxs-Corporate/react-native-lavender/commit/d19f852a710963ff85b1a9d31d18188217aa23ab))
-- **BCRI-3660857:** cell components ([af9e45c](https://github.com/Pxs-Corporate/react-native-lavender/commit/af9e45cefc20d08d2338380ff4cd8cd6851abe24))
-- **BCRI-3689585:** icon module ([f13230d](https://github.com/Pxs-Corporate/react-native-lavender/commit/f13230d9c7643680089a0db2c69b96cd73ff246e))
-- **BCRI-3810979:** tile components ([46fc5c7](https://github.com/Pxs-Corporate/react-native-lavender/commit/46fc5c7a0ddff6c2db43fba0de9929626092f265))
-- **BCRI-4210372:** automatic versionning ([9c1f0a0](https://github.com/Pxs-Corporate/react-native-lavender/commit/9c1f0a00e19a9d1a277044ea627632032a674102))

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"}

package/src/PxCard.tsx

@@ -1,50 +0,0 @@
-import React from 'react';
-import {
-  AccessibilityProps,
-  StyleProp,
-  StyleSheet,
-  View,
-  ViewProps,
-} from 'react-native';
-
-import { a11y, e2eID } from './utils';
-import { useTheme } from '@proximus/lavender-styling-native';
-
-export interface IPxCardProps extends Readonly<ViewProps> {
-  children?: Array<React.ReactElement | false | undefined> | React.ReactElement;
-  wrapperStyle?: StyleProp<any>;
-  testId?: string;
-  wrapperA11yProps?: AccessibilityProps;
-}
-
-export function PxCard(props: IPxCardProps) {
-  const { theme } = useTheme();
-
-  const { children, wrapperStyle, testId, wrapperA11yProps, ...viewProps } =
-    props;
-
-  return (
-    <View
-      style={[
-        styles.container,
-        {
-          backgroundColor: theme.t('BackgroundColorActionNeutralBareDefault'),
-        },
-        wrapperStyle,
-      ]}
-      {...e2eID(testId)}
-      {...a11y({
-        ...wrapperA11yProps,
-      })}
-      {...viewProps}
-    >
-      {children}
-    </View>
-  );
-}
-
-const styles = StyleSheet.create({
-  container: {
-    borderRadius: 8,
-  },
-});

package/src/index.ts

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

package/src/utils.ts

@@ -1,42 +0,0 @@
-import { AccessibilityProps, Platform } from 'react-native';
-import Config from 'react-native-config';
-import { LaunchArguments } from 'react-native-launch-arguments';
-
-export interface ITestableAndroid {
-  accessible: boolean;
-  accessibilityLabel: string;
-}
-
-export interface ITestableIOS {
-  testID: string;
-}
-
-export interface ITestable extends ITestableAndroid, ITestableIOS {
-  appiumID: string;
-}
-
-export function e2eID(id?: string): ITestableAndroid | ITestableIOS | {} {
-  const { e2e } = LaunchArguments.value();
-  if (('E2E' === Config.ENV || e2e) && id) {
-    if (Platform.OS === 'android') {
-      return {
-        accessibilityLabel: id,
-        accessible: true,
-      };
-    }
-    return {
-      testID: id,
-    };
-  }
-  return {};
-}
-
-export function a11y(a11yProps?: AccessibilityProps): AccessibilityProps {
-  const { e2e } = LaunchArguments.value();
-  if ('E2E' !== Config.ENV && !e2e) {
-    return {
-      ...a11yProps,
-    };
-  }
-  return {} as any;
-}

package/tsconfig.json

@@ -1,8 +0,0 @@
-{
-  "extends": "../../tsconfig.npm.json",
-  "compilerOptions": {
-    "outDir": "dist",
-  },
-  "include": ["src"],
-  "exclude": ["dist", "node_modules", "src/**/*.test.ts", "src/**/*.spec.ts"]
-}