@progress/kendo-react-animation/Animation.js

React Animation component assists with animating HTML elements. KendoReact Animation package

/**
 * @license
 *-------------------------------------------------------------------------------------------
 * Copyright © 2025 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the package root for more information
 *-------------------------------------------------------------------------------------------
 */
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const R=require("react"),e=require("prop-types"),s=require("@progress/kendo-react-common"),C=require("./AnimationChild.js"),N=require("react-transition-group");function O(t){const i=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const n in t)if(n!=="default"){const o=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(i,n,o.get?o:{enumerable:!0,get:()=>t[n]})}}return i.default=t,Object.freeze(i)}const a=O(R),c=t=>{const{id:i,style:n,children:o,component:l="div",className:u,childFactory:d,stackChildren:A,componentChildStyle:m,componentChildClassName:p,...y}=t,b=s.useUnstyled(),r=t.unstyled||b,f=r&&r.uAnimation,h={id:i,style:n,component:l,childFactory:d,className:s.classNames(s.uAnimation.child({c:f}),u)},g=a.Children.map(o||null,q=>a.createElement(C.AnimationChild,{...y,unstyled:r,style:m,className:p},q));return a.createElement(N.TransitionGroup,{...h},g)};c.propTypes={children:e.oneOfType([e.arrayOf(e.node),e.node]),childFactory:e.any,className:e.string,component:e.string,id:e.string,style:e.any,transitionName:e.string.isRequired,appear:e.bool.isRequired,enter:e.bool.isRequired,exit:e.bool.isRequired,transitionEnterDuration:e.number.isRequired,transitionExitDuration:e.number.isRequired};exports.Animation=c;