design-react-kit
Version:
Componenti React per Bootstrap 5
2 lines • 2.66 kB
JavaScript
;var $=Object.create;var u=Object.defineProperty;var h=Object.getOwnPropertyDescriptor;var D=Object.getOwnPropertyNames;var L=Object.getPrototypeOf,T=Object.prototype.hasOwnProperty;var C=(t,e)=>{for(var s in e)u(t,s,{get:e[s],enumerable:!0})},p=(t,e,s,a)=>{if(e&&typeof e=="object"||typeof e=="function")for(let l of D(e))!T.call(t,l)&&l!==s&&u(t,l,{get:()=>e[l],enumerable:!(a=h(e,l))||a.enumerable});return t};var f=(t,e,s)=>(s=t!=null?$(L(t)):{},p(e||!t||!t.__esModule?u(s,"default",{value:t,enumerable:!0}):s,t)),R=t=>p(u({},"__esModule",{value:!0}),t);var Q={};C(Q,{Autocomplete:()=>M});module.exports=R(Q);var i=f(require("react"),1),v=f(require("accessible-autocomplete/react"),1),H=()=>"Quando i risultati del completamento automatico sono disponibili, usa le frecce su e gi\xF9 per rivedere e Invio per selezionare. Utenti di dispositivi touch, esplora tramite tocco o con gesti di scorrimento",I=()=>"Nessun risultato trovato",O=t=>`Digita ${t} o pi\xF9 caratteri per mostrare le opzioni di ricerca`,x=()=>"Nessun risultato di ricerca",B=(t,e,s)=>`${t} ${s+1} di ${e} \xE8 sottolineato`,F=(t,e)=>{let s={result:t===1?"risultato":"risultati",is:t===1?"\xE8":"sono",available:t===1?"disponibile":"disponibili"};return`${t} ${s.result} ${s.is} ${s.available}. ${e}`},M=({tAssistiveHint:t=H,tNoResults:e=I,tStatusQueryTooShort:s=O,tStatusNoResults:a=x,tStatusSelectedOption:l=B,tStatusResults:b=F,placeholder:g="",defaultValue:S="",displayMenu:N="inline",source:A,validationText:E,onConfirm:d,...n})=>{let{id:m,valid:r}=n,y=r===!0||r===!1;return(0,i.useEffect)(()=>{let o=document.getElementById(m),c=o?.parentElement?.parentElement?.getElementsByTagName("label")[0];o.value!==""&&c?.classList.add("active"),o?.addEventListener("focus",()=>{c?.classList.add("active")}),o?.addEventListener("blur",()=>{o.value===""&&c?.classList.remove("active"),d&&d(o.value)})},[m]),i.default.createElement(i.default.Fragment,null,i.default.createElement("label",{htmlFor:n.id},n.label),i.default.createElement(v.default,{source:A,placeholder:g,defaultValue:S,displayMenu:N,tAssistiveHint:t,tNoResults:e,tStatusQueryTooShort:s,tStatusNoResults:a,tStatusSelectedOption:l,tStatusResults:b,onConfirm:d,inputClasses:`form-control ${y&&(r===!1?"is-invalid":"just-validate-success-field")}`,showNoOptionsFound:!0,hintClasses:"app-hint",autoselect:!1,showAllValues:!1,templates:void 0,confirmOnBlur:!1,menuAttributes:null,menuClasses:null,...n}),i.default.createElement("div",{className:"form-feedback just-validate-error-label form-text form-feedback just-validate-error-label"},!r&&E))};0&&(module.exports={Autocomplete});
//# sourceMappingURL=Autocomplete.cjs.map