@solace-health/ui 0.3.7 → 0.3.8

package/dist/index.js

@@ -238,6 +238,8 @@ var f2=(s=>(s.XL="xl",s.LG="lg",s.MD="md",s.SM="sm",s.XS="xs",s))(f2||{});var g1
   font-weight: ${({theme:e})=>e.typography.weight.normal};
   color: ${({theme:e})=>e.colors.fail};
   font-size: 13px;
+  line-height: 14px;
+  width: 100%;
 `,U=s5;var a5=o.header`
   transition: font-size 0.25s;
   font-family: ${({theme:e})=>e.typography.family.body};
@@ -372,7 +374,7 @@ var f2=(s=>(s.XL="xl",s.LG="lg",s.MD="md",s.SM="sm",s.XS="xs",s))(f2||{});var g1
   }
 `,G2=o(c.Body)`
   margin-bottom: 24px;
-`,B5=({name:e,label:t=null,details:r=null,type:n="text",options:i={},previewOnly:s=!1,textArea:a=!1,marginBottom:l="24px",isLabelBold:f=!0,format:p=String,errorMessage:x="This field is required",...C})=>{let{register:S,control:L,getValues:y,formState:{errors:M}}=useFormContext();return jsxs(Fragment,{children:[t&&jsx(k5,{size:"lg",isLabelBold:f,children:t}),r&&jsx(S5,{children:r}),a?jsx("div",{children:s?jsx(G2,{size:"md",children:y(e)||"N/A"}):jsx(P5,{...C,...S(e,i),marginBottom:l})}):jsx("div",{children:s?jsx(G2,{size:"md",children:y(e)||"N/A"}):jsx(Controller,{render:b=>jsxs("div",{style:{marginBottom:l},children:[jsx(z5,{...C,unmask:!1,mask:p,name:b.field.name,onBlur:b.field.onBlur,defaultValue:i.value||b.field.value,onAccept:D=>b.field.onChange({target:{value:D}}),marginBottom:l,type:n}),M?.[e]&&jsx(U,{children:x})]}),name:e,rules:i,control:L})})]})},Z=B5;var O5=o.div`
+`,B5=({name:e,label:t=null,details:r=null,type:n="text",options:i={},previewOnly:s=!1,textArea:a=!1,marginBottom:l="24px",isLabelBold:f=!0,format:p=String,errorMessage:x="This field is required",...C})=>{let{register:M,control:L,getValues:y,formState:{errors:v}}=useFormContext();return jsxs(Fragment,{children:[t&&jsx(k5,{size:"lg",isLabelBold:f,children:t}),r&&jsx(S5,{children:r}),a?jsx("div",{children:s?jsx(G2,{size:"md",children:y(e)||"N/A"}):jsx(P5,{...C,...M(e,i),marginBottom:l})}):jsx("div",{style:{width:"100%"},children:s?jsx(G2,{size:"md",children:y(e)||"N/A"}):jsxs("div",{style:{marginBottom:v?.[e]?"6px":l,display:"flex",flexDirection:"column"},children:[jsx(Controller,{render:b=>jsx(z5,{...C,unmask:!1,mask:p,name:b.field.name,onBlur:b.field.onBlur,defaultValue:i.value||b.field.value,onAccept:D=>b.field.onChange({target:{value:D}}),marginBottom:l,type:n}),name:e,rules:i,control:L}),v?.[e]&&jsx(U,{children:x})]})})]})},Z=B5;var O5=o.div`
   margin-bottom: 32px;
 `,$5=o.div`
   display: ${({inline:e})=>e?"flex":"block"};
@@ -636,7 +638,7 @@ var f2=(s=>(s.XL="xl",s.LG="lg",s.MD="md",s.SM="sm",s.XS="xs",s))(f2||{});var g1
   left: 20px;
 `,de=o(c.Body)`
   margin-bottom: 24px;
