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

package/CHANGELOG.md

@@ -0,0 +1,29 @@
+# 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:** adding testids on cells ([1e5f002](https://github.com/Pxs-Corporate/react-native-lavender/commit/1e5f00201a84516c1a6fe3fe5c04032204c32ae8))
+- **BCRI-000000:** remove default E2E on DEV env build for all components ([a5d27bf](https://github.com/Pxs-Corporate/react-native-lavender/commit/a5d27bfaaebf5b75f3160f31c64b590b7bd00b93))
+- **BCRI-3651673:** entrypoint module ([9a246af](https://github.com/Pxs-Corporate/react-native-lavender/commit/9a246af671f674f0ff768a9b6a72a77d1f12d065))
+- **BCRI-3707400:** entrypoint prefix slot ([5f5c4a9](https://github.com/Pxs-Corporate/react-native-lavender/commit/5f5c4a9a973a5168d359f6d4a9413a3b7bf50d48))
+- **BCRI-4002610:** update icon handling and remove deprecated font references ([4399fe4](https://github.com/Pxs-Corporate/react-native-lavender/commit/4399fe4bff06aa70f5c29705fcc89d5243b0e3e7))
+- **BCRI-4026235:** update package version to 0.0.5 and change icon name to chevron_right ([d32b8c1](https://github.com/Pxs-Corporate/react-native-lavender/commit/d32b8c12511f180bd4a9dc36cf7198777d0ec2e5))
+- **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)
+
+### Features
+
+- **BCRI-000000:** adding testids on cells ([1e5f002](https://github.com/Pxs-Corporate/react-native-lavender/commit/1e5f00201a84516c1a6fe3fe5c04032204c32ae8))
+- **BCRI-000000:** remove default E2E on DEV env build for all components ([a5d27bf](https://github.com/Pxs-Corporate/react-native-lavender/commit/a5d27bfaaebf5b75f3160f31c64b590b7bd00b93))
+- **BCRI-3651673:** entrypoint module ([9a246af](https://github.com/Pxs-Corporate/react-native-lavender/commit/9a246af671f674f0ff768a9b6a72a77d1f12d065))
+- **BCRI-3707400:** entrypoint prefix slot ([5f5c4a9](https://github.com/Pxs-Corporate/react-native-lavender/commit/5f5c4a9a973a5168d359f6d4a9413a3b7bf50d48))
+- **BCRI-4002610:** update icon handling and remove deprecated font references ([4399fe4](https://github.com/Pxs-Corporate/react-native-lavender/commit/4399fe4bff06aa70f5c29705fcc89d5243b0e3e7))
+- **BCRI-4026235:** update package version to 0.0.5 and change icon name to chevron_right ([d32b8c1](https://github.com/Pxs-Corporate/react-native-lavender/commit/d32b8c12511f180bd4a9dc36cf7198777d0ec2e5))
+- **BCRI-4210372:** automatic versionning ([9c1f0a0](https://github.com/Pxs-Corporate/react-native-lavender/commit/9c1f0a00e19a9d1a277044ea627632032a674102))

package/dist/PxEntryPoint.d.ts

@@ -0,0 +1,25 @@
+import React, { ReactElement, ReactNode } from 'react';
+import { AccessibilityProps, ImageStyle, ImageURISource, StyleProp, ViewStyle } from 'react-native';
+import { IconName } from '@proximus/lavender-icon/dist/iconNames.js';
+export interface IPxEntryPoint extends AccessibilityProps {
+    title: string;
+    subTitle?: string;
+    icon?: IconName;
+    iconSize?: number;
+    containerStyle?: StyleProp<ViewStyle>;
+    emphasis?: boolean;
+    onPress: () => void;
+    leftComponent?: ReactNode;
+    rightComponent?: ReactElement;
+    testID?: string;
+    disabled?: boolean;
+    imageSrc?: ImageURISource;
+    imageStyle?: StyleProp<ImageStyle>;
+    imageWidth?: number;
+    imageA11yProps?: AccessibilityProps;
+    iconA11yProps?: AccessibilityProps;
+    patch?: string;
+    patchType?: any;
+}
+export declare function PxEntryPoint({ title, subTitle, icon, onPress, iconSize, containerStyle, leftComponent, rightComponent, testID, patch, patchType, imageSrc, imageStyle, imageWidth, iconA11yProps, }: IPxEntryPoint): React.JSX.Element;
+//# sourceMappingURL=PxEntryPoint.d.ts.map

package/dist/PxEntryPoint.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PxEntryPoint.d.ts","sourceRoot":"","sources":["../src/PxEntryPoint.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,EACL,kBAAkB,EAElB,UAAU,EACV,cAAc,EACd,SAAS,EAIT,SAAS,EACV,MAAM,cAAc,CAAC;AAOtB,OAAO,EAAE,QAAQ,EAAE,MAAM,2CAA2C,CAAC;AAErE,MAAM,WAAW,aAAc,SAAQ,kBAAkB;IACvD,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,cAAc,CAAC,EAAE,YAAY,CAAC;IAC9B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,cAAc,CAAC;IAC1B,UAAU,CAAC,EAAE,SAAS,CAAC,UAAU,CAAC,CAAC;IACnC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,cAAc,CAAC,EAAE,kBAAkB,CAAC;IACpC,aAAa,CAAC,EAAE,kBAAkB,CAAC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,GAAG,CAAC;CACjB;AAED,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,QAAQ,EACR,IAAI,EACJ,OAAO,EACP,QAAa,EACb,cAAc,EACd,aAAa,EACb,cAAc,EACd,MAAM,EACN,KAAK,EACL,SAAmB,EACnB,QAAQ,EACR,UAAU,EACV,UAAU,EACV,aAAa,GACd,EAAE,aAAa,qBA8Df"}

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+export * from './PxEntryPoint';
+//# 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,gBAAgB,CAAC"}

package/package.json

@@ -0,0 +1,43 @@
+{
+  "name": "@proximus/lavender-entrypoint-native",
+  "version": "0.1.0-alpha.0",
+  "description": "Lavender entrypoint component",
+  "license": "MIT",
+  "main": "src/index.ts",
+  "types": "dist/index.d.ts",
+  "type": "module",
+  "scripts": {
+    "clean": "rm -rf dist",
+    "prepublish": "yarn clean && yarn build",
+    "build": "npx tsc -p tsconfig.json"
+  },
+  "peerDependencies": {
+    "@proximus/lavender-common-native": "workspace:*",
+    "@proximus/lavender-icon-native": "workspace:*",
+    "@proximus/lavender-patch-native": "workspace:*",
+    "@proximus/lavender-styling-native": "workspace:*",
+    "@proximus/lavender-texts-native": "workspace:*"
+  },
+  "devDependencies": {
+    "@proximus/lavender-common-native": "0.1.0-alpha.0",
+    "@proximus/lavender-icon-native": "0.1.0-alpha.0",
+    "@proximus/lavender-patch-native": "0.1.0-alpha.0",
+    "@proximus/lavender-styling-native": "0.1.0-alpha.0",
+    "@proximus/lavender-texts-native": "0.1.0-alpha.0"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "lerna": {
+    "command": {
+      "publish": {
+        "assets": [
+          "dist",
+          "src",
+          "package.json"
+        ]
+      }
+    }
+  },
+  "gitHead": "27525289a448a6e4f3c2d36a88b9dc54d0f15fbf"
+}

package/src/PxEntryPoint.tsx

@@ -0,0 +1,142 @@
+import React, { ReactElement, ReactNode } from 'react';
+import {
+  AccessibilityProps,
+  Image,
+  ImageStyle,
+  ImageURISource,
+  StyleProp,
+  StyleSheet,
+  TouchableOpacity,
+  View,
+  ViewStyle,
+} from 'react-native';
+
+import { a11y, e2eID, PxCard } from '@proximus/lavender-common-native';
+import { PxIcon } from '@proximus/lavender-icon-native';
+import { Colors } from '@proximus/lavender-styling-native';
+import { Body, Header } from '@proximus/lavender-texts-native';
+import { PxPatch } from '@proximus/lavender-patch-native';
+import { IconName } from '@proximus/lavender-icon/dist/iconNames.js';
+
+export interface IPxEntryPoint extends AccessibilityProps {
+  title: string;
+  subTitle?: string;
+  icon?: IconName;
+  iconSize?: number;
+  containerStyle?: StyleProp<ViewStyle>;
+  emphasis?: boolean;
+  onPress: () => void;
+  leftComponent?: ReactNode;
+  rightComponent?: ReactElement;
+  testID?: string;
+  disabled?: boolean;
+  imageSrc?: ImageURISource;
+  imageStyle?: StyleProp<ImageStyle>;
+  imageWidth?: number;
+  imageA11yProps?: AccessibilityProps;
+  iconA11yProps?: AccessibilityProps;
+  patch?: string;
+  patchType?: any;
+}
+
+export function PxEntryPoint({
+  title,
+  subTitle,
+  icon,
+  onPress,
+  iconSize = 24,
+  containerStyle,
+  leftComponent,
+  rightComponent,
+  testID,
+  patch,
+  patchType = 'promo',
+  imageSrc,
+  imageStyle,
+  imageWidth,
+  iconA11yProps,
+}: IPxEntryPoint) {
+  return (
+    <TouchableOpacity
+      {...a11y({
+        accessibilityRole: 'button',
+        accessible: true,
+        accessibilityLabel: title,
+        accessibilityHint: subTitle,
+      })}
+      style={[{ width: '100%' }, containerStyle]}
+      onPress={onPress}
+      {...e2eID(testID)}
+    >
+      <PxCard wrapperStyle={styles.container}>
+        {!!icon && <PxIcon name={icon} size={iconSize} />}
+        {!icon && !!imageSrc && (
+          <Image
+            source={imageSrc}
+            resizeMode="stretch"
+            style={[
+              { height: imageWidth ?? 50, width: imageWidth ?? 50 },
+              imageStyle,
+            ]}
+            accessibilityIgnoresInvertColors
+          />
+        )}
+        {!icon && !imageSrc && !!leftComponent && (
+          <View style={styles.leftComponent}>{leftComponent}</View>
+        )}
+        <View style={styles.content}>
+          <Header
+            style={{
+              fontSize: 14,
+            }}
+          >
+            {title}
+          </Header>
+          {subTitle && <Body {...e2eID(`${testID}_subTitle`)}>{subTitle}</Body>}
+        </View>
+        {rightComponent}
+        <PxIcon
+          containerStyle={[styles.rightIcon]}
+          background={false}
+          name={'chevron_right'}
+          size={24}
+          style={{
+            marginLeft: 1,
+          }}
+          {...a11y({ accessible: true, ...iconA11yProps })}
+        />
+      </PxCard>
+      {patch ? (
+        <PxPatch
+          borderType={'bottomLeft'}
+          type={patchType}
+          title={patch}
+          wrapperStyle={{ position: 'absolute', top: -13, right: 16 }}
+          {...a11y({ accessible: false })}
+        />
+      ) : undefined}
+    </TouchableOpacity>
+  );
+}
+
+const styles = StyleSheet.create({
+  container: {
+    flexDirection: 'row',
+    padding: 16,
+    alignItems: 'center',
+    backgroundColor: Colors.v8_1.shadesOfGrey.dark4,
+  },
+  content: {
+    flex: 1,
+    marginLeft: 16,
+  },
+  rightIcon: {
+    marginLeft: 16,
+    width: 24,
+    height: 24,
+  },
+  leftComponent: {
+    justifyContent: 'center',
+    alignItems: 'center',
+  },
+});

package/src/index.ts

@@ -0,0 +1 @@
+export * from './PxEntryPoint';

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