@atlaskit/modal-dialog 16.6.7 → 17.0.1

package/CHANGELOG.md

@@ -1,5 +1,25 @@
 # @atlaskit/modal-dialog
 
+## 17.0.1
+
+### Patch Changes
+
+- [`9fce890f9df21`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/9fce890f9df21) -
+  Keep modal context stable when its close callback changes.
+- Updated dependencies
+
+## 17.0.0
+
+### Major Changes
+
+- [`0c7c7be927bde`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/0c7c7be927bde) -
+  Remove deprecated Volt re-export shims from public package entry points. Consumers should import
+  from the replacement subpaths or implementation entry points instead.
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 16.6.7
 
 ### Patch Changes

package/dist/cjs/full-screen.js

@@ -6,44 +6,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.FullScreenModalDialog = void 0;
-Object.defineProperty(exports, "ModalBody", {
-  enumerable: true,
-  get: function get() {
-    return _modalBody.default;
-  }
-});
-Object.defineProperty(exports, "ModalFooter", {
-  enumerable: true,
-  get: function get() {
-    return _modalFooter.default;
-  }
-});
-Object.defineProperty(exports, "ModalHeader", {
-  enumerable: true,
-  get: function get() {
-    return _modalHeader.default;
-  }
-});
-Object.defineProperty(exports, "ModalTitle", {
-  enumerable: true,
-  get: function get() {
-    return _modalTitle.default;
-  }
-});
-Object.defineProperty(exports, "ModalTransition", {
-  enumerable: true,
-  get: function get() {
-    return _modalTransition.default;
-  }
-});
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireWildcard(require("react"));
 var _modalWrapper = _interopRequireDefault(require("./internal/components/modal-wrapper"));
-var _modalTransition = _interopRequireDefault(require("./modal-transition"));
-var _modalHeader = _interopRequireDefault(require("./modal-header"));
-var _modalTitle = _interopRequireDefault(require("./modal-title"));
-var _modalBody = _interopRequireDefault(require("./modal-body"));
-var _modalFooter = _interopRequireDefault(require("./modal-footer"));
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 // eslint-disable-next-line @repo/internal/react/require-jsdoc
 var FullScreenModalDialog = exports.FullScreenModalDialog = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
@@ -89,29 +54,4 @@ var FullScreenModalDialog = exports.FullScreenModalDialog = /*#__PURE__*/(0, _re
     ref: ref
   }));
 });
-FullScreenModalDialog.displayName = 'FullScreenModalDialog';
-
-/**
- * @deprecated Volt migration shim. Import from the explicit subpath instead.
- * Retained only while consumers migrate off this re-export.
- */
-
-/**
- * @deprecated Volt migration shim. Import from the explicit subpath instead.
- * Retained only while consumers migrate off this re-export.
- */
-
-/**
- * @deprecated Volt migration shim. Import from the explicit subpath instead.
- * Retained only while consumers migrate off this re-export.
- */
-
-/**
- * @deprecated Volt migration shim. Import from the explicit subpath instead.
- * Retained only while consumers migrate off this re-export.
- */
-
-/**
- * @deprecated Volt migration shim. Import from the explicit subpath instead.
- * Retained only while consumers migrate off this re-export.
- */
+FullScreenModalDialog.displayName = 'FullScreenModalDialog';

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

@@ -43,6 +43,7 @@ var _scrollContext = require("../scroll-context");
 var _width = require("../width");
 var _modalDialog = _interopRequireDefault(require("./modal-dialog"));
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof3(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-atlaskit-theme
 var fillScreenStyles = null;
 
 /**
@@ -93,7 +94,7 @@ function useModalCloseHandler(providedOnClose) {
     action: 'closed',
     componentName: 'modalDialog',
     packageName: "@atlaskit/modal-dialog",
-    packageVersion: "16.6.6"
+    packageVersion: "17.0.0"
   });
 }
 function getScrollMode(_ref) {
@@ -228,15 +229,16 @@ function ModalWrapperTopLayer(props) {
 
   // Native <dialog> ref - needed for ExitingPersistence to call dialog.close().
   var dialogRef = (0, _react.useRef)(null);
+  var hasProvidedOnClose = Boolean(providedOnClose);
   var modalDialogContext = (0, _react.useMemo)(function () {
     return {
       testId: defaultTestId,
       titleId: titleId,
       onClose: onCloseHandler,
-      hasProvidedOnClose: Boolean(providedOnClose),
+      hasProvidedOnClose: hasProvidedOnClose,
       isFullScreen: isFullScreen !== null && isFullScreen !== void 0 ? isFullScreen : false
     };
-  }, [defaultTestId, titleId, onCloseHandler, providedOnClose, isFullScreen]);
+  }, [defaultTestId, titleId, onCloseHandler, hasProvidedOnClose, isFullScreen]);
 
   // Dialog has already applied the close behavior configured by `dismissedBy`.
   // Pass a synthetic event to satisfy the KeyboardOrMouseEvent contract.

package/dist/cjs/internal/components/positioner.js

@@ -13,6 +13,7 @@ var _curves = require("@atlaskit/motion/curves");
 var _durations = require("@atlaskit/motion/utils/durations");
 var _constants = require("@atlaskit/theme/constants");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-atlaskit-theme
 // Flex and min-content are set to constrain the height of the body and support multi-column scrolling experiences
 var positionerStyles = null;
 var stackStyles = {

package/dist/es2019/full-screen.js

@@ -45,30 +45,4 @@ export const FullScreenModalDialog = /*#__PURE__*/forwardRef((props, ref) => {
     ref: ref
   }));
 });
