@atlaskit/modal-dialog - npm Package Compare versions

Comparing version 12.15.4 to 12.15.5

dist/cjs/modal-wrapper.js

@@ -13,2 +13,3 @@ "use strict";
 var _reactFocusLock = _interopRequireDefault(require("react-focus-lock"));
+var _reactFocusLockNext = _interopRequireDefault(require("react-focus-lock-next"));
 var _reactScrolllock = _interopRequireWildcard(require("react-scrolllock"));
@@ -20,2 +21,3 @@ var _analyticsNext = require("@atlaskit/analytics-next");
 var _fadeIn = _interopRequireDefault(require("@atlaskit/motion/fade-in"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _portal = _interopRequireDefault(require("@atlaskit/portal"));
@@ -96,2 +98,3 @@ var _constants = require("@atlaskit/theme/constants");
   var isForeground = stackIndex === 0;
+  var FocusLock = (0, _platformFeatureFlags.fg)('platform_dst_modal-dialog-bump-focus-lock') ? _reactFocusLockNext.default : _reactFocusLock.default;
 
@@ -105,3 +108,3 @@ // When a user supplies a ref to focus we skip auto focus via react-focus-lock
     packageName: "@atlaskit/modal-dialog",
-    packageVersion: "12.15.4"
+    packageVersion: "12.15.5"
   });
@@ -156,3 +159,3 @@ var onBlanketClicked = (0, _react.useCallback)(function (e) {
       "aria-hidden": !isForeground
-    }), (0, _react2.jsx)(_reactFocusLock.default, {
+    }), (0, _react2.jsx)(FocusLock, {
       autoFocus: autoFocusLock,
@@ -159,0 +162,0 @@ returnFocus: returnFocus,

dist/es2019/modal-wrapper.js

@@ -11,3 +11,4 @@ import _extends from "@babel/runtime/helpers/extends";
 import { css, jsx } from '@emotion/react';
-import FocusLock from 'react-focus-lock';
+import FocusLockOld from 'react-focus-lock';
+import FocusLockNext from 'react-focus-lock-next';
 import ScrollLock, { TouchScrollable } from 'react-scrolllock';
@@ -19,2 +20,3 @@ import { usePlatformLeafEventHandler } from '@atlaskit/analytics-next';
 import FadeIn from '@atlaskit/motion/fade-in';
+import { fg } from '@atlaskit/platform-feature-flags';
 import Portal from '@atlaskit/portal';
@@ -81,2 +83,3 @@ import { layers } from '@atlaskit/theme/constants';
   const isForeground = stackIndex === 0;
+  const FocusLock = fg('platform_dst_modal-dialog-bump-focus-lock') ? FocusLockNext : FocusLockOld;
 
@@ -90,3 +93,3 @@ // When a user supplies a ref to focus we skip auto focus via react-focus-lock
     packageName: "@atlaskit/modal-dialog",
-    packageVersion: "12.15.4"
+    packageVersion: "12.15.5"
   });
@@ -93,0 +96,0 @@ const onBlanketClicked = useCallback(e => {

dist/esm/modal-wrapper.js

@@ -11,3 +11,4 @@ import _extends from "@babel/runtime/helpers/extends";
 import { css, jsx } from '@emotion/react';
-import FocusLock from 'react-focus-lock';
+import FocusLockOld from 'react-focus-lock';
+import FocusLockNext from 'react-focus-lock-next';
 import ScrollLock, { TouchScrollable } from 'react-scrolllock';
@@ -19,2 +20,3 @@ import { usePlatformLeafEventHandler } from '@atlaskit/analytics-next';
 import FadeIn from '@atlaskit/motion/fade-in';
+import { fg } from '@atlaskit/platform-feature-flags';
 import Portal from '@atlaskit/portal';
@@ -86,2 +88,3 @@ import { layers } from '@atlaskit/theme/constants';
   var isForeground = stackIndex === 0;
+  var FocusLock = fg('platform_dst_modal-dialog-bump-focus-lock') ? FocusLockNext : FocusLockOld;
 
@@ -95,3 +98,3 @@ // When a user supplies a ref to focus we skip auto focus via react-focus-lock
     packageName: "@atlaskit/modal-dialog",
-    packageVersion: "12.15.4"
+    packageVersion: "12.15.5"
   });
@@ -98,0 +101,0 @@ var onBlanketClicked = useCallback(function (e) {

package.json

 {
 	"name": "@atlaskit/modal-dialog",
-	"version": "12.15.4",
+	"version": "12.15.5",
 	"description": "A modal dialog displays content that requires user interaction, in a layer above the page.",
@@ -37,2 +37,3 @@ "publishConfig": {
 		"@atlaskit/motion": "^1.9.0",
+		"@atlaskit/platform-feature-flags": "^0.3.0",
 		"@atlaskit/portal": "^4.9.0",
@@ -47,2 +48,3 @@ "@atlaskit/primitives": "^12.1.0",
 		"react-focus-lock": "^2.9.5",
+		"react-focus-lock-next": "npm:react-focus-lock@^2.13.2",
 		"react-scrolllock": "^5.0.1"
@@ -67,2 +69,3 @@ },
 		"@atlaskit/visual-regression": "*",
+		"@atlassian/feature-flags-test-utils": "*",
 		"@testing-library/dom": "^10.1.0",
@@ -126,3 +129,8 @@ "@testing-library/react": "^12.1.5",
 	},
+	"platform-feature-flags": {
+		"platform_dst_modal-dialog-bump-focus-lock": {
+			"type": "boolean"
+		}
+	},
 	"homepage": "https://atlassian.design/components/modal-dialog/"
 }

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

461224

increased by0.27%

Lines of code

9452

increased by0.1%

Worsened metrics

Dependency count

21

increased by10.53%

Dev dependency count

27

increased by3.85%

Dependency changes

• + Added@atlaskit/platform-feature-flags@^0.3.0

• + Addedreact-focus-lock-next@npm:react-focus-lock@^2.13.2