@solace-health/ui 0.9.27 → 0.9.28

package/dist/index.d.cts

@@ -533,7 +533,7 @@ declare const _default$2: {
         id?: string | undefined;
     }) => react_jsx_runtime.JSX.Element;
     Select: ({ label, name, details, placeholder, options, allowInput, previewOnly, isLabelBold, formOptions, onChange, }: {
-        label?: string | undefined;
+        label?: string | JSX.Element | undefined;
         name: string;
         details?: string | undefined;
         placeholder?: string | undefined;

package/dist/index.d.ts

@@ -533,7 +533,7 @@ declare const _default$2: {
         id?: string | undefined;
     }) => react_jsx_runtime.JSX.Element;
     Select: ({ label, name, details, placeholder, options, allowInput, previewOnly, isLabelBold, formOptions, onChange, }: {
-        label?: string | undefined;
+        label?: string | JSX.Element | undefined;
         name: string;
         details?: string | undefined;
         placeholder?: string | undefined;

package/dist/index.js

@@ -1230,7 +1230,7 @@ var o1={colors:{primary:"#1D4339",secondaryGreen:"#285E50",lightGreen:"#BED3CC",
   left: 0;
 `,Oo=n(d.Body)`
   margin-bottom: 24px;
-`,To=({label:e="",name:t,details:o="",placeholder:r="",options:i=[],allowInput:s=!1,previewOnly:a=!1,isLabelBold:l=!0,formOptions:c={},onChange:C=()=>null})=>{let m=useRef(),f=useFormContext();f.register(t,c);let[h,g]=useState(!1),[b,w]=useState(""),[V,P]=useState(i),t1=useSpring(h?{opacity:1,transform:"translate(0px, 0px)",display:"block",config:{duration:150}}:{opacity:0,transform:"translate(0px, -2px)",display:"none",config:{duration:150}});useEffect(()=>{let u=p=>{h&&m.current&&!m.current.contains(p.target)&&g(!1);};return document.addEventListener("mousedown",p=>u(p)),()=>{document.removeEventListener("mousedown",p=>u(p));}},[h]);let W=i.find(u=>u.value===f.getValues(t))?.label,X=u=>{w(""),f.setValue(t,u.value),f.trigger(t),C&&C(u),g(!1);};useEffect(()=>{if(g(!!b),b){let u=i.filter(p=>p.value.match(b.toLowerCase()));P(u),f.setValue(t,b);}else P(i);},[b,i.length]);let x=u=>{u.code==="Enter"&&u.preventDefault();};return jsxs(Bo,{children:[jsx(_o,{size:"lg",isLabelBold:l,children:e}),o&&jsx(Po,{children:o}),a?jsx(Oo,{size:"md",children:W||"N/A"}):jsxs(Fo,{onClick:()=>g(!h),children:[W||jsx("i",{children:r}),s&&jsx(Ao,{onKeyDown:x,value:b,onChange:u=>w(u.target.value),type:"text"}),jsx(v.Caret,{direction:h?"up":"down"}),jsx(Eo,{style:t1,ref:m,children:V.map(u=>{let{label:p}=u,y=u.label===W;return jsxs(Do,{onClick:()=>X(u),children:[jsx(d.Body,{size:"lg",children:p}),jsx(Ro,{isCurrent:y,children:jsx(v.Check,{color:"#fff"})})]},u.value)})})]})]})},f3=To;var No=({label:e="Submit",isSubmitting:t=!1,hideWhenInvalid:o=!1,...r})=>{let i=useFormContext(),{isValid:s}=i.formState,l=useSpring((o?s:!0)?{position:"relative",zIndex:0,opacity:1,transform:"translate(0px, 0px)",display:"block",config:{duration:250}}:{opacity:0,transform:"translate(0px, -3px)",display:"none",config:{duration:250}});return jsx(animated.div,{style:l,...r,children:jsx(G1.Primary,{htmlType:"submit",isSubmitting:t,...r,children:e})})},u3=No;var Yo=n.div`
+`,To=({label:e="",name:t,details:o="",placeholder:r="",options:i=[],allowInput:s=!1,previewOnly:a=!1,isLabelBold:l=!0,formOptions:c={},onChange:C=()=>null})=>{let m=useRef(),f=useFormContext();f.register(t,c);let[h,g]=useState(!1),[b,w]=useState(""),[V,P]=useState(i),t1=useSpring(h?{opacity:1,transform:"translate(0px, 0px)",display:"block",config:{duration:150}}:{opacity:0,transform:"translate(0px, -2px)",display:"none",config:{duration:150}});useEffect(()=>{let u=p=>{h&&m.current&&!m.current.contains(p.target)&&g(!1);};return document.addEventListener("mousedown",p=>u(p)),()=>{document.removeEventListener("mousedown",p=>u(p));}},[h]);let W=i.find(u=>u.value===f.getValues(t))?.label,X=u=>{w(""),f.setValue(t,u.value),f.trigger(t),C&&C(u),g(!1);};useEffect(()=>{if(g(!!b),b){let u=i.filter(p=>p.value.toLowerCase().match(b.toLowerCase()));P(u),f.setValue(t,b);}else P(i);},[b,i.length]);let x=u=>{u.code==="Enter"&&u.preventDefault();};return jsxs(Bo,{children:[jsx(_o,{size:"lg",isLabelBold:l,children:e}),o&&jsx(Po,{children:o}),a?jsx(Oo,{size:"md",children:W||"N/A"}):jsxs(Fo,{onClick:()=>g(!h),children:[W||jsx("i",{children:r}),s&&jsx(Ao,{onKeyDown:x,value:b,onChange:u=>w(u.target.value),type:"text"}),jsx(v.Caret,{direction:h?"up":"down"}),jsx(Eo,{style:t1,ref:m,children:V.map(u=>{let{label:p}=u,y=u.label===W;return jsxs(Do,{onClick:()=>X(u),children:[jsx(d.Body,{size:"lg",children:p}),jsx(Ro,{isCurrent:y,children:jsx(v.Check,{color:"#fff"})})]},u.value)})})]})]})},f3=To;var No=({label:e="Submit",isSubmitting:t=!1,hideWhenInvalid:o=!1,...r})=>{let i=useFormContext(),{isValid:s}=i.formState,l=useSpring((o?s:!0)?{position:"relative",zIndex:0,opacity:1,transform:"translate(0px, 0px)",display:"block",config:{duration:250}}:{opacity:0,transform:"translate(0px, -3px)",display:"none",config:{duration:250}});return jsx(animated.div,{style:l,...r,children:jsx(G1.Primary,{htmlType:"submit",isSubmitting:t,...r,children:e})})},u3=No;var Yo=n.div`
   position: relative;
   margin-bottom: 24px;
   z-index: 20;