-FullScreenModalDialog.displayName = 'FullScreenModalDialog';
-
-/**
- * @deprecated Volt migration shim. Import from the explicit subpath instead.
- * Retained only while consumers migrate off this re-export.
- */
-export { default as ModalTransition } from './modal-transition';
-/**
- * @deprecated Volt migration shim. Import from the explicit subpath instead.
- * Retained only while consumers migrate off this re-export.
- */
-export { default as ModalHeader } from './modal-header';
-/**
- * @deprecated Volt migration shim. Import from the explicit subpath instead.
- * Retained only while consumers migrate off this re-export.
- */
-export { default as ModalTitle } from './modal-title';
-/**
- * @deprecated Volt migration shim. Import from the explicit subpath instead.
- * Retained only while consumers migrate off this re-export.
- */
-export { default as ModalBody } from './modal-body';
-/**
- * @deprecated Volt migration shim. Import from the explicit subpath instead.
- * Retained only while consumers migrate off this re-export.
- */
-export { default as ModalFooter } from './modal-footer';
+FullScreenModalDialog.displayName = 'FullScreenModalDialog';

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

@@ -20,6 +20,7 @@ import FadeIn from '@atlaskit/motion/fade-in';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
 import Portal from '@atlaskit/portal/portal';
 import { combine } from '@atlaskit/pragmatic-drag-and-drop/utils/combine';
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-atlaskit-theme
 import { layers } from '@atlaskit/theme/constants';
 import { createCloseEvent } from '@atlaskit/top-layer/create-close-event';
 import { Dialog } from '@atlaskit/top-layer/dialog-content';
@@ -83,7 +84,7 @@ function useModalCloseHandler(providedOnClose) {
     action: 'closed',
     componentName: 'modalDialog',
     packageName: "@atlaskit/modal-dialog",
-    packageVersion: "16.6.6"
+    packageVersion: "17.0.0"
   });
 }
 function getScrollMode({
@@ -216,13 +217,14 @@ function ModalWrapperTopLayer(props) {
 
   // Native <dialog> ref - needed for ExitingPersistence to call dialog.close().
   const dialogRef = useRef(null);
+  const hasProvidedOnClose = Boolean(providedOnClose);
   const modalDialogContext = useMemo(() => ({
     testId: defaultTestId,
     titleId,
     onClose: onCloseHandler,
-    hasProvidedOnClose: Boolean(providedOnClose),
+    hasProvidedOnClose,
     isFullScreen: isFullScreen !== null && isFullScreen !== void 0 ? isFullScreen : false
-  }), [defaultTestId, titleId, onCloseHandler, providedOnClose, isFullScreen]);
+  }), [defaultTestId, titleId, onCloseHandler, hasProvidedOnClose, isFullScreen]);
 
   // Dialog has already applied the close behavior configured by `dismissedBy`.
   // Pass a synthetic event to satisfy the KeyboardOrMouseEvent contract.

package/dist/es2019/internal/components/positioner.js

@@ -4,6 +4,7 @@ import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { easeInOut } from '@atlaskit/motion/curves';
 import { durations } from '@atlaskit/motion/utils/durations';
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-atlaskit-theme
 import { layers } from '@atlaskit/theme/constants';
 // Flex and min-content are set to constrain the height of the body and support multi-column scrolling experiences
 const positionerStyles = null;

