@codinglane/dropdown/lib/esm/components/atoms/input/index.js

An easy-to-use react dropdown

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 }));
});