loon-bulma-react 2023.0.19 → 2023.0.20
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/forms/Checkbox/CB.d.ts +2 -1
- package/dist/forms/Radio/RB.d.ts +1 -0
- package/dist/index.js +4 -12
- package/dist/index.js.map +1 -1
- package/dist/index.modern.js +4 -12
- package/dist/index.modern.js.map +1 -1
- package/package.json +1 -1
package/dist/index.modern.js
CHANGED
|
@@ -6934,7 +6934,8 @@ var fieldMapper = function fieldMapper(f) {
|
|
|
6934
6934
|
};
|
|
6935
6935
|
|
|
6936
6936
|
function JustACheckbox(_ref) {
|
|
6937
|
-
var
|
|
6937
|
+
var _ref$checked = _ref.checked,
|
|
6938
|
+
checked = _ref$checked === void 0 ? false : _ref$checked,
|
|
6938
6939
|
label = _ref.label,
|
|
6939
6940
|
name = _ref.name,
|
|
6940
6941
|
id = _ref.id,
|
|
@@ -6948,18 +6949,9 @@ function JustACheckbox(_ref) {
|
|
|
6948
6949
|
containerClassName = _ref.className,
|
|
6949
6950
|
onValueChanged = _ref.onValueChanged,
|
|
6950
6951
|
onKeyDown = _ref.onKeyDown;
|
|
6951
|
-
var _useBoolToggle = useBoolToggle(defaultChecked != null ? defaultChecked : false),
|
|
6952
|
-
checked = _useBoolToggle[0],
|
|
6953
|
-
toggleChecked = _useBoolToggle[1];
|
|
6954
6952
|
var handleClick = function handleClick() {
|
|
6955
|
-
if (!disabled)
|
|
6956
|
-
onValueChanged && onValueChanged(!checked);
|
|
6957
|
-
toggleChecked();
|
|
6958
|
-
}
|
|
6953
|
+
if (!disabled) onValueChanged && onValueChanged(!checked);
|
|
6959
6954
|
};
|
|
6960
|
-
React.useEffect(function () {
|
|
6961
|
-
toggleChecked(checked);
|
|
6962
|
-
}, [defaultChecked, errorMessage, name]);
|
|
6963
6955
|
var className = React.useMemo(function () {
|
|
6964
6956
|
var cn = 'is-checkradio';
|
|
6965
6957
|
if (size === 's') cn += ' is-small';else if (size === 'l') cn += ' is-medium';else if (size === 'xl') cn += ' is-large';
|
|
@@ -6967,7 +6959,7 @@ function JustACheckbox(_ref) {
|
|
|
6967
6959
|
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';
|
|
6968
6960
|
if (textAlign === 'c') cn += ' has-text-centered';else if (textAlign === 'r') cn += ' has-text-right';
|
|
6969
6961
|
return cn;
|
|
6970
|
-
}, [textAlign, size, color, styling]);
|
|
6962
|
+
}, [textAlign, size, color, styling, checked]);
|
|
6971
6963
|
var errorMsg = '';
|
|
6972
6964
|
if (errorMessage) errorMsg = typeof errorMessage === 'string' ? errorMessage : errorMessage(checked);
|
|
6973
6965
|
return React.createElement(React.Fragment, null, React.createElement("div", {
|