@widergy/mobile-ui 0.35.3 → 0.35.5

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+## [0.35.5](https://github.com/widergy/mobile-ui/compare/v0.35.4...v0.35.5) (2022-10-27)
+
+
+### Bug Fixes
+
+* viewproptypes library import change ([#227](https://github.com/widergy/mobile-ui/issues/227)) ([7976f2a](https://github.com/widergy/mobile-ui/commit/7976f2a1e37cbe75f82b256c4da8fb60d38de548))
+
+## [0.35.4](https://github.com/widergy/mobile-ui/compare/v0.35.3...v0.35.4) (2022-10-25)
+
+
+### Bug Fixes
+
+* added label to tooltip content ([#228](https://github.com/widergy/mobile-ui/issues/228)) ([dee88d6](https://github.com/widergy/mobile-ui/commit/dee88d6e9cc0e306d0efabae284b29dcb2869b9f))
+
 ## [0.35.3](https://github.com/widergy/mobile-ui/compare/v0.35.2...v0.35.3) (2022-08-29)
 
 

package/lib/components/AvatarImage/proptypes.js

@@ -1,4 +1,4 @@
-import { ViewPropTypes } from 'react-native';
+import { ViewPropTypes } from 'deprecated-react-native-prop-types';
 import { number, string } from 'prop-types';
 
 import { themeType } from '../../theming';

package/lib/components/Button/propTypes.js

@@ -1,4 +1,4 @@
-import { ViewPropTypes } from 'react-native';
+import { ViewPropTypes } from 'deprecated-react-native-prop-types';
 import { bool, func, number, oneOf, shape, string } from 'prop-types';
 
 import iconPropTypes from '../Icon/propTypes';

package/lib/components/CaptionLabel/propTypes.js

@@ -1,5 +1,5 @@
 import { bool, oneOfType, string } from 'prop-types';
-import { ViewPropTypes } from 'react-native';
+import { ViewPropTypes } from 'deprecated-react-native-prop-types';
 
 export default {
   color: oneOfType([bool, string]),

package/lib/components/Carousel/components/CarouselItem/index.js

@@ -1,5 +1,6 @@
 import React from 'react';
-import { View, ViewPropTypes } from 'react-native';
+import { ViewPropTypes } from 'deprecated-react-native-prop-types';
+import { View } from 'react-native';
 import { bool } from 'prop-types';
 
 import styles, { getCarouselItemForcedStyle } from '../../styles';

package/lib/components/Carousel/propTypes.js

@@ -1,4 +1,5 @@
-import { ScrollView, ViewPropTypes } from 'react-native';
+import { ScrollView } from 'react-native';
+import { ViewPropTypes } from 'deprecated-react-native-prop-types';
 import { arrayOf, bool, func, instanceOf, node, number, oneOfType, string } from 'prop-types';
 
 export const carouselForcedProps = {

package/lib/components/CheckList/components/CheckBoxRenderer/index.js

@@ -1,5 +1,5 @@
 import React, { memo } from 'react';
-import { ViewPropTypes } from 'react-native';
+import { ViewPropTypes } from 'deprecated-react-native-prop-types';
 import { bool, string, func, number, shape, any } from 'prop-types';
 
 import Checkbox from '../../../Checkbox/index';

package/lib/components/CheckList/proptypes.js

@@ -1,4 +1,4 @@
-import { ViewPropTypes } from 'react-native';
+import { ViewPropTypes } from 'deprecated-react-native-prop-types';
 import { bool, number, shape, oneOfType, string, arrayOf, elementType, any } from 'prop-types';
 
 export default {

package/lib/components/Checkbox/propTypes.js

@@ -1,4 +1,4 @@
-import { ViewPropTypes } from 'react-native';
+import { ViewPropTypes } from 'deprecated-react-native-prop-types';
 import { bool, func, node, number, oneOfType, string } from 'prop-types';
 
 import { themeType } from '../../theming';

package/lib/components/Dropdown/propTypes.js

@@ -1,4 +1,4 @@
-import { ViewPropTypes } from 'react-native';
+import { ViewPropTypes } from 'deprecated-react-native-prop-types';
 import { arrayOf, bool, func, node, number, oneOf, oneOfType, string, shape } from 'prop-types';
 
 import labelPropTypes from '../Label/propTypes';

package/lib/components/Icon/propTypes.js

@@ -1,4 +1,4 @@
-import { ViewPropTypes } from 'react-native';
+import { ViewPropTypes } from 'deprecated-react-native-prop-types';
 import { number, string } from 'prop-types';
 
 export default {

package/lib/components/IconBadge/propTypes.js

@@ -1,5 +1,5 @@
 import { bool, element, string } from 'prop-types';
-import { ViewPropTypes } from 'react-native';
+import { ViewPropTypes } from 'deprecated-react-native-prop-types';
 
 import { themeType } from '../../theming';
 

package/lib/components/IconButton/propTypes.js

@@ -1,4 +1,4 @@
-import { ViewPropTypes } from 'react-native';
+import { ViewPropTypes } from 'deprecated-react-native-prop-types';
 import { bool, func, number, string } from 'prop-types';
 
 export default {

package/lib/components/ImageButton/propTypes.js

@@ -1,4 +1,4 @@
-import { ViewPropTypes } from 'react-native';
+import { ViewPropTypes } from 'deprecated-react-native-prop-types';
 import { bool, func, string } from 'prop-types';
 
 import imageIconPropTypes from '../ImageIcon/propTypes';

package/lib/components/ImageLabel/propTypes.js

@@ -1,5 +1,5 @@
 import { string, func } from 'prop-types';
-import { ViewPropTypes } from 'react-native';
+import { ViewPropTypes } from 'deprecated-react-native-prop-types';
 
 export default {
   title: string,

package/lib/components/ImageRadio/index.js

@@ -1,5 +1,6 @@
 import React from 'react';
-import { View, ViewPropTypes } from 'react-native';
+import { ViewPropTypes } from 'deprecated-react-native-prop-types';
+import { View } from 'react-native';
 import { string, arrayOf, shape, func, number, any } from 'prop-types';
 import _ from 'lodash';
 

package/lib/components/Input/propTypes.js

@@ -1,4 +1,4 @@
-import { ViewPropTypes } from 'react-native';
+import { ViewPropTypes } from 'deprecated-react-native-prop-types';
 import { bool, func, instanceOf, number, oneOfType, shape, string } from 'prop-types';
 
 import captionPropTypes from '../CaptionLabel/propTypes';

package/lib/components/Loading/index.js

@@ -1,5 +1,6 @@
 import React, { Component } from 'react';
-import { ViewPropTypes, Animated, Easing, View } from 'react-native';
+import { ViewPropTypes } from 'deprecated-react-native-prop-types';
+import { Animated, Easing, View } from 'react-native';
 import { string, number } from 'prop-types';
 
 import Label from '../Label';

package/lib/components/Picker/index.js

@@ -1,5 +1,6 @@
 import React, { Fragment } from 'react';
-import { View, ViewPropTypes } from 'react-native';
+import { ViewPropTypes } from 'deprecated-react-native-prop-types';
+import { View } from 'react-native';
 import { string, bool, oneOfType, shape, func } from 'prop-types';
 
 import Label from '../Label';

package/lib/components/RadioGroup/components/RadioButton/index.js

@@ -1,5 +1,6 @@
 import React, { Component, Fragment } from 'react';
-import { View, ViewPropTypes } from 'react-native';
+import { ViewPropTypes } from 'deprecated-react-native-prop-types';
+import { View } from 'react-native';
 import PropTypes from 'prop-types';
 
 import SeparatorBar from '../../../SeparatorBar';

package/lib/components/RadioGroup/index.js

@@ -1,5 +1,6 @@
 import React, { Component } from 'react';
-import { View, ViewPropTypes } from 'react-native';
+import { ViewPropTypes } from 'deprecated-react-native-prop-types';
+import { View } from 'react-native';
 import PropTypes from 'prop-types';
 
 import Label from '../Label';

package/lib/components/SeparatorBar/propTypes.js

@@ -1,4 +1,4 @@
-import { ViewPropTypes } from 'react-native';
+import { ViewPropTypes } from 'deprecated-react-native-prop-types';
 
 import { themeType } from '../../theming';
 

package/lib/components/Snackbar/index.js

@@ -1,5 +1,6 @@
 import React, { Component } from 'react';
-import { SafeAreaView, Animated, ViewPropTypes } from 'react-native';
+import { ViewPropTypes } from 'deprecated-react-native-prop-types';
+import { SafeAreaView, Animated } from 'react-native';
 import PropTypes from 'prop-types';
 
 import { withTheme, themeType } from '../../theming';

package/lib/components/Surface/propTypes.js

@@ -1,4 +1,4 @@
-import { ViewPropTypes } from 'react-native';
+import { ViewPropTypes } from 'deprecated-react-native-prop-types';
 import { number } from 'prop-types';
 
 export default {

package/lib/components/Touchable/propTypes.js

@@ -1,4 +1,4 @@
-import { ViewPropTypes } from 'react-native';
+import { ViewPropTypes } from 'deprecated-react-native-prop-types';
 import { bool, node, func, string } from 'prop-types';
 
 import { themeType } from '../../theming';

package/lib/components/TransitionText/propTypes.js

@@ -1,5 +1,5 @@
 import { bool, func, number, string } from 'prop-types';
-import { ViewPropTypes } from 'react-native';
+import { ViewPropTypes } from 'deprecated-react-native-prop-types';
 
 const propTypes = {
   delay: number,

package/lib/components/UTDetailDrawer/propTypes.js

@@ -1,4 +1,4 @@
-import { ViewPropTypes } from 'react-native';
+import { ViewPropTypes } from 'deprecated-react-native-prop-types';
 import { bool, func, number, any, oneOfType, shape, string } from 'prop-types';
 
 export const UTDetailDrawerDefaultProps = {

package/lib/components/UTImage/propTypes.js

@@ -1,5 +1,5 @@
 import { string, func, bool } from 'prop-types';
-import { ViewPropTypes } from 'react-native';
+import { ViewPropTypes } from 'deprecated-react-native-prop-types';
 
 export default {
   source: string,

package/lib/components/UTLoading/index.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { number, string, bool } from 'prop-types';
-import { ViewPropTypes } from 'react-native';
+import { ViewPropTypes } from 'deprecated-react-native-prop-types';
 
 import Loading from '../Loading';
 

package/lib/components/UTMenu/components/MenuOption/index.js

@@ -1,6 +1,7 @@
 import { any, shape, bool, func, string } from 'prop-types';
 import React, { memo } from 'react';
-import { TouchableOpacity, Text, ViewPropTypes } from 'react-native';
+import { ViewPropTypes } from 'deprecated-react-native-prop-types';
+import { TouchableOpacity, Text } from 'react-native';
 
 import styles from './styles';
 

package/lib/components/UTModal/proptypes.js

@@ -1,5 +1,5 @@
 import { string, func, shape, number, bool, element } from 'prop-types';
-import { ViewPropTypes } from 'react-native';
+import { ViewPropTypes } from 'deprecated-react-native-prop-types';
 
 import { themeType } from '../../theming';
 import { IS_ANDROID } from '../../utils/platformUtils/constants';

package/lib/components/UTOnBoarding/components/CardContent/propTypes.js

@@ -1,5 +1,6 @@
 import { func, shape, string, number, instanceOf, oneOfType } from 'prop-types';
-import { Animated, ViewPropTypes } from 'react-native';
+import { ViewPropTypes } from 'deprecated-react-native-prop-types';
+import { Animated } from 'react-native';
 
 import buttonPropTypes from '../../../Button/propTypes';
 

package/lib/components/UTOnBoarding/propTypes.js

@@ -1,5 +1,5 @@
 import { func, string, shape, number, arrayOf, bool } from 'prop-types';
-import { ViewPropTypes } from 'react-native';
+import { ViewPropTypes } from 'deprecated-react-native-prop-types';
 
 import cardContentPropTypes, { pagePropTypes } from './components/CardContent/propTypes';
 

package/lib/components/UTPasswordField/components/PasswordValidations/index.js

@@ -1,6 +1,7 @@
 import React from 'react';
 import { arrayOf, shape, string, bool } from 'prop-types';
-import { View, ViewPropTypes } from 'react-native';
+import { ViewPropTypes } from 'deprecated-react-native-prop-types';
+import { View } from 'react-native';
 import _ from 'lodash';
 
 import { useTheme } from '../../../../theming';

package/lib/components/UTPasswordField/proptypes.js

@@ -1,5 +1,5 @@
 import { any, arrayOf, bool, element, func, oneOfType, shape, string } from 'prop-types';
-import { ViewPropTypes } from 'react-native';
+import { ViewPropTypes } from 'deprecated-react-native-prop-types';
 
 export default {
   passwordValidations: arrayOf(shape({ expression: string, requirement: string, error: string })),

package/lib/components/UTProgressBar/index.js

@@ -1,5 +1,6 @@
 import React, { useRef, useEffect, useCallback } from 'react';
-import { View, Animated, Easing, ViewPropTypes } from 'react-native';
+import { ViewPropTypes } from 'deprecated-react-native-prop-types';
+import { View, Animated, Easing } from 'react-native';
 import { number, shape, bool } from 'prop-types';
 import _ from 'lodash';
 // eslint-disable-next-line import/no-unresolved

package/lib/components/UTRoundView/propTypes.js

@@ -1,4 +1,4 @@
-import { ViewPropTypes } from 'react-native';
+import { ViewPropTypes } from 'deprecated-react-native-prop-types';
 import { shape } from 'prop-types';
 
 export default {

package/lib/components/UTStepFeedback/components/CircleNumber/index.js

@@ -1,5 +1,6 @@
 import React from 'react';
-import { View, ViewPropTypes } from 'react-native';
+import { ViewPropTypes } from 'deprecated-react-native-prop-types';
+import { View } from 'react-native';
 import { bool, number, shape } from 'prop-types';
 
 import Icon from '../../../Icon';

package/lib/components/UTSwitch/proptypes.js

@@ -1,5 +1,5 @@
 import { string, func, any, shape, number } from 'prop-types';
-import { ViewPropTypes } from 'react-native';
+import { ViewPropTypes } from 'deprecated-react-native-prop-types';
 
 export default {
   style: ViewPropTypes.style,

package/lib/components/UTTextInput/components/BaseInput/index.js

@@ -8,7 +8,8 @@ import React, {
   useEffect,
   useMemo
 } from 'react';
-import { TextInput, ViewPropTypes } from 'react-native';
+import { ViewPropTypes } from 'deprecated-react-native-prop-types';
+import { TextInput } from 'react-native';
 import _ from 'lodash';
 
 import { withTheme } from '../../../../theming';

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

@@ -8,6 +8,7 @@ import InputLabel from '../../components/InputLabel';
 import InputTypes from '../../proptypes';
 import Icon from '../../../Icon';
 import UTTooltip from '../../../UTTooltip';
+import Label from '../../../Label';
 
 import ownStyles, { CONTAINER_PADDINGS } from './styles';
 
@@ -69,7 +70,13 @@ const OutlinedInput = ({
             disabled && themeStyles?.containerDisabled,
             // eslint-disable-next-line react-native/no-inline-styles
             {
-              borderWidth: borderless ? 0 : focused ? 2 : disabled ? themeStyles?.inactive?.disabledBorderWidth ?? 1 : 1,
+              borderWidth: borderless
+                ? 0
+                : focused
+                ? 2
+                : disabled
+                ? themeStyles?.inactive?.disabledBorderWidth ?? 1
+                : 1,
               borderColor: active ? activeColor : inactiveColor
             },
             styles?.inputContainer
@@ -129,7 +136,7 @@ const OutlinedInput = ({
         </View>
         {!!tooltip && (
           <View style={[ownStyles.tooltipContainer, multiline && { height: initialHeight }]}>
-            <UTTooltip content={tooltip} position="left" {...tooltipProps}>
+            <UTTooltip content={<Label>tooltip</Label>} position="left" {...tooltipProps}>
               <Icon
                 name="questioncircleo"
                 type="antdesign"

package/lib/components/UTTooltip/styles.js

@@ -9,7 +9,14 @@ export default StyleSheet.create({
     zIndex: 0,
     backgroundColor: 'white',
     borderRadius: 8,
-    elevation: 2,
+    shadowColor: '#000',
+    shadowOffset: {
+      width: 0,
+      height: 2
+    },
+    shadowOpacity: 0.23,
+    shadowRadius: 2.62,
+    elevation: 4,
     paddingVertical: 4,
     padding: 10,
     maxWidth: 250
@@ -82,5 +89,5 @@ export default StyleSheet.create({
   bottomArrowRotation: {
     transform: [{ rotate: '0deg' }]
   },
-  arrowContainer: { position: 'absolute', elevation: 5 }
+  arrowContainer: { position: 'absolute' }
 });

package/lib/components/UTWorkflowContainer/components/BottomStepHandler/index.js

@@ -1,5 +1,6 @@
 import React from 'react';
-import { View, ViewPropTypes } from 'react-native';
+import { ViewPropTypes } from 'deprecated-react-native-prop-types';
+import { View } from 'react-native';
 import { number, bool, shape, oneOf, func, string, any } from 'prop-types';
 import _ from 'lodash';
 

package/lib/components/UTWorkflowContainer/components/Header/index.js

@@ -1,5 +1,6 @@
 import React from 'react';
-import { View, ViewPropTypes } from 'react-native';
+import { ViewPropTypes } from 'deprecated-react-native-prop-types';
+import { View } from 'react-native';
 import { number, bool, shape, oneOf, func, string } from 'prop-types';
 
 import UTProgressBar from '../../../UTProgressBar';

package/lib/components/UTWorkflowContainer/components/StepsHandler/components/ActionButton/types.js

@@ -1,5 +1,6 @@
 import { string, bool, func, number, shape } from 'prop-types';
-import { ViewPropTypes, Text } from 'react-native';
+import { ViewPropTypes } from 'deprecated-react-native-prop-types';
+import { Text } from 'react-native';
 
 import TouchablePropTypes from '../../../../../Touchable/propTypes';
 import { themeType } from '../../../../../../theming';

package/lib/components/UTWorkflowContainer/components/StepsHandler/index.js

@@ -1,5 +1,6 @@
 import React from 'react';
-import { View, ViewPropTypes } from 'react-native';
+import { ViewPropTypes } from 'deprecated-react-native-prop-types';
+import { View } from 'react-native';
 import { number, bool, shape, oneOf, func, string, any, elementType } from 'prop-types';
 import _ from 'lodash';
 

package/lib/components/UTWorkflowContainer/index.js

@@ -1,5 +1,6 @@
 import React, { useEffect } from 'react';
-import { View, ViewPropTypes } from 'react-native';
+import { ViewPropTypes } from 'deprecated-react-native-prop-types';
+import { View } from 'react-native';
 import { number, func, shape, bool, string, oneOf } from 'prop-types';
 import _ from 'lodash';
 

package/lib/components/WithLoading/index.js

@@ -1,5 +1,6 @@
 import React from 'react';
-import { View, ViewPropTypes } from 'react-native';
+import { ViewPropTypes } from 'deprecated-react-native-prop-types';
+import { View } from 'react-native';
 import { number, string } from 'prop-types';
 
 import Loading from '../Loading';

package/lib/theming/DefaultTheme.js

@@ -158,9 +158,9 @@ export const themeType = shape({
     accept: string,
     cancel: string
   }),
-  badge: {
+  badge: shape({
     backgroundColor: string
-  }
+  })
 });
 
 export default DefaultTheme;

package/package.json

@@ -2,7 +2,7 @@
   "name": "@widergy/mobile-ui",
   "description": "Widergy Mobile Components",
   "author": "widergy",
-  "version": "0.35.3",
+  "version": "0.35.5",
   "repository": "https://github.com/widergy/mobile-ui.git",
   "main": "lib/index.js",
   "files": [
@@ -33,6 +33,7 @@
   },
   "dependencies": {
     "@widergy/web-utils": "^1.22.0",
+    "deprecated-react-native-prop-types": "^2.3.0",
     "lodash": "^4.17.15",
     "pdf-lib": "^1.14.1",
     "react-native-markdown-display": ">=6.1.6",