feat(react): elementPredicate can accept asynchronous predicate

[nsbarsukov]

PR Type

What kind of change does this PR introduce?

• Bugfix
• Feature
• Refactoring
• Code style update
• Build or CI related changes
• Documentation content changes

What is the new behavior?

import type {MaskitoElementPredicateAsync} from '@maskito/core';
import {maskitoTimeOptionsGenerator} from '@maskito/kit';
import {useMaskito} from '@maskito/react';
import {forwardRef} from 'react';

const options = maskitoTimeOptionsGenerator({
    mode: 'HH:MM',
});

const elementPredicate: MaskitoElementPredicateAsync = host =>
    new Promise(resolve => {
        setTimeout(() => {
            resolve(host.querySelector('input.real-input')!);
        }, 2_000);
    });

const hiddenInputStyles = {
    display: 'none',
};

export const AwesomeInput = forwardRef<HTMLInputElement>((props, ref) => (
    <div ref={ref}>
        <input style={hiddenInputStyles} />
        <input
            className="real-input"
            {...props}
        />
        <input style={hiddenInputStyles} />
    </div>
));

export const App = () => {
    const inputRef = useMaskito({options, elementPredicate});

    return (
        <AwesomeInput
            ref={inputRef}
            placeholder="React async predicate"
        />
    );
};

[github-actions]

Visit the preview URL for this PR (updated for commit 2cd4705):

https://maskito--pr502-react-async-predicat-x1q8bif6.web.app

_{(expires Fri, 15 Sep 2023 10:09:42 GMT)}

_{🔥 via Firebase Hosting GitHub Action 🌎}

_{Sign: 61e4dea776cbea516b68c67840913d2edd88bb90}