@solace-health/ui 0.3.7 → 0.3.8

package/dist/index.cjs

@@ -263,6 +263,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__default.default.header`
   transition: font-size 0.25s;
   font-family: ${({theme:e})=>e.typography.family.body};
@@ -397,7 +399,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__default.default(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}}=reactHookForm.useFormContext();return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[t&&jsxRuntime.jsx(k5,{size:"lg",isLabelBold:f,children:t}),r&&jsxRuntime.jsx(S5,{children:r}),a?jsxRuntime.jsx("div",{children:s?jsxRuntime.jsx(G2,{size:"md",children:y(e)||"N/A"}):jsxRuntime.jsx(P5,{...C,...S(e,i),marginBottom:l})}):jsxRuntime.jsx("div",{children:s?jsxRuntime.jsx(G2,{size:"md",children:y(e)||"N/A"}):jsxRuntime.jsx(reactHookForm.Controller,{render:b=>jsxRuntime.jsxs("div",{style:{marginBottom:l},children:[jsxRuntime.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]&&jsxRuntime.jsx(U,{children:x})]}),name:e,rules:i,control:L})})]})},Z=B5;var O5=o__default.default.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}}=reactHookForm.useFormContext();return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[t&&jsxRuntime.jsx(k5,{size:"lg",isLabelBold:f,children:t}),r&&jsxRuntime.jsx(S5,{children:r}),a?jsxRuntime.jsx("div",{children:s?jsxRuntime.jsx(G2,{size:"md",children:y(e)||"N/A"}):jsxRuntime.jsx(P5,{...C,...M(e,i),marginBottom:l})}):jsxRuntime.jsx("div",{style:{width:"100%"},children:s?jsxRuntime.jsx(G2,{size:"md",children:y(e)||"N/A"}):jsxRuntime.jsxs("div",{style:{marginBottom:v?.[e]?"6px":l,display:"flex",flexDirection:"column"},children:[jsxRuntime.jsx(reactHookForm.Controller,{render:b=>jsxRuntime.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]&&jsxRuntime.jsx(U,{children:x})]})})]})},Z=B5;var O5=o__default.default.div`
   margin-bottom: 32px;
 `,$5=o__default.default.div`
   display: ${({inline:e})=>e?"flex":"block"};
