46 lines
824 B
JavaScript
46 lines
824 B
JavaScript
|
/**
|
||
|
|
* External dependencies
|
||
|
|
*/
|
||
|
|
import { __, sprintf } from '@wordpress/i18n';
|
||
|
|
|
||
|
|
const DropdownSelectorInput = ( {
|
||
|
|
attributeLabel,
|
||
|
|
checked,
|
||
|
|
getInputProps,
|
||
|
|
inputRef,
|
||
|
|
isDisabled,
|
||
|
|
onFocus,
|
||
|
|
onRemoveItem,
|
||
|
|
value,
|
||
|
|
} ) => {
|
||
|
|
return (
|
||
|
|
<input
|
||
|
|
{ ...getInputProps( {
|
||
|
|
ref: inputRef,
|
||
|
|
className: 'wc-block-dropdown-selector__input',
|
||
|
|
disabled: isDisabled,
|
||
|
|
onFocus,
|
||
|
|
onKeyDown( e ) {
|
||
|
|
if (
|
||
|
|
e.key === 'Backspace' &&
|
||
|
|
! value &&
|
||
|
|
checked.length > 0
|
||
|
|
) {
|
||
|
|
onRemoveItem( checked[ checked.length - 1 ] );
|
||
|
|
}
|
||
|
|
},
|
||
|
|
placeholder:
|
||
|
|
checked.length === 0
|
||
|
|
? sprintf(
|
||
|
|
// Translators: %s attribute name.
|
||
|
|
__( 'Any %s', 'woo-gutenberg-products-block' ),
|
||
|
|
attributeLabel
|
||
|
|
)
|
||
|
|
: null,
|
||
|
|
} ) }
|
||
|
|
/>
|
||
|
|
);
|
||
|
|
};
|
||
|
|
|
||
|
|
export default DropdownSelectorInput;
|