@semcore/popper - npm Package Compare versions

Comparing version 5.44.1 to 5.44.2-prerelease.0

CHANGELOG.md

@@ -5,2 +5,8 @@ # Changelog
 
+## [5.44.2] - 2024-11-19
+
+### Fixed
+
+- Call `onKeyboardFocus` for poppers inside poppers.
+
 ## [5.44.1] - 2024-11-08
@@ -7,0 +13,0 @@

lib/cjs/Popper.js

@@ -46,8 +46,8 @@ "use strict";
 /*__reshadow-styles__:"./style/popper.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SPopper_264x8_gg_{outline:0;color:var(--intergalactic-text-primary, #191b23)}.___SPopper_264x8_gg_.__keyboardFocused_264x8_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_264x8_gg_.__keyboardFocused_264x8_gg_.__hideFocus_264x8_gg_:focus:after{box-shadow:none}.___SFocusHint_264x8_gg_{display:none}.___STrigger_264x8_gg_:focus .___SFocusHint_264x8_gg_,.___STrigger_264x8_gg_:focus-within .___SFocusHint_264x8_gg_{display:inline}" /*__inner_css_end__*/, "264x8_gg_") /*__reshadow_css_end__*/, {
-  "__SPopper": "___SPopper_264x8_gg_",
-  "_keyboardFocused": "__keyboardFocused_264x8_gg_",
-  "_hideFocus": "__hideFocus_264x8_gg_",
-  "__SFocusHint": "___SFocusHint_264x8_gg_",
-  "__STrigger": "___STrigger_264x8_gg_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SPopper_1ek4m_gg_{outline:0;color:var(--intergalactic-text-primary, #191b23)}.___SPopper_1ek4m_gg_.__keyboardFocused_1ek4m_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_1ek4m_gg_.__keyboardFocused_1ek4m_gg_.__hideFocus_1ek4m_gg_:focus:after{box-shadow:none}.___SFocusHint_1ek4m_gg_{display:none}.___STrigger_1ek4m_gg_:focus .___SFocusHint_1ek4m_gg_,.___STrigger_1ek4m_gg_:focus-within .___SFocusHint_1ek4m_gg_{display:inline}" /*__inner_css_end__*/, "1ek4m_gg_") /*__reshadow_css_end__*/, {
+  "__SPopper": "___SPopper_1ek4m_gg_",
+  "_keyboardFocused": "__keyboardFocused_1ek4m_gg_",
+  "_hideFocus": "__hideFocus_1ek4m_gg_",
+  "__SFocusHint": "___SFocusHint_1ek4m_gg_",
+  "__STrigger": "___STrigger_1ek4m_gg_"
 });
@@ -522,7 +522,9 @@ function isObject(obj) {
   _react["default"].useEffect(function () {
-    document.addEventListener('focusin', handleFocus);
+    var _triggerRef$current;
+    (_triggerRef$current = triggerRef.current) === null || _triggerRef$current === void 0 ? void 0 : _triggerRef$current.addEventListener('focusin', handleFocus);
     return function () {
-      document.removeEventListener('focusin', handleFocus);
+      var _triggerRef$current2;
+      (_triggerRef$current2 = triggerRef.current) === null || _triggerRef$current2 === void 0 ? void 0 : _triggerRef$current2.removeEventListener('focusin', handleFocus);
     };
-  }, []);
+  }, [triggerRef.current, handleFocus]);
   var activeRef = _react["default"].useRef(active);
@@ -529,0 +531,0 @@ activeRef.current = active;

lib/es6/Popper.js

@@ -39,8 +39,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_264x8_gg_{outline:0;color:var(--intergalactic-text-primary, #191b23)}.___SPopper_264x8_gg_.__keyboardFocused_264x8_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_264x8_gg_.__keyboardFocused_264x8_gg_.__hideFocus_264x8_gg_:focus:after{box-shadow:none}.___SFocusHint_264x8_gg_{display:none}.___STrigger_264x8_gg_:focus .___SFocusHint_264x8_gg_,.___STrigger_264x8_gg_:focus-within .___SFocusHint_264x8_gg_{display:inline}" /*__inner_css_end__*/, "264x8_gg_") /*__reshadow_css_end__*/, {
-  "__SPopper": "___SPopper_264x8_gg_",
-  "_keyboardFocused": "__keyboardFocused_264x8_gg_",
-  "_hideFocus": "__hideFocus_264x8_gg_",
-  "__SFocusHint": "___SFocusHint_264x8_gg_",
-  "__STrigger": "___STrigger_264x8_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SPopper_1ek4m_gg_{outline:0;color:var(--intergalactic-text-primary, #191b23)}.___SPopper_1ek4m_gg_.__keyboardFocused_1ek4m_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_1ek4m_gg_.__keyboardFocused_1ek4m_gg_.__hideFocus_1ek4m_gg_:focus:after{box-shadow:none}.___SFocusHint_1ek4m_gg_{display:none}.___STrigger_1ek4m_gg_:focus .___SFocusHint_1ek4m_gg_,.___STrigger_1ek4m_gg_:focus-within .___SFocusHint_1ek4m_gg_{display:inline}" /*__inner_css_end__*/, "1ek4m_gg_") /*__reshadow_css_end__*/, {
+  "__SPopper": "___SPopper_1ek4m_gg_",
+  "_keyboardFocused": "__keyboardFocused_1ek4m_gg_",
+  "_hideFocus": "__hideFocus_1ek4m_gg_",
+  "__SFocusHint": "___SFocusHint_1ek4m_gg_",
+  "__STrigger": "___STrigger_1ek4m_gg_"
 });