package/dist/esm/full-screen.js

@@ -45,30 +45,4 @@ export var FullScreenModalDialog = /*#__PURE__*/forwardRef(function (props, ref)
     ref: ref
   }));
 });
-FullScreenModalDialog.displayName = 'FullScreenModalDialog';
-
-/**
- * @deprecated Volt migration shim. Import from the explicit subpath instead.
- * Retained only while consumers migrate off this re-export.
- */
-export { default as ModalTransition } from './modal-transition';
-/**
- * @deprecated Volt migration shim. Import from the explicit subpath instead.
- * Retained only while consumers migrate off this re-export.
- */
-export { default as ModalHeader } from './modal-header';
-/**
- * @deprecated Volt migration shim. Import from the explicit subpath instead.
- * Retained only while consumers migrate off this re-export.
- */
-export { default as ModalTitle } from './modal-title';
-/**
- * @deprecated Volt migration shim. Import from the explicit subpath instead.
- * Retained only while consumers migrate off this re-export.
- */
-export { default as ModalBody } from './modal-body';
-/**
- * @deprecated Volt migration shim. Import from the explicit subpath instead.
- * Retained only while consumers migrate off this re-export.
- */
-export { default as ModalFooter } from './modal-footer';
+FullScreenModalDialog.displayName = 'FullScreenModalDialog';

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

@@ -21,6 +21,7 @@ import FadeIn from '@atlaskit/motion/fade-in';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
 import Portal from '@atlaskit/portal/portal';
 import { combine } from '@atlaskit/pragmatic-drag-and-drop/utils/combine';
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-atlaskit-theme
 import { layers } from '@atlaskit/theme/constants';
 import { createCloseEvent } from '@atlaskit/top-layer/create-close-event';
 import { Dialog } from '@atlaskit/top-layer/dialog-content';
@@ -84,7 +85,7 @@ function useModalCloseHandler(providedOnClose) {
     action: 'closed',
     componentName: 'modalDialog',
     packageName: "@atlaskit/modal-dialog",
-    packageVersion: "16.6.6"
+    packageVersion: "17.0.0"
   });
 }
 function getScrollMode(_ref) {
@@ -219,15 +220,16 @@ function ModalWrapperTopLayer(props) {
 
   // Native <dialog> ref - needed for ExitingPersistence to call dialog.close().
   var dialogRef = useRef(null);
+  var hasProvidedOnClose = Boolean(providedOnClose);
   var modalDialogContext = useMemo(function () {
     return {
       testId: defaultTestId,
       titleId: titleId,
       onClose: onCloseHandler,
-      hasProvidedOnClose: Boolean(providedOnClose),
+      hasProvidedOnClose: hasProvidedOnClose,
       isFullScreen: isFullScreen !== null && isFullScreen !== void 0 ? isFullScreen : false
     };
-  }, [defaultTestId, titleId, onCloseHandler, providedOnClose, isFullScreen]);
+  }, [defaultTestId, titleId, onCloseHandler, hasProvidedOnClose, isFullScreen]);
 
   // Dialog has already applied the close behavior configured by `dismissedBy`.
   // Pass a synthetic event to satisfy the KeyboardOrMouseEvent contract.

package/dist/esm/internal/components/positioner.js

@@ -4,6 +4,7 @@ import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { easeInOut } from '@atlaskit/motion/curves';
 import { durations } from '@atlaskit/motion/utils/durations';
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-atlaskit-theme
 import { layers } from '@atlaskit/theme/constants';
 // Flex and min-content are set to constrain the height of the body and support multi-column scrolling experiences
 var positionerStyles = null;

package/dist/types/full-screen.d.ts

@@ -3,28 +3,3 @@ import type { ModalDialogProps } from './types';
 export interface FullScreenModalDialogProps extends Omit<ModalDialogProps, 'width' | 'height' | 'shouldScrollInViewport' | 'shouldCloseOnOverlayClick' | 'isBlanketHidden'> {
 }
 export declare const FullScreenModalDialog: React.ForwardRefExoticComponent<React.PropsWithoutRef<FullScreenModalDialogProps> & React.RefAttributes<HTMLElement>>;
