@semcore/utils - npm Package Compare versions

Comparing version 4.32.1 to 4.32.2-prerelease.0

CHANGELOG.md

@@ -5,2 +5,8 @@ # Changelog
 
+## [4.32.2] - 2024-07-22
+
+### Fixed
+
+- In firefox focus lock with a single focusable element was allowing user focus to get our of the web page.
+
 ## [4.32.1] - 2024-07-30
@@ -18,2 +24,8 @@
 
+## [4.31.1] - 2024-07-22
+
+### Fixed
+
+- In firefox focus lock with a single focusable element was allowing user focus to get our of the web page.
+
 ## [4.31.0] - 2024-07-08
@@ -20,0 +32,0 @@

lib/components/invalid-state-pattern/InvalidStatePattern.js

@@ -13,4 +13,4 @@ "use strict";
 /*__reshadow-styles__:"./invalidStatePattern.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SPattern_bglm5_gg_{width:6px;height:100%;position:absolute;background-image:var(--intergalactic-border-critical-pattern, repeating-linear-gradient(315deg, rgba(209, 0, 47, 1) 0, rgba(209, 0, 47, 1) 2px, transparent 0, transparent 50%));background-size:6px 6px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);border-bottom-left-radius:var(--intergalactic-control-rounded, 6px);border-top-left-radius:var(--intergalactic-control-rounded, 6px)}" /*__inner_css_end__*/, "bglm5_gg_") /*__reshadow_css_end__*/, {
-  "__SPattern": "___SPattern_bglm5_gg_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SPattern_16p8i_gg_{width:6px;height:100%;position:absolute;background-image:var(--intergalactic-border-critical-pattern, repeating-linear-gradient(315deg, rgba(209, 0, 47, 1) 0, rgba(209, 0, 47, 1) 2px, transparent 0, transparent 50%));background-size:6px 6px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);border-bottom-left-radius:var(--intergalactic-control-rounded, 6px);border-top-left-radius:var(--intergalactic-control-rounded, 6px)}" /*__inner_css_end__*/, "16p8i_gg_") /*__reshadow_css_end__*/, {
+  "__SPattern": "___SPattern_16p8i_gg_"
 });
@@ -17,0 +17,0 @@ var InvalidStatePatternComponent = function InvalidStatePatternComponent() {

lib/focus-lock/focusBorders.js

@@ -17,2 +17,13 @@ "use strict";
     focusBordersRefs.before.dataset.id = '__intergalactic-focus-border-before';
+    focusBordersRefs.before.addEventListener('focus', function (event) {
+      Promise.resolve().then(function () {
+        if (document.activeElement === focusBordersRefs.before && event.relatedTarget !== focusBordersRefs.after &&
+        // prevent loop
+        event.relatedTarget // prevent initial focus
+        ) {
+          var _focusBordersRefs$aft;
+          (_focusBordersRefs$aft = focusBordersRefs.after) === null || _focusBordersRefs$aft === void 0 ? void 0 : _focusBordersRefs$aft.focus();
+        }
+      });
+    });
     document.body.prepend(focusBordersRefs.before);
@@ -25,2 +36,13 @@ }
     focusBordersRefs.after.style.position = 'fixed';
+    focusBordersRefs.after.addEventListener('focus', function (event) {
+      Promise.resolve().then(function () {
+        if (document.activeElement === focusBordersRefs.after && event.relatedTarget !== focusBordersRefs.before &&
+        // prevent loop
+        event.relatedTarget // prevent initial focus
+        ) {
+          var _focusBordersRefs$bef;
+          (_focusBordersRefs$bef = focusBordersRefs.before) === null || _focusBordersRefs$bef === void 0 ? void 0 : _focusBordersRefs$bef.focus();
+        }
+      });
+    });
     document.body.append(focusBordersRefs.after);
@@ -31,5 +53,5 @@ }
 var removeFocusBorders = function removeFocusBorders() {
-  var _focusBordersRefs$bef, _focusBordersRefs$aft;
-  (_focusBordersRefs$bef = focusBordersRefs.before) === null || _focusBordersRefs$bef === void 0 ? void 0 : _focusBordersRefs$bef.remove();
-  (_focusBordersRefs$aft = focusBordersRefs.after) === null || _focusBordersRefs$aft === void 0 ? void 0 : _focusBordersRefs$aft.remove();
+  var _focusBordersRefs$bef2, _focusBordersRefs$aft2;
+  (_focusBordersRefs$bef2 = focusBordersRefs.before) === null || _focusBordersRefs$bef2 === void 0 ? void 0 : _focusBordersRefs$bef2.remove();
+  (_focusBordersRefs$aft2 = focusBordersRefs.after) === null || _focusBordersRefs$aft2 === void 0 ? void 0 : _focusBordersRefs$aft2.remove();
   focusBordersRefs.before = null;
@@ -36,0 +58,0 @@ focusBordersRefs.after = null;

lib/injectStyle.js

@@ -33,3 +33,3 @@ "use strict";
         // @ts-ignore
-        var version = "4.32.1";
+        var version = "4.32.2";
         sh = document.createElement('style');
@@ -36,0 +36,0 @@ sh.setAttribute('data-ui-v', version);

package.json

 {
   "name": "@semcore/utils",
   "description": "Semrush Utils Component",
-  "version": "4.32.1",
+  "version": "4.32.2-prerelease.0",
   "main": "lib/index.js",
@@ -6,0 +6,0 @@ "sideEffects": false,

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

1474623

increased by0.41%

Lines of code

15039

increased by0.29%

Worsened metrics

Number of low quality alerts

2

increased by100%

No dependency changes