@solace-health/ui 0.10.61 → 0.10.62

package/dist/index.cjs

@@ -1720,7 +1720,7 @@ The mask that was received is: ${JSON.stringify(e)}`);return e.map(o=>o instance
 `,$i=e=>{let t="",o="",r="",n="",i="";e.address_components.forEach(d=>{d.types.some(f=>{switch(f){case"locality":return t=d.short_name,!0;case"administrative_area_level_1":return o=d.short_name,!0;case"street_number":return r=d.short_name,!0;case"route":return n=d.short_name,!0;case"postal_code":return i=d.short_name,!0;default:return !1}});});let s=e.geometry.location.lat(),a=e.geometry.location.lng(),l=`${r} ${n}`;return {city:t,state:o,street:l,zip:i,lat:s,long:a}},Ni=({handleSelect:e,option:t,value:o})=>{let{description:r}=t,n=r===o,i=r.replace(", USA","");return jsxRuntime.jsx(Ii,{isCurrent:n,onClick:()=>e(i),children:jsxRuntime.jsx(w.Body,{size:"lg",children:i})})},Gi=({label:e="",details:t="",formOptions:o={},previewOnly:r=!1,locationType:n="city",streetFieldName:i="street",cityFieldName:s="city",stateFieldName:a="state",zipFieldName:l="zip",placeholder:d="",containerStyle:f={}})=>{let c=r3.useRef(),[m,h]=r3.useState(!1),[y,V]=r3.useState(!1),L=reactHookForm.useFormContext(),E=n==="city"?s:i,B=web.useSpring(m?{opacity:1,transform:"translate(0px, 0px)",display:"block",config:{duration:150}}:{opacity:0,transform:"translate(0px, -2px)",display:"none",config:{duration:150}});r3.useEffect(()=>{let p=C=>{m&&c.current&&!c.current.contains(C.target)&&h(!1);};return document.addEventListener("mousedown",C=>p(C)),()=>{document.removeEventListener("mousedown",C=>p(C));}},[m]);let O=L.getValues(E)?`${L.getValues(E)}, ${L.getValues(a)}`:"",{value:b,suggestions:{data:g,loading:P},setValue:u,clearSuggestions:M}=Zi__default.default({requestOptions:{...n==="city"?{types:["locality","postal_code"]}:{},componentRestrictions:{country:"us"}}});r3.useEffect(()=>{if(P){V(P);return}setTimeout(()=>{V(P);},2e3);},[P]);let $=web.useSpring(y?{opacity:1,transform:"translate(0px, 0px)",config:{duration:400}}:{opacity:0,transform:"translate(5px, 0px)",config:{duration:200}}),X=p=>{u(p.target.value),L.setValue(a,""),n==="full"&&(L.setValue(l,""),L.setValue(s,"")),L.trigger(E),p.target.value.length>=3&&h(!0);},J=p=>{u(p,!1),M(),!(p.length<=2)&&Zi.getGeocode({address:p}).then(C=>{let{city:Z,state:S,street:H,zip:T,lat:x,long:_}=$i(C[0]),D=[E,s,a];L.setValue(s,Z),L.setValue(a,S),n==="full"&&(L.setValue(i,H),L.setValue(l,T),D.push(i,l)),L.setValue("lat",x),L.setValue("long",_),L.trigger(D);}).catch(C=>console.error(`Google Maps API error: ${C}`));},j=p=>{p.code==="Enter"&&p.preventDefault();};return jsxRuntime.jsxs(Oi,{children:[jsxRuntime.jsx(A,{label:e,isLabelBold:!0,required:!!o.required}),r?jsxRuntime.jsx(Ai,{size:"md",children:O||"N/A"}):jsxRuntime.jsxs(Di,{style:f,children:[jsxRuntime.jsx(zi,{onKeyDown:j,type:"text",placeholder:d,...L.register(E,{...o,onChange:X})}),g.length>0&&jsxRuntime.jsx(Ri,{style:B,ref:c,children:g.map(p=>jsxRuntime.jsx(Ni,{handleSelect:J,option:p,value:b},p.description))}),jsxRuntime.jsx(Fi,{style:$,children:jsxRuntime.jsx(Ke,{size:"sm"})})]})]})},L0=e=>{let{isLoaded:t}=api.useLoadScript({googleMapsApiKey:e.api_key||process.env.GOOGLE_MAPS_API_KEY||"",libraries:["places"]});return t?jsxRuntime.jsx(Gi,{...e}):null};var Xi=k__default.default.div`
   position: relative;
   margin-bottom: 24px;
-`,Ji=({label:e="",formOptions:t={},defaultValue:o=null,name:r,...n})=>{let{control:i,formState:{errors:s}}=reactHookForm.useFormContext(),a=s[r],l=a?a.message?.toString():"This field is required";return jsxRuntime.jsxs(Xi,{children:[jsxRuntime.jsx(A,{label:e,required:!!t.required}),jsxRuntime.jsx(reactHookForm.Controller,{render:({field:d})=>jsxRuntime.jsx(qe,{...n,...d,status:!!a&&"error"}),name:r,defaultValue:o?V2__default.default(o):null,rules:t,control:i,...t}),a&&jsxRuntime.jsx(W,{includeIcon:!1,children:l})]})},M0=Ji;var ji=({label:e="",name:t,options:o,...r})=>{let {setValue:n}=reactHookForm.useFormContext();k__default.default(w.Body)`
+`,Ji=({label:e="",formOptions:t={},defaultValue:o=null,name:r,...n})=>{let{control:i,formState:{errors:s}}=reactHookForm.useFormContext(),a=s[r],l=a?a.message?.toString():"This field is required";return jsxRuntime.jsxs(Xi,{children:[jsxRuntime.jsx(A,{isLabelBold:!0,label:e,required:!!t.required}),jsxRuntime.jsx(reactHookForm.Controller,{render:({field:d})=>jsxRuntime.jsx(qe,{...n,...d,status:!!a&&"error"}),name:r,defaultValue:o?V2__default.default(o):null,rules:t,control:i,...t}),a&&jsxRuntime.jsx(W,{includeIcon:!1,children:l})]})},M0=Ji;var ji=({label:e="",name:t,options:o,...r})=>{let {setValue:n}=reactHookForm.useFormContext();k__default.default(w.Body)`
     margin-bottom: 5px;
     text-align: start;
   `;let s=k__default.default.div`