@codinglane/dropdown
Version:
An easy-to-use react dropdown
21 lines (20 loc) • 785 B
JavaScript
import { jsx as _jsx } from "react/jsx-runtime";
import React from 'react';
import './BaseInput.css';
export const BaseInput = React.forwardRef(({ error, ...props }, ref) => {
const blurOnEnter = (event) => {
if (props.onKeyUp)
props.onKeyUp(event);
if (event.key.toLowerCase() !== 'enter')
return;
event.currentTarget.blur();
};
const disgardCopy = (event) => {
if (!error) {
event.persist();
return;
}
event.currentTarget.selectionStart = event.currentTarget.selectionEnd;
};
return (_jsx("input", { ...props, onKeyUp: blurOnEnter, className: `customBase ${props.className} ${error ? 'errorCaptured' : ''}`, onCopy: disgardCopy, ref: ref }));
});