@progress/kendo-react-animation 9.0.0-develop.2 → 9.0.0-develop.3

package/Animation.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const q=require("react"),e=require("prop-types"),s=require("@progress/kendo-react-common"),C=require("./AnimationChild.js"),R=require("react-transition-group"),N=require("./package-metadata.js");function O(r){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const n in r)if(n!=="default"){const o=Object.getOwnPropertyDescriptor(r,n);Object.defineProperty(t,n,o.get?o:{enumerable:!0,get:()=>r[n]})}}return t.default=r,Object.freeze(t)}const i=O(q),c=class c extends i.Component{constructor(t){super(t),s.validatePackage(N.packageMetadata)}render(){const{id:t,style:n,children:o,component:l,className:u,childFactory:d,stackChildren:T,componentChildStyle:p,componentChildClassName:m,...y}=this.props,h=this.context&&this.context.uAnimation,g={id:t,style:n,component:l,childFactory:d,className:s.classNames(s.uAnimation.child({c:h}),u)},b=i.Children.map(o||null,f=>i.createElement(C.AnimationChild,{...y,style:p,className:m},f));return i.createElement(R.TransitionGroup,{...g},b)}};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},c.defaultProps={component:"div"};let a=c;a.contextType=s.UnstyledContext;exports.Animation=a;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const R=require("react"),e=require("prop-types"),r=require("@progress/kendo-react-common"),C=require("./AnimationChild.js"),N=require("react-transition-group"),O=require("./package-metadata.js");function A(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 s=A(R),c=t=>{r.validatePackage(O.packageMetadata);const{id:i,style:n,children:o,component:l="div",className:u,childFactory:d,stackChildren:T,componentChildStyle:m,componentChildClassName:y,...p}=t,g=r.useUnstyled()||t.unstyled,a=t.unstyled||g,b=a&&a.uAnimation,f={id:i,style:n,component:l,childFactory:d,className:r.classNames(r.uAnimation.child({c:b}),u)},h=s.Children.map(o||null,q=>s.createElement(C.AnimationChild,{...p,unstyled:a,style:m,className:y},q));return s.createElement(N.TransitionGroup,{...f},h)};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;

package/Animation.mjs

@@ -6,70 +6,48 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-import * as e from "react";
-import t from "prop-types";
-import { validatePackage as x, classNames as C, uAnimation as N, UnstyledContext as R } from "@progress/kendo-react-common";
-import { AnimationChild as g } from "./AnimationChild.mjs";
-import { TransitionGroup as q } from "react-transition-group";
-import { packageMetadata as b } from "./package-metadata.mjs";
-const o = class o extends e.Component {
-  constructor(n) {
-    super(n), x(b);
-  }
-  /**
-   * @hidden
-   */
-  render() {
-    const {
-      id: n,
-      style: i,
-      children: s,
-      component: a,
-      className: c,
-      childFactory: l,
-      stackChildren: T,
-      componentChildStyle: m,
-      componentChildClassName: p,
-      ...d
-    } = this.props, u = this.context && this.context.uAnimation, h = {
-      id: n,
-      style: i,
-      component: a,
-      childFactory: l,
-      className: C(N.child({ c: u }), c)
-    }, y = e.Children.map(s || null, (f) => /* @__PURE__ */ e.createElement(
-      g,
-      {
-        ...d,
-        style: m,
-        className: p
-      },
-      f
-    ));
-    return /* @__PURE__ */ e.createElement(q, { ...h }, y);
-  }
+import * as i from "react";
+import e from "prop-types";
+import { validatePackage as R, useUnstyled as g, classNames as q, uAnimation as C } from "@progress/kendo-react-common";
+import { AnimationChild as b } from "./AnimationChild.mjs";
+import { TransitionGroup as A } from "react-transition-group";
+import { packageMetadata as x } from "./package-metadata.mjs";
+const E = (t) => {
+  R(x);
+  const {
+    id: o,
+    style: r,
+    children: s,
+    component: a = "div",
+    className: l,
+    childFactory: c,
+    stackChildren: T,
+    componentChildStyle: m,
+    componentChildClassName: d,
+    ...u
+  } = t, p = g() || t.unstyled, n = t.unstyled || p, y = n && n.uAnimation, h = {
+    id: o,
+    style: r,
+    component: a,
+    childFactory: c,
+    className: q(C.child({ c: y }), l)
+  }, f = i.Children.map(s || null, (N) => /* @__PURE__ */ i.createElement(b, { ...u, unstyled: n, style: m, className: d }, N));
+  return /* @__PURE__ */ i.createElement(A, { ...h }, f);
 };
-o.propTypes = {
-  children: t.oneOfType([
-    t.arrayOf(t.node),
-    t.node
-  ]),
-  childFactory: t.any,
-  className: t.string,
-  component: t.string,
-  id: t.string,
-  style: t.any,
-  transitionName: t.string.isRequired,
-  appear: t.bool.isRequired,
-  enter: t.bool.isRequired,
-  exit: t.bool.isRequired,
-  transitionEnterDuration: t.number.isRequired,
-  transitionExitDuration: t.number.isRequired
-}, o.defaultProps = {
-  component: "div"
+E.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
 };
-let r = o;
-r.contextType = R;
 export {
-  r as Animation
+  E as Animation
 };

package/AnimationChild.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const $=require("react"),e=require("prop-types"),t=require("@progress/kendo-react-common"),w=require("react-transition-group");function z(a){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(a){for(const i in a)if(i!=="default"){const s=Object.getOwnPropertyDescriptor(a,i);Object.defineProperty(r,i,s.get?s:{enumerable:!0,get:()=>a[i]})}}return r.default=a,Object.freeze(r)}const l=z($),c=class c extends l.Component{constructor(){super(...arguments),this.elementRef=l.createRef()}get element(){return this.elementRef.current}render(){const{children:r,style:i,appear:s,enter:b,exit:S,transitionName:o,transitionEnterDuration:u,transitionExitDuration:d,className:v,onEnter:E,onEntering:p,onEntered:x,onExit:g,onExiting:f,onExited:y,onAfterExited:h,mountOnEnter:A,unmountOnExit:N,animationEnteringStyle:O,animationEnteredStyle:R,animationExitingStyle:j,animationExitedStyle:D,...T}=this.props,n=this.context&&this.context.uAnimation,q=t.classNames(v,t.uAnimation.childContainer({c:n})),P={transitionDelay:"0ms",...i},C={entering:{transitionDuration:`${u}ms`,...O},entered:{...R},exiting:{transitionDuration:`${d}ms`,...j},exited:{...D}},k={in:this.props.in,appear:s,enter:b,exit:S,mountOnEnter:A,unmountOnExit:N,timeout:{enter:u,exit:d},onEnter:()=>{E&&E.call(void 0,{animatedElement:this.element,target:this})},onEntering:()=>{p&&p.call(void 0,{animatedElement:this.element,target:this})},onEntered:()=>{x&&x.call(void 0,{animatedElement:this.element,target:this})},onExit:()=>{g&&g.call(void 0,{animatedElement:this.element,target:this})},onExiting:()=>{f&&f.call(void 0,{animatedElement:this.element,target:this})},onExited:()=>{h&&h.call(void 0,{animatedElement:this.element,target:this}),y&&y.call(void 0,{animatedElement:this.element,target:this})},classNames:{appear:t.classNames(t.uAnimation.appear({c:n,transitionName:o})),appearActive:t.classNames(t.uAnimation.appearActive({c:n,transitionName:o})),enter:t.classNames(t.uAnimation.enter({c:n,transitionName:o})),enterActive:t.classNames(t.uAnimation.enterActive({c:n,transitionName:o})),exit:t.classNames(t.uAnimation.exit({c:n,transitionName:o})),exitActive:t.classNames(t.uAnimation.exitActive({c:n,transitionName:o}))}};return l.createElement(w.CSSTransition,{...k,...T,nodeRef:this.elementRef},M=>l.createElement("div",{style:{...P,...C[M]},className:q,ref:this.elementRef},r))}};c.propTypes={in:e.bool,children:e.oneOfType([e.arrayOf(e.node),e.node]),transitionName:e.string.isRequired,className:e.string,appear:e.bool,enter:e.bool,exit:e.bool,transitionEnterDuration:e.number.isRequired,transitionExitDuration:e.number.isRequired,mountOnEnter:e.bool,unmountOnExit:e.bool,animationEnteringStyle:e.object,animationEnteredStyle:e.object,animationExitingStyle:e.object,animationExitedStyle:e.object},c.defaultProps={mountOnEnter:!0,unmountOnExit:!1,onEnter:t.noop,onEntering:t.noop,onEntered:t.noop,onExit:t.noop,onExiting:t.noop,onExited:t.noop,onAfterExited:t.noop,animationEnteringStyle:{},animationEnteredStyle:{},animationExitingStyle:{},animationExitedStyle:{}};let m=c;m.contextType=t.UnstyledContext;exports.AnimationChild=m;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const G=require("react"),t=require("prop-types"),n=require("@progress/kendo-react-common"),B=require("react-transition-group");function F(r){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const e in r)if(e!=="default"){const m=Object.getOwnPropertyDescriptor(r,e);Object.defineProperty(s,e,m.get?m:{enumerable:!0,get:()=>r[e]})}}return s.default=r,Object.freeze(s)}const c=F(G),d=c.forwardRef((r,s)=>{const e=c.useRef(null),{mountOnEnter:m=i.mountOnEnter,unmountOnExit:O=i.unmountOnExit,onEnter:E=i.onEnter,onEntering:x=i.onEntering,onEntered:g=i.onEntered,onExit:f=i.onExit,onExiting:p=i.onExiting,onExited:y=i.onExited,onAfterExited:S=i.onAfterExited,animationEnteringStyle:R=i.animationEnteringStyle,animationEnteredStyle:j=i.animationEnteredStyle,animationExitingStyle:D=i.animationExitingStyle,animationExitedStyle:h=i.animationExitedStyle,children:C,style:T,appear:q,enter:P,exit:_,transitionName:u,transitionEnterDuration:A,transitionExitDuration:b,className:k,unstyled:v,...w}=r,H={transitionDelay:"0ms",...T},l=v&&v.uAnimation,I=n.classNames(k,n.uAnimation.childContainer({c:l})),o=c.useRef({element:e.current,props:r}),a=c.useRef(null);c.useImperativeHandle(a,()=>({element:e.current,props:r})),c.useImperativeHandle(s,()=>a.current,[]);const M={entering:{transitionDuration:`${A}ms`,...R},entered:{...j},exiting:{transitionDuration:`${b}ms`,...D},exited:{...h}},$={in:r.in,appear:q,enter:P,exit:_,mountOnEnter:m,unmountOnExit:O,timeout:{enter:A,exit:b},onEnter:()=>{E&&E.call(void 0,{animatedElement:e.current,target:a.current||o.current})},onEntering:()=>{x&&x.call(void 0,{animatedElement:e.current,target:a.current||o.current})},onEntered:()=>{g&&g.call(void 0,{animatedElement:e.current,target:a.current||o.current})},onExit:()=>{f&&f.call(void 0,{animatedElement:e.current,target:a.current||o.current})},onExiting:()=>{p&&p.call(void 0,{animatedElement:e.current,target:a.current||o.current})},onExited:()=>{S&&S.call(void 0,{animatedElement:e.current,target:a.current||o.current}),y&&y.call(void 0,{animatedElement:e.current,target:a.current||o.current})},classNames:{appear:n.classNames(n.uAnimation.appear({c:l,transitionName:u})),appearActive:n.classNames(n.uAnimation.appearActive({c:l,transitionName:u})),enter:n.classNames(n.uAnimation.enter({c:l,transitionName:u})),enterActive:n.classNames(n.uAnimation.enterActive({c:l,transitionName:u})),exit:n.classNames(n.uAnimation.exit({c:l,transitionName:u})),exitActive:n.classNames(n.uAnimation.exitActive({c:l,transitionName:u}))}};return c.createElement(B.CSSTransition,{...$,...w,nodeRef:e},z=>c.createElement("div",{style:{...H,...M[z]},className:I,ref:N=>{e.current=N,o.current.element=N}},C))}),i={mountOnEnter:!0,unmountOnExit:!1,onEnter:n.noop,onEntering:n.noop,onEntered:n.noop,onExit:n.noop,onExiting:n.noop,onExited:n.noop,onAfterExited:n.noop,animationEnteringStyle:{},animationEnteredStyle:{},animationExitingStyle:{},animationExitedStyle:{}};d.displayName="AnimationChild";d.propTypes={in:t.bool,children:t.oneOfType([t.arrayOf(t.node),t.node]),transitionName:t.string.isRequired,className:t.string,appear:t.bool,enter:t.bool,exit:t.bool,transitionEnterDuration:t.number.isRequired,transitionExitDuration:t.number.isRequired,mountOnEnter:t.bool,unmountOnExit:t.bool,animationEnteringStyle:t.object,animationEnteredStyle:t.object,animationExitingStyle:t.object,animationExitedStyle:t.object};exports.AnimationChild=d;

