@widergy/mobile-ui 2.9.6 → 2.10.0

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+# [2.10.0](https://github.com/widergy/mobile-ui/compare/v2.9.7...v2.10.0) (2026-04-13)
+
+
+### Features
+
+* [PROMI-221] UTPhoneInput soporta valor string u objeto con prefix editable ([#496](https://github.com/widergy/mobile-ui/issues/496)) ([07a8a8b](https://github.com/widergy/mobile-ui/commit/07a8a8bf4101efcd89176119de7a8aa62252f79e))
+
+## [2.9.7](https://github.com/widergy/mobile-ui/compare/v2.9.6...v2.9.7) (2026-04-10)
+
+
+### Bug Fixes
+
+* [UGGC-99] replace deprecated defaultProps with default parameter in UTModal ([#495](https://github.com/widergy/mobile-ui/issues/495)) ([b2c095f](https://github.com/widergy/mobile-ui/commit/b2c095f57a962e14029ddac9eb80cff07bd6b011))
+
 ## [2.9.6](https://github.com/widergy/mobile-ui/compare/v2.9.5...v2.9.6) (2026-04-09)
 
 

package/lib/components/UTModal/index.js

@@ -48,7 +48,7 @@ const UTModal = ({
   loadingText,
   modalBackgroundColor,
   modalStyles,
-  onRequestClose,
+  onRequestClose = () => {},
   subtitle,
   subtitleProps = {},
   title,
@@ -184,10 +184,6 @@ const UTModal = ({
   );
 };
 
-UTModal.defaultProps = {
-  onRequestClose: () => {}
-};
-
 UTModal.propTypes = ModalTypes;
 
 export default UTModal;

package/lib/components/UTPhoneInput/index.js

@@ -1,6 +1,6 @@
 import React, { PureComponent, createRef } from 'react';
 import { View } from 'react-native';
-import { bool, elementType, func, number, shape, string } from 'prop-types';
+import { bool, elementType, func, number, oneOfType, shape, string } from 'prop-types';
 
 import { COMPONENT_KEYS } from '../UTBaseInputField/constants';
 import { formatErrorToValidation } from '../UTValidation/utils';
@@ -53,9 +53,11 @@ class UTPhoneInput extends PureComponent {
 
   changeText = updateFunction => {
     const { areaCode, phoneNumber } = this.state;
-    const { withAreaCode } = this.props;
+    const { withAreaCode, prefix, editablePrefix } = this.props;
 
-    if (withAreaCode && (areaCode || phoneNumber)) {
+    if (prefix !== undefined && editablePrefix) {
+      updateFunction({ number: phoneNumber, prefix });
+    } else if (withAreaCode && (areaCode || phoneNumber)) {
       updateFunction(`${areaCode}-${phoneNumber}`);
     } else if (!withAreaCode) {
       updateFunction(phoneNumber);
@@ -137,10 +139,14 @@ class UTPhoneInput extends PureComponent {
   };
 
   updateValue = () => {
-    const { value, withAreaCode } = this.props;
+    const { value, withAreaCode, prefix, editablePrefix, onChange } = this.props;
     if (value) {
-      if (withAreaCode) {
-        const phone = value.split('-');
+      const valueNumber = typeof value === 'object' ? value.number : value;
+      if (prefix !== undefined && editablePrefix) {
+        this.setState({ phoneNumber: valueNumber });
+        if (typeof value !== 'object') onChange({ number: valueNumber, prefix });
+      } else if (withAreaCode) {
+        const phone = valueNumber.split('-');
         if (phone.length === 2) {
           const newAreaCodeState = this.getAreaCodeState(phone[0]);
           this.setState({
@@ -149,7 +155,7 @@ class UTPhoneInput extends PureComponent {
           });
         }
       } else {
-        this.setState({ phoneNumber: value });
+        this.setState({ phoneNumber: valueNumber });
       }
     } else {
       this.setState({
@@ -164,7 +170,7 @@ class UTPhoneInput extends PureComponent {
   render() {
     const {
       areaCodePlaceholder,
-      countryCode,
+      prefix,
       dataTestId,
       disabled,
       error,
@@ -235,9 +241,7 @@ class UTPhoneInput extends PureComponent {
               disabled={(withAreaCode && !isValidCode) || disabled || readOnly}
               error={hasError && !areaCodeError}
               leftAdornments={
-                countryCode && !withAreaCode
-                  ? [{ name: COMPONENT_KEYS.PREFIX, props: { text: countryCode } }]
-                  : []
+                prefix && !withAreaCode ? [{ name: COMPONENT_KEYS.PREFIX, props: { text: prefix } }] : []
               }
               maxLength={withAreaCode ? maxLength - (areaCode?.length || 0) : maxLength}
               onBlur={this.handleSecondBlur}
@@ -288,7 +292,6 @@ UTPhoneInput.defaultProps = {
 
 UTPhoneInput.propTypes = {
   areaCodePlaceholder: string,
-  countryCode: string,
   dataTestId: string,
   disabled: bool,
   error: string,
@@ -300,6 +303,8 @@ UTPhoneInput.propTypes = {
   onFocus: func,
   onSubmitEditing: func,
   placeholder: string,
+  prefix: string,
+  editablePrefix: bool,
   readOnly: bool,
   required: bool,
   RightIcon: elementType,
@@ -310,7 +315,7 @@ UTPhoneInput.propTypes = {
     invalidAreaCodeError: string
   }),
   validations: validationDataProptypes,
-  value: string,
+  value: oneOfType([string, shape({ number: string, prefix: string })]),
   withAreaCode: bool
 };
 

package/package.json

@@ -2,7 +2,7 @@
   "name": "@widergy/mobile-ui",
   "description": "Widergy Mobile Components",
   "author": "widergy",
-  "version": "2.9.6",
+  "version": "2.10.0",
   "repository": "https://github.com/widergy/mobile-ui.git",
   "main": "lib/index.js",
   "files": [