-`,ce=({label:e="",name:t,details:r="",options:n=[],allowInput:i=!1,previewOnly:s=!1,formOptions:a={}})=>{let l=useRef(),f=useFormContext();f.register(t,a);let[p,x]=useState(!1),[C,S]=useState(""),[L,y]=useState(n),M=useSpring(p?{opacity:1,transform:"translate(0px, 0px)",display:"block",config:{duration:150}}:{opacity:0,transform:"translate(0px, -2px)",display:"none",config:{duration:150}});useEffect(()=>{let g=h=>{p&&l.current&&!l.current.contains(h.target)&&x(!1);};return document.addEventListener("mousedown",h=>g(h)),()=>{document.removeEventListener("mousedown",h=>g(h));}},[p]);let b=n.find(g=>g.value===f.getValues(t))?.label,D=g=>{S(""),f.setValue(t,g.value),f.trigger(t),x(!1);};useEffect(()=>{if(x(!!C),C){let g=n.filter(h=>h.value.match(C.toLowerCase()));y(g),f.setValue(t,C);}else y(n);},[C]);let H=g=>{g.code==="Enter"&&g.preventDefault();};return jsxs(oe,{children:[jsx(re,{size:"lg",children:e}),r&&jsx(ne,{children:r}),s?jsx(de,{size:"md",children:b||"N/A"}):jsxs(ie,{onClick:()=>x(!p),children:[b,i&&jsx(pe,{onKeyDown:H,value:C,onChange:g=>S(g.target.value),type:"text"}),jsx(R.Caret,{direction:p?"up":"down"}),jsx(se,{style:M,ref:l,children:L.map(g=>{let{label:h}=g,m=g.label===b;return jsxs(ae,{onClick:()=>D(g),children:[jsx(c.Body,{size:"lg",children:h}),jsx(le,{isCurrent:m,children:jsx(R.Check,{color:"#fff"})})]},g.value)})})]})]})},q2=ce;var me=({label:e="Submit",isSubmitting:t=!1,hideWhenInvalid:r=!1,...n})=>{let i=useFormContext(),{isValid:s}=i.formState,l=useSpring((r?s:!0)?{position:"relative",zIndex:0,opacity:1,transform:"translate(0px, 0px)",display:"block",config:{duration:250}}:{opacity:0,transform:"translate(0px, -3px)",display:"none",config:{duration:250}});return jsx(animated.div,{style:l,...n,children:jsx(o2.Primary,{type:"submit",isSubmitting:t,...n,children:e})})},j2=me;var Le=o.div`
+`,ce=({label:e="",name:t,details:r="",options:n=[],allowInput:i=!1,previewOnly:s=!1,formOptions:a={}})=>{let l=useRef(),f=useFormContext();f.register(t,a);let[p,x]=useState(!1),[C,M]=useState(""),[L,y]=useState(n),v=useSpring(p?{opacity:1,transform:"translate(0px, 0px)",display:"block",config:{duration:150}}:{opacity:0,transform:"translate(0px, -2px)",display:"none",config:{duration:150}});useEffect(()=>{let g=h=>{p&&l.current&&!l.current.contains(h.target)&&x(!1);};return document.addEventListener("mousedown",h=>g(h)),()=>{document.removeEventListener("mousedown",h=>g(h));}},[p]);let b=n.find(g=>g.value===f.getValues(t))?.label,D=g=>{M(""),f.setValue(t,g.value),f.trigger(t),x(!1);};useEffect(()=>{if(x(!!C),C){let g=n.filter(h=>h.value.match(C.toLowerCase()));y(g),f.setValue(t,C);}else y(n);},[C]);let H=g=>{g.code==="Enter"&&g.preventDefault();};return jsxs(oe,{children:[jsx(re,{size:"lg",children:e}),r&&jsx(ne,{children:r}),s?jsx(de,{size:"md",children:b||"N/A"}):jsxs(ie,{onClick:()=>x(!p),children:[b,i&&jsx(pe,{onKeyDown:H,value:C,onChange:g=>M(g.target.value),type:"text"}),jsx(R.Caret,{direction:p?"up":"down"}),jsx(se,{style:v,ref:l,children:L.map(g=>{let{label:h}=g,m=g.label===b;return jsxs(ae,{onClick:()=>D(g),children:[jsx(c.Body,{size:"lg",children:h}),jsx(le,{isCurrent:m,children:jsx(R.Check,{color:"#fff"})})]},g.value)})})]})]})},q2=ce;var me=({label:e="Submit",isSubmitting:t=!1,hideWhenInvalid:r=!1,...n})=>{let i=useFormContext(),{isValid:s}=i.formState,l=useSpring((r?s:!0)?{position:"relative",zIndex:0,opacity:1,transform:"translate(0px, 0px)",display:"block",config:{duration:250}}:{opacity:0,transform:"translate(0px, -3px)",display:"none",config:{duration:250}});return jsx(animated.div,{style:l,...n,children:jsx(o2.Primary,{type:"submit",isSubmitting:t,...n,children:e})})},j2=me;var Le=o.div`
   position: relative;
   margin-bottom: 24px;
   z-index: 100;
