From 4d9b48a72b19db4399eab349a09cb93e674ac0ec Mon Sep 17 00:00:00 2001
From: Rostyslav Nahornyi <rostyslav.nahornyi@zade.agency>
Date: Sun, 14 Jan 2024 23:24:49 +0200
Subject: [PATCH 1/2] fix: boolean widget

---
 src/components/widgets/BooleanWidget.js | 15 ++++++---------
 1 file changed, 6 insertions(+), 9 deletions(-)

diff --git a/src/components/widgets/BooleanWidget.js b/src/components/widgets/BooleanWidget.js
index c4cb74fd..4fdcf93e 100644
--- a/src/components/widgets/BooleanWidget.js
+++ b/src/components/widgets/BooleanWidget.js
@@ -26,16 +26,17 @@ export default class BooleanWidget extends React.Component {
     }
   }
 
-  onChange = (e) => {
-    var value = e.target.checked;
-    this.setState({ value: value });
+  onChange = () => {
+    const value = !this.state.value;
+
+    this.setState({ value });
     if (this.props.onChange) {
       this.props.onChange(this.props.name, value);
     }
   };
 
   render() {
-    var id = this.props.componentname + '.' + this.props.name;
+    const id = this.props.componentname + '.' + this.props.name;
 
     const checkboxClasses = classNames({
       checkboxAnim: true,
@@ -43,16 +44,12 @@ export default class BooleanWidget extends React.Component {
     });
 
     return (
-      <div
-        className={checkboxClasses}
-        onClick={() => this.setState({ value: !this.state.value })}
-      >
+      <div className={checkboxClasses} onClick={this.onChange}>
         <input
           id={id}
           type="checkbox"
           checked={this.state.value}
           value={this.state.value}
-          onChange={this.onChange}
         />
         <label htmlFor={id} onClick={(e) => e.stopPropagation()} />
       </div>

From 48d8fee91f9d8d229968543eeb0e12a39073be2c Mon Sep 17 00:00:00 2001
From: Rostyslav Nahornyi <rostyslav.nahornyi@zade.agency>
Date: Mon, 22 Jan 2024 01:40:42 +0200
Subject: [PATCH 2/2] fix: stub for the onChange

---
 src/components/widgets/BooleanWidget.js | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/components/widgets/BooleanWidget.js b/src/components/widgets/BooleanWidget.js
index 4fdcf93e..7f4c9cbd 100644
--- a/src/components/widgets/BooleanWidget.js
+++ b/src/components/widgets/BooleanWidget.js
@@ -50,6 +50,7 @@ export default class BooleanWidget extends React.Component {
           type="checkbox"
           checked={this.state.value}
           value={this.state.value}
+          onChange={() => null}
         />
         <label htmlFor={id} onClick={(e) => e.stopPropagation()} />
       </div>