@lifesg/react-design-system 2.5.0-canary.6 → 2.5.1

package/index.js

@@ -2995,7 +2995,7 @@ object-assign
     margin-right: 0.75rem;
 `,ErrorMessageLabel=styled(ErrorMessage)`
     margin-top: 0;
-`,FormTextareaComponent=(e,t)=>{const{label:r,value:n,errorMessage:i,id:a="form-textarea","data-error-testid":o,"data-testid":s,onChange:l,layoutType:c,mobileCols:d,tabletCols:p,desktopCols:u}=e,h=__rest$1(e,["label","value","errorMessage","id","data-error-testid","data-testid","onChange","layoutType","mobileCols","tabletCols","desktopCols"]),[f,m]=useState(n);useEffect((()=>{m(n)}),[n]);return jsxs(FormWrapper,Object.assign({id:a,label:r,disabled:h.disabled,layoutType:c,mobileCols:d,tabletCols:p,desktopCols:u},{children:[jsx(TextareaBase,Object.assign({id:`${a}-base`,"data-testid":s||a,value:f,error:!!i,onChange:e=>{const t=e.target.value;h.maxLength&&t.length>h.maxLength||(m(t),e.target.value=t,l&&l(e))},ref:t},h)),jsxs(LabelContainer,{children:[i&&jsx(ErrorMessageContainer,{children:jsx(ErrorMessageLabel,Object.assign({weight:"semibold","data-testid":o||(a?`${a}-error-message`:"error-message")},{children:i}))}),h.maxLength&&jsx(TextareaCounter,{disabled:h.disabled,value:f,maxLength:h.maxLength,renderCustomCounter:h.renderCustomCounter})]})]}))},FormTextarea=React__default.forwardRef(FormTextareaComponent),Container$d=styled.div`
+`,FormTextareaComponent=(e,t)=>{const{label:r,value:n,errorMessage:i,id:a="form-textarea","data-error-testid":o,"data-testid":s,onChange:l,layoutType:c,mobileCols:d,tabletCols:p,desktopCols:u}=e,h=__rest$1(e,["label","value","errorMessage","id","data-error-testid","data-testid","onChange","layoutType","mobileCols","tabletCols","desktopCols"]),[f,m]=useState(n);useEffect((()=>{m(n)}),[n]);return jsxs(FormWrapper,Object.assign({id:a,label:r,disabled:h.disabled,layoutType:c,mobileCols:d,tabletCols:p,desktopCols:u},{children:[jsx(TextareaBase,Object.assign({id:`${a}-base`,"data-testid":s||a,value:f,error:!!i,onChange:e=>{const t=e.target.value;h.maxLength&&t.length>h.maxLength||(m(t),e.target.value=t,l&&l(e))},ref:t},h)),i||h.maxLength?jsxs(LabelContainer,{children:[i&&jsx(ErrorMessageContainer,{children:jsx(ErrorMessageLabel,Object.assign({weight:"semibold","data-testid":o||(a?`${a}-error-message`:"error-message")},{children:i}))}),h.maxLength&&jsx(TextareaCounter,{disabled:h.disabled,value:f,maxLength:h.maxLength,renderCustomCounter:h.renderCustomCounter})]}):jsx(Fragment,{})]}))},FormTextarea=React__default.forwardRef(FormTextareaComponent),Container$d=styled.div`
     position: relative;
     display: inline-flex;
     min-width: 10.375rem;