@atlaskit/modal-dialog 15.2.6 → 15.2.8

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @atlaskit/modal-dialog
 
+## 15.2.8
+
+### Patch Changes
+
+- [`6d0485dce81c4`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/6d0485dce81c4) -
+  Internal: updated to the new `@atlaskit/top-layer` `Popover`/`Dialog` behaviour where the host
+  element unmounts after the exit animation completes. No consumer action required.
+- Updated dependencies
+
+## 15.2.7
+
+### Patch Changes
+
+- [`e5b4070f51a93`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/e5b4070f51a93) -
+  Remove Top Layer compatibility aliases and expose close-event helpers from the `dialog` and
+  `popover` entry points.
+- Updated dependencies
+
 ## 15.2.6
 
 ### Patch Changes

package/dist/cjs/internal/components/modal-wrapper.js

@@ -30,7 +30,6 @@ var _portal = _interopRequireDefault(require("@atlaskit/portal"));
 var _combine = require("@atlaskit/pragmatic-drag-and-drop/combine");
 var _constants = require("@atlaskit/theme/constants");
 var _animations = require("@atlaskit/top-layer/animations");
-var _createCloseEvent = require("@atlaskit/top-layer/create-close-event");
 var _dialog = require("@atlaskit/top-layer/dialog");
 var _dialogScrollLock = require("@atlaskit/top-layer/dialog-scroll-lock");
 var _context = require("../context");
