@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
|
@@ -0,0 +1,19 @@
|
|
|
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
|
+
const e = {
|
|
10
|
+
name: "@progress/kendo-react-animation",
|
|
11
|
+
productName: "KendoReact",
|
|
12
|
+
productCodes: ["KENDOUIREACT", "KENDOUICOMPLETE"],
|
|
13
|
+
publishDate: 1709713910,
|
|
14
|
+
version: "",
|
|
15
|
+
licensingDocsUrl: "https://www.telerik.com/kendo-react-ui/components/my-license/"
|
|
16
|
+
};
|
|
17
|
+
export {
|
|
18
|
+
e as packageMetadata
|
|
19
|
+
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-react-animation",
|
|
3
|
-
"version": "7.2.4-develop.
|
|
3
|
+
"version": "7.2.4-develop.4",
|
|
4
4
|
"description": "React Animation component assists with animating HTML elements. KendoReact Animation package",
|
|
5
5
|
"author": "Progress",
|
|
6
6
|
"license": "SEE LICENSE IN LICENSE.md",
|
|
@@ -23,7 +23,7 @@
|
|
|
23
23
|
"sideEffects": false,
|
|
24
24
|
"peerDependencies": {
|
|
25
25
|
"@progress/kendo-licensing": "^1.3.4",
|
|
26
|
-
"@progress/kendo-react-common": "7.2.4-develop.
|
|
26
|
+
"@progress/kendo-react-common": "7.2.4-develop.4",
|
|
27
27
|
"@progress/kendo-svg-icons": "^2.1.0",
|
|
28
28
|
"react": "^16.8.2 || ^17.0.0 || ^18.0.0",
|
|
29
29
|
"react-dom": "^16.8.2 || ^17.0.0 || ^18.0.0",
|
package/util.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";const p=e=>{if(!e||!e.ownerDocument.defaultView)return 0;const t=e.ownerDocument.defaultView.getComputedStyle(e),a=parseFloat(t.marginTop),i=parseFloat(t.marginBottom);return e.offsetHeight+a+i},n=e=>{if(!e||!e.ownerDocument.defaultView)return 0;const t=e.ownerDocument.defaultView.getComputedStyle(e),a=parseFloat(t.marginLeft),i=parseFloat(t.marginRight);return e.offsetWidth+a+i},o={"animation-container":"k-animation-container","animation-container-shown":"k-animation-container-shown","animation-container-relative":"k-animation-container-relative","animation-container-fixed":"k-animation-container-fixed","push-right-enter":"k-push-right-enter","push-right-appear":"k-push-right-appear","push-right-enter-active":"k-push-right-enter-active","push-right-appear-active":"k-push-right-appear-active","push-right-exit":"k-push-right-exit","push-right-exit-active":"k-push-right-exit-active","push-left-enter":"k-push-left-enter","push-left-appear":"k-push-left-appear","push-left-enter-active":"k-push-left-enter-active","push-left-appear-active":"k-push-left-appear-active","push-left-exit":"k-push-left-exit","push-left-exit-active":"k-push-left-exit-active","push-down-enter":"k-push-down-enter","push-down-appear":"k-push-down-appear","push-down-enter-active":"k-push-down-enter-active","push-down-appear-active":"k-push-down-appear-active","push-down-exit":"k-push-down-exit","push-down-exit-active":"k-push-down-exit-active","push-up-enter":"k-push-up-enter","push-up-appear":"k-push-up-appear","push-up-enter-active":"k-push-up-enter-active","push-up-appear-active":"k-push-up-appear-active","push-up-exit":"k-push-up-exit","push-up-exit-active":"k-push-up-exit-active",expand:"k-expand","expand-vertical-enter":"k-expand-vertical-enter","expand-vertical-appear":"k-expand-vertical-appear","expand-vertical-enter-active":"k-expand-vertical-enter-active","expand-vertical-appear-active":"k-expand-vertical-appear-active","expand-vertical-exit":"k-expand-vertical-exit","expand-vertical-exit-active":"k-expand-vertical-exit-active","expand-horizontal-enter":"k-expand-horizontal-enter","expand-horizontal-appear":"k-expand-horizontal-appear","expand-horizontal-enter-active":"k-expand-horizontal-enter-active","expand-horizontal-appear-active":"k-expand-horizontal-appear-active","expand-horizontal-exit":"k-expand-horizontal-exit","expand-horizontal-exit-active":"k-expand-horizontal-exit-active","child-animation-container":"k-child-animation-container","fade-enter":"k-fade-enter","fade-appear":"k-fade-appear","fade-enter-active":"k-fade-enter-active","fade-appear-active":"k-fade-appear-active","fade-exit":"k-fade-exit","fade-exit-active":"k-fade-exit-active","zoom-in-enter":"k-zoom-in-enter","zoom-in-appear":"k-zoom-in-appear","zoom-in-enter-active":"k-zoom-in-enter-active","zoom-in-appear-active":"k-zoom-in-appear-active","zoom-in-exit":"k-zoom-in-exit","zoom-in-exit-active":"k-zoom-in-exit-active","zoom-out-enter":"k-zoom-out-enter","zoom-out-appear":"k-zoom-out-appear","zoom-out-enter-active":"k-zoom-out-enter-active","zoom-out-appear-active":"k-zoom-out-appear-active","zoom-out-exit":"k-zoom-out-exit","zoom-out-exit-active":"k-zoom-out-exit-active","slide-in-appear":"k-slide-in-appear",centered:"k-centered","slide-in-appear-active":"k-slide-in-appear-active","slide-down-enter":"k-slide-down-enter","slide-down-appear":"k-slide-down-appear","slide-down-enter-active":"k-slide-down-enter-active","slide-down-appear-active":"k-slide-down-appear-active","slide-down-exit":"k-slide-down-exit","slide-down-exit-active":"k-slide-down-exit-active","slide-up-enter":"k-slide-up-enter","slide-up-appear":"k-slide-up-appear","slide-up-enter-active":"k-slide-up-enter-active","slide-up-appear-active":"k-slide-up-appear-active","slide-up-exit":"k-slide-up-exit","slide-up-exit-active":"k-slide-up-exit-active","slide-right-enter":"k-slide-right-enter","slide-right-appear":"k-slide-right-appear","slide-right-enter-active":"k-slide-right-enter-active","slide-right-appear-active":"k-slide-right-appear-active","slide-right-exit":"k-slide-right-exit","slide-right-exit-active":"k-slide-right-exit-active","slide-left-enter":"k-slide-left-enter","slide-left-appear":"k-slide-left-appear","slide-left-enter-active":"k-slide-left-enter-active","slide-left-appear-active":"k-slide-left-appear-active","slide-left-exit":"k-slide-left-exit","slide-left-exit-active":"k-slide-left-exit-active","reveal-vertical-enter":"k-reveal-vertical-enter","reveal-vertical-appear":"k-reveal-vertical-appear","reveal-vertical-enter-active":"k-reveal-vertical-enter-active","reveal-vertical-appear-active":"k-reveal-vertical-appear-active","reveal-vertical-exit":"k-reveal-vertical-exit","reveal-vertical-exit-active":"k-reveal-vertical-exit-active","reveal-horizontal-enter":"k-reveal-horizontal-enter","reveal-horizontal-appear":"k-reveal-horizontal-appear","reveal-horizontal-enter-active":"k-reveal-horizontal-enter-active","reveal-horizontal-appear-active":"k-reveal-horizontal-appear-active","reveal-horizontal-exit":"k-reveal-horizontal-exit","reveal-horizontal-exit-active":"k-reveal-horizontal-exit-active"},l={outerHeight:p,outerWidth:n,styles:o};module.exports=l;
|
package/util.mjs
ADDED
|
@@ -0,0 +1,126 @@
|
|
|
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
|
+
const p = (e) => {
|
|
10
|
+
if (!e || !e.ownerDocument.defaultView)
|
|
11
|
+
return 0;
|
|
12
|
+
const t = e.ownerDocument.defaultView.getComputedStyle(e), a = parseFloat(t.marginTop), i = parseFloat(t.marginBottom);
|
|
13
|
+
return e.offsetHeight + a + i;
|
|
14
|
+
}, n = (e) => {
|
|
15
|
+
if (!e || !e.ownerDocument.defaultView)
|
|
16
|
+
return 0;
|
|
17
|
+
const t = e.ownerDocument.defaultView.getComputedStyle(e), a = parseFloat(t.marginLeft), i = parseFloat(t.marginRight);
|
|
18
|
+
return e.offsetWidth + a + i;
|
|
19
|
+
}, o = {
|
|
20
|
+
"animation-container": "k-animation-container",
|
|
21
|
+
"animation-container-shown": "k-animation-container-shown",
|
|
22
|
+
"animation-container-relative": "k-animation-container-relative",
|
|
23
|
+
"animation-container-fixed": "k-animation-container-fixed",
|
|
24
|
+
"push-right-enter": "k-push-right-enter",
|
|
25
|
+
"push-right-appear": "k-push-right-appear",
|
|
26
|
+
"push-right-enter-active": "k-push-right-enter-active",
|
|
27
|
+
"push-right-appear-active": "k-push-right-appear-active",
|
|
28
|
+
"push-right-exit": "k-push-right-exit",
|
|
29
|
+
"push-right-exit-active": "k-push-right-exit-active",
|
|
30
|
+
"push-left-enter": "k-push-left-enter",
|
|
31
|
+
"push-left-appear": "k-push-left-appear",
|
|
32
|
+
"push-left-enter-active": "k-push-left-enter-active",
|
|
33
|
+
"push-left-appear-active": "k-push-left-appear-active",
|
|
34
|
+
"push-left-exit": "k-push-left-exit",
|
|
35
|
+
"push-left-exit-active": "k-push-left-exit-active",
|
|
36
|
+
"push-down-enter": "k-push-down-enter",
|
|
37
|
+
"push-down-appear": "k-push-down-appear",
|
|
38
|
+
"push-down-enter-active": "k-push-down-enter-active",
|
|
39
|
+
"push-down-appear-active": "k-push-down-appear-active",
|
|
40
|
+
"push-down-exit": "k-push-down-exit",
|
|
41
|
+
"push-down-exit-active": "k-push-down-exit-active",
|
|
42
|
+
"push-up-enter": "k-push-up-enter",
|
|
43
|
+
"push-up-appear": "k-push-up-appear",
|
|
44
|
+
"push-up-enter-active": "k-push-up-enter-active",
|
|
45
|
+
"push-up-appear-active": "k-push-up-appear-active",
|
|
46
|
+
"push-up-exit": "k-push-up-exit",
|
|
47
|
+
"push-up-exit-active": "k-push-up-exit-active",
|
|
48
|
+
expand: "k-expand",
|
|
49
|
+
"expand-vertical-enter": "k-expand-vertical-enter",
|
|
50
|
+
"expand-vertical-appear": "k-expand-vertical-appear",
|
|
51
|
+
"expand-vertical-enter-active": "k-expand-vertical-enter-active",
|
|
52
|
+
"expand-vertical-appear-active": "k-expand-vertical-appear-active",
|
|
53
|
+
"expand-vertical-exit": "k-expand-vertical-exit",
|
|
54
|
+
"expand-vertical-exit-active": "k-expand-vertical-exit-active",
|
|
55
|
+
"expand-horizontal-enter": "k-expand-horizontal-enter",
|
|
56
|
+
"expand-horizontal-appear": "k-expand-horizontal-appear",
|
|
57
|
+
"expand-horizontal-enter-active": "k-expand-horizontal-enter-active",
|
|
58
|
+
"expand-horizontal-appear-active": "k-expand-horizontal-appear-active",
|
|
59
|
+
"expand-horizontal-exit": "k-expand-horizontal-exit",
|
|
60
|
+
"expand-horizontal-exit-active": "k-expand-horizontal-exit-active",
|
|
61
|
+
"child-animation-container": "k-child-animation-container",
|
|
62
|
+
"fade-enter": "k-fade-enter",
|
|
63
|
+
"fade-appear": "k-fade-appear",
|
|
64
|
+
"fade-enter-active": "k-fade-enter-active",
|
|
65
|
+
"fade-appear-active": "k-fade-appear-active",
|
|
66
|
+
"fade-exit": "k-fade-exit",
|
|
67
|
+
"fade-exit-active": "k-fade-exit-active",
|
|
68
|
+
"zoom-in-enter": "k-zoom-in-enter",
|
|
69
|
+
"zoom-in-appear": "k-zoom-in-appear",
|
|
70
|
+
"zoom-in-enter-active": "k-zoom-in-enter-active",
|
|
71
|
+
"zoom-in-appear-active": "k-zoom-in-appear-active",
|
|
72
|
+
"zoom-in-exit": "k-zoom-in-exit",
|
|
73
|
+
"zoom-in-exit-active": "k-zoom-in-exit-active",
|
|
74
|
+
"zoom-out-enter": "k-zoom-out-enter",
|
|
75
|
+
"zoom-out-appear": "k-zoom-out-appear",
|
|
76
|
+
"zoom-out-enter-active": "k-zoom-out-enter-active",
|
|
77
|
+
"zoom-out-appear-active": "k-zoom-out-appear-active",
|
|
78
|
+
"zoom-out-exit": "k-zoom-out-exit",
|
|
79
|
+
"zoom-out-exit-active": "k-zoom-out-exit-active",
|
|
80
|
+
"slide-in-appear": "k-slide-in-appear",
|
|
81
|
+
centered: "k-centered",
|
|
82
|
+
"slide-in-appear-active": "k-slide-in-appear-active",
|
|
83
|
+
"slide-down-enter": "k-slide-down-enter",
|
|
84
|
+
"slide-down-appear": "k-slide-down-appear",
|
|
85
|
+
"slide-down-enter-active": "k-slide-down-enter-active",
|
|
86
|
+
"slide-down-appear-active": "k-slide-down-appear-active",
|
|
87
|
+
"slide-down-exit": "k-slide-down-exit",
|
|
88
|
+
"slide-down-exit-active": "k-slide-down-exit-active",
|
|
89
|
+
"slide-up-enter": "k-slide-up-enter",
|
|
90
|
+
"slide-up-appear": "k-slide-up-appear",
|
|
91
|
+
"slide-up-enter-active": "k-slide-up-enter-active",
|
|
92
|
+
"slide-up-appear-active": "k-slide-up-appear-active",
|
|
93
|
+
"slide-up-exit": "k-slide-up-exit",
|
|
94
|
+
"slide-up-exit-active": "k-slide-up-exit-active",
|
|
95
|
+
"slide-right-enter": "k-slide-right-enter",
|
|
96
|
+
"slide-right-appear": "k-slide-right-appear",
|
|
97
|
+
"slide-right-enter-active": "k-slide-right-enter-active",
|
|
98
|
+
"slide-right-appear-active": "k-slide-right-appear-active",
|
|
99
|
+
"slide-right-exit": "k-slide-right-exit",
|
|
100
|
+
"slide-right-exit-active": "k-slide-right-exit-active",
|
|
101
|
+
"slide-left-enter": "k-slide-left-enter",
|
|
102
|
+
"slide-left-appear": "k-slide-left-appear",
|
|
103
|
+
"slide-left-enter-active": "k-slide-left-enter-active",
|
|
104
|
+
"slide-left-appear-active": "k-slide-left-appear-active",
|
|
105
|
+
"slide-left-exit": "k-slide-left-exit",
|
|
106
|
+
"slide-left-exit-active": "k-slide-left-exit-active",
|
|
107
|
+
"reveal-vertical-enter": "k-reveal-vertical-enter",
|
|
108
|
+
"reveal-vertical-appear": "k-reveal-vertical-appear",
|
|
109
|
+
"reveal-vertical-enter-active": "k-reveal-vertical-enter-active",
|
|
110
|
+
"reveal-vertical-appear-active": "k-reveal-vertical-appear-active",
|
|
111
|
+
"reveal-vertical-exit": "k-reveal-vertical-exit",
|
|
112
|
+
"reveal-vertical-exit-active": "k-reveal-vertical-exit-active",
|
|
113
|
+
"reveal-horizontal-enter": "k-reveal-horizontal-enter",
|
|
114
|
+
"reveal-horizontal-appear": "k-reveal-horizontal-appear",
|
|
115
|
+
"reveal-horizontal-enter-active": "k-reveal-horizontal-enter-active",
|
|
116
|
+
"reveal-horizontal-appear-active": "k-reveal-horizontal-appear-active",
|
|
117
|
+
"reveal-horizontal-exit": "k-reveal-horizontal-exit",
|
|
118
|
+
"reveal-horizontal-exit-active": "k-reveal-horizontal-exit-active"
|
|
119
|
+
}, l = {
|
|
120
|
+
outerHeight: p,
|
|
121
|
+
outerWidth: n,
|
|
122
|
+
styles: o
|
|
123
|
+
};
|
|
124
|
+
export {
|
|
125
|
+
l as default
|
|
126
|
+
};
|
package/Animation.d.ts
DELETED
|
@@ -1,86 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2024 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import * as React from 'react';
|
|
6
|
-
import PropTypes from 'prop-types';
|
|
7
|
-
import { AnimationInterface } from './AnimationInterface';
|
|
8
|
-
/**
|
|
9
|
-
* Represents the props of the [KendoReact Animation component]({% slug overview_animation %}).
|
|
10
|
-
*/
|
|
11
|
-
export interface AnimationProps extends AnimationInterface {
|
|
12
|
-
/**
|
|
13
|
-
* When the element reaches its exit state, it is no longer available in the DOM ([see example]({% slug exitingchildcomponents_animation %})).
|
|
14
|
-
*/
|
|
15
|
-
childFactory?: any;
|
|
16
|
-
/**
|
|
17
|
-
* Specifies the name of the CSS class which is set to the Animation.
|
|
18
|
-
*/
|
|
19
|
-
className?: string;
|
|
20
|
-
/**
|
|
21
|
-
* Specifies the node type of the parent Animation. Defaults to `div`.
|
|
22
|
-
*/
|
|
23
|
-
component?: string;
|
|
24
|
-
/**
|
|
25
|
-
* Specifies the id of the Animation.
|
|
26
|
-
*/
|
|
27
|
-
id?: string;
|
|
28
|
-
/**
|
|
29
|
-
* Specifies the style of the parent Animation.
|
|
30
|
-
*/
|
|
31
|
-
style?: any;
|
|
32
|
-
/**
|
|
33
|
-
* Specifies whether the Animation children will stack on top of each other without interfering ([see example]({% slug stacked_animation %})).
|
|
34
|
-
*/
|
|
35
|
-
stackChildren?: boolean;
|
|
36
|
-
/**
|
|
37
|
-
* Specifies the `classNames` which will be applied during the transition ([see example]({% slug customizing_animation %})).
|
|
38
|
-
*/
|
|
39
|
-
transitionName: string;
|
|
40
|
-
/**
|
|
41
|
-
* Specifies the style which will be applied when the Animation reaches its entering state.
|
|
42
|
-
*/
|
|
43
|
-
animationEnteringStyle?: any;
|
|
44
|
-
/**
|
|
45
|
-
* Specifies the style which will be applied when the Animation reaches its entered state.
|
|
46
|
-
*/
|
|
47
|
-
animationEnteredStyle?: any;
|
|
48
|
-
/**
|
|
49
|
-
* Specifies the style which will be applied when the Animation reaches its exiting state.
|
|
50
|
-
*/
|
|
51
|
-
animationExitingStyle?: any;
|
|
52
|
-
/**
|
|
53
|
-
* Specifies the style which will be applied when the Animation reaches its exited state.
|
|
54
|
-
*/
|
|
55
|
-
animationExitedStyle?: any;
|
|
56
|
-
}
|
|
57
|
-
export declare class Animation extends React.Component<AnimationProps, {}> {
|
|
58
|
-
/**
|
|
59
|
-
* @hidden
|
|
60
|
-
*/
|
|
61
|
-
static propTypes: {
|
|
62
|
-
children: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
|
|
63
|
-
childFactory: PropTypes.Requireable<any>;
|
|
64
|
-
className: PropTypes.Requireable<string>;
|
|
65
|
-
component: PropTypes.Requireable<string>;
|
|
66
|
-
id: PropTypes.Requireable<string>;
|
|
67
|
-
style: PropTypes.Requireable<any>;
|
|
68
|
-
transitionName: PropTypes.Validator<string>;
|
|
69
|
-
appear: PropTypes.Validator<boolean>;
|
|
70
|
-
enter: PropTypes.Validator<boolean>;
|
|
71
|
-
exit: PropTypes.Validator<boolean>;
|
|
72
|
-
transitionEnterDuration: PropTypes.Validator<number>;
|
|
73
|
-
transitionExitDuration: PropTypes.Validator<number>;
|
|
74
|
-
};
|
|
75
|
-
/**
|
|
76
|
-
* @hidden
|
|
77
|
-
*/
|
|
78
|
-
static defaultProps: {
|
|
79
|
-
component: string;
|
|
80
|
-
};
|
|
81
|
-
constructor(props: AnimationProps);
|
|
82
|
-
/**
|
|
83
|
-
* @hidden
|
|
84
|
-
*/
|
|
85
|
-
render(): import("react/jsx-runtime").JSX.Element;
|
|
86
|
-
}
|
package/AnimationChild.d.ts
DELETED
|
@@ -1,93 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2024 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import * as React from 'react';
|
|
6
|
-
import PropTypes from 'prop-types';
|
|
7
|
-
import { AnimationInterface } from './AnimationInterface';
|
|
8
|
-
/**
|
|
9
|
-
* Represents the props of the child Animation elements.
|
|
10
|
-
*/
|
|
11
|
-
export interface AnimationChildProps extends AnimationInterface {
|
|
12
|
-
/**
|
|
13
|
-
* Controlled by `TransitionGroup` if present. Otherwise, sets the state of the enter or exit Animations.
|
|
14
|
-
*/
|
|
15
|
-
in?: boolean;
|
|
16
|
-
/**
|
|
17
|
-
* @hidden
|
|
18
|
-
*/
|
|
19
|
-
style?: any;
|
|
20
|
-
/**
|
|
21
|
-
* @hidden
|
|
22
|
-
*/
|
|
23
|
-
className?: string;
|
|
24
|
-
/**
|
|
25
|
-
* Specifies the transition class which will be applied on the appear, enter, and exit transition.
|
|
26
|
-
*/
|
|
27
|
-
transitionName: string;
|
|
28
|
-
/**
|
|
29
|
-
* Specifies the style which will be applied when the Animation reaches its entering state.
|
|
30
|
-
*/
|
|
31
|
-
animationEnteringStyle?: any;
|
|
32
|
-
/**
|
|
33
|
-
* Specifies the style which will be applied when the Animation reaches its entered state.
|
|
34
|
-
*/
|
|
35
|
-
animationEnteredStyle?: any;
|
|
36
|
-
/**
|
|
37
|
-
* Specifies the style which will be applied when the Animation reaches its exiting state.
|
|
38
|
-
*/
|
|
39
|
-
animationExitingStyle?: any;
|
|
40
|
-
/**
|
|
41
|
-
* Specifies the style which will be applied when the Animation reaches its exited state.
|
|
42
|
-
*/
|
|
43
|
-
animationExitedStyle?: any;
|
|
44
|
-
}
|
|
45
|
-
export declare class AnimationChild extends React.Component<AnimationChildProps, {}> {
|
|
46
|
-
/**
|
|
47
|
-
* @hidden
|
|
48
|
-
*/
|
|
49
|
-
static propTypes: {
|
|
50
|
-
in: PropTypes.Requireable<boolean>;
|
|
51
|
-
children: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
|
|
52
|
-
transitionName: PropTypes.Validator<string>;
|
|
53
|
-
className: PropTypes.Requireable<string>;
|
|
54
|
-
appear: PropTypes.Requireable<boolean>;
|
|
55
|
-
enter: PropTypes.Requireable<boolean>;
|
|
56
|
-
exit: PropTypes.Requireable<boolean>;
|
|
57
|
-
transitionEnterDuration: PropTypes.Validator<number>;
|
|
58
|
-
transitionExitDuration: PropTypes.Validator<number>;
|
|
59
|
-
mountOnEnter: PropTypes.Requireable<boolean>;
|
|
60
|
-
unmountOnExit: PropTypes.Requireable<boolean>;
|
|
61
|
-
animationEnteringStyle: PropTypes.Requireable<object>;
|
|
62
|
-
animationEnteredStyle: PropTypes.Requireable<object>;
|
|
63
|
-
animationExitingStyle: PropTypes.Requireable<object>;
|
|
64
|
-
animationExitedStyle: PropTypes.Requireable<object>;
|
|
65
|
-
};
|
|
66
|
-
/**
|
|
67
|
-
* @hidden
|
|
68
|
-
*/
|
|
69
|
-
static defaultProps: {
|
|
70
|
-
mountOnEnter: boolean;
|
|
71
|
-
unmountOnExit: boolean;
|
|
72
|
-
onEnter: () => void;
|
|
73
|
-
onEntering: () => void;
|
|
74
|
-
onEntered: () => void;
|
|
75
|
-
onExit: () => void;
|
|
76
|
-
onExiting: () => void;
|
|
77
|
-
onExited: () => void;
|
|
78
|
-
onAfterExited: () => void;
|
|
79
|
-
animationEnteringStyle: {};
|
|
80
|
-
animationEnteredStyle: {};
|
|
81
|
-
animationExitingStyle: {};
|
|
82
|
-
animationExitedStyle: {};
|
|
83
|
-
};
|
|
84
|
-
private elementRef;
|
|
85
|
-
/**
|
|
86
|
-
* The element that is being animated.
|
|
87
|
-
*/
|
|
88
|
-
get element(): HTMLDivElement | null;
|
|
89
|
-
/**
|
|
90
|
-
* @hidden
|
|
91
|
-
*/
|
|
92
|
-
render(): import("react/jsx-runtime").JSX.Element;
|
|
93
|
-
}
|
package/AnimationInterface.d.ts
DELETED
|
@@ -1,92 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2024 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import { AnimationChild } from './AnimationChild';
|
|
6
|
-
/**
|
|
7
|
-
* The arguments that are passed to the life-cycle hooks.
|
|
8
|
-
*/
|
|
9
|
-
export interface AnimationEventArguments {
|
|
10
|
-
/**
|
|
11
|
-
* The element that is currently being animated.
|
|
12
|
-
*/
|
|
13
|
-
animatedElement: HTMLElement;
|
|
14
|
-
/**
|
|
15
|
-
* The AnimationChild component which controls the animation.
|
|
16
|
-
*/
|
|
17
|
-
target: AnimationChild;
|
|
18
|
-
}
|
|
19
|
-
/**
|
|
20
|
-
* Inherited by all Animations. Represents the properties which can be set to an Animation.
|
|
21
|
-
*/
|
|
22
|
-
export interface AnimationInterface {
|
|
23
|
-
/**
|
|
24
|
-
* @hidden
|
|
25
|
-
*/
|
|
26
|
-
children?: React.ReactNode;
|
|
27
|
-
/**
|
|
28
|
-
* Specifies the CSS class names which are set to each of the animated children elements.
|
|
29
|
-
*/
|
|
30
|
-
componentChildClassName?: string;
|
|
31
|
-
/**
|
|
32
|
-
* Specifies the styles which are set to each of the animated children elements.
|
|
33
|
-
*/
|
|
34
|
-
componentChildStyle?: any;
|
|
35
|
-
/**
|
|
36
|
-
* Called when a component is added to an existing Animation component and the Animation has not started yet ([more information and example]({% slug lifecyclehooks_animation %}#toc-adding-child-elements)).
|
|
37
|
-
*/
|
|
38
|
-
onEnter?: (event: AnimationEventArguments) => void;
|
|
39
|
-
/**
|
|
40
|
-
* Called when a component is added to an existing Animation component and the Animation is now happening ([more information and example]({% slug lifecyclehooks_animation %}#toc-adding-child-elements)).
|
|
41
|
-
*/
|
|
42
|
-
onEntering?: (event: AnimationEventArguments) => void;
|
|
43
|
-
/**
|
|
44
|
-
* Called when a component is added to an existing Animation component and the Animation is now finished ([more information and example]({% slug lifecyclehooks_animation %}#toc-adding-child-elements)).
|
|
45
|
-
*/
|
|
46
|
-
onEntered?: (event: AnimationEventArguments) => void;
|
|
47
|
-
/**
|
|
48
|
-
* An event that is called after the Animation has reached its exit state ([more information and example]({% slug lifecyclehooks_animation %}#toc-removing-child-elements)).
|
|
49
|
-
*/
|
|
50
|
-
onExit?: (event: AnimationEventArguments) => void;
|
|
51
|
-
/**
|
|
52
|
-
* An event that is called after the Animation has reached its exiting state ([more information and example]({% slug lifecyclehooks_animation %}#toc-removing-child-elements)).
|
|
53
|
-
*/
|
|
54
|
-
onExiting?: (event: AnimationEventArguments) => void;
|
|
55
|
-
/**
|
|
56
|
-
* An event that is called after the Animation has reached its exited state ([more information and example]({% slug lifecyclehooks_animation %}#toc-removing-child-elements)).
|
|
57
|
-
*/
|
|
58
|
-
onExited?: (event: AnimationEventArguments) => void;
|
|
59
|
-
/**
|
|
60
|
-
* @hidden
|
|
61
|
-
* This event is always triggered in contrast to `onExited` which TransitionGroup prevents when target element is not removed from DOM.
|
|
62
|
-
*/
|
|
63
|
-
onAfterExited?: (event: AnimationEventArguments) => void;
|
|
64
|
-
/**
|
|
65
|
-
* Defines whether a transition should happen on the first mount. Defaults to `false`.
|
|
66
|
-
*/
|
|
67
|
-
appear?: boolean;
|
|
68
|
-
/**
|
|
69
|
-
* Specifies whether to animate the entering (showing) element ([see example]({% slug disabledstate_animation %})). Defaults to `true`.
|
|
70
|
-
*/
|
|
71
|
-
enter?: boolean;
|
|
72
|
-
/**
|
|
73
|
-
* Specifies whether to animate a leaving (disappearing) element ([see example]({% slug disabledstate_animation %})). Defaults to `true`.
|
|
74
|
-
*/
|
|
75
|
-
exit?: boolean;
|
|
76
|
-
/**
|
|
77
|
-
* Specifies the duration of the transition for the entering (`animation in`) Animation ([see example]({% slug duration_animation %})). After the time runs out, the Animation is terminated. Defaults to `300ms`.
|
|
78
|
-
*/
|
|
79
|
-
transitionEnterDuration?: number;
|
|
80
|
-
/**
|
|
81
|
-
* Specifies the duration of the transition for the exiting (`animation out`) Animation ([see example]({% slug duration_animation %})). After the time runs out, the Animation is terminated. Defaults to `300ms`.
|
|
82
|
-
*/
|
|
83
|
-
transitionExitDuration?: number;
|
|
84
|
-
/**
|
|
85
|
-
* Specifies if the Animation will use lazy-mounting on the first `in={true}`. Defaults to `false`.
|
|
86
|
-
*/
|
|
87
|
-
mountOnEnter?: boolean;
|
|
88
|
-
/**
|
|
89
|
-
* Specifies if the Animation will unmount after it reaches its exited state. Defaults to `false`.
|
|
90
|
-
*/
|
|
91
|
-
unmountOnExit?: boolean;
|
|
92
|
-
}
|
package/Expand.d.ts
DELETED
|
@@ -1,79 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2024 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import * as React from 'react';
|
|
6
|
-
import PropTypes from 'prop-types';
|
|
7
|
-
import { AnimationInterface } from './AnimationInterface';
|
|
8
|
-
/**
|
|
9
|
-
* Specifies the direction of the Expand Animation ([see example]({% slug direction_animation %}#toc-expand)).
|
|
10
|
-
*
|
|
11
|
-
* The supported directions are:
|
|
12
|
-
* * (Default) `vertical`—Expands the content from center to top and bottom, and vice-versa.
|
|
13
|
-
* * `horizontal`—Expands the content from center to left and right, and vice-versa.
|
|
14
|
-
*/
|
|
15
|
-
export type ExpandDirection = 'horizontal' | 'vertical';
|
|
16
|
-
/**
|
|
17
|
-
* Represent the props of the [KendoReact Expand Animation component]({% slug animationtypes_animation %}#toc-expand).
|
|
18
|
-
*
|
|
19
|
-
* {% meta %}
|
|
20
|
-
* {% embed_file props/expand/func/main.tsx preview %}
|
|
21
|
-
* {% embed_file props/expand/func/styles.css %}
|
|
22
|
-
* {% endmeta %}
|
|
23
|
-
*
|
|
24
|
-
*/
|
|
25
|
-
export interface ExpandProps extends AnimationInterface {
|
|
26
|
-
/**
|
|
27
|
-
* After the element reached its exit state, it is no longer available in the DOM. If a DOM operation is required, access it trough the `childFactory` function.
|
|
28
|
-
*/
|
|
29
|
-
childFactory?: any;
|
|
30
|
-
/**
|
|
31
|
-
* Specifies the CSS class names which are set to the Animation.
|
|
32
|
-
*/
|
|
33
|
-
className?: string;
|
|
34
|
-
/**
|
|
35
|
-
* Specifies the direction of the Expand Animation. Defaults to `vertical`.
|
|
36
|
-
*/
|
|
37
|
-
direction?: ExpandDirection;
|
|
38
|
-
/**
|
|
39
|
-
* Specifies the node type of the parent Animation. Defaults to `div`.
|
|
40
|
-
*/
|
|
41
|
-
component?: string;
|
|
42
|
-
/**
|
|
43
|
-
* Specifies the id of the Animation.
|
|
44
|
-
*/
|
|
45
|
-
id?: string;
|
|
46
|
-
/**
|
|
47
|
-
* Specifies the style of the parent Animation.
|
|
48
|
-
*/
|
|
49
|
-
style?: any;
|
|
50
|
-
}
|
|
51
|
-
export declare class Expand extends React.Component<ExpandProps, {}> {
|
|
52
|
-
/**
|
|
53
|
-
* @hidden
|
|
54
|
-
*/
|
|
55
|
-
static propTypes: {
|
|
56
|
-
children: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
|
|
57
|
-
childFactory: PropTypes.Requireable<any>;
|
|
58
|
-
className: PropTypes.Requireable<string>;
|
|
59
|
-
direction: PropTypes.Requireable<string>;
|
|
60
|
-
component: PropTypes.Requireable<string>;
|
|
61
|
-
id: PropTypes.Requireable<string>;
|
|
62
|
-
style: PropTypes.Requireable<any>;
|
|
63
|
-
};
|
|
64
|
-
/**
|
|
65
|
-
* @hidden
|
|
66
|
-
*/
|
|
67
|
-
static defaultProps: {
|
|
68
|
-
appear: boolean;
|
|
69
|
-
enter: boolean;
|
|
70
|
-
exit: boolean;
|
|
71
|
-
transitionEnterDuration: number;
|
|
72
|
-
transitionExitDuration: number;
|
|
73
|
-
direction: string;
|
|
74
|
-
};
|
|
75
|
-
/**
|
|
76
|
-
* @hidden
|
|
77
|
-
*/
|
|
78
|
-
render(): import("react/jsx-runtime").JSX.Element;
|
|
79
|
-
}
|
package/Fade.d.ts
DELETED
|
@@ -1,65 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2024 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import * as React from 'react';
|
|
6
|
-
import PropTypes from 'prop-types';
|
|
7
|
-
import { AnimationInterface } from './AnimationInterface';
|
|
8
|
-
/**
|
|
9
|
-
* Represent the props of the [KendoReact Fade Animation component]({% slug animationtypes_animation %}#toc-fade).
|
|
10
|
-
*
|
|
11
|
-
* {% meta %}
|
|
12
|
-
* {% embed_file props/fade/func/main.tsx preview %}
|
|
13
|
-
* {% embed_file props/fade/func/styles.css %}
|
|
14
|
-
* {% endmeta %}
|
|
15
|
-
*
|
|
16
|
-
*/
|
|
17
|
-
export interface FadeProps extends AnimationInterface {
|
|
18
|
-
/**
|
|
19
|
-
* After the element reaches its exit state, it is no longer available in the DOM. If a DOM operation is required, access it trough the `childFactory` function.
|
|
20
|
-
*/
|
|
21
|
-
childFactory?: any;
|
|
22
|
-
/**
|
|
23
|
-
* Specifies CSS class names which are set to the Animation.
|
|
24
|
-
*/
|
|
25
|
-
className?: string;
|
|
26
|
-
/**
|
|
27
|
-
* Specifies the node type of the parent Animation. Defaults to `div`.
|
|
28
|
-
*/
|
|
29
|
-
component?: string;
|
|
30
|
-
/**
|
|
31
|
-
* Specifies the id of the Animation.
|
|
32
|
-
*/
|
|
33
|
-
id?: string;
|
|
34
|
-
/**
|
|
35
|
-
* Specifies the style of the parent Animation.
|
|
36
|
-
*/
|
|
37
|
-
style?: any;
|
|
38
|
-
}
|
|
39
|
-
export declare class Fade extends React.Component<FadeProps, {}> {
|
|
40
|
-
/**
|
|
41
|
-
* @hidden
|
|
42
|
-
*/
|
|
43
|
-
static propTypes: {
|
|
44
|
-
children: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
|
|
45
|
-
childFactory: PropTypes.Requireable<any>;
|
|
46
|
-
className: PropTypes.Requireable<string>;
|
|
47
|
-
component: PropTypes.Requireable<string>;
|
|
48
|
-
id: PropTypes.Requireable<string>;
|
|
49
|
-
style: PropTypes.Requireable<any>;
|
|
50
|
-
};
|
|
51
|
-
/**
|
|
52
|
-
* @hidden
|
|
53
|
-
*/
|
|
54
|
-
static defaultProps: {
|
|
55
|
-
appear: boolean;
|
|
56
|
-
enter: boolean;
|
|
57
|
-
exit: boolean;
|
|
58
|
-
transitionEnterDuration: number;
|
|
59
|
-
transitionExitDuration: number;
|
|
60
|
-
};
|
|
61
|
-
/**
|
|
62
|
-
* @hidden
|
|
63
|
-
*/
|
|
64
|
-
render(): import("react/jsx-runtime").JSX.Element;
|
|
65
|
-
}
|