-/**
- * @deprecated Volt migration shim. Import from the explicit subpath instead.
- * Retained only while consumers migrate off this re-export.
- */
-export { default as ModalTransition } from './modal-transition';
-/**
- * @deprecated Volt migration shim. Import from the explicit subpath instead.
- * Retained only while consumers migrate off this re-export.
- */
-export { default as ModalHeader } from './modal-header';
-/**
- * @deprecated Volt migration shim. Import from the explicit subpath instead.
- * Retained only while consumers migrate off this re-export.
- */
-export { default as ModalTitle } from './modal-title';
-/**
- * @deprecated Volt migration shim. Import from the explicit subpath instead.
- * Retained only while consumers migrate off this re-export.
- */
-export { default as ModalBody } from './modal-body';
-/**
- * @deprecated Volt migration shim. Import from the explicit subpath instead.
- * Retained only while consumers migrate off this re-export.
- */
-export { default as ModalFooter } from './modal-footer';

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/modal-dialog",
-	"version": "16.6.7",
+	"version": "17.0.1",
 	"description": "A modal dialog displays content that requires user interaction, in a layer above the page.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -42,17 +42,17 @@
 		"@atlaskit/button": "^25.4.0",
 		"@atlaskit/css": "^1.1.0",
 		"@atlaskit/ds-lib": "^8.0.0",
-		"@atlaskit/icon": "^37.7.0",
-		"@atlaskit/layering": "^5.2.0",
-		"@atlaskit/motion": "^8.8.0",
+		"@atlaskit/icon": "^38.0.0",
+		"@atlaskit/layering": "^6.0.0",
+		"@atlaskit/motion": "^9.1.0",
 		"@atlaskit/platform-feature-flags": "^2.2.0",
 		"@atlaskit/portal": "^7.0.0",
-		"@atlaskit/pragmatic-drag-and-drop": "^3.1.0",
+		"@atlaskit/pragmatic-drag-and-drop": "^4.0.0",
 		"@atlaskit/primitives": "^22.5.0",
 		"@atlaskit/react-compiler-gating": "^0.2.0",
 		"@atlaskit/theme": "^28.2.0",
-		"@atlaskit/tokens": "^19.0.0",
-		"@atlaskit/top-layer": "^5.1.0",
+		"@atlaskit/tokens": "^20.1.0",
+		"@atlaskit/top-layer": "^6.1.0",
 		"@babel/runtime": "^7.0.0",
 		"@compiled/react": "^1.0.2",
 		"bind-event-listener": "^3.0.0",
@@ -67,26 +67,26 @@
 		"@af/accessibility-testing": "workspace:^",
 		"@af/integration-testing": "workspace:^",
 		"@af/visual-regression": "workspace:^",
-		"@atlaskit/avatar": "^28.0.0",
-		"@atlaskit/avatar-group": "^14.3.0",
+		"@atlaskit/avatar": "^30.0.0",
+		"@atlaskit/avatar-group": "^14.4.0",
 		"@atlaskit/banner": "^15.3.0",
-		"@atlaskit/breadcrumbs": "^17.7.0",
+		"@atlaskit/breadcrumbs": "^17.8.0",
 		"@atlaskit/checkbox": "^19.2.0",
-		"@atlaskit/code": "^19.2.0",
-		"@atlaskit/datetime-picker": "^18.7.0",
-		"@atlaskit/docs": "^12.2.0",
-		"@atlaskit/dropdown-menu": "^18.3.0",
-		"@atlaskit/flag": "^18.5.0",
-		"@atlaskit/form": "^17.2.0",
-		"@atlaskit/heading": "^7.2.0",
+		"@atlaskit/code": "^20.0.0",
+		"@atlaskit/datetime-picker": "^19.0.0",
+		"@atlaskit/docs": "^12.3.0",
+		"@atlaskit/dropdown-menu": "^21.0.0",
+		"@atlaskit/flag": "^19.0.0",
+		"@atlaskit/form": "^18.0.0",
+		"@atlaskit/heading": "^8.0.0",
 		"@atlaskit/link": "^5.1.0",
-		"@atlaskit/popup": "^6.3.0",
+		"@atlaskit/popup": "^9.0.0",
 		"@atlaskit/radio": "^10.2.0",
 		"@atlaskit/section-message": "^10.2.0",
-		"@atlaskit/select": "^22.11.0",
+		"@atlaskit/select": "^23.1.0",
 		"@atlaskit/spotlight": "^4.2.0",
 		"@atlaskit/textfield": "^10.2.0",
-		"@atlaskit/tooltip": "^24.3.0",
+		"@atlaskit/tooltip": "^24.4.0",
 		"@atlassian/feature-flags-test-utils": "^1.3.0",
 		"@atlassian/ssr-tests": "workspace:^",
 		"@atlassian/structured-docs-types": "workspace:^",