@progress/kendo-react-animation 7.2.4-develop.3 → 7.2.4-develop.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/Animation.js +8 -0
- package/Animation.mjs +79 -0
- package/AnimationChild.js +8 -0
- package/AnimationChild.mjs +152 -0
- package/Expand.js +8 -0
- package/Expand.mjs +52 -0
- package/Fade.js +8 -0
- package/Fade.mjs +46 -0
- package/Push.js +8 -0
- package/Push.mjs +62 -0
- package/Reveal.js +8 -0
- package/Reveal.mjs +117 -0
- package/Slide.js +8 -0
- package/Slide.mjs +54 -0
- package/Zoom.js +8 -0
- package/Zoom.mjs +60 -0
- package/dist/cdn/js/kendo-react-animation.js +8 -5
- package/hooks/useAnimation.js +8 -0
- package/hooks/useAnimation.mjs +36 -0
- package/index.d.mts +756 -5
- package/index.d.ts +756 -14
- package/index.js +8 -5
- package/index.mjs +25 -668
- package/package-metadata.js +8 -0
- package/package-metadata.mjs +19 -0
- package/package.json +2 -2
- package/util.js +8 -0
- package/util.mjs +126 -0
- package/Animation.d.ts +0 -86
- package/AnimationChild.d.ts +0 -93
- package/AnimationInterface.d.ts +0 -92
- package/Expand.d.ts +0 -79
- package/Fade.d.ts +0 -65
- package/Push.d.ts +0 -87
- package/Reveal.d.ts +0 -99
- package/Slide.d.ts +0 -81
- package/Zoom.d.ts +0 -85
- package/hooks/useAnimation.d.ts +0 -16
- package/package-metadata.d.ts +0 -9
- package/util.d.ts +0 -15
package/Animation.js
ADDED
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
*-------------------------------------------------------------------------------------------
|
|
4
|
+
* Copyright © 2024 Progress Software Corporation. All rights reserved.
|
|
5
|
+
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
|
+
*-------------------------------------------------------------------------------------------
|
|
7
|
+
*/
|
|
8
|
+
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const q=require("react"),e=require("prop-types"),c=require("@progress/kendo-react-common"),C=require("./AnimationChild.js"),R=require("react-transition-group"),N=require("./package-metadata.js"),O=require("./util.js");function P(r){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const n in r)if(n!=="default"){const i=Object.getOwnPropertyDescriptor(r,n);Object.defineProperty(t,n,i.get?i:{enumerable:!0,get:()=>r[n]})}}return t.default=r,Object.freeze(t)}const o=P(q),l=O.styles,a=class a extends o.Component{constructor(t){super(t),c.validatePackage(N.packageMetadata)}render(){const{id:t,style:n,children:i,component:u,className:d,childFactory:p,stackChildren:T,componentChildStyle:m,componentChildClassName:y,...g}=this.props,h={id:t,style:n,component:u,childFactory:p,className:c.classNames(l["animation-container"],l["animation-container-relative"],d)},b=o.Children.map(i||null,f=>o.createElement(C.AnimationChild,{...g,style:m,className:y},f));return o.createElement(R.TransitionGroup,{...h},b)}};a.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},a.defaultProps={component:"div"};let s=a;exports.Animation=s;
|
package/Animation.mjs
ADDED
|
@@ -0,0 +1,79 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
*-------------------------------------------------------------------------------------------
|
|
4
|
+
* Copyright © 2024 Progress Software Corporation. All rights reserved.
|
|
5
|
+
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
|
+
*-------------------------------------------------------------------------------------------
|
|
7
|
+
*/
|
|
8
|
+
"use client";
|
|
9
|
+
import * as t from "react";
|
|
10
|
+
import e from "prop-types";
|
|
11
|
+
import { validatePackage as C, classNames as N } from "@progress/kendo-react-common";
|
|
12
|
+
import { AnimationChild as R } from "./AnimationChild.mjs";
|
|
13
|
+
import { TransitionGroup as g } from "react-transition-group";
|
|
14
|
+
import { packageMetadata as q } from "./package-metadata.mjs";
|
|
15
|
+
import b from "./util.mjs";
|
|
16
|
+
const i = b.styles, r = class r extends t.Component {
|
|
17
|
+
constructor(o) {
|
|
18
|
+
super(o), C(q);
|
|
19
|
+
}
|
|
20
|
+
/**
|
|
21
|
+
* @hidden
|
|
22
|
+
*/
|
|
23
|
+
render() {
|
|
24
|
+
const {
|
|
25
|
+
id: o,
|
|
26
|
+
style: s,
|
|
27
|
+
children: a,
|
|
28
|
+
component: c,
|
|
29
|
+
className: l,
|
|
30
|
+
childFactory: m,
|
|
31
|
+
stackChildren: x,
|
|
32
|
+
componentChildStyle: p,
|
|
33
|
+
componentChildClassName: d,
|
|
34
|
+
...u
|
|
35
|
+
} = this.props, y = {
|
|
36
|
+
id: o,
|
|
37
|
+
style: s,
|
|
38
|
+
component: c,
|
|
39
|
+
childFactory: m,
|
|
40
|
+
className: N(
|
|
41
|
+
i["animation-container"],
|
|
42
|
+
i["animation-container-relative"],
|
|
43
|
+
l
|
|
44
|
+
)
|
|
45
|
+
}, h = t.Children.map(a || null, (f) => /* @__PURE__ */ t.createElement(
|
|
46
|
+
R,
|
|
47
|
+
{
|
|
48
|
+
...u,
|
|
49
|
+
style: p,
|
|
50
|
+
className: d
|
|
51
|
+
},
|
|
52
|
+
f
|
|
53
|
+
));
|
|
54
|
+
return /* @__PURE__ */ t.createElement(g, { ...y }, h);
|
|
55
|
+
}
|
|
56
|
+
};
|
|
57
|
+
r.propTypes = {
|
|
58
|
+
children: e.oneOfType([
|
|
59
|
+
e.arrayOf(e.node),
|
|
60
|
+
e.node
|
|
61
|
+
]),
|
|
62
|
+
childFactory: e.any,
|
|
63
|
+
className: e.string,
|
|
64
|
+
component: e.string,
|
|
65
|
+
id: e.string,
|
|
66
|
+
style: e.any,
|
|
67
|
+
transitionName: e.string.isRequired,
|
|
68
|
+
appear: e.bool.isRequired,
|
|
69
|
+
enter: e.bool.isRequired,
|
|
70
|
+
exit: e.bool.isRequired,
|
|
71
|
+
transitionEnterDuration: e.number.isRequired,
|
|
72
|
+
transitionExitDuration: e.number.isRequired
|
|
73
|
+
}, r.defaultProps = {
|
|
74
|
+
component: "div"
|
|
75
|
+
};
|
|
76
|
+
let n = r;
|
|
77
|
+
export {
|
|
78
|
+
n as Animation
|
|
79
|
+
};
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
*-------------------------------------------------------------------------------------------
|
|
4
|
+
* Copyright © 2024 Progress Software Corporation. All rights reserved.
|
|
5
|
+
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
|
+
*-------------------------------------------------------------------------------------------
|
|
7
|
+
*/
|
|
8
|
+
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const M=require("react"),e=require("prop-types"),n=require("@progress/kendo-react-common"),w=require("react-transition-group"),z=require("./util.js");function G(a){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(a){for(const o in a)if(o!=="default"){const s=Object.getOwnPropertyDescriptor(a,o);Object.defineProperty(r,o,s.get?s:{enumerable:!0,get:()=>a[o]})}}return r.default=a,Object.freeze(r)}const l=G(M),i=z.styles,c=class c extends l.Component{constructor(){super(...arguments),this.elementRef=l.createRef()}get element(){return this.elementRef.current}render(){const{children:r,style:o,appear:s,enter:b,exit:S,transitionName:t,transitionEnterDuration:u,transitionExitDuration:d,className:v,onEnter:E,onEntering:p,onEntered:x,onExit:g,onExiting:f,onExited:y,onAfterExited:h,mountOnEnter:O,unmountOnExit:$,animationEnteringStyle:R,animationEnteredStyle:j,animationExitingStyle:D,animationExitedStyle:N,...q}=this.props,T=n.classNames(v,i["child-animation-container"]),P={transitionDelay:"0ms",...o},A={entering:{transitionDuration:`${u}ms`,...R},entered:{...j},exiting:{transitionDuration:`${d}ms`,...D},exited:{...N}},C={in:this.props.in,appear:s,enter:b,exit:S,mountOnEnter:O,unmountOnExit:$,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:i[`${t}-appear`]||`${t}-appear`,appearActive:i[`${t}-appear-active`]||`${t}-appear-active`,enter:i[`${t}-enter`]||`${t}-enter`,enterActive:i[`${t}-enter-active`]||`${t}-enter-active`,exit:i[`${t}-exit`]||`${t}-exit`,exitActive:i[`${t}-exit-active`]||`${t}-exit-active`}};return l.createElement(w.CSSTransition,{...C,...q,nodeRef:this.elementRef},k=>l.createElement("div",{style:{...P,...A[k]},className:T,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:n.noop,onEntering:n.noop,onEntered:n.noop,onExit:n.noop,onExiting:n.noop,onExited:n.noop,onAfterExited:n.noop,animationEnteringStyle:{},animationEnteredStyle:{},animationExitingStyle:{},animationExitedStyle:{}};let m=c;exports.AnimationChild=m;
|
|
@@ -0,0 +1,152 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
*-------------------------------------------------------------------------------------------
|
|
4
|
+
* Copyright © 2024 Progress Software Corporation. All rights reserved.
|
|
5
|
+
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
|
+
*-------------------------------------------------------------------------------------------
|
|
7
|
+
*/
|
|
8
|
+
"use client";
|
|
9
|
+
import * as a from "react";
|
|
10
|
+
import t from "prop-types";
|
|
11
|
+
import { noop as n, classNames as M } from "@progress/kendo-react-common";
|
|
12
|
+
import { CSSTransition as k } from "react-transition-group";
|
|
13
|
+
import w from "./util.mjs";
|
|
14
|
+
const i = w.styles, o = class o extends a.Component {
|
|
15
|
+
constructor() {
|
|
16
|
+
super(...arguments), this.elementRef = a.createRef();
|
|
17
|
+
}
|
|
18
|
+
/**
|
|
19
|
+
* The element that is being animated.
|
|
20
|
+
*/
|
|
21
|
+
get element() {
|
|
22
|
+
return this.elementRef.current;
|
|
23
|
+
}
|
|
24
|
+
/**
|
|
25
|
+
* @hidden
|
|
26
|
+
*/
|
|
27
|
+
render() {
|
|
28
|
+
const {
|
|
29
|
+
children: f,
|
|
30
|
+
style: g,
|
|
31
|
+
appear: h,
|
|
32
|
+
enter: y,
|
|
33
|
+
exit: v,
|
|
34
|
+
transitionName: e,
|
|
35
|
+
transitionEnterDuration: r,
|
|
36
|
+
transitionExitDuration: s,
|
|
37
|
+
className: S,
|
|
38
|
+
onEnter: l,
|
|
39
|
+
onEntering: m,
|
|
40
|
+
onEntered: E,
|
|
41
|
+
onExit: c,
|
|
42
|
+
onExiting: d,
|
|
43
|
+
onExited: p,
|
|
44
|
+
onAfterExited: x,
|
|
45
|
+
mountOnEnter: $,
|
|
46
|
+
unmountOnExit: b,
|
|
47
|
+
animationEnteringStyle: R,
|
|
48
|
+
animationEnteredStyle: N,
|
|
49
|
+
animationExitingStyle: O,
|
|
50
|
+
animationExitedStyle: D,
|
|
51
|
+
...j
|
|
52
|
+
} = this.props, T = M(
|
|
53
|
+
S,
|
|
54
|
+
i["child-animation-container"]
|
|
55
|
+
), q = {
|
|
56
|
+
transitionDelay: "0ms",
|
|
57
|
+
...g
|
|
58
|
+
}, A = {
|
|
59
|
+
entering: { transitionDuration: `${r}ms`, ...R },
|
|
60
|
+
entered: { ...N },
|
|
61
|
+
exiting: { transitionDuration: `${s}ms`, ...O },
|
|
62
|
+
exited: { ...D }
|
|
63
|
+
}, P = {
|
|
64
|
+
in: this.props.in,
|
|
65
|
+
appear: h,
|
|
66
|
+
enter: y,
|
|
67
|
+
exit: v,
|
|
68
|
+
mountOnEnter: $,
|
|
69
|
+
unmountOnExit: b,
|
|
70
|
+
timeout: {
|
|
71
|
+
enter: r,
|
|
72
|
+
exit: s
|
|
73
|
+
},
|
|
74
|
+
onEnter: () => {
|
|
75
|
+
l && l.call(void 0, { animatedElement: this.element, target: this });
|
|
76
|
+
},
|
|
77
|
+
onEntering: () => {
|
|
78
|
+
m && m.call(void 0, { animatedElement: this.element, target: this });
|
|
79
|
+
},
|
|
80
|
+
onEntered: () => {
|
|
81
|
+
E && E.call(void 0, { animatedElement: this.element, target: this });
|
|
82
|
+
},
|
|
83
|
+
onExit: () => {
|
|
84
|
+
c && c.call(void 0, { animatedElement: this.element, target: this });
|
|
85
|
+
},
|
|
86
|
+
onExiting: () => {
|
|
87
|
+
d && d.call(void 0, { animatedElement: this.element, target: this });
|
|
88
|
+
},
|
|
89
|
+
onExited: () => {
|
|
90
|
+
x && x.call(void 0, { animatedElement: this.element, target: this }), p && p.call(void 0, { animatedElement: this.element, target: this });
|
|
91
|
+
},
|
|
92
|
+
classNames: {
|
|
93
|
+
appear: i[`${e}-appear`] || `${e}-appear`,
|
|
94
|
+
appearActive: i[`${e}-appear-active`] || `${e}-appear-active`,
|
|
95
|
+
enter: i[`${e}-enter`] || `${e}-enter`,
|
|
96
|
+
enterActive: i[`${e}-enter-active`] || `${e}-enter-active`,
|
|
97
|
+
exit: i[`${e}-exit`] || `${e}-exit`,
|
|
98
|
+
exitActive: i[`${e}-exit-active`] || `${e}-exit-active`
|
|
99
|
+
}
|
|
100
|
+
};
|
|
101
|
+
return /* @__PURE__ */ a.createElement(k, { ...P, ...j, nodeRef: this.elementRef }, (C) => /* @__PURE__ */ a.createElement(
|
|
102
|
+
"div",
|
|
103
|
+
{
|
|
104
|
+
style: {
|
|
105
|
+
...q,
|
|
106
|
+
...A[C]
|
|
107
|
+
},
|
|
108
|
+
className: T,
|
|
109
|
+
ref: this.elementRef
|
|
110
|
+
},
|
|
111
|
+
f
|
|
112
|
+
));
|
|
113
|
+
}
|
|
114
|
+
};
|
|
115
|
+
o.propTypes = {
|
|
116
|
+
in: t.bool,
|
|
117
|
+
children: t.oneOfType([
|
|
118
|
+
t.arrayOf(t.node),
|
|
119
|
+
t.node
|
|
120
|
+
]),
|
|
121
|
+
transitionName: t.string.isRequired,
|
|
122
|
+
className: t.string,
|
|
123
|
+
appear: t.bool,
|
|
124
|
+
enter: t.bool,
|
|
125
|
+
exit: t.bool,
|
|
126
|
+
transitionEnterDuration: t.number.isRequired,
|
|
127
|
+
transitionExitDuration: t.number.isRequired,
|
|
128
|
+
mountOnEnter: t.bool,
|
|
129
|
+
unmountOnExit: t.bool,
|
|
130
|
+
animationEnteringStyle: t.object,
|
|
131
|
+
animationEnteredStyle: t.object,
|
|
132
|
+
animationExitingStyle: t.object,
|
|
133
|
+
animationExitedStyle: t.object
|
|
134
|
+
}, o.defaultProps = {
|
|
135
|
+
mountOnEnter: !0,
|
|
136
|
+
unmountOnExit: !1,
|
|
137
|
+
onEnter: n,
|
|
138
|
+
onEntering: n,
|
|
139
|
+
onEntered: n,
|
|
140
|
+
onExit: n,
|
|
141
|
+
onExiting: n,
|
|
142
|
+
onExited: n,
|
|
143
|
+
onAfterExited: n,
|
|
144
|
+
animationEnteringStyle: {},
|
|
145
|
+
animationEnteredStyle: {},
|
|
146
|
+
animationExitingStyle: {},
|
|
147
|
+
animationExitedStyle: {}
|
|
148
|
+
};
|
|
149
|
+
let u = o;
|
|
150
|
+
export {
|
|
151
|
+
u as AnimationChild
|
|
152
|
+
};
|
package/Expand.js
ADDED
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
*-------------------------------------------------------------------------------------------
|
|
4
|
+
* Copyright © 2024 Progress Software Corporation. All rights reserved.
|
|
5
|
+
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
|
+
*-------------------------------------------------------------------------------------------
|
|
7
|
+
*/
|
|
8
|
+
"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;
|
package/Expand.mjs
ADDED
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
*-------------------------------------------------------------------------------------------
|
|
4
|
+
* Copyright © 2024 Progress Software Corporation. All rights reserved.
|
|
5
|
+
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
|
+
*-------------------------------------------------------------------------------------------
|
|
7
|
+
*/
|
|
8
|
+
"use client";
|
|
9
|
+
import * as r from "react";
|
|
10
|
+
import t from "prop-types";
|
|
11
|
+
import { Animation as c } from "./Animation.mjs";
|
|
12
|
+
const e = class e extends r.Component {
|
|
13
|
+
/**
|
|
14
|
+
* @hidden
|
|
15
|
+
*/
|
|
16
|
+
render() {
|
|
17
|
+
const {
|
|
18
|
+
direction: n,
|
|
19
|
+
children: o,
|
|
20
|
+
...a
|
|
21
|
+
} = this.props, s = {
|
|
22
|
+
transitionName: `expand-${n}`
|
|
23
|
+
};
|
|
24
|
+
return /* @__PURE__ */ r.createElement(c, { ...s, ...a }, o);
|
|
25
|
+
}
|
|
26
|
+
};
|
|
27
|
+
e.propTypes = {
|
|
28
|
+
children: t.oneOfType([
|
|
29
|
+
t.arrayOf(t.node),
|
|
30
|
+
t.node
|
|
31
|
+
]),
|
|
32
|
+
childFactory: t.any,
|
|
33
|
+
className: t.string,
|
|
34
|
+
direction: t.oneOf([
|
|
35
|
+
"horizontal",
|
|
36
|
+
"vertical"
|
|
37
|
+
]),
|
|
38
|
+
component: t.string,
|
|
39
|
+
id: t.string,
|
|
40
|
+
style: t.any
|
|
41
|
+
}, e.defaultProps = {
|
|
42
|
+
appear: !1,
|
|
43
|
+
enter: !0,
|
|
44
|
+
exit: !0,
|
|
45
|
+
transitionEnterDuration: 300,
|
|
46
|
+
transitionExitDuration: 300,
|
|
47
|
+
direction: "vertical"
|
|
48
|
+
};
|
|
49
|
+
let i = e;
|
|
50
|
+
export {
|
|
51
|
+
i as Expand
|
|
52
|
+
};
|
package/Fade.js
ADDED
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
*-------------------------------------------------------------------------------------------
|
|
4
|
+
* Copyright © 2024 Progress Software Corporation. All rights reserved.
|
|
5
|
+
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
|
+
*-------------------------------------------------------------------------------------------
|
|
7
|
+
*/
|
|
8
|
+
"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;
|
package/Fade.mjs
ADDED
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
*-------------------------------------------------------------------------------------------
|
|
4
|
+
* Copyright © 2024 Progress Software Corporation. All rights reserved.
|
|
5
|
+
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
|
+
*-------------------------------------------------------------------------------------------
|
|
7
|
+
*/
|
|
8
|
+
"use client";
|
|
9
|
+
import * as r from "react";
|
|
10
|
+
import t from "prop-types";
|
|
11
|
+
import { Animation as a } from "./Animation.mjs";
|
|
12
|
+
const n = class n extends r.Component {
|
|
13
|
+
/**
|
|
14
|
+
* @hidden
|
|
15
|
+
*/
|
|
16
|
+
render() {
|
|
17
|
+
const {
|
|
18
|
+
children: i,
|
|
19
|
+
...o
|
|
20
|
+
} = this.props, s = {
|
|
21
|
+
transitionName: "fade"
|
|
22
|
+
};
|
|
23
|
+
return /* @__PURE__ */ r.createElement(a, { ...s, ...o }, i);
|
|
24
|
+
}
|
|
25
|
+
};
|
|
26
|
+
n.propTypes = {
|
|
27
|
+
children: t.oneOfType([
|
|
28
|
+
t.arrayOf(t.node),
|
|
29
|
+
t.node
|
|
30
|
+
]),
|
|
31
|
+
childFactory: t.any,
|
|
32
|
+
className: t.string,
|
|
33
|
+
component: t.string,
|
|
34
|
+
id: t.string,
|
|
35
|
+
style: t.any
|
|
36
|
+
}, n.defaultProps = {
|
|
37
|
+
appear: !1,
|
|
38
|
+
enter: !0,
|
|
39
|
+
exit: !1,
|
|
40
|
+
transitionEnterDuration: 500,
|
|
41
|
+
transitionExitDuration: 500
|
|
42
|
+
};
|
|
43
|
+
let e = n;
|
|
44
|
+
export {
|
|
45
|
+
e as Fade
|
|
46
|
+
};
|
package/Push.js
ADDED
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
*-------------------------------------------------------------------------------------------
|
|
4
|
+
* Copyright © 2024 Progress Software Corporation. All rights reserved.
|
|
5
|
+
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
|
+
*-------------------------------------------------------------------------------------------
|
|
7
|
+
*/
|
|
8
|
+
"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;
|
package/Push.mjs
ADDED
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
*-------------------------------------------------------------------------------------------
|
|
4
|
+
* Copyright © 2024 Progress Software Corporation. All rights reserved.
|
|
5
|
+
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
|
+
*-------------------------------------------------------------------------------------------
|
|
7
|
+
*/
|
|
8
|
+
"use client";
|
|
9
|
+
import * as i from "react";
|
|
10
|
+
import t from "prop-types";
|
|
11
|
+
import { Animation as a } from "./Animation.mjs";
|
|
12
|
+
const p = { position: "absolute", top: "0", left: "0" }, e = class e extends i.Component {
|
|
13
|
+
/**
|
|
14
|
+
* @hidden
|
|
15
|
+
*/
|
|
16
|
+
render() {
|
|
17
|
+
const {
|
|
18
|
+
children: r,
|
|
19
|
+
direction: o,
|
|
20
|
+
...s
|
|
21
|
+
} = this.props;
|
|
22
|
+
return /* @__PURE__ */ i.createElement(
|
|
23
|
+
a,
|
|
24
|
+
{
|
|
25
|
+
...s,
|
|
26
|
+
transitionName: `push-${o}`,
|
|
27
|
+
animationExitingStyle: this.props.stackChildren ? p : void 0
|
|
28
|
+
},
|
|
29
|
+
r
|
|
30
|
+
);
|
|
31
|
+
}
|
|
32
|
+
};
|
|
33
|
+
e.propTypes = {
|
|
34
|
+
children: t.oneOfType([
|
|
35
|
+
t.arrayOf(t.node),
|
|
36
|
+
t.node
|
|
37
|
+
]),
|
|
38
|
+
childFactory: t.any,
|
|
39
|
+
className: t.string,
|
|
40
|
+
direction: t.oneOf([
|
|
41
|
+
"up",
|
|
42
|
+
"down",
|
|
43
|
+
"left",
|
|
44
|
+
"right"
|
|
45
|
+
]),
|
|
46
|
+
component: t.string,
|
|
47
|
+
id: t.string,
|
|
48
|
+
style: t.any,
|
|
49
|
+
stackChildren: t.bool
|
|
50
|
+
}, e.defaultProps = {
|
|
51
|
+
appear: !1,
|
|
52
|
+
enter: !0,
|
|
53
|
+
exit: !0,
|
|
54
|
+
transitionEnterDuration: 300,
|
|
55
|
+
transitionExitDuration: 300,
|
|
56
|
+
direction: "right",
|
|
57
|
+
stackChildren: !1
|
|
58
|
+
};
|
|
59
|
+
let n = e;
|
|
60
|
+
export {
|
|
61
|
+
n as Push
|
|
62
|
+
};
|
package/Reveal.js
ADDED
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
*-------------------------------------------------------------------------------------------
|
|
4
|
+
* Copyright © 2024 Progress Software Corporation. All rights reserved.
|
|
5
|
+
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
|
+
*-------------------------------------------------------------------------------------------
|
|
7
|
+
*/
|
|
8
|
+
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const x=require("react"),i=require("prop-types"),E=require("./Animation.js"),y=require("@progress/kendo-react-common"),u=require("./util.js");function W(r){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const e in r)if(e!=="default"){const n=Object.getOwnPropertyDescriptor(r,e);Object.defineProperty(t,e,n.get?n:{enumerable:!0,get:()=>r[e]})}}return t.default=r,Object.freeze(t)}const m=W(x),c=class c extends m.Component{constructor(){super(...arguments),this.state={maxHeight:void 0,maxWidth:void 0},this.componentWillEnter=t=>{const{onEnter:e,onBeforeEnter:n}=this.props;n&&n.call(void 0,t),this.updateContainerDimensions(t.animatedElement,()=>{e&&e.call(void 0,t)})},this.componentIsEntering=t=>{const{onEntering:e}=this.props;this.updateContainerDimensions(t.animatedElement,()=>{e&&e.call(void 0,t)})},this.componentWillExit=t=>{const{onExit:e}=this.props;this.updateContainerDimensions(t.animatedElement,()=>{e&&e.call(void 0,t)})},this.updateContainerDimensions=(t,e=y.noop)=>{const n=t.firstChild;if(n){const l=u.outerHeight(n),a=u.outerWidth(n);this.setState({maxHeight:l,maxWidth:a},e)}}}render(){const{direction:t,children:e,childFactory:n,...l}=this.props,{maxHeight:a,maxWidth:p}=this.state;let o;t==="vertical"?o={maxHeight:a?`${a}px`:""}:o={maxWidth:p?`${p}px`:""};const f={maxHeight:o.maxHeight,maxWidth:o.maxWidth},g=d=>{let s=n?n(d):d;return s.props.in?s:m.cloneElement(s,{...s.props,style:{...s.props.style,maxHeight:o.maxHeight,maxWidth:o.maxWidth}})};return m.createElement(E.Animation,{...l,childFactory:g,onEnter:this.componentWillEnter,onEntering:this.componentIsEntering,onExit:this.componentWillExit,animationEnteringStyle:f,transitionName:`reveal-${t}`},e)}};c.propTypes={children:i.oneOfType([i.arrayOf(i.node),i.node]),childFactory:i.any,className:i.string,direction:i.oneOf(["horizontal","vertical"]),component:i.string,id:i.string,style:i.any},c.defaultProps={appear:!1,enter:!0,exit:!0,transitionEnterDuration:300,transitionExitDuration:300,direction:"vertical"};let h=c;exports.Reveal=h;
|
package/Reveal.mjs
ADDED
|
@@ -0,0 +1,117 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
*-------------------------------------------------------------------------------------------
|
|
4
|
+
* Copyright © 2024 Progress Software Corporation. All rights reserved.
|
|
5
|
+
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
|
+
*-------------------------------------------------------------------------------------------
|
|
7
|
+
*/
|
|
8
|
+
"use client";
|
|
9
|
+
import * as c from "react";
|
|
10
|
+
import n from "prop-types";
|
|
11
|
+
import { Animation as E } from "./Animation.mjs";
|
|
12
|
+
import { noop as g } from "@progress/kendo-react-common";
|
|
13
|
+
import l from "./util.mjs";
|
|
14
|
+
const a = class a extends c.Component {
|
|
15
|
+
constructor() {
|
|
16
|
+
super(...arguments), this.state = {
|
|
17
|
+
maxHeight: void 0,
|
|
18
|
+
maxWidth: void 0
|
|
19
|
+
}, this.componentWillEnter = (t) => {
|
|
20
|
+
const { onEnter: i, onBeforeEnter: e } = this.props;
|
|
21
|
+
e && e.call(void 0, t), this.updateContainerDimensions(t.animatedElement, () => {
|
|
22
|
+
i && i.call(void 0, t);
|
|
23
|
+
});
|
|
24
|
+
}, this.componentIsEntering = (t) => {
|
|
25
|
+
const { onEntering: i } = this.props;
|
|
26
|
+
this.updateContainerDimensions(t.animatedElement, () => {
|
|
27
|
+
i && i.call(void 0, t);
|
|
28
|
+
});
|
|
29
|
+
}, this.componentWillExit = (t) => {
|
|
30
|
+
const { onExit: i } = this.props;
|
|
31
|
+
this.updateContainerDimensions(t.animatedElement, () => {
|
|
32
|
+
i && i.call(void 0, t);
|
|
33
|
+
});
|
|
34
|
+
}, this.updateContainerDimensions = (t, i = g) => {
|
|
35
|
+
const e = t.firstChild;
|
|
36
|
+
if (e) {
|
|
37
|
+
const m = l.outerHeight(e), s = l.outerWidth(e);
|
|
38
|
+
this.setState(
|
|
39
|
+
{
|
|
40
|
+
maxHeight: m,
|
|
41
|
+
maxWidth: s
|
|
42
|
+
},
|
|
43
|
+
i
|
|
44
|
+
);
|
|
45
|
+
}
|
|
46
|
+
};
|
|
47
|
+
}
|
|
48
|
+
/**
|
|
49
|
+
* @hidden
|
|
50
|
+
*/
|
|
51
|
+
render() {
|
|
52
|
+
const {
|
|
53
|
+
direction: t,
|
|
54
|
+
children: i,
|
|
55
|
+
childFactory: e,
|
|
56
|
+
...m
|
|
57
|
+
} = this.props, {
|
|
58
|
+
maxHeight: s,
|
|
59
|
+
maxWidth: h
|
|
60
|
+
} = this.state;
|
|
61
|
+
let o;
|
|
62
|
+
t === "vertical" ? o = { maxHeight: s ? `${s}px` : "" } : o = { maxWidth: h ? `${h}px` : "" };
|
|
63
|
+
const x = {
|
|
64
|
+
maxHeight: o.maxHeight,
|
|
65
|
+
maxWidth: o.maxWidth
|
|
66
|
+
}, f = (p) => {
|
|
67
|
+
let r = e ? e(p) : p;
|
|
68
|
+
return r.props.in ? r : c.cloneElement(r, {
|
|
69
|
+
...r.props,
|
|
70
|
+
style: {
|
|
71
|
+
...r.props.style,
|
|
72
|
+
maxHeight: o.maxHeight,
|
|
73
|
+
maxWidth: o.maxWidth
|
|
74
|
+
}
|
|
75
|
+
});
|
|
76
|
+
};
|
|
77
|
+
return /* @__PURE__ */ c.createElement(
|
|
78
|
+
E,
|
|
79
|
+
{
|
|
80
|
+
...m,
|
|
81
|
+
childFactory: f,
|
|
82
|
+
onEnter: this.componentWillEnter,
|
|
83
|
+
onEntering: this.componentIsEntering,
|
|
84
|
+
onExit: this.componentWillExit,
|
|
85
|
+
animationEnteringStyle: x,
|
|
86
|
+
transitionName: `reveal-${t}`
|
|
87
|
+
},
|
|
88
|
+
i
|
|
89
|
+
);
|
|
90
|
+
}
|
|
91
|
+
};
|
|
92
|
+
a.propTypes = {
|
|
93
|
+
children: n.oneOfType([
|
|
94
|
+
n.arrayOf(n.node),
|
|
95
|
+
n.node
|
|
96
|
+
]),
|
|
97
|
+
childFactory: n.any,
|
|
98
|
+
className: n.string,
|
|
99
|
+
direction: n.oneOf([
|
|
100
|
+
"horizontal",
|
|
101
|
+
"vertical"
|
|
102
|
+
]),
|
|
103
|
+
component: n.string,
|
|
104
|
+
id: n.string,
|
|
105
|
+
style: n.any
|
|
106
|
+
}, a.defaultProps = {
|
|
107
|
+
appear: !1,
|
|
108
|
+
enter: !0,
|
|
109
|
+
exit: !0,
|
|
110
|
+
transitionEnterDuration: 300,
|
|
111
|
+
transitionExitDuration: 300,
|
|
112
|
+
direction: "vertical"
|
|
113
|
+
};
|
|
114
|
+
let d = a;
|
|
115
|
+
export {
|
|
116
|
+
d as Reveal
|
|
117
|
+
};
|
package/Slide.js
ADDED
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
*-------------------------------------------------------------------------------------------
|
|
4
|
+
* Copyright © 2024 Progress Software Corporation. All rights reserved.
|
|
5
|
+
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
|
+
*-------------------------------------------------------------------------------------------
|
|
7
|
+
*/
|
|
8
|
+
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react"),e=require("prop-types"),l=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 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=p(u),i=class i extends s.Component{render(){const{direction:r,children:t,...o}=this.props,c={transitionName:`slide-${r}`};return s.createElement(l.Animation,{...c,...o},t)}};i.propTypes={children:e.oneOfType([e.arrayOf(e.node),e.node]),childFactory:e.any,className:e.string,direction:e.oneOf(["up","down","left","right"]),component:e.string,id:e.string,style:e.any},i.defaultProps={appear:!1,enter:!0,exit:!0,transitionEnterDuration:300,transitionExitDuration:300,direction:"down"};let a=i;exports.Slide=a;
|
package/Slide.mjs
ADDED
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
*-------------------------------------------------------------------------------------------
|
|
4
|
+
* Copyright © 2024 Progress Software Corporation. All rights reserved.
|
|
5
|
+
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
|
+
*-------------------------------------------------------------------------------------------
|
|
7
|
+
*/
|
|
8
|
+
"use client";
|
|
9
|
+
import * as r from "react";
|
|
10
|
+
import t from "prop-types";
|
|
11
|
+
import { Animation as p } from "./Animation.mjs";
|
|
12
|
+
const n = class n extends r.Component {
|
|
13
|
+
/**
|
|
14
|
+
* @hidden
|
|
15
|
+
*/
|
|
16
|
+
render() {
|
|
17
|
+
const {
|
|
18
|
+
direction: o,
|
|
19
|
+
children: i,
|
|
20
|
+
...s
|
|
21
|
+
} = this.props, a = {
|
|
22
|
+
transitionName: `slide-${o}`
|
|
23
|
+
};
|
|
24
|
+
return /* @__PURE__ */ r.createElement(p, { ...a, ...s }, i);
|
|
25
|
+
}
|
|
26
|
+
};
|
|
27
|
+
n.propTypes = {
|
|
28
|
+
children: t.oneOfType([
|
|
29
|
+
t.arrayOf(t.node),
|
|
30
|
+
t.node
|
|
31
|
+
]),
|
|
32
|
+
childFactory: t.any,
|
|
33
|
+
className: t.string,
|
|
34
|
+
direction: t.oneOf([
|
|
35
|
+
"up",
|
|
36
|
+
"down",
|
|
37
|
+
"left",
|
|
38
|
+
"right"
|
|
39
|
+
]),
|
|
40
|
+
component: t.string,
|
|
41
|
+
id: t.string,
|
|
42
|
+
style: t.any
|
|
43
|
+
}, n.defaultProps = {
|
|
44
|
+
appear: !1,
|
|
45
|
+
enter: !0,
|
|
46
|
+
exit: !0,
|
|
47
|
+
transitionEnterDuration: 300,
|
|
48
|
+
transitionExitDuration: 300,
|
|
49
|
+
direction: "down"
|
|
50
|
+
};
|
|
51
|
+
let e = n;
|
|
52
|
+
export {
|
|
53
|
+
e as Slide
|
|
54
|
+
};
|
package/Zoom.js
ADDED
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
*-------------------------------------------------------------------------------------------
|
|
4
|
+
* Copyright © 2024 Progress Software Corporation. All rights reserved.
|
|
5
|
+
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
|
+
*-------------------------------------------------------------------------------------------
|
|
7
|
+
*/
|
|
8
|
+
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react"),t=require("prop-types"),l=require("./Animation.js");function u(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=u(c),p={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:`zoom-${e}`,animationExitingStyle:this.props.stackChildren?p:void 0},r)}};o.propTypes={children:t.oneOfType([t.arrayOf(t.node),t.node]),childFactory:t.any,className:t.string,direction:t.oneOf(["in","out"]),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:"out",stackChildren:!1};let a=o;exports.Zoom=a;
|