@tui-cruises/mein-schiff-web-react-component-library 3.1.10 → 3.1.11

package/CHANGELOG.md

@@ -2,6 +2,13 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+### [3.1.11](https://bitbucket.org/yours_truly/tuic-mein-schiff-web-react-component-library/compare/v3.1.10...v3.1.11) (2026-04-01)
+
+
+### Features
+
+* **PhoneNumberInput:** expose an onValueChange prop for number change events ([72021b2](https://bitbucket.org/yours_truly/tuic-mein-schiff-web-react-component-library/commit/72021b20305eb1dd5ed21a7e346e39fef497afed))
+
 ### [3.1.10](https://bitbucket.org/yours_truly/tuic-mein-schiff-web-react-component-library/compare/v3.1.9...v3.1.10) (2026-02-23)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tui-cruises/mein-schiff-web-react-component-library",
-  "version": "3.1.10",
+  "version": "3.1.11",
   "main": "./index.tsx",
   "types": "./index.tsx",
   "type": "module",

package/src/components/core/PhoneNumberInput/PhoneNumberInput.tsx

@@ -24,6 +24,8 @@ type PhoneNumberInputProps = InputHTMLAttributes<HTMLInputElement> & {
   error?: string;
   ariaLabelCountryCode?: string;
   ariaLabelPhoneNumber?: string;
+  /** Called whenever the value changes with the dial code and number separately. */
+  onValueChange?: (value: { dialCode: string; localNumber: string }) => void;
 };
 
 const getDefaultCountry = (
@@ -83,6 +85,7 @@ const PhoneNumberInputRenderFunction: ForwardRefRenderFunction<
     error,
     ariaLabelCountryCode = 'Country code',
     ariaLabelPhoneNumber = 'Phone number',
+    onValueChange,
     ...attrs
   } = props;
 
@@ -109,12 +112,19 @@ const PhoneNumberInputRenderFunction: ForwardRefRenderFunction<
   const handleCountryChange = (value: string) => {
     setSelectedCountryCode(value);
     setTypedInNumber('');
+    const newDialCode =
+      countries.find(country => country.code === value)?.dialCode || '';
+    onValueChange?.({ dialCode: newDialCode, localNumber: '' });
   };
 
   const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {
     const fullNumber = event.target.value;
     const justNumber = fullNumber.replace(selectedCountryDialCode, '').trim();
     setTypedInNumber(justNumber);
+    onValueChange?.({
+      dialCode: selectedCountryDialCode,
+      localNumber: justNumber,
+    });
   };
 
   const inputValue = `${selectedCountryDialCode} ${typedInNumber}`;