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

package/dist/PxPatch.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PxPatch.d.ts","sourceRoot":"","sources":["../src/PxPatch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,kBAAkB,EAClB,SAAS,EAGT,SAAS,EACV,MAAM,cAAc,CAAC;AAKtB,OAAO,EAAE,QAAQ,EAAE,MAAM,2CAA2C,CAAC;AAGrE,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,IAAI,EAAE,OAAO,GAAG,MAAM,GAAG,aAAa,GAAG,KAAK,CAAC;IAC/C,UAAU,CAAC,EAAE,YAAY,GAAG,aAAa,CAAC;IAC1C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACpC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,wBAAgB,OAAO,CAAC,EACtB,KAAK,EACL,MAAM,EACN,IAAI,EACJ,QAAQ,EACR,UAAU,EACV,YAAY,EACZ,OAAO,EACP,GAAG,kBAAkB,EACtB,EAAE,aAAa,GAAG,kBAAkB,qBA+FpC"}
+{"version":3,"file":"PxPatch.d.ts","sourceRoot":"","sources":["../src/PxPatch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,kBAAkB,EAClB,SAAS,EAGT,SAAS,EACV,MAAM,cAAc,CAAC;AAKtB,OAAO,EAAE,QAAQ,EAAE,MAAM,2CAA2C,CAAC;AAGrE,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,IAAI,EAAE,OAAO,GAAG,MAAM,GAAG,aAAa,GAAG,KAAK,CAAC;IAC/C,UAAU,CAAC,EAAE,YAAY,GAAG,aAAa,CAAC;IAC1C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACpC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,wBAAgB,OAAO,CAAC,EACtB,KAAK,EACL,MAAM,EACN,IAAI,EACJ,QAAQ,EACR,UAAU,EACV,YAAY,EACZ,OAAO,EACP,GAAG,kBAAkB,EACtB,EAAE,aAAa,GAAG,kBAAkB,qBAiGpC"}

package/dist/PxPatch.js

@@ -0,0 +1,78 @@
+import React from 'react';
+import { TouchableOpacity, View, } from 'react-native';
+import { a11y, e2eID } from '@proximus/lavender-common-native';
+import { Header } from '@proximus/lavender-texts-native';
+import { PxIcon } from '@proximus/lavender-icon-native';
+import { useTheme } from '@proximus/lavender-styling-native';
+export function PxPatch({ title, testID, type, iconName, borderType, wrapperStyle, onPress, ...accessibilityProps }) {
+    const { theme } = useTheme();
+    const backgroundColor = () => {
+        switch (type) {
+            case 'promo':
+                return {
+                    backgroundColor: theme.t('ColorBackgroundPurposePromoDefault'),
+                };
+            case 'info':
+                return {
+                    backgroundColor: theme.t('ColorBackgroundPurposeInfoDefault'),
+                };
+            case 'blackfriday':
+                return {
+                    backgroundColor: theme.t('ColorBackgroundSurfaceDark'),
+                };
+            case 'eco':
+                return {
+                    backgroundColor: theme.t('ColorBackgroundPurposeEcoDefault'),
+                };
+            default:
+                return undefined;
+        }
+    };
+    const borderStyle = () => {
+        if (borderType === 'bottomLeft') {
+            return {
+                borderBottomLeftRadius: 0,
+            };
+        }
+        if (borderType === 'bottomRight') {
+            return {
+                borderBottomRightRadius: 0,
+            };
+        }
+        return undefined;
+    };
+    const fontColor = () => {
+        if (type !== 'info') {
+            return theme.t('ColorTextNeutralInverted');
+        }
+        return theme.t('ColorTextNeutralInverted');
+    };
+    const Wrapper = (onPress ? TouchableOpacity : View);
+    return (React.createElement(Wrapper, { style: [
+            {
+                alignItems: 'center',
+                flexDirection: 'row',
+                height: 26,
+                fontSize: theme.t('TextSizeLabelMMobile').number,
+                paddingHorizontal: theme.t('PaddingSMobile').number,
+                borderRadius: theme.t('RadiusPatchBig').number,
+            },
+            borderStyle(),
+            backgroundColor(),
+            wrapperStyle,
+        ], accessible: false, disabled: !onPress, onPress: onPress, ...(onPress
+            ? a11y({
+                accessibilityRole: 'button',
+                accessible: true,
+                ...accessibilityProps,
+            })
+            : {}), ...(testID && e2eID(testID + '-patch')) },
+        React.createElement(Header, { ...(testID && e2eID(testID + '-patch-label')), style: {
+                color: fontColor(),
+                lineHeight: theme.t('TextSizeLabelMMobile').number * 1.5,
+            } }, title),
+        iconName && onPress && type === 'promo' && (React.createElement(PxIcon, { ...(testID && e2eID(testID + '-patch-icon')), name: iconName, size: 'Xs', style: {
+                marginLeft: 5,
+                color: fontColor(),
+            } }))));
+}

package/package.json

@@ -1,40 +1,20 @@
 {
   "name": "@proximus/lavender-patch-native",
-  "version": "0.1.0-alpha.4",
+  "version": "0.1.0-beta.0",
   "description": "Lavender patch component",
   "license": "MIT",
-  "main": "src/index.ts",
+  "main": "dist/index.js",
+  "files": [
+    "dist"
+  ],
   "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-styling-native": "workspace:*",
-    "@proximus/lavender-texts-native": "workspace:*"
-  },
-  "devDependencies": {
-    "@proximus/lavender-common-native": "0.1.0-alpha.4",
-    "@proximus/lavender-icon-native": "0.1.0-alpha.4",
-    "@proximus/lavender-styling-native": "0.1.0-alpha.3",
-    "@proximus/lavender-texts-native": "0.1.0-alpha.4"
+    "@proximus/lavender-common-native": "*",
+    "@proximus/lavender-icon-native": "*",
+    "@proximus/lavender-styling-native": "*",
+    "@proximus/lavender-texts-native": "*"
   },
   "publishConfig": {
     "access": "public"
-  },
-  "lerna": {
-    "command": {
-      "publish": {
-        "assets": [
-          "dist",
-          "src",
-          "package.json"
-        ]
-      }
-    }
-  },
-  "gitHead": "6e9252a716a08ededdfbfd6f5b1db70ab21e026e"
+  }
 }

