@widergy/mobile-ui 1.14.6 → 1.15.1

package/lib/components/UTTextInput/versions/V1/index.js

@@ -1,31 +1,33 @@
-import React from 'react';
+import React, { useMemo } from 'react';
 import { View } from 'react-native';
 
 import { formatErrorToValidation } from '../../../UTValidation/utils';
-import UTLabel from '../../../UTLabel';
 import UTFieldLabel from '../../../UTFieldLabel';
+import UTLabel from '../../../UTLabel';
 import UTValidation from '../../../UTValidation';
 
-import { DEFAULT_PROPS, SMALL } from './constants';
-import propTypes from './proptypes';
+import { defaultProps, propTypes } from './proptypes';
+import { SIZES } from './constants';
 import styles from './styles';
 import TextInputField from './components/TextInputField';
 
 const UTTextInput = ({
   action,
   alwaysShowPlaceholder,
+  blurOnSubmit,
   disabled,
   error,
   helpText,
-  InputRef,
+  id,
+  input,
+  inputRef,
   inputSize,
   label,
   labelVariant,
   LeftIcon,
-  maxCount,
+  maxLength,
   maxRows,
   onBlur,
-  onChange,
   onFocus,
   onSubmitEditing,
   placeholder,
@@ -34,16 +36,20 @@ const UTTextInput = ({
   required,
   returnKeyType,
   RightIcon,
+  showCharacterCount,
   style,
   suffix,
   tooltip,
   type,
-  validations,
-  value
+  validations
 }) => {
   const labelColorTheme = readOnly ? 'gray' : 'dark';
-  const labelComponentVariant = labelVariant === SMALL ? 'small' : 'body';
-  const validationData = validations || (error && formatErrorToValidation(error));
+  const labelComponentVariant = labelVariant === SIZES.SMALL ? 'small' : 'body';
+
+  const validationData = useMemo(
+    () => validations || (error && formatErrorToValidation(error)),
+    [error, validations]
+  );
 
   return (
     <View style={[styles.container, style.root]}>
@@ -55,15 +61,17 @@ const UTTextInput = ({
       <TextInputField
         action={action}
         alwaysShowPlaceholder={alwaysShowPlaceholder}
+        blurOnSubmit={blurOnSubmit}
         disabled={disabled}
         error={error}
-        InputRef={InputRef}
+        id={id}
+        input={input}
+        inputRef={inputRef}
         inputSize={inputSize}
         LeftIcon={LeftIcon}
-        maxCount={maxCount}
+        maxLength={maxLength}
         maxRows={maxRows}
         onBlur={onBlur}
-        onChange={onChange}
         onFocus={onFocus}
         onSubmitEditing={onSubmitEditing}
         placeholder={placeholder}
@@ -71,11 +79,11 @@ const UTTextInput = ({
         readOnly={readOnly}
         returnKeyType={returnKeyType}
         RightIcon={RightIcon}
+        showCharacterCount={showCharacterCount}
         style={style}
         suffix={suffix}
         tooltip={tooltip}
         type={type}
-        value={value}
       />
       {helpText && (
         <UTLabel colorTheme="gray" variant="small">
@@ -87,10 +95,7 @@ const UTTextInput = ({
   );
 };
 
-UTTextInput.defaultProps = DEFAULT_PROPS;
-
-UTTextInput.propTypes = {
-  ...propTypes
-};
+UTTextInput.defaultProps = defaultProps;
+UTTextInput.propTypes = propTypes;
 
 export default UTTextInput;

package/lib/components/UTTextInput/versions/V1/proptypes.js

@@ -1,23 +1,41 @@
-import { bool, elementType, func, number, shape, string } from 'prop-types';
+import { bool, elementType, func, instanceOf, number, oneOfType, shape, string } from 'prop-types';
 import { ViewPropTypes } from 'deprecated-react-native-prop-types';
 
 import { validationDataProptypes } from '../../../UTValidation/constants';
 
-export default {
+import { SIZES } from './constants';
+
+export const defaultProps = {
+  input: {
+    value: [],
+    onChange: () => {}
+  },
+  inputSize: SIZES.LARGE,
+  labelVariant: SIZES.LARGE,
+  maxRows: 1,
+  style: {}
+};
+
+export const propTypes = {
   action: shape({ icon: elementType, action: func, colorTheme: string, text: string }),
   alwaysShowPlaceholder: bool,
+  blurOnSubmit: bool,
   disabled: bool,
   error: string,
   helpText: string,
-  InputRef: func,
+  id: oneOfType([number, string]),
+  input: shape({
+    value: string,
+    onChange: func
+  }),
+  inputRef: oneOfType([func, instanceOf(Object)]),
   inputSize: string,
   label: string,
   labelVariant: string,
   LeftIcon: elementType,
-  maxCount: number,
+  maxLength: number,
   maxRows: number,
   onBlur: func,
-  onChange: func,
   onFocus: func,
   onSubmitEditing: func,
   placeholder: string,
@@ -26,6 +44,7 @@ export default {
   required: bool,
   returnKeyType: string,
   RightIcon: elementType,
+  showCharacterCount: bool,
   style: shape({
     container: ViewPropTypes.style,
     input: ViewPropTypes.style,
@@ -34,6 +53,5 @@ export default {
   suffix: string,
   tooltip: string,
   type: string,
-  validations: validationDataProptypes,
-  value: string
+  validations: validationDataProptypes
 };

package/lib/constants/inputs.js

@@ -0,0 +1,4 @@
+export const LABEL_VARIANTS = {
+  large: 'body',
+  small: 'small'
+};

package/lib/index.js

@@ -2,78 +2,74 @@ import ReactotronConfig from './reactotronConfig'; // Importa la configuración
 
 ReactotronConfig();
 
-// Buttons
-export { default as Button } from './components/Button';
-export { default as UTButton } from './components/UTButton';
-export { default as IconButton } from './components/IconButton';
-export { default as ImageButton } from './components/ImageButton';
-export { default as Touchable } from './components/Touchable';
 export { default as ActionButton } from './components/ActionButton';
-export { default as UTSwitch } from './components/UTSwitch';
-// Feedback
-export { default as Modal } from './components/Modal';
-export { default as UTModal } from './components/UTModal';
-export { default as Snackbar } from './components/Snackbar';
-// Forms
+export { default as AvatarImage } from './components/AvatarImage';
+export { default as Button } from './components/Button';
+export { default as Carousel } from './components/Carousel';
 export { default as Checkbox } from './components/Checkbox';
-export { default as RadioButton } from './components/RadioGroup/components/RadioButton';
-export { default as RadioGroup } from './components/RadioGroup';
-export { default as Input } from './components/Input';
-export { default as ImagePicker } from './components/ImagePicker';
-export { default as FilePicker } from './components/FilePicker';
-export { default as MultipleFilePicker } from './components/MultipleFilePicker';
-export { default as Picker } from './components/Picker';
-export { default as ImageLabel } from './components/ImageLabel';
 export { default as CheckList } from './components/CheckList';
-export { default as UTCBUInput } from './components/UTCBUInput';
-export { default as UTPasswordField } from './components/UTPasswordField';
-export { default as UTCheckList } from './components/UTCheckList';
-export { default as UTCheckBox } from './components/UTCheckBox';
-
-// Icons
+export { default as Dropdown } from './components/Dropdown';
+export { default as FilePicker } from './components/FilePicker';
 export { default as Icon } from './components/Icon';
+export { default as IconBadge } from './components/IconBadge';
+export { default as IconButton } from './components/IconButton';
+export { default as ImageButton } from './components/ImageButton';
 export { default as ImageIcon } from './components/ImageIcon';
-export { default as SeparatorBar } from './components/SeparatorBar';
-export { default as UTIcon } from './components/UTIcon';
-// Library Components
-export { default as AvatarImage } from './components/AvatarImage';
-export { default as Carousel } from './components/Carousel';
-export { default as Dropdown } from './components/Dropdown';
-export { default as TransformView } from './components/TransformView';
+export { default as ImageLabel } from './components/ImageLabel';
+export { default as ImagePicker } from './components/ImagePicker';
+export { default as ImageRadio } from './components/ImageRadio';
+export { default as Input } from './components/Input';
+export { default as Label } from './components/Label';
+export { default as Loading } from './components/Loading';
+export { default as Modal } from './components/Modal';
+export { default as MultipleFilePicker } from './components/MultipleFilePicker';
 export { default as Overlay } from './components/Overlay';
+export { default as Picker } from './components/Picker';
 export { default as Portal } from './components/Portal';
+export { default as RadioButton } from './components/RadioGroup/components/RadioButton';
+export { default as RadioGroup } from './components/RadioGroup';
+export { default as SeparatorBar } from './components/SeparatorBar';
+export { default as Snackbar } from './components/Snackbar';
 export { default as Surface } from './components/Surface';
+export { default as Touchable } from './components/Touchable';
+export { default as TransformView } from './components/TransformView';
+export { default as TransitionText } from './components/TransitionText';
 export { default as TransitionView } from './components/TransitionView';
-export { default as IconBadge } from './components/IconBadge';
+export { default as UTAutocomplete } from './components/UTAutocomplete';
+export { default as UTBadge } from './components/UTBadge';
+export { default as UTBottomSheet } from './components/UTBottomSheet';
+export { default as UTButton } from './components/UTButton';
+export { default as UTCBUInput } from './components/UTCBUInput';
+export { default as UTCheckBox } from './components/UTCheckBox';
+export { default as UTCheckList } from './components/UTCheckList';
 export { default as UTDetailDrawer } from './components/UTDetailDrawer';
+export { default as UTIcon } from './components/UTIcon';
 export { default as UTImage } from './components/UTImage';
-export { default as UTWorkflowContainer } from './components/UTWorkflowContainer';
-export { default as UTSelectableCard } from './components/UTSelectableCard';
+export { default as UTLabel } from './components/UTLabel';
+export { default as UTLoading } from './components/UTLoading';
+export { default as UTMenu } from './components/UTMenu';
+export { default as UTModal } from './components/UTModal';
+export { default as UTOnBoarding } from './components/UTOnBoarding';
+export { default as UTPasswordField } from './components/UTPasswordField';
+export { default as UTPhoneInput } from './components/UTPhoneInput';
 export { default as UTProductItem } from './components/UTProductItem';
 export { default as UTProgressBar } from './components/UTProgressBar';
-export { default as UTOnBoarding } from './components/UTOnBoarding';
 export { default as UTRoundView } from './components/UTRoundView';
-export { default as UTMenu } from './components/UTMenu';
-export { default as UTTooltip } from './components/UTTooltip';
-export { default as UTTextArea } from './components/UTTextArea';
-export { default as UTTextInput } from './components/UTTextInput';
+export { default as UTSearchField } from './components/UTSearchField';
 export { default as UTSelect } from './components/UTSelect';
+export { default as UTSelectableCard } from './components/UTSelectableCard';
 export { default as UTStepFeedback } from './components/UTStepFeedback';
-export { default as UTAutocomplete } from './components/UTAutocomplete';
+export { default as UTSwitch } from './components/UTSwitch';
+export { default as UTTextArea } from './components/UTTextArea';
+export { default as UTTextInput } from './components/UTTextInput';
+export { default as UTTooltip } from './components/UTTooltip';
 export { default as UTTracker } from './components/UTTracker';
-export { default as ImageRadio } from './components/ImageRadio';
-// Loading
-export { default as Loading } from './components/Loading';
-export { default as UTLoading } from './components/UTLoading';
-// Text
-export { default as Label } from './components/Label';
-export { default as TransitionText } from './components/TransitionText';
-export { default as UTBadge } from './components/UTBadge';
-export { default as UTLabel } from './components/UTLabel';
 export { default as UTValidation } from './components/UTValidation';
+export { default as UTWorkflowContainer } from './components/UTWorkflowContainer';
 
 // Theming
 export * from './theming';
+
 // Utils
 export { default as analyticsUtils } from './utils/analyticsUtils';
 export { default as portraitScaleUtils } from './utils/portraitScalingUtils';

package/package.json

@@ -2,7 +2,7 @@
   "name": "@widergy/mobile-ui",
   "description": "Widergy Mobile Components",
   "author": "widergy",
-  "version": "1.14.6",
+  "version": "1.15.1",
   "repository": "https://github.com/widergy/mobile-ui.git",
   "main": "lib/index.js",
   "files": [
@@ -47,7 +47,7 @@
     "react-native-modal": "^13.0.1",
     "react-native-pager-view": "^6.2.1",
     "react-native-svg": "^13.13.0",
-    "react-native-safe-area-context": "^4.5.0"
+    "react-native-safe-area-context": "4.10.1"
   },
   "devDependencies": {
     "@babel/cli": "^7.22.10",