@gsretail.com/gui-core/build/node_modules/@mui/x-date-pickers/CalendarPicker/PickersSlideTransition.js

A skeleton to create your own React component library using Rollup, TypeScript, Sass and Storybook

import t from"../../../@babel/runtime/helpers/esm/extends.js";import e from"../../../@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js";import*as i from"react";import{clsx as r}from"../../../clsx/dist/clsx.m.js";import{styled as s}from"@mui/material/styles";import{unstable_composeClasses as n}from"@mui/material";import{pickersSlideTransitionClasses as o,getPickersSlideTransitionUtilityClass as l}from"./pickersSlideTransitionClasses.js";import{jsx as a}from"react/jsx-runtime";import m from"../../../react-transition-group/esm/TransitionGroup.js";import c from"../../../react-transition-group/esm/CSSTransition.js";const d=["children","className","reduceAnimations","slideDirection","transKey"],f=350,E=s(m,{name:"PrivatePickersSlideTransition",slot:"Root",overridesResolver:(t,e)=>[e.root,{[`.${o["slideEnter-left"]}`]:e["slideEnter-left"]},{[`.${o["slideEnter-right"]}`]:e["slideEnter-right"]},{[`.${o.slideEnterActive}`]:e.slideEnterActive},{[`.${o.slideExit}`]:e.slideExit},{[`.${o["slideExitActiveLeft-left"]}`]:e["slideExitActiveLeft-left"]},{[`.${o["slideExitActiveLeft-right"]}`]:e["slideExitActiveLeft-right"]}]})((({theme:t})=>{const e=t.transitions.create("transform",{duration:350,easing:"cubic-bezier(0.35, 0.8, 0.4, 1)"});return{display:"block",position:"relative",overflowX:"hidden","& > *":{position:"absolute",top:0,right:0,left:0},[`& .${o["slideEnter-left"]}`]:{willChange:"transform",transform:"translate(100%)",zIndex:1},[`& .${o["slideEnter-right"]}`]:{willChange:"transform",transform:"translate(-100%)",zIndex:1},[`& .${o.slideEnterActive}`]:{transform:"translate(0%)",transition:e},[`& .${o.slideExit}`]:{transform:"translate(0%)"},[`& .${o["slideExitActiveLeft-left"]}`]:{willChange:"transform",transform:"translate(-100%)",transition:e,zIndex:0},[`& .${o["slideExitActiveLeft-right"]}`]:{willChange:"transform",transform:"translate(100%)",transition:e,zIndex:0}}})),p=s=>{const{children:m,className:f,reduceAnimations:p,slideDirection:x,transKey:h}=s,u=e(s,d),v=(t=>{const{classes:e}=t;return n({root:["root"]},l,e)})(s);if(p)return a("div",{className:r(v.root,f),children:m});const A={exit:o.slideExit,enterActive:o.slideEnterActive,enter:o[`slideEnter-${x}`],exitActive:o[`slideExitActiveLeft-${x}`]};return a(E,{className:r(v.root,f),childFactory:t=>i.cloneElement(t,{classNames:A}),role:"presentation",children:a(c,t({mountOnEnter:!0,unmountOnExit:!0,timeout:350,classNames:A},u,{children:m}),h)})};export{p as PickersSlideTransition,f as slideAnimationDuration};