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

package/build/index.d.ts

@@ -2022,7 +2022,7 @@ interface CheckboxProps {
     backgroundColor?: string;
     variant: 'primary' | 'secondary' | 'color';
 }
-declare const Checkbox: ({ disabled, onChange, size, text, checked, id, variant, blockUncheck, backgroundColor, }: CheckboxProps) => JSX.Element;
+declare const Checkbox: React.FC<CheckboxProps>;
 
 interface RadioProps$1 {
     name: string;

package/build/index.esm.js

@@ -4773,29 +4773,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 ? 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 = useState(checked), isChecked = _e[0], setIsChecked = _e[1];
-    var mounted = useRef(false);
-    var handleChange = useCallback(function () {
-        if (disabled || (isChecked && blockUncheck)) {
-            return;
-        }
-        setIsChecked(function (checked) { return !checked; });
-    }, [blockUncheck, disabled, isChecked]);
-    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]);
-    useEffect(function () {
-        setIsChecked(checked);
-    }, [checked]);
-    useEffect(function () {
-        mounted.current = true;
-    }, []);
-    return (jsxs$1(Container$13, { children: [jsx$1(Input$5, { type: "checkbox", checked: isChecked, disabled: disabled, onChange: handleChange, id: id }, void 0), jsx$1(CustomCheckbox, __assign$1({ theme: theme, size: size, disabled: disabled, isChecked: isChecked, "data-testid": "checkbox", variant: variant, backgroundColor: backgroundColor, text: text }, { children: isChecked && jsx$1(Icon.Actions.Check, { fill: "#fff" }, void 0) }), void 0), jsx$1(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 (jsxs$1(Container$13, { children: [jsx$1(Input$5, { type: "checkbox", checked: checked, disabled: disabled, onChange: handleChange, id: id }, void 0), jsx$1(CustomCheckbox, __assign$1({ theme: theme, size: size, disabled: disabled, isChecked: checked, "data-testid": "checkbox", variant: variant, backgroundColor: backgroundColor, text: text }, { children: checked && jsx$1(Icon.Actions.Check, { fill: "#fff" }, void 0) }), void 0), jsx$1(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;