UNPKG

design-react-kit

Version:

Componenti React per Bootstrap 5

21 lines 2.09 kB
import React from 'react'; // eslint-disable-next-line @typescript-eslint/ban-ts-comment // @ts-ignore non ci sono i types import BaseAutocomplete from 'accessible-autocomplete/react'; // Reference to https://www.npmjs.com/package/accessible-autocomplete const tAssistiveHintDefault = () => 'Quando i risultati del completamento automatico sono disponibili, usa le frecce su e giù per rivedere e Invio per selezionare. Utenti di dispositivi touch, esplora tramite tocco o con gesti di scorrimento'; const tNoResultsDefault = () => 'Nessun risultato trovato'; const tStatusQueryTooShortDefault = (minQueryLength) => `Digita ${minQueryLength} o più caratteri per mostrare le opzioni di ricerca`; const tStatusNoResultsDefault = () => 'Nessun risultato di ricerca'; const tStatusSelectedOptionDefault = (selectedOption, length, index) => `${selectedOption} ${index + 1} di ${length} è sottolineato`; const tStatusResultsDefault = (length, contentSelectedOption) => { const words = { result: length === 1 ? 'risultato' : 'risultati', is: length === 1 ? 'è' : 'sono', available: length === 1 ? 'disponibile' : 'disponibili' }; return `${length} ${words.result} ${words.is} ${words.available}. ${contentSelectedOption}`; }; export const Autocomplete = ({ tAssistiveHint = tAssistiveHintDefault, tNoResults = tNoResultsDefault, tStatusQueryTooShort = tStatusQueryTooShortDefault, tStatusNoResults = tStatusNoResultsDefault, tStatusSelectedOption = tStatusSelectedOptionDefault, tStatusResults = tStatusResultsDefault, placeholder = '', defaultValue = '', displayMenu = 'inline', source, ...attributes }) => { return (React.createElement(BaseAutocomplete, { id: 'autocomplete', source: source, placeholder: placeholder, defaultValue: defaultValue, displayMenu: displayMenu, tAssistiveHint: tAssistiveHint, tNoResults: tNoResults, tStatusQueryTooShort: tStatusQueryTooShort, tStatusNoResults: tStatusNoResults, tStatusSelectedOption: tStatusSelectedOption, tStatusResults: tStatusResults, ...attributes })); }; //# sourceMappingURL=Autocomplete.js.map