@groupeactual/ui-kit 0.1.8 → 0.1.9

package/dist/cjs/index.js

@@ -50440,23 +50440,31 @@ var TextInput = function (_a) {
     }, [value]);
     return (jsxRuntime.jsx(TextField$1, __assign$1({ variant: "standard", name: name, label: label, value: internalValue, onClick: function (e) { return e.stopPropagation(); }, InputProps: {
             endAdornment: endAdornment
-        }, onChange: function (e) { return setInternalValue(e.currentTarget.value); }, onBlur: function (e) {
-            onBlur(e);
+        }, onChange: function (e) {
+            setInternalValue(e.currentTarget.value);
             onChange(e);
+        }, onBlur: function (e) {
+            onBlur(e);
         }, error: !!error, helperText: error !== null && error !== void 0 ? error : '', disabled: disabled }, props)));
 };
 
 var Checkbox = function (_a) {
-    var name = _a.name, value = _a.value, label = _a.label, sx = _a.sx;
+    var name = _a.name, value = _a.value, error = _a.error, label = _a.label, onChange = _a.onChange, sx = _a.sx;
     var _b = React.useState(value), internalValue = _b[0], setInternalValue = _b[1];
     React.useEffect(function () {
         if (value !== internalValue) {
             setInternalValue(value);
         }
     }, [value]);
-    return (jsxRuntime.jsx(FormControl$1, __assign$1({ fullWidth: true }, { children: jsxRuntime.jsx(FormControlLabel$1, { sx: { display: 'table' }, control: jsxRuntime.jsx(Box$1, __assign$1({ sx: { display: 'table-cell' } }, { children: jsxRuntime.jsx(CheckboxMUI, { name: name, sx: { marginTop: -0.5 }, checked: internalValue, color: "primary", onChange: function (e) {
-                        setInternalValue(e.target.checked);
-                    } }) })), label: jsxRuntime.jsx(Typography$1, __assign$1({ sx: sx }, { children: label })) }) })));
+    return (jsxRuntime.jsxs(FormControl$1, __assign$1({ fullWidth: true }, { children: [jsxRuntime.jsx(FormControlLabel$1, { sx: { display: 'table' }, control: jsxRuntime.jsx(Box$1, __assign$1({ sx: { display: 'table-cell' } }, { children: jsxRuntime.jsx(CheckboxMUI, { name: name, sx: { marginTop: -0.5 }, checked: internalValue, color: "primary", onChange: function (e) {
+                            setInternalValue(e.target.checked);
+                            onChange(name, e.target.checked, true);
+                        } }) })), label: jsxRuntime.jsx(Typography$1, __assign$1({ sx: sx }, { children: label })) }), error && (jsxRuntime.jsx(Typography$1, __assign$1({ sx: {
+                    marginTop: -1,
+                    color: "#B80025",
+                    fontWeight: 400,
+                    fontSize: "10px"
+                } }, { children: error })))] })));
 };
 
 /******************************************************************************