@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.
Files changed (64) hide show
  1. package/{dist/es/Animation.d.ts → Animation.d.ts} +5 -1
  2. package/{dist/npm/AnimationChild.d.ts → AnimationChild.d.ts} +5 -1
  3. package/{dist/es/AnimationInterface.d.ts → AnimationInterface.d.ts} +4 -1
  4. package/{dist/npm/Expand.d.ts → Expand.d.ts} +6 -2
  5. package/{dist/es/Fade.d.ts → Fade.d.ts} +5 -1
  6. package/LICENSE.md +1 -1
  7. package/{dist/npm/Push.d.ts → Push.d.ts} +6 -2
  8. package/{dist/npm/Reveal.d.ts → Reveal.d.ts} +6 -2
  9. package/{dist/es/Slide.d.ts → Slide.d.ts} +6 -2
  10. package/{dist/npm/Zoom.d.ts → Zoom.d.ts} +6 -2
  11. package/dist/cdn/js/kendo-react-animation.js +5 -1
  12. package/hooks/useAnimation.d.ts +16 -0
  13. package/index.d.ts +14 -0
  14. package/index.js +5 -0
  15. package/index.mjs +669 -0
  16. package/package-metadata.d.ts +9 -0
  17. package/package.json +28 -27
  18. package/util.d.ts +15 -0
  19. package/about.md +0 -3
  20. package/dist/es/Animation.js +0 -98
  21. package/dist/es/AnimationChild.d.ts +0 -89
  22. package/dist/es/AnimationChild.js +0 -175
  23. package/dist/es/AnimationInterface.js +0 -2
  24. package/dist/es/Expand.d.ts +0 -81
  25. package/dist/es/Expand.js +0 -88
  26. package/dist/es/Fade.js +0 -83
  27. package/dist/es/Push.d.ts +0 -89
  28. package/dist/es/Push.js +0 -92
  29. package/dist/es/Reveal.d.ts +0 -101
  30. package/dist/es/Reveal.js +0 -152
  31. package/dist/es/Slide.js +0 -90
  32. package/dist/es/Zoom.d.ts +0 -87
  33. package/dist/es/Zoom.js +0 -90
  34. package/dist/es/hooks/useAnimation.d.ts +0 -12
  35. package/dist/es/hooks/useAnimation.js +0 -48
  36. package/dist/es/main.d.ts +0 -10
  37. package/dist/es/main.js +0 -10
  38. package/dist/es/package-metadata.d.ts +0 -5
  39. package/dist/es/package-metadata.js +0 -11
  40. package/dist/es/util.d.ts +0 -11
  41. package/dist/es/util.js +0 -138
  42. package/dist/npm/Animation.d.ts +0 -82
  43. package/dist/npm/Animation.js +0 -101
  44. package/dist/npm/AnimationChild.js +0 -178
  45. package/dist/npm/AnimationInterface.d.ts +0 -89
  46. package/dist/npm/AnimationInterface.js +0 -3
  47. package/dist/npm/Expand.js +0 -91
  48. package/dist/npm/Fade.d.ts +0 -67
  49. package/dist/npm/Fade.js +0 -86
  50. package/dist/npm/Push.js +0 -95
  51. package/dist/npm/Reveal.js +0 -155
  52. package/dist/npm/Slide.d.ts +0 -83
  53. package/dist/npm/Slide.js +0 -93
  54. package/dist/npm/Zoom.js +0 -93
  55. package/dist/npm/hooks/useAnimation.d.ts +0 -12
  56. package/dist/npm/hooks/useAnimation.js +0 -52
  57. package/dist/npm/main.d.ts +0 -10
  58. package/dist/npm/main.js +0 -21
  59. package/dist/npm/package-metadata.d.ts +0 -5
  60. package/dist/npm/package-metadata.js +0 -14
  61. package/dist/npm/util.d.ts +0 -11
  62. package/dist/npm/util.js +0 -140
  63. package/dist/systemjs/kendo-react-animation.js +0 -1
  64. 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})())}}});
@@ -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
- });