@weahead/consent-manager - npm Package Compare versions

Comparing version 2.2.1 to 2.2.2

dist/components/Modal/Modal.js

@@ -8,3 +8,3 @@ "use strict";
 var react_customizable_modal_1 = require("@weahead/react-customizable-modal");
-var useConstentManagerContext_1 = __importDefault(require("../../hooks/useConstentManagerContext"));
+var react_focus_lock_1 = __importDefault(require("react-focus-lock"));
 var Buttons_1 = __importDefault(require("../Buttons"));
@@ -18,12 +18,11 @@ var Header_1 = __importDefault(require("./Header"));
     var analyticsLabel = _a.analyticsLabel, approveAllLabel = _a.approveAllLabel, approveLabel = _a.approveLabel, content = _a.content, externalLabel = _a.externalLabel, functionLabel = _a.functionLabel, moreSettingsLabel = _a.moreSettingsLabel, settingsContent = _a.settingsContent, title = _a.title, revokeLabel = _a.revokeLabel, policyLinkLabel = _a.policyLinkLabel, linkUrl = _a.linkUrl, requiredText = _a.requiredText;
-    var showCookieSettings = (0, useConstentManagerContext_1["default"])().showCookieSettings;
-    var modalRef = (0, react_customizable_modal_1.useTrapFocus)();
     return (react_1["default"].createElement(react_customizable_modal_1.ModalPortal, { id: "consent-portal" },
         react_1["default"].createElement(Overlay_1["default"], null,
-            react_1["default"].createElement("div", { className: "consent-modal", ref: modalRef, role: "dialog", "aria-labelledby": "consentModalTitle", "aria-describedby": "consentModalContent", "aria-modal": "true" },
-                react_1["default"].createElement(Header_1["default"], { content: content, settingsContent: settingsContent, title: title }),
-                react_1["default"].createElement(PolicyLink_1["default"], { policyLinkLabel: policyLinkLabel, linkUrl: linkUrl }),
-                showCookieSettings ? (react_1["default"].createElement(Content_1["default"], { requiredText: requiredText, analyticsLabel: analyticsLabel, externalLabel: externalLabel, functionLabel: functionLabel })) : null,
-                react_1["default"].createElement(Buttons_1["default"], { approveAllLabel: approveAllLabel, approveLabel: approveLabel, moreSettingsLabel: moreSettingsLabel, revokeLabel: revokeLabel })))));
+            react_1["default"].createElement(react_focus_lock_1["default"], { className: "focus-trap" },
+                react_1["default"].createElement("div", { className: "consent-modal", role: "dialog", "aria-labelledby": "consentModalTitle", "aria-describedby": "consentModalContent", "aria-modal": "true" },
+                    react_1["default"].createElement(Header_1["default"], { content: content, settingsContent: settingsContent, title: title }),
+                    react_1["default"].createElement(PolicyLink_1["default"], { policyLinkLabel: policyLinkLabel, linkUrl: linkUrl }),
+                    react_1["default"].createElement(Content_1["default"], { requiredText: requiredText, analyticsLabel: analyticsLabel, externalLabel: externalLabel, functionLabel: functionLabel }),
+                    react_1["default"].createElement(Buttons_1["default"], { approveAllLabel: approveAllLabel, approveLabel: approveLabel, moreSettingsLabel: moreSettingsLabel, revokeLabel: revokeLabel }))))));
 }
 exports["default"] = ConsentModal;

dist/components/Modal/Settings/Content.js

@@ -8,2 +8,3 @@ "use strict";
 var keys_1 = require("../../../helpers/keys");
+var useConstentManagerContext_1 = __importDefault(require("../../../hooks/useConstentManagerContext"));
 var Required_1 = __importDefault(require("../../Buttons/Button/Toggle/Required"));
@@ -14,2 +15,5 @@ var Toggle_1 = __importDefault(require("../../Buttons/Button/Toggle"));
     var analyticsLabel = _a.analyticsLabel, externalLabel = _a.externalLabel, functionLabel = _a.functionLabel, requiredText = _a.requiredText;
+    var showCookieSettings = (0, useConstentManagerContext_1["default"])().showCookieSettings;
+    if (!showCookieSettings)
+        return null;
     return (react_1["default"].createElement("div", { className: "consent-more-settings" },
@@ -16,0 +20,0 @@ react_1["default"].createElement("div", { className: "consent-toggle" },

package.json

 {
   "name": "@weahead/consent-manager",
-  "version": "2.2.1",
+  "version": "2.2.2",
   "author": "Weahead AB <[e-mail]>",
@@ -49,3 +49,4 @@ "main": "./dist/index.js",
     "immer": "9.0.14",
-    "react-feather": "2.0.10"
+    "react-feather": "2.0.10",
+    "react-focus-lock": "2.9.6"
   },
@@ -52,0 +53,0 @@ "peerDependencies": {

No alert changes

Improved metrics

Total package byte prevSize

88070

increased by0.35%

Lines of code

2276

increased by0.4%

Worsened metrics

Dependency count

7

increased by16.67%

Dependency changes

• + Addedreact-focus-lock@2.9.6

• + Added@babel/runtime@7.24.7(transitive)

• + Addeddetect-node-es@1.1.0(transitive)

• + Addedfocus-lock@1.3.5(transitive)

• + Addedreact-clientside-effect@1.2.6(transitive)

• + Addedreact-focus-lock@2.9.6(transitive)

• + Addedregenerator-runtime@0.14.1(transitive)

• + Addedtslib@2.6.3(transitive)

• + Addeduse-callback-ref@1.3.2(transitive)

• + Addeduse-sidecar@1.1.2(transitive)