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

package/CHANGELOG.md

@@ -0,0 +1,15 @@
+# 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

@@ -0,0 +1,10 @@
+import React from 'react';
+import { AccessibilityProps, StyleProp, ViewProps } from 'react-native';
+export interface IPxCardProps extends Readonly<ViewProps> {
+    children?: Array<React.ReactElement | false | undefined> | React.ReactElement;
+    wrapperStyle?: StyleProp<any>;
+    testId?: string;
+    wrapperA11yProps?: AccessibilityProps;
+}
+export declare function PxCard(props: IPxCardProps): React.JSX.Element;
+//# sourceMappingURL=PxCard.d.ts.map

package/dist/PxCard.d.ts.map

@@ -0,0 +1 @@
+{"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/dist/index.d.ts

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

package/dist/index.d.ts.map

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

package/dist/utils.d.ts

@@ -0,0 +1,14 @@
+import { AccessibilityProps } from 'react-native';
+export interface ITestableAndroid {
+    accessible: boolean;
+    accessibilityLabel: string;
+}
+export interface ITestableIOS {
+    testID: string;
+}
+export interface ITestable extends ITestableAndroid, ITestableIOS {
+    appiumID: string;
+}
+export declare function e2eID(id?: string): ITestableAndroid | ITestableIOS | {};
+export declare function a11y(a11yProps?: AccessibilityProps): AccessibilityProps;
+//# sourceMappingURL=utils.d.ts.map

package/dist/utils.d.ts.map

@@ -0,0 +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"}

package/package.json

@@ -0,0 +1,35 @@
+{
+  "type": "module",
+  "name": "@proximus/lavender-common-native",
+  "version": "0.1.0-alpha.0",
+  "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"
+  },
+  "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/src/PxCard.tsx

@@ -0,0 +1,50 @@
+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

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

package/src/utils.ts

@@ -0,0 +1,42 @@
+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

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