@atlaskit/modal-dialog - npm Package Compare versions

Comparing version 12.7.1 to 12.8.0

dist/cjs/hooks.js

@@ -9,3 +9,3 @@ "use strict";
 var _context = require("./internal/context");
-var useModal = function useModal() {
+var useModal = exports.useModal = function useModal() {
   var modalContext = (0, _react.useContext)(_context.ModalContext);
@@ -16,3 +16,2 @@ if (modalContext == null) {
   return modalContext;
-};
-exports.useModal = useModal;
+};

dist/cjs/internal/components/modal-dialog.js

@@ -138,3 +138,2 @@ "use strict";
 // eslint-disable-next-line @repo/internal/react/require-jsdoc
-var _default = ModalDialog;
-exports.default = _default;
+var _default = exports.default = ModalDialog;

dist/cjs/internal/components/positioner.js

@@ -87,3 +87,2 @@ "use strict";
 // eslint-disable-next-line @repo/internal/react/require-jsdoc
-var _default = Positioner;
-exports.default = _default;
+var _default = exports.default = Positioner;

dist/cjs/internal/components/scroll-container.js

@@ -123,3 +123,2 @@ "use strict";
 ScrollContainer.displayName = 'ScrollContainer';
-var _default = ScrollContainer;
-exports.default = _default;
+var _default = exports.default = ScrollContainer;

dist/cjs/internal/constants.js

@@ -9,3 +9,3 @@ "use strict";
 var _constants = require("@atlaskit/theme/constants");
-var width = {
+var width = exports.width = {
   values: ['small', 'medium', 'large', 'x-large'],
@@ -20,24 +20,14 @@ widths: {
 };
-exports.width = width;
-var gutter = 60;
-exports.gutter = gutter;
+var gutter = exports.gutter = 60;
 var gridSize = (0, _constants.gridSize)();
-var borderRadius = (0, _constants.borderRadius)();
-exports.borderRadius = borderRadius;
-var verticalOffset = gridSize * 2;
-exports.verticalOffset = verticalOffset;
-var padding = gridSize * 3;
-exports.padding = padding;
-var titleIconMargin = gridSize;
-exports.titleIconMargin = titleIconMargin;
-var keylineHeight = 2;
-exports.keylineHeight = keylineHeight;
-var keylineColor = "var(--ds-border, ".concat(_colors.N30, ")");
-exports.keylineColor = keylineColor;
-var textColor = "var(--ds-text, ".concat(_colors.N900, ")");
-exports.textColor = textColor;
-var iconColor = {
+var borderRadius = exports.borderRadius = (0, _constants.borderRadius)();
+var verticalOffset = exports.verticalOffset = gridSize * 2;
+var padding = exports.padding = gridSize * 3;
+var titleIconMargin = exports.titleIconMargin = gridSize;
+var keylineHeight = exports.keylineHeight = 2;
+var keylineColor = exports.keylineColor = "var(--ds-border, ".concat(_colors.N30, ")");
+var textColor = exports.textColor = "var(--ds-text, ".concat(_colors.N900, ")");
+var iconColor = exports.iconColor = {
   danger: "var(--ds-icon-danger, ".concat(_colors.R400, ")"),
   warning: "var(--ds-icon-warning, #D97008)"
-};
-exports.iconColor = iconColor;
+};

dist/cjs/internal/context.js

@@ -9,5 +9,3 @@ "use strict";
 /* eslint-disable @repo/internal/react/require-jsdoc */
-var ModalContext = /*#__PURE__*/(0, _react.createContext)(null);
-exports.ModalContext = ModalContext;
-var ScrollContext = /*#__PURE__*/(0, _react.createContext)(null);
-exports.ScrollContext = ScrollContext;
+var ModalContext = exports.ModalContext = /*#__PURE__*/(0, _react.createContext)(null);
+var ScrollContext = exports.ScrollContext = /*#__PURE__*/(0, _react.createContext)(null);

dist/cjs/internal/utils.js

@@ -8,3 +8,3 @@ "use strict";
 var _constants = require("./constants");
-var dialogWidth = function dialogWidth(input) {
+var dialogWidth = exports.dialogWidth = function dialogWidth(input) {
   if (!input) {
@@ -20,4 +20,3 @@ return 'auto';
 };
-exports.dialogWidth = dialogWidth;
-var dialogHeight = function dialogHeight(input) {
+var dialogHeight = exports.dialogHeight = function dialogHeight(input) {
   if (!input) {
@@ -27,3 +26,2 @@ return 'auto';
   return typeof input === 'number' ? "".concat(input, "px") : input;
-};
-exports.dialogHeight = dialogHeight;
+};

dist/cjs/modal-body.js

@@ -66,3 +66,2 @@ "use strict";
 };
-var _default = ModalBody;
-exports.default = _default;
+var _default = exports.default = ModalBody;

dist/cjs/modal-footer.js

@@ -43,3 +43,2 @@ "use strict";
 };
-var _default = ModalFooter;
-exports.default = _default;
+var _default = exports.default = ModalFooter;

dist/cjs/modal-header.js

@@ -44,3 +44,2 @@ "use strict";
 };
-var _default = ModalHeader;
-exports.default = _default;
+var _default = exports.default = ModalHeader;

dist/cjs/modal-title.js

@@ -117,3 +117,2 @@ "use strict";
 };
-var _default = ModalTitle;
-exports.default = _default;
+var _default = exports.default = ModalTitle;

dist/cjs/modal-transition.js

@@ -24,3 +24,2 @@ "use strict";
 };
-var _default = ModalTransition;
-exports.default = _default;
+var _default = exports.default = ModalTransition;

dist/cjs/modal-wrapper.js

@@ -61,2 +61,4 @@ "use strict";
     shouldScrollInViewport = _props$shouldScrollIn === void 0 ? false : _props$shouldScrollIn,
+    _props$shouldReturnFo = props.shouldReturnFocus,
+    shouldReturnFocus = _props$shouldReturnFo === void 0 ? true : _props$shouldReturnFo,
     stackIndexOverride = props.stackIndex,
@@ -88,3 +90,3 @@ _props$onClose = props.onClose,
     packageName: "@atlaskit/modal-dialog",
-    packageVersion: "12.7.1"
+    packageVersion: "12.8.0"
   });