@@ -516,7 +516,9 @@ import { useZIndexStacking, ZIndexStackingContextProvider } from '@semcore/utils/lib/zIndexStacking';
   React.useEffect(function () {
-    document.addEventListener('focusin', handleFocus);
+    var _triggerRef$current;
+    (_triggerRef$current = triggerRef.current) === null || _triggerRef$current === void 0 ? void 0 : _triggerRef$current.addEventListener('focusin', handleFocus);
     return function () {
-      document.removeEventListener('focusin', handleFocus);
+      var _triggerRef$current2;
+      (_triggerRef$current2 = triggerRef.current) === null || _triggerRef$current2 === void 0 ? void 0 : _triggerRef$current2.removeEventListener('focusin', handleFocus);
     };
-  }, []);
+  }, [triggerRef.current, handleFocus]);
   var activeRef = React.useRef(active);
@@ -523,0 +525,0 @@ activeRef.current = active;

package.json

 {
   "name": "@semcore/popper",
   "description": "Semrush Popper Component",
-  "version": "5.44.1",
+  "version": "5.44.2-prerelease.0",
   "main": "lib/cjs/index.js",
@@ -13,11 +13,11 @@ "module": "lib/es6/index.js",
     "@popperjs/core": "2.11.5",
-    "@semcore/animation": "2.38.1",
-    "@semcore/flex-box": "5.38.1",
-    "@semcore/neighbor-location": "4.36.1",
-    "@semcore/outside-click": "3.36.1",
-    "@semcore/portal": "3.38.1",
-    "@semcore/utils": "4.43.2"
+    "@semcore/animation": "2.38.2-prerelease.0",
+    "@semcore/flex-box": "5.38.2-prerelease.0",
+    "@semcore/neighbor-location": "4.36.2-prerelease.0",
+    "@semcore/outside-click": "3.36.2-prerelease.0",
+    "@semcore/portal": "3.38.2-prerelease.0",
+    "@semcore/utils": "4.43.3-prerelease.0"
   },
   "peerDependencies": {
-    "@semcore/core": "^2.17.5",
+    "@semcore/core": "^2.36.2-prerelease.0",
     "react": "16.8 - 18",
@@ -24,0 +24,0 @@ "react-dom": "16.8 - 18"

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

280098

increased by0.5%

Lines of code

1905

increased by0.21%

Worsened metrics

Number of low quality alerts

2

increased by100%

Dependency changes

• + Added@semcore/animation@2.38.2-prerelease.0(transitive)

• + Added@semcore/flex-box@5.38.2-prerelease.0(transitive)

• + Added@semcore/neighbor-location@4.36.2-prerelease.0(transitive)

• + Added@semcore/outside-click@3.36.2-prerelease.0(transitive)

• + Added@semcore/portal@3.38.2-prerelease.0(transitive)

• + Added@semcore/utils@4.43.3-prerelease.0(transitive)

• - Removed@semcore/animation@2.38.1(transitive)

• - Removed@semcore/flex-box@5.38.1(transitive)

• - Removed@semcore/neighbor-location@4.36.1(transitive)

• - Removed@semcore/outside-click@3.36.1(transitive)

• - Removed@semcore/portal@3.38.1(transitive)

• - Removed@semcore/utils@4.43.2(transitive)

• Updated@semcore/animation@2.38.2-prerelease.0

• Updated@semcore/flex-box@5.38.2-prerelease.0

• Updated@semcore/neighbor-location@4.36.2-prerelease.0

• Updated@semcore/outside-click@3.36.2-prerelease.0

• Updated@semcore/portal@3.38.2-prerelease.0

• Updated@semcore/utils@4.43.3-prerelease.0