@solace-health/ui 0.10.83 → 0.10.84

package/dist/index.cjs

@@ -2064,7 +2064,7 @@ The mask that was received is: ${JSON.stringify(C)}`);return C.map(t=>t instance
   border: 0.766898px solid;
   border-color: ${C=>C.isCurrent?"#285E50 !important":"#3f937c"};
   background: ${C=>C.isCurrent?"#285E50 !important":"#FFF"};
-`,aa=({label:C="",name:e,details:t="",options:o=[],previewOnly:L=!1})=>{let r=fi.useRef(),n=reactHookForm.useFormContext(),[i,s]=fi.useState(!1),[a,l]=fi.useState(""),[d,f]=fi.useState(n.getValues(e)||[]),u=fi.useRef({search:a,keywords:d});fi.useEffect(()=>{u.current={search:a,keywords:d};},[a,d]);let[w,H]=fi.useState(o),x=web.useSpring(i?{opacity:1,transform:"translate(0px, 0px)",display:"block",config:{duration:150}}:{opacity:0,transform:"translate(0px, -2px)",display:"none",config:{duration:150}}),E=o.find(g=>g===n.getValues(e)),B=g=>{let k=[...u.current.keywords,g];l(""),f(k),n.setValue(e,k),s(!1);},F=g=>g?g.charAt(0).toUpperCase()+g.slice(1).toLowerCase():"",M=()=>{if(!u.current.search)return;let g=F(u.current.search);B(g);};fi.useEffect(()=>{let g=k=>{i&&r.current&&!r.current.contains(k.target)&&(M(),s(!1));};return document.addEventListener("mousedown",k=>g(k)),()=>{document.removeEventListener("mousedown",k=>g(k));}},[i]);let m=g=>{g.code==="Enter"&&(M(),g.preventDefault());},_=g=>{let k=d.filter(X=>X!==g);f(k),l(""),n.setValue(e,k);};return fi.useEffect(()=>{if(s(!!a),a){let g=o.filter(k=>k.toLowerCase().match(a.toLowerCase()));H(g);}else H(o);},[a]),fi.useEffect(()=>{let g=o.filter(k=>!d.includes(k));H(g);},[d]),jsxRuntime.jsxs(ea,{children:[jsxRuntime.jsx(ta,{size:"lg",children:C}),t&&jsxRuntime.jsx(oa,{children:t}),!L&&jsxRuntime.jsxs(La,{onClick:()=>s(!i),children:[jsxRuntime.jsx(b3,{}),E,jsxRuntime.jsx(na,{onKeyDown:m,value:a,onChange:g=>l(g.target.value),type:"text",style:{marginLeft:"45px",width:"calc(100% - 80px)"}}),jsxRuntime.jsxs(ra,{style:x,ref:r,children:[w.map(g=>{let k=g===E;return jsxRuntime.jsxs(GC,{onClick:()=>B(g),children:[jsxRuntime.jsx(v.Body,{size:"lg",children:g}),jsxRuntime.jsx(sa,{isCurrent:k,children:jsxRuntime.jsx($.Check,{color:"#fff"})})]},g)}),!w.length&&jsxRuntime.jsx(GC,{onClick:()=>M(),children:jsxRuntime.jsx(v.Body,{size:"lg",children:"Add Option"})},"add")]})]}),jsxRuntime.jsxs("div",{style:{display:"flex",flexDirection:"row",flexWrap:"wrap"},children:[L&&d.length===0&&"N/A",d.map(g=>jsxRuntime.jsxs(ia,{onClick:()=>_(g),children:[g,!L&&jsxRuntime.jsx(f3,{})]},g))]})]})},$C=aa;var ca=({label:C=null,isLabelBold:e=!0,name:t,details:o=void 0,disabled:L=!1,defaultValue:r=void 0,startRange:n=null,endRange:i=null,formOptions:s={},errorMessage:a="This field is required.",options:l={},style:d={},format:f="",...u})=>{let{control:w,formState:{errors:H,defaultValues:x},setValue:E}=reactHookForm.useFormContext(),B=!!H[t],F=H?.[t]?.message?.toString()||a;fi.useEffect(()=>{x?.[t]&&E(t,l3__default.default(x?.[t]).format(f));},[x]);let M=m=>m?!!(n&&m<l3__default.default(n).endOf("day")||i&&m>l3__default.default(i).endOf("day")):!1;return jsxRuntime.jsxs("div",{style:d,children:[jsxRuntime.jsx(W,{label:C,details:o,isLabelBold:e,required:!!s.required}),jsxRuntime.jsx(reactHookForm.Controller,{render:({field:m})=>jsxRuntime.jsx(antd.DatePicker,{format:f,disabled:L,...u,onChange:(_,g)=>m.onChange(g),disabledDate:M,defaultValue:m.value?l3__default.default(m.value):null,style:{padding:"12px 24px",width:"100%",maxWidth:"25rem"},status:B&&"error"}),name:t,defaultValue:r,rules:s,control:w,...l}),B&&jsxRuntime.jsx(J,{text:F,includeIcon:!1})]})},UC=ca;var WC=P__default.default.div`
+`,aa=({label:C="",name:e,details:t="",options:o=[],previewOnly:L=!1})=>{let r=fi.useRef(),n=reactHookForm.useFormContext(),[i,s]=fi.useState(!1),[a,l]=fi.useState(""),[d,f]=fi.useState(n.getValues(e)||[]),u=fi.useRef({search:a,keywords:d});fi.useEffect(()=>{u.current={search:a,keywords:d};},[a,d]);let[w,H]=fi.useState(o),x=web.useSpring(i?{opacity:1,transform:"translate(0px, 0px)",display:"block",config:{duration:150}}:{opacity:0,transform:"translate(0px, -2px)",display:"none",config:{duration:150}}),E=o.find(g=>g===n.getValues(e)),B=g=>{let k=[...u.current.keywords,g];l(""),f(k),n.setValue(e,k),s(!1);},F=g=>g?g.charAt(0).toUpperCase()+g.slice(1).toLowerCase():"",M=()=>{if(!u.current.search)return;let g=F(u.current.search);B(g);};fi.useEffect(()=>{let g=k=>{i&&r.current&&!r.current.contains(k.target)&&(M(),s(!1));};return document.addEventListener("mousedown",k=>g(k)),()=>{document.removeEventListener("mousedown",k=>g(k));}},[i]);let m=g=>{g.code==="Enter"&&(M(),g.preventDefault());},_=g=>{let k=d.filter(X=>X!==g);f(k),l(""),n.setValue(e,k);};return fi.useEffect(()=>{if(s(!!a),a){let g=o.filter(k=>k.toLowerCase().match(a.toLowerCase()));H(g);}else H(o);},[a]),fi.useEffect(()=>{let g=o.filter(k=>!d.includes(k));H(g);},[d]),jsxRuntime.jsxs(ea,{children:[jsxRuntime.jsx(ta,{size:"lg",children:C}),t&&jsxRuntime.jsx(oa,{children:t}),!L&&jsxRuntime.jsxs(La,{onClick:()=>s(!i),children:[jsxRuntime.jsx(b3,{}),E,jsxRuntime.jsx(na,{onKeyDown:m,value:a,onChange:g=>l(g.target.value),type:"text",style:{marginLeft:"45px",width:"calc(100% - 80px)"}}),jsxRuntime.jsxs(ra,{style:x,ref:r,children:[w.map(g=>{let k=g===E;return jsxRuntime.jsxs(GC,{onClick:()=>B(g),children:[jsxRuntime.jsx(v.Body,{size:"lg",children:g}),jsxRuntime.jsx(sa,{isCurrent:k,children:jsxRuntime.jsx($.Check,{color:"#fff"})})]},g)}),!w.length&&jsxRuntime.jsx(GC,{onClick:()=>M(),children:jsxRuntime.jsx(v.Body,{size:"lg",children:"Add Option"})},"add")]})]}),jsxRuntime.jsxs("div",{style:{display:"flex",flexDirection:"row",flexWrap:"wrap"},children:[L&&d.length===0&&"N/A",d.map(g=>jsxRuntime.jsxs(ia,{onClick:()=>_(g),children:[g,!L&&jsxRuntime.jsx(f3,{})]},g))]})]})},$C=aa;var ca=({label:C=null,isLabelBold:e=!0,name:t,details:o=void 0,disabled:L=!1,defaultValue:r=void 0,startRange:n=null,endRange:i=null,formOptions:s={},errorMessage:a="This field is required.",options:l={},style:d={},format:f="MM/DD/YYYY",...u})=>{let{control:w,formState:{errors:H,defaultValues:x},setValue:E}=reactHookForm.useFormContext(),B=!!H[t],F=H?.[t]?.message?.toString()||a;fi.useEffect(()=>{x?.[t]&&E(t,l3__default.default(x?.[t]).format(f));},[x]);let M=m=>m?!!(n&&m<l3__default.default(n).endOf("day")||i&&m>l3__default.default(i).endOf("day")):!1;return jsxRuntime.jsxs("div",{style:d,children:[jsxRuntime.jsx(W,{label:C,details:o,isLabelBold:e,required:!!s.required}),jsxRuntime.jsx(reactHookForm.Controller,{render:({field:m})=>jsxRuntime.jsx(antd.DatePicker,{format:f,disabled:L,disabledDate:M,defaultValue:m.value?l3__default.default(m.value):null,style:{padding:"12px 24px",width:"100%",maxWidth:"25rem"},status:B&&"error",onChange:(_,g)=>m.onChange(g),...u}),name:t,defaultValue:r,rules:s,control:w,...l}),B&&jsxRuntime.jsx(J,{text:F,includeIcon:!1})]})},UC=ca;var WC=P__default.default.div`
   display: flex;
   flex: 1;
   align-items: center;