package/AnimationChild.mjs

@@ -6,114 +6,150 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-import * as r from "react";
+import * as a from "react";
 import t from "prop-types";
-import { noop as n, classNames as i, uAnimation as o, UnstyledContext as w } from "@progress/kendo-react-common";
-import { CSSTransition as z } from "react-transition-group";
-const s = class s extends r.Component {
-  constructor() {
-    super(...arguments), this.elementRef = r.createRef();
-  }
-  /**
-   * The element that is being animated.
-   */
-  get element() {
-    return this.elementRef.current;
-  }
-  /**
-   * @hidden
-   */
-  render() {
-    const {
-      children: g,
-      style: y,
-      appear: S,
-      enter: v,
-      exit: b,
-      transitionName: a,
-      transitionEnterDuration: m,
-      transitionExitDuration: c,
-      className: R,
-      onEnter: E,
-      onEntering: d,
-      onEntered: x,
-      onExit: u,
-      onExiting: p,
-      onExited: h,
-      onAfterExited: f,
-      mountOnEnter: A,
-      unmountOnExit: N,
-      animationEnteringStyle: O,
-      animationEnteredStyle: D,
-      animationExitingStyle: T,
-      animationExitedStyle: j,
-      ...q
-    } = this.props, e = this.context && this.context.uAnimation, C = i(R, o.childContainer({ c: e })), P = {
+import { classNames as l, uAnimation as m, noop as c } from "@progress/kendo-react-common";
+import { CSSTransition as K } from "react-transition-group";
+const O = a.forwardRef(
+  (E, R) => {
+    const e = a.useRef(null), {
+      mountOnEnter: N = n.mountOnEnter,
+      unmountOnExit: h = n.unmountOnExit,
+      onEnter: s = n.onEnter,
+      onEntering: d = n.onEntering,
+      onEntered: x = n.onEntered,
+      onExit: g = n.onExit,
+      onExiting: f = n.onExiting,
+      onExited: y = n.onExited,
+      onAfterExited: p = n.onAfterExited,
+      animationEnteringStyle: D = n.animationEnteringStyle,
+      animationEnteredStyle: C = n.animationEnteredStyle,
+      animationExitingStyle: T = n.animationExitingStyle,
+      animationExitedStyle: j = n.animationExitedStyle,
+      children: q,
+      style: P,
+      appear: H,
+      enter: I,
+      exit: $,
+      transitionName: u,
+      transitionEnterDuration: S,
+      transitionExitDuration: v,
+      className: w,
+      unstyled: A,
+      ...k
+    } = E, z = {
       transitionDelay: "0ms",
-      ...y
-    }, $ = {
-      entering: { transitionDuration: `${m}ms`, ...O },
-      entered: { ...D },
-      exiting: { transitionDuration: `${c}ms`, ...T },
+      ...P
+    }, o = A && A.uAnimation, B = l(w, m.childContainer({ c: o })), r = a.useRef({
+      element: e.current,
+      props: E
+    }), i = a.useRef(null);
+    a.useImperativeHandle(i, () => ({
+      element: e.current,
+      props: E
+    })), a.useImperativeHandle(
+      R,
+      () => i.current,
+      []
+    );
+    const F = {
+      entering: { transitionDuration: `${S}ms`, ...D },
+      entered: { ...C },
+      exiting: { transitionDuration: `${v}ms`, ...T },
       exited: { ...j }
-    }, U = {
-      in: this.props.in,
-      appear: S,
-      enter: v,
-      exit: b,
-      mountOnEnter: A,
-      unmountOnExit: N,
+    }, G = {
+      in: E.in,
+      appear: H,
+      enter: I,
+      exit: $,
+      mountOnEnter: N,
+      unmountOnExit: h,
       timeout: {
-        enter: m,
-        exit: c
+        enter: S,
+        exit: v
       },
       onEnter: () => {
-        E && E.call(void 0, { animatedElement: this.element, target: this });
+        s && s.call(void 0, {
+          animatedElement: e.current,
+          target: i.current || r.current
+        });
       },
       onEntering: () => {
-        d && d.call(void 0, { animatedElement: this.element, target: this });
+        d && d.call(void 0, {
+          animatedElement: e.current,
+          target: i.current || r.current
+        });
       },
       onEntered: () => {
-        x && x.call(void 0, { animatedElement: this.element, target: this });
+        x && x.call(void 0, {
+          animatedElement: e.current,
+          target: i.current || r.current
+        });
       },
       onExit: () => {
-        u && u.call(void 0, { animatedElement: this.element, target: this });
+        g && g.call(void 0, {
+          animatedElement: e.current,
+          target: i.current || r.current
+        });
       },
       onExiting: () => {
-        p && p.call(void 0, { animatedElement: this.element, target: this });
+        f && f.call(void 0, {
+          animatedElement: e.current,
+          target: i.current || r.current
+        });
       },
       onExited: () => {
-        f && f.call(void 0, { animatedElement: this.element, target: this }), h && h.call(void 0, { animatedElement: this.element, target: this });
+        p && p.call(void 0, {
+          animatedElement: e.current,
+          target: i.current || r.current
+        }), y && y.call(void 0, {
+          animatedElement: e.current,
+          target: i.current || r.current
+        });
       },
       classNames: {
-        appear: i(o.appear({ c: e, transitionName: a })),
-        appearActive: i(o.appearActive({ c: e, transitionName: a })),
-        enter: i(o.enter({ c: e, transitionName: a })),
-        enterActive: i(o.enterActive({ c: e, transitionName: a })),
-        exit: i(o.exit({ c: e, transitionName: a })),
-        exitActive: i(o.exitActive({ c: e, transitionName: a }))
+        appear: l(m.appear({ c: o, transitionName: u })),
+        appearActive: l(m.appearActive({ c: o, transitionName: u })),
+        enter: l(m.enter({ c: o, transitionName: u })),
+        enterActive: l(m.enterActive({ c: o, transitionName: u })),
+        exit: l(m.exit({ c: o, transitionName: u })),
+        exitActive: l(m.exitActive({ c: o, transitionName: u }))
       }
     };
-    return /* @__PURE__ */ r.createElement(z, { ...U, ...q, nodeRef: this.elementRef }, (k) => /* @__PURE__ */ r.createElement(
+    return /* @__PURE__ */ a.createElement(K, { ...G, ...k, nodeRef: e }, (J) => /* @__PURE__ */ a.createElement(
       "div",
       {
         style: {
-          ...P,
-          ...$[k]
+          ...z,
+          ...F[J]
         },
-        className: C,
-        ref: this.elementRef
+        className: B,
+        ref: (b) => {
+          e.current = b, r.current.element = b;
+        }
       },
-      g
+      q
     ));
   }
+), n = {
+  mountOnEnter: !0,
+  unmountOnExit: !1,
+  onEnter: c,
+  onEntering: c,
+  onEntered: c,
+  onExit: c,
+  onExiting: c,
+  onExited: c,
+  onAfterExited: c,
+  animationEnteringStyle: {},
+  animationEnteredStyle: {},
+  animationExitingStyle: {},
+  animationExitedStyle: {}
 };
-s.propTypes = {
+O.displayName = "AnimationChild";
+O.propTypes = {
   in: t.bool,
-  children: t.oneOfType([
-    t.arrayOf(t.node),
-    t.node
-  ]),
+  children: t.oneOfType([t.arrayOf(t.node), t.node]),
   transitionName: t.string.isRequired,
   className: t.string,
   appear: t.bool,
@@ -127,23 +163,7 @@ s.propTypes = {
   animationEnteredStyle: t.object,
   animationExitingStyle: t.object,
   animationExitedStyle: t.object
-}, s.defaultProps = {
-  mountOnEnter: !0,
-  unmountOnExit: !1,
-  onEnter: n,
-  onEntering: n,
-  onEntered: n,
-  onExit: n,
-  onExiting: n,
-  onExited: n,
-  onAfterExited: n,
-  animationEnteringStyle: {},
-  animationEnteredStyle: {},
-  animationExitingStyle: {},
-  animationExitedStyle: {}
 };
-let l = s;
-l.contextType = w;
 export {
-  l as AnimationChild
+  O as AnimationChild
 };

package/Expand.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react"),e=require("prop-types"),u=require("./Animation.js");function p(n){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const t in n)if(t!=="default"){const i=Object.getOwnPropertyDescriptor(n,t);Object.defineProperty(r,t,i.get?i:{enumerable:!0,get:()=>n[t]})}}return r.default=n,Object.freeze(r)}const c=p(l),o=class o extends c.Component{render(){const{direction:r,children:t,...i}=this.props,s={transitionName:`expand-${r}`};return c.createElement(u.Animation,{...s,...i},t)}};o.propTypes={children:e.oneOfType([e.arrayOf(e.node),e.node]),childFactory:e.any,className:e.string,direction:e.oneOf(["horizontal","vertical"]),component:e.string,id:e.string,style:e.any},o.defaultProps={appear:!1,enter:!0,exit:!0,transitionEnterDuration:300,transitionExitDuration:300,direction:"vertical"};let a=o;exports.Expand=a;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("react"),t=require("prop-types"),y=require("./Animation.js");function m(e){const i=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const o=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(i,n,o.get?o:{enumerable:!0,get:()=>e[n]})}}return i.default=e,Object.freeze(i)}const g=m(f),a=e=>{const{appear:i=r.appear,enter:n=r.enter,exit:o=r.exit,transitionEnterDuration:c=r.transitionEnterDuration,transitionExitDuration:s=r.transitionExitDuration,direction:u=r.direction,children:p,...l}=e,d={transitionName:`expand-${u}`};return g.createElement(y.Animation,{...d,appear:i,enter:n,exit:o,transitionEnterDuration:c,transitionExitDuration:s,...l},p)},r={appear:!1,enter:!0,exit:!0,transitionEnterDuration:300,transitionExitDuration:300,direction:"vertical"};a.propTypes={children:t.oneOfType([t.arrayOf(t.node),t.node]),childFactory:t.any,className:t.string,direction:t.oneOf(["horizontal","vertical"]),component:t.string,id:t.string,style:t.any};exports.Expand=a;

package/Expand.mjs

@@ -6,39 +6,36 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-import * as r from "react";
+import * as m from "react";
 import t from "prop-types";
-import { Animation as c } from "./Animation.mjs";
-const e = class e extends r.Component {
-  /**
-   * @hidden
-   */
-  render() {
-    const {
-      direction: n,
-      children: o,
-      ...a
-    } = this.props, s = {
-      transitionName: `expand-${n}`
-    };
-    return /* @__PURE__ */ r.createElement(c, { ...s, ...a }, o);
-  }
-};
-e.propTypes = {
-  children: t.oneOfType([
-    t.arrayOf(t.node),
-    t.node
-  ]),
-  childFactory: t.any,
-  className: t.string,
-  direction: t.oneOf([
-    "horizontal",
-    "vertical"
-  ]),
-  component: t.string,
-  id: t.string,
-  style: t.any
-}, e.defaultProps = {
+import { Animation as u } from "./Animation.mjs";
+const x = (r) => {
+  const {
+    appear: i = n.appear,
+    enter: e = n.enter,
+    exit: o = n.exit,
+    transitionEnterDuration: a = n.transitionEnterDuration,
+    transitionExitDuration: s = n.transitionExitDuration,
+    direction: p = n.direction,
+    children: c,
+    ...d
+  } = r, l = {
+    transitionName: `expand-${p}`
+  };
+  return /* @__PURE__ */ m.createElement(
+    u,
+    {
+      ...l,
+      appear: i,
+      enter: e,
+      exit: o,
+      transitionEnterDuration: a,
+      transitionExitDuration: s,
+      ...d
+    },
+    c
+  );
+}, n = {
   appear: !1,
   enter: !0,
   exit: !0,
@@ -46,7 +43,15 @@ e.propTypes = {
   transitionExitDuration: 300,
   direction: "vertical"
 };
-let i = e;
+x.propTypes = {
+  children: t.oneOfType([t.arrayOf(t.node), t.node]),
+  childFactory: t.any,
+  className: t.string,
+  direction: t.oneOf(["horizontal", "vertical"]),
+  component: t.string,
+  id: t.string,
+  style: t.any
+};
 export {
-  i as Expand
+  x as Expand
 };

package/Fade.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react"),e=require("prop-types"),l=require("./Animation.js");function u(n){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const t in n)if(t!=="default"){const o=Object.getOwnPropertyDescriptor(n,t);Object.defineProperty(r,t,o.get?o:{enumerable:!0,get:()=>n[t]})}}return r.default=n,Object.freeze(r)}const s=u(c),i=class i extends s.Component{render(){const{children:r,...t}=this.props,o={transitionName:"fade"};return s.createElement(l.Animation,{...o,...t},r)}};i.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},i.defaultProps={appear:!1,enter:!0,exit:!1,transitionEnterDuration:500,transitionExitDuration:500};let a=i;exports.Fade=a;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react"),t=require("prop-types"),f=require("./Animation.js");function y(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const a=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(r,n,a.get?a:{enumerable:!0,get:()=>e[n]})}}return r.default=e,Object.freeze(r)}const m=y(d),o=e=>{const{appear:r=i.appear,enter:n=i.enter,exit:a=i.exit,transitionEnterDuration:s=i.transitionEnterDuration,transitionExitDuration:c=i.transitionExitDuration,children:u,...l}=e,p={transitionName:"fade"};return m.createElement(f.Animation,{...p,appear:r,enter:n,exit:a,transitionEnterDuration:s,transitionExitDuration:c,...l},u)},i={appear:!1,enter:!0,exit:!1,transitionEnterDuration:500,transitionExitDuration:500};o.propTypes={children:t.oneOfType([t.arrayOf(t.node),t.node]),childFactory:t.any,className:t.string,component:t.string,id:t.string,style:t.any};exports.Fade=o;

package/Fade.mjs

@@ -6,41 +6,49 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-import * as r from "react";
+import * as l from "react";
 import t from "prop-types";
-import { Animation as a } from "./Animation.mjs";
-const n = class n extends r.Component {
-  /**
-   * @hidden
-   */
-  render() {
-    const {
-      children: i,
-      ...o
-    } = this.props, s = {
-      transitionName: "fade"
-    };
-    return /* @__PURE__ */ r.createElement(a, { ...s, ...o }, i);
-  }
+import { Animation as u } from "./Animation.mjs";
+const d = (r) => {
+  const {
+    appear: e = n.appear,
+    enter: i = n.enter,
+    exit: a = n.exit,
+    transitionEnterDuration: o = n.transitionEnterDuration,
+    transitionExitDuration: s = n.transitionExitDuration,
+    children: p,
+    ...c
+  } = r, m = {
+    transitionName: "fade"
+  };
+  return /* @__PURE__ */ l.createElement(
+    u,
+    {
+      ...m,
+      appear: e,
+      enter: i,
+      exit: a,
+      transitionEnterDuration: o,
+      transitionExitDuration: s,
+      ...c
+    },
+    p
+  );
+}, n = {
+  appear: !1,
+  enter: !0,
+  exit: !1,
+  transitionEnterDuration: 500,
+  transitionExitDuration: 500
 };
-n.propTypes = {
-  children: t.oneOfType([
-    t.arrayOf(t.node),
-    t.node
-  ]),
+d.propTypes = {
+  children: t.oneOfType([t.arrayOf(t.node), t.node]),
   childFactory: t.any,
   className: t.string,
   component: t.string,
   id: t.string,
   style: t.any
-}, n.defaultProps = {
-  appear: !1,
-  enter: !0,
-  exit: !1,
-  transitionEnterDuration: 500,
-  transitionExitDuration: 500
 };
-let e = n;
 export {
-  e as Fade
+  d as Fade
 };

package/Push.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react"),t=require("prop-types"),l=require("./Animation.js");function p(n){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const e in n)if(e!=="default"){const i=Object.getOwnPropertyDescriptor(n,e);Object.defineProperty(r,e,i.get?i:{enumerable:!0,get:()=>n[e]})}}return r.default=n,Object.freeze(r)}const s=p(c),d={position:"absolute",top:"0",left:"0"},o=class o extends s.Component{render(){const{children:r,direction:e,...i}=this.props;return s.createElement(l.Animation,{...i,transitionName:`push-${e}`,animationExitingStyle:this.props.stackChildren?d:void 0},r)}};o.propTypes={children:t.oneOfType([t.arrayOf(t.node),t.node]),childFactory:t.any,className:t.string,direction:t.oneOf(["up","down","left","right"]),component:t.string,id:t.string,style:t.any,stackChildren:t.bool},o.defaultProps={appear:!1,enter:!0,exit:!0,transitionEnterDuration:300,transitionExitDuration:300,direction:"right",stackChildren:!1};let a=o;exports.Push=a;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("react"),t=require("prop-types"),h=require("./Animation.js");function y(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const i in e)if(i!=="default"){const o=Object.getOwnPropertyDescriptor(e,i);Object.defineProperty(r,i,o.get?o:{enumerable:!0,get:()=>e[i]})}}return r.default=e,Object.freeze(r)}const g=y(f),m={position:"absolute",top:"0",left:"0"},a=e=>{const{appear:r=n.appear,enter:i=n.enter,exit:o=n.exit,transitionEnterDuration:s=n.transitionEnterDuration,transitionExitDuration:c=n.transitionExitDuration,stackChildren:l=n.stackChildren,direction:u=n.direction,children:d,...p}=e;return g.createElement(h.Animation,{appear:r,enter:i,exit:o,transitionEnterDuration:s,transitionExitDuration:c,stackChildren:l,...p,transitionName:`push-${u}`,animationExitingStyle:e.stackChildren?m:void 0},d)},n={appear:!1,enter:!0,exit:!0,transitionEnterDuration:300,transitionExitDuration:300,direction:"right",stackChildren:!1};a.propTypes={children:t.oneOfType([t.arrayOf(t.node),t.node]),childFactory:t.any,className:t.string,direction:t.oneOf(["up","down","left","right"]),component:t.string,id:t.string,style:t.any,stackChildren:t.bool};exports.Push=a;