woocommerce/packages/woocommerce-blocks/assets/js/base/components/dropdown-selector/input.js
2021-12-10 12:03:04 +00:00

37 lines
626 B
JavaScript

const DropdownSelectorInput = ( {
checked,
getInputProps,
inputRef,
isDisabled,
onFocus,
onRemoveItem,
placeholder,
tabIndex,
value,
} ) => {
return (
<input
{ ...getInputProps( {
ref: inputRef,
className:
'wc-block-dropdown-selector__input wc-block-components-dropdown-selector__input',
disabled: isDisabled,
onFocus,
onKeyDown( e ) {
if (
e.key === 'Backspace' &&
! value &&
checked.length > 0
) {
onRemoveItem( checked[ checked.length - 1 ] );
}
},
placeholder,
tabIndex,
} ) }
/>
);
};
export default DropdownSelectorInput;