ponchojs/dist/esm/baseinput.js

Poncho

import{j as e,a as i}from"./emotion-react-jsx-runtime.esm-991ce217.js";import{makeStyles as l}from"@material-ui/styles";import t from"classnames";import{useFormikContext as s,useField as a}from"formik";import{memo as r,useMemo as o,useCallback as n}from"react";const d=({value:l,title:t,validate:s})=>{var a=null===(a=null===(a=null==s?void 0:s.describe().tests.find((e=>"max"===e.name)))||void 0===a?void 0:a.params)||void 0===a?void 0:a.max;s=!(null==s||!s.describe().tests.find((e=>"required"===e.name)));return"string"==typeof t?`${t} ${a?`(${(null==l?void 0:l.length)||0}/${a})`:""} ${s?"*":""}`:e("span",{children:[t,i("span",{children:` ${a?`(${(null==l?void 0:l.length)||0}/${a})`:""} ${s?"*":""}`},void 0)]},void 0)},c=r((l=>{const r=s().values,{children:c,help:v,labelPosition:u,id:h,title:p,validate:b,className:f,hide:$}=l,[{value:g},{touched:y,error:j}]=a(h),x=!!j&&y;l=o((()=>"function"==typeof $?$(r):$),[$,r]),l=m({hidden:l});const N=n((e=>{var l=e=>i("p",Object.assign({className:t({"help-block":v,error:x,hidden:!x&&!v}),role:"alert"},{children:!e&&x?j:v}),void 0);return"top"===u&&e||"bottom"===u&&!e?l():!u&&v&&e?l(!0):u||!x||e?null:l()}),[v,j,x,u]);return e("fieldset",Object.assign({className:t(f,l.fieldset,l.visibility,{"has-error":x})},{children:[p&&i("label",Object.assign({className:l.label,htmlFor:h},{children:d({title:p,validate:b,value:g})}),void 0),N(!0),c,N()]}),void 0)})),m=l((()=>({visibility:({hidden:e})=>({position:e?"absolute":"static",opacity:e?0:1,visibility:e?"hidden":"visible",transition:"all 0.3s linear"}),fieldset:{textAlign:"left"},label:{userSelect:"none"}})));export{c as BaseInput,d as createTitle};
//# sourceMappingURL=baseinput.js.map