design-react-kit
Version:
Componenti React per Bootstrap 5
21 lines • 2.09 kB
JavaScript
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