react-native-material-ui - npm Package Compare versions

Comparing version 1.22.1 to 1.22.2

package.json

 {
   "name": "react-native-material-ui",
-  "version": "1.22.1",
+  "version": "1.22.2",
   "description": "React Native Material Design Components",
@@ -5,0 +5,0 @@ "main": "./index.js",

src/BottomNavigation/BottomNavigationAction.react.js

@@ -12,2 +12,3 @@ /* eslint-disable import/no-unresolved, import/extensions */
 const propTypes = {
+    testID: PropTypes.string,
     /**
@@ -45,2 +46,3 @@ * Will be rendered above the label as a content of the action.
 const defaultProps = {
+    testID: null,
     label: null,
@@ -115,3 +117,3 @@ onPress: null,
     render() {
-        const { onPress } = this.props;
+        const { onPress, testID } = this.props;
 
@@ -121,3 +123,3 @@ const styles = getStyles(this.props, this.context);
         return (
-            <RippleFeedback onPress={onPress}>
+            <RippleFeedback testID={testID} onPress={onPress}>
                 <View style={styles.container} pointerEvents="box-only">
@@ -124,0 +126,0 @@ {this.renderIcon(styles)}

src/Button/Button.react.js

@@ -14,2 +14,3 @@ /* eslint-disable import/no-unresolved, import/extensions */
 const propTypes = {
+    testID: PropTypes.string,
     /**
@@ -57,2 +58,3 @@ * If true button will be disabled
 const defaultProps = {
+    testID: null,
     icon: null,
@@ -194,3 +196,3 @@ onPress: null,
         const {
-            text, disabled, raised, upperCase, onLongPress,
+            text, disabled, raised, upperCase, onLongPress, testID,
         } = this.props;
@@ -215,2 +217,3 @@
             <RippleFeedback
+                testID={testID}
                 onPress={!disabled ? this.onPress : null}
@@ -217,0 +220,0 @@ onLongPress={!disabled ? onLongPress : null}

src/IconToggle/IconToggle.react.js

@@ -13,2 +13,3 @@ /* eslint-disable import/no-unresolved, import/extensions */
 const propTypes = {
+    testID: PropTypes.string,
     color: PropTypes.string,
@@ -56,2 +57,3 @@ /**
 const defaultProps = {
+    testID: null,
     children: null,
@@ -232,6 +234,12 @@ onPress: null,
     render() {
+        const { testID } = this.props;
+
         const styles = getStyles(this.props, this.context, this.state);
 
         return (
-            <TouchableWithoutFeedback onPressIn={this.onPressIn} onPressOut={this.onPressOut}>
+            <TouchableWithoutFeedback
+                testID={testID}
+                onPressIn={this.onPressIn}
+                onPressOut={this.onPressOut}
+            >
                 <View>
@@ -238,0 +246,0 @@ {this.renderRippleView(styles)}

src/ListItem/ListItem.react.js

@@ -23,2 +23,3 @@ /* eslint-disable import/no-unresolved, import/extensions */
 const propTypes = {
+    testID: PropTypes.string,
     // generally
@@ -86,2 +87,3 @@ dense: PropTypes.bool,
 const defaultProps = {
+    testID: null,
     dense: false,
@@ -477,3 +479,3 @@ onPress: null,
     render() {
-        const { onPress, onLongPress } = this.props;
+        const { onPress, onLongPress, testID } = this.props;
 
@@ -503,3 +505,3 @@ const styles = getStyles(this.props, this.context, this.state);
         return (
-            <View>
+            <View testID={testID}>
                 {content}
@@ -506,0 +508,0 @@ {this.renderDivider()}

src/RippleFeedback/RippleFeedbackIOS.react.js

@@ -12,2 +12,3 @@ /* eslint-disable import/no-unresolved, import/extensions */
 const propTypes = {
+    testID: PropTypes.string,
     color: PropTypes.string,
@@ -38,2 +39,3 @@ /**
 const defaultProps = {
+    testID: null,
     children: null,
@@ -262,3 +264,8 @@ onPress: null,
     render() {
-        const { children, disabled, style } = this.props;
+        const {
+            children,
+            disabled,
+            style,
+            testID,
+        } = this.props;
 
@@ -280,2 +287,3 @@ const parent = React.Children.only(children);
             <TouchableWithoutFeedback
+                testID={testID}
                 disabled={disabled}
@@ -282,0 +290,0 @@ onLayout={this.onLayoutChanged}

src/styles/typography.js

@@ -1,7 +0,5 @@
-import { Platform } from 'react-native';
-
 export const fontWeight = {
     light: '300',
     normal: '400',
-    medium: Platform.OS === 'android' ? '500' : '800',
+    medium: '500',
 };
@@ -8,0 +6,0 @@

src/Toolbar/LeftElement.react.js

@@ -11,2 +11,3 @@ /* eslint-disable import/no-unresolved, import/extensions */
 const propTypes = {
+    leftElementTestID: PropTypes.string,
     isSearchActive: PropTypes.bool.isRequired,
@@ -23,2 +24,3 @@ style: PropTypes.shape({
 const defaultProps = {
+    leftElementTestID: null,
     leftElement: null,
@@ -111,2 +113,3 @@ onLeftElementPress: null,
         const {
+            leftElementTestID,
             isSearchActive,
@@ -145,2 +148,3 @@ onLeftElementPress,
             <Animated.View
+                testID={leftElementTestID}
                 style={[
@@ -147,0 +151,0 @@ styles.leftElementContainer,

src/Toolbar/RightElement.react.js

@@ -14,2 +14,3 @@ /* eslint-disable import/no-unresolved, import/extensions */
 const propTypes = {
+    rightElementTestID: PropTypes.string,
     isSearchActive: PropTypes.bool.isRequired,
@@ -32,2 +33,3 @@ searchValue: PropTypes.string.isRequired,
 const defaultProps = {
+    rightElementTestID: null,
     rightElement: null,
@@ -86,2 +88,3 @@ onRightElementPress: null,
         const {
+            rightElementTestID,
             isSearchActive,
@@ -202,3 +205,6 @@ rightElement,
         return (
-            <View style={styles.rightElementContainer}>
+            <View
+                testID={rightElementTestID}
+                style={styles.rightElementContainer}
+            >
                 {result}
@@ -205,0 +211,0 @@ </View>

No alert changes

Improved metrics

Total package byte prevSize

300914

0.28%

Lines of code

5745

0.54%

No dependency changes