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

package/CHANGELOG.md

@@ -0,0 +1,21 @@
+# 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-3651640:** dialogbox module ([f81465e](https://github.com/Pxs-Corporate/react-native-lavender/commit/f81465ee7332fee42789700c468344ce3b3f5cc4))
+- **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-3651640:** dialogbox module ([f81465e](https://github.com/Pxs-Corporate/react-native-lavender/commit/f81465ee7332fee42789700c468344ce3b3f5cc4))
+- **BCRI-4210372:** automatic versionning ([9c1f0a0](https://github.com/Pxs-Corporate/react-native-lavender/commit/9c1f0a00e19a9d1a277044ea627632032a674102))

package/dist/PxDialogBox.d.ts

@@ -0,0 +1,13 @@
+import { StyleProp, ViewStyle } from 'react-native';
+import React from 'react';
+export declare function PxDialogBox({ title, body, primaryButtonLabel, primaryButtonCallback, secondaryButtonLabel, secondaryButtonCallback, sideBySideButtons, containerStyle, }: {
+    title: string;
+    body?: string;
+    primaryButtonLabel: string;
+    primaryButtonCallback: () => void;
+    secondaryButtonLabel?: string;
+    secondaryButtonCallback?: () => void;
+    sideBySideButtons?: boolean;
+    containerStyle?: StyleProp<ViewStyle>;
+}): React.JSX.Element;
+//# sourceMappingURL=PxDialogBox.d.ts.map

package/dist/PxDialogBox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PxDialogBox.d.ts","sourceRoot":"","sources":["../src/PxDialogBox.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAoB,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACtE,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,IAAI,EACJ,kBAAkB,EAClB,qBAAqB,EACrB,oBAAoB,EACpB,uBAAuB,EACvB,iBAAiB,EACjB,cAAc,GACf,EAAE;IACD,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,kBAAkB,EAAE,MAAM,CAAC;IAC3B,qBAAqB,EAAE,MAAM,IAAI,CAAC;IAClC,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,uBAAuB,CAAC,EAAE,MAAM,IAAI,CAAC;IACrC,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CACvC,qBA4BA"}

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+export { PxDialogBox } from './PxDialogBox';
+//# 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,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC"}

package/package.json

@@ -0,0 +1,43 @@
+{
+  "name": "@proximus/lavender-dialogbox-native",
+  "version": "0.1.0-alpha.0",
+  "description": "Lavender dialog box 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-button-native": "workspace:*",
+    "@proximus/lavender-common-native": "workspace:*",
+    "@proximus/lavender-separator-native": "workspace:*",
+    "@proximus/lavender-styling-native": "workspace:*",
+    "@proximus/lavender-texts-native": "workspace:*"
+  },
+  "devDependencies": {
+    "@proximus/lavender-button-native": "0.1.0-alpha.1",
+    "@proximus/lavender-common-native": "0.1.0-alpha.0",
+    "@proximus/lavender-separator-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/PxDialogBox.tsx

@@ -0,0 +1,131 @@
+import { StyleSheet, View, StyleProp, ViewStyle } from 'react-native';
+import React from 'react';
+import { Body, Header } from '@proximus/lavender-texts-native';
+import { PxButton } from '@proximus/lavender-button-native';
+import { Colors } from '@proximus/lavender-styling-native';
+import { PxSeparator } from '@proximus/lavender-separator-native';
+
+export function PxDialogBox({
+  title,
+  body,
+  primaryButtonLabel,
+  primaryButtonCallback,
+  secondaryButtonLabel,
+  secondaryButtonCallback,
+  sideBySideButtons,
+  containerStyle,
+}: {
+  title: string;
+  body?: string;
+  primaryButtonLabel: string;
+  primaryButtonCallback: () => void;
+  secondaryButtonLabel?: string;
+  secondaryButtonCallback?: () => void;
+  sideBySideButtons?: boolean;
+  containerStyle?: StyleProp<ViewStyle>;
+}) {
+  return (
+    <View
+      style={[
+        styles.container,
+        ...(Array.isArray(containerStyle) ? containerStyle : [containerStyle]),
+      ]}
+    >
+      <Header style={styles.header}>{title}</Header>
+      {body && <Body style={styles.body}>{body}</Body>}
+      <PxSeparator style={{ marginVertical: 8 }} />
+      {sideBySideButtons ? (
+        <SideBySideButtons
+          primaryButtonLabel={primaryButtonLabel}
+          primaryButtonCallback={primaryButtonCallback}
+          secondaryButtonLabel={secondaryButtonLabel}
+          secondaryButtonCallback={secondaryButtonCallback}
+        />
+      ) : (
+        <StackedButtons
+          primaryButtonLabel={primaryButtonLabel}
+          primaryButtonCallback={primaryButtonCallback}
+          secondaryButtonLabel={secondaryButtonLabel}
+          secondaryButtonCallback={secondaryButtonCallback}
+        />
+      )}
+    </View>
+  );
+}
+
+function StackedButtons({
+  primaryButtonLabel,
+  primaryButtonCallback,
+  secondaryButtonLabel,
+  secondaryButtonCallback,
+}: {
+  primaryButtonLabel: string;
+  primaryButtonCallback: () => void;
+  secondaryButtonLabel?: string;
+  secondaryButtonCallback?: () => void;
+}) {
+  return (
+    <>
+      <PxButton
+        wrapperStyle={{ marginVertical: 8 }}
+        title={primaryButtonLabel}
+        onPress={primaryButtonCallback}
+      />
+      {secondaryButtonLabel && secondaryButtonCallback && (
+        <PxButton
+          title={secondaryButtonLabel}
+          onPress={secondaryButtonCallback}
+          type={'secondary'}
+        />
+      )}
+    </>
+  );
+}
+
+function SideBySideButtons({
+  primaryButtonLabel,
+  primaryButtonCallback,
+  secondaryButtonLabel,
+  secondaryButtonCallback,
+}: {
+  primaryButtonLabel: string;
+  primaryButtonCallback: () => void;
+  secondaryButtonLabel?: string;
+  secondaryButtonCallback?: () => void;
+}) {
+  return (
+    <View style={{ flexDirection: 'row', flex: 1, marginVertical: 8 }}>
+      {secondaryButtonLabel && secondaryButtonCallback && (
+        <PxButton
+          wrapperStyle={{ flexGrow: 1, marginRight: 4 }}
+          title={secondaryButtonLabel}
+          onPress={secondaryButtonCallback}
+          type={'secondary'}
+          isRoundedBottomCorner={false}
+        />
+      )}
+      <PxButton
+        wrapperStyle={{ flexGrow: 1, marginLeft: 4 }}
+        title={primaryButtonLabel}
+        onPress={primaryButtonCallback}
+      />
+    </View>
+  );
+}
+
+const styles = StyleSheet.create({
+  container: {
+    paddingHorizontal: 16,
+    paddingVertical: 8,
+    borderRadius: 4,
+    backgroundColor: Colors.v8_1.white,
+  },
+  header: {
+    marginVertical: 8,
+    fontSize: 18,
+  },
+  body: {
+    fontSize: 14,
+    marginVertical: 8,
+  },
+});

package/src/index.ts

@@ -0,0 +1 @@
+export { PxDialogBox } from './PxDialogBox';

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