@@ -123,3 +125,3 @@ var onBlanketClicked = (0, _react.useCallback)(function (e) {
       disabled: !isForeground,
-      returnFocus: true,
+      returnFocus: shouldReturnFocus,
       whiteList: whiteListElements
@@ -129,3 +131,2 @@ }, (0, _react2.jsx)(_reactScrolllock.default, null), shouldScrollInViewport ? (0, _react2.jsx)(_reactScrolllock.TouchScrollable, null, modalDialogWithBlanket) : modalDialogWithBlanket));
 };
-var _default = ModalWrapper;
-exports.default = _default;
+var _default = exports.default = ModalWrapper;

dist/es2019/modal-wrapper.js

@@ -48,2 +48,3 @@ import _extends from "@babel/runtime/helpers/extends";
     shouldScrollInViewport = false,
+    shouldReturnFocus = true,
     stackIndex: stackIndexOverride,
@@ -74,3 +75,3 @@ onClose = noop,
     packageName: "@atlaskit/modal-dialog",
-    packageVersion: "12.7.1"
+    packageVersion: "12.8.0"
   });
@@ -108,3 +109,3 @@ const onBlanketClicked = useCallback(e => {
     disabled: !isForeground,
-    returnFocus: true,
+    returnFocus: shouldReturnFocus,
     whiteList: whiteListElements
@@ -111,0 +112,0 @@ }, jsx(ScrollLock, null), shouldScrollInViewport ? jsx(TouchScrollable, null, modalDialogWithBlanket) : modalDialogWithBlanket)))));

dist/esm/modal-wrapper.js

@@ -51,2 +51,4 @@ import _extends from "@babel/runtime/helpers/extends";
     shouldScrollInViewport = _props$shouldScrollIn === void 0 ? false : _props$shouldScrollIn,
+    _props$shouldReturnFo = props.shouldReturnFocus,
+    shouldReturnFocus = _props$shouldReturnFo === void 0 ? true : _props$shouldReturnFo,
     stackIndexOverride = props.stackIndex,
@@ -78,3 +80,3 @@ _props$onClose = props.onClose,
     packageName: "@atlaskit/modal-dialog",
-    packageVersion: "12.7.1"
+    packageVersion: "12.8.0"
   });
@@ -113,3 +115,3 @@ var onBlanketClicked = useCallback(function (e) {
       disabled: !isForeground,
-      returnFocus: true,
+      returnFocus: shouldReturnFocus,
       whiteList: whiteListElements
@@ -116,0 +118,0 @@ }, jsx(ScrollLock, null), shouldScrollInViewport ? jsx(TouchScrollable, null, modalDialogWithBlanket) : modalDialogWithBlanket));

dist/types-ts4.5/types.d.ts

@@ -65,2 +65,8 @@ import React, { RefObject } from 'react';
     /**
+     * ReturnFocus is used to control what happens when the user exists
+     * focus lock mode. If true, focus will be returned to the element that had focus before focus lock
+     * was activated. If false, focus remains where it was when the FocusLock was deactivated.
+     */
+    shouldReturnFocus?: boolean;
+    /**
      * Will remove the blanket tinted background color.
@@ -67,0 +73,0 @@ */

dist/types/types.d.ts

@@ -65,2 +65,8 @@ import React, { RefObject } from 'react';
     /**
+     * ReturnFocus is used to control what happens when the user exists
+     * focus lock mode. If true, focus will be returned to the element that had focus before focus lock
+     * was activated. If false, focus remains where it was when the FocusLock was deactivated.
+     */
+    shouldReturnFocus?: boolean;
+    /**
      * Will remove the blanket tinted background color.
@@ -67,0 +73,0 @@ */

package.json

 {
   "name": "@atlaskit/modal-dialog",
-  "version": "12.7.1",
+  "version": "12.8.0",
   "description": "A modal dialog displays content that requires user interaction, in a layer above the page.",
@@ -5,0 +5,0 @@ "publishConfig": {

report.api.md

@@ -65,2 +65,3 @@ <!-- API Report Version: 2.3 -->
   shouldCloseOnOverlayClick?: boolean;
+  shouldReturnFocus?: boolean;
   shouldScrollInViewport?: boolean;
@@ -67,0 +68,0 @@ stackIndex?: number;

tmp/api-report-tmp.d.ts

@@ -51,2 +51,3 @@ ## API Report File for "@atlaskit/modal-dialog"
     shouldCloseOnOverlayClick?: boolean;
+    shouldReturnFocus?: boolean;
     shouldScrollInViewport?: boolean;
@@ -53,0 +54,0 @@ stackIndex?: number;

No alert changes

Improved metrics

Total package byte prevSize

447612

increased by0.29%

Worsened metrics

Lines of code

9640

decreased by-0.06%

No dependency changes