@@ -661,7 +663,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__default.default(c.Body)`
   margin-bottom: 24px;
-`,ce=({label:e="",name:t,details:r="",options:n=[],allowInput:i=!1,previewOnly:s=!1,formOptions:a={}})=>{let l=react.useRef(),f=reactHookForm.useFormContext();f.register(t,a);let[p,x]=react.useState(!1),[C,S]=react.useState(""),[L,y]=react.useState(n),M=web.useSpring(p?{opacity:1,transform:"translate(0px, 0px)",display:"block",config:{duration:150}}:{opacity:0,transform:"translate(0px, -2px)",display:"none",config:{duration:150}});react.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);};react.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 jsxRuntime.jsxs(oe,{children:[jsxRuntime.jsx(re,{size:"lg",children:e}),r&&jsxRuntime.jsx(ne,{children:r}),s?jsxRuntime.jsx(de,{size:"md",children:b||"N/A"}):jsxRuntime.jsxs(ie,{onClick:()=>x(!p),children:[b,i&&jsxRuntime.jsx(pe,{onKeyDown:H,value:C,onChange:g=>S(g.target.value),type:"text"}),jsxRuntime.jsx(R.Caret,{direction:p?"up":"down"}),jsxRuntime.jsx(se,{style:M,ref:l,children:L.map(g=>{let{label:h}=g,m=g.label===b;return jsxRuntime.jsxs(ae,{onClick:()=>D(g),children:[jsxRuntime.jsx(c.Body,{size:"lg",children:h}),jsxRuntime.jsx(le,{isCurrent:m,children:jsxRuntime.jsx(R.Check,{color:"#fff"})})]},g.value)})})]})]})},q2=ce;var me=({label:e="Submit",isSubmitting:t=!1,hideWhenInvalid:r=!1,...n})=>{let i=reactHookForm.useFormContext(),{isValid:s}=i.formState,l=web.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 jsxRuntime.jsx(web.animated.div,{style:l,...n,children:jsxRuntime.jsx(o2.Primary,{type:"submit",isSubmitting:t,...n,children:e})})},j2=me;var Le=o__default.default.div`
+`,ce=({label:e="",name:t,details:r="",options:n=[],allowInput:i=!1,previewOnly:s=!1,formOptions:a={}})=>{let l=react.useRef(),f=reactHookForm.useFormContext();f.register(t,a);let[p,x]=react.useState(!1),[C,M]=react.useState(""),[L,y]=react.useState(n),v=web.useSpring(p?{opacity:1,transform:"translate(0px, 0px)",display:"block",config:{duration:150}}:{opacity:0,transform:"translate(0px, -2px)",display:"none",config:{duration:150}});react.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);};react.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 jsxRuntime.jsxs(oe,{children:[jsxRuntime.jsx(re,{size:"lg",children:e}),r&&jsxRuntime.jsx(ne,{children:r}),s?jsxRuntime.jsx(de,{size:"md",children:b||"N/A"}):jsxRuntime.jsxs(ie,{onClick:()=>x(!p),children:[b,i&&jsxRuntime.jsx(pe,{onKeyDown:H,value:C,onChange:g=>M(g.target.value),type:"text"}),jsxRuntime.jsx(R.Caret,{direction:p?"up":"down"}),jsxRuntime.jsx(se,{style:v,ref:l,children:L.map(g=>{let{label:h}=g,m=g.label===b;return jsxRuntime.jsxs(ae,{onClick:()=>D(g),children:[jsxRuntime.jsx(c.Body,{size:"lg",children:h}),jsxRuntime.jsx(le,{isCurrent:m,children:jsxRuntime.jsx(R.Check,{color:"#fff"})})]},g.value)})})]})]})},q2=ce;var me=({label:e="Submit",isSubmitting:t=!1,hideWhenInvalid:r=!1,...n})=>{let i=reactHookForm.useFormContext(),{isValid:s}=i.formState,l=web.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 jsxRuntime.jsx(web.animated.div,{style:l,...n,children:jsxRuntime.jsx(o2.Primary,{type:"submit",isSubmitting:t,...n,children:e})})},j2=me;var Le=o__default.default.div`
   position: relative;
   margin-bottom: 24px;
   z-index: 100;
@@ -731,7 +733,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__default.default(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 jsxRuntime.jsx(ze,{isCurrent:i,onClick:()=>e(s),children:jsxRuntime.jsx(c.Body,{size:"lg",children:s})})},Oe=({label:e="",details:t="",required:r=!0,previewOnly:n=!1})=>{let i=react.useRef(),[s,a]=react.useState(!1),[l,f]=react.useState(!1),p=reactHookForm.useFormContext();p.register("city",{required:r});let x=web.useSpring(s?{opacity:1,transform:"translate(0px, 0px)",display:"block",config:{duration:150}}:{opacity:0,transform:"translate(0px, -2px)",display:"none",config:{duration:150}});react.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__default.default({requestOptions:{types:["locality","postal_code"],componentRestrictions:{country:"us"}}});react.useEffect(()=>{if(y){f(y);return}setTimeout(()=>{f(y);},2e3);},[y]);let D=web.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)&&ye.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 jsxRuntime.jsxs(Le,{children:[jsxRuntime.jsx(ve,{size:"lg",children:e}),t&&jsxRuntime.jsx(we,{children:t}),n?jsxRuntime.jsx(Be,{size:"md",children:C||"N/A"}):jsxRuntime.jsxs(ke,{children:[jsxRuntime.jsx(Pe,{onKeyDown:h,value:S||C,onChange:m=>H(m),type:"text"}),L.length>0&&jsxRuntime.jsx(Se,{style:x,ref:i,children:L.map(m=>jsxRuntime.jsx(Ve,{handleSelect:g,option:m,value:S},m.description))}),jsxRuntime.jsx(Me,{style:D,children:jsxRuntime.jsx(V,{size:"sm"})})]})]})},i1=e=>{let{isLoaded:t}=api.useLoadScript({googleMapsApiKey:e.api_key||process.env.GOOGLE_MAPS_API_KEY||"",libraries:["places"]});return t?jsxRuntime.jsx(Oe,{...e}):null};var a1=({color:e="#5A5A5A"})=>jsxRuntime.jsx("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:jsxRuntime.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__default.default.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 jsxRuntime.jsx(ze,{isCurrent:i,onClick:()=>e(s),children:jsxRuntime.jsx(c.Body,{size:"lg",children:s})})},Oe=({label:e="",details:t="",required:r=!0,previewOnly:n=!1})=>{let i=react.useRef(),[s,a]=react.useState(!1),[l,f]=react.useState(!1),p=reactHookForm.useFormContext();p.register("city",{required:r});let x=web.useSpring(s?{opacity:1,transform:"translate(0px, 0px)",display:"block",config:{duration:150}}:{opacity:0,transform:"translate(0px, -2px)",display:"none",config:{duration:150}});react.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__default.default({requestOptions:{types:["locality","postal_code"],componentRestrictions:{country:"us"}}});react.useEffect(()=>{if(y){f(y);return}setTimeout(()=>{f(y);},2e3);},[y]);let D=web.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)&&ye.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 jsxRuntime.jsxs(Le,{children:[jsxRuntime.jsx(ve,{size:"lg",children:e}),t&&jsxRuntime.jsx(we,{children:t}),n?jsxRuntime.jsx(Be,{size:"md",children:C||"N/A"}):jsxRuntime.jsxs(ke,{children:[jsxRuntime.jsx(Pe,{onKeyDown:h,value:M||C,onChange:m=>H(m),type:"text"}),L.length>0&&jsxRuntime.jsx(Se,{style:x,ref:i,children:L.map(m=>jsxRuntime.jsx(Ve,{handleSelect:g,option:m,value:M},m.description))}),jsxRuntime.jsx(Me,{style:D,children:jsxRuntime.jsx(V,{size:"sm"})})]})]})},i1=e=>{let{isLoaded:t}=api.useLoadScript({googleMapsApiKey:e.api_key||process.env.GOOGLE_MAPS_API_KEY||"",libraries:["places"]});return t?jsxRuntime.jsx(Oe,{...e}):null};var a1=({color:e="#5A5A5A"})=>jsxRuntime.jsx("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:jsxRuntime.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__default.default.div`
   position: relative;
   margin-bottom: 24px;
   z-index: 200;
