update package.json and redme

Author: Rupal

Component/Square.js

@@ -5,45 +5,56 @@ import Constant from "./Constant";
 import PropTypes from "prop-types";
 
 export default class Square extends PureComponent {
-    render() {
-        const { xSquares, ySquares, fullScreenWidth, allowHeightExcess, backgroundColor } = this.props;
-        let dimensions = Constant.getSectionSize(xSquares, ySquares, fullScreenWidth);
-        const maxHeight = allowHeightExcess ? null : dimensions.height;
+	render() {
+		const { fullScreenWidth, allowHeightExcess, backgroundColor } = this.props;
+		let xSquares = this.props.xSquares;
+		let ySquares = this.props.ySquares;
+		if (xSquares >= 10) {
+			xSquares = 9;
+		}
+		if (xSquares <= 0) {
+			xSquares = 1;
+		}
+		if (ySquares <= 0) {
+			ySquares = 1;
+		}
+		let dimensions = Constant.getSectionSize(xSquares, ySquares, fullScreenWidth);
+		const maxHeight = allowHeightExcess ? null : dimensions.height;
 
-        return (
-            <View
-                style={[
-                    styles.secondaryContainer,
-                    {
-                        backgroundColor: backgroundColor,
-                        margin: dimensions.margin,
-                        minHeight: dimensions.height,
-                        maxHeight: maxHeight,
-                        width: dimensions.width,
-                    },
-                    fullScreenWidth ? styles.fullScreenWidth : null,
-                    { ...this.props.style },
-                ]}
-            >
-                {this.props.children}
-            </View>
-        );
-    }
+		return (
+			<View
+				style={[
+					styles.secondaryContainer,
+					{
+						backgroundColor: backgroundColor,
+						margin: dimensions.margin,
+						minHeight: dimensions.height,
+						maxHeight: maxHeight,
+						width: dimensions.width
+					},
+					fullScreenWidth ? styles.fullScreenWidth : null,
+					{ ...this.props.style }
+				]}
+			>
+				{this.props.children}
+			</View>
+		);
+	}
 }
 Square.propTypes = {
-    xSquares: PropTypes.number,
-    ySquares: PropTypes.number,
-    backgroundColor: PropTypes.string,
-    allowHeightExcess: PropTypes.bool,
-    fullScreenWidth: PropTypes.bool,
-    style: PropTypes.oneOf(PropTypes.object, PropTypes.array, PropTypes.number),
-    children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),
+	xSquares: PropTypes.number,
+	ySquares: PropTypes.number,
+	backgroundColor: PropTypes.string,
+	allowHeightExcess: PropTypes.bool,
+	fullScreenWidth: PropTypes.bool,
+	style: PropTypes.oneOf(PropTypes.object, PropTypes.array, PropTypes.number),
+	children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node])
 };
 Square.defaultProps = {
-    xSquares: 1,
-    ySquares: 1,
-    backgroundColor: "#D3D3D3",
-    allowHeightExcess: false,
-    fullScreenWidth: false,
-    style: null,
+	xSquares: 1,
+	ySquares: 1,
+	backgroundColor: "#D3D3D3",
+	allowHeightExcess: false,
+	fullScreenWidth: false,
+	style: null
 };

README.md

@@ -1,5 +1,5 @@
 <p align="left">
-    <a href="https://www.npmjs.com/package/@logisticinfotech/react-native-grid"><img alt="npm version" src="https://img.shields.io/badge/npm-v1.0.0-green.svg"></a>
+    <a href="https://www.npmjs.com/package/@logisticinfotech/react-native-grid"><img alt="npm version" src="https://img.shields.io/badge/npm-v1.0.2-green.svg"></a>
     <a href="https://www.npmjs.com/package/@logisticinfotech/react-native-grid"><img src="https://img.shields.io/badge/downloads-%3E1K-yellow.svg"></a>
     <a href="https://www.npmjs.com/package/@logisticinfotech/react-native-grid"<><img src="https://img.shields.io/badge/license-MIT-orange.svg"></a>
 </p>
@@ -40,5 +40,5 @@ Please check this blog for installation and usage [this link]() -->
 | ySquares | 1 | `Number` | Number of squares you want vertically. |
 | backgroundColor | #D3D3D3 | `String` | Background color of Square. |
 | allowHeightExcess | false | `Bool` | Allow height access to square or not. |
-| fullScreenWidth | false | `Bool` | If you want full screen width grid. |
+| fullScreenWidth | false | `Bool` | Allow full screen width grid or not. |
 | style | null | `style` | Style of Square. |

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@logisticinfotech/react-native-grid",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "description": "Grid Layout library for React Native",
   "main": "index.js",
   "scripts": {