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

Comparing version 1.3.4 to 1.4.0

package.json

 {
   "name": "react-native-material-ui",
-  "version": "1.3.4",
+  "version": "1.4.0",
   "description": "React Native Material Design Components",
@@ -35,3 +35,3 @@ "main": "./index.js",
     "react-native-material-design-styles": "^0.2.6",
-    "react-native-vector-icons": "^2.0.3"
+    "react-native-vector-icons": "^3.0.0"
   },
@@ -38,0 +38,0 @@ "devDependencies": {

README.md

@@ -156,2 +156,3 @@
 - Avatar
+- [Badge](https://github.com/xotahal/react-native-material-ui/blob/master/docs/Badge.md)
 - [Button](https://github.com/xotahal/react-native-material-ui/blob/master/docs/Button.md)
@@ -158,0 +159,0 @@ - Card

src/ActionButton/ActionButton.react.js

 import { View, Text, LayoutAnimation, StyleSheet, TouchableWithoutFeedback } from 'react-native';
-import React, { Component, PropTypes } from 'react';
+import React, { PureComponent, PropTypes } from 'react';
 import Icon from '../Icon';
@@ -127,3 +127,3 @@ import IconToggle from '../IconToggle';
 
-class ActionButton extends Component {
+class ActionButton extends PureComponent {
     constructor(props) {
@@ -130,0 +130,0 @@ super(props);

src/Avatar/Avatar.react.js

@@ -1,4 +0,3 @@
-import React, { Component, PropTypes } from 'react';
+import React, { PureComponent, PropTypes } from 'react';
 import { View, Image, Text, StyleSheet } from 'react-native';
-import Container from '../Container';
 import Icon from '../Icon';
@@ -66,3 +65,3 @@
 
-class Avatar extends Component {
+class Avatar extends PureComponent {
     render() {
@@ -86,7 +85,7 @@ const { image, icon, text } = this.props;
         return (
-            <Container>
+            <View style={{ flexGrow: 1 }}>
                 <View style={styles.container} >
                     {content}
                 </View>
-            </Container>
+            </View>
         );
@@ -93,0 +92,0 @@ }

src/Button/Button.react.js

 import { View, Text, StyleSheet } from 'react-native';
-import React, { Component, PropTypes } from 'react';
+import React, { PureComponent, PropTypes } from 'react';
 import Icon from '../Icon';
@@ -101,3 +101,3 @@ import RippleFeedback from '../RippleFeedback';
 
-class Button extends Component {
+class Button extends PureComponent {
     constructor(props) {
@@ -104,0 +104,0 @@ super(props);

src/Card/Card.react.js

 import { View } from 'react-native';
-import React, { Component, PropTypes } from 'react';
+import React, { PureComponent, PropTypes } from 'react';
 import RippleFeedback from '../RippleFeedback';
@@ -37,3 +37,3 @@
 
-class Card extends Component {
+class Card extends PureComponent {
     render() {
@@ -40,0 +40,0 @@ const { onPress, children } = this.props;

src/Checkbox/Checkbox.react.js

 import { StyleSheet, Text, View } from 'react-native';
-import React, { Component, PropTypes } from 'react';
+import React, { PureComponent, PropTypes } from 'react';
 import IconToggle from '../IconToggle';
@@ -72,3 +72,3 @@ import RippleFeedback from '../RippleFeedback';
 
-class Checkbox extends Component {
+class Checkbox extends PureComponent {
     onPress = () => {
@@ -75,0 +75,0 @@ const { checked, disabled, onCheck, value } = this.props;

src/Container/index.js

 import { View } from 'react-native';
-import React, { Component, PropTypes } from 'react';
+import React, { PureComponent, PropTypes } from 'react';
 
@@ -8,3 +8,3 @@ const propTypes = {
 
-class Container extends Component {
+class Container extends PureComponent {
     render() {
@@ -11,0 +11,0 @@ return (

src/Dialog/Actions.react.js

 import { View } from 'react-native';
-import React, { Component, PropTypes } from 'react';
+import React, { PureComponent, PropTypes } from 'react';
 
@@ -29,3 +29,3 @@ const propTypes = {
 
-class DialogFooter extends Component {
+class DialogFooter extends PureComponent {
     render() {
@@ -32,0 +32,0 @@ const { children } = this.props;

src/Dialog/Content.react.js

 import { View } from 'react-native';
-import React, { Component, PropTypes } from 'react';
+import React, { PureComponent, PropTypes } from 'react';
 
@@ -25,3 +25,3 @@ const propTypes = {
 
-class DialogContent extends Component {
+class DialogContent extends PureComponent {
     render() {
@@ -28,0 +28,0 @@ const { children } = this.props;

src/Dialog/Dialog.react.js

 import { View } from 'react-native';
-import React, { Component, PropTypes } from 'react';
+import React, { PureComponent, PropTypes } from 'react';
 import RippleFeedback from '../RippleFeedback';
@@ -40,3 +40,3 @@
 
-class Dialog extends Component {
+class Dialog extends PureComponent {
     render() {
@@ -43,0 +43,0 @@ const { onPress, children } = this.props;

src/Dialog/DialogDefaultActions.react.js

@@ -1,2 +0,2 @@
-import React, { Component, PropTypes } from 'react';
+import React, { PureComponent, PropTypes } from 'react';
 import { View } from 'react-native';
@@ -27,3 +27,3 @@ import Button from '../Button';
 
-class DialogDefaultActions extends Component {
+class DialogDefaultActions extends PureComponent {
     constructor(props) {
@@ -30,0 +30,0 @@ super(props);

src/Dialog/Title.react.js

 import { View, Text } from 'react-native';
-import React, { Component, PropTypes } from 'react';
+import React, { PureComponent, PropTypes } from 'react';
 
@@ -30,3 +30,3 @@
 
-class DialogHeader extends Component {
+class DialogHeader extends PureComponent {
     render() {
@@ -33,0 +33,0 @@ const { children } = this.props;

src/Divider/Divider.react.js

 import { View } from 'react-native';
-import React, { Component, PropTypes } from 'react';
+import React, { PureComponent, PropTypes } from 'react';
 
@@ -33,3 +33,3 @@
 
-class Divider extends Component {
+class Divider extends PureComponent {
     render() {
@@ -36,0 +36,0 @@ const styles = getStyles(this.props, this.context);

src/Drawer/Drawer.react.js

@@ -1,2 +0,2 @@
-import React, { Component, PropTypes } from 'react';
+import React, { PureComponent, PropTypes } from 'react';
 import { ScrollView } from 'react-native';
@@ -29,3 +29,3 @@ import Container from '../Container';
 
-class Drawer extends Component {
+class Drawer extends PureComponent {
     render() {
@@ -32,0 +32,0 @@ const { children } = this.props;

src/Drawer/Header.react.js

@@ -1,2 +0,2 @@
-import React, { Component, PropTypes } from 'react';
+import React, { PureComponent, PropTypes } from 'react';
 import { View, Image, StyleSheet } from 'react-native';
@@ -42,3 +42,3 @@ import HeaderAccount from './HeaderAccount.react';
 
-class Header extends Component {
+class Header extends PureComponent {
     render() {
@@ -45,0 +45,0 @@ const { image, children } = this.props;

src/Drawer/HeaderAccount.react.js

@@ -1,2 +0,2 @@
-import React, { Component, PropTypes } from 'react';
+import React, { PureComponent, PropTypes } from 'react';
 import { View, TouchableWithoutFeedback } from 'react-native';
@@ -51,3 +51,3 @@ import ListItem from '../ListItem';
 
-class HeaderAcount extends Component {
+class HeaderAcount extends PureComponent {
     renderFooter = () => {
@@ -54,0 +54,0 @@ const { footer } = this.props;

src/Drawer/Section.react.js

@@ -1,2 +0,2 @@
-import React, { Component, PropTypes } from 'react';
+import React, { PureComponent, PropTypes } from 'react';
 import { View } from 'react-native';
@@ -58,3 +58,3 @@ import Subheader from '../Subheader';
 
-class Section extends Component {
+class Section extends PureComponent {
     renderTitle = () => {
@@ -61,0 +61,0 @@ const { title } = this.props;

src/Icon/index.js

 import { default as VectorIcon } from 'react-native-vector-icons/MaterialIcons';
-import React, { Component, PropTypes } from 'react';
+import React, { PureComponent, PropTypes } from 'react';
 
@@ -15,3 +15,3 @@ const propTypes = {
 
-class Icon extends Component {
+class Icon extends PureComponent {
     render() {
@@ -18,0 +18,0 @@ const { name, style, size, color } = this.props;

src/IconToggle/IconToggle.react.js

 import { View, Animated, StyleSheet, Platform } from 'react-native';
-import React, { Component, PropTypes } from 'react';
+import React, { PureComponent, PropTypes } from 'react';
 
@@ -92,3 +92,3 @@ import Color from 'color';
 
-class IconToggle extends Component {
+class IconToggle extends PureComponent {
     constructor(props, context) {
@@ -95,0 +95,0 @@ super(props, context);

src/index.js

@@ -9,2 +9,3 @@ import * as COLOR from './styles/colors';
 export { default as Avatar } from './Avatar';
+export { default as Badge } from './Badge';
 export { default as Button } from './Button';
@@ -11,0 +12,0 @@ export { default as Card } from './Card';

src/ListItem/ListItem.react.js

@@ -1,2 +0,2 @@
-import React, { Component, PropTypes } from 'react';
+import React, { PureComponent, PropTypes } from 'react';
 import {
@@ -176,3 +176,3 @@ StyleSheet,
 
-class ListItem extends Component {
+class ListItem extends PureComponent {
     constructor(props) {
@@ -179,0 +179,0 @@ super(props);

src/RadioButton/RadioButton.react.js

@@ -1,2 +0,2 @@
-import React, { Component, PropTypes } from 'react';
+import React, { PureComponent, PropTypes } from 'react';
 import Checkbox from '../Checkbox';
@@ -16,3 +16,3 @@
 
-class RadioButton extends Component {
+class RadioButton extends PureComponent {
     onPress = () => {
@@ -19,0 +19,0 @@ const { value, checked, disabled, onSelect } = this.props;

src/RippleFeedback/RippleFeedback.react.js

@@ -1,2 +0,2 @@
-import React, { Component, PropTypes } from 'react';
+import React, { PureComponent, PropTypes } from 'react';
 import { Platform, TouchableNativeFeedback, TouchableWithoutFeedback } from 'react-native';
@@ -24,3 +24,3 @@
 
-class RippleFeedback extends Component {
+class RippleFeedback extends PureComponent {
     render() {
@@ -27,0 +27,0 @@ const { children, color, borderless, ...otherProps } = this.props;

src/styles/getTheme.js

@@ -101,2 +101,18 @@ import { StyleSheet } from 'react-native';
         }, theme.avatar)),
+        badge: StyleSheet.create(merge({
+            container: {
+                position: 'absolute',
+                width: 16,
+                height: 16,
+                borderRadius: 8,
+                alignItems: 'center',
+                justifyContent: 'center',
+                backgroundColor: palette.primaryColor,
+            },
+            content: {
+                color: palette.canvasColor,
+                fontWeight: fontWeight.medium,
+                fontSize: 12,
+            },
+        }, theme.badge)),
         button: StyleSheet.create(merge({
@@ -103,0 +119,0 @@ container: {

src/Subheader/Subheader.react.js

 import { View, Text } from 'react-native';
-import React, { Component, PropTypes } from 'react';
+import React, { PureComponent, PropTypes } from 'react';
 
@@ -35,3 +35,3 @@ const propTypes = {
 
-class Subheader extends Component {
+class Subheader extends PureComponent {
     render() {
@@ -38,0 +38,0 @@ const { text, lines } = this.props;

src/Toolbar/Toolbar.react.js

@@ -1,2 +0,2 @@
-import React, { Component, PropTypes } from 'react';
+import React, { PureComponent, PropTypes } from 'react';
 import {
@@ -205,3 +205,3 @@ Animated,
 
-class Toolbar extends Component {
+class Toolbar extends PureComponent {
     constructor(props) {
@@ -454,3 +454,3 @@ super(props);
             result.push(
-                <View>
+                <View key="menuIcon">
                     {/* We need this view as an anchor for drop down menu. findNodeHandle can
@@ -468,3 +468,2 @@ find just view with width and height, even it needs backgroundColor :/
                     <IconToggle
-                        key="menuIcon"
                         name="more-vert"
@@ -471,0 +470,0 @@ color={flattenRightElement.color}

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

129627

increased by4.12%

Number of package files

66

increased by4.76%

Lines of code

3349

increased by4.23%

Number of lines in readme file

169

increased by0.6%

Dependency changes

• + Addedreact-native-vector-icons@3.0.0(transitive)

• + Addedyargs@6.6.0(transitive)

• + Addedyargs-parser@4.2.1(transitive)

• - Removedlodash.assign@4.2.0(transitive)

• - Removedreact-native-vector-icons@2.1.0(transitive)

• - Removedwindow-size@0.2.0(transitive)

• - Removedyargs@4.8.1(transitive)

• - Removedyargs-parser@2.4.1(transitive)

• Updatedreact-native-vector-icons@^3.0.0