@@ -814,7 +816,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=react.useRef(),a=reactHookForm.useFormContext(),[l,f]=react.useState(!1),[p,x]=react.useState(""),[C,S]=react.useState(a.getValues(t)||[]),L=react.useRef({search:p,keywords:C});react.useEffect(()=>{L.current={search:p,keywords:C};},[p,C]);let[y,M]=react.useState(n),b=web.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);};react.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 react.useEffect(()=>{if(f(!!p),p){let d=n.filter(u=>u.toLowerCase().match(p.toLowerCase()));M(d);}else M(n);},[p]),react.useEffect(()=>{let d=n.filter(u=>!C.includes(u));M(d);},[C]),jsxRuntime.jsxs(Re,{children:[jsxRuntime.jsx(Ze,{size:"lg",children:e}),r&&jsxRuntime.jsx(Te,{children:r}),!i&&jsxRuntime.jsxs(Ae,{onClick:()=>f(!l),children:[jsxRuntime.jsx(a1,{}),D,jsxRuntime.jsx(Ie,{onKeyDown:m,value:p,onChange:d=>x(d.target.value),type:"text",style:{marginLeft:"45px",width:"calc(100% - 80px)"}}),jsxRuntime.jsxs(Fe,{style:b,ref:s,children:[y.map(d=>{let u=d===D;return jsxRuntime.jsxs(p1,{onClick:()=>H(d),children:[jsxRuntime.jsx(c.Body,{size:"lg",children:d}),jsxRuntime.jsx(Ne,{isCurrent:u,children:jsxRuntime.jsx(R.Check,{color:"#fff"})})]},d)}),!y.length&&jsxRuntime.jsx(p1,{onClick:()=>h(),children:jsxRuntime.jsx(c.Body,{size:"lg",children:"Add Option"})},"add")]})]}),jsxRuntime.jsxs("div",{style:{display:"flex",flexDirection:"row",flexWrap:"wrap"},children:[i&&C.length===0&&"N/A",C.map(d=>jsxRuntime.jsxs(Ge,{onClick:()=>v(d),children:[d,!i&&jsxRuntime.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=react.useRef(),a=reactHookForm.useFormContext(),[l,f]=react.useState(!1),[p,x]=react.useState(""),[C,M]=react.useState(a.getValues(t)||[]),L=react.useRef({search:p,keywords:C});react.useEffect(()=>{L.current={search:p,keywords:C};},[p,C]);let[y,v]=react.useState(n),b=web.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);};react.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 react.useEffect(()=>{if(f(!!p),p){let d=n.filter(u=>u.toLowerCase().match(p.toLowerCase()));v(d);}else v(n);},[p]),react.useEffect(()=>{let d=n.filter(u=>!C.includes(u));v(d);},[C]),jsxRuntime.jsxs(Re,{children:[jsxRuntime.jsx(Ze,{size:"lg",children:e}),r&&jsxRuntime.jsx(Te,{children:r}),!i&&jsxRuntime.jsxs(Ae,{onClick:()=>f(!l),children:[jsxRuntime.jsx(a1,{}),D,jsxRuntime.jsx(Ie,{onKeyDown:m,value:p,onChange:d=>x(d.target.value),type:"text",style:{marginLeft:"45px",width:"calc(100% - 80px)"}}),jsxRuntime.jsxs(Fe,{style:b,ref:s,children:[y.map(d=>{let u=d===D;return jsxRuntime.jsxs(p1,{onClick:()=>H(d),children:[jsxRuntime.jsx(c.Body,{size:"lg",children:d}),jsxRuntime.jsx(Ne,{isCurrent:u,children:jsxRuntime.jsx(R.Check,{color:"#fff"})})]},d)}),!y.length&&jsxRuntime.jsx(p1,{onClick:()=>h(),children:jsxRuntime.jsx(c.Body,{size:"lg",children:"Add Option"})},"add")]})]}),jsxRuntime.jsxs("div",{style:{display:"flex",flexDirection:"row",flexWrap:"wrap"},children:[i&&C.length===0&&"N/A",C.map(d=>jsxRuntime.jsxs(Ge,{onClick:()=>w(d),children:[d,!i&&jsxRuntime.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};
 
 Object.defineProperty(exports, 'styled', {
   enumerable: true,