package/CHANGELOG.md

@@ -1,45 +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-patch-native@0.1.0-alpha.3...@proximus/lavender-patch-native@0.1.0-alpha.4) (2025-09-19)
-
-**Note:** Version bump only for package @proximus/lavender-patch-native
-
-# [0.1.0-alpha.3](https://github.com/Pxs-Corporate/react-native-lavender/compare/@proximus/lavender-patch-native@0.1.0-alpha.2...@proximus/lavender-patch-native@0.1.0-alpha.3) (2025-09-12)
-
-**Note:** Version bump only for package @proximus/lavender-patch-native
-
-# [0.1.0-alpha.2](https://github.com/Pxs-Corporate/react-native-lavender/compare/@proximus/lavender-patch-native@0.1.0-alpha.1...@proximus/lavender-patch-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-patch-native@0.1.0-alpha.0...@proximus/lavender-patch-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-3651742:** patch module ([46bf85e](https://github.com/Pxs-Corporate/react-native-lavender/commit/46bf85e225088cd3d90ed84a7e54c070a421805e))
-- **BCRI-4002610:** update icon handling and remove deprecated font references ([4399fe4](https://github.com/Pxs-Corporate/react-native-lavender/commit/4399fe4bff06aa70f5c29705fcc89d5243b0e3e7))
-- **BCRI-4002610:** update package versions and add new dependencies for styling and icon handling ([bd36e12](https://github.com/Pxs-Corporate/react-native-lavender/commit/bd36e120c36fd33602f441ceed5f41f15f81f0ea))
-- **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:** remove default E2E on DEV env build for all components ([a5d27bf](https://github.com/Pxs-Corporate/react-native-lavender/commit/a5d27bfaaebf5b75f3160f31c64b590b7bd00b93))
-- **BCRI-3651742:** patch module ([46bf85e](https://github.com/Pxs-Corporate/react-native-lavender/commit/46bf85e225088cd3d90ed84a7e54c070a421805e))
-- **BCRI-4002610:** update icon handling and remove deprecated font references ([4399fe4](https://github.com/Pxs-Corporate/react-native-lavender/commit/4399fe4bff06aa70f5c29705fcc89d5243b0e3e7))
-- **BCRI-4002610:** update package versions and add new dependencies for styling and icon handling ([bd36e12](https://github.com/Pxs-Corporate/react-native-lavender/commit/bd36e120c36fd33602f441ceed5f41f15f81f0ea))
-- **BCRI-4210372:** automatic versionning ([9c1f0a0](https://github.com/Pxs-Corporate/react-native-lavender/commit/9c1f0a00e19a9d1a277044ea627632032a674102))

package/src/PxPatch.tsx

@@ -1,131 +0,0 @@
-import React from 'react';
-import {
-  AccessibilityProps,
-  StyleProp,
-  TouchableOpacity,
-  View,
-  ViewStyle,
-} from 'react-native';
-
-import { a11y, e2eID } from '@proximus/lavender-common-native';
-import { Header } from '@proximus/lavender-texts-native';
-import { PxIcon } from '@proximus/lavender-icon-native';
-import { IconName } from '@proximus/lavender-icon/dist/iconNames.js';
-import { useTheme } from '@proximus/lavender-styling-native';
-
-export interface IPxPatchProps {
-  title: string;
-  testID?: string;
-  iconName?: IconName;
-  type: 'promo' | 'info' | 'blackfriday' | 'eco';
-  borderType?: 'bottomLeft' | 'bottomRight';
-  isFocused?: boolean;
-  wrapperStyle?: StyleProp<ViewStyle>;
-  onPress?: () => void;
-}
-
-export function PxPatch({
-  title,
-  testID,
-  type,
-  iconName,
-  borderType,
-  wrapperStyle,
-  onPress,
-  ...accessibilityProps
-}: IPxPatchProps & AccessibilityProps) {
-  const { theme } = useTheme();
-
-  const backgroundColor = () => {
-    switch (type) {
-      case 'promo':
-        return {
-          backgroundColor: theme.t('ColorBackgroundPurposePromoDefault'),
-        };
-      case 'info':
-        return {
-          backgroundColor: theme.t('ColorBackgroundPurposeInfoDefault'),
-        };
-      case 'blackfriday':
-        return {
-          backgroundColor: theme.t('ColorBackgroundSurfaceDark'),
-        };
-      case 'eco':
-        return {
-          backgroundColor: theme.t('ColorBackgroundPurposeEcoDefault'),
-        };
-      default:
-        return undefined;
-    }
-  };
-  const borderStyle = () => {
-    if (borderType === 'bottomLeft') {
-      return {
-        borderBottomLeftRadius: 0,
-      };
-    }
-    if (borderType === 'bottomRight') {
-      return {
-        borderBottomRightRadius: 0,
-      };
-    }
-    return undefined;
-  };
-
-  const fontColor = () => {
-    if (type !== 'info') {
-      return theme.t('ColorTextNeutralInverted');
-    }
-    return theme.t('ColorTextNeutralInverted');
-  };
-
-  const Wrapper = (onPress ? TouchableOpacity : View) as React.ElementType;
-
-  return (
-    <Wrapper
-      style={[
-        {
-          alignItems: 'center',
-          flexDirection: 'row',
-          height: 26,
-          fontSize: theme.t('TextSizeLabelMMobile').number,
-          paddingHorizontal: theme.t('PaddingSMobile').number,
-          borderRadius: theme.t('RadiusPatchBig').number,
-        },
-        borderStyle(),
-        backgroundColor(),
-        wrapperStyle,
-      ]}
-      accessible={false}
-      disabled={!onPress}
-      onPress={onPress}
-      {...(onPress
-        ? a11y({
-            accessibilityRole: 'button',
-            accessible: true,
-            ...accessibilityProps,
-          })
-        : {})}
-      {...e2eID(testID + '-PxPatch')}
-    >
-      <Header
-        style={{
-          color: fontColor(),
-          lineHeight: theme.t('TextSizeLabelMMobile').number * 1.5,
-        }}
-      >
-        {title}
-      </Header>
-      {iconName && onPress && type === 'promo' && (
-        <PxIcon
-          name={iconName}
-          size={16}
-          style={{
-            marginLeft: 5,
-            color: fontColor(),
-          }}
-        />
-      )}
-    </Wrapper>
-  );
-}

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