@atlaskit/modal-dialog 16.5.2 → 16.5.3

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @atlaskit/modal-dialog
 
+## 16.5.3
+
+### Patch Changes
+
+- [`75e41b355abb1`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/75e41b355abb1) -
+  Change `useExitingPersistence` import to newly created named export
+- Updated dependencies
+
 ## 16.5.2
 
 ### Patch Changes

package/dist/cjs/close-button.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.CloseButton = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _new = require("@atlaskit/button/new");
+var _button = _interopRequireDefault(require("@atlaskit/button/icon/button"));
 var _cross = _interopRequireDefault(require("@atlaskit/icon/core/cross"));
 /**
  * __Close button__
@@ -25,7 +25,7 @@ var CloseButton = exports.CloseButton = function CloseButton(_ref) {
     onBlur = _ref.onBlur,
     onClick = _ref.onClick,
     testId = _ref.testId;
-  return /*#__PURE__*/_react.default.createElement(_new.IconButton, {
+  return /*#__PURE__*/_react.default.createElement(_button.default, {
     testId: testId && "".concat(testId, "--close-button"),
     appearance: "subtle",
     icon: _cross.default,

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

@@ -16,21 +16,22 @@ var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
 var _bindEventListener = require("bind-event-listener");
 var _reactFocusLock = _interopRequireDefault(require("react-focus-lock"));
 var _reactScrolllock = _interopRequireWildcard(require("react-scrolllock"));
-var _analyticsNext = require("@atlaskit/analytics-next");
-var _blanket = _interopRequireDefault(require("@atlaskit/blanket"));
+var _usePlatformLeafEventHandler = require("@atlaskit/analytics-next/usePlatformLeafEventHandler");
+var _blanket = _interopRequireDefault(require("@atlaskit/blanket/blanket"));
 var _noop = _interopRequireDefault(require("@atlaskit/ds-lib/noop"));
 var _useAutoFocus = _interopRequireDefault(require("@atlaskit/ds-lib/use-auto-focus"));
 var _useId = require("@atlaskit/ds-lib/use-id");
 var _layering = require("@atlaskit/layering/layering");
 var _useNotifyOpenLayerObserver = require("@atlaskit/layering/use-notify-open-layer-observer");
 var _motion = require("@atlaskit/motion");
-var _exitingPersistence = require("@atlaskit/motion/exiting-persistence");
+var _useExitingPersistence = require("@atlaskit/motion/exiting-persistence/use-exiting-persistence");
 var _fadeIn = _interopRequireDefault(require("@atlaskit/motion/fade-in"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
-var _portal = _interopRequireDefault(require("@atlaskit/portal"));
-var _combine = require("@atlaskit/pragmatic-drag-and-drop/combine");
+var _fg = require("@atlaskit/platform-feature-flags/fg");
+var _portal = _interopRequireDefault(require("@atlaskit/portal/portal"));
+var _combine = require("@atlaskit/pragmatic-drag-and-drop/utils/combine");
 var _constants = require("@atlaskit/theme/constants");
-var _dialog = require("@atlaskit/top-layer/dialog");
+var _createCloseEvent = require("@atlaskit/top-layer/create-close-event");
+var _dialogContent = require("@atlaskit/top-layer/dialog-content");
 var _dialogScrollLock = require("@atlaskit/top-layer/dialog-scroll-lock");
 var _context = require("../context");
 var _useModalStack = _interopRequireDefault(require("../hooks/use-modal-stack"));
@@ -87,12 +88,12 @@ var allowlistElements = function allowlistElements(element, callback) {
 // Analytics-wrapped close handler. Extracted so both rendering paths build it
 // identically.
 function useModalCloseHandler(providedOnClose) {
-  return (0, _analyticsNext.usePlatformLeafEventHandler)({
+  return (0, _usePlatformLeafEventHandler.usePlatformLeafEventHandler)({
     fn: providedOnClose || _noop.default,
     action: 'closed',
     componentName: 'modalDialog',
     packageName: "@atlaskit/modal-dialog",
-    packageVersion: "16.5.1"
+    packageVersion: "16.5.2"
   });
 }
 function getScrollMode(_ref) {
@@ -206,7 +207,7 @@ function ModalWrapperTopLayer(props) {
     onStackChange: onStackChange
   });
   var onCloseHandler = useModalCloseHandler(providedOnClose);
-  var _useExitingPersistenc = (0, _exitingPersistence.useExitingPersistence)(),
+  var _useExitingPersistenc = (0, _useExitingPersistence.useExitingPersistence)(),
     isExiting = _useExitingPersistenc.isExiting,
     onExitFinish = _useExitingPersistenc.onFinish;
 
@@ -241,7 +242,7 @@ function ModalWrapperTopLayer(props) {
   // Pass a synthetic event to satisfy the KeyboardOrMouseEvent contract.
   var onDialogClose = (0, _react.useCallback)(function (_ref3) {
     var reason = _ref3.reason;
-    onCloseHandler((0, _dialog.createCloseEvent)({
+    onCloseHandler((0, _createCloseEvent.createCloseEvent)({
       reason: reason
     }));
   }, [onCloseHandler]);
@@ -318,7 +319,7 @@ function ModalWrapperTopLayer(props) {
     isFullScreen: isFullScreen,
     shouldScrollInViewport: shouldScrollInViewport
   });
-  return /*#__PURE__*/React.createElement(_dialog.Dialog, (0, _extends2.default)({
+  return /*#__PURE__*/React.createElement(_dialogContent.Dialog, (0, _extends2.default)({
     ref: dialogRef,
     onClose: onDialogClose,
     dismissedBy: dismissedBy,
@@ -453,7 +454,7 @@ var ModalWrapperLegacy = /*#__PURE__*/(0, _react.forwardRef)(function (props, re
     isDisabled: false
   }, /*#__PURE__*/React.createElement(_portal.default, {
     zIndex: _constants.layers.modal()
-  }, !UNSAFE_shouldDisableMotionUplift && (0, _platformFeatureFlags.fg)('platform-dst-motion-uplift-modal') ? /*#__PURE__*/React.createElement(_motion.Motion, {
+  }, !UNSAFE_shouldDisableMotionUplift && (0, _fg.fg)('platform-dst-motion-uplift-modal') ? /*#__PURE__*/React.createElement(_motion.Motion, {
     enteringAnimation: "var(--ds-blanket-enter, 250ms cubic-bezier(0.4, 0, 0, 1) FadeIn0to100)",
     exitingAnimation: "var(--ds-blanket-exit, 200ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut100to0)"
   }, /*#__PURE__*/React.createElement("div", {
@@ -483,7 +484,7 @@ var ModalWrapperLegacy = /*#__PURE__*/(0, _react.forwardRef)(function (props, re
 // hooks unconditionally, so a runtime feature-flag change swaps component types
 // (a clean remount) instead of changing the hook order of a mounted component.
 var InternalModalWrapper = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
-  if ((0, _platformFeatureFlags.fg)('platform-dst-top-layer')) {
+  if ((0, _fg.fg)('platform-dst-top-layer')) {
     // TODO: the top-layer path does not forward the external `ref` (parity
     // with the pre-refactor behavior, where the top-layer branch never
     // consumed it). The public type still advertises `RefAttributes`, so a

package/dist/cjs/internal/hooks/use-modal-stack.js

@@ -10,7 +10,7 @@ var _react = require("react");
 var _useLazyCallback = _interopRequireDefault(require("@atlaskit/ds-lib/use-lazy-callback"));
 var _usePreviousValue = _interopRequireDefault(require("@atlaskit/ds-lib/use-previous-value"));
 var _useStateRef3 = _interopRequireDefault(require("@atlaskit/ds-lib/use-state-ref"));
-var _exitingPersistence = require("@atlaskit/motion/exiting-persistence");
+var _useExitingPersistence = require("@atlaskit/motion/exiting-persistence/use-exiting-persistence");
 /**
  *  ________________________________________________
  * | MAJOR VERSIONS WILL NOT KNOW ABOUT EACH OTHER! |
@@ -30,7 +30,7 @@ var modalStackRegister = [];
  */
 function useModalStack(_ref) {
   var onStackChange = _ref.onStackChange;
-  var _useExitingPersistenc = (0, _exitingPersistence.useExitingPersistence)(),
+  var _useExitingPersistenc = (0, _useExitingPersistence.useExitingPersistence)(),
     isExiting = _useExitingPersistenc.isExiting;
   var _useStateRef = (0, _useStateRef3.default)(0),
     _useStateRef2 = (0, _slicedToArray2.default)(_useStateRef, 2),

package/dist/es2019/close-button.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { IconButton } from '@atlaskit/button/new';
+import IconButton from '@atlaskit/button/icon/button';
 import CrossIcon from '@atlaskit/icon/core/cross';
 /**
  * __Close button__

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

@@ -7,21 +7,22 @@ import { forwardRef, useCallback, useEffect, useMemo, useRef } from 'react';
 import { bind } from 'bind-event-listener';
 import FocusLock from 'react-focus-lock';
 import ScrollLock, { TouchScrollable } from 'react-scrolllock';
-import { usePlatformLeafEventHandler } from '@atlaskit/analytics-next';
-import Blanket from '@atlaskit/blanket';
+import { usePlatformLeafEventHandler } from '@atlaskit/analytics-next/usePlatformLeafEventHandler';
+import Blanket from '@atlaskit/blanket/blanket';
 import noop from '@atlaskit/ds-lib/noop';
 import useAutoFocus from '@atlaskit/ds-lib/use-auto-focus';
 import { useId } from '@atlaskit/ds-lib/use-id';
 import { Layering } from '@atlaskit/layering/layering';
 import { useNotifyOpenLayerObserver } from '@atlaskit/layering/use-notify-open-layer-observer';
 import { Motion } from '@atlaskit/motion';
-import { useExitingPersistence } from '@atlaskit/motion/exiting-persistence';
+import { useExitingPersistence } from '@atlaskit/motion/exiting-persistence/use-exiting-persistence';
 import FadeIn from '@atlaskit/motion/fade-in';
-import { fg } from '@atlaskit/platform-feature-flags';
-import Portal from '@atlaskit/portal';
-import { combine } from '@atlaskit/pragmatic-drag-and-drop/combine';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
+import Portal from '@atlaskit/portal/portal';
+import { combine } from '@atlaskit/pragmatic-drag-and-drop/utils/combine';
 import { layers } from '@atlaskit/theme/constants';
-import { createCloseEvent, Dialog } from '@atlaskit/top-layer/dialog';
+import { createCloseEvent } from '@atlaskit/top-layer/create-close-event';
+import { Dialog } from '@atlaskit/top-layer/dialog-content';
 import { DialogScrollLock } from '@atlaskit/top-layer/dialog-scroll-lock';
 import { ModalContext } from '../context';
 import useModalStack from '../hooks/use-modal-stack';
@@ -82,7 +83,7 @@ function useModalCloseHandler(providedOnClose) {
     action: 'closed',
     componentName: 'modalDialog',
     packageName: "@atlaskit/modal-dialog",
-    packageVersion: "16.5.1"
+    packageVersion: "16.5.2"
   });
 }
 function getScrollMode({

package/dist/es2019/internal/hooks/use-modal-stack.js

@@ -2,7 +2,7 @@ import { useEffect } from 'react';
 import useLazyCallback from '@atlaskit/ds-lib/use-lazy-callback';
 import usePreviousValue from '@atlaskit/ds-lib/use-previous-value';
 import useStateRef from '@atlaskit/ds-lib/use-state-ref';
-import { useExitingPersistence } from '@atlaskit/motion/exiting-persistence';
+import { useExitingPersistence } from '@atlaskit/motion/exiting-persistence/use-exiting-persistence';
 
 /**
  *  ________________________________________________

package/dist/esm/close-button.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { IconButton } from '@atlaskit/button/new';
+import IconButton from '@atlaskit/button/icon/button';
 import CrossIcon from '@atlaskit/icon/core/cross';
 /**
  * __Close button__

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

@@ -8,21 +8,22 @@ import { forwardRef, useCallback, useEffect, useMemo, useRef } from 'react';
 import { bind } from 'bind-event-listener';
 import FocusLock from 'react-focus-lock';
 import ScrollLock, { TouchScrollable } from 'react-scrolllock';
-import { usePlatformLeafEventHandler } from '@atlaskit/analytics-next';
-import Blanket from '@atlaskit/blanket';
+import { usePlatformLeafEventHandler } from '@atlaskit/analytics-next/usePlatformLeafEventHandler';
+import Blanket from '@atlaskit/blanket/blanket';
 import noop from '@atlaskit/ds-lib/noop';
 import useAutoFocus from '@atlaskit/ds-lib/use-auto-focus';
 import { useId } from '@atlaskit/ds-lib/use-id';
 import { Layering } from '@atlaskit/layering/layering';
 import { useNotifyOpenLayerObserver } from '@atlaskit/layering/use-notify-open-layer-observer';
 import { Motion } from '@atlaskit/motion';
-import { useExitingPersistence } from '@atlaskit/motion/exiting-persistence';
+import { useExitingPersistence } from '@atlaskit/motion/exiting-persistence/use-exiting-persistence';
 import FadeIn from '@atlaskit/motion/fade-in';
-import { fg } from '@atlaskit/platform-feature-flags';
-import Portal from '@atlaskit/portal';
-import { combine } from '@atlaskit/pragmatic-drag-and-drop/combine';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
+import Portal from '@atlaskit/portal/portal';
+import { combine } from '@atlaskit/pragmatic-drag-and-drop/utils/combine';
 import { layers } from '@atlaskit/theme/constants';
-import { createCloseEvent, Dialog } from '@atlaskit/top-layer/dialog';
+import { createCloseEvent } from '@atlaskit/top-layer/create-close-event';
+import { Dialog } from '@atlaskit/top-layer/dialog-content';
 import { DialogScrollLock } from '@atlaskit/top-layer/dialog-scroll-lock';
 import { ModalContext } from '../context';
 import useModalStack from '../hooks/use-modal-stack';
@@ -83,7 +84,7 @@ function useModalCloseHandler(providedOnClose) {
     action: 'closed',
     componentName: 'modalDialog',
     packageName: "@atlaskit/modal-dialog",
-    packageVersion: "16.5.1"
+    packageVersion: "16.5.2"
   });
 }
 function getScrollMode(_ref) {

package/dist/esm/internal/hooks/use-modal-stack.js

@@ -3,7 +3,7 @@ import { useEffect } from 'react';
 import useLazyCallback from '@atlaskit/ds-lib/use-lazy-callback';
 import usePreviousValue from '@atlaskit/ds-lib/use-previous-value';
 import useStateRef from '@atlaskit/ds-lib/use-state-ref';
-import { useExitingPersistence } from '@atlaskit/motion/exiting-persistence';
+import { useExitingPersistence } from '@atlaskit/motion/exiting-persistence/use-exiting-persistence';
 
 /**
  *  ________________________________________________

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/modal-dialog",
-	"version": "16.5.2",
+	"version": "16.5.3",
 	"description": "A modal dialog displays content that requires user interaction, in a layer above the page.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -34,14 +34,14 @@
 		"watch": "tsc --watch --noEmit --project './tsconfig.json'"
 	},
 	"dependencies": {
-		"@atlaskit/analytics-next": "^12.3.0",
+		"@atlaskit/analytics-next": "^12.4.0",
 		"@atlaskit/blanket": "^16.3.0",
 		"@atlaskit/button": "^25.2.0",
 		"@atlaskit/css": "^1.0.0",
 		"@atlaskit/ds-lib": "^8.0.0",
 		"@atlaskit/icon": "^37.5.0",
 		"@atlaskit/layering": "^5.1.0",
-		"@atlaskit/motion": "^8.4.0",
+		"@atlaskit/motion": "^8.5.0",
 		"@atlaskit/platform-feature-flags": "^2.1.0",
 		"@atlaskit/portal": "^6.3.0",
 		"@atlaskit/pragmatic-drag-and-drop": "^3.0.0",