@semcore/animation - npm Package Compare versions

Comparing version 1.2.0 to 1.2.1

CHANGELOG.md

@@ -5,2 +5,8 @@ # Changelog
 
+## [1.2.1] - 2020-12-25
+
+### Fixed
+
+- Fixed bubbling call handlers `onAnimationStart`, `onAnimationEnd` from inside components.
+
 ## [1.2.0] - 2020-12-17
@@ -7,0 +13,0 @@

lib/cjs/Animation.js

@@ -40,9 +40,9 @@ "use strict";
 /*__inner_css_start__*/
-".___SAnimation_fp5j9_gg_{-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-animation-duration:var(--sl8dr_0);animation-duration:var(--sl8dr_0);-webkit-animation-delay:var(--sl8dr_1);animation-delay:var(--sl8dr_1);-webkit-animation-name:var(--sl8dr_2);animation-name:var(--sl8dr_2)}.___SAnimation_fp5j9_gg_.__visible_fp5j9_gg_{-webkit-animation-duration:var(--sl8dr_3);animation-duration:var(--sl8dr_3);-webkit-animation-delay:var(--sl8dr_4);animation-delay:var(--sl8dr_4);-webkit-animation-name:var(--sl8dr_5);animation-name:var(--sl8dr_5)}"
+".___SAnimation_1aqv3_gg_{-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-animation-duration:var(--sl8dr_0);animation-duration:var(--sl8dr_0);-webkit-animation-delay:var(--sl8dr_1);animation-delay:var(--sl8dr_1);-webkit-animation-name:var(--sl8dr_2);animation-name:var(--sl8dr_2)}.___SAnimation_1aqv3_gg_.__visible_1aqv3_gg_{-webkit-animation-duration:var(--sl8dr_3);animation-duration:var(--sl8dr_3);-webkit-animation-delay:var(--sl8dr_4);animation-delay:var(--sl8dr_4);-webkit-animation-name:var(--sl8dr_5);animation-name:var(--sl8dr_5)}"
 /*__inner_css_end__*/
-, "u2kg22_gg_")
+, "7iapvi_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SAnimation": "___SAnimation_fp5j9_gg_",
-  "_visible": "__visible_fp5j9_gg_"
+  "__SAnimation": "___SAnimation_1aqv3_gg_",
+  "_visible": "__visible_1aqv3_gg_"
 })]);
@@ -49,0 +49,0 @@

lib/cjs/Collapse.js

@@ -26,9 +26,9 @@ "use strict";
 /*__inner_css_start__*/
-"@-webkit-keyframes _enter_a0euw_gg_{0%{overflow:hidden;height:0}to{height:var(--2sogeq_0)}}@keyframes _enter_a0euw_gg_{0%{overflow:hidden;height:0}to{height:var(--2sogeq_0)}}@-webkit-keyframes _exit_a0euw_gg_{0%{height:var(--2sogeq_0)}to{overflow:hidden;height:0}}@keyframes _exit_a0euw_gg_{0%{height:var(--2sogeq_0)}to{overflow:hidden;height:0}}"
+"@-webkit-keyframes _enter_ezhkz_gg_{0%{overflow:hidden;height:0}to{height:var(--2sogeq_0)}}@keyframes _enter_ezhkz_gg_{0%{overflow:hidden;height:0}to{height:var(--2sogeq_0)}}@-webkit-keyframes _exit_ezhkz_gg_{0%{height:var(--2sogeq_0)}to{height:0}}@keyframes _exit_ezhkz_gg_{0%{height:var(--2sogeq_0)}to{height:0}}"
 /*__inner_css_end__*/
-, "4mkg5h_gg_")
+, "1giou6d_gg_")
 /*__reshadow_css_end__*/
 , {
-  "enter": "_enter_a0euw_gg_",
-  "exit": "_exit_a0euw_gg_"
+  "enter": "_enter_ezhkz_gg_",
+  "exit": "_exit_ezhkz_gg_"
 })]);
@@ -48,2 +48,3 @@
   var handlerAnimationStart = (0, _react.useCallback)(function (e) {
+    if (e.currentTarget !== e.target) return;
     if (onAnimationStart) onAnimationStart(e);
@@ -54,2 +55,3 @@ e.currentTarget.style.overflow = 'hidden';
   var handlerAnimationEnd = (0, _react.useCallback)(function (e) {
+    if (e.currentTarget !== e.target) return;
     if (onAnimationEnd) onAnimationEnd(e);
@@ -56,0 +58,0 @@ e.currentTarget.style.overflow = 'initial';

lib/cjs/FadeInOut.js

@@ -20,9 +20,9 @@ "use strict";
 /*__inner_css_start__*/
-"@-webkit-keyframes _enter_1snjz_gg_{0%{opacity:0}to{opacity:1}}@keyframes _enter_1snjz_gg_{0%{opacity:0}to{opacity:1}}@-webkit-keyframes _exit_1snjz_gg_{0%{opacity:1}to{opacity:0}}@keyframes _exit_1snjz_gg_{0%{opacity:1}to{opacity:0}}"
+"@-webkit-keyframes _enter_1pkve_gg_{0%{opacity:0}to{opacity:1}}@keyframes _enter_1pkve_gg_{0%{opacity:0}to{opacity:1}}@-webkit-keyframes _exit_1pkve_gg_{0%{opacity:1}to{opacity:0}}@keyframes _exit_1pkve_gg_{0%{opacity:1}to{opacity:0}}"
 /*__inner_css_end__*/
-, "1mf32yt_gg_")
+, "1f1tqat_gg_")
 /*__reshadow_css_end__*/
 , {
-  "enter": "_enter_1snjz_gg_",
-  "exit": "_exit_1snjz_gg_"
+  "enter": "_enter_1pkve_gg_",
+  "exit": "_exit_1pkve_gg_"
 })]);
