fix(InputMask): Paste at Cursor Selection

[Triggs125]

The input mask component currently pastes contents at the first empty value position instead of the cursor selection. Providing an undefined position to the caret function mostly fixes this issue because after the paste happens, the cursor is returned to the last empty value position instead of at the end of the newly pasted value.

Defect Fixes

Fix #5285

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

1 Ignored Deployment

Name	Status	Preview	Comments	Updated (UTC)
primereact	⬜️ Ignored (Inspect)	Visit Preview		Nov 13, 2023 2:48pm

[github-actions]

Thanks a lot for your contribution! But, PR does not seem to be linked to any issues. Please manually link to an issue or mention it in the description using #<issue_id>.

[melloware]

thanks @Triggs125 looks good to me but assigned to PrimeTek for testing before merging.

[nitrogenous]

Thank you for addressing this and your contribution. I just took quick view to your code. I will be reviewing and testing it more detailed asap.

[nitrogenous]

Hey @Triggs125 I reviewed your contribution it looks good but I think we can add one extra parameter to handleInputChange function to prevent code duplication. I have tried this version and it seems working properly. What do you say??

const handleInputChange = (e, isOnPaste = false) => {
    if (props.readOnly) {
        return;
    }

    if (!isOnPaste) {
        let pos = checkVal(true);

        caret(pos);
    }

    updateModel(e);

    if (props.onComplete && isCompleted()) {
        props.onComplete({
            originalEvent: e,
            value: getValue()
        });
    }
};

onPaste={(e) => handleInputChange(e, true)}

[melloware]

I agree with @nitrogenous

[melloware]

Run npm run format to fix your formatting issues.