diff --git a/modules/ppcp-settings/resources/js/Components/ReusableComponents/Fields/OptionSelector.js b/modules/ppcp-settings/resources/js/Components/ReusableComponents/Fields/OptionSelector.js index ba369d0f3..6ecdbdc5d 100644 --- a/modules/ppcp-settings/resources/js/Components/ReusableComponents/Fields/OptionSelector.js +++ b/modules/ppcp-settings/resources/js/Components/ReusableComponents/Fields/OptionSelector.js @@ -9,7 +9,13 @@ const OptionSelector = ( { } ) => (
{ options.map( - ( { value: itemValue, title, description, contents } ) => { + ( { + value: itemValue, + title, + description, + contents, + isDisabled = false, + } ) => { let isSelected; if ( Array.isArray( value ) ) { @@ -27,6 +33,7 @@ const OptionSelector = ( { onChange={ onChange } isMulti={ multiSelect } isSelected={ isSelected } + isDisabled={ isDisabled } > { contents } @@ -46,13 +53,13 @@ const OptionItem = ( { isMulti, isSelected, children, + isDisabled = false, } ) => { const boxClassName = classNames( 'ppcp-r-select-box', { 'ppcp--selected': isSelected, 'ppcp--multiselect': isMulti, 'ppcp--no-title': ! itemTitle, } ); - return ( // eslint-disable-next-line jsx-a11y/label-has-associated-control -- label has a nested input control.