@@ -29,0 +29,0 @@

lib/cjs/Transform.js

@@ -22,9 +22,9 @@ "use strict";
 /*__inner_css_start__*/
-"@-webkit-keyframes _enter_cn1nn_gg_{0%{transform:var(--1fnsxx1_0)}to{transform:var(--1fnsxx1_1)}}@keyframes _enter_cn1nn_gg_{0%{transform:var(--1fnsxx1_0)}to{transform:var(--1fnsxx1_1)}}@-webkit-keyframes _exit_cn1nn_gg_{0%{transform:var(--1fnsxx1_1)}to{transform:var(--1fnsxx1_0)}}@keyframes _exit_cn1nn_gg_{0%{transform:var(--1fnsxx1_1)}to{transform:var(--1fnsxx1_0)}}"
+"@-webkit-keyframes _enter_hxyre_gg_{0%{transform:var(--1fnsxx1_0)}to{transform:var(--1fnsxx1_1)}}@keyframes _enter_hxyre_gg_{0%{transform:var(--1fnsxx1_0)}to{transform:var(--1fnsxx1_1)}}@-webkit-keyframes _exit_hxyre_gg_{0%{transform:var(--1fnsxx1_1)}to{transform:var(--1fnsxx1_0)}}@keyframes _exit_hxyre_gg_{0%{transform:var(--1fnsxx1_1)}to{transform:var(--1fnsxx1_0)}}"
 /*__inner_css_end__*/
-, "15wuxfp_gg_")
+, "1kly9ad_gg_")
 /*__reshadow_css_end__*/
 , {
-  "enter": "_enter_cn1nn_gg_",
-  "exit": "_exit_cn1nn_gg_"
+  "enter": "_enter_hxyre_gg_",
+  "exit": "_exit_hxyre_gg_"
 })]);
@@ -31,0 +31,0 @@

lib/es6/Animation.js

@@ -20,9 +20,9 @@ import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 /*__inner_css_start__*/
-".___SAnimation_fp5j9_gg_{-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-animation-duration:var(--sl8dr_0);animation-duration:var(--sl8dr_0);-webkit-animation-delay:var(--sl8dr_1);animation-delay:var(--sl8dr_1);-webkit-animation-name:var(--sl8dr_2);animation-name:var(--sl8dr_2)}.___SAnimation_fp5j9_gg_.__visible_fp5j9_gg_{-webkit-animation-duration:var(--sl8dr_3);animation-duration:var(--sl8dr_3);-webkit-animation-delay:var(--sl8dr_4);animation-delay:var(--sl8dr_4);-webkit-animation-name:var(--sl8dr_5);animation-name:var(--sl8dr_5)}"
+".___SAnimation_1aqv3_gg_{-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-animation-duration:var(--sl8dr_0);animation-duration:var(--sl8dr_0);-webkit-animation-delay:var(--sl8dr_1);animation-delay:var(--sl8dr_1);-webkit-animation-name:var(--sl8dr_2);animation-name:var(--sl8dr_2)}.___SAnimation_1aqv3_gg_.__visible_1aqv3_gg_{-webkit-animation-duration:var(--sl8dr_3);animation-duration:var(--sl8dr_3);-webkit-animation-delay:var(--sl8dr_4);animation-delay:var(--sl8dr_4);-webkit-animation-name:var(--sl8dr_5);animation-name:var(--sl8dr_5)}"
 /*__inner_css_end__*/
-, "u2kg22_gg_")
+, "7iapvi_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SAnimation": "___SAnimation_fp5j9_gg_",
-  "_visible": "__visible_fp5j9_gg_"
+  "__SAnimation": "___SAnimation_1aqv3_gg_",
+  "_visible": "__visible_1aqv3_gg_"
 })]);
@@ -29,0 +29,0 @@

lib/es6/Collapse.js

