ponchojs
Version:
Poncho
3 lines (2 loc) • 954 B
JavaScript
;Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./emotion-react-jsx-runtime.esm-1fb36074.js"),s=require("@material-ui/styles"),i=require("react"),t=require("./useFormContext-33c167b2.js");require("./tslib.es6-ca8de689.js");const r=i.createContext(""),o=s=>{var{children:i,id:s}=s;return e.jsx(r.Provider,Object.assign({value:s},{children:i}),void 0)},a=s.makeStyles((()=>({root:({isVisible:e})=>({visibility:e?"visible":"hidden",opacity:e?1:0,transform:e?"scaleY(1)":"scaleY(0)",transition:"all 0.5s linear",position:e?"static":"absolute"})})));exports.FormStep=s=>{const{children:r,id:n}=s,{actualStep:c,steps:l}=t.useFormContext(),u=t.useFormActions().setStep;return i.useEffect((()=>{u(n)}),[u,n]),s=i.useMemo((()=>l.indexOf(n)===c),[l,n,c]),s=a({isVisible:s}),e.jsx(o,Object.assign({id:n},{children:e.jsx("div",Object.assign({className:s.root},{children:r}),void 0)}),void 0)};
//# sourceMappingURL=formstep.js.map