@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.
@@ -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",
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.3",
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
- }
@@ -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
- }
@@ -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`&mdash;Expands the content from center to top and bottom, and vice-versa.
13
- * * `horizontal`&mdash;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
- }