@widergy/mobile-ui 1.11.5 → 1.12.0

package/lib/components/UTValidation/utils.js

@@ -0,0 +1,8 @@
+export const generateKey = (data, index) => {
+  const titleKey = data.title || '';
+  const statusKey = data.status || '';
+  const itemsKey = data.items.map(item => item.text).join('-');
+  return `${index}-${titleKey}-${statusKey}-${itemsKey}`;
+};
+
+export const generateItemKey = (item, index) => `${index}-${item.status}-${item.text}`;

package/lib/index.js

@@ -53,6 +53,7 @@ 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 UTSelect } from './components/UTSelect';
 export { default as UTStepFeedback } from './components/UTStepFeedback';
@@ -64,9 +65,11 @@ 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 UTLabel } from './components/UTLabel';
-export { default as UTBadge } from './components/UTBadge';
 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';
+
 // Theming
 export * from './theming';
 // Utils

package/lib/theming/README.md

@@ -7,41 +7,33 @@ This is the context provider, use it high in your components tree to make your t
 ### Props
 
 | NAME  | TYPE      | REQUIRED | DESCRIPTION                                           |
-|-------|-----------|----------|-------------------------------------------------------|
+| ----- | --------- | -------- | ----------------------------------------------------- |
 | theme | themeType | No       | An object with the theme values you want to override. |
 
-#### Example 
+#### Example
 
 ```js
 import { ThemeProvider } from '@widergy/mobile-ui';
 
 const theme = {
-    colors: {
-        effect: 'red'
-    }
+  colors: {
+    effect: 'red'
+  }
 };
 
-const App = () => (
-    <ThemeProvider theme={theme}>
-      {/** your code here **/}
-    </ThemeProvider>
-)
-
+const App = () => <ThemeProvider theme={theme}>{/** your code here **/}</ThemeProvider>;
 ```
 
-## withTheme 
+## withTheme
 
 This HOC lets you access to the `theme` object as a prop.
 
 #### Example
 
 ```js
-const MyComponent = ({ size, theme }) => (
-  <Label color={theme.colors.primary}>Hello World!</Label>
-)
+const MyComponent = ({ size, theme }) => <Label color={theme.colors.primary}>Hello World!</Label>;
 
 export default withTheme(MyComponent);
-
 ```
 
 ## Theme Values
@@ -49,7 +41,7 @@ export default withTheme(MyComponent);
 The keys in the theme object are:
 
 | NAME             | TYPE   | DESCRIPTION               |
-|------------------|--------|---------------------------|
+| ---------------- | ------ | ------------------------- |
 | colors.primary   | string | Default text color.       |
 | colors.secondary | string | Default background color. |
-| colors.effect    | string | Default ripple color.     |
+| colors.effect    | string | Default ripple color.     |

package/package.json

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

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

@@ -1 +0,0 @@
-export const LABEL_SCALE = 0.7;

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

@@ -1,35 +0,0 @@
-import { Animated } from 'react-native';
-
-import { LABEL_SCALE } from './constants';
-import { CONTAINER_PADDINGS } from './styles';
-
-export const createLabelAnimations = anims => {
-  const [top, scale] = anims;
-
-  return [
-    [
-      Animated.timing(top, {
-        toValue: CONTAINER_PADDINGS.top - 4,
-        useNativeDriver: true,
-        duration: 100
-      }),
-      Animated.timing(scale, {
-        toValue: 1,
-        useNativeDriver: true,
-        duration: 100
-      })
-    ],
-    [
-      Animated.timing(top, {
-        toValue: 4,
-        useNativeDriver: true,
-        duration: 100
-      }),
-      Animated.timing(scale, {
-        toValue: LABEL_SCALE,
-        useNativeDriver: true,
-        duration: 100
-      })
-    ]
-  ];
-};

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

@@ -1 +0,0 @@
-export const LABEL_SCALE = 0.7;

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

@@ -1,37 +0,0 @@
-import { Animated } from 'react-native';
-
-import { LABEL_SCALE } from './constants';
-import { CONTAINER_PADDINGS } from './styles';
-
-const ANIM_DURATION = 100;
-
-export const createLabelAnimations = anims => {
-  const [top, scale] = anims;
-
-  return [
-    [
-      Animated.timing(top, {
-        toValue: CONTAINER_PADDINGS.top - 4,
-        useNativeDriver: true,
-        duration: ANIM_DURATION
-      }),
-      Animated.timing(scale, {
-        toValue: 1,
-        useNativeDriver: true,
-        duration: ANIM_DURATION
-      })
-    ],
-    [
-      Animated.timing(top, {
-        toValue: 4,
-        useNativeDriver: true,
-        duration: ANIM_DURATION
-      }),
-      Animated.timing(scale, {
-        toValue: LABEL_SCALE,
-        useNativeDriver: true,
-        duration: ANIM_DURATION
-      })
-    ]
-  ];
-};

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

@@ -1 +0,0 @@
-export const LABEL_SCALE = 0.7;