@@ -10,9 +10,9 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 /*__inner_css_start__*/
-"@-webkit-keyframes _enter_a0euw_gg_{0%{overflow:hidden;height:0}to{height:var(--2sogeq_0)}}@keyframes _enter_a0euw_gg_{0%{overflow:hidden;height:0}to{height:var(--2sogeq_0)}}@-webkit-keyframes _exit_a0euw_gg_{0%{height:var(--2sogeq_0)}to{overflow:hidden;height:0}}@keyframes _exit_a0euw_gg_{0%{height:var(--2sogeq_0)}to{overflow:hidden;height:0}}"
+"@-webkit-keyframes _enter_ezhkz_gg_{0%{overflow:hidden;height:0}to{height:var(--2sogeq_0)}}@keyframes _enter_ezhkz_gg_{0%{overflow:hidden;height:0}to{height:var(--2sogeq_0)}}@-webkit-keyframes _exit_ezhkz_gg_{0%{height:var(--2sogeq_0)}to{height:0}}@keyframes _exit_ezhkz_gg_{0%{height:var(--2sogeq_0)}to{height:0}}"
 /*__inner_css_end__*/
-, "4mkg5h_gg_")
+, "1giou6d_gg_")
 /*__reshadow_css_end__*/
 , {
-  "enter": "_enter_a0euw_gg_",
-  "exit": "_exit_a0euw_gg_"
+  "enter": "_enter_ezhkz_gg_",
+  "exit": "_exit_ezhkz_gg_"
 })]);
@@ -33,2 +33,3 @@
   var handlerAnimationStart = useCallback(function (e) {
+    if (e.currentTarget !== e.target) return;
     if (onAnimationStart) onAnimationStart(e);
@@ -39,2 +40,3 @@ e.currentTarget.style.overflow = 'hidden';
   var handlerAnimationEnd = useCallback(function (e) {
+    if (e.currentTarget !== e.target) return;
     if (onAnimationEnd) onAnimationEnd(e);
@@ -41,0 +43,0 @@ e.currentTarget.style.overflow = 'initial';

lib/es6/FadeInOut.js

@@ -8,9 +8,9 @@ import React from 'react';
 /*__inner_css_start__*/
-"@-webkit-keyframes _enter_1snjz_gg_{0%{opacity:0}to{opacity:1}}@keyframes _enter_1snjz_gg_{0%{opacity:0}to{opacity:1}}@-webkit-keyframes _exit_1snjz_gg_{0%{opacity:1}to{opacity:0}}@keyframes _exit_1snjz_gg_{0%{opacity:1}to{opacity:0}}"
+"@-webkit-keyframes _enter_1pkve_gg_{0%{opacity:0}to{opacity:1}}@keyframes _enter_1pkve_gg_{0%{opacity:0}to{opacity:1}}@-webkit-keyframes _exit_1pkve_gg_{0%{opacity:1}to{opacity:0}}@keyframes _exit_1pkve_gg_{0%{opacity:1}to{opacity:0}}"
 /*__inner_css_end__*/
-, "1mf32yt_gg_")
+, "1f1tqat_gg_")
 /*__reshadow_css_end__*/
 , {
-  "enter": "_enter_1snjz_gg_",
-  "exit": "_exit_1snjz_gg_"
+  "enter": "_enter_1pkve_gg_",
+  "exit": "_exit_1pkve_gg_"
 })]);
@@ -17,0 +17,0 @@

lib/es6/Transform.js

@@ -9,9 +9,9 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 /*__inner_css_start__*/
-"@-webkit-keyframes _enter_cn1nn_gg_{0%{transform:var(--1fnsxx1_0)}to{transform:var(--1fnsxx1_1)}}@keyframes _enter_cn1nn_gg_{0%{transform:var(--1fnsxx1_0)}to{transform:var(--1fnsxx1_1)}}@-webkit-keyframes _exit_cn1nn_gg_{0%{transform:var(--1fnsxx1_1)}to{transform:var(--1fnsxx1_0)}}@keyframes _exit_cn1nn_gg_{0%{transform:var(--1fnsxx1_1)}to{transform:var(--1fnsxx1_0)}}"
+"@-webkit-keyframes _enter_hxyre_gg_{0%{transform:var(--1fnsxx1_0)}to{transform:var(--1fnsxx1_1)}}@keyframes _enter_hxyre_gg_{0%{transform:var(--1fnsxx1_0)}to{transform:var(--1fnsxx1_1)}}@-webkit-keyframes _exit_hxyre_gg_{0%{transform:var(--1fnsxx1_1)}to{transform:var(--1fnsxx1_0)}}@keyframes _exit_hxyre_gg_{0%{transform:var(--1fnsxx1_1)}to{transform:var(--1fnsxx1_0)}}"
 /*__inner_css_end__*/
-, "15wuxfp_gg_")
+, "1kly9ad_gg_")
 /*__reshadow_css_end__*/
 , {
-  "enter": "_enter_cn1nn_gg_",
-  "exit": "_exit_cn1nn_gg_"
+  "enter": "_enter_hxyre_gg_",
+  "exit": "_exit_hxyre_gg_"
 })]);
@@ -18,0 +18,0 @@

package.json

 {
   "name": "@semcore/animation",
   "description": "SEMRush Animation Component",
-  "version": "1.2.0",
+  "version": "1.2.1",
   "main": "lib/cjs/index.js",
@@ -6,0 +6,0 @@ "module": "lib/es6/index.js",

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

56623

increased by1.24%

Lines of code

804

increased by0.5%

No dependency changes