@solace-health/ui 0.10.216 → 0.10.217

package/dist/index.cjs

@@ -968,7 +968,7 @@ The mask that was received is: ${JSON.stringify(A)}`);return A.map(g=>g instance
   height: 100%;
   border-radius: 4px;
   cursor: pointer;
-`;function yr(){if(typeof window<"u"){let{innerWidth:A,innerHeight:C}=window;return {innerWidth:A,innerHeight:C}}return {innerWidth:0,innerHeight:0}}var y9={MOBILE:768,TABLET:1024},yg=()=>{let A=yr();return {isMobile:A.innerWidth<=y9.MOBILE,isTablet:A.innerWidth>y9.MOBILE&&A.innerWidth<=y9.TABLET,isLaptop:A.innerWidth>y9.TABLET,innerWidth:A.innerWidth,windowSize:A}},Zr=()=>{let[A,C]=xr.useState(yg()),g=xr.useCallback(()=>{let E=yg();C(E);},[]);return xr.useEffect(()=>(typeof window<"u"&&window.addEventListener("resize",g),()=>window.removeEventListener("resize",g)),[]),A},S5=Zr;var Z9=({option:A,name:C,formOptions:g={},previewOnly:E=!1,errorMessage:I=void 0,inGroup:B=!1,...Q})=>{let{register:e,formState:{errors:o}}=reactHookForm.useFormContext(),i=!!reactHookForm.get(o,C),t=reactHookForm.get(o,C)?.message?.toString()||I;return jsxRuntime.jsxs(Jg,{children:[jsxRuntime.jsxs(antd.Flex,{gap:".5rem",children:[jsxRuntime.jsx(Kg,{type:"checkbox",value:A.value,hasError:i,previewOnly:E,disabled:!!Q?.disabled||E,...e(C,g),...Q}),jsxRuntime.jsx("label",{htmlFor:C,children:jsxRuntime.jsx(d.Body,{children:A.label})})]}),i&&!B&&jsxRuntime.jsx(Y,{text:t,includeIcon:!1})]})},Yg=({name:A,label:C=void 0,details:g="",options:E=[],inline:I=!1,previewOnly:B=!1,other:Q={},errorMessage:e=void 0,formOptions:o={},...i})=>{let{formState:{errors:t}}=reactHookForm.useFormContext(),r=!!t?.[A];return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(T,{label:C,isLabelBold:!0,required:!!o.required,details:g}),jsxRuntime.jsxs(Og,{inline:I,isColumns:E.length>5,children:[E.map(n=>jsxRuntime.jsx(Z9,{name:A,inGroup:!0,option:n,hasError:r,formOptions:o,previewOnly:B,...i},`${A}-${n.value}`)),Q.label&&jsxRuntime.jsxs(Xg,{children:[jsxRuntime.jsx(Z9,{option:{label:Q.label,value:"other"},name:A,inGroup:!0,formOptions:o,previewOnly:B,...i},A),jsxRuntime.jsx(N3,{name:`${A}_other`,placeholder:"Other",...i,previewOnly:B})]})]}),r&&jsxRuntime.jsx(Y,{text:e,includeIcon:!1})]})},Tr=({option:A,name:C,previewOnly:g=!1,errorMessage:E=void 0,inGroup:I=!1,checked:B,field:Q,hasError:e=!1,...o})=>{let{isMobile:i}=S5(),[t,r]=xr.useState(!1);return jsxRuntime.jsxs(V7.Illustration,{selected:B,onMouseEnter:()=>r(!0),onMouseLeave:()=>r(!1),active:B||t&&!i,illustration:A.illustration,children:[jsxRuntime.jsx(jg,{type:"checkbox",value:A.value,disabled:!!o?.disabled||g,onChange:n=>{if(!B){Q.onChange([...Q.value,n.target.value]);return}Q.onChange((Q.value??[]).filter(L=>L!==n.target.value));},...o}),jsxRuntime.jsx("label",{htmlFor:C,children:jsxRuntime.jsx(d.Body,{children:A.label})}),e&&!I&&jsxRuntime.jsx(Y,{text:E,includeIcon:!1})]})},Dg=({name:A,label:C=void 0,details:g="",options:E=[],previewOnly:I=!1,errorMessage:B=void 0,formOptions:Q={},...e})=>{let{control:o,formState:{errors:i}}=reactHookForm.useFormContext(),t=!!reactHookForm.get(i,A);return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(T,{label:C,isLabelBold:!0,required:!!Q.required,details:g}),jsxRuntime.jsx(bg,{itemNumber:E.length,children:jsxRuntime.jsx(reactHookForm.Controller,{name:A,control:o,rules:{...Q},defaultValue:[],render:({field:r})=>jsxRuntime.jsx(jsxRuntime.Fragment,{children:E.map(n=>jsxRuntime.jsx(Tr,{name:A,inGroup:!0,field:r,option:n,checked:(r.value??[]).some(L=>L===n.value),hasError:t,previewOnly:I,...e},`${A}-${n.value}`))})})}),t&&jsxRuntime.jsx(Y,{text:B,includeIcon:!1})]})},Tg=({options:A,name:C,formOptions:g=void 0,disabled:E=!1,errorMessage:I=void 0,onChange:B=()=>null})=>{let{control:Q,formState:e}=reactHookForm.useFormContext(),o=!!e.errors[C];return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(reactHookForm.Controller,{rules:g,control:Q,name:C,render:({field:i})=>jsxRuntime.jsx(R7,{options:A,disabled:E,...i,onChange:t=>{B(t),i.onChange(t);}})}),o&&jsxRuntime.jsx(Y,{text:I,includeIcon:!1})]})};var Nr=({formMethods:A=null,formOptions:C={},onSubmit:g,children:E,className:I=""})=>{let B={mode:"onBlur",...C},Q=reactHookForm.useForm(B),e=A||Q,o=i=>g(i);return jsxRuntime.jsx(reactHookForm.FormProvider,{...e,children:jsxRuntime.jsx("form",{className:I,onSubmit:e.handleSubmit(o),children:E})})},Wg=Nr;a2__default.default(web.animated.div)`
+`;function yr(){if(typeof window<"u"){let{innerWidth:A,innerHeight:C}=window;return {innerWidth:A,innerHeight:C}}return {innerWidth:0,innerHeight:0}}var y9={MOBILE:768,TABLET:1024},yg=()=>{let A=yr();return {isMobile:A.innerWidth<=y9.MOBILE,isTablet:A.innerWidth>y9.MOBILE&&A.innerWidth<=y9.TABLET,isLaptop:A.innerWidth>y9.TABLET,innerWidth:A.innerWidth,windowSize:A}},Zr=()=>{let[A,C]=xr.useState(yg()),g=xr.useCallback(()=>{let E=yg();C(E);},[]);return xr.useEffect(()=>(typeof window<"u"&&window.addEventListener("resize",g),()=>window.removeEventListener("resize",g)),[]),A},S5=Zr;var Z9=({option:A,name:C,formOptions:g={},previewOnly:E=!1,errorMessage:I=void 0,inGroup:B=!1,...Q})=>{let{register:e,formState:{errors:o}}=reactHookForm.useFormContext(),i=!!reactHookForm.get(o,C),t=reactHookForm.get(o,C)?.message?.toString()||I;return jsxRuntime.jsxs(Jg,{children:[jsxRuntime.jsxs(antd.Flex,{gap:".5rem",children:[jsxRuntime.jsx(Kg,{type:"checkbox",value:A.value,hasError:i,previewOnly:E,disabled:!!Q?.disabled||E,...e(C,g),...Q}),jsxRuntime.jsx("label",{htmlFor:C,children:jsxRuntime.jsx(d.Body,{children:A.label})})]}),i&&!B&&jsxRuntime.jsx(Y,{text:t,includeIcon:!1})]})},Yg=({name:A,label:C=void 0,details:g="",options:E=[],inline:I=!1,previewOnly:B=!1,other:Q={},errorMessage:e=void 0,formOptions:o={},...i})=>{let{formState:{errors:t}}=reactHookForm.useFormContext(),r=!!t?.[A];return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(T,{label:C,isLabelBold:!0,required:!!o.required,details:g}),jsxRuntime.jsxs(Og,{inline:I,isColumns:E.length>5,children:[E.map(n=>jsxRuntime.jsx(Z9,{name:A,inGroup:!0,option:n,hasError:r,formOptions:o,previewOnly:B,...i},`${A}-${n.value}`)),Q.label&&jsxRuntime.jsxs(Xg,{children:[jsxRuntime.jsx(Z9,{option:{label:Q.label,value:"other"},name:A,inGroup:!0,formOptions:o,previewOnly:B,...i},A),jsxRuntime.jsx(N3,{name:`${A}_other`,placeholder:"Other",...i,previewOnly:B})]})]}),r&&jsxRuntime.jsx(Y,{text:e,includeIcon:!1})]})},Tr=({option:A,name:C,previewOnly:g=!1,errorMessage:E=void 0,inGroup:I=!1,checked:B,field:Q,hasError:e=!1,...o})=>{let{isMobile:i}=S5(),[t,r]=xr.useState(!1);return jsxRuntime.jsxs(V7.Illustration,{selected:B,onMouseEnter:()=>r(!0),onMouseLeave:()=>r(!1),active:B||t&&!i,illustration:A.illustration,children:[jsxRuntime.jsx(jg,{type:"checkbox",value:A.value,disabled:!!o?.disabled||g,onChange:n=>{if(!B){Q.onChange([...Q.value,n.target.value]);return}Q.onChange((Q.value??[]).filter(L=>L!==n.target.value));},...o}),jsxRuntime.jsx("label",{htmlFor:C,children:jsxRuntime.jsx(d.Body,{children:A.label})}),e&&!I&&jsxRuntime.jsx(Y,{text:E,includeIcon:!1})]})},Dg=({name:A,label:C=void 0,details:g="",options:E=[],previewOnly:I=!1,errorMessage:B=void 0,formOptions:Q={},...e})=>{let{control:o,formState:{errors:i}}=reactHookForm.useFormContext(),t=!!reactHookForm.get(i,A);return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(T,{label:C,isLabelBold:!0,required:!!Q.required,details:g}),jsxRuntime.jsx(bg,{itemNumber:E.length,children:jsxRuntime.jsx(reactHookForm.Controller,{name:A,control:o,rules:{...Q},defaultValue:[],render:({field:r})=>jsxRuntime.jsx(jsxRuntime.Fragment,{children:E.map(n=>jsxRuntime.jsx(Tr,{name:A,inGroup:!0,field:r,option:n,checked:(r.value??[]).some(L=>L===n.value),hasError:t,previewOnly:I,...e},`${A}-${n.value}`))})})}),t&&jsxRuntime.jsx(Y,{text:B,includeIcon:!1})]})},Tg=({options:A,name:C,formOptions:g=void 0,disabled:E=!1,errorMessage:I=void 0,onChange:B=()=>null})=>{let{control:Q,formState:e}=reactHookForm.useFormContext(),o=!!e.errors[C];return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(reactHookForm.Controller,{rules:g,control:Q,name:C,render:({field:i})=>jsxRuntime.jsx(R7,{options:A,disabled:E,...i,onChange:t=>{i.onChange(t),B(t);}})}),o&&jsxRuntime.jsx(Y,{text:I,includeIcon:!1})]})};var Nr=({formMethods:A=null,formOptions:C={},onSubmit:g,children:E,className:I=""})=>{let B={mode:"onBlur",...C},Q=reactHookForm.useForm(B),e=A||Q,o=i=>g(i);return jsxRuntime.jsx(reactHookForm.FormProvider,{...e,children:jsxRuntime.jsx("form",{className:I,onSubmit:e.handleSubmit(o),children:E})})},Wg=Nr;a2__default.default(web.animated.div)`
   position: absolute;
   display: block;
   width: 45px;
@@ -1411,7 +1411,7 @@ The mask that was received is: ${JSON.stringify(A)}`);return A.map(g=>g instance
   display: flex;
   flex-flow: column;
   gap: var(--spacing-m, 1rem);
-`;var _9=({option:A,name:C,inline:g,previewOnly:E=!1,hasError:I=!1,formOptions:B={},...Q})=>{let{register:e}=reactHookForm.useFormContext();return jsxRuntime.jsxs(UE,{inline:g,children:[jsxRuntime.jsx(HE,{type:"radio",...e(C,B),value:A.value,previewOnly:E,disabled:E,hasError:I,...Q}),jsxRuntime.jsx("label",{htmlFor:C,children:jsxRuntime.jsx(d.Body,{children:A.label})})]})},TE=({name:A,label:C,details:g="",options:E=[],inline:I=!1,allowOther:B=!1,previewOnly:Q=!1,formOptions:e={},errorMessage:o=void 0,...i})=>{let{formState:{errors:t}}=reactHookForm.useFormContext(),r=!!reactHookForm.get(t,A);return jsxRuntime.jsxs("div",{children:[jsxRuntime.jsx(T,{label:C,required:!!e.required,isLabelBold:!0,details:g}),jsxRuntime.jsxs(zE,{inline:I,isColumns:E.length>5,children:[E.map(n=>jsxRuntime.jsx(_9,{option:n,name:A,inline:I,previewOnly:Q,formOptions:e,...i,hasError:r},`${A}-${n.value}`)),B&&jsxRuntime.jsxs(SE,{children:[jsxRuntime.jsx(_9,{option:{label:"Other",value:"other"},name:A,inline:I,...i},A),jsxRuntime.jsx(N3,{name:`${A}_other`,...i})]})]}),r&&jsxRuntime.jsx(Y,{text:o,includeIcon:!1})]})},Tn=({option:A,name:C,formOptions:g})=>{let{register:E,watch:I,formState:B}=reactHookForm.useFormContext(),Q=I(C)===A.value;return jsxRuntime.jsxs(kE,{selected:Q,hasError:!!B.errors[C],disabled:A.disabled||!1,children:[jsxRuntime.jsxs(FE,{children:[jsxRuntime.jsxs(JE,{selected:Q,children:[A.icon||null,A.label]}),jsxRuntime.jsx(OE,{type:"radio",value:A.value,...E(C,g)})]}),A.description&&jsxRuntime.jsx(KE,{selected:Q,children:A.description})]})},GE=({name:A,label:C=null,className:g="",options:E,formOptions:I={},id:B=""})=>jsxRuntime.jsxs(j7,{className:g,id:B,children:[C&&jsxRuntime.jsx(y7,{size:"lg",children:C}),jsxRuntime.jsx("div",{children:E.map(Q=>jsxRuntime.jsx(Tn,{option:Q,name:A,formOptions:I},`${Q.label}-${Q.value}`))})]}),Gn=({option:A,name:C,formOptions:g,showCaret:E=!1,onClick:I=void 0,onMouseEnter:B=()=>null,onMouseLeave:Q=()=>null})=>{let{register:e,watch:o}=reactHookForm.useFormContext(),i=o(C)===A.value,[t,r]=xr.useState(!1),n=F4[A.icon],L=web.useSpring(t?{transform:"translate(8px, 0px)"}:{transform:"translate(0px, 0px)"}),f=()=>{r(!0),B(A.value);},R=()=>{r(!1),Q(A.value);};return jsxRuntime.jsxs("div",{style:{position:"relative"},children:[jsxRuntime.jsx(yE,{type:"radio",onClick:u=>I?I(u.currentTarget.value):null,value:A.value,...e(C,g),onMouseEnter:f,onMouseLeave:R}),jsxRuntime.jsxs(XE,{selected:i,children:[jsxRuntime.jsxs(antd.Flex,{align:"center",gap:16,children:[jsxRuntime.jsx(bE,{children:jsxRuntime.jsx(n,{active:i||t})}),jsxRuntime.jsxs("div",{style:{display:"flex",gap:4,flexDirection:"column"},children:[jsxRuntime.jsx(ZE,{children:A.label}),A?.description&&jsxRuntime.jsx(YE,{children:A.description})]})]}),E&&jsxRuntime.jsx(jE,{style:L,children:jsxRuntime.jsx(O.Caret,{direction:"right",color:i||t?"#285E50":"#7F7F7F"})})]})]})},WE=({name:A,label:C=null,className:g="",options:E,onClick:I=void 0,onMouseEnter:B=()=>null,onMouseLeave:Q=()=>null,showCaret:e=!1,formOptions:o={}})=>jsxRuntime.jsxs(j7,{className:g,children:[C&&jsxRuntime.jsx(y7,{size:"lg",children:C}),jsxRuntime.jsx(DE,{children:E.map(i=>jsxRuntime.jsx(Gn,{option:i,name:A,onClick:I,onMouseEnter:B,onMouseLeave:Q,formOptions:o,showCaret:e},`${i.label}-${i.value}`))})]}),NE=({options:A,name:C,formOptions:g=void 0,disabled:E=!1,errorMessage:I=void 0,onChange:B=()=>null})=>{let{control:Q,formState:e}=reactHookForm.useFormContext(),o=!!e.errors[C];return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(reactHookForm.Controller,{rules:g,control:Q,name:C,render:({field:i})=>jsxRuntime.jsx(b7,{options:A,disabled:E,...i,onChange:t=>{B(t.target.value),i.onChange(t);}})}),o&&jsxRuntime.jsx(Y,{text:I,includeIcon:!1})]})};var _E=a2__default.default.div`
+`;var _9=({option:A,name:C,inline:g,previewOnly:E=!1,hasError:I=!1,formOptions:B={},...Q})=>{let{register:e}=reactHookForm.useFormContext();return jsxRuntime.jsxs(UE,{inline:g,children:[jsxRuntime.jsx(HE,{type:"radio",...e(C,B),value:A.value,previewOnly:E,disabled:E,hasError:I,...Q}),jsxRuntime.jsx("label",{htmlFor:C,children:jsxRuntime.jsx(d.Body,{children:A.label})})]})},TE=({name:A,label:C,details:g="",options:E=[],inline:I=!1,allowOther:B=!1,previewOnly:Q=!1,formOptions:e={},errorMessage:o=void 0,...i})=>{let{formState:{errors:t}}=reactHookForm.useFormContext(),r=!!reactHookForm.get(t,A);return jsxRuntime.jsxs("div",{children:[jsxRuntime.jsx(T,{label:C,required:!!e.required,isLabelBold:!0,details:g}),jsxRuntime.jsxs(zE,{inline:I,isColumns:E.length>5,children:[E.map(n=>jsxRuntime.jsx(_9,{option:n,name:A,inline:I,previewOnly:Q,formOptions:e,...i,hasError:r},`${A}-${n.value}`)),B&&jsxRuntime.jsxs(SE,{children:[jsxRuntime.jsx(_9,{option:{label:"Other",value:"other"},name:A,inline:I,...i},A),jsxRuntime.jsx(N3,{name:`${A}_other`,...i})]})]}),r&&jsxRuntime.jsx(Y,{text:o,includeIcon:!1})]})},Tn=({option:A,name:C,formOptions:g})=>{let{register:E,watch:I,formState:B}=reactHookForm.useFormContext(),Q=I(C)===A.value;return jsxRuntime.jsxs(kE,{selected:Q,hasError:!!B.errors[C],disabled:A.disabled||!1,children:[jsxRuntime.jsxs(FE,{children:[jsxRuntime.jsxs(JE,{selected:Q,children:[A.icon||null,A.label]}),jsxRuntime.jsx(OE,{type:"radio",value:A.value,...E(C,g)})]}),A.description&&jsxRuntime.jsx(KE,{selected:Q,children:A.description})]})},GE=({name:A,label:C=null,className:g="",options:E,formOptions:I={},id:B=""})=>jsxRuntime.jsxs(j7,{className:g,id:B,children:[C&&jsxRuntime.jsx(y7,{size:"lg",children:C}),jsxRuntime.jsx("div",{children:E.map(Q=>jsxRuntime.jsx(Tn,{option:Q,name:A,formOptions:I},`${Q.label}-${Q.value}`))})]}),Gn=({option:A,name:C,formOptions:g,showCaret:E=!1,onClick:I=void 0,onMouseEnter:B=()=>null,onMouseLeave:Q=()=>null})=>{let{register:e,watch:o}=reactHookForm.useFormContext(),i=o(C)===A.value,[t,r]=xr.useState(!1),n=F4[A.icon],L=web.useSpring(t?{transform:"translate(8px, 0px)"}:{transform:"translate(0px, 0px)"}),f=()=>{r(!0),B(A.value);},R=()=>{r(!1),Q(A.value);};return jsxRuntime.jsxs("div",{style:{position:"relative"},children:[jsxRuntime.jsx(yE,{type:"radio",onClick:u=>I?I(u.currentTarget.value):null,value:A.value,...e(C,g),onMouseEnter:f,onMouseLeave:R}),jsxRuntime.jsxs(XE,{selected:i,children:[jsxRuntime.jsxs(antd.Flex,{align:"center",gap:16,children:[jsxRuntime.jsx(bE,{children:jsxRuntime.jsx(n,{active:i||t})}),jsxRuntime.jsxs("div",{style:{display:"flex",gap:4,flexDirection:"column"},children:[jsxRuntime.jsx(ZE,{children:A.label}),A?.description&&jsxRuntime.jsx(YE,{children:A.description})]})]}),E&&jsxRuntime.jsx(jE,{style:L,children:jsxRuntime.jsx(O.Caret,{direction:"right",color:i||t?"#285E50":"#7F7F7F"})})]})]})},WE=({name:A,label:C=null,className:g="",options:E,onClick:I=void 0,onMouseEnter:B=()=>null,onMouseLeave:Q=()=>null,showCaret:e=!1,formOptions:o={}})=>jsxRuntime.jsxs(j7,{className:g,children:[C&&jsxRuntime.jsx(y7,{size:"lg",children:C}),jsxRuntime.jsx(DE,{children:E.map(i=>jsxRuntime.jsx(Gn,{option:i,name:A,onClick:I,onMouseEnter:B,onMouseLeave:Q,formOptions:o,showCaret:e},`${i.label}-${i.value}`))})]}),NE=({options:A,name:C,formOptions:g=void 0,disabled:E=!1,errorMessage:I=void 0,onChange:B=()=>null})=>{let{control:Q,formState:e}=reactHookForm.useFormContext(),o=!!e.errors[C];return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(reactHookForm.Controller,{rules:g,control:Q,name:C,render:({field:i})=>jsxRuntime.jsx(b7,{options:A,disabled:E,...i,onChange:t=>{i.onChange(t),B(t.target.value);}})}),o&&jsxRuntime.jsx(Y,{text:I,includeIcon:!1})]})};var _E=a2__default.default.div`
   position: relative;
   margin-bottom: 24px;
   z-index: 40;