@solace-health/ui 0.10.201 → 0.10.203

package/dist/index.cjs

@@ -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;
@@ -1785,7 +1789,7 @@ The mask that was received is: ${JSON.stringify(A)}`);return A.map(g=>g instance
     width: auto;
     height: auto;
   }
-`;var mn={dissatisfied:{iconFill:"#DA4D54",background:"#F1E1E2"},neutral:{iconFill:"#D7A13B",background:"#F4E5CA"},satisfied:{iconFill:"#285E50",background:"#D4E2DD"}};function w5({iconProps:A={},containerStyles:C={},value:g=void 0,onChange:E=void 0}){let[B,I]=xt.useState(g),Q=o=>I(o),e=o=>B===o;return xt.useEffect(()=>{E&&E(B);},[B]),jsxRuntime.jsx(T2,{gap:".5rem",style:{...C},children:Object.values(OA).map(o=>{let{iconFill:t,background:r}=mn[o],i=e(o);return jsxRuntime.jsx(ME,{backgroundColor:B?r:"#ffffff",onClick:()=>Q(o),isActive:i,children:jsxRuntime.jsx(J.Sentiment,{...A,variant:o,color:i?t:"#7F7F7F"})})})})}function L4({name:A,...C}){let{control:g}=reactHookForm.useFormContext();return jsxRuntime.jsx(reactHookForm.Controller,{control:g,name:A,render:({field:{value:E,onChange:B}})=>jsxRuntime.jsx(w5,{...C,onChange:B,value:E})})}var U3={ButtonRadioGroup:Sg,Container:KC,Checkbox:r5,CheckboxGroup:XC,CheckboxCardGroup:JC,InputLabel:Y,DateSelect:cE,TextInput:x3,Text:L5,TimePicker:LE,TimeSelect:lE,Radio:s5,RadioGroup:Hg,CardRadioGroup:Mg,Number:Bg,Select:Dg,SelectMenu:Ng,SentimentSelector:L4,Signature:ag,Submit:$g,LocationSelect:nE,Keyword:pE,Toggle:o4,FileUpload:mE,Tree:PE,DateDropdown:HE};var kn=()=>Array.from({length:12},(C,g)=>({label:new Date(g,g).toLocaleString("en-US",{month:"long"}),value:g+1})),Fn=(A,C)=>{let g=A||1,E=C||2024,B=new Date(E,g,0).getDate();return Array.from({length:B},(Q,e)=>({label:e+1,value:e+1}))},Xn=()=>Array.from({length:100},(C,g)=>{let E=new Date().getFullYear()-g;return {label:E,value:E}}),Jn=({label:A="",details:C=void 0,isLabelBold:g=!1,required:E=!1,onChange:B=()=>null,defaultValue:I=null,hasError:Q=!1})=>{let e=xt.useRef(null),[o,t]=xt.useState(!1),r=reactHookForm.useForm({defaultValues:{month:null,day:null,year:null}}),{reset:i}=r;xt.useEffect(()=>{if(!I)return;let p=new Date(I);i({month:p.getMonth()+1,day:p.getDate(),year:p.getFullYear()});},[I]);let n=r.watch(),s=Fn(n?.month,n?.year);return xt.useEffect(()=>{let p=s.find(w=>w.value===n.day);if(n.month&&n.day&&n.year&&p){let w=new Date(n.year,n.month-1,n.day);B(w);}else B(null);},[n.month,n.day,n.year]),xt.useEffect(()=>{e.current&&t(!0);},[e,o]),jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("div",{ref:e}),o&&reactDom.createPortal(jsxRuntime.jsxs(U3.Container,{formMethods:r,onSubmit:()=>null,children:[jsxRuntime.jsx(Y,{label:A,isLabelBold:g,required:!!E,details:C}),jsxRuntime.jsxs(X0,{gap:8,hasError:Q,children:[jsxRuntime.jsx(U3.SelectMenu,{name:"month",options:kn(),placeholder:"Month",containerStyle:{width:"100%"},sort:!1}),jsxRuntime.jsx(U3.SelectMenu,{name:"day",options:s,placeholder:"Day",containerStyle:{width:"100%"},sort:!1}),jsxRuntime.jsx(U3.SelectMenu,{name:"year",options:Xn(),placeholder:"Year",containerStyle:{width:"100%"}})]})]}),e.current||document.body)]})},i4=Jn;var On=({value:A=null,onChange:C,startRange:g=null,endRange:E=null,defaultValue:B=iA__default.default(),format:I=null,placeholder:Q=null,className:e=null,hasError:o=!1,disabled:t=!1,...r})=>{let[i,n]=xt.useState(!1),s=w=>w?!!(g&&w<iA__default.default(g).endOf("day")||E&&w>iA__default.default(E).endOf("day")):!1,p=o?L3.colors.fail:"#5a5a5a";return jsxRuntime.jsx(antd.DatePicker,{className:e,placeholder:Q,format:I,disabled:t,disabledDate:s,onChange:(w,v)=>{C&&C(v,w);},onFocus:()=>{n(!0);},onBlur:()=>{n(!1);},value:A?iA__default.default(A):B,style:{width:"100%",height:"50px",boxSizing:"border-box",borderRadius:"8px",borderWidth:"1px",borderStyle:"solid",borderColor:i?L3.colors.secondaryGreen:p,padding:"20px 23px",backgroundColor:"#fff",fontFamily:L3.typography.family.body,fontWeight:L3.typography.weight.normal,fontStyle:"normal",fontSize:"16px",outlineStyle:"none",boxShadow:i?`0 0 0 1px ${L3.colors.secondaryGreen}`:"none"},...r})},Dn=On;var Yn=({style:A={width:50,borderWidth:2,borderColor:"#d4e2dd"},type:C="horizontal",...g})=>jsxRuntime.jsx(antd.Divider,{style:A,type:C,...g}),Zn=Yn;var bE=r2__default.default(({className:A,...C})=>jsxRuntime.jsx(antd.Drawer,{rootClassName:A,classNames:{content:A},...C}))`
+`;var mn={dissatisfied:{iconFill:"#DA4D54",background:"#F1E1E2"},neutral:{iconFill:"#D7A13B",background:"#F4E5CA"},satisfied:{iconFill:"#285E50",background:"#D4E2DD"}};function w5({iconProps:A={},containerStyles:C={},value:g=void 0,onChange:E=void 0}){let[B,I]=xt.useState(g),Q=o=>I(o),e=o=>B===o;return xt.useEffect(()=>{E&&E(B);},[B]),jsxRuntime.jsx(T2,{gap:".5rem",style:{...C},children:Object.values(OA).map(o=>{let{iconFill:t,background:r}=mn[o],i=e(o);return jsxRuntime.jsx(ME,{backgroundColor:B?r:"#ffffff",onClick:()=>Q(o),isActive:i,children:jsxRuntime.jsx(J.Sentiment,{...A,variant:o,color:i?t:"#7F7F7F"})})})})}function L4({name:A,...C}){let{control:g}=reactHookForm.useFormContext();return jsxRuntime.jsx(reactHookForm.Controller,{control:g,name:A,render:({field:{value:E,onChange:B}})=>jsxRuntime.jsx(w5,{...C,onChange:B,value:E})})}var U3={ButtonRadioGroup:Sg,Container:KC,Checkbox:r5,CheckboxGroup:XC,CheckboxCardGroup:JC,InputLabel:Y,DateSelect:cE,TextInput:x3,Text:L5,TimePicker:LE,TimeSelect:lE,Radio:s5,RadioGroup:Hg,CardRadioGroup:Mg,Number:Bg,Select:Dg,SelectMenu:Ng,SentimentSelector:L4,Signature:ag,Submit:$g,LocationSelect:nE,Keyword:pE,Toggle:o4,FileUpload:mE,Tree:PE,DateDropdown:HE};var kn=()=>Array.from({length:12},(C,g)=>({label:new Date(g,g).toLocaleString("en-US",{month:"long"}),value:g+1})),Fn=(A,C)=>{let g=A||1,E=C||2024,B=new Date(E,g,0).getDate();return Array.from({length:B},(Q,e)=>({label:e+1,value:e+1}))},Xn=()=>Array.from({length:110},(C,g)=>{let E=new Date().getFullYear()-g;return {label:E,value:E}}),Jn=({label:A="",details:C=void 0,isLabelBold:g=!1,required:E=!1,onChange:B=()=>null,defaultValue:I=null,hasError:Q=!1})=>{let e=xt.useRef(null),[o,t]=xt.useState(!1),r=reactHookForm.useForm({defaultValues:{month:null,day:null,year:null}}),{reset:i}=r;xt.useEffect(()=>{if(!I)return;let p=new Date(I);i({month:p.getMonth()+1,day:p.getDate(),year:p.getFullYear()});},[I]);let n=r.watch(),s=Fn(n?.month,n?.year);return xt.useEffect(()=>{let p=s.find(w=>w.value===n.day);if(n.month&&n.day&&n.year&&p){let w=new Date(n.year,n.month-1,n.day);B(w);}else B(null);},[n.month,n.day,n.year]),xt.useEffect(()=>{e.current&&t(!0);},[e,o]),jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("div",{ref:e}),o&&reactDom.createPortal(jsxRuntime.jsxs(U3.Container,{formMethods:r,onSubmit:()=>null,children:[jsxRuntime.jsx(Y,{label:A,isLabelBold:g,required:!!E,details:C}),jsxRuntime.jsxs(X0,{gap:8,hasError:Q,children:[jsxRuntime.jsx(U3.SelectMenu,{name:"month",options:kn(),placeholder:"Month",containerStyle:{width:"100%"},sort:!1}),jsxRuntime.jsx(U3.SelectMenu,{name:"day",options:s,placeholder:"Day",containerStyle:{width:"100%"},sort:!1}),jsxRuntime.jsx(U3.SelectMenu,{name:"year",options:Xn(),placeholder:"Year",containerStyle:{width:"100%"}})]})]}),e.current||document.body)]})},i4=Jn;var On=({value:A=null,onChange:C,startRange:g=null,endRange:E=null,defaultValue:B=iA__default.default(),format:I=null,placeholder:Q=null,className:e=null,hasError:o=!1,disabled:t=!1,...r})=>{let[i,n]=xt.useState(!1),s=w=>w?!!(g&&w<iA__default.default(g).endOf("day")||E&&w>iA__default.default(E).endOf("day")):!1,p=o?L3.colors.fail:"#5a5a5a";return jsxRuntime.jsx(antd.DatePicker,{className:e,placeholder:Q,format:I,disabled:t,disabledDate:s,onChange:(w,v)=>{C&&C(v,w);},onFocus:()=>{n(!0);},onBlur:()=>{n(!1);},value:A?iA__default.default(A):B,style:{width:"100%",height:"50px",boxSizing:"border-box",borderRadius:"8px",borderWidth:"1px",borderStyle:"solid",borderColor:i?L3.colors.secondaryGreen:p,padding:"20px 23px",backgroundColor:"#fff",fontFamily:L3.typography.family.body,fontWeight:L3.typography.weight.normal,fontStyle:"normal",fontSize:"16px",outlineStyle:"none",boxShadow:i?`0 0 0 1px ${L3.colors.secondaryGreen}`:"none"},...r})},Dn=On;var Yn=({style:A={width:50,borderWidth:2,borderColor:"#d4e2dd"},type:C="horizontal",...g})=>jsxRuntime.jsx(antd.Divider,{style:A,type:C,...g}),Zn=Yn;var bE=r2__default.default(({className:A,...C})=>jsxRuntime.jsx(antd.Drawer,{rootClassName:A,classNames:{content:A},...C}))`
   --border-radius: ${A=>A.placement==="bottom"?32:0}px;
 
   &.ant-drawer-content {