@atlaskit/modal-dialog 16.5.3 → 16.6.0

package/CHANGELOG.md

@@ -1,5 +1,25 @@
 # @atlaskit/modal-dialog
 
+## 16.6.0
+
+### Minor Changes
+
+- [`bd2c5b0112185`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/bd2c5b0112185) -
+  Remove stale API report artifacts from published Platform packages.
+
+### Patch Changes
+
+- Updated dependencies
+
+## 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.4"
   });
 }
 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.4"
   });
 }
 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.4"
   });
 }
 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.6.0",
 	"description": "A modal dialog displays content that requires user interaction, in a layer above the page.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -34,21 +34,21 @@
 		"watch": "tsc --watch --noEmit --project './tsconfig.json'"
 	},
 	"dependencies": {
-		"@atlaskit/analytics-next": "^12.4.0",
-		"@atlaskit/blanket": "^16.3.0",
-		"@atlaskit/button": "^25.2.0",
-		"@atlaskit/css": "^1.0.0",
+		"@atlaskit/analytics-next": "^12.5.0",
+		"@atlaskit/blanket": "^16.4.0",
+		"@atlaskit/button": "^25.3.0",
+		"@atlaskit/css": "^1.1.0",
 		"@atlaskit/ds-lib": "^8.0.0",
-		"@atlaskit/icon": "^37.5.0",
-		"@atlaskit/layering": "^5.1.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",
-		"@atlaskit/primitives": "^22.4.0",
+		"@atlaskit/icon": "^37.6.0",
+		"@atlaskit/layering": "^5.2.0",
+		"@atlaskit/motion": "^8.6.0",
+		"@atlaskit/platform-feature-flags": "^2.2.0",
+		"@atlaskit/portal": "^6.4.0",
+		"@atlaskit/pragmatic-drag-and-drop": "^3.1.0",
+		"@atlaskit/primitives": "^22.5.0",
 		"@atlaskit/react-compiler-gating": "^0.2.0",
-		"@atlaskit/theme": "^28.1.0",
-		"@atlaskit/tokens": "^16.8.0",
+		"@atlaskit/theme": "^28.2.0",
+		"@atlaskit/tokens": "^16.10.0",
 		"@atlaskit/top-layer": "^4.4.0",
 		"@babel/runtime": "^7.0.0",
 		"@compiled/react": "^1.0.2",
@@ -58,42 +58,41 @@
 		"react-scrolllock": "^5.0.1"
 	},
 	"peerDependencies": {
-		"react": "^18.2.0"
+		"react": "^18.2.0 || ^19.0.0"
 	},
 	"devDependencies": {
 		"@af/accessibility-testing": "workspace:^",
 		"@af/integration-testing": "workspace:^",
 		"@af/visual-regression": "workspace:^",
-		"@atlaskit/avatar": "^27.2.0",
-		"@atlaskit/avatar-group": "^14.2.0",
-		"@atlaskit/banner": "^15.2.0",
-		"@atlaskit/breadcrumbs": "^17.6.0",
-		"@atlaskit/checkbox": "^19.1.0",
-		"@atlaskit/code": "^19.1.0",
-		"@atlaskit/datetime-picker": "^18.4.0",
+		"@atlaskit/avatar": "^27.3.0",
+		"@atlaskit/avatar-group": "^14.3.0",
+		"@atlaskit/banner": "^15.3.0",
+		"@atlaskit/breadcrumbs": "^17.7.0",
+		"@atlaskit/checkbox": "^19.2.0",
+		"@atlaskit/code": "^19.2.0",
+		"@atlaskit/datetime-picker": "^18.5.0",
 		"@atlaskit/docs": "^12.2.0",
-		"@atlaskit/dropdown-menu": "^18.2.0",
-		"@atlaskit/flag": "^18.4.0",
-		"@atlaskit/form": "^17.1.0",
-		"@atlaskit/heading": "^7.1.0",
+		"@atlaskit/dropdown-menu": "^18.3.0",
+		"@atlaskit/flag": "^18.5.0",
+		"@atlaskit/form": "^17.2.0",
+		"@atlaskit/heading": "^7.2.0",
 		"@atlaskit/link": "^5.1.0",
-		"@atlaskit/popup": "^6.2.0",
-		"@atlaskit/radio": "^10.1.0",
-		"@atlaskit/section-message": "^10.1.0",
-		"@atlaskit/select": "^22.9.0",
+		"@atlaskit/popup": "^6.3.0",
+		"@atlaskit/radio": "^10.2.0",
+		"@atlaskit/section-message": "^10.2.0",
+		"@atlaskit/select": "^22.11.0",
 		"@atlaskit/spotlight": "^4.2.0",
-		"@atlaskit/textfield": "^10.1.0",
-		"@atlaskit/tooltip": "^24.2.0",
-		"@atlassian/feature-flags-test-utils": "^1.2.0",
+		"@atlaskit/textfield": "^10.2.0",
+		"@atlaskit/tooltip": "^24.3.0",
+		"@atlassian/feature-flags-test-utils": "^1.3.0",
 		"@atlassian/ssr-tests": "workspace:^",
 		"@atlassian/structured-docs-types": "workspace:^",
 		"@atlassian/testing-library": "^0.11.0",
 		"@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"

package/report.api.md

@@ -1,142 +0,0 @@
-<!-- API Report Version: 2.3 -->
-
-## API Report File for "@atlaskit/modal-dialog"
-
-> Do not edit this file. This report is auto-generated using
-> [API Extractor](https://api-extractor.com/).
-> [Learn more about API reports](https://hello.atlassian.net/wiki/spaces/UR/pages/1825484529/Package+API+Reports)
-
-### Table of contents
-
-- [Main Entry Types](#main-entry-types)
-- [Peer Dependencies](#peer-dependencies)
-
-### Main Entry Types
-
-<!--SECTION START: Main Entry Types-->
-
-```ts
-/// <reference types="react" />
-
-import { ExitingPersistenceProps } from '@atlaskit/motion/exiting-persistence';
-import { jsx } from '@emotion/react';
-import { default as React_2 } from 'react';
-import { ReactNode } from 'react';
-import { RefObject } from 'react';
-import type { UIAnalyticsEvent } from '@atlaskit/analytics-next';
-
-// @public (undocumented)
-export type Appearance = 'danger' | 'warning';
-
-// @public (undocumented)
-export type KeyboardOrMouseEvent =
-	| KeyboardEvent
-	| React_2.KeyboardEvent<any>
-	| React_2.MouseEvent<any>;
-
-// @public (undocumented)
-export type ModalAttributes = {
-	testId?: ModalDialogProps['testId'];
-	titleId: string;
-	onClose?: OnCloseHandler;
-};
-
-// @public
-export const ModalBody: (props: ModalBodyProps) => jsx.JSX.Element;
-
-// @public (undocumented)
-export interface ModalBodyProps {
-	children: React_2.ReactNode;
-	testId?: string;
-}
-
-// @public (undocumented)
-export interface ModalDialogProps {
-	autoFocus?: RefObject<HTMLElement | null | undefined> | boolean;
-	children?: React_2.ReactNode;
-	height?: number | string;
-	isBlanketHidden?: boolean;
-	label?: string;
-	onClose?: OnCloseHandler;
-	onCloseComplete?: OnCloseCompleteHandler;
-	onOpenComplete?: OnOpenCompleteHandler;
-	onStackChange?: OnStackChangeHandler;
-	shouldCloseOnEscapePress?: boolean;
-	shouldCloseOnOverlayClick?: boolean;
-	shouldReturnFocus?: RefObject<HTMLElement> | boolean;
-	shouldScrollInViewport?: boolean;
-	stackIndex?: number;
-	testId?: string;
-	width?: WidthNames | number | string;
-}
-
-// @public
-export const ModalFooter: (props: ModalFooterProps) => jsx.JSX.Element;
-
-// @public (undocumented)
-export interface ModalFooterProps {
-	children?: ReactNode;
-	testId?: string;
-}
-
-// @public
-export const ModalHeader: (props: ModalHeaderProps) => jsx.JSX.Element;
-
-// @public (undocumented)
-export interface ModalHeaderProps {
-	children?: React_2.ReactNode;
-	testId?: string;
-}
-
-// @public
-export const ModalTitle: (props: ModalTitleProps) => jsx.JSX.Element;
-
-// @public (undocumented)
-export interface ModalTitleProps {
-	appearance?: Appearance;
-	children?: ReactNode;
-	isMultiline?: boolean;
-	testId?: string;
-}
-
-// @public
-export const ModalTransition: (props: Pick<ExitingPersistenceProps, 'children'>) => JSX.Element;
-
-// @public
-const ModalWrapper: (props: ModalDialogProps) => jsx.JSX.Element;
-export default ModalWrapper;
-
-// @public (undocumented)
-export type OnCloseCompleteHandler = (element: HTMLElement) => void;
-
-// @public (undocumented)
-export type OnCloseHandler = (e: KeyboardOrMouseEvent, analyticEvent: UIAnalyticsEvent) => void;
-
-// @public (undocumented)
-export type OnOpenCompleteHandler = (node: HTMLElement, isAppearing: boolean) => void;
-
-// @public (undocumented)
-export type OnStackChangeHandler = (stackIndex: number) => void;
-
-// @public (undocumented)
-export const useModal: () => ModalAttributes;
-
-// @public (undocumented)
-type WidthNames = 'large' | 'medium' | 'small' | 'x-large';
-
-// (No @packageDocumentation comment for this package)
-```
-
-<!--SECTION END: Main Entry Types-->
-
-### Peer Dependencies
-
-<!--SECTION START: Peer Dependencies-->
-
-```json
-{
-	"react": "^16.8.0"
-}
-```
-
-<!--SECTION END: Peer Dependencies-->