@atlaskit/modal-dialog 16.5.3 → 16.5.4

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # @atlaskit/modal-dialog
 
+## 16.5.4
+
+### Patch Changes
+
+- [`4406362492342`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/4406362492342) -
+  Experimental React 19 peer dependency support. This patch widens the peer range; CI coverage is
+  partial.
+- Updated dependencies
+
 ## 16.5.3
 
 ### Patch Changes

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

@@ -20,7 +20,7 @@ var _useAutoFocus = _interopRequireDefault(require("@atlaskit/ds-lib/use-auto-fo
 var _useId = require("@atlaskit/ds-lib/use-id");
 var _useCloseOnEscapePress = require("@atlaskit/layering/use-close-on-escape-press");
 var _useLayering2 = require("@atlaskit/layering/use-layering");
-var _motion = require("@atlaskit/motion");
+var _motion = _interopRequireDefault(require("@atlaskit/motion/entering/motion"));
 var _fadeIn = _interopRequireDefault(require("@atlaskit/motion/fade-in"));
 var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _combine = require("@atlaskit/pragmatic-drag-and-drop/utils/combine");
@@ -113,7 +113,7 @@ var ModalDialog = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     value: modalDialogContext
   }, /*#__PURE__*/React.createElement(_scrollContext.ScrollContext.Provider, {
     value: shouldScrollInViewport
-  }, !UNSAFE_shouldDisableMotionUplift && (0, _fg.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.default, {
     enteringAnimation: "var(--ds-modal-enter, 250ms cubic-bezier(0.4, 0, 0, 1) ScaleIn95to100)",
     exitingAnimation: "var(--ds-modal-exit, 200ms cubic-bezier(0.6, 0, 0.8, 0.6) ScaleOut100to95)",
     onFinish: onMotionFinish,

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

@@ -23,7 +23,7 @@ var _useAutoFocus = _interopRequireDefault(require("@atlaskit/ds-lib/use-auto-fo
 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 _motion = _interopRequireDefault(require("@atlaskit/motion/entering/motion"));
 var _useExitingPersistence = require("@atlaskit/motion/exiting-persistence/use-exiting-persistence");
 var _fadeIn = _interopRequireDefault(require("@atlaskit/motion/fade-in"));
 var _fg = require("@atlaskit/platform-feature-flags/fg");
@@ -93,7 +93,7 @@ function useModalCloseHandler(providedOnClose) {
     action: 'closed',
     componentName: 'modalDialog',
     packageName: "@atlaskit/modal-dialog",
-    packageVersion: "16.5.2"
+    packageVersion: "16.5.3"
   });
 }
 function getScrollMode(_ref) {
@@ -454,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, _fg.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.default, {
     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", {

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

@@ -10,7 +10,7 @@ require("./positioner.compiled.css");
 var React = _interopRequireWildcard(require("react"));
 var _runtime = require("@compiled/react/runtime");
 var _curves = require("@atlaskit/motion/curves");
-var _durations = require("@atlaskit/motion/durations");
+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); }
 // Flex and min-content are set to constrain the height of the body and support multi-column scrolling experiences

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

@@ -10,7 +10,7 @@ import useAutoFocus from '@atlaskit/ds-lib/use-auto-focus';
 import { useId } from '@atlaskit/ds-lib/use-id';
 import { useCloseOnEscapePress } from '@atlaskit/layering/use-close-on-escape-press';
 import { useLayering } from '@atlaskit/layering/use-layering';
-import { Motion } from '@atlaskit/motion';
+import Motion from '@atlaskit/motion/entering/motion';
 import FadeIn from '@atlaskit/motion/fade-in';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { combine } from '@atlaskit/pragmatic-drag-and-drop/utils/combine';

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

@@ -14,7 +14,7 @@ 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 Motion from '@atlaskit/motion/entering/motion';
 import { useExitingPersistence } from '@atlaskit/motion/exiting-persistence/use-exiting-persistence';
 import FadeIn from '@atlaskit/motion/fade-in';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
@@ -83,7 +83,7 @@ function useModalCloseHandler(providedOnClose) {
     action: 'closed',
     componentName: 'modalDialog',
     packageName: "@atlaskit/modal-dialog",
-    packageVersion: "16.5.2"
+    packageVersion: "16.5.3"
   });
 }
 function getScrollMode({

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

@@ -3,7 +3,7 @@ import "./positioner.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { easeInOut } from '@atlaskit/motion/curves';
-import { durations } from '@atlaskit/motion/durations';
+import { durations } from '@atlaskit/motion/utils/durations';
 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/internal/components/modal-dialog.js

@@ -12,7 +12,7 @@ import useAutoFocus from '@atlaskit/ds-lib/use-auto-focus';
 import { useId } from '@atlaskit/ds-lib/use-id';
 import { useCloseOnEscapePress } from '@atlaskit/layering/use-close-on-escape-press';
 import { useLayering } from '@atlaskit/layering/use-layering';
-import { Motion } from '@atlaskit/motion';
+import Motion from '@atlaskit/motion/entering/motion';
 import FadeIn from '@atlaskit/motion/fade-in';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { combine } from '@atlaskit/pragmatic-drag-and-drop/utils/combine';

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

@@ -15,7 +15,7 @@ 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 Motion from '@atlaskit/motion/entering/motion';
 import { useExitingPersistence } from '@atlaskit/motion/exiting-persistence/use-exiting-persistence';
 import FadeIn from '@atlaskit/motion/fade-in';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
@@ -84,7 +84,7 @@ function useModalCloseHandler(providedOnClose) {
     action: 'closed',
     componentName: 'modalDialog',
     packageName: "@atlaskit/modal-dialog",
-    packageVersion: "16.5.2"
+    packageVersion: "16.5.3"
   });
 }
 function getScrollMode(_ref) {

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

@@ -3,7 +3,7 @@ import "./positioner.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { easeInOut } from '@atlaskit/motion/curves';
-import { durations } from '@atlaskit/motion/durations';
+import { durations } from '@atlaskit/motion/utils/durations';
 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/internal/hooks/use-on-motion-finish.d.ts

@@ -1,5 +1,5 @@
 import { type RefObject } from 'react';
-import type { Transition } from '@atlaskit/motion/types';
+import type { Transition } from '@atlaskit/motion/entering/types';
 import { type ModalDialogProps } from '../../types';
 /**
  * This will run the respective passed in callback functions when modal is

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/modal-dialog",
-	"version": "16.5.3",
+	"version": "16.5.4",
 	"description": "A modal dialog displays content that requires user interaction, in a layer above the page.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -37,7 +37,7 @@
 		"@atlaskit/analytics-next": "^12.4.0",
 		"@atlaskit/blanket": "^16.3.0",
 		"@atlaskit/button": "^25.2.0",
-		"@atlaskit/css": "^1.0.0",
+		"@atlaskit/css": "^1.1.0",
 		"@atlaskit/ds-lib": "^8.0.0",
 		"@atlaskit/icon": "^37.5.0",
 		"@atlaskit/layering": "^5.1.0",
@@ -48,7 +48,7 @@
 		"@atlaskit/primitives": "^22.4.0",
 		"@atlaskit/react-compiler-gating": "^0.2.0",
 		"@atlaskit/theme": "^28.1.0",
-		"@atlaskit/tokens": "^16.8.0",
+		"@atlaskit/tokens": "^16.9.0",
 		"@atlaskit/top-layer": "^4.4.0",
 		"@babel/runtime": "^7.0.0",
 		"@compiled/react": "^1.0.2",
@@ -58,7 +58,7 @@
 		"react-scrolllock": "^5.0.1"
 	},
 	"peerDependencies": {
-		"react": "^18.2.0"
+		"react": "^18.2.0 || ^19.0.0"
 	},
 	"devDependencies": {
 		"@af/accessibility-testing": "workspace:^",
@@ -80,7 +80,7 @@
 		"@atlaskit/popup": "^6.2.0",
 		"@atlaskit/radio": "^10.1.0",
 		"@atlaskit/section-message": "^10.1.0",
-		"@atlaskit/select": "^22.9.0",
+		"@atlaskit/select": "^22.10.0",
 		"@atlaskit/spotlight": "^4.2.0",
 		"@atlaskit/textfield": "^10.1.0",
 		"@atlaskit/tooltip": "^24.2.0",
@@ -91,9 +91,8 @@
 		"@testing-library/dom": "^10.1.0",
 		"@types/raf-schd": "^4.0.1",
 		"jscodeshift": "^17.0.0",
-		"react": "^18.2.0",
-		"react-dom": "^18.2.0",
-		"react-lorem-component": "^0.13.0",
+		"react": "^19.0.0",
+		"react-dom": "^19.0.0",
 		"react-sweet-state": "^2.6.5",
 		"tiny-invariant": "^1.2.0",
 		"typescript": "npm:@typescript/typescript6@^6.0.2"