@proximus/lavender-cells-native 0.1.0-alpha.4 → 0.1.0-alpha.6

package/CHANGELOG.md

@@ -3,51 +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.4](https://github.com/Pxs-Corporate/react-native-lavender/compare/@proximus/lavender-cells-native@0.1.0-alpha.3...@proximus/lavender-cells-native@0.1.0-alpha.4) (2025-09-19)
+# [0.1.0-alpha.6](https://github.com/Pxs-Corporate/react-native-lavender/compare/@proximus/lavender-cells-native@0.1.0-alpha.5...@proximus/lavender-cells-native@0.1.0-alpha.6) (2025-09-26)
 
 **Note:** Version bump only for package @proximus/lavender-cells-native
 
-# [0.1.0-alpha.3](https://github.com/Pxs-Corporate/react-native-lavender/compare/@proximus/lavender-cells-native@0.1.0-alpha.2...@proximus/lavender-cells-native@0.1.0-alpha.3) (2025-09-12)
-
-**Note:** Version bump only for package @proximus/lavender-cells-native
-
-# [0.1.0-alpha.2](https://github.com/Pxs-Corporate/react-native-lavender/compare/@proximus/lavender-cells-native@0.1.0-alpha.1...@proximus/lavender-cells-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-cells-native@0.1.0-alpha.0...@proximus/lavender-cells-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)
+# [0.1.0-alpha.5](https://github.com/Pxs-Corporate/react-native-lavender/compare/@proximus/lavender-cells-native@0.1.0-alpha.4...@proximus/lavender-cells-native@0.1.0-alpha.5) (2025-09-25)
 
 ### Bug Fixes
 
-- **BCRI-3807748:** fix checkbox android native crash ([f358872](https://github.com/Pxs-Corporate/react-native-lavender/commit/f3588725a8a7440722b6fc13a5586da2da758ea0))
-
-### Features
-
-- **BCRI-000000:** adding testids on cells ([1e5f002](https://github.com/Pxs-Corporate/react-native-lavender/commit/1e5f00201a84516c1a6fe3fe5c04032204c32ae8))
-- **BCRI-3660857:** cell components ([af9e45c](https://github.com/Pxs-Corporate/react-native-lavender/commit/af9e45cefc20d08d2338380ff4cd8cd6851abe24))
-- **BCRI-4002610:** update icon handling and remove deprecated font references ([4399fe4](https://github.com/Pxs-Corporate/react-native-lavender/commit/4399fe4bff06aa70f5c29705fcc89d5243b0e3e7))
-- **BCRI-4149480:** cell background color ([acf6722](https://github.com/Pxs-Corporate/react-native-lavender/commit/acf67226cf17589647163886f64f77cd18a87959))
-- **BCRI-4210372:** automatic versionning ([9c1f0a0](https://github.com/Pxs-Corporate/react-native-lavender/commit/9c1f0a00e19a9d1a277044ea627632032a674102))
-- **BCRI-4210372:** fix bad version numbers ([bc6a8ba](https://github.com/Pxs-Corporate/react-native-lavender/commit/bc6a8ba48c15347442f2ac38dacae7ffba3d95eb))
-
-# (2025-08-13)
-
-### Bug Fixes
-
-- **BCRI-3807748:** fix checkbox android native crash ([f358872](https://github.com/Pxs-Corporate/react-native-lavender/commit/f3588725a8a7440722b6fc13a5586da2da758ea0))
-
-### Features
-
-- **BCRI-000000:** adding testids on cells ([1e5f002](https://github.com/Pxs-Corporate/react-native-lavender/commit/1e5f00201a84516c1a6fe3fe5c04032204c32ae8))
-- **BCRI-3660857:** cell components ([af9e45c](https://github.com/Pxs-Corporate/react-native-lavender/commit/af9e45cefc20d08d2338380ff4cd8cd6851abe24))
-- **BCRI-4002610:** update icon handling and remove deprecated font references ([4399fe4](https://github.com/Pxs-Corporate/react-native-lavender/commit/4399fe4bff06aa70f5c29705fcc89d5243b0e3e7))
-- **BCRI-4149480:** cell background color ([acf6722](https://github.com/Pxs-Corporate/react-native-lavender/commit/acf67226cf17589647163886f64f77cd18a87959))
-- **BCRI-4210372:** automatic versionning ([9c1f0a0](https://github.com/Pxs-Corporate/react-native-lavender/commit/9c1f0a00e19a9d1a277044ea627632032a674102))
+- **BCRI-000000:** no free space on gh runner during build ([#27](https://github.com/Pxs-Corporate/react-native-lavender/issues/27)) ([a7c8604](https://github.com/Pxs-Corporate/react-native-lavender/commit/a7c86043b5cefcb10fd768d449c5718fbabe87ec))

package/dist/PxCell.js

@@ -0,0 +1,104 @@
+import { StyleSheet, TouchableOpacity, View, } from 'react-native';
+import { a11y, e2eID } from '@proximus/lavender-common-native';
+import { Body, Header } from '@proximus/lavender-texts-native';
+import { PxSeparator } from '@proximus/lavender-separator-native';
+import { useTheme } from '@proximus/lavender-styling-native';
+import React from 'react';
+const BORDER_RADIUS = 8;
+export function PxCell({ label, description, onPress, backgroundColor, containerStyle, prefix, suffix, suffixLabel, suffixDescription, testID, type = 'naked', accessible = true, accessibilityRole, accessibilityLabel, accessibilityHint, disabled, labelsAccessibilityProps, borderRadius = 'none', separator = false, }) {
+    const { theme } = useTheme();
+    return (React.createElement(TouchableOpacity, { ...a11y({
+            accessibilityRole,
+            accessible,
+            importantForAccessibility: accessible ? 'yes' : 'no',
+            accessibilityLabel: accessibilityLabel || label,
+            accessibilityHint: accessibilityHint || description,
+        }), disabled: disabled || !onPress, onPress: onPress, ...e2eID(testID) },
+        React.createElement(View, { style: [
+                styles.container,
+                containerStyle,
+                {
+                    backgroundColor: type === 'naked'
+                        ? 'transparent'
+                        : backgroundColor
+                            ? theme.t(`ColorBackgroundContainer${backgroundColor}Default`)
+                            : theme.t('ColorBackgroundContainerDefaultDefault'),
+                    borderTopLeftRadius: ['top', 'all'].includes(borderRadius)
+                        ? BORDER_RADIUS
+                        : 0,
+                    borderTopEndRadius: ['top', 'all'].includes(borderRadius)
+                        ? BORDER_RADIUS
+                        : 0,
+                    borderBottomLeftRadius: ['bottom', 'all'].includes(borderRadius)
+                        ? BORDER_RADIUS
+                        : 0,
+                    borderBottomRightRadius: ['bottom', 'all'].includes(borderRadius)
+                        ? BORDER_RADIUS
+                        : 0,
+                    borderRadius: 20,
+                },
+                disabled && {
+                    backgroundColor: theme.t('ColorBackgroundStateDisabledDefault'),
+                },
+            ] },
+            !!prefix && React.createElement(View, { style: styles.leftComponent }, prefix),
+            React.createElement(View, { style: styles.content },
+                React.createElement(Header, { ...a11y({
+                        ...labelsAccessibilityProps,
+                        accessible,
+                        importantForAccessibility: accessible ? 'yes' : 'no',
+                    }), style: [
+                        {
+                            fontSize: theme.t('TextSizeLabelLMobile').number,
+                            color: theme.t('ColorTextNeutralDefault'),
+                        },
+                    ], disabled: disabled }, label),
+                description && (React.createElement(Body, { ...a11y({
+                        ...labelsAccessibilityProps,
+                        accessible,
+                        importantForAccessibility: accessible ? 'yes' : 'no',
+                    }), ...e2eID(`${testID}_subTitle`), style: [
+                        {
+                            fontSize: theme.t('TextSizeLabelMMobile').number,
+                            color: theme.t('ColorTextNeutralDefault'),
+                        },
+                    ], disabled: disabled }, description))),
+            suffixLabel && suffixDescription && (React.createElement(View, { style: styles.suffixLabelDescription },
+                React.createElement(Header, { ...a11y({
+                        ...labelsAccessibilityProps,
+                        accessible,
+                        importantForAccessibility: accessible ? 'yes' : 'no',
+                    }), style: {
+                        textAlign: 'right',
+                        fontSize: theme.t('TextSizeLabelLMobile').number,
+                        color: theme.t('ColorTextNeutralDefault'),
+                    }, disabled: disabled }, suffixLabel),
+                description && (React.createElement(Body, { ...a11y({
+                        ...labelsAccessibilityProps,
+                        accessible,
+                        importantForAccessibility: accessible ? 'yes' : 'no',
+                    }), style: {
+                        color: theme.t('ColorTextNeutralDefault'),
+                        fontSize: theme.t('TextSizeLabelMMobile').number,
+                    }, ...e2eID(`${testID}_subTitle`), disabled: disabled }, suffixDescription)))),
+            suffix),
+        separator && React.createElement(PxSeparator, null)));
+}
+const styles = StyleSheet.create({
+    container: {
+        flexDirection: 'row',
+        padding: 16,
+        alignItems: 'center',
+        gap: 16,
+    },
+    content: {
+        flex: 1,
+    },
+    leftComponent: {
+        justifyContent: 'center',
+        alignItems: 'center',
+    },
+    suffixLabelDescription: {
+        alignSelf: 'flex-end',
+    },
+});

package/dist/PxCellCheckbox.js

@@ -0,0 +1,32 @@
+import React from 'react';
+import { PxCell } from './PxCell';
+import { PxCheckBox } from '@proximus/lavender-checkbox-native';
+import { StyleSheet, View } from 'react-native';
+export function PxCellCheckbox(props) {
+    const { side = 'right' } = props;
+    const checkbox = (React.createElement(PxCheckBox, { disabled: props.disabled, accessibilityLabel: props.label, accessibilityHint: props.description, wrapperStyle: {
+            height: 32,
+            justifyContent: 'center',
+        }, 
+        // checkboxStyle={{
+        //   // Not applied on Android because of a weird visual bug
+        //   ...(Platform.OS === 'ios' && {
+        //     width: 16,
+        //     height: 16,
+        //   }),
+        //   backgroundColor: 'transparent',
+        // }}
+        checked: props.checked, onChange: props.onPress, testID: props.testID }));
+    return (React.createElement(PxCell, { ...props, onPress: undefined, accessible: false, prefix: side === 'left' ? (React.createElement(View, { style: styles.prefix },
+            checkbox,
+            props.prefix)) : (props.prefix), suffix: side === 'right' ? (React.createElement(View, { style: styles.prefix },
+            props.suffix,
+            checkbox)) : (props.suffix) }));
+}
+const styles = StyleSheet.create({
+    prefix: {
+        flexDirection: 'row',
+        gap: 16,
+        alignItems: 'center',
+    },
+});

package/dist/PxCellRadio.js

@@ -0,0 +1,22 @@
+import { PxRadioButton } from '@proximus/lavender-radio-native';
+import { PxCell } from './PxCell';
+import React from 'react';
+import { StyleSheet, View } from 'react-native';
+export function PxCellRadio(props) {
+    const { side = 'right' } = props;
+    const radioButton = (React.createElement(PxRadioButton, { size: 20, accessibilityLabel: props.label, accessibilityHint: props.description, labelA11y: {
+            accessible: false,
+        }, checked: props.checked, onPress: props.onPress, testID: props.testID }));
+    return (React.createElement(PxCell, { ...props, accessible: false, prefix: side === 'left' ? (React.createElement(View, { style: styles.prefix },
+            radioButton,
+            props.prefix)) : (props.prefix), suffix: side === 'right' ? (React.createElement(View, { style: styles.prefix },
+            props.suffix,
+            radioButton)) : (props.suffix) }));
+}
+const styles = StyleSheet.create({
+    prefix: {
+        flexDirection: 'row',
+        gap: 16,
+        alignItems: 'center',
+    },
+});

package/dist/PxEntrypoint.js

@@ -0,0 +1,6 @@
+import React from 'react';
+import { PxCell } from './PxCell';
+import { PxIcon } from '@proximus/lavender-icon-native';
+export function PxEntrypoint(props) {
+    return (React.createElement(PxCell, { ...props, accessibilityRole: 'button', suffix: React.createElement(PxIcon, { name: 'chevron_right' }) }));
+}

package/dist/far/away/package.json

@@ -0,0 +1,38 @@
+{
+  "name": "@proximus/lavender-cells-native",
+  "version": "0.1.0-alpha.6",
+  "description": "Lavender cell list component",
+  "license": "MIT",
+  "main": "dist/index.js",
+  "type": "module",
+  "peerDependencies": {
+    "@proximus/lavender-checkbox-native": "*",
+    "@proximus/lavender-common-native": "*",
+    "@proximus/lavender-icon-native": "*",
+    "@proximus/lavender-radio-native": "*",
+    "@proximus/lavender-separator-native": "*",
+    "@proximus/lavender-styling-native": "*",
+    "@proximus/lavender-texts-native": "*"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "lerna": {
+    "command": {
+      "publish": {
+        "assets": [
+          {
+            "from": "dist/far/away/package.json",
+            "to": "."
+          },
+          "dist/*.js",
+          "dist/*.d.ts",
+          "dist/*.d.ts.map",
+          "src",
+          "package.json"
+        ]
+      }
+    }
+  },
+  "gitHead": "e50a17526561b3eafb159e36c737173956093e0d"
+}

package/dist/index.js

@@ -0,0 +1,4 @@
+export * from './PxCell';
+export * from './PxEntrypoint';
+export * from './PxCellCheckbox';
+export * from './PxCellRadio';

package/package.json

@@ -1,13 +1,14 @@
 {
   "name": "@proximus/lavender-cells-native",
-  "version": "0.1.0-alpha.4",
+  "version": "0.1.0-alpha.6",
   "description": "Lavender cell list component",
   "license": "MIT",
   "main": "src/index.ts",
   "type": "module",
   "scripts": {
     "clean": "rm -rf dist",
-    "prepublish": "yarn clean && yarn build",
+    "transform-package-json": "node ../../../scripts/tranformPackageJson.js package.json dist/far/away",
+    "prepublish": "yarn clean && yarn transform-package-json && yarn build",
     "build": "npx tsc -p tsconfig.json"
   },
   "peerDependencies": {
@@ -20,13 +21,13 @@
     "@proximus/lavender-texts-native": "workspace:*"
   },
   "devDependencies": {
-    "@proximus/lavender-checkbox-native": "0.1.0-alpha.4",
-    "@proximus/lavender-common-native": "0.1.0-alpha.4",
-    "@proximus/lavender-icon-native": "0.1.0-alpha.4",
-    "@proximus/lavender-radio-native": "0.1.0-alpha.4",
-    "@proximus/lavender-separator-native": "0.1.0-alpha.3",
-    "@proximus/lavender-styling-native": "0.1.0-alpha.3",
-    "@proximus/lavender-texts-native": "0.1.0-alpha.4"
+    "@proximus/lavender-checkbox-native": "0.1.0-alpha.6",
+    "@proximus/lavender-common-native": "0.1.0-alpha.6",
+    "@proximus/lavender-icon-native": "0.1.0-alpha.6",
+    "@proximus/lavender-radio-native": "0.1.0-alpha.6",
+    "@proximus/lavender-separator-native": "0.1.0-alpha.5",
+    "@proximus/lavender-styling-native": "0.1.0-alpha.5",
+    "@proximus/lavender-texts-native": "0.1.0-alpha.6"
   },
   "publishConfig": {
     "access": "public"
@@ -35,12 +36,18 @@
     "command": {
       "publish": {
         "assets": [
-          "dist",
+          {
+            "from": "dist/far/away/package.json",
+            "to": "."
+          },
+          "dist/*.js",
+          "dist/*.d.ts",
+          "dist/*.d.ts.map",
           "src",
           "package.json"
         ]
       }
     }
   },
-  "gitHead": "6e9252a716a08ededdfbfd6f5b1db70ab21e026e"
+  "gitHead": "e50a17526561b3eafb159e36c737173956093e0d"
 }

package/tsconfig.json

@@ -4,5 +4,5 @@
     "outDir": "dist",
   },
   "include": ["src","../../../lib.d.ts"],
-  "exclude": ["dist", "node_modules", "src/**/*.test.ts", "src/**/*.spec.ts"]
+  "exclude": ["dist", "node_modules", "src/**/*.spec.tsx", "src/**/*.spec.ts"]
 }