@widergy/mobile-ui 0.37.3 → 0.37.5

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+## [0.37.5](https://github.com/widergy/mobile-ui/compare/v0.37.4...v0.37.5) (2023-06-14)
+
+
+### Bug Fixes
+
+* added property for error number of lines ([#242](https://github.com/widergy/mobile-ui/issues/242)) ([b263d60](https://github.com/widergy/mobile-ui/commit/b263d6036920a70e6a8758f967a5ba355989e019))
+
+## [0.37.4](https://github.com/widergy/mobile-ui/compare/v0.37.3...v0.37.4) (2023-06-06)
+
+
+### Bug Fixes
+
+* image radio ([#240](https://github.com/widergy/mobile-ui/issues/240)) ([d834b8c](https://github.com/widergy/mobile-ui/commit/d834b8c149b636e4c772ed02ecae8b517be61eea))
+
 ## [0.37.3](https://github.com/widergy/mobile-ui/compare/v0.37.2...v0.37.3) (2023-03-11)
 
 

package/lib/components/CaptionLabel/index.js

@@ -5,14 +5,14 @@ import Label from '../Label';
 import constants from './constants';
 import propTypes from './propTypes';
 
-const CaptionLabel = ({ color, children, error, errorColor, style }) => (
+const CaptionLabel = ({ color, children, error, errorColor, style, textProps }) => (
   <Label
     color={!error ? color : errorColor}
     error={error && !errorColor}
     primary={!error && !color}
     xsmall
     style={style}
-    textProps={constants.textProps}
+    textProps={textProps || constants.textProps}
   >
     {error || children || ' '}
   </Label>

package/lib/components/ImageIcon/index.js

@@ -5,9 +5,9 @@ import propTypes from './propTypes';
 import { getImageStyles } from './styles';
 import { DEFAULT_IMAGE_ICON_SIZE } from './constants';
 
-const ImageIcon = ({ containerStyle, image, size, style, theme, ...props }) => {
+const ImageIcon = ({ containerStyle, image, size, style, theme, withUri = false, ...props }) => {
   const imageStyles = getImageStyles(size);
-  return <Image resizeMode="contain" {...props} source={image} style={[imageStyles, style]} />;
+  return <Image resizeMode="contain" {...props} source={withUri ? {uri: image} : image} style={[imageStyles, style]} />;
 };
 
 ImageIcon.defaultProps = {

package/lib/components/ImageRadio/index.js

@@ -33,10 +33,19 @@ const ImageRadio = ({ options, title, onChange, value, style, variant = {} }) =>
             ]}
           >
             <View style={vertical ? styles.touchableInnerContainerVertical : styles.touchableInnerContainer}>
-              <ImageIcon
+              {
+                !!option.configuration.selected_image_url && <ImageIcon
                 size={IMAGE_SIZE}
-                image={isSelected(option) ? option.selectedImage : option.unselectedImage}
+                image={isSelected(option) ? option.configuration.selected_image_url : option.configuration.image_url}
+                withUri={true}
               />
+              }
+              {
+                !!option?.configuration?.SelectedImageComponent && <ImageIcon
+                size={IMAGE_SIZE}
+                image={isSelected(option) ? option.configuration.SelectedImageComponent :  option.configuration.UnselectedImageComponent}
+                />
+              }
               <View style={!vertical ? styles.labels : styles.verticalLabels}>
                 <Label
                   white={!transparentBackground && isSelected(option)}

package/lib/components/UTPasswordField/index.js

@@ -15,6 +15,7 @@ const UTPasswordField = ({
   passwordValidations,
   showValidations,
   shouldShowError,
+  errorTextProps,
   ...props
 }) => {
   const { value, onChange } = input;
@@ -26,6 +27,7 @@ const UTPasswordField = ({
         value={value}
         onChange={onChange}
         error={showValidations ? !!error : error}
+        errorTextProps={errorTextProps}
         hiddenInput
       />
       {!!showValidations && !!passwordValidations && (

package/lib/components/UTTextInput/flavors/FilledInput/index.js

@@ -38,6 +38,7 @@ const FilledInput = ({
   multiline,
   captionLabel,
   borderless,
+  errorTextProps,
   ...props
 }) => {
   const [initialHeight, setInitialHeight] = useState(inputHeight);
@@ -126,6 +127,7 @@ const FilledInput = ({
         color={theme.colors.primary}
         errorColor={theme.colors.error}
         style={[themeStyles?.errorLabel, styles?.errorLabel]}
+        textProps={errorTextProps}
       >
         {captionLabel}
       </CaptionLabel>

package/lib/components/UTTextInput/flavors/OutlinedInput/index.js

@@ -40,6 +40,7 @@ const OutlinedInput = ({
   multiline,
   captionLabel,
   borderless,
+  errorTextProps,
   ...props
 }) => {
   const focusedColor = themeStyles?.focused?.color || theme.colors.primary;
@@ -153,6 +154,7 @@ const OutlinedInput = ({
         color={theme.colors.primary}
         errorColor={theme.colors.error}
         style={[themeStyles?.errorLabel, styles?.errorLabel]}
+        textProps={errorTextProps}
       >
         {captionLabel}
       </CaptionLabel>

package/lib/components/UTTextInput/flavors/StandardInput/index.js

@@ -37,6 +37,7 @@ const StandardInput = ({
   tooltipProps,
   captionLabel,
   borderless,
+  errorTextProps,
   ...props
 }) => (
   <View style={[ownStyles.container, themeStyles?.root, styles?.container]}>
@@ -114,6 +115,7 @@ const StandardInput = ({
       color={theme.colors.primary}
       errorColor={theme.colors.error}
       style={[themeStyles?.errorLabel, styles?.errorLabel]}
+      textProps={errorTextProps}
     >
       {captionLabel}
     </CaptionLabel>

package/lib/components/UTTextInput/index.js

@@ -14,7 +14,7 @@ const variants = {
   outlined: OutlinedInput
 };
 
-const UTTextInput = ({ variant = 'standard', theme, onFocus, onBlur, controlledFocus, select, ...props }) => {
+const UTTextInput = ({ variant = 'standard', theme, onFocus, onBlur, controlledFocus, select, errorTextProps, ...props }) => {
   const [inputHeight, setInputHeight] = useState(0);
   const [focused, setFocused] = useState(false);
 
@@ -44,6 +44,7 @@ const UTTextInput = ({ variant = 'standard', theme, onFocus, onBlur, controlledF
       themeStyles={themeStyles}
       inputHeight={inputHeight}
       select={select}
+      errorTextProps={errorTextProps}
     />
   );
 };

package/package.json

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