woocommerce/woocommerce-paypal-payments
2
0
Fork 0
mirror of https://github.com/woocommerce/woocommerce-paypal-payments.git synced 2025-09-04 08:47:23 +08:00
Code Issues Projects Packages Wiki Activity Actions 11

🐛 Fix broken checkbox logic

Browse source
This commit is contained in:
Philipp Stracker 2025-01-27 18:54:27 +01:00
parent 94069238f3
commit 408b7eede5
No known key found for this signature in database
1 changed files with 35 additions and 13 deletions
Download patch file Download diff file Expand all files Collapse all files

48
modules/ppcp-settings/resources/js/Components/ReusableComponents/Fields/CheckboxGroup.js
View file

@ -1,15 +1,39 @@
import { PayPalCheckbox } from './index';
import { useCallback } from '@wordpress/element';
const CheckboxGroup = ( { options, value, onChange } ) => {
const handleChange = ( key, checked ) => {
const getNewValue = () => {
if ( checked ) {
return [ ...value, key ];
}
return value.filter( ( val ) => val !== key );
};
const CheckboxGroup = ( { name, options, value, onChange } ) => {
const handleChange = useCallback(
( key, checked ) => {
const getNewValue = () => {
if ( 'boolean' === typeof value ) {
return checked;
}
onChange( getNewValue() );
if ( checked ) {
return [ ...value, key ];
}
return value.filter( ( val ) => val !== key );
};
onChange( getNewValue() );
},
[ onChange, value ]
);
const isItemChecked = ( checked, itemValue ) => {
if ( typeof checked === 'boolean' ) {
return checked;
}
if ( Array.isArray( value ) ) {
return value.includes( itemValue );
}
if ( typeof value === 'boolean' ) {
return value;
}
return value === itemValue;
};
return (
@ -21,16 +45,14 @@ const CheckboxGroup = ( { options, value, onChange } ) => {
checked,
disabled,
description,
tooltip,
} ) => (
<PayPalCheckbox
key={ itemValue }
key={ name + itemValue }
value={ itemValue }
label={ label }
checked={ checked }
checked={ isItemChecked( checked, itemValue ) }
disabled={ disabled }
description={ description }
tooltip={ tooltip }
changeCallback={ handleChange }
/>
)