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.