ponchojs/dist/cjs/baseinput.js

Poncho

"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./emotion-react-jsx-runtime.esm-1fb36074.js"),i=require("@material-ui/styles"),l=require("classnames"),t=require("formik"),s=require("react");var a,r=(a=l)&&"object"==typeof a&&"default"in a?a:{default:a};const n=({value:i,title:l,validate:t})=>{var s=null===(s=null===(s=null==t?void 0:t.describe().tests.find((e=>"max"===e.name)))||void 0===s?void 0:s.params)||void 0===s?void 0:s.max;t=!(null==t||!t.describe().tests.find((e=>"required"===e.name)));return"string"==typeof l?`${l} ${s?`(${(null==i?void 0:i.length)||0}/${s})`:""} ${t?"*":""}`:e.jsxs("span",{children:[l,e.jsx("span",{children:` ${s?`(${(null==i?void 0:i.length)||0}/${s})`:""} ${t?"*":""}`},void 0)]},void 0)},o=s.memo((i=>{const l=t.useFormikContext().values,{children:a,help:o,labelPosition:u,id:c,title:v,validate:m,className:b,hide:h}=i,[{value:f},{touched:p,error:x}]=t.useField(c),j=!!x&&p;i=s.useMemo((()=>"function"==typeof h?h(l):h),[h,l]),i=d({hidden:i});const y=s.useCallback((i=>{var l=i=>e.jsx("p",Object.assign({className:r.default({"help-block":o,error:j,hidden:!j&&!o}),role:"alert"},{children:!i&&j?x:o}),void 0);return"top"===u&&i||"bottom"===u&&!i?l():!u&&o&&i?l(!0):u||!j||i?null:l()}),[o,x,j,u]);return e.jsxs("fieldset",Object.assign({className:r.default(b,i.fieldset,i.visibility,{"has-error":j})},{children:[v&&e.jsx("label",Object.assign({className:i.label,htmlFor:c},{children:n({title:v,validate:m,value:f})}),void 0),y(!0),a,y()]}),void 0)})),d=i.makeStyles((()=>({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"}})));exports.BaseInput=o,exports.createTitle=n;
//# sourceMappingURL=baseinput.js.map