@julseb-lib/react 0.0.5 → 0.0.7

package/dist/index.cjs.js

@@ -1709,7 +1709,7 @@ React keys must be passed directly to JSX without using spread:
     ${s.Flexbox({$inline:!0,$alignItems:"center",$justifyContent:"center"})}
 `,g0=m(K).attrs({tag:"small"})`
     font-style: ${({$fontStyle:l})=>l};
-`;S([w7,x7,y7,u3,w3,g0]);function Ye({"data-testid":l,className:e,validation:c}){const{status:t,message:h,iconNotPassed:d=a.jsx(d4,{"data-testid":l&&`${l}.ValidationHelper.IconContainer.Icon`,className:e&&"ValidationIconBottom",size:Q2("small"),color:"danger"}),iconNotPassedSize:r=Q2("small"),iconPassed:i=a.jsx(p3,{"data-testid":l&&`${l}.ValidationHelper.IconContainer.Icon`,className:e&&"ValidationIconBottom",size:Q2("small"),color:"success"}),iconPassedSize:f=Q2("small"),iconBaseUrl:o}=c;return!h||!c?null:a.jsxs(u3,{"data-testid":l&&`${l}.ValidationHelper`,className:e&&"ValidationHelper",children:[a.jsx(w3,{"data-testid":l&&`${l}.ValidationHelper.IconContainer`,className:e&&"ValidationIconContainerBottom",children:a.jsx(c2,{"data-testid":l&&`${l}.ValidationHelper.IconContainer.Icon`,className:e&&"ValidationIconBottom",icon:t===!1?d:i,size:t===!1?r:f,color:t===!1?"danger":"success",baseUrl:o})}),a.jsx(g0,{"data-testid":l&&`${l}.ValidationHelper.Text`,className:e&&"ValidationTextBottom",children:h})]})}function I2({"data-testid":l,"aria-label":e,onClick:c,icon:t,iconSize:h=16,iconBaseUrl:d,text:r,disabled:i,inputBackground:f,validationStatus:o,className:p}){return a.jsx(z7,{"aria-label":e,"data-testid":l&&`${l}.Button`,className:p&&"InputButton",onClick:c,disabled:i,as:c?"button":"span",type:"button",$inputBackground:f,$validationStatus:o,$isSpan:!c,$disabled:i,children:t?a.jsx(c2,{icon:t,size:h,"data-testid":l&&`${l}.Button.Icon`,className:p&&"Icon",baseUrl:d}):r})}function t0({"data-testid":l,className:e,hasContainer:c,children:t,hasListOpen:h,isTextArea:d,inputBackground:r,inputVariant:i,validationStatus:f}){return a.jsx(n7,{"data-testid":c&&l?`${l}.Wrapper`:l,className:O(c&&e?"Wrapper":e,{Open:h}),$isTextArea:d,$inputBackground:r,$inputVariant:i,$validationStatus:f,children:t})}const I0=n.forwardRef(({"data-testid":l,className:e,children:c,direction:t="down",inputBackground:h,validationStatus:d,isOpen:r,inputVariant:i},f)=>a.jsx(v7,{"data-testid":l&&`${l}.ListInput`,className:O({ListInput:e},{Open:r}),ref:f,$direction:t,$inputBackground:h,$validationStatus:d,$inputVariant:i,children:c})),l0=n.forwardRef(({"data-testid":l,className:e,validationStatus:c,inputBackground:t,children:h,isActive:d,onClick:r,readOnly:i,isHovered:f,...o},p)=>a.jsx(M7,{"data-testid":l&&`${l}.ListItem`,ref:p,className:O({ListItem:e},{Active:d},{Hovered:f}),onClick:r,$readOnly:i,$validationStatus:c,$inputBackground:t,...o,children:h}));function B2({"data-testid":l,className:e,prefix:c,inputBackground:t}){return c?a.jsx(k7,{"data-testid":l&&`${l}.Prefix`,className:e&&"Prefix",$inputBackground:t,children:c}):null}function Fe({"data-testid":l,className:e,suffix:c,inputBackground:t}){return c?a.jsx(b7,{"data-testid":l&&`${l}.Suffix`,className:e&&"Suffix",$inputBackground:t,children:c}):null}const L2=n.forwardRef(({"data-testid":l,className:e,children:c,disabled:t},h)=>a.jsx(s7,{"data-testid":l&&`${l}.LeftContainer`,ref:h,className:e&&"LeftContainer",$disabled:t,children:c})),N0=n.forwardRef(({"data-testid":l,className:e,children:c,hasListOpen:t,isParent:h,inputAndListContainerStyle:d},r)=>a.jsx(u7,{"data-testid":l&&(h?l:`${l}.InputAndListContainer`),className:O({InputAndListContainer:e&&!h},{Open:t},h&&e),ref:r,style:d,children:c})),H7=n.forwardRef(({"data-testid":l,as:e,children:c,id:t,label:h,labelComment:d,helper:r,helperBottom:i,validation:f,counter:o,maxLength:p,value:z,className:v,hasListOpen:k,style:b,iconBaseUrl:M,...C},x)=>a.jsxs(w7,{"data-testid":l,ref:x,as:e,className:O(v,{Open:k}),style:b,...C,children:[(h||d)&&a.jsxs(x7,{"data-testid":l&&`${l}.Label`,className:v&&"Label",htmlFor:t,children:[h&&h,d&&a.jsxs(a.Fragment,{children:[" ",a.jsx(y7,{"data-testid":l&&`${l}.Label.Comment`,className:v&&"Comment",children:d})]})]}),r&&a.jsx(K,{"data-testid":l&&`${l}.Helper`,className:v&&"Helper",children:r}),c,i&&(typeof i=="string"||!i.icon?a.jsx(g0,{"data-testid":l&&`${l}.HelperBottom`,className:v&&"HelperBottom",color:typeof i=="object"&&i.textColor?i.textColor:void 0,$fontStyle:typeof i=="object"&&i.fontStyle?i.fontStyle:void 0,children:typeof i=="string"?i:i.text}):a.jsxs(u3,{"data-testid":l&&`${l}.HelperBottomContainer`,className:v&&"HelperBottomContainer",children:[a.jsx(w3,{"data-testid":l&&`${l}.HelperBottom.IconContainer`,className:v&&"BottomIconContainer",children:a.jsx(c2,{"data-testid":l&&`${l}.HelperBottom.IconContainer.Icon`,className:v&&"HelperBottomIcon",icon:i.icon,color:i.iconColor||"primary",size:i.iconSize||Q2("small"),baseUrl:M})}),a.jsx(g0,{"data-testid":l&&`${l}.HelperBottom.Text`,className:v&&"HelperBottomText",color:i.textColor?i.textColor:void 0,$fontStyle:i.fontStyle?i.fontStyle:void 0,children:i.text})]})),o&&a.jsxs(g0,{"data-testid":l&&`${l}.Counter`,className:v&&"Counter",color:"gray",$fontStyle:"italic",children:[z.toString().length,p&&`/${p}`]}),f&&a.jsx(Ye,{"data-testid":l,className:v,validation:f})]})),Ue=`calc(${W.BODY} * ${f2.BODY} * 4 + ${L.XXS} * 2)`,D2=m.input`
+`;S([w7,x7,y7,u3,w3,g0]);function Ye({"data-testid":l,className:e,validation:c}){const{status:t,message:h,iconNotPassed:d=a.jsx(d4,{"data-testid":l&&`${l}.ValidationHelper.IconContainer.Icon`,className:e&&"ValidationIconBottom",size:Q2("small"),color:"danger"}),iconNotPassedSize:r=Q2("small"),iconPassed:i=a.jsx(p3,{"data-testid":l&&`${l}.ValidationHelper.IconContainer.Icon`,className:e&&"ValidationIconBottom",size:Q2("small"),color:"success"}),iconPassedSize:f=Q2("small"),iconBaseUrl:o}=c;return!h||!c||t===void 0?null:a.jsxs(u3,{"data-testid":l&&`${l}.ValidationHelper`,className:e&&"ValidationHelper",children:[a.jsx(w3,{"data-testid":l&&`${l}.ValidationHelper.IconContainer`,className:e&&"ValidationIconContainerBottom",children:a.jsx(c2,{"data-testid":l&&`${l}.ValidationHelper.IconContainer.Icon`,className:e&&"ValidationIconBottom",icon:t===!1?d:i,size:t===!1?r:f,color:t===!1?"danger":"success",baseUrl:o})}),a.jsx(g0,{"data-testid":l&&`${l}.ValidationHelper.Text`,className:e&&"ValidationTextBottom",children:h})]})}function I2({"data-testid":l,"aria-label":e,onClick:c,icon:t,iconSize:h=16,iconBaseUrl:d,text:r,disabled:i,inputBackground:f,validationStatus:o,className:p}){return a.jsx(z7,{"aria-label":e,"data-testid":l&&`${l}.Button`,className:p&&"InputButton",onClick:c,disabled:i,as:c?"button":"span",type:"button",$inputBackground:f,$validationStatus:o,$isSpan:!c,$disabled:i,children:t?a.jsx(c2,{icon:t,size:h,"data-testid":l&&`${l}.Button.Icon`,className:p&&"Icon",baseUrl:d}):r})}function t0({"data-testid":l,className:e,hasContainer:c,children:t,hasListOpen:h,isTextArea:d,inputBackground:r,inputVariant:i,validationStatus:f}){return a.jsx(n7,{"data-testid":c&&l?`${l}.Wrapper`:l,className:O(c&&e?"Wrapper":e,{Open:h}),$isTextArea:d,$inputBackground:r,$inputVariant:i,$validationStatus:f,children:t})}const I0=n.forwardRef(({"data-testid":l,className:e,children:c,direction:t="down",inputBackground:h,validationStatus:d,isOpen:r,inputVariant:i},f)=>a.jsx(v7,{"data-testid":l&&`${l}.ListInput`,className:O({ListInput:e},{Open:r}),ref:f,$direction:t,$inputBackground:h,$validationStatus:d,$inputVariant:i,children:c})),l0=n.forwardRef(({"data-testid":l,className:e,validationStatus:c,inputBackground:t,children:h,isActive:d,onClick:r,readOnly:i,isHovered:f,...o},p)=>a.jsx(M7,{"data-testid":l&&`${l}.ListItem`,ref:p,className:O({ListItem:e},{Active:d},{Hovered:f}),onClick:r,$readOnly:i,$validationStatus:c,$inputBackground:t,...o,children:h}));function B2({"data-testid":l,className:e,prefix:c,inputBackground:t}){return c?a.jsx(k7,{"data-testid":l&&`${l}.Prefix`,className:e&&"Prefix",$inputBackground:t,children:c}):null}function Fe({"data-testid":l,className:e,suffix:c,inputBackground:t}){return c?a.jsx(b7,{"data-testid":l&&`${l}.Suffix`,className:e&&"Suffix",$inputBackground:t,children:c}):null}const L2=n.forwardRef(({"data-testid":l,className:e,children:c,disabled:t},h)=>a.jsx(s7,{"data-testid":l&&`${l}.LeftContainer`,ref:h,className:e&&"LeftContainer",$disabled:t,children:c})),N0=n.forwardRef(({"data-testid":l,className:e,children:c,hasListOpen:t,isParent:h,inputAndListContainerStyle:d},r)=>a.jsx(u7,{"data-testid":l&&(h?l:`${l}.InputAndListContainer`),className:O({InputAndListContainer:e&&!h},{Open:t},h&&e),ref:r,style:d,children:c})),H7=n.forwardRef(({"data-testid":l,as:e,children:c,id:t,label:h,labelComment:d,helper:r,helperBottom:i,validation:f,counter:o,maxLength:p,value:z,className:v,hasListOpen:k,style:b,iconBaseUrl:M,...C},x)=>a.jsxs(w7,{"data-testid":l,ref:x,as:e,className:O(v,{Open:k}),style:b,...C,children:[(h||d)&&a.jsxs(x7,{"data-testid":l&&`${l}.Label`,className:v&&"Label",htmlFor:t,children:[h&&h,d&&a.jsxs(a.Fragment,{children:[" ",a.jsx(y7,{"data-testid":l&&`${l}.Label.Comment`,className:v&&"Comment",children:d})]})]}),r&&a.jsx(K,{"data-testid":l&&`${l}.Helper`,className:v&&"Helper",children:r}),c,i&&(typeof i=="string"||!i.icon?a.jsx(g0,{"data-testid":l&&`${l}.HelperBottom`,className:v&&"HelperBottom",color:typeof i=="object"&&i.textColor?i.textColor:void 0,$fontStyle:typeof i=="object"&&i.fontStyle?i.fontStyle:void 0,children:typeof i=="string"?i:i.text}):a.jsxs(u3,{"data-testid":l&&`${l}.HelperBottomContainer`,className:v&&"HelperBottomContainer",children:[a.jsx(w3,{"data-testid":l&&`${l}.HelperBottom.IconContainer`,className:v&&"BottomIconContainer",children:a.jsx(c2,{"data-testid":l&&`${l}.HelperBottom.IconContainer.Icon`,className:v&&"HelperBottomIcon",icon:i.icon,color:i.iconColor||"primary",size:i.iconSize||Q2("small"),baseUrl:M})}),a.jsx(g0,{"data-testid":l&&`${l}.HelperBottom.Text`,className:v&&"HelperBottomText",color:i.textColor?i.textColor:void 0,$fontStyle:i.fontStyle?i.fontStyle:void 0,children:i.text})]})),o&&a.jsxs(g0,{"data-testid":l&&`${l}.Counter`,className:v&&"Counter",color:"gray",$fontStyle:"italic",children:[z.toString().length,p&&`/${p}`]}),f&&a.jsx(Ye,{"data-testid":l,className:v,validation:f})]})),Ue=`calc(${W.BODY} * ${f2.BODY} * 4 + ${L.XXS} * 2)`,D2=m.input`
     ${Z2}
 
     ${({$isSelect:l})=>l&&m.css`

package/dist/index.es.js

@@ -10942,7 +10942,7 @@ function Dc({
     iconPassedSize: r = d0("small"),
     iconBaseUrl: s
   } = e;
-  return !h || !e ? null : /* @__PURE__ */ a.jsxs(
+  return !h || !e || t === void 0 ? null : /* @__PURE__ */ a.jsxs(
     R3,
     {
       "data-testid": l && `${l}.ValidationHelper`,

package/dist/index.umd.js

@@ -1709,7 +1709,7 @@ React keys must be passed directly to JSX without using spread:
     ${s.Flexbox({$inline:!0,$alignItems:"center",$justifyContent:"center"})}
 `,g0=m(X).attrs({tag:"small"})`
     font-style: ${({$fontStyle:l})=>l};
-`;I([F4,U4,Z4,f3,r3,g0]);function pc({"data-testid":l,className:c,validation:e}){const{status:t,message:h,iconNotPassed:d=a.jsx(x1,{"data-testid":l&&`${l}.ValidationHelper.IconContainer.Icon`,className:c&&"ValidationIconBottom",size:X2("small"),color:"danger"}),iconNotPassedSize:f=X2("small"),iconPassed:i=a.jsx(X0,{"data-testid":l&&`${l}.ValidationHelper.IconContainer.Icon`,className:c&&"ValidationIconBottom",size:X2("small"),color:"success"}),iconPassedSize:r=X2("small"),iconBaseUrl:o}=e;return!h||!e?null:a.jsxs(f3,{"data-testid":l&&`${l}.ValidationHelper`,className:c&&"ValidationHelper",children:[a.jsx(r3,{"data-testid":l&&`${l}.ValidationHelper.IconContainer`,className:c&&"ValidationIconContainerBottom",children:a.jsx(a2,{"data-testid":l&&`${l}.ValidationHelper.IconContainer.Icon`,className:c&&"ValidationIconBottom",icon:t===!1?d:i,size:t===!1?f:r,color:t===!1?"danger":"success",baseUrl:o})}),a.jsx(g0,{"data-testid":l&&`${l}.ValidationHelper.Text`,className:c&&"ValidationTextBottom",children:h})]})}function E2({"data-testid":l,"aria-label":c,onClick:e,icon:t,iconSize:h=16,iconBaseUrl:d,text:f,disabled:i,inputBackground:r,validationStatus:o,className:z}){return a.jsx(V4,{"aria-label":c,"data-testid":l&&`${l}.Button`,className:z&&"InputButton",onClick:e,disabled:i,as:e?"button":"span",type:"button",$inputBackground:r,$validationStatus:o,$isSpan:!e,$disabled:i,children:t?a.jsx(a2,{icon:t,size:h,"data-testid":l&&`${l}.Button.Icon`,className:z&&"Icon",baseUrl:d}):f})}function e0({"data-testid":l,className:c,hasContainer:e,children:t,hasListOpen:h,isTextArea:d,inputBackground:f,inputVariant:i,validationStatus:r}){return a.jsx(D4,{"data-testid":e&&l?`${l}.Wrapper`:l,className:O(e&&c?"Wrapper":c,{Open:h}),$isTextArea:d,$inputBackground:f,$inputVariant:i,$validationStatus:r,children:t})}const R0=n.forwardRef(({"data-testid":l,className:c,children:e,direction:t="down",inputBackground:h,validationStatus:d,isOpen:f,inputVariant:i},r)=>a.jsx(T4,{"data-testid":l&&`${l}.ListInput`,className:O({ListInput:c},{Open:f}),ref:r,$direction:t,$inputBackground:h,$validationStatus:d,$inputVariant:i,children:e})),a0=n.forwardRef(({"data-testid":l,className:c,validationStatus:e,inputBackground:t,children:h,isActive:d,onClick:f,readOnly:i,isHovered:r,...o},z)=>a.jsx(G4,{"data-testid":l&&`${l}.ListItem`,ref:z,className:O({ListItem:c},{Active:d},{Hovered:r}),onClick:f,$readOnly:i,$validationStatus:e,$inputBackground:t,...o,children:h}));function O2({"data-testid":l,className:c,prefix:e,inputBackground:t}){return e?a.jsx(B4,{"data-testid":l&&`${l}.Prefix`,className:c&&"Prefix",$inputBackground:t,children:e}):null}function nc({"data-testid":l,className:c,suffix:e,inputBackground:t}){return e?a.jsx(P4,{"data-testid":l&&`${l}.Suffix`,className:c&&"Suffix",$inputBackground:t,children:e}):null}const $2=n.forwardRef(({"data-testid":l,className:c,children:e,disabled:t},h)=>a.jsx(I4,{"data-testid":l&&`${l}.LeftContainer`,ref:h,className:c&&"LeftContainer",$disabled:t,children:e})),L0=n.forwardRef(({"data-testid":l,className:c,children:e,hasListOpen:t,isParent:h,inputAndListContainerStyle:d},f)=>a.jsx(Y4,{"data-testid":l&&(h?l:`${l}.InputAndListContainer`),className:O({InputAndListContainer:c&&!h},{Open:t},h&&c),ref:f,style:d,children:e})),W4=n.forwardRef(({"data-testid":l,as:c,children:e,id:t,label:h,labelComment:d,helper:f,helperBottom:i,validation:r,counter:o,maxLength:z,value:p,className:v,hasListOpen:k,style:b,iconBaseUrl:g,...A},H)=>a.jsxs(F4,{"data-testid":l,ref:H,as:c,className:O(v,{Open:k}),style:b,...A,children:[(h||d)&&a.jsxs(U4,{"data-testid":l&&`${l}.Label`,className:v&&"Label",htmlFor:t,children:[h&&h,d&&a.jsxs(a.Fragment,{children:[" ",a.jsx(Z4,{"data-testid":l&&`${l}.Label.Comment`,className:v&&"Comment",children:d})]})]}),f&&a.jsx(X,{"data-testid":l&&`${l}.Helper`,className:v&&"Helper",children:f}),e,i&&(typeof i=="string"||!i.icon?a.jsx(g0,{"data-testid":l&&`${l}.HelperBottom`,className:v&&"HelperBottom",color:typeof i=="object"&&i.textColor?i.textColor:void 0,$fontStyle:typeof i=="object"&&i.fontStyle?i.fontStyle:void 0,children:typeof i=="string"?i:i.text}):a.jsxs(f3,{"data-testid":l&&`${l}.HelperBottomContainer`,className:v&&"HelperBottomContainer",children:[a.jsx(r3,{"data-testid":l&&`${l}.HelperBottom.IconContainer`,className:v&&"BottomIconContainer",children:a.jsx(a2,{"data-testid":l&&`${l}.HelperBottom.IconContainer.Icon`,className:v&&"HelperBottomIcon",icon:i.icon,color:i.iconColor||"primary",size:i.iconSize||X2("small"),baseUrl:g})}),a.jsx(g0,{"data-testid":l&&`${l}.HelperBottom.Text`,className:v&&"HelperBottomText",color:i.textColor?i.textColor:void 0,$fontStyle:i.fontStyle?i.fontStyle:void 0,children:i.text})]})),o&&a.jsxs(g0,{"data-testid":l&&`${l}.Counter`,className:v&&"Counter",color:"gray",$fontStyle:"italic",children:[p.toString().length,z&&`/${z}`]}),r&&a.jsx(pc,{"data-testid":l,className:v,validation:r})]})),vc=`calc(${W.BODY} * ${m2.BODY} * 4 + ${j.XXS} * 2)`,V2=m.input`
+`;I([F4,U4,Z4,f3,r3,g0]);function pc({"data-testid":l,className:c,validation:e}){const{status:t,message:h,iconNotPassed:d=a.jsx(x1,{"data-testid":l&&`${l}.ValidationHelper.IconContainer.Icon`,className:c&&"ValidationIconBottom",size:X2("small"),color:"danger"}),iconNotPassedSize:f=X2("small"),iconPassed:i=a.jsx(X0,{"data-testid":l&&`${l}.ValidationHelper.IconContainer.Icon`,className:c&&"ValidationIconBottom",size:X2("small"),color:"success"}),iconPassedSize:r=X2("small"),iconBaseUrl:o}=e;return!h||!e||t===void 0?null:a.jsxs(f3,{"data-testid":l&&`${l}.ValidationHelper`,className:c&&"ValidationHelper",children:[a.jsx(r3,{"data-testid":l&&`${l}.ValidationHelper.IconContainer`,className:c&&"ValidationIconContainerBottom",children:a.jsx(a2,{"data-testid":l&&`${l}.ValidationHelper.IconContainer.Icon`,className:c&&"ValidationIconBottom",icon:t===!1?d:i,size:t===!1?f:r,color:t===!1?"danger":"success",baseUrl:o})}),a.jsx(g0,{"data-testid":l&&`${l}.ValidationHelper.Text`,className:c&&"ValidationTextBottom",children:h})]})}function E2({"data-testid":l,"aria-label":c,onClick:e,icon:t,iconSize:h=16,iconBaseUrl:d,text:f,disabled:i,inputBackground:r,validationStatus:o,className:z}){return a.jsx(V4,{"aria-label":c,"data-testid":l&&`${l}.Button`,className:z&&"InputButton",onClick:e,disabled:i,as:e?"button":"span",type:"button",$inputBackground:r,$validationStatus:o,$isSpan:!e,$disabled:i,children:t?a.jsx(a2,{icon:t,size:h,"data-testid":l&&`${l}.Button.Icon`,className:z&&"Icon",baseUrl:d}):f})}function e0({"data-testid":l,className:c,hasContainer:e,children:t,hasListOpen:h,isTextArea:d,inputBackground:f,inputVariant:i,validationStatus:r}){return a.jsx(D4,{"data-testid":e&&l?`${l}.Wrapper`:l,className:O(e&&c?"Wrapper":c,{Open:h}),$isTextArea:d,$inputBackground:f,$inputVariant:i,$validationStatus:r,children:t})}const R0=n.forwardRef(({"data-testid":l,className:c,children:e,direction:t="down",inputBackground:h,validationStatus:d,isOpen:f,inputVariant:i},r)=>a.jsx(T4,{"data-testid":l&&`${l}.ListInput`,className:O({ListInput:c},{Open:f}),ref:r,$direction:t,$inputBackground:h,$validationStatus:d,$inputVariant:i,children:e})),a0=n.forwardRef(({"data-testid":l,className:c,validationStatus:e,inputBackground:t,children:h,isActive:d,onClick:f,readOnly:i,isHovered:r,...o},z)=>a.jsx(G4,{"data-testid":l&&`${l}.ListItem`,ref:z,className:O({ListItem:c},{Active:d},{Hovered:r}),onClick:f,$readOnly:i,$validationStatus:e,$inputBackground:t,...o,children:h}));function O2({"data-testid":l,className:c,prefix:e,inputBackground:t}){return e?a.jsx(B4,{"data-testid":l&&`${l}.Prefix`,className:c&&"Prefix",$inputBackground:t,children:e}):null}function nc({"data-testid":l,className:c,suffix:e,inputBackground:t}){return e?a.jsx(P4,{"data-testid":l&&`${l}.Suffix`,className:c&&"Suffix",$inputBackground:t,children:e}):null}const $2=n.forwardRef(({"data-testid":l,className:c,children:e,disabled:t},h)=>a.jsx(I4,{"data-testid":l&&`${l}.LeftContainer`,ref:h,className:c&&"LeftContainer",$disabled:t,children:e})),L0=n.forwardRef(({"data-testid":l,className:c,children:e,hasListOpen:t,isParent:h,inputAndListContainerStyle:d},f)=>a.jsx(Y4,{"data-testid":l&&(h?l:`${l}.InputAndListContainer`),className:O({InputAndListContainer:c&&!h},{Open:t},h&&c),ref:f,style:d,children:e})),W4=n.forwardRef(({"data-testid":l,as:c,children:e,id:t,label:h,labelComment:d,helper:f,helperBottom:i,validation:r,counter:o,maxLength:z,value:p,className:v,hasListOpen:k,style:b,iconBaseUrl:g,...A},H)=>a.jsxs(F4,{"data-testid":l,ref:H,as:c,className:O(v,{Open:k}),style:b,...A,children:[(h||d)&&a.jsxs(U4,{"data-testid":l&&`${l}.Label`,className:v&&"Label",htmlFor:t,children:[h&&h,d&&a.jsxs(a.Fragment,{children:[" ",a.jsx(Z4,{"data-testid":l&&`${l}.Label.Comment`,className:v&&"Comment",children:d})]})]}),f&&a.jsx(X,{"data-testid":l&&`${l}.Helper`,className:v&&"Helper",children:f}),e,i&&(typeof i=="string"||!i.icon?a.jsx(g0,{"data-testid":l&&`${l}.HelperBottom`,className:v&&"HelperBottom",color:typeof i=="object"&&i.textColor?i.textColor:void 0,$fontStyle:typeof i=="object"&&i.fontStyle?i.fontStyle:void 0,children:typeof i=="string"?i:i.text}):a.jsxs(f3,{"data-testid":l&&`${l}.HelperBottomContainer`,className:v&&"HelperBottomContainer",children:[a.jsx(r3,{"data-testid":l&&`${l}.HelperBottom.IconContainer`,className:v&&"BottomIconContainer",children:a.jsx(a2,{"data-testid":l&&`${l}.HelperBottom.IconContainer.Icon`,className:v&&"HelperBottomIcon",icon:i.icon,color:i.iconColor||"primary",size:i.iconSize||X2("small"),baseUrl:g})}),a.jsx(g0,{"data-testid":l&&`${l}.HelperBottom.Text`,className:v&&"HelperBottomText",color:i.textColor?i.textColor:void 0,$fontStyle:i.fontStyle?i.fontStyle:void 0,children:i.text})]})),o&&a.jsxs(g0,{"data-testid":l&&`${l}.Counter`,className:v&&"Counter",color:"gray",$fontStyle:"italic",children:[p.toString().length,z&&`/${z}`]}),r&&a.jsx(pc,{"data-testid":l,className:v,validation:r})]})),vc=`calc(${W.BODY} * ${m2.BODY} * 4 + ${j.XXS} * 2)`,V2=m.input`
     ${F2}
 
     ${({$isSelect:l})=>l&&m.css`

package/dist/lib/components/InputComponents/components/InputValidationHelper.tsx

@@ -50,7 +50,7 @@ export function InputValidationHelper({
         iconBaseUrl,
     } = validation
 
-    if (!message || !validation) return null
+    if (!message || !validation || status === undefined) return null
 
     return (
         <HelperBottomContainer

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@julseb-lib/react",
-    "version": "0.0.5",
+    "version": "0.0.7",
     "type": "module",
     "license": "MIT",
     "scripts": {