loon-bulma-react 2023.0.19 → 2023.0.20

package/dist/forms/Checkbox/CB.d.ts

@@ -19,6 +19,7 @@ declare type CBInputProps = Omit<BaseInputProps, 'keyboardType' | 'icons' | 'dir
 };
 /**
  * Maak een kale checkbox input met een label, dus ZONDER alle form-functies met controls, fields en directions.
+ * **LET OP**: Zelf de checked-state bijhouden!
  * @param props
  * @returns een checkbox
  * @example <CB checked={true} {...props}/>
@@ -42,6 +43,6 @@ declare type CBInputProps = Omit<BaseInputProps, 'keyboardType' | 'icons' | 'dir
  * | onValueChanged()  | `function`           |         | (value: boolean, valid?: boolean) => void  |
  * | onKeyDown()       | `function`           |         | (event: React.KeyboardEvent) => void       |
  */
-declare function JustACheckbox({ checked: defaultChecked, label, name, id, size, color, styling, textAlign, disabled, errorMessage, className: containerClassName, onValueChanged, onKeyDown, }: CBInputProps): JSX.Element;
+declare function JustACheckbox({ checked, label, name, id, size, color, styling, textAlign, disabled, errorMessage, className: containerClassName, onValueChanged, onKeyDown, }: CBInputProps): JSX.Element;
 export { JustACheckbox as CB };
 export type { CBInputProps };

package/dist/forms/Radio/RB.d.ts

@@ -25,6 +25,7 @@ declare type RBInputProps<T = string> = Omit<BaseInputProps, 'keyboardType' | 'i
 };
 /**
  * Maak een kale radiobutton input met een label, dus ZONDER alle form-functies met controls, fields en directions.
+ * **LET OP**: Zelf de checked-state bijhouden!
  * @param props
  * @returns een radiobutton
  * @example <RB checked={true} groupName="radio-button-group-name" {...props}/>

package/dist/index.js

@@ -6937,7 +6937,8 @@ var fieldMapper = function fieldMapper(f) {
 };
 
 function JustACheckbox(_ref) {
-  var defaultChecked = _ref.checked,
+  var _ref$checked = _ref.checked,
+    checked = _ref$checked === void 0 ? false : _ref$checked,
     label = _ref.label,
     name = _ref.name,
     id = _ref.id,
@@ -6951,18 +6952,9 @@ function JustACheckbox(_ref) {
     containerClassName = _ref.className,
     onValueChanged = _ref.onValueChanged,
     onKeyDown = _ref.onKeyDown;
-  var _useBoolToggle = useBoolToggle(defaultChecked != null ? defaultChecked : false),
-    checked = _useBoolToggle[0],
-    toggleChecked = _useBoolToggle[1];
   var handleClick = function handleClick() {
-    if (!disabled) {
-      onValueChanged && onValueChanged(!checked);
-      toggleChecked();
-    }
+    if (!disabled) onValueChanged && onValueChanged(!checked);
   };
-  React__default.useEffect(function () {
-    toggleChecked(checked);
-  }, [defaultChecked, errorMessage, name]);
   var className = React__default.useMemo(function () {
     var cn = 'is-checkradio';
     if (size === 's') cn += ' is-small';else if (size === 'l') cn += ' is-medium';else if (size === 'xl') cn += ' is-large';
@@ -6970,7 +6962,7 @@ function JustACheckbox(_ref) {
     if (styling === 'rounded') cn += ' is-circle';else if (styling === 'noborder') cn += ' has-no-border';else if (styling === 'colored') cn += ' has-background-color';else if (styling === 'blocky') cn += ' is-blocky';
     if (textAlign === 'c') cn += ' has-text-centered';else if (textAlign === 'r') cn += ' has-text-right';
     return cn;
-  }, [textAlign, size, color, styling]);
+  }, [textAlign, size, color, styling, checked]);
   var errorMsg = '';
   if (errorMessage) errorMsg = typeof errorMessage === 'string' ? errorMessage : errorMessage(checked);
   return React__default.createElement(React__default.Fragment, null, React__default.createElement("div", {