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

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/{src/Spacer.tsx → dist/Spacer.js}

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

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,34 +1,17 @@
 {
   "type": "module",
   "name": "@proximus/lavender-common-native",
-  "version": "0.1.0-alpha.4",
+  "version": "0.1.0-beta.0",
   "description": "Common components for Proximus design system",
-  "main": "src/index.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.3"
-  },
   "peerDependencies": {
     "@proximus/lavender-styling-native": "*"
   },
   "publishConfig": {
     "access": "public"
-  },
-  "lerna": {
-    "command": {
-      "publish": {
-        "assets": [
-          "dist",
-          "src",
-          "package.json"
-        ]
-      }
-    }
-  },
-  "gitHead": "6e9252a716a08ededdfbfd6f5b1db70ab21e026e"
+  }
 }

package/CHANGELOG.md

@@ -1,39 +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.4](https://github.com/Pxs-Corporate/react-native-lavender/compare/@proximus/lavender-common-native@0.1.0-alpha.3...@proximus/lavender-common-native@0.1.0-alpha.4) (2025-09-19)
-
-### Features
-
-- **BCRI-4249550:** message card + tag components ([#22](https://github.com/Pxs-Corporate/react-native-lavender/issues/22)) ([39fb91c](https://github.com/Pxs-Corporate/react-native-lavender/commit/39fb91cc294a37d07e63fca2b4e993d90b867082))
-
-# [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
-
-- **BCRI-4279213:** update token architecture and component styles ([#18](https://github.com/Pxs-Corporate/react-native-lavender/issues/18)) ([2fabf41](https://github.com/Pxs-Corporate/react-native-lavender/commit/2fabf416ce069e9756daa868c3012181db87e7f5))
-
-# [0.1.0-alpha.1](https://github.com/Pxs-Corporate/react-native-lavender/compare/@proximus/lavender-common-native@0.1.0-alpha.0...@proximus/lavender-common-native@0.1.0-alpha.1) (2025-08-13)
-
-### Bug Fixes
-
-- **BCRI-4210372:** fix types field in modules ([68ac126](https://github.com/Pxs-Corporate/react-native-lavender/commit/68ac12657112473ae9e0e683076b1d9172be9ce6))
-
-# 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/src/PxContainer.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 PxContainer(props: IPxCardProps) {
-  const { theme } = useTheme();
-
-  const { children, wrapperStyle, testId, wrapperA11yProps, ...viewProps } =
-    props;
-
-  return (
-    <View
-      style={[
-        styles.container,
-        {
-          backgroundColor: theme.t('ColorBackgroundContainerLightDefault'),
-        },
-        wrapperStyle,
-      ]}
-      {...e2eID(testId)}
-      {...a11y({
-        ...wrapperA11yProps,
-      })}
-      {...viewProps}
-    >
-      {children}
-    </View>
-  );
-}
-
-const styles = StyleSheet.create({
-  container: {
-    borderRadius: 8,
-  },
-});

package/src/utils.ts

@@ -1,90 +0,0 @@
-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;
-  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;
-}
-
-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/tsconfig.json

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