@semcore/popper - npm Package Compare versions

Comparing version 5.35.2 to 5.35.3-prerelease.1

CHANGELOG.md

@@ -5,2 +5,8 @@ # Changelog
 
+## [5.35.3] - 2024-05-27
+
+### Fixed
+
+- Switching popper trigger was causing a glitch during the close animation.
+
 ## [5.35.2] - 2024-05-27
@@ -7,0 +13,0 @@

lib/cjs/Popper.js

@@ -44,8 +44,8 @@ "use strict";
 /*__reshadow-styles__:"./style/popper.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SPopper_eaiso_gg_{outline:0;z-index:var(--intergalactic-z-index-popper, 700);color:var(--intergalactic-text-primary, #191b23)}.___SPopper_eaiso_gg_.__keyboardFocused_eaiso_gg_:focus:after{position:absolute;display:block;content:\"\";top:0;right:0;bottom:0;left:0;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));pointer-events:none;border-radius:var(--intergalactic-popper-rounded, 6px)}.___SPopper_eaiso_gg_.__keyboardFocused_eaiso_gg_.__hideFocus_eaiso_gg_:focus:after{box-shadow:none}.___SFocusHint_eaiso_gg_{display:none}.___STrigger_eaiso_gg_:focus .___SFocusHint_eaiso_gg_,.___STrigger_eaiso_gg_:focus-within .___SFocusHint_eaiso_gg_{display:inline}" /*__inner_css_end__*/, "eaiso_gg_") /*__reshadow_css_end__*/, {
-  "__SPopper": "___SPopper_eaiso_gg_",
-  "_keyboardFocused": "__keyboardFocused_eaiso_gg_",
-  "_hideFocus": "__hideFocus_eaiso_gg_",
-  "__SFocusHint": "___SFocusHint_eaiso_gg_",
-  "__STrigger": "___STrigger_eaiso_gg_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SPopper_nc2bp_gg_{outline:0;z-index:var(--intergalactic-z-index-popper, 700);color:var(--intergalactic-text-primary, #191b23)}.___SPopper_nc2bp_gg_.__keyboardFocused_nc2bp_gg_:focus:after{position:absolute;display:block;content:\"\";top:0;right:0;bottom:0;left:0;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));pointer-events:none;border-radius:var(--intergalactic-popper-rounded, 6px)}.___SPopper_nc2bp_gg_.__keyboardFocused_nc2bp_gg_.__hideFocus_nc2bp_gg_:focus:after{box-shadow:none}.___SFocusHint_nc2bp_gg_{display:none}.___STrigger_nc2bp_gg_:focus .___SFocusHint_nc2bp_gg_,.___STrigger_nc2bp_gg_:focus-within .___SFocusHint_nc2bp_gg_{display:inline}" /*__inner_css_end__*/, "nc2bp_gg_") /*__reshadow_css_end__*/, {
+  "__SPopper": "___SPopper_nc2bp_gg_",
+  "_keyboardFocused": "__keyboardFocused_nc2bp_gg_",
+  "_hideFocus": "__hideFocus_nc2bp_gg_",
+  "__SFocusHint": "___SFocusHint_nc2bp_gg_",
+  "__STrigger": "___STrigger_nc2bp_gg_"
 });
@@ -338,3 +338,4 @@ function isObject(obj) {
       if (this.asProps.__disablePopper) return;
-      this.popper.current = (0, _createPopper2["default"])((_this$lastPopperRefer = this.lastPopperReference) !== null && _this$lastPopperRefer !== void 0 ? _this$lastPopperRefer : this.triggerRef.current, this.popperRef.current, this.getPopperOptions());
+      var lastPopperReferenceMounted = Boolean((_this$lastPopperRefer = this.lastPopperReference) === null || _this$lastPopperRefer === void 0 ? void 0 : _this$lastPopperRefer.parentElement);
+      this.popper.current = (0, _createPopper2["default"])(lastPopperReferenceMounted ? this.lastPopperReference : this.triggerRef.current, this.popperRef.current, this.getPopperOptions());
     }
