@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/Push.d.ts
DELETED
|
@@ -1,87 +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 Push Animation ([see example]({% slug direction_animation %}#toc-push)).
|
|
10
|
-
*
|
|
11
|
-
* The supported directions are:
|
|
12
|
-
* * (Default) `right`—Pushes the content from left to right.
|
|
13
|
-
* * `up`—Pushes the content from bottom to top.
|
|
14
|
-
* * `down`—Pushes the content from top to bottom.
|
|
15
|
-
* * `left`—Pushes the content from right to left.
|
|
16
|
-
*/
|
|
17
|
-
export type PushDirection = 'up' | 'down' | 'left' | 'right';
|
|
18
|
-
/**
|
|
19
|
-
* Represent the props of the [KendoReact Push Animation component]({% slug animationtypes_animation %}#toc-push).
|
|
20
|
-
*
|
|
21
|
-
* {% meta %}
|
|
22
|
-
* {% embed_file props/push/func/main.tsx preview %}
|
|
23
|
-
* {% embed_file props/push/func/styles.css %}
|
|
24
|
-
* {% endmeta %}
|
|
25
|
-
*
|
|
26
|
-
*/
|
|
27
|
-
export interface PushProps extends AnimationInterface {
|
|
28
|
-
/**
|
|
29
|
-
* 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.
|
|
30
|
-
*/
|
|
31
|
-
childFactory?: any;
|
|
32
|
-
/**
|
|
33
|
-
* Specifies the CSS class names which are set to the Animation.
|
|
34
|
-
*/
|
|
35
|
-
className?: string;
|
|
36
|
-
/**
|
|
37
|
-
* Specifies the direction of the Push Animation. Defaults to `out`.
|
|
38
|
-
*/
|
|
39
|
-
direction?: PushDirection;
|
|
40
|
-
/**
|
|
41
|
-
* Specifies the node type of the parent Animation. Defaults to `div`.
|
|
42
|
-
*/
|
|
43
|
-
component?: string;
|
|
44
|
-
/**
|
|
45
|
-
* Specifies the id of the Animation.
|
|
46
|
-
*/
|
|
47
|
-
id?: string;
|
|
48
|
-
/**
|
|
49
|
-
* Specifies the style of the parent Animation.
|
|
50
|
-
*/
|
|
51
|
-
style?: any;
|
|
52
|
-
/**
|
|
53
|
-
* Specifies whether the child elements will stack on top of each other without interfering ([more information and examples]({% slug stacked_animation %})).
|
|
54
|
-
*/
|
|
55
|
-
stackChildren?: boolean;
|
|
56
|
-
}
|
|
57
|
-
export declare class Push extends React.Component<PushProps, {}> {
|
|
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
|
-
direction: PropTypes.Requireable<string>;
|
|
66
|
-
component: PropTypes.Requireable<string>;
|
|
67
|
-
id: PropTypes.Requireable<string>;
|
|
68
|
-
style: PropTypes.Requireable<any>;
|
|
69
|
-
stackChildren: PropTypes.Requireable<boolean>;
|
|
70
|
-
};
|
|
71
|
-
/**
|
|
72
|
-
* @hidden
|
|
73
|
-
*/
|
|
74
|
-
static defaultProps: {
|
|
75
|
-
appear: boolean;
|
|
76
|
-
enter: boolean;
|
|
77
|
-
exit: boolean;
|
|
78
|
-
transitionEnterDuration: number;
|
|
79
|
-
transitionExitDuration: number;
|
|
80
|
-
direction: string;
|
|
81
|
-
stackChildren: boolean;
|
|
82
|
-
};
|
|
83
|
-
/**
|
|
84
|
-
* @hidden
|
|
85
|
-
*/
|
|
86
|
-
render(): import("react/jsx-runtime").JSX.Element;
|
|
87
|
-
}
|
package/Reveal.d.ts
DELETED
|
@@ -1,99 +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, AnimationEventArguments } from './AnimationInterface';
|
|
8
|
-
/**
|
|
9
|
-
* Specifies the direction of the Reveal Animation ([see example]({% slug direction_animation %}#toc-reveal)).
|
|
10
|
-
*
|
|
11
|
-
* The supported directions are:
|
|
12
|
-
* * (Default) `vertical`—Reveals the height of the content.
|
|
13
|
-
* * `horizontal`—Reveals the width of the content.
|
|
14
|
-
*/
|
|
15
|
-
export type RevealDirection = 'horizontal' | 'vertical';
|
|
16
|
-
/**
|
|
17
|
-
* Represent the props of the [KendoReact Reveal Animation component]({% slug animationtypes_animation %}#toc-rveal).
|
|
18
|
-
*
|
|
19
|
-
* {% meta %}
|
|
20
|
-
* {% embed_file props/reveal/func/main.tsx preview %}
|
|
21
|
-
* {% embed_file props/reveal/func/styles.css %}
|
|
22
|
-
* {% endmeta %}
|
|
23
|
-
*
|
|
24
|
-
*/
|
|
25
|
-
export interface RevealProps extends AnimationInterface {
|
|
26
|
-
/**
|
|
27
|
-
* 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.
|
|
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 Reveal Animation. Defaults to `vertical`.
|
|
36
|
-
*/
|
|
37
|
-
direction?: RevealDirection;
|
|
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
|
-
* @hidden
|
|
52
|
-
* This is synchronious variant of `onEnter` event.
|
|
53
|
-
*/
|
|
54
|
-
onBeforeEnter?: (event: AnimationEventArguments) => void;
|
|
55
|
-
}
|
|
56
|
-
/**
|
|
57
|
-
* @hidden
|
|
58
|
-
*/
|
|
59
|
-
export interface RevealState {
|
|
60
|
-
maxHeight?: number;
|
|
61
|
-
maxWidth?: number;
|
|
62
|
-
}
|
|
63
|
-
export declare class Reveal extends React.Component<RevealProps, RevealState> {
|
|
64
|
-
/**
|
|
65
|
-
* @hidden
|
|
66
|
-
*/
|
|
67
|
-
static propTypes: {
|
|
68
|
-
children: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
|
|
69
|
-
childFactory: PropTypes.Requireable<any>;
|
|
70
|
-
className: PropTypes.Requireable<string>;
|
|
71
|
-
direction: PropTypes.Requireable<string>;
|
|
72
|
-
component: PropTypes.Requireable<string>;
|
|
73
|
-
id: PropTypes.Requireable<string>;
|
|
74
|
-
style: PropTypes.Requireable<any>;
|
|
75
|
-
};
|
|
76
|
-
/**
|
|
77
|
-
* @hidden
|
|
78
|
-
*/
|
|
79
|
-
static defaultProps: {
|
|
80
|
-
appear: boolean;
|
|
81
|
-
enter: boolean;
|
|
82
|
-
exit: boolean;
|
|
83
|
-
transitionEnterDuration: number;
|
|
84
|
-
transitionExitDuration: number;
|
|
85
|
-
direction: string;
|
|
86
|
-
};
|
|
87
|
-
/**
|
|
88
|
-
* @hidden
|
|
89
|
-
*/
|
|
90
|
-
readonly state: RevealState;
|
|
91
|
-
/**
|
|
92
|
-
* @hidden
|
|
93
|
-
*/
|
|
94
|
-
render(): import("react/jsx-runtime").JSX.Element;
|
|
95
|
-
private componentWillEnter;
|
|
96
|
-
private componentIsEntering;
|
|
97
|
-
private componentWillExit;
|
|
98
|
-
private updateContainerDimensions;
|
|
99
|
-
}
|
package/Slide.d.ts
DELETED
|
@@ -1,81 +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 Slide Animation ([see example]({% slug direction_animation %}#toc-slide)).
|
|
10
|
-
*
|
|
11
|
-
* The supported directions are:
|
|
12
|
-
* * (Default) `down`—On showing, slides the content from top to bottom, and vice-versa.
|
|
13
|
-
* * `up`—On showing, slides the content from bottom to top, and vice-versa.
|
|
14
|
-
* * `left`—On showing, slides the content from right to left, and vice-versa.
|
|
15
|
-
* * `right`—On showing, slides the content from left to right, and vice-versa.
|
|
16
|
-
*/
|
|
17
|
-
export type SlideDirection = 'up' | 'down' | 'left' | 'right';
|
|
18
|
-
/**
|
|
19
|
-
* Represent the props of the [KendoReact Slide Animation component]({% slug animationtypes_animation %}#toc-slide).
|
|
20
|
-
*
|
|
21
|
-
* {% meta %}
|
|
22
|
-
* {% embed_file props/slide/func/main.tsx preview %}
|
|
23
|
-
* {% embed_file props/slide/func/styles.css %}
|
|
24
|
-
* {% endmeta %}
|
|
25
|
-
*
|
|
26
|
-
*/
|
|
27
|
-
export interface SlideProps extends AnimationInterface {
|
|
28
|
-
/**
|
|
29
|
-
* 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.
|
|
30
|
-
*/
|
|
31
|
-
childFactory?: any;
|
|
32
|
-
/**
|
|
33
|
-
* Specifies the CSS class names which are set to the Animation.
|
|
34
|
-
*/
|
|
35
|
-
className?: string;
|
|
36
|
-
/**
|
|
37
|
-
* Specifies the direction of the Slide Animation. Defaults to `down`.
|
|
38
|
-
*/
|
|
39
|
-
direction?: SlideDirection;
|
|
40
|
-
/**
|
|
41
|
-
* Specifies the node type of the parent Animation. Defaults to `div`.
|
|
42
|
-
*/
|
|
43
|
-
component?: string;
|
|
44
|
-
/**
|
|
45
|
-
* Specifies the id of the Animation.
|
|
46
|
-
*/
|
|
47
|
-
id?: string;
|
|
48
|
-
/**
|
|
49
|
-
* Specifies the style of the parent Animation.
|
|
50
|
-
*/
|
|
51
|
-
style?: any;
|
|
52
|
-
}
|
|
53
|
-
export declare class Slide extends React.Component<SlideProps, {}> {
|
|
54
|
-
/**
|
|
55
|
-
* @hidden
|
|
56
|
-
*/
|
|
57
|
-
static propTypes: {
|
|
58
|
-
children: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
|
|
59
|
-
childFactory: PropTypes.Requireable<any>;
|
|
60
|
-
className: PropTypes.Requireable<string>;
|
|
61
|
-
direction: PropTypes.Requireable<string>;
|
|
62
|
-
component: PropTypes.Requireable<string>;
|
|
63
|
-
id: PropTypes.Requireable<string>;
|
|
64
|
-
style: PropTypes.Requireable<any>;
|
|
65
|
-
};
|
|
66
|
-
/**
|
|
67
|
-
* @hidden
|
|
68
|
-
*/
|
|
69
|
-
static defaultProps: {
|
|
70
|
-
appear: boolean;
|
|
71
|
-
enter: boolean;
|
|
72
|
-
exit: boolean;
|
|
73
|
-
transitionEnterDuration: number;
|
|
74
|
-
transitionExitDuration: number;
|
|
75
|
-
direction: string;
|
|
76
|
-
};
|
|
77
|
-
/**
|
|
78
|
-
* @hidden
|
|
79
|
-
*/
|
|
80
|
-
render(): import("react/jsx-runtime").JSX.Element;
|
|
81
|
-
}
|
package/Zoom.d.ts
DELETED
|
@@ -1,85 +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 Zoom Animation ([see example]({% slug direction_animation %}#toc-zoom)).
|
|
10
|
-
*
|
|
11
|
-
* The supported directions are:
|
|
12
|
-
* * (Default) `out`—Zooms the content from the outside to the inside.
|
|
13
|
-
* * `in`—Zooms the content from the inside to the outside.
|
|
14
|
-
*/
|
|
15
|
-
export type ZoomDirection = 'in' | 'out';
|
|
16
|
-
/**
|
|
17
|
-
* Represent the props of the [KendoReact Zoom Animation component]({% slug animationtypes_animation %}#toc-zoom).
|
|
18
|
-
*
|
|
19
|
-
* {% meta %}
|
|
20
|
-
* {% embed_file props/zoom/func/main.tsx preview %}
|
|
21
|
-
* {% embed_file props/zoom/func/styles.css %}
|
|
22
|
-
* {% endmeta %}
|
|
23
|
-
*
|
|
24
|
-
*/
|
|
25
|
-
export interface ZoomProps extends AnimationInterface {
|
|
26
|
-
/**
|
|
27
|
-
* 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.
|
|
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 Zoom Animation. Defaults to `down`.
|
|
36
|
-
*/
|
|
37
|
-
direction?: ZoomDirection;
|
|
38
|
-
/**
|
|
39
|
-
* Specifies the node type of the parent Asnimation. 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
|
-
* Specifies whether the child elements will stack on top of each other without interfering ([more information and examples]({% slug stacked_animation %})).
|
|
52
|
-
*/
|
|
53
|
-
stackChildren?: boolean;
|
|
54
|
-
}
|
|
55
|
-
export declare class Zoom extends React.Component<ZoomProps, {}> {
|
|
56
|
-
/**
|
|
57
|
-
* @hidden
|
|
58
|
-
*/
|
|
59
|
-
static propTypes: {
|
|
60
|
-
children: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
|
|
61
|
-
childFactory: PropTypes.Requireable<any>;
|
|
62
|
-
className: PropTypes.Requireable<string>;
|
|
63
|
-
direction: PropTypes.Requireable<string>;
|
|
64
|
-
component: PropTypes.Requireable<string>;
|
|
65
|
-
id: PropTypes.Requireable<string>;
|
|
66
|
-
style: PropTypes.Requireable<any>;
|
|
67
|
-
stackChildren: PropTypes.Requireable<boolean>;
|
|
68
|
-
};
|
|
69
|
-
/**
|
|
70
|
-
* @hidden
|
|
71
|
-
*/
|
|
72
|
-
static defaultProps: {
|
|
73
|
-
appear: boolean;
|
|
74
|
-
enter: boolean;
|
|
75
|
-
exit: boolean;
|
|
76
|
-
transitionEnterDuration: number;
|
|
77
|
-
transitionExitDuration: number;
|
|
78
|
-
direction: string;
|
|
79
|
-
stackChildren: boolean;
|
|
80
|
-
};
|
|
81
|
-
/**
|
|
82
|
-
* @hidden
|
|
83
|
-
*/
|
|
84
|
-
render(): import("react/jsx-runtime").JSX.Element;
|
|
85
|
-
}
|
package/hooks/useAnimation.d.ts
DELETED
|
@@ -1,16 +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
|
-
/** @hidden */
|
|
7
|
-
export type AnimationConfig = {
|
|
8
|
-
initial?: React.CSSProperties;
|
|
9
|
-
duration?: number;
|
|
10
|
-
appear?: boolean;
|
|
11
|
-
onStart?: any;
|
|
12
|
-
onUpdate?: any;
|
|
13
|
-
onEnd?: any;
|
|
14
|
-
};
|
|
15
|
-
/** @hidden */
|
|
16
|
-
export declare const useAnimation: (config: AnimationConfig, deps: any[]) => void;
|
package/package-metadata.d.ts
DELETED
|
@@ -1,9 +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 { PackageMetadata } from '@progress/kendo-licensing';
|
|
6
|
-
/**
|
|
7
|
-
* @hidden
|
|
8
|
-
*/
|
|
9
|
-
export declare const packageMetadata: PackageMetadata;
|
package/util.d.ts
DELETED
|
@@ -1,15 +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
|
-
/**
|
|
6
|
-
* @hidden
|
|
7
|
-
*/
|
|
8
|
-
declare const stylesMap: {
|
|
9
|
-
outerHeight: (element: any) => any;
|
|
10
|
-
outerWidth: (element: any) => any;
|
|
11
|
-
styles: {
|
|
12
|
-
[name: string]: string;
|
|
13
|
-
};
|
|
14
|
-
};
|
|
15
|
-
export default stylesMap;
|