@@ -115,7 +114,7 @@ var InternalModalWrapper = /*#__PURE__*/(0, _react.forwardRef)(function (props,
     action: 'closed',
     componentName: 'modalDialog',
     packageName: "@atlaskit/modal-dialog",
-    packageVersion: "15.2.5"
+    packageVersion: "15.2.7"
   });
   var onBlanketClicked = (0, _react.useCallback)(function (e) {
     if (shouldCloseOnOverlayClick) {
@@ -210,12 +209,12 @@ var InternalModalWrapper = /*#__PURE__*/(0, _react.forwardRef)(function (props,
     var onDialogClose = (0, _react.useCallback)(function (_ref) {
       var reason = _ref.reason;
       if (reason === 'escape' && shouldCloseOnEscapePress) {
-        onCloseHandler((0, _createCloseEvent.createCloseEvent)({
+        onCloseHandler((0, _dialog.createCloseEvent)({
           reason: reason
         }));
       }
       if (reason === 'overlay-click' && shouldCloseOnOverlayClick) {
-        onCloseHandler((0, _createCloseEvent.createCloseEvent)({
+        onCloseHandler((0, _dialog.createCloseEvent)({
           reason: reason
         }));
       }
@@ -332,7 +331,9 @@ var InternalModalWrapper = /*#__PURE__*/(0, _react.forwardRef)(function (props,
       // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
       ,
       style: dialogStyle
-    }), /*#__PURE__*/React.createElement(_dialogScrollLock.DialogScrollLock, null), dialogPositionStyles &&
+    }), /*#__PURE__*/React.createElement(_dialogScrollLock.DialogScrollLock, {
+      isOpen: true
+    }), dialogPositionStyles &&
     /*#__PURE__*/
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-global-styles
     React.createElement("style", null, dialogPositionStyles), /*#__PURE__*/React.createElement("div", {

package/dist/es2019/internal/components/modal-wrapper.js

@@ -21,8 +21,7 @@ import Portal from '@atlaskit/portal';
 import { combine } from '@atlaskit/pragmatic-drag-and-drop/combine';
 import { layers } from '@atlaskit/theme/constants';
 import { dialogSlideUpAndFade } from '@atlaskit/top-layer/animations';
-import { createCloseEvent } from '@atlaskit/top-layer/create-close-event';
-import { Dialog } from '@atlaskit/top-layer/dialog';
+import { createCloseEvent, Dialog } from '@atlaskit/top-layer/dialog';
 import { DialogScrollLock } from '@atlaskit/top-layer/dialog-scroll-lock';
 import { ModalContext, ScrollContext } from '../context';
 import useModalStack from '../hooks/use-modal-stack';
@@ -101,7 +100,7 @@ const InternalModalWrapper = /*#__PURE__*/forwardRef((props, ref) => {
     action: 'closed',
     componentName: 'modalDialog',
     packageName: "@atlaskit/modal-dialog",
-    packageVersion: "15.2.5"
+    packageVersion: "15.2.7"
   });
   const onBlanketClicked = useCallback(e => {
     if (shouldCloseOnOverlayClick) {
@@ -317,7 +316,9 @@ const InternalModalWrapper = /*#__PURE__*/forwardRef((props, ref) => {
       // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
       ,
       style: dialogStyle
-    }), /*#__PURE__*/React.createElement(DialogScrollLock, null), dialogPositionStyles &&
+    }), /*#__PURE__*/React.createElement(DialogScrollLock, {
+      isOpen: true
+    }), dialogPositionStyles &&
     /*#__PURE__*/
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-global-styles
     React.createElement("style", null, dialogPositionStyles), /*#__PURE__*/React.createElement("div", {

package/dist/esm/internal/components/modal-wrapper.js

@@ -22,8 +22,7 @@ import Portal from '@atlaskit/portal';
 import { combine } from '@atlaskit/pragmatic-drag-and-drop/combine';
 import { layers } from '@atlaskit/theme/constants';
 import { dialogSlideUpAndFade } from '@atlaskit/top-layer/animations';
-import { createCloseEvent } from '@atlaskit/top-layer/create-close-event';
-import { Dialog } from '@atlaskit/top-layer/dialog';
+import { createCloseEvent, Dialog } from '@atlaskit/top-layer/dialog';
 import { DialogScrollLock } from '@atlaskit/top-layer/dialog-scroll-lock';
 import { ModalContext, ScrollContext } from '../context';
 import useModalStack from '../hooks/use-modal-stack';
@@ -106,7 +105,7 @@ var InternalModalWrapper = /*#__PURE__*/forwardRef(function (props, ref) {
     action: 'closed',
     componentName: 'modalDialog',
     packageName: "@atlaskit/modal-dialog",
-    packageVersion: "15.2.5"
+    packageVersion: "15.2.7"
   });
   var onBlanketClicked = useCallback(function (e) {
     if (shouldCloseOnOverlayClick) {
@@ -323,7 +322,9 @@ var InternalModalWrapper = /*#__PURE__*/forwardRef(function (props, ref) {
       // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
       ,
       style: dialogStyle
-    }), /*#__PURE__*/React.createElement(DialogScrollLock, null), dialogPositionStyles &&
+    }), /*#__PURE__*/React.createElement(DialogScrollLock, {
+      isOpen: true
+    }), dialogPositionStyles &&
     /*#__PURE__*/
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-global-styles
     React.createElement("style", null, dialogPositionStyles), /*#__PURE__*/React.createElement("div", {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/modal-dialog",
-	"version": "15.2.6",
+	"version": "15.2.8",
 	"description": "A modal dialog displays content that requires user interaction, in a layer above the page.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -48,7 +48,7 @@
 		"@atlaskit/primitives": "^19.0.0",
 		"@atlaskit/theme": "^25.0.0",
 		"@atlaskit/tokens": "^13.3.0",
-		"@atlaskit/top-layer": "^0.14.0",
+		"@atlaskit/top-layer": "^0.16.0",
 		"@babel/runtime": "^7.0.0",
 		"@compiled/react": "^0.20.0",
 		"bind-event-listener": "^3.0.0",
@@ -72,7 +72,7 @@
 		"@atlaskit/datetime-picker": "^17.9.0",
 		"@atlaskit/docs": "^11.8.0",
 		"@atlaskit/dropdown-menu": "^16.10.0",
-		"@atlaskit/flag": "^17.12.0",
+		"@atlaskit/flag": "^17.13.0",
 		"@atlaskit/form": "^15.5.0",
 		"@atlaskit/heading": "^5.4.0",
 		"@atlaskit/link": "^3.4.0",