@solace-health/ui 0.10.87 → 0.10.88

package/dist/index.cjs

@@ -1735,7 +1735,7 @@ The mask that was received is: ${JSON.stringify(C)}`);return C.map(t=>t instance
   display: flex;
   flex-flow: column;
   gap: var(--spacing-m, 1rem);
-`;var X3=({option:C,name:e,inline:t,previewOnly:o=!1,hasError:L=!1,formOptions:r={},...n})=>{let{register:i}=reactHookForm.useFormContext();return jsxRuntime.jsxs(q0,{inline:t,children:[jsxRuntime.jsx(J0,{type:"radio",...i(e,r),value:C.value,previewOnly:o,disabled:o,hasError:L,...n}),jsxRuntime.jsx("label",{htmlFor:e,children:jsxRuntime.jsx(v.Body,{children:C.label})})]})},nC=({name:C,label:e,details:t="",options:o=[],inline:L=!1,allowOther:r=!1,previewOnly:n=!1,formOptions:i={},errorMessage:s=void 0,...a})=>{let{formState:{errors:l}}=reactHookForm.useFormContext(),d=!!l?.[C];return jsxRuntime.jsxs("div",{children:[jsxRuntime.jsx(W,{label:e,required:!!i.required,isLabelBold:!0,details:t}),jsxRuntime.jsxs(X0,{inline:L,isColumns:o.length>5,children:[o.map(f=>jsxRuntime.jsx(X3,{option:f,name:C,inline:L,previewOnly:n,formOptions:i,...a,hasError:d},`${C}-${f.value}`)),r&&jsxRuntime.jsxs(Y0,{children:[jsxRuntime.jsx(X3,{option:{label:"Other",value:"other"},name:C,inline:L,...a},C),jsxRuntime.jsx(C1,{name:`${C}_other`,...a})]})]}),d&&jsxRuntime.jsx(J,{text:s,includeIcon:!1})]})},ws=({option:C,name:e,formOptions:t})=>{let{register:o,watch:L,formState:r}=reactHookForm.useFormContext(),n=L(e)===C.value;return jsxRuntime.jsxs(K0,{selected:n,hasError:!!r.errors[e],children:[jsxRuntime.jsxs(j0,{children:[jsxRuntime.jsxs(CC,{selected:n,children:[C.icon||null,C.label]}),jsxRuntime.jsx(Q0,{type:"radio",value:C.value,...o(e,t)})]}),jsxRuntime.jsx(eC,{selected:n,children:C.description})]})},iC=({name:C,label:e=null,className:t="",options:o,formOptions:L={},id:r=""})=>jsxRuntime.jsxs(f4,{className:t,id:r,children:[e&&jsxRuntime.jsx(c4,{size:"lg",children:e}),jsxRuntime.jsx("div",{children:o.map(n=>jsxRuntime.jsx(ws,{option:n,name:C,formOptions:L},`${n.label}-${n.value}`))})]}),vs=({option:C,name:e,formOptions:t})=>{let{register:o,watch:L}=reactHookForm.useFormContext(),r=L(e)===C.value,[n,i]=gi.useState(!1),s=l5[C.icon];return jsxRuntime.jsxs(tC,{selected:r,onMouseEnter:()=>i(!0),onMouseLeave:()=>i(!1),children:[jsxRuntime.jsx(s,{active:r||n}),jsxRuntime.jsxs("div",{style:{display:"flex",gap:4,flexDirection:"column"},children:[jsxRuntime.jsx(oC,{children:C.label}),C?.description&&jsxRuntime.jsx(LC,{children:C.description})]}),jsxRuntime.jsx("input",{type:"radio",value:C.value,...o(e,t)})]})},sC=({name:C,label:e=null,className:t="",options:o,formOptions:L={}})=>jsxRuntime.jsxs(f4,{className:t,children:[e&&jsxRuntime.jsx(c4,{size:"lg",children:e}),jsxRuntime.jsx(rC,{children:o.map(r=>jsxRuntime.jsx(vs,{option:r,name:C,formOptions:L},`${r.label}-${r.value}`))})]});var aC=P__default.default.div`
+`;var X3=({option:C,name:e,inline:t,previewOnly:o=!1,hasError:L=!1,formOptions:r={},...n})=>{let{register:i}=reactHookForm.useFormContext();return jsxRuntime.jsxs(q0,{inline:t,children:[jsxRuntime.jsx(J0,{type:"radio",...i(e,r),value:C.value,previewOnly:o,disabled:o,hasError:L,...n}),jsxRuntime.jsx("label",{htmlFor:e,children:jsxRuntime.jsx(v.Body,{children:C.label})})]})},nC=({name:C,label:e,details:t="",options:o=[],inline:L=!1,allowOther:r=!1,previewOnly:n=!1,formOptions:i={},errorMessage:s=void 0,...a})=>{let{formState:{errors:l}}=reactHookForm.useFormContext(),d=!!l?.[C];return jsxRuntime.jsxs("div",{children:[jsxRuntime.jsx(W,{label:e,required:!!i.required,isLabelBold:!0,details:t}),jsxRuntime.jsxs(X0,{inline:L,isColumns:o.length>5,children:[o.map(f=>jsxRuntime.jsx(X3,{option:f,name:C,inline:L,previewOnly:n,formOptions:i,...a,hasError:d},`${C}-${f.value}`)),r&&jsxRuntime.jsxs(Y0,{children:[jsxRuntime.jsx(X3,{option:{label:"Other",value:"other"},name:C,inline:L,...a},C),jsxRuntime.jsx(C1,{name:`${C}_other`,...a})]})]}),d&&jsxRuntime.jsx(J,{text:s,includeIcon:!1})]})},ws=({option:C,name:e,formOptions:t})=>{let{register:o,watch:L,formState:r}=reactHookForm.useFormContext(),n=L(e)===C.value;return jsxRuntime.jsxs(K0,{selected:n,hasError:!!r.errors[e],children:[jsxRuntime.jsxs(j0,{children:[jsxRuntime.jsxs(CC,{selected:n,children:[C.icon||null,C.label]}),jsxRuntime.jsx(Q0,{type:"radio",value:C.value,...o(e,t)})]}),jsxRuntime.jsx(eC,{selected:n,children:C.description})]})},iC=({name:C,label:e=null,className:t="",options:o,formOptions:L={},id:r=""})=>jsxRuntime.jsxs(f4,{className:t,id:r,children:[e&&jsxRuntime.jsx(c4,{size:"lg",children:e}),jsxRuntime.jsx("div",{children:o.map(n=>jsxRuntime.jsx(ws,{option:n,name:C,formOptions:L},`${n.label}-${n.value}`))})]}),vs=({option:C,name:e,formOptions:t,onClick:o=void 0})=>{let{register:L,watch:r}=reactHookForm.useFormContext(),n=r(e)===C.value,[i,s]=gi.useState(!1),a=l5[C.icon];return jsxRuntime.jsxs(tC,{selected:n,onMouseEnter:()=>s(!0),onMouseLeave:()=>s(!1),children:[jsxRuntime.jsx(a,{active:n||i}),jsxRuntime.jsxs("div",{style:{display:"flex",gap:4,flexDirection:"column"},children:[jsxRuntime.jsx(oC,{children:C.label}),C?.description&&jsxRuntime.jsx(LC,{children:C.description})]}),jsxRuntime.jsx("input",{type:"radio",onClick:l=>o?o(l.currentTarget.value):null,value:C.value,...L(e,t)})]})},sC=({name:C,label:e=null,className:t="",options:o,onClick:L=void 0,formOptions:r={}})=>jsxRuntime.jsxs(f4,{className:t,children:[e&&jsxRuntime.jsx(c4,{size:"lg",children:e}),jsxRuntime.jsx(rC,{children:o.map(n=>jsxRuntime.jsx(vs,{option:n,name:C,onClick:L,formOptions:r},`${n.label}-${n.value}`))})]});var aC=P__default.default.div`
   position: relative;
   margin-bottom: 24px;
   z-index: 40;