@solace-health/ui 0.10.200 → 0.10.202

package/dist/index.cjs

@@ -597,7 +597,7 @@ Valid keys: `+JSON.stringify(Object.keys(L),null,"  "));var i2=h2(S,D,m,H,h+"."+
   }
 `,_o=r2__default.default(web.animated.div)`
   background-color: #fefefe;
-`,b7=({children:A,isOpen:C,onClose:g=()=>null,width:E=560,centered:B=!0,style:I={},styles:Q={},bodyStyle:e={},className:o="",...t})=>jsxRuntime.jsx(No,{centered:B,open:C,onCancel:g,footer:!1,width:E,style:I,styles:{body:e,...Q},wrapClassName:o,...t,children:jsxRuntime.jsx(_o,{children:A})});var At=({modalContent:A,modalLabel:C=void 0,modalButtonText:g="Go Back"})=>{let[E,B]=xt.useState(!1);return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(y0,{onClick:()=>B(!0),children:C?jsxRuntime.jsx(O0,{children:`(${C})`}):jsxRuntime.jsx(J.CircleExclamation,{})}),jsxRuntime.jsx(b7,{isOpen:E,onClose:()=>B(!1),footer:jsxRuntime.jsx(d2.Secondary,{onClick:()=>B(!1),children:g}),children:jsxRuntime.jsx("div",{style:{marginTop:"2rem"},children:A})})]})},T0=At;var Et=({label:A=null,isLabelBold:C=!1,required:g=!1,details:E=null,helpContent:B=void 0,helpLabel:I=void 0})=>{if(!A)return null;let Q=typeof E=="string"?jsxRuntime.jsx(J0,{children:E}):E;return jsxRuntime.jsxs(z0,{children:[jsxRuntime.jsxs(d.Body,{className:"input-label",bold:C,children:[A,g&&jsxRuntime.jsx(K0,{}),B&&jsxRuntime.jsx(T0,{modalContent:B,modalLabel:I})]}),Q]})},Y=Et;var It=r2__default.default.span`
+`,b7=({children:A,isOpen:C,onClose:g=()=>null,width:E=560,centered:B=!0,style:I={},styles:Q={},bodyStyle:e={},className:o="",...t})=>jsxRuntime.jsx(No,{centered:B,open:C,onCancel:g,footer:!1,width:E,style:I,styles:{body:e,...Q},wrapClassName:o,...t,children:jsxRuntime.jsx(_o,{children:A})});var At=({modalContent:A,modalLabel:C=void 0,modalButtonText:g="Go Back"})=>{let[E,B]=xt.useState(!1);return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(y0,{onClick:()=>B(!0),children:C?jsxRuntime.jsx(O0,{children:`(${C})`}):jsxRuntime.jsx(J.CircleExclamation,{})}),jsxRuntime.jsx(b7,{isOpen:E,onClose:()=>B(!1),footer:jsxRuntime.jsx(d2.Secondary,{onClick:()=>B(!1),children:g}),children:jsxRuntime.jsx("div",{style:{marginTop:"2rem"},children:A})})]})},T0=At;var Et=({label:A=null,isLabelBold:C=!1,required:g=!1,details:E=null,helpContent:B=void 0,helpLabel:I=void 0})=>{if(!A)return null;let Q=typeof E=="string"?jsxRuntime.jsx(J0,{children:E}):E;return jsxRuntime.jsxs(z0,{children:[jsxRuntime.jsxs(d.Body,{className:"input-label",bold:C,size:"lg",children:[A,g&&jsxRuntime.jsx(K0,{}),B&&jsxRuntime.jsx(T0,{modalContent:B,modalLabel:I})]}),Q]})},Y=Et;var It=r2__default.default.span`
   display: flex;
   align-items: center;
   gap: 8px;
@@ -1170,6 +1170,10 @@ The mask that was received is: ${JSON.stringify(A)}`);return A.map(g=>g instance
   svg path {
     stroke: ${({selected:A})=>A?"#285E50":"#7F7F7F"};
   }
+  ${A=>A?.disabled&&`
+    background: #EEE;
+    pointer-events: none;
+  `};
 `,ug=r2__default.default.div`
   display: flex;
   justify-content: space-between;
@@ -1304,7 +1308,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 s5=({option:A,name:C,inline:g,previewOnly:E=!1,hasError:B=!1,formOptions:I={},...Q})=>{let{register:e}=reactHookForm.useFormContext();return jsxRuntime.jsxs(fg,{inline:g,children:[jsxRuntime.jsx(dg,{type:"radio",...e(C,I),value:A.value,previewOnly:E,disabled:E,hasError:B,...Q}),jsxRuntime.jsx("label",{htmlFor:C,children:jsxRuntime.jsx(d.Body,{children:A.label})})]})},Hg=({name:A,label:C,details:g="",options:E=[],inline:B=!1,allowOther:I=!1,previewOnly:Q=!1,formOptions:e={},errorMessage:o=void 0,...t})=>{let{formState:{errors:r}}=reactHookForm.useFormContext(),i=!!reactHookForm.get(r,A);return jsxRuntime.jsxs("div",{children:[jsxRuntime.jsx(Y,{label:C,required:!!e.required,isLabelBold:!0,details:g}),jsxRuntime.jsxs(lg,{inline:B,isColumns:E.length>5,children:[E.map(n=>jsxRuntime.jsx(s5,{option:n,name:A,inline:B,previewOnly:Q,formOptions:e,...t,hasError:i},`${A}-${n.value}`)),I&&jsxRuntime.jsxs(pg,{children:[jsxRuntime.jsx(s5,{option:{label:"Other",value:"other"},name:A,inline:B,...t},A),jsxRuntime.jsx(x3,{name:`${A}_other`,...t})]})]}),i&&jsxRuntime.jsx(W,{text:o,includeIcon:!1})]})},Xr=({option:A,name:C,formOptions:g})=>{let{register:E,watch:B,formState:I}=reactHookForm.useFormContext(),Q=B(C)===A.value;return jsxRuntime.jsxs(cg,{selected:Q,hasError:!!I.errors[C],children:[jsxRuntime.jsxs(ug,{children:[jsxRuntime.jsxs(vg,{selected:Q,children:[A.icon||null,A.label]}),jsxRuntime.jsx(hg,{type:"radio",value:A.value,...E(C,g)})]}),A.description&&jsxRuntime.jsx(mg,{selected:Q,children:A.description})]})},Mg=({name:A,label:C=null,className:g="",options:E,formOptions:B={},id:I=""})=>jsxRuntime.jsxs(C4,{className:g,id:I,children:[C&&jsxRuntime.jsx(g4,{size:"lg",children:C}),jsxRuntime.jsx("div",{children:E.map(Q=>jsxRuntime.jsx(Xr,{option:Q,name:A,formOptions:B},`${Q.label}-${Q.value}`))})]}),Jr=({option:A,name:C,formOptions:g,showCaret:E=!1,onClick:B=void 0,onMouseEnter:I=()=>null,onMouseLeave:Q=()=>null})=>{let{register:e,watch:o}=reactHookForm.useFormContext(),t=o(C)===A.value,[r,i]=xt.useState(!1),n=G5[A.icon],s=web.useSpring(r?{transform:"translate(8px, 0px)"}:{transform:"translate(0px, 0px)"}),p=()=>{i(!0),I(A.value);},w=()=>{i(!1),Q(A.value);};return jsxRuntime.jsxs("div",{style:{position:"relative"},children:[jsxRuntime.jsx(Pg,{type:"radio",onClick:v=>B?B(v.currentTarget.value):null,value:A.value,...e(C,g),onMouseEnter:p,onMouseLeave:w}),jsxRuntime.jsxs(wg,{selected:t,children:[jsxRuntime.jsxs(antd.Flex,{align:"center",gap:16,children:[jsxRuntime.jsx(Vg,{children:jsxRuntime.jsx(n,{active:t||r})}),jsxRuntime.jsxs("div",{style:{display:"flex",gap:4,flexDirection:"column"},children:[jsxRuntime.jsx(xg,{children:A.label}),A?.description&&jsxRuntime.jsx(qg,{children:A.description})]})]}),E&&jsxRuntime.jsx(Rg,{style:s,children:jsxRuntime.jsx(J.Caret,{direction:"right",color:t||r?"#285E50":"#7F7F7F"})})]})]})},Sg=({name:A,label:C=null,className:g="",options:E,onClick:B=void 0,onMouseEnter:I=()=>null,onMouseLeave:Q=()=>null,showCaret:e=!1,formOptions:o={}})=>jsxRuntime.jsxs(C4,{className:g,children:[C&&jsxRuntime.jsx(g4,{size:"lg",children:C}),jsxRuntime.jsx(Ug,{children:E.map(t=>jsxRuntime.jsx(Jr,{option:t,name:A,onClick:B,onMouseEnter:I,onMouseLeave:Q,formOptions:o,showCaret:e},`${t.label}-${t.value}`))})]});var bg=r2__default.default.div`
+`;var s5=({option:A,name:C,inline:g,previewOnly:E=!1,hasError:B=!1,formOptions:I={},...Q})=>{let{register:e}=reactHookForm.useFormContext();return jsxRuntime.jsxs(fg,{inline:g,children:[jsxRuntime.jsx(dg,{type:"radio",...e(C,I),value:A.value,previewOnly:E,disabled:E,hasError:B,...Q}),jsxRuntime.jsx("label",{htmlFor:C,children:jsxRuntime.jsx(d.Body,{children:A.label})})]})},Hg=({name:A,label:C,details:g="",options:E=[],inline:B=!1,allowOther:I=!1,previewOnly:Q=!1,formOptions:e={},errorMessage:o=void 0,...t})=>{let{formState:{errors:r}}=reactHookForm.useFormContext(),i=!!reactHookForm.get(r,A);return jsxRuntime.jsxs("div",{children:[jsxRuntime.jsx(Y,{label:C,required:!!e.required,isLabelBold:!0,details:g}),jsxRuntime.jsxs(lg,{inline:B,isColumns:E.length>5,children:[E.map(n=>jsxRuntime.jsx(s5,{option:n,name:A,inline:B,previewOnly:Q,formOptions:e,...t,hasError:i},`${A}-${n.value}`)),I&&jsxRuntime.jsxs(pg,{children:[jsxRuntime.jsx(s5,{option:{label:"Other",value:"other"},name:A,inline:B,...t},A),jsxRuntime.jsx(x3,{name:`${A}_other`,...t})]})]}),i&&jsxRuntime.jsx(W,{text:o,includeIcon:!1})]})},Xr=({option:A,name:C,formOptions:g})=>{let{register:E,watch:B,formState:I}=reactHookForm.useFormContext(),Q=B(C)===A.value;return jsxRuntime.jsxs(cg,{selected:Q,hasError:!!I.errors[C],disabled:A.disabled||!1,children:[jsxRuntime.jsxs(ug,{children:[jsxRuntime.jsxs(vg,{selected:Q,children:[A.icon||null,A.label]}),jsxRuntime.jsx(hg,{type:"radio",value:A.value,...E(C,g)})]}),A.description&&jsxRuntime.jsx(mg,{selected:Q,children:A.description})]})},Mg=({name:A,label:C=null,className:g="",options:E,formOptions:B={},id:I=""})=>jsxRuntime.jsxs(C4,{className:g,id:I,children:[C&&jsxRuntime.jsx(g4,{size:"lg",children:C}),jsxRuntime.jsx("div",{children:E.map(Q=>jsxRuntime.jsx(Xr,{option:Q,name:A,formOptions:B},`${Q.label}-${Q.value}`))})]}),Jr=({option:A,name:C,formOptions:g,showCaret:E=!1,onClick:B=void 0,onMouseEnter:I=()=>null,onMouseLeave:Q=()=>null})=>{let{register:e,watch:o}=reactHookForm.useFormContext(),t=o(C)===A.value,[r,i]=xt.useState(!1),n=G5[A.icon],s=web.useSpring(r?{transform:"translate(8px, 0px)"}:{transform:"translate(0px, 0px)"}),p=()=>{i(!0),I(A.value);},w=()=>{i(!1),Q(A.value);};return jsxRuntime.jsxs("div",{style:{position:"relative"},children:[jsxRuntime.jsx(Pg,{type:"radio",onClick:v=>B?B(v.currentTarget.value):null,value:A.value,...e(C,g),onMouseEnter:p,onMouseLeave:w}),jsxRuntime.jsxs(wg,{selected:t,children:[jsxRuntime.jsxs(antd.Flex,{align:"center",gap:16,children:[jsxRuntime.jsx(Vg,{children:jsxRuntime.jsx(n,{active:t||r})}),jsxRuntime.jsxs("div",{style:{display:"flex",gap:4,flexDirection:"column"},children:[jsxRuntime.jsx(xg,{children:A.label}),A?.description&&jsxRuntime.jsx(qg,{children:A.description})]})]}),E&&jsxRuntime.jsx(Rg,{style:s,children:jsxRuntime.jsx(J.Caret,{direction:"right",color:t||r?"#285E50":"#7F7F7F"})})]})]})},Sg=({name:A,label:C=null,className:g="",options:E,onClick:B=void 0,onMouseEnter:I=()=>null,onMouseLeave:Q=()=>null,showCaret:e=!1,formOptions:o={}})=>jsxRuntime.jsxs(C4,{className:g,children:[C&&jsxRuntime.jsx(g4,{size:"lg",children:C}),jsxRuntime.jsx(Ug,{children:E.map(t=>jsxRuntime.jsx(Jr,{option:t,name:A,onClick:B,onMouseEnter:I,onMouseLeave:Q,formOptions:o,showCaret:e},`${t.label}-${t.value}`))})]});var bg=r2__default.default.div`
   position: relative;
   margin-bottom: 24px;
   z-index: 40;