@@ -706,7 +708,7 @@ var f2=(s=>(s.XL="xl",s.LG="lg",s.MD="md",s.SM="sm",s.XS="xs",s))(f2||{});var g1
   height: 100%;
 `,Be=o(c.Body)`
   margin-bottom: 24px;
-`,De=e=>{let t="",r="";e.address_components.forEach(s=>{let a=s.types.some(f=>f==="locality"),l=s.types.some(f=>f==="administrative_area_level_1");a?t=s.short_name:l&&(r=s.short_name);});let n=e.geometry.location.lat(),i=e.geometry.location.lng();return {city:t,state:r,lat:n,long:i}},Ve=({handleSelect:e,option:t,value:r})=>{let{description:n}=t,i=n===r,s=n.replace(", USA","");return jsx(ze,{isCurrent:i,onClick:()=>e(s),children:jsx(c.Body,{size:"lg",children:s})})},Oe=({label:e="",details:t="",required:r=!0,previewOnly:n=!1})=>{let i=useRef(),[s,a]=useState(!1),[l,f]=useState(!1),p=useFormContext();p.register("city",{required:r});let x=useSpring(s?{opacity:1,transform:"translate(0px, 0px)",display:"block",config:{duration:150}}:{opacity:0,transform:"translate(0px, -2px)",display:"none",config:{duration:150}});useEffect(()=>{let m=v=>{s&&i.current&&!i.current.contains(v.target)&&a(!1);};return document.addEventListener("mousedown",v=>m(v)),()=>{document.removeEventListener("mousedown",v=>m(v));}},[s]);let C=p.getValues("city")?`${p.getValues("city")}, ${p.getValues("state")}`:"",{value:S,suggestions:{data:L,loading:y},setValue:M,clearSuggestions:b}=ye({requestOptions:{types:["locality","postal_code"],componentRestrictions:{country:"us"}}});useEffect(()=>{if(y){f(y);return}setTimeout(()=>{f(y);},2e3);},[y]);let D=useSpring(l?{opacity:1,transform:"translate(0px, 0px)",config:{duration:400}}:{opacity:0,transform:"translate(5px, 0px)",config:{duration:200}}),H=m=>{M(m.target.value),p.setValue("city",null),p.setValue("state",null),p.trigger("city"),m.target.value.length>=3&&a(!0);},g=m=>{M(m,!1),b(),!(m.length<=2)&&getGeocode({address:m}).then(v=>{let{city:d,state:u,lat:t2,long:c1}=De(v[0]);p.setValue("city",d),p.setValue("state",u),p.setValue("lat",t2),p.setValue("long",c1),p.trigger("city");}).catch(v=>console.error(`Google Maps API error: ${v}`));},h=m=>{m.code==="Enter"&&m.preventDefault();};return jsxs(Le,{children:[jsx(ve,{size:"lg",children:e}),t&&jsx(we,{children:t}),n?jsx(Be,{size:"md",children:C||"N/A"}):jsxs(ke,{children:[jsx(Pe,{onKeyDown:h,value:S||C,onChange:m=>H(m),type:"text"}),L.length>0&&jsx(Se,{style:x,ref:i,children:L.map(m=>jsx(Ve,{handleSelect:g,option:m,value:S},m.description))}),jsx(Me,{style:D,children:jsx(V,{size:"sm"})})]})]})},i1=e=>{let{isLoaded:t}=useLoadScript({googleMapsApiKey:e.api_key||process.env.GOOGLE_MAPS_API_KEY||"",libraries:["places"]});return t?jsx(Oe,{...e}):null};var a1=({color:e="#5A5A5A"})=>jsx("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M12.9999 10.9999H12.2099L11.9299 10.7299C13.1299 9.32989 13.7499 7.41989 13.4099 5.38989C12.9399 2.60989 10.6199 0.389893 7.81989 0.0498932C3.58989 -0.470107 0.0298932 3.08989 0.549893 7.31989C0.889893 10.1199 3.10989 12.4399 5.88989 12.9099C7.91989 13.2499 9.82989 12.6299 11.2299 11.4299L11.4999 11.7099V12.4999L15.7499 16.7499C16.1599 17.1599 16.8299 17.1599 17.2399 16.7499C17.6499 16.3399 17.6499 15.6699 17.2399 15.2599L12.9999 10.9999ZM6.99989 10.9999C4.50989 10.9999 2.49989 8.98989 2.49989 6.49989C2.49989 4.00989 4.50989 1.99989 6.99989 1.99989C9.48989 1.99989 11.4999 4.00989 11.4999 6.49989C11.4999 8.98989 9.48989 10.9999 6.99989 10.9999Z",fill:"#5A5A5A",color:e})});var Re=o.div`
+`,De=e=>{let t="",r="";e.address_components.forEach(s=>{let a=s.types.some(f=>f==="locality"),l=s.types.some(f=>f==="administrative_area_level_1");a?t=s.short_name:l&&(r=s.short_name);});let n=e.geometry.location.lat(),i=e.geometry.location.lng();return {city:t,state:r,lat:n,long:i}},Ve=({handleSelect:e,option:t,value:r})=>{let{description:n}=t,i=n===r,s=n.replace(", USA","");return jsx(ze,{isCurrent:i,onClick:()=>e(s),children:jsx(c.Body,{size:"lg",children:s})})},Oe=({label:e="",details:t="",required:r=!0,previewOnly:n=!1})=>{let i=useRef(),[s,a]=useState(!1),[l,f]=useState(!1),p=useFormContext();p.register("city",{required:r});let x=useSpring(s?{opacity:1,transform:"translate(0px, 0px)",display:"block",config:{duration:150}}:{opacity:0,transform:"translate(0px, -2px)",display:"none",config:{duration:150}});useEffect(()=>{let m=w=>{s&&i.current&&!i.current.contains(w.target)&&a(!1);};return document.addEventListener("mousedown",w=>m(w)),()=>{document.removeEventListener("mousedown",w=>m(w));}},[s]);let C=p.getValues("city")?`${p.getValues("city")}, ${p.getValues("state")}`:"",{value:M,suggestions:{data:L,loading:y},setValue:v,clearSuggestions:b}=ye({requestOptions:{types:["locality","postal_code"],componentRestrictions:{country:"us"}}});useEffect(()=>{if(y){f(y);return}setTimeout(()=>{f(y);},2e3);},[y]);let D=useSpring(l?{opacity:1,transform:"translate(0px, 0px)",config:{duration:400}}:{opacity:0,transform:"translate(5px, 0px)",config:{duration:200}}),H=m=>{v(m.target.value),p.setValue("city",null),p.setValue("state",null),p.trigger("city"),m.target.value.length>=3&&a(!0);},g=m=>{v(m,!1),b(),!(m.length<=2)&&getGeocode({address:m}).then(w=>{let{city:d,state:u,lat:t2,long:c1}=De(w[0]);p.setValue("city",d),p.setValue("state",u),p.setValue("lat",t2),p.setValue("long",c1),p.trigger("city");}).catch(w=>console.error(`Google Maps API error: ${w}`));},h=m=>{m.code==="Enter"&&m.preventDefault();};return jsxs(Le,{children:[jsx(ve,{size:"lg",children:e}),t&&jsx(we,{children:t}),n?jsx(Be,{size:"md",children:C||"N/A"}):jsxs(ke,{children:[jsx(Pe,{onKeyDown:h,value:M||C,onChange:m=>H(m),type:"text"}),L.length>0&&jsx(Se,{style:x,ref:i,children:L.map(m=>jsx(Ve,{handleSelect:g,option:m,value:M},m.description))}),jsx(Me,{style:D,children:jsx(V,{size:"sm"})})]})]})},i1=e=>{let{isLoaded:t}=useLoadScript({googleMapsApiKey:e.api_key||process.env.GOOGLE_MAPS_API_KEY||"",libraries:["places"]});return t?jsx(Oe,{...e}):null};var a1=({color:e="#5A5A5A"})=>jsx("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M12.9999 10.9999H12.2099L11.9299 10.7299C13.1299 9.32989 13.7499 7.41989 13.4099 5.38989C12.9399 2.60989 10.6199 0.389893 7.81989 0.0498932C3.58989 -0.470107 0.0298932 3.08989 0.549893 7.31989C0.889893 10.1199 3.10989 12.4399 5.88989 12.9099C7.91989 13.2499 9.82989 12.6299 11.2299 11.4299L11.4999 11.7099V12.4999L15.7499 16.7499C16.1599 17.1599 16.8299 17.1599 17.2399 16.7499C17.6499 16.3399 17.6499 15.6699 17.2399 15.2599L12.9999 10.9999ZM6.99989 10.9999C4.50989 10.9999 2.49989 8.98989 2.49989 6.49989C2.49989 4.00989 4.50989 1.99989 6.99989 1.99989C9.48989 1.99989 11.4999 4.00989 11.4999 6.49989C11.4999 8.98989 9.48989 10.9999 6.99989 10.9999Z",fill:"#5A5A5A",color:e})});var Re=o.div`
   position: relative;
   margin-bottom: 24px;
   z-index: 200;
