From 5f2df4b26b49d9868550809de700e375629c114e Mon Sep 17 00:00:00 2001
From: ivan-moskvin <i.moskvin@modulbank.ru>
Date: Mon, 27 Aug 2018 13:39:20 +0700
Subject: [PATCH 1/2] =?UTF-8?q?=D0=92=D0=BE=D0=B7=D0=B2=D1=80=D0=B0=D1=89?=
 =?UTF-8?q?=D0=B5=D0=BD=D0=BE=20=D0=B5=D1=81=D1=82=D0=B5=D1=81=D1=82=D0=B2?=
 =?UTF-8?q?=D0=B5=D0=BD=D0=BD=D0=BE=D0=B5=20=D0=BF=D0=BE=D0=B2=D0=B5=D0=B4?=
 =?UTF-8?q?=D0=B5=D0=BD=D0=B8=D0=B5=20CheckboxField?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/fields/CheckboxField.js | 32 ++++++++++++++------------------
 1 file changed, 14 insertions(+), 18 deletions(-)

diff --git a/src/fields/CheckboxField.js b/src/fields/CheckboxField.js
index f751ab7..a8baa91 100644
--- a/src/fields/CheckboxField.js
+++ b/src/fields/CheckboxField.js
@@ -4,36 +4,32 @@ import {observer} from 'mobx-react';
 
 @observer
 class CheckboxField extends React.Component {
+    static defaultProps = {
+        field: {
+            id: ''
+        }
+    };
+
 	static propTypes = {
 		placeholder: PropTypes.string,
 		field: PropTypes.object,
 		classContainer: PropTypes.string,
 	};
 
-	constructor(props) {
-		super(props);
-		this.inputId = Math.random().toString(36).substring(7);
-	}
-
-	handleChange() {
-		const {field} = this.props;
-		field.value = !field.value;
-		if (field.onChange) {
-			field.onChange(field.value);
-		}
-	}
+	get inputId() {
+	    return this.props.field.id || Math.random().toString(36).substring(7);
+    }
 
 	render() {
 		const {placeholder, field, classContainer, tabIndex} = this.props;
 		return (
 			<div className={classContainer}>
-				<input id={this.inputId}
-					   type='checkbox'
+				<input type='checkbox'
 					   tabIndex={tabIndex}
-					{...field.bind({checked: field.value})} />
-				<label for={this.inputId}
-					   className='label_check'
-					   onClick={() => this.handleChange()}>
+                       {...field.bind({checked: field.value})}
+                       id={this.inputId} />
+				<label htmlFor={this.inputId}
+					   className='label_check'>
 					<i className='icon'/>
 					<span className='f_small'>{placeholder}</span>
 				</label>

From a9f34c9f5611a5b0a49eea4572067aa8827de552 Mon Sep 17 00:00:00 2001
From: ivan-moskvin <i.moskvin@modulbank.ru>
Date: Mon, 27 Aug 2018 17:12:00 +0700
Subject: [PATCH 2/2] =?UTF-8?q?=D0=98=D0=BD=D0=BA=D1=80=D0=B5=D0=BC=D0=B5?=
 =?UTF-8?q?=D0=BD=D1=82=20=D0=B2=D0=B5=D1=80=D1=81=D0=B8=D0=B8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 2c5f511..05db6e3 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "common-mobx-form",
-  "version": "0.0.22",
+  "version": "0.0.24",
   "description": "",
   "main": "./lib",
   "module": "./src",