UNPKG

@codinglane/dropdown

Version:
21 lines (20 loc) 785 B
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 })); });