import { Select2 } from '@elementor/app-ui'; /** * Main component. * * @param {any} props * @return {any} Element * @class */ export default function ConditionSubId( props ) { const settings = React.useMemo( () => ( Object.keys( props.subIdAutocomplete ).length ? getSettings( props.subIdAutocomplete ) : null ), [ props.subIdAutocomplete ] ); if ( ! props.sub || ! settings ) { return ''; } const onChange = ( e ) => props.updateConditions( props.id, { subId: e.target.value } ); return (

); } /** * Get settings for the select2 base on the autocomplete settings, * that passes as a prop * * @param {any} autocomplete * @return {Object} Settings */ function getSettings( autocomplete ) { return { allowClear: false, placeholder: __( 'All', 'elementor-pro' ), dir: elementorCommon.config.isRTL ? 'rtl' : 'ltr', ajax: { transport( params, success, failure ) { return elementorCommon.ajax.addRequest( 'pro_panel_posts_control_filter_autocomplete', { data: { q: params.data.q, autocomplete, }, success, error: failure, } ); }, data( params ) { return { q: params.term, page: params.page, }; }, cache: true, }, escapeMarkup( markup ) { return markup; }, minimumInputLength: 1, }; } ConditionSubId.propTypes = { subIdAutocomplete: PropTypes.object, id: PropTypes.string.isRequired, sub: PropTypes.string, subId: PropTypes.string, updateConditions: PropTypes.func, subIdOptions: PropTypes.array, }; ConditionSubId.defaultProps = { subId: '', subIdOptions: [], }; INFLABLES VARIADOS PARA COMERCIALIZACION – Peru Send