@progress/kendo-react-animation 6.1.1 → 7.0.0-develop.2
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/{dist/es/Animation.d.ts → Animation.d.ts} +5 -1
- package/{dist/npm/AnimationChild.d.ts → AnimationChild.d.ts} +5 -1
- package/{dist/es/AnimationInterface.d.ts → AnimationInterface.d.ts} +4 -1
- package/{dist/npm/Expand.d.ts → Expand.d.ts} +6 -2
- package/{dist/es/Fade.d.ts → Fade.d.ts} +5 -1
- package/LICENSE.md +1 -1
- package/{dist/npm/Push.d.ts → Push.d.ts} +6 -2
- package/{dist/npm/Reveal.d.ts → Reveal.d.ts} +6 -2
- package/{dist/es/Slide.d.ts → Slide.d.ts} +6 -2
- package/{dist/npm/Zoom.d.ts → Zoom.d.ts} +6 -2
- package/dist/cdn/js/kendo-react-animation.js +5 -1
- package/hooks/useAnimation.d.ts +16 -0
- package/index.d.ts +14 -0
- package/index.js +5 -0
- package/index.mjs +669 -0
- package/package-metadata.d.ts +9 -0
- package/package.json +28 -27
- package/util.d.ts +15 -0
- package/about.md +0 -3
- package/dist/es/Animation.js +0 -98
- package/dist/es/AnimationChild.d.ts +0 -89
- package/dist/es/AnimationChild.js +0 -175
- package/dist/es/AnimationInterface.js +0 -2
- package/dist/es/Expand.d.ts +0 -81
- package/dist/es/Expand.js +0 -88
- package/dist/es/Fade.js +0 -83
- package/dist/es/Push.d.ts +0 -89
- package/dist/es/Push.js +0 -92
- package/dist/es/Reveal.d.ts +0 -101
- package/dist/es/Reveal.js +0 -152
- package/dist/es/Slide.js +0 -90
- package/dist/es/Zoom.d.ts +0 -87
- package/dist/es/Zoom.js +0 -90
- package/dist/es/hooks/useAnimation.d.ts +0 -12
- package/dist/es/hooks/useAnimation.js +0 -48
- package/dist/es/main.d.ts +0 -10
- package/dist/es/main.js +0 -10
- package/dist/es/package-metadata.d.ts +0 -5
- package/dist/es/package-metadata.js +0 -11
- package/dist/es/util.d.ts +0 -11
- package/dist/es/util.js +0 -138
- package/dist/npm/Animation.d.ts +0 -82
- package/dist/npm/Animation.js +0 -101
- package/dist/npm/AnimationChild.js +0 -178
- package/dist/npm/AnimationInterface.d.ts +0 -89
- package/dist/npm/AnimationInterface.js +0 -3
- package/dist/npm/Expand.js +0 -91
- package/dist/npm/Fade.d.ts +0 -67
- package/dist/npm/Fade.js +0 -86
- package/dist/npm/Push.js +0 -95
- package/dist/npm/Reveal.js +0 -155
- package/dist/npm/Slide.d.ts +0 -83
- package/dist/npm/Slide.js +0 -93
- package/dist/npm/Zoom.js +0 -93
- package/dist/npm/hooks/useAnimation.d.ts +0 -12
- package/dist/npm/hooks/useAnimation.js +0 -52
- package/dist/npm/main.d.ts +0 -10
- package/dist/npm/main.js +0 -21
- package/dist/npm/package-metadata.d.ts +0 -5
- package/dist/npm/package-metadata.js +0 -14
- package/dist/npm/util.d.ts +0 -11
- package/dist/npm/util.js +0 -140
- package/dist/systemjs/kendo-react-animation.js +0 -1
- package/e2e-next/basic.tests.ts +0 -25
package/dist/npm/util.js
DELETED
|
@@ -1,140 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
/**
|
|
4
|
-
* @hidden
|
|
5
|
-
*/
|
|
6
|
-
var outerHeight = function (element) {
|
|
7
|
-
if (!element || !element.ownerDocument.defaultView) {
|
|
8
|
-
return 0;
|
|
9
|
-
}
|
|
10
|
-
var wnd = element.ownerDocument.defaultView;
|
|
11
|
-
var computedStyles = wnd.getComputedStyle(element);
|
|
12
|
-
var marginTop = parseFloat(computedStyles.marginTop);
|
|
13
|
-
var marginBottom = parseFloat(computedStyles.marginBottom);
|
|
14
|
-
return element.offsetHeight + marginTop + marginBottom;
|
|
15
|
-
};
|
|
16
|
-
/**
|
|
17
|
-
* @hidden
|
|
18
|
-
*/
|
|
19
|
-
var outerWidth = function (element) {
|
|
20
|
-
if (!element || !element.ownerDocument.defaultView) {
|
|
21
|
-
return 0;
|
|
22
|
-
}
|
|
23
|
-
var wnd = element.ownerDocument.defaultView;
|
|
24
|
-
var computedStyles = wnd.getComputedStyle(element);
|
|
25
|
-
var marginLeft = parseFloat(computedStyles.marginLeft);
|
|
26
|
-
var marginRight = parseFloat(computedStyles.marginRight);
|
|
27
|
-
return element.offsetWidth + marginLeft + marginRight;
|
|
28
|
-
};
|
|
29
|
-
/**
|
|
30
|
-
* @hidden
|
|
31
|
-
*/
|
|
32
|
-
var styles = {
|
|
33
|
-
'animation-container': 'k-animation-container',
|
|
34
|
-
'animation-container-relative': 'k-animation-container-relative',
|
|
35
|
-
'animation-container-fixed': 'k-animation-container-fixed',
|
|
36
|
-
'push-right-enter': 'k-push-right-enter',
|
|
37
|
-
'push-right-appear': 'k-push-right-appear',
|
|
38
|
-
'push-right-enter-active': 'k-push-right-enter-active',
|
|
39
|
-
'push-right-appear-active': 'k-push-right-appear-active',
|
|
40
|
-
'push-right-exit': 'k-push-right-exit',
|
|
41
|
-
'push-right-exit-active': 'k-push-right-exit-active',
|
|
42
|
-
'push-left-enter': 'k-push-left-enter',
|
|
43
|
-
'push-left-appear': 'k-push-left-appear',
|
|
44
|
-
'push-left-enter-active': 'k-push-left-enter-active',
|
|
45
|
-
'push-left-appear-active': 'k-push-left-appear-active',
|
|
46
|
-
'push-left-exit': 'k-push-left-exit',
|
|
47
|
-
'push-left-exit-active': 'k-push-left-exit-active',
|
|
48
|
-
'push-down-enter': 'k-push-down-enter',
|
|
49
|
-
'push-down-appear': 'k-push-down-appear',
|
|
50
|
-
'push-down-enter-active': 'k-push-down-enter-active',
|
|
51
|
-
'push-down-appear-active': 'k-push-down-appear-active',
|
|
52
|
-
'push-down-exit': 'k-push-down-exit',
|
|
53
|
-
'push-down-exit-active': 'k-push-down-exit-active',
|
|
54
|
-
'push-up-enter': 'k-push-up-enter',
|
|
55
|
-
'push-up-appear': 'k-push-up-appear',
|
|
56
|
-
'push-up-enter-active': 'k-push-up-enter-active',
|
|
57
|
-
'push-up-appear-active': 'k-push-up-appear-active',
|
|
58
|
-
'push-up-exit': 'k-push-up-exit',
|
|
59
|
-
'push-up-exit-active': 'k-push-up-exit-active',
|
|
60
|
-
'expand': 'k-expand',
|
|
61
|
-
'expand-vertical-enter': 'k-expand-vertical-enter',
|
|
62
|
-
'expand-vertical-appear': 'k-expand-vertical-appear',
|
|
63
|
-
'expand-vertical-enter-active': 'k-expand-vertical-enter-active',
|
|
64
|
-
'expand-vertical-appear-active': 'k-expand-vertical-appear-active',
|
|
65
|
-
'expand-vertical-exit': 'k-expand-vertical-exit',
|
|
66
|
-
'expand-vertical-exit-active': 'k-expand-vertical-exit-active',
|
|
67
|
-
'expand-horizontal-enter': 'k-expand-horizontal-enter',
|
|
68
|
-
'expand-horizontal-appear': 'k-expand-horizontal-appear',
|
|
69
|
-
'expand-horizontal-enter-active': 'k-expand-horizontal-enter-active',
|
|
70
|
-
'expand-horizontal-appear-active': 'k-expand-horizontal-appear-active',
|
|
71
|
-
'expand-horizontal-exit': 'k-expand-horizontal-exit',
|
|
72
|
-
'expand-horizontal-exit-active': 'k-expand-horizontal-exit-active',
|
|
73
|
-
'child-animation-container': 'k-child-animation-container',
|
|
74
|
-
'fade-enter': 'k-fade-enter',
|
|
75
|
-
'fade-appear': 'k-fade-appear',
|
|
76
|
-
'fade-enter-active': 'k-fade-enter-active',
|
|
77
|
-
'fade-appear-active': 'k-fade-appear-active',
|
|
78
|
-
'fade-exit': 'k-fade-exit',
|
|
79
|
-
'fade-exit-active': 'k-fade-exit-active',
|
|
80
|
-
'zoom-in-enter': 'k-zoom-in-enter',
|
|
81
|
-
'zoom-in-appear': 'k-zoom-in-appear',
|
|
82
|
-
'zoom-in-enter-active': 'k-zoom-in-enter-active',
|
|
83
|
-
'zoom-in-appear-active': 'k-zoom-in-appear-active',
|
|
84
|
-
'zoom-in-exit': 'k-zoom-in-exit',
|
|
85
|
-
'zoom-in-exit-active': 'k-zoom-in-exit-active',
|
|
86
|
-
'zoom-out-enter': 'k-zoom-out-enter',
|
|
87
|
-
'zoom-out-appear': 'k-zoom-out-appear',
|
|
88
|
-
'zoom-out-enter-active': 'k-zoom-out-enter-active',
|
|
89
|
-
'zoom-out-appear-active': 'k-zoom-out-appear-active',
|
|
90
|
-
'zoom-out-exit': 'k-zoom-out-exit',
|
|
91
|
-
'zoom-out-exit-active': 'k-zoom-out-exit-active',
|
|
92
|
-
'slide-in-appear': 'k-slide-in-appear',
|
|
93
|
-
'centered': 'k-centered',
|
|
94
|
-
'slide-in-appear-active': 'k-slide-in-appear-active',
|
|
95
|
-
'slide-down-enter': 'k-slide-down-enter',
|
|
96
|
-
'slide-down-appear': 'k-slide-down-appear',
|
|
97
|
-
'slide-down-enter-active': 'k-slide-down-enter-active',
|
|
98
|
-
'slide-down-appear-active': 'k-slide-down-appear-active',
|
|
99
|
-
'slide-down-exit': 'k-slide-down-exit',
|
|
100
|
-
'slide-down-exit-active': 'k-slide-down-exit-active',
|
|
101
|
-
'slide-up-enter': 'k-slide-up-enter',
|
|
102
|
-
'slide-up-appear': 'k-slide-up-appear',
|
|
103
|
-
'slide-up-enter-active': 'k-slide-up-enter-active',
|
|
104
|
-
'slide-up-appear-active': 'k-slide-up-appear-active',
|
|
105
|
-
'slide-up-exit': 'k-slide-up-exit',
|
|
106
|
-
'slide-up-exit-active': 'k-slide-up-exit-active',
|
|
107
|
-
'slide-right-enter': 'k-slide-right-enter',
|
|
108
|
-
'slide-right-appear': 'k-slide-right-appear',
|
|
109
|
-
'slide-right-enter-active': 'k-slide-right-enter-active',
|
|
110
|
-
'slide-right-appear-active': 'k-slide-right-appear-active',
|
|
111
|
-
'slide-right-exit': 'k-slide-right-exit',
|
|
112
|
-
'slide-right-exit-active': 'k-slide-right-exit-active',
|
|
113
|
-
'slide-left-enter': 'k-slide-left-enter',
|
|
114
|
-
'slide-left-appear': 'k-slide-left-appear',
|
|
115
|
-
'slide-left-enter-active': 'k-slide-left-enter-active',
|
|
116
|
-
'slide-left-appear-active': 'k-slide-left-appear-active',
|
|
117
|
-
'slide-left-exit': 'k-slide-left-exit',
|
|
118
|
-
'slide-left-exit-active': 'k-slide-left-exit-active',
|
|
119
|
-
'reveal-vertical-enter': 'k-reveal-vertical-enter',
|
|
120
|
-
'reveal-vertical-appear': 'k-reveal-vertical-appear',
|
|
121
|
-
'reveal-vertical-enter-active': 'k-reveal-vertical-enter-active',
|
|
122
|
-
'reveal-vertical-appear-active': 'k-reveal-vertical-appear-active',
|
|
123
|
-
'reveal-vertical-exit': 'k-reveal-vertical-exit',
|
|
124
|
-
'reveal-vertical-exit-active': 'k-reveal-vertical-exit-active',
|
|
125
|
-
'reveal-horizontal-enter': 'k-reveal-horizontal-enter',
|
|
126
|
-
'reveal-horizontal-appear': 'k-reveal-horizontal-appear',
|
|
127
|
-
'reveal-horizontal-enter-active': 'k-reveal-horizontal-enter-active',
|
|
128
|
-
'reveal-horizontal-appear-active': 'k-reveal-horizontal-appear-active',
|
|
129
|
-
'reveal-horizontal-exit': 'k-reveal-horizontal-exit',
|
|
130
|
-
'reveal-horizontal-exit-active': 'k-reveal-horizontal-exit-active'
|
|
131
|
-
};
|
|
132
|
-
/**
|
|
133
|
-
* @hidden
|
|
134
|
-
*/
|
|
135
|
-
var stylesMap = {
|
|
136
|
-
outerHeight: outerHeight,
|
|
137
|
-
outerWidth: outerWidth,
|
|
138
|
-
styles: styles
|
|
139
|
-
};
|
|
140
|
-
exports.default = stylesMap;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
System.register("@progress/kendo-react-animation",["@progress/kendo-react-common","prop-types","react","react-transition-group"],function(e,t){var h={},y={},v={},m={};return Object.defineProperty(h,"__esModule",{value:!0}),Object.defineProperty(y,"__esModule",{value:!0}),Object.defineProperty(v,"__esModule",{value:!0}),Object.defineProperty(m,"__esModule",{value:!0}),{setters:[function(t){Object.keys(t).forEach(function(e){h[e]=t[e]})},function(t){Object.keys(t).forEach(function(e){y[e]=t[e]})},function(t){Object.keys(t).forEach(function(e){v[e]=t[e]})},function(t){Object.keys(t).forEach(function(e){m[e]=t[e]})}],execute:function(){e((()=>{"use strict";var n={134:function(e,t,n){var r,i,o=this&&this.__extends||(r=function(e,t){return(r=Object.setPrototypeOf||({__proto__:[]}instanceof Array?function(e,t){e.__proto__=t}:function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}))(e,t)},function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function n(){this.constructor=e}r(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),s=this&&this.__assign||function(){return(s=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e}).apply(this,arguments)},u=this&&this.__rest||function(e,t){var n={};for(i in e)Object.prototype.hasOwnProperty.call(e,i)&&t.indexOf(i)<0&&(n[i]=e[i]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols)for(var r=0,i=Object.getOwnPropertySymbols(e);r<i.length;r++)t.indexOf(i[r])<0&&Object.prototype.propertyIsEnumerable.call(e,i[r])&&(n[i[r]]=e[i[r]]);return n},d=(Object.defineProperty(t,"__esModule",{value:!0}),t.Animation=void 0,n(954)),a=n(895),f=n(811),h=n(255),y=n(838),p=n(811),c=n(363),v=n(779).default.styles,n=(i=d.Component,o(l,i),l.prototype.render=function(){var e=this.props,t=e.id,n=e.style,r=e.children,i=e.component,o=e.className,a=e.childFactory,p=(e.stackChildren,e.componentChildStyle),c=e.componentChildClassName,l=u(e,["id","style","children","component","className","childFactory","stackChildren","componentChildStyle","componentChildClassName"]),e={id:t,style:n,component:i,childFactory:a,className:(0,f.classNames)(v["animation-container"],v["animation-container-relative"],o)},t=d.Children.map(r||null,function(e){return d.createElement(h.AnimationChild,s({},l,{style:p,className:c}),e)});return d.createElement(y.TransitionGroup,s({},e),t)},l.propTypes={children:a.oneOfType([a.arrayOf(a.node),a.node]),childFactory:a.any,className:a.string,component:a.string,id:a.string,style:a.any,transitionName:a.string.isRequired,appear:a.bool.isRequired,enter:a.bool.isRequired,exit:a.bool.isRequired,transitionEnterDuration:a.number.isRequired,transitionExitDuration:a.number.isRequired},l.defaultProps={component:"div"},l);function l(e){e=i.call(this,e)||this;return(0,p.validatePackage)(c.packageMetadata),e}t.Animation=n},255:function(e,t,n){var r,i,o=this&&this.__extends||(r=function(e,t){return(r=Object.setPrototypeOf||({__proto__:[]}instanceof Array?function(e,t){e.__proto__=t}:function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}))(e,t)},function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function n(){this.constructor=e}r(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),P=this&&this.__assign||function(){return(P=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e}).apply(this,arguments)},S=this&&this.__rest||function(e,t){var n={};for(i in e)Object.prototype.hasOwnProperty.call(e,i)&&t.indexOf(i)<0&&(n[i]=e[i]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols)for(var r=0,i=Object.getOwnPropertySymbols(e);r<i.length;r++)t.indexOf(i[r])<0&&Object.prototype.propertyIsEnumerable.call(e,i[r])&&(n[i[r]]=e[i[r]]);return n},z=(Object.defineProperty(t,"__esModule",{value:!0}),t.AnimationChild=void 0,n(954)),a=n(895),C=n(811),A=n(838),D=n(779).default.styles,n=(i=z.Component,o(p,i),Object.defineProperty(p.prototype,"element",{get:function(){return this.elementRef.current},enumerable:!1,configurable:!0}),p.prototype.render=function(){var t=this,e=this.props,n=e.children,r=e.style,i=e.appear,o=e.enter,a=e.exit,p=e.transitionName,c=e.transitionEnterDuration,l=e.transitionExitDuration,s=e.className,u=e.onEnter,d=e.onEntering,f=e.onEntered,h=e.onExit,y=e.onExiting,v=e.onExited,m=e.onAfterExited,x=e.mountOnEnter,O=e.unmountOnExit,g=e.animationEnteringStyle,b=e.animationEnteredStyle,_=e.animationExitingStyle,E=e.animationExitedStyle,e=S(e,["children","style","appear","enter","exit","transitionName","transitionEnterDuration","transitionExitDuration","className","onEnter","onEntering","onEntered","onExit","onExiting","onExited","onAfterExited","mountOnEnter","unmountOnExit","animationEnteringStyle","animationEnteredStyle","animationExitingStyle","animationExitedStyle"]),k=(0,C.classNames)(s,D["child-animation-container"]),w=P({transitionDelay:"0ms"},r),j={entering:P({transitionDuration:"".concat(c,"ms")},g),entered:P({},b),exiting:P({transitionDuration:"".concat(l,"ms")},_),exited:P({},E)},s={in:this.props.in,appear:i,enter:o,exit:a,mountOnEnter:x,unmountOnExit:O,timeout:{enter:c,exit:l},onEnter:function(){u&&u.call(void 0,{animatedElement:t.element,target:t})},onEntering:function(){d&&d.call(void 0,{animatedElement:t.element,target:t})},onEntered:function(){f&&f.call(void 0,{animatedElement:t.element,target:t})},onExit:function(){h&&h.call(void 0,{animatedElement:t.element,target:t})},onExiting:function(){y&&y.call(void 0,{animatedElement:t.element,target:t})},onExited:function(){m&&m.call(void 0,{animatedElement:t.element,target:t}),v&&v.call(void 0,{animatedElement:t.element,target:t})},classNames:{appear:D["".concat(p,"-appear")]||"".concat(p,"-appear"),appearActive:D["".concat(p,"-appear-active")]||"".concat(p,"-appear-active"),enter:D["".concat(p,"-enter")]||"".concat(p,"-enter"),enterActive:D["".concat(p,"-enter-active")]||"".concat(p,"-enter-active"),exit:D["".concat(p,"-exit")]||"".concat(p,"-exit"),exitActive:D["".concat(p,"-exit-active")]||"".concat(p,"-exit-active")}};return z.createElement(A.CSSTransition,P({},s,e,{nodeRef:this.elementRef}),function(e){return z.createElement("div",{style:P(P({},w),j[e]),className:k,ref:t.elementRef},n)})},p.propTypes={in:a.bool,children:a.oneOfType([a.arrayOf(a.node),a.node]),transitionName:a.string.isRequired,className:a.string,appear:a.bool,enter:a.bool,exit:a.bool,transitionEnterDuration:a.number.isRequired,transitionExitDuration:a.number.isRequired,mountOnEnter:a.bool,unmountOnExit:a.bool,animationEnteringStyle:a.object,animationEnteredStyle:a.object,animationExitingStyle:a.object,animationExitedStyle:a.object},p.defaultProps={mountOnEnter:!0,unmountOnExit:!1,onEnter:C.noop,onEntering:C.noop,onEntered:C.noop,onExit:C.noop,onExiting:C.noop,onExited:C.noop,onAfterExited:C.noop,animationEnteringStyle:{},animationEnteredStyle:{},animationExitingStyle:{},animationExitedStyle:{}},p);function p(){var e=null!==i&&i.apply(this,arguments)||this;return e.elementRef=z.createRef(),e}t.AnimationChild=n},632:function(e,t,n){var r,i,o=this&&this.__extends||(r=function(e,t){return(r=Object.setPrototypeOf||({__proto__:[]}instanceof Array?function(e,t){e.__proto__=t}:function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}))(e,t)},function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function n(){this.constructor=e}r(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),a=this&&this.__assign||function(){return(a=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e}).apply(this,arguments)},p=this&&this.__rest||function(e,t){var n={};for(i in e)Object.prototype.hasOwnProperty.call(e,i)&&t.indexOf(i)<0&&(n[i]=e[i]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols)for(var r=0,i=Object.getOwnPropertySymbols(e);r<i.length;r++)t.indexOf(i[r])<0&&Object.prototype.propertyIsEnumerable.call(e,i[r])&&(n[i[r]]=e[i[r]]);return n},c=(Object.defineProperty(t,"__esModule",{value:!0}),t.Expand=void 0,n(954)),l=n(895),s=n(134),n=(i=c.Component,o(u,i),u.prototype.render=function(){var e=this.props,t=e.direction,n=e.children,e=p(e,["direction","children"]),t={transitionName:"expand-".concat(t)};return c.createElement(s.Animation,a({},t,e),n)},u.propTypes={children:l.oneOfType([l.arrayOf(l.node),l.node]),childFactory:l.any,className:l.string,direction:l.oneOf(["horizontal","vertical"]),component:l.string,id:l.string,style:l.any},u.defaultProps={appear:!1,enter:!0,exit:!0,transitionEnterDuration:300,transitionExitDuration:300,direction:"vertical"},u);function u(){return null!==i&&i.apply(this,arguments)||this}t.Expand=n},767:function(e,t,n){var r,i,o=this&&this.__extends||(r=function(e,t){return(r=Object.setPrototypeOf||({__proto__:[]}instanceof Array?function(e,t){e.__proto__=t}:function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}))(e,t)},function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function n(){this.constructor=e}r(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),a=this&&this.__assign||function(){return(a=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e}).apply(this,arguments)},p=this&&this.__rest||function(e,t){var n={};for(i in e)Object.prototype.hasOwnProperty.call(e,i)&&t.indexOf(i)<0&&(n[i]=e[i]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols)for(var r=0,i=Object.getOwnPropertySymbols(e);r<i.length;r++)t.indexOf(i[r])<0&&Object.prototype.propertyIsEnumerable.call(e,i[r])&&(n[i[r]]=e[i[r]]);return n},c=(Object.defineProperty(t,"__esModule",{value:!0}),t.Fade=void 0,n(954)),l=n(895),s=n(134),n=(i=c.Component,o(u,i),u.prototype.render=function(){var e=this.props,t=e.children,e=p(e,["children"]);return c.createElement(s.Animation,a({},{transitionName:"fade"},e),t)},u.propTypes={children:l.oneOfType([l.arrayOf(l.node),l.node]),childFactory:l.any,className:l.string,component:l.string,id:l.string,style:l.any},u.defaultProps={appear:!1,enter:!0,exit:!1,transitionEnterDuration:500,transitionExitDuration:500},u);function u(){return null!==i&&i.apply(this,arguments)||this}t.Fade=n},540:function(e,t,n){var r,i,o=this&&this.__extends||(r=function(e,t){return(r=Object.setPrototypeOf||({__proto__:[]}instanceof Array?function(e,t){e.__proto__=t}:function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}))(e,t)},function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function n(){this.constructor=e}r(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),a=this&&this.__assign||function(){return(a=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e}).apply(this,arguments)},p=this&&this.__rest||function(e,t){var n={};for(i in e)Object.prototype.hasOwnProperty.call(e,i)&&t.indexOf(i)<0&&(n[i]=e[i]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols)for(var r=0,i=Object.getOwnPropertySymbols(e);r<i.length;r++)t.indexOf(i[r])<0&&Object.prototype.propertyIsEnumerable.call(e,i[r])&&(n[i[r]]=e[i[r]]);return n},c=(Object.defineProperty(t,"__esModule",{value:!0}),t.Push=void 0,n(954)),l=n(895),s=n(134),u={position:"absolute",top:"0",left:"0"},n=(i=c.Component,o(d,i),d.prototype.render=function(){var e=this.props,t=e.children,n=e.direction,e=p(e,["children","direction"]);return c.createElement(s.Animation,a({},e,{transitionName:"push-".concat(n),animationExitingStyle:this.props.stackChildren?u:void 0}),t)},d.propTypes={children:l.oneOfType([l.arrayOf(l.node),l.node]),childFactory:l.any,className:l.string,direction:l.oneOf(["up","down","left","right"]),component:l.string,id:l.string,style:l.any,stackChildren:l.bool},d.defaultProps={appear:!1,enter:!0,exit:!0,transitionEnterDuration:300,transitionExitDuration:300,direction:"right",stackChildren:!1},d);function d(){return null!==i&&i.apply(this,arguments)||this}t.Push=n},343:function(e,t,n){var r,i,o=this&&this.__extends||(r=function(e,t){return(r=Object.setPrototypeOf||({__proto__:[]}instanceof Array?function(e,t){e.__proto__=t}:function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}))(e,t)},function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function n(){this.constructor=e}r(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),p=this&&this.__assign||function(){return(p=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e}).apply(this,arguments)},c=this&&this.__rest||function(e,t){var n={};for(i in e)Object.prototype.hasOwnProperty.call(e,i)&&t.indexOf(i)<0&&(n[i]=e[i]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols)for(var r=0,i=Object.getOwnPropertySymbols(e);r<i.length;r++)t.indexOf(i[r])<0&&Object.prototype.propertyIsEnumerable.call(e,i[r])&&(n[i[r]]=e[i[r]]);return n},l=(Object.defineProperty(t,"__esModule",{value:!0}),t.Reveal=void 0,n(954)),a=n(895),s=n(134),u=n(811),d=n(779),n=(i=l.Component,o(f,i),f.prototype.render=function(){var t,e=this.props,n=e.direction,r=e.children,i=e.childFactory,e=c(e,["direction","children","childFactory"]),o=this.state,a=o.maxHeight,o=o.maxWidth,a={maxHeight:(t="vertical"===n?{maxHeight:a?"".concat(a,"px"):""}:{maxWidth:o?"".concat(o,"px"):""}).maxHeight,maxWidth:t.maxWidth};return l.createElement(s.Animation,p({},e,{childFactory:function(e){e=i?i(e):e;return e.props.in?e:l.cloneElement(e,p(p({},e.props),{style:p(p({},e.props.style),{maxHeight:t.maxHeight,maxWidth:t.maxWidth})}))},onEnter:this.componentWillEnter,onEntering:this.componentIsEntering,onExit:this.componentWillExit,animationEnteringStyle:a,transitionName:"reveal-".concat(n)}),r)},f.propTypes={children:a.oneOfType([a.arrayOf(a.node),a.node]),childFactory:a.any,className:a.string,direction:a.oneOf(["horizontal","vertical"]),component:a.string,id:a.string,style:a.any},f.defaultProps={appear:!1,enter:!0,exit:!0,transitionEnterDuration:300,transitionExitDuration:300,direction:"vertical"},f);function f(){var r=null!==i&&i.apply(this,arguments)||this;return r.state={maxHeight:void 0,maxWidth:void 0},r.componentWillEnter=function(e){var t=r.props,n=t.onEnter,t=t.onBeforeEnter;t&&t.call(void 0,e),r.updateContainerDimensions(e.animatedElement,function(){n&&n.call(void 0,e)})},r.componentIsEntering=function(e){var t=r.props.onEntering;r.updateContainerDimensions(e.animatedElement,function(){t&&t.call(void 0,e)})},r.componentWillExit=function(e){var t=r.props.onExit;r.updateContainerDimensions(e.animatedElement,function(){t&&t.call(void 0,e)})},r.updateContainerDimensions=function(e,t){void 0===t&&(t=u.noop);var n,e=e.firstChild;e&&(n=d.default.outerHeight(e),e=d.default.outerWidth(e),r.setState({maxHeight:n,maxWidth:e},t))},r}t.Reveal=n},652:function(e,t,n){var r,i,o=this&&this.__extends||(r=function(e,t){return(r=Object.setPrototypeOf||({__proto__:[]}instanceof Array?function(e,t){e.__proto__=t}:function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}))(e,t)},function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function n(){this.constructor=e}r(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),a=this&&this.__assign||function(){return(a=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e}).apply(this,arguments)},p=this&&this.__rest||function(e,t){var n={};for(i in e)Object.prototype.hasOwnProperty.call(e,i)&&t.indexOf(i)<0&&(n[i]=e[i]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols)for(var r=0,i=Object.getOwnPropertySymbols(e);r<i.length;r++)t.indexOf(i[r])<0&&Object.prototype.propertyIsEnumerable.call(e,i[r])&&(n[i[r]]=e[i[r]]);return n},c=(Object.defineProperty(t,"__esModule",{value:!0}),t.Slide=void 0,n(954)),l=n(895),s=n(134),n=(i=c.Component,o(u,i),u.prototype.render=function(){var e=this.props,t=e.direction,n=e.children,e=p(e,["direction","children"]),t={transitionName:"slide-".concat(t)};return c.createElement(s.Animation,a({},t,e),n)},u.propTypes={children:l.oneOfType([l.arrayOf(l.node),l.node]),childFactory:l.any,className:l.string,direction:l.oneOf(["up","down","left","right"]),component:l.string,id:l.string,style:l.any},u.defaultProps={appear:!1,enter:!0,exit:!0,transitionEnterDuration:300,transitionExitDuration:300,direction:"down"},u);function u(){return null!==i&&i.apply(this,arguments)||this}t.Slide=n},908:function(e,t,n){var r,i,o=this&&this.__extends||(r=function(e,t){return(r=Object.setPrototypeOf||({__proto__:[]}instanceof Array?function(e,t){e.__proto__=t}:function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}))(e,t)},function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function n(){this.constructor=e}r(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),a=this&&this.__assign||function(){return(a=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e}).apply(this,arguments)},p=this&&this.__rest||function(e,t){var n={};for(i in e)Object.prototype.hasOwnProperty.call(e,i)&&t.indexOf(i)<0&&(n[i]=e[i]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols)for(var r=0,i=Object.getOwnPropertySymbols(e);r<i.length;r++)t.indexOf(i[r])<0&&Object.prototype.propertyIsEnumerable.call(e,i[r])&&(n[i[r]]=e[i[r]]);return n},c=(Object.defineProperty(t,"__esModule",{value:!0}),t.Zoom=void 0,n(954)),l=n(895),s=n(134),u={position:"absolute",top:"0",left:"0"},n=(i=c.Component,o(d,i),d.prototype.render=function(){var e=this.props,t=e.children,n=e.direction,e=p(e,["children","direction"]);return c.createElement(s.Animation,a({},e,{transitionName:"zoom-".concat(n),animationExitingStyle:this.props.stackChildren?u:void 0}),t)},d.propTypes={children:l.oneOfType([l.arrayOf(l.node),l.node]),childFactory:l.any,className:l.string,direction:l.oneOf(["in","out"]),component:l.string,id:l.string,style:l.any,stackChildren:l.bool},d.defaultProps={appear:!1,enter:!0,exit:!0,transitionEnterDuration:300,transitionExitDuration:300,direction:"out",stackChildren:!1},d);function d(){return null!==i&&i.apply(this,arguments)||this}t.Zoom=n},399:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.useAnimation=void 0;var r=n(954);t.useAnimation=function(e,t){var a=r.useRef(0),n=r.useRef(!1),p=r.useRef();r.useEffect(function(){var t=e;function n(e){(e=(e-(r=r||e)+1)/i+o)<=1?(t.onUpdate&&t.onUpdate(e),p.current=window.requestAnimationFrame(n),a.current=e):(t.onEnd&&t.onEnd(1),a.current=0)}var r,i=t.duration,o=a.current&&1-a.current;return t.onStart&&t.onStart(),p.current=window.requestAnimationFrame(n),function(){p.current&&window.cancelAnimationFrame(p.current)}},t),r.useEffect(function(){n.current=!0},[])}},363:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.packageMetadata=void 0,t.packageMetadata={name:"@progress/kendo-react-animation",productName:"KendoReact",productCodes:["KENDOUIREACT","KENDOUICOMPLETE"],publishDate:1700063333,version:"",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/my-license/?utm_medium=product&utm_source=kendoreact&utm_campaign=kendo-ui-react-purchase-license-keys-warning"}},779:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.default={outerHeight:function(e){var t,n;return e&&e.ownerDocument.defaultView?(n=e.ownerDocument.defaultView.getComputedStyle(e),t=parseFloat(n.marginTop),n=parseFloat(n.marginBottom),e.offsetHeight+t+n):0},outerWidth:function(e){var t,n;return e&&e.ownerDocument.defaultView?(n=e.ownerDocument.defaultView.getComputedStyle(e),t=parseFloat(n.marginLeft),n=parseFloat(n.marginRight),e.offsetWidth+t+n):0},styles:{"animation-container":"k-animation-container","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"}}},811:e=>{e.exports=h},895:e=>{e.exports=y},954:e=>{e.exports=v},838:e=>{e.exports=m}},r={};function i(e){var t=r[e];return void 0!==t||(t=r[e]={exports:{}},n[e].call(t.exports,t,t.exports,i)),t.exports}var e,t,o,a,p,c,l,s,u,d,f={};return e=f,Object.defineProperty(e,"__esModule",{value:!0}),e.useAnimation=e.Reveal=e.Zoom=e.Slide=e.Push=e.Expand=e.Fade=e.AnimationChild=e.Animation=void 0,t=i(134),Object.defineProperty(e,"Animation",{enumerable:!0,get:function(){return t.Animation}}),o=i(255),Object.defineProperty(e,"AnimationChild",{enumerable:!0,get:function(){return o.AnimationChild}}),a=i(767),Object.defineProperty(e,"Fade",{enumerable:!0,get:function(){return a.Fade}}),p=i(632),Object.defineProperty(e,"Expand",{enumerable:!0,get:function(){return p.Expand}}),c=i(540),Object.defineProperty(e,"Push",{enumerable:!0,get:function(){return c.Push}}),l=i(652),Object.defineProperty(e,"Slide",{enumerable:!0,get:function(){return l.Slide}}),s=i(908),Object.defineProperty(e,"Zoom",{enumerable:!0,get:function(){return s.Zoom}}),u=i(343),Object.defineProperty(e,"Reveal",{enumerable:!0,get:function(){return u.Reveal}}),d=i(399),Object.defineProperty(e,"useAnimation",{enumerable:!0,get:function(){return d.useAnimation}}),f})())}}});
|
package/e2e-next/basic.tests.ts
DELETED
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
import { Browser, By } from '@progress/kendo-e2e';
|
|
2
|
-
import { LOCATORS } from '../../../e2eUtils/const';
|
|
3
|
-
|
|
4
|
-
let browser: Browser;
|
|
5
|
-
|
|
6
|
-
beforeAll(() => {
|
|
7
|
-
browser = new Browser();
|
|
8
|
-
});
|
|
9
|
-
|
|
10
|
-
beforeEach(async () => {
|
|
11
|
-
await browser.navigateTo('http://localhost:3000/animation/overview');
|
|
12
|
-
});
|
|
13
|
-
|
|
14
|
-
afterEach(async () => {
|
|
15
|
-
expect(await browser.getErrorLogs()).toEqual([]);
|
|
16
|
-
});
|
|
17
|
-
|
|
18
|
-
afterAll(async () => {
|
|
19
|
-
await browser.close();
|
|
20
|
-
});
|
|
21
|
-
|
|
22
|
-
it('should not have errors', async () => {
|
|
23
|
-
await browser.click(LOCATORS.BUTTON);
|
|
24
|
-
expect(await browser.isVisible(By.css('.k-child-animation-container')));
|
|
25
|
-
});
|