@solace-health/ui 0.3.18 → 0.3.20

package/dist/index.cjs

@@ -348,7 +348,7 @@ var C2=(s=>(s.XL="xl",s.LG="lg",s.MD="md",s.SM="sm",s.XS="xs",s))(C2||{});var b1
     font-weight: 500;
     line-height: 30px;
   }
-`,M5=({defaultState:e=!1,name:t,label:r={active:"YES",inactive:"NO"},handleEvent:n=null,value:i})=>{let s=reactHookForm.useFormContext(),[l,a]=react.useState(e);return react.useEffect(()=>{s&&s.setValue(t,i);},[]),react.useEffect(()=>{a(e);},[e]),jsxRuntime.jsxs(w5,{htmlFor:t,children:[jsxRuntime.jsx(v5,{type:"checkbox",checked:l,onClick:p=>{a(!l),s&&s.setValue(t,p.target.value),n&&n(p.target.value);},id:t,name:t,value:i}),jsxRuntime.jsx(k5,{children:jsxRuntime.jsx(c.Body,{color:"#fff",children:l?r.active:r.inactive})})]})},p2=M5;var B5=o__default.default(c.Body)`
+`,M5=({defaultState:e=!1,name:t,label:r={active:"YES",inactive:"NO"},handleEvent:n=null,value:i})=>{let s=reactHookForm.useFormContext(),[l,a]=react.useState(e);return react.useEffect(()=>{s&&e&&s.setValue(t,i);},[]),react.useEffect(()=>{a(e);},[e]),jsxRuntime.jsxs(w5,{htmlFor:t,children:[jsxRuntime.jsx(v5,{type:"checkbox",checked:l,onClick:p=>{a(!l),s&&s.setValue(t,p.target.value),n&&n(p.target.value);},id:t,name:t,value:i}),jsxRuntime.jsx(k5,{children:jsxRuntime.jsx(c.Body,{color:"#fff",children:l?r.active:r.inactive})})]})},p2=M5;var B5=o__default.default(c.Body)`
   margin-bottom: 5px;
   font-weight: ${({isLabelBold:e})=>e?"bold":"regular"};
   text-align: start;
@@ -666,7 +666,7 @@ var C2=(s=>(s.XL="xl",s.LG="lg",s.MD="md",s.SM="sm",s.XS="xs",s))(C2||{});var b1
   left: 20px;
 `,u3=o__default.default(c.Body)`
   margin-bottom: 24px;
-`,h3=({label:e="",name:t,details:r="",options:n=[],allowInput:i=!1,previewOnly:s=!1,formOptions:l={}})=>{let a=react.useRef(),C=reactHookForm.useFormContext();C.register(t,l);let[p,x]=react.useState(!1),[f,S]=react.useState(""),[L,y]=react.useState(n),w=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&&a.current&&!a.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===C.getValues(t))?.label,B=g=>{S(""),C.setValue(t,g.value),C.trigger(t),x(!1);};react.useEffect(()=>{if(x(!!f),f){let g=n.filter(h=>h.value.match(f.toLowerCase()));y(g),C.setValue(t,f);}else y(n);},[f]);let $=g=>{g.code==="Enter"&&g.preventDefault();};return jsxRuntime.jsxs(l3,{children:[jsxRuntime.jsx(p3,{size:"lg",children:e}),r&&jsxRuntime.jsx(d3,{children:r}),s?jsxRuntime.jsx(u3,{size:"md",children:b||"N/A"}):jsxRuntime.jsxs(c3,{onClick:()=>x(!p),children:[b,i&&jsxRuntime.jsx(m3,{onKeyDown:$,value:f,onChange:g=>S(g.target.value),type:"text"}),jsxRuntime.jsx(E.Caret,{direction:p?"up":"down"}),jsxRuntime.jsx(C3,{style:w,ref:a,children:L.map(g=>{let{label:h}=g,m=g.label===b;return jsxRuntime.jsxs(g3,{onClick:()=>B(g),children:[jsxRuntime.jsx(c.Body,{size:"lg",children:h}),jsxRuntime.jsx(f3,{isCurrent:m,children:jsxRuntime.jsx(E.Check,{color:"#fff"})})]},g.value)})})]})]})},n1=h3;var L3=({label:e="Submit",isSubmitting:t=!1,hideWhenInvalid:r=!1,...n})=>{let i=reactHookForm.useFormContext(),{isValid:s}=i.formState,a=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:a,...n,children:jsxRuntime.jsx(o2.Primary,{type:"submit",isSubmitting:t,...n,children:e})})},s1=L3;var z3=o__default.default.div`
+`,h3=({label:e="",name:t,details:r="",options:n=[],allowInput:i=!1,previewOnly:s=!1,formOptions:l={}})=>{let a=react.useRef(),C=reactHookForm.useFormContext();C.register(t,l);let[p,x]=react.useState(!1),[f,S]=react.useState(""),[L,y]=react.useState(n),w=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&&a.current&&!a.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===C.getValues(t))?.label,B=g=>{S(""),C.setValue(t,g.value),C.trigger(t),x(!1);};react.useEffect(()=>{if(x(!!f),f){let g=n.filter(h=>h.value.match(f.toLowerCase()));y(g),C.setValue(t,f);}else y(n);},[f,n.length]);let $=g=>{g.code==="Enter"&&g.preventDefault();};return jsxRuntime.jsxs(l3,{children:[jsxRuntime.jsx(p3,{size:"lg",children:e}),r&&jsxRuntime.jsx(d3,{children:r}),s?jsxRuntime.jsx(u3,{size:"md",children:b||"N/A"}):jsxRuntime.jsxs(c3,{onClick:()=>x(!p),children:[b,i&&jsxRuntime.jsx(m3,{onKeyDown:$,value:f,onChange:g=>S(g.target.value),type:"text"}),jsxRuntime.jsx(E.Caret,{direction:p?"up":"down"}),jsxRuntime.jsx(C3,{style:w,ref:a,children:L.map(g=>{let{label:h}=g,m=g.label===b;return jsxRuntime.jsxs(g3,{onClick:()=>B(g),children:[jsxRuntime.jsx(c.Body,{size:"lg",children:h}),jsxRuntime.jsx(f3,{isCurrent:m,children:jsxRuntime.jsx(E.Check,{color:"#fff"})})]},g.value)})})]})]})},n1=h3;var L3=({label:e="Submit",isSubmitting:t=!1,hideWhenInvalid:r=!1,...n})=>{let i=reactHookForm.useFormContext(),{isValid:s}=i.formState,a=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:a,...n,children:jsxRuntime.jsx(o2.Primary,{type:"submit",isSubmitting:t,...n,children:e})})},s1=L3;var z3=o__default.default.div`
   position: relative;
   margin-bottom: 24px;
   z-index: 20;