Components: ComboboxControl Item should support disabled option

[retrofox]

Considering the disabled option is supported natively by the <select> HTML component for their children, it should similarly be supported by the <ComboboxControl /> Item component.

Here is an example of the disabled option for the regular <select> HTML element.

Item API

Once this implementation:

• it would be possible to disable the item by passing the disabled property:
• Item is not disabled as default

import { ComboboxControl } from '@wordpress/components';
import { useState } from '@wordpress/element';

const options = [
	{
		value: 'small',
		label: 'Small',
	},
	{
		value: 'normal',
		label: 'Normal',
		disabled: true,
	},
	{
		value: 'large',
		label: 'Large',
		disabled: false,
	},
];

function MyComboboxControl() {
	const [ fontSize, setFontSize ] = useState();
	const [ filteredOptions, setFilteredOptions ] = useState( options );
	return (
		<ComboboxControl
			label="Font Size"
			value={ fontSize }
			onChange={ setFontSize }
			options={ filteredOptions }
			onFilterValueChange={ ( inputValue ) =>
				setFilteredOptions(
					options.filter( ( option ) =>
						option.label
							.toLowerCase()
							.startsWith( inputValue.toLowerCase() )
					)
				)
			}
		/>
	);
}