Merge branch 'master' into release

Author: adids1221

demo/src/assets/Assets.ts

@@ -1,7 +1,32 @@
-import {Colors, Typography, Spacings, TextField} from 'react-native-ui-lib'; // eslint-disable-line
+import {Assets, Colors, Typography, Spacings, TextField} from 'react-native-ui-lib'; // eslint-disable-line
 
 export const loadDemoConfigurations = () => {
-  require('./assets/Assets');
+  Assets.loadAssetsGroup('icons.demo', {
+    chevronDown: require('./assets/icons/chevronDown.png'),
+    chevronRight: require('./assets/icons/chevronRight.png'),
+    add: require('./assets/icons/add.png'),
+    camera: require('./assets/icons/cameraSelected.png'),
+    close: require('./assets/icons/close.png'),
+    dashboard: require('./assets/icons/dashboard.png'),
+    drag: require('./assets/icons/drag.png'),
+    image: require('./assets/icons/image.png'),
+    plus: require('./assets/icons/plus.png'),
+    refresh: require('./assets/icons/refresh.png'),
+    search: require('./assets/icons/search.png'),
+    settings: require('./assets/icons/settings.png'),
+    share: require('./assets/icons/share.png'),
+    info: require('./assets/icons/info.png'),
+    exclamation: require('./assets/icons/exclamationFillSmall.png')
+  });
+
+  Assets.loadAssetsGroup('images.demo', {
+    brokenImage: require('./assets/images/placeholderMissingImage.png')
+  });
+
+  Assets.loadAssetsGroup('svgs.demo', {
+    logo: require('./assets/svgs/headerLogo.svg').default
+  });
+
   Typography.loadTypographies({
     h1: {...Typography.text40},
     h2: {...Typography.text50},

demo/src/configurations.js

@@ -14,17 +14,6 @@ import Storage, {DEFAULT_SCREEN} from './storage';
 //   gold: '#FFD700',
 // });
 
-// ThemeManager.setComponentTheme('Picker', (props) => {
-//   if (props.useNativePicker) {
-//     return {
-//       topBarProps: {
-//         doneLabel: Constants.isIOS ? 'Done2' : 'OK2',
-//         cancelLabel: Constants.isIOS ? 'Cancel2' : 'CANCEL2',
-//       },
-//     };
-//   }
-// });
-
 // const customAnimationsDefinitions = {
 //   customAnimation1: {
 //     from: {opacity: 0, translateY: 20},

demo/src/demoApp.js

@@ -45,6 +45,10 @@ export default class ChipsInputScreen extends Component {
 
             this.setState({chips: newChips});
           }}
+          validate={'required'}
+          validateOnChange
+          validationMessage={'You must add at least one chip'}
+          marginB-10
         />
 
         <ChipsInput

demo/src/screens/componentScreens/ChipsInputScreen.tsx

@@ -1,9 +1,8 @@
 import React, {Component} from 'react';
 import {StyleSheet, ScrollView, LayoutAnimation} from 'react-native';
-import {Colors, Typography, View, Drawer, Text, Button, Avatar, Badge, DrawerProps} from 'react-native-ui-lib';
+import {Assets, Colors, Typography, View, Drawer, Text, Button, Avatar, Badge, DrawerProps} from 'react-native-ui-lib';
 import {gestureHandlerRootHOC} from 'react-native-gesture-handler';
 import conversations from '../../data/conversations';
-import Assets from '../../assets/Assets';
 
 import {renderBooleanOption, renderSliderOption, renderColorOption} from '../ExampleScreenPresenter';
 

demo/src/screens/componentScreens/DrawerScreen.tsx

@@ -1,9 +1,8 @@
 import _ from 'lodash';
 import React, {Component} from 'react';
 import {Alert, ViewStyle} from 'react-native';
-import {Colors, View, Text, Hint, Button, Incubator} from 'react-native-ui-lib';
+import {Colors, View, Text, Hint, Button, Assets, Incubator} from 'react-native-ui-lib';
 import {renderMultipleSegmentOptions, renderBooleanOption} from '../ExampleScreenPresenter';
-import Assets from '../../assets/Assets';
 
 const settingsIcon = require('../../assets/icons/settings.png');
 const reactions = ['❤️', '😮', '😔', '😂', '😡'];

demo/src/screens/componentScreens/HintsScreen.tsx

@@ -1,8 +1,7 @@
 import React, {Component} from 'react';
 import {ScrollView} from 'react-native';
-import {View, Text, Icon, Image, Colors, OverlayTypes} from 'react-native-ui-lib';
+import {View, Text, Icon, Image, Colors, Assets, OverlayTypes} from 'react-native-ui-lib';
 import {renderBooleanOption, renderRadioGroup, renderSliderOption} from '../ExampleScreenPresenter';
-import Assets from '../../assets/Assets';
 
 const IMAGE_URL =
   'https://images.pexels.com/photos/748837/pexels-photo-748837.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260';

demo/src/screens/componentScreens/ImageScreen.tsx

@@ -1,8 +1,7 @@
 import React, {Component} from 'react';
 import {Alert, StyleSheet} from 'react-native';
 import {Navigation} from 'react-native-navigation';
-import {Colors, Carousel, PageControl, Modal, View, Text} from 'react-native-ui-lib'; // eslint-disable-line
-import Assets from '../../assets/Assets';
+import {Colors, Carousel, PageControl, Modal, View, Text, Assets} from 'react-native-ui-lib'; // eslint-disable-line
 
 const BUTTONS_HIT_SLOP = {right: 5, left: 5, top: 10, bottom: 10};
 interface ModalScreenProps {

demo/src/screens/componentScreens/ModalScreen.tsx

@@ -91,7 +91,7 @@ export default class PickerScreen extends Component {
     language2: options[2].value,
     languages: [],
     option: undefined,
-    nativePickerValue: 'java',
+    wheelPickerValue: 'java',
     dialogPickerValue: 'java',
     customModalValues: [],
     filter: filters[0].value,
@@ -157,8 +157,8 @@ export default class PickerScreen extends Component {
             label="Wheel Picker"
             placeholder="Pick a Language"
             useWheelPicker
-            value={this.state.nativePickerValue}
-            onChange={nativePickerValue => this.setState({nativePickerValue})}
+            value={this.state.wheelPickerValue}
+            onChange={wheelPickerValue => this.setState({wheelPickerValue})}
             trailingAccessory={<Icon source={dropdown}/>}
             items={options}
           />

demo/src/screens/componentScreens/PickerScreen.tsx

@@ -8,10 +8,10 @@ import {
   TouchableOpacity,
   Text,
   Icon,
+  Assets,
   Colors,
   Button
 } from 'react-native-ui-lib';
-import Assets from '../../assets/Assets';
 import {renderHeader} from '../ExampleScreenPresenter';
 
 interface Item extends SortableListItemProps {