@@ -341,0 +342,0 @@ }, {

lib/es6/Popper.js

@@ -38,8 +38,8 @@ import _objectSpread from "@babel/runtime/helpers/objectSpread2";
 /*__reshadow-styles__:"./style/popper.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SPopper_eaiso_gg_{outline:0;z-index:var(--intergalactic-z-index-popper, 700);color:var(--intergalactic-text-primary, #191b23)}.___SPopper_eaiso_gg_.__keyboardFocused_eaiso_gg_:focus:after{position:absolute;display:block;content:\"\";top:0;right:0;bottom:0;left:0;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));pointer-events:none;border-radius:var(--intergalactic-popper-rounded, 6px)}.___SPopper_eaiso_gg_.__keyboardFocused_eaiso_gg_.__hideFocus_eaiso_gg_:focus:after{box-shadow:none}.___SFocusHint_eaiso_gg_{display:none}.___STrigger_eaiso_gg_:focus .___SFocusHint_eaiso_gg_,.___STrigger_eaiso_gg_:focus-within .___SFocusHint_eaiso_gg_{display:inline}" /*__inner_css_end__*/, "eaiso_gg_") /*__reshadow_css_end__*/, {
-  "__SPopper": "___SPopper_eaiso_gg_",
-  "_keyboardFocused": "__keyboardFocused_eaiso_gg_",
-  "_hideFocus": "__hideFocus_eaiso_gg_",
-  "__SFocusHint": "___SFocusHint_eaiso_gg_",
-  "__STrigger": "___STrigger_eaiso_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SPopper_nc2bp_gg_{outline:0;z-index:var(--intergalactic-z-index-popper, 700);color:var(--intergalactic-text-primary, #191b23)}.___SPopper_nc2bp_gg_.__keyboardFocused_nc2bp_gg_:focus:after{position:absolute;display:block;content:\"\";top:0;right:0;bottom:0;left:0;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));pointer-events:none;border-radius:var(--intergalactic-popper-rounded, 6px)}.___SPopper_nc2bp_gg_.__keyboardFocused_nc2bp_gg_.__hideFocus_nc2bp_gg_:focus:after{box-shadow:none}.___SFocusHint_nc2bp_gg_{display:none}.___STrigger_nc2bp_gg_:focus .___SFocusHint_nc2bp_gg_,.___STrigger_nc2bp_gg_:focus-within .___SFocusHint_nc2bp_gg_{display:inline}" /*__inner_css_end__*/, "nc2bp_gg_") /*__reshadow_css_end__*/, {
+  "__SPopper": "___SPopper_nc2bp_gg_",
+  "_keyboardFocused": "__keyboardFocused_nc2bp_gg_",
+  "_hideFocus": "__hideFocus_nc2bp_gg_",
+  "__SFocusHint": "___SFocusHint_nc2bp_gg_",
+  "__STrigger": "___STrigger_nc2bp_gg_"
 });
@@ -331,3 +331,4 @@ function isObject(obj) {
       if (this.asProps.__disablePopper) return;
-      this.popper.current = _createPopper((_this$lastPopperRefer = this.lastPopperReference) !== null && _this$lastPopperRefer !== void 0 ? _this$lastPopperRefer : this.triggerRef.current, this.popperRef.current, this.getPopperOptions());
+      var lastPopperReferenceMounted = Boolean((_this$lastPopperRefer = this.lastPopperReference) === null || _this$lastPopperRefer === void 0 ? void 0 : _this$lastPopperRefer.parentElement);
+      this.popper.current = _createPopper(lastPopperReferenceMounted ? this.lastPopperReference : this.triggerRef.current, this.popperRef.current, this.getPopperOptions());
     }
@@ -334,0 +335,0 @@ }, {

package.json

 {
   "name": "@semcore/popper",
   "description": "Semrush Popper Component",
-  "version": "5.35.2",
+  "version": "5.35.3-prerelease.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

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

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

266305

increased by0.33%

Lines of code

1880

increased by0.11%

Worsened metrics

Number of low quality alerts

2

increased by100%

No dependency changes