@solace-health/ui 0.3.22 → 0.3.24

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.js CHANGED
@@ -586,7 +586,6 @@ var C2=(s=>(s.XL="xl",s.LG="lg",s.MD="md",s.SM="sm",s.XS="xs",s))(C2||{});var b1
586
586
  margin-bottom: 12px;
587
587
  `,C3=o.div`
588
588
  position: relative;
589
- padding: 15px 23px;
590
589
  margin-top: 8px;
591
590
  border: 1px solid #5a5a5a;
592
591
  box-sizing: border-box;
@@ -595,6 +594,7 @@ var C2=(s=>(s.XL="xl",s.LG="lg",s.MD="md",s.SM="sm",s.XS="xs",s))(C2||{});var b1
595
594
  cursor: pointer;
596
595
  background-color: #fff;
597
596
  line-height: normal;
597
+ padding: 13px 24px;
598
598
 
599
599
  > svg {
600
600
  position: absolute;
@@ -640,7 +640,7 @@ var C2=(s=>(s.XL="xl",s.LG="lg",s.MD="md",s.SM="sm",s.XS="xs",s))(C2||{});var b1
640
640
  border: none;
641
641
  background: none;
642
642
  position: absolute;
643
- left: 20px;
643
+ top: 0;
644
644
  `,h3=o(c.Body)`
645
645
  margin-bottom: 24px;
646
646
  `,y3=({label:e="",name:t,details:r="",options:n=[],allowInput:i=!1,previewOnly:s=!1,formOptions:l={}})=>{let a=useRef(),C=useFormContext();C.register(t,l);let[p,h]=useState(!1),[f,S]=useState(""),[w,x]=useState(n),L=useSpring(p?{opacity:1,transform:"translate(0px, 0px)",display:"block",config:{duration:150}}:{opacity:0,transform:"translate(0px, -2px)",display:"none",config:{duration:150}});useEffect(()=>{let g=y=>{p&&a.current&&!a.current.contains(y.target)&&h(!1);};return document.addEventListener("mousedown",y=>g(y)),()=>{document.removeEventListener("mousedown",y=>g(y));}},[p]);let b=n.find(g=>g.value===C.getValues(t))?.label,B=g=>{S(""),C.setValue(t,g.value),C.trigger(t),h(!1);};useEffect(()=>{if(h(!!f),f){let g=n.filter(y=>y.value.match(f.toLowerCase()));x(g),C.setValue(t,f);}else x(n);},[f,n.length]);let O=g=>{g.code==="Enter"&&g.preventDefault();};return jsxs(p3,{children:[jsx(d3,{size:"lg",children:e}),r&&jsx(c3,{children:r}),s?jsx(h3,{size:"md",children:b||"N/A"}):jsxs(C3,{onClick:()=>h(!p),children:[b,i&&jsx(u3,{onKeyDown:O,value:f,onChange:g=>S(g.target.value),type:"text"}),jsx(E.Caret,{direction:p?"up":"down"}),jsx(g3,{style:L,ref:a,children:w.map(g=>{let{label:y}=g,m=g.label===b;return jsxs(f3,{onClick:()=>B(g),children:[jsx(c.Body,{size:"lg",children:y}),jsx(m3,{isCurrent:m,children:jsx(E.Check,{color:"#fff"})})]},g.value)})})]})]})},n1=y3;var L3=({label:e="Submit",isSubmitting:t=!1,hideWhenInvalid:r=!1,...n})=>{let i=useFormContext(),{isValid:s}=i.formState,a=useSpring((r?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:a,...n,children:jsx(o2.Primary,{type:"submit",isSubmitting:t,...n,children:e})})},s1=L3;var H3=o.div`