@@ -789,7 +791,7 @@ var f2=(s=>(s.XL="xl",s.LG="lg",s.MD="md",s.SM="sm",s.XS="xs",s))(f2||{});var g1
   border: 0.766898px solid;
   border-color: ${e=>e.isCurrent?"#285E50 !important":"#3f937c"};
   background: ${e=>e.isCurrent?"#285E50 !important":"#FFF"};
-`,We=({label:e="",name:t,details:r="",options:n=[],previewOnly:i=!1})=>{let s=useRef(),a=useFormContext(),[l,f]=useState(!1),[p,x]=useState(""),[C,S]=useState(a.getValues(t)||[]),L=useRef({search:p,keywords:C});useEffect(()=>{L.current={search:p,keywords:C};},[p,C]);let[y,M]=useState(n),b=useSpring(l?{opacity:1,transform:"translate(0px, 0px)",display:"block",config:{duration:150}}:{opacity:0,transform:"translate(0px, -2px)",display:"none",config:{duration:150}}),D=n.find(d=>d===a.getValues(t)),H=d=>{let u=[...L.current.keywords,d];x(""),S(u),a.setValue(t,u),f(!1);},g=d=>d?d.charAt(0).toUpperCase()+d.slice(1).toLowerCase():"",h=()=>{if(!L.current.search)return;let d=g(L.current.search);H(d);};useEffect(()=>{let d=u=>{l&&s.current&&!s.current.contains(u.target)&&(h(),f(!1));};return document.addEventListener("mousedown",u=>d(u)),()=>{document.removeEventListener("mousedown",u=>d(u));}},[l]);let m=d=>{d.code==="Enter"&&(h(),d.preventDefault());},v=d=>{let u=C.filter(t2=>t2!==d);S(u),x(""),a.setValue(t,u);};return useEffect(()=>{if(f(!!p),p){let d=n.filter(u=>u.toLowerCase().match(p.toLowerCase()));M(d);}else M(n);},[p]),useEffect(()=>{let d=n.filter(u=>!C.includes(u));M(d);},[C]),jsxs(Re,{children:[jsx(Ze,{size:"lg",children:e}),r&&jsx(Te,{children:r}),!i&&jsxs(Ae,{onClick:()=>f(!l),children:[jsx(a1,{}),D,jsx(Ie,{onKeyDown:m,value:p,onChange:d=>x(d.target.value),type:"text",style:{marginLeft:"45px",width:"calc(100% - 80px)"}}),jsxs(Fe,{style:b,ref:s,children:[y.map(d=>{let u=d===D;return jsxs(p1,{onClick:()=>H(d),children:[jsx(c.Body,{size:"lg",children:d}),jsx(Ne,{isCurrent:u,children:jsx(R.Check,{color:"#fff"})})]},d)}),!y.length&&jsx(p1,{onClick:()=>h(),children:jsx(c.Body,{size:"lg",children:"Add Option"})},"add")]})]}),jsxs("div",{style:{display:"flex",flexDirection:"row",flexWrap:"wrap"},children:[i&&C.length===0&&"N/A",C.map(d=>jsxs(Ge,{onClick:()=>v(d),children:[d,!i&&jsx(W,{})]},d))]})]})},d1=We;var _e={Container:_2,Checkbox:J,CheckboxGroup:W2,TextInput:Z,Radio:Q,RadioGroup:J2,Select:q2,Signature:X2,Submit:j2,LocationSelect:i1,Keyword:d1,Toggle:p2};
+`,We=({label:e="",name:t,details:r="",options:n=[],previewOnly:i=!1})=>{let s=useRef(),a=useFormContext(),[l,f]=useState(!1),[p,x]=useState(""),[C,M]=useState(a.getValues(t)||[]),L=useRef({search:p,keywords:C});useEffect(()=>{L.current={search:p,keywords:C};},[p,C]);let[y,v]=useState(n),b=useSpring(l?{opacity:1,transform:"translate(0px, 0px)",display:"block",config:{duration:150}}:{opacity:0,transform:"translate(0px, -2px)",display:"none",config:{duration:150}}),D=n.find(d=>d===a.getValues(t)),H=d=>{let u=[...L.current.keywords,d];x(""),M(u),a.setValue(t,u),f(!1);},g=d=>d?d.charAt(0).toUpperCase()+d.slice(1).toLowerCase():"",h=()=>{if(!L.current.search)return;let d=g(L.current.search);H(d);};useEffect(()=>{let d=u=>{l&&s.current&&!s.current.contains(u.target)&&(h(),f(!1));};return document.addEventListener("mousedown",u=>d(u)),()=>{document.removeEventListener("mousedown",u=>d(u));}},[l]);let m=d=>{d.code==="Enter"&&(h(),d.preventDefault());},w=d=>{let u=C.filter(t2=>t2!==d);M(u),x(""),a.setValue(t,u);};return useEffect(()=>{if(f(!!p),p){let d=n.filter(u=>u.toLowerCase().match(p.toLowerCase()));v(d);}else v(n);},[p]),useEffect(()=>{let d=n.filter(u=>!C.includes(u));v(d);},[C]),jsxs(Re,{children:[jsx(Ze,{size:"lg",children:e}),r&&jsx(Te,{children:r}),!i&&jsxs(Ae,{onClick:()=>f(!l),children:[jsx(a1,{}),D,jsx(Ie,{onKeyDown:m,value:p,onChange:d=>x(d.target.value),type:"text",style:{marginLeft:"45px",width:"calc(100% - 80px)"}}),jsxs(Fe,{style:b,ref:s,children:[y.map(d=>{let u=d===D;return jsxs(p1,{onClick:()=>H(d),children:[jsx(c.Body,{size:"lg",children:d}),jsx(Ne,{isCurrent:u,children:jsx(R.Check,{color:"#fff"})})]},d)}),!y.length&&jsx(p1,{onClick:()=>h(),children:jsx(c.Body,{size:"lg",children:"Add Option"})},"add")]})]}),jsxs("div",{style:{display:"flex",flexDirection:"row",flexWrap:"wrap"},children:[i&&C.length===0&&"N/A",C.map(d=>jsxs(Ge,{onClick:()=>w(d),children:[d,!i&&jsx(W,{})]},d))]})]})},d1=We;var _e={Container:_2,Checkbox:J,CheckboxGroup:W2,TextInput:Z,Radio:Q,RadioGroup:J2,Select:q2,Signature:X2,Submit:j2,LocationSelect:i1,Keyword:d1,Toggle:p2};
 
 export { o2 as Button, _ as Contentful, z1 as ContentfulLottieFileSlug, _e as Form, R as Icons, V as LoadingSpinner, E1 as LottieAnimation, A1 as Modal, f2 as Size, F1 as SolaceLogo, K1 as SolaceThemeProvider, p2 as Toggle, Y1 as Tooltip, c as Typography };
 //# sourceMappingURL=out.js.map