@trafilea/afrodita-components 5.0.0-beta.284 → 5.0.0-beta.286

package/build/index.js

@@ -4799,29 +4799,14 @@ var Input$5 = newStyled.input(templateObject_2$12 || (templateObject_2$12 = __ma
 var Checkbox = function (_a) {
     var _b = _a.disabled, disabled = _b === void 0 ? false : _b, onChange = _a.onChange, _c = _a.size, size = _c === void 0 ? exports.ComponentSize.Medium : _c, text = _a.text, _d = _a.checked, checked = _d === void 0 ? false : _d, id = _a.id, variant = _a.variant, blockUncheck = _a.blockUncheck, backgroundColor = _a.backgroundColor;
     var theme = useTheme();
-    var _e = React$2.useState(checked), isChecked = _e[0], setIsChecked = _e[1];
-    var mounted = React$2.useRef(false);
-    var handleChange = React$2.useCallback(function () {
-        if (disabled || (isChecked && blockUncheck)) {
-            return;
-        }
-        setIsChecked(function (checked) { return !checked; });
-    }, [blockUncheck, disabled, isChecked]);
-    React$2.useEffect(function () {
-        if (disabled || !mounted.current) {
+    var handleChange = function (e) {
+        if (disabled || (e.target.checked === false && blockUncheck)) {
+            e.preventDefault();
             return;
         }
-        if (checked !== isChecked) {
-            onChange(isChecked);
-        }
-    }, [isChecked, onChange, disabled, checked]);
-    React$2.useEffect(function () {
-        setIsChecked(checked);
-    }, [checked]);
-    React$2.useEffect(function () {
-        mounted.current = true;
-    }, []);
-    return (jsxRuntime.jsxs(Container$13, { children: [jsxRuntime.jsx(Input$5, { type: "checkbox", checked: isChecked, disabled: disabled, onChange: handleChange, id: id }, void 0), jsxRuntime.jsx(CustomCheckbox, __assign$1({ theme: theme, size: size, disabled: disabled, isChecked: isChecked, "data-testid": "checkbox", variant: variant, backgroundColor: backgroundColor, text: text }, { children: isChecked && jsxRuntime.jsx(Icon.Actions.Check, { fill: "#fff" }, void 0) }), void 0), jsxRuntime.jsx(Label$4, __assign$1({ "data-testid": "checkbox-text", size: size, variant: isChecked ? 'demi' : 'regular', htmlFor: id, disabled: disabled }, { children: text }), void 0)] }, void 0));
+        onChange(e.target.checked);
+    };
+    return (jsxRuntime.jsxs(Container$13, { children: [jsxRuntime.jsx(Input$5, { type: "checkbox", checked: checked, disabled: disabled, onChange: handleChange, id: id }, void 0), jsxRuntime.jsx(CustomCheckbox, __assign$1({ theme: theme, size: size, disabled: disabled, isChecked: checked, "data-testid": "checkbox", variant: variant, backgroundColor: backgroundColor, text: text }, { children: checked && jsxRuntime.jsx(Icon.Actions.Check, { fill: "#fff" }, void 0) }), void 0), jsxRuntime.jsx(Label$4, __assign$1({ "data-testid": "checkbox-text", size: size, variant: checked ? 'demi' : 'regular', htmlFor: id, disabled: disabled }, { children: text }), void 0)] }, void 0));
 };
 var templateObject_1$1z, templateObject_2$12;