@atlaskit/modal-dialog 16.5.3 → 16.5.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (12) hide show
  1. package/CHANGELOG.md +9 -0
  2. package/dist/cjs/internal/components/modal-dialog.js +2 -2
  3. package/dist/cjs/internal/components/modal-wrapper.js +3 -3
  4. package/dist/cjs/internal/components/positioner.js +1 -1
  5. package/dist/es2019/internal/components/modal-dialog.js +1 -1
  6. package/dist/es2019/internal/components/modal-wrapper.js +2 -2
  7. package/dist/es2019/internal/components/positioner.js +1 -1
  8. package/dist/esm/internal/components/modal-dialog.js +1 -1
  9. package/dist/esm/internal/components/modal-wrapper.js +2 -2
  10. package/dist/esm/internal/components/positioner.js +1 -1
  11. package/dist/types/internal/hooks/use-on-motion-finish.d.ts +1 -1
  12. package/package.json +7 -8
package/CHANGELOG.md CHANGED
@@ -1,5 +1,14 @@
1
1
  # @atlaskit/modal-dialog
2
2
 
3
+ ## 16.5.4
4
+
5
+ ### Patch Changes
6
+
7
+ - [`4406362492342`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/4406362492342) -
8
+ Experimental React 19 peer dependency support. This patch widens the peer range; CI coverage is
9
+ partial.
10
+ - Updated dependencies
11
+
3
12
  ## 16.5.3
4
13
 
5
14
  ### Patch Changes
package/dist/cjs/internal/components/modal-dialog.js CHANGED
@@ -20,7 +20,7 @@ var _useAutoFocus = _interopRequireDefault(require("@atlaskit/ds-lib/use-auto-fo
20
20
  var _useId = require("@atlaskit/ds-lib/use-id");
21
21
  var _useCloseOnEscapePress = require("@atlaskit/layering/use-close-on-escape-press");
22
22
  var _useLayering2 = require("@atlaskit/layering/use-layering");
23
- var _motion = require("@atlaskit/motion");
23
+ var _motion = _interopRequireDefault(require("@atlaskit/motion/entering/motion"));
24
24
  var _fadeIn = _interopRequireDefault(require("@atlaskit/motion/fade-in"));
25
25
  var _fg = require("@atlaskit/platform-feature-flags/fg");
26
26
  var _combine = require("@atlaskit/pragmatic-drag-and-drop/utils/combine");
@@ -113,7 +113,7 @@ var ModalDialog = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
113
113
  value: modalDialogContext
114
114
  }, /*#__PURE__*/React.createElement(_scrollContext.ScrollContext.Provider, {
115
115
  value: shouldScrollInViewport
116
- }, !UNSAFE_shouldDisableMotionUplift && (0, _fg.fg)('platform-dst-motion-uplift-modal') ? /*#__PURE__*/React.createElement(_motion.Motion, {
116
+ }, !UNSAFE_shouldDisableMotionUplift && (0, _fg.fg)('platform-dst-motion-uplift-modal') ? /*#__PURE__*/React.createElement(_motion.default, {
117
117
  enteringAnimation: "var(--ds-modal-enter, 250ms cubic-bezier(0.4, 0, 0, 1) ScaleIn95to100)",
118
118
  exitingAnimation: "var(--ds-modal-exit, 200ms cubic-bezier(0.6, 0, 0.8, 0.6) ScaleOut100to95)",
119
119
  onFinish: onMotionFinish,
package/dist/cjs/internal/components/modal-wrapper.js CHANGED
@@ -23,7 +23,7 @@ var _useAutoFocus = _interopRequireDefault(require("@atlaskit/ds-lib/use-auto-fo
23
23
  var _useId = require("@atlaskit/ds-lib/use-id");
24
24
  var _layering = require("@atlaskit/layering/layering");
25
25
  var _useNotifyOpenLayerObserver = require("@atlaskit/layering/use-notify-open-layer-observer");
26
- var _motion = require("@atlaskit/motion");
26
+ var _motion = _interopRequireDefault(require("@atlaskit/motion/entering/motion"));
27
27
  var _useExitingPersistence = require("@atlaskit/motion/exiting-persistence/use-exiting-persistence");
28
28
  var _fadeIn = _interopRequireDefault(require("@atlaskit/motion/fade-in"));
29
29
  var _fg = require("@atlaskit/platform-feature-flags/fg");
@@ -93,7 +93,7 @@ function useModalCloseHandler(providedOnClose) {
93
93
  action: 'closed',
94
94
  componentName: 'modalDialog',
95
95
  packageName: "@atlaskit/modal-dialog",
96
- packageVersion: "16.5.2"
96
+ packageVersion: "16.5.3"
97
97
  });
98
98
  }
99
99
  function getScrollMode(_ref) {
@@ -454,7 +454,7 @@ var ModalWrapperLegacy = /*#__PURE__*/(0, _react.forwardRef)(function (props, re
454
454
  isDisabled: false
455
455
  }, /*#__PURE__*/React.createElement(_portal.default, {
456
456
  zIndex: _constants.layers.modal()
457
- }, !UNSAFE_shouldDisableMotionUplift && (0, _fg.fg)('platform-dst-motion-uplift-modal') ? /*#__PURE__*/React.createElement(_motion.Motion, {
457
+ }, !UNSAFE_shouldDisableMotionUplift && (0, _fg.fg)('platform-dst-motion-uplift-modal') ? /*#__PURE__*/React.createElement(_motion.default, {
458
458
  enteringAnimation: "var(--ds-blanket-enter, 250ms cubic-bezier(0.4, 0, 0, 1) FadeIn0to100)",
459
459
  exitingAnimation: "var(--ds-blanket-exit, 200ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut100to0)"
460
460
  }, /*#__PURE__*/React.createElement("div", {
package/dist/cjs/internal/components/positioner.js CHANGED
@@ -10,7 +10,7 @@ require("./positioner.compiled.css");
10
10
  var React = _interopRequireWildcard(require("react"));
11
11
  var _runtime = require("@compiled/react/runtime");
12
12
  var _curves = require("@atlaskit/motion/curves");
13
- var _durations = require("@atlaskit/motion/durations");
13
+ var _durations = require("@atlaskit/motion/utils/durations");
14
14
  var _constants = require("@atlaskit/theme/constants");
15
15
  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); }
16
16
  // 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 CHANGED
@@ -10,7 +10,7 @@ import useAutoFocus from '@atlaskit/ds-lib/use-auto-focus';
10
10
  import { useId } from '@atlaskit/ds-lib/use-id';
11
11
  import { useCloseOnEscapePress } from '@atlaskit/layering/use-close-on-escape-press';
12
12
  import { useLayering } from '@atlaskit/layering/use-layering';
13
- import { Motion } from '@atlaskit/motion';
13
+ import Motion from '@atlaskit/motion/entering/motion';
14
14
  import FadeIn from '@atlaskit/motion/fade-in';
15
15
  import { fg } from '@atlaskit/platform-feature-flags/fg';
16
16
  import { combine } from '@atlaskit/pragmatic-drag-and-drop/utils/combine';
package/dist/es2019/internal/components/modal-wrapper.js CHANGED
@@ -14,7 +14,7 @@ import useAutoFocus from '@atlaskit/ds-lib/use-auto-focus';
14
14
  import { useId } from '@atlaskit/ds-lib/use-id';
15
15
  import { Layering } from '@atlaskit/layering/layering';
16
16
  import { useNotifyOpenLayerObserver } from '@atlaskit/layering/use-notify-open-layer-observer';
17
- import { Motion } from '@atlaskit/motion';
17
+ import Motion from '@atlaskit/motion/entering/motion';
18
18
  import { useExitingPersistence } from '@atlaskit/motion/exiting-persistence/use-exiting-persistence';
19
19
  import FadeIn from '@atlaskit/motion/fade-in';
20
20
  import { fg } from '@atlaskit/platform-feature-flags/fg';
@@ -83,7 +83,7 @@ function useModalCloseHandler(providedOnClose) {
83
83
  action: 'closed',
84
84
  componentName: 'modalDialog',
85
85
  packageName: "@atlaskit/modal-dialog",
86
- packageVersion: "16.5.2"
86
+ packageVersion: "16.5.3"
87
87
  });
88
88
  }
89
89
  function getScrollMode({
package/dist/es2019/internal/components/positioner.js CHANGED
@@ -3,7 +3,7 @@ import "./positioner.compiled.css";
3
3
  import * as React from 'react';
4
4
  import { ax, ix } from "@compiled/react/runtime";
5
5
  import { easeInOut } from '@atlaskit/motion/curves';
6
- import { durations } from '@atlaskit/motion/durations';
6
+ import { durations } from '@atlaskit/motion/utils/durations';
7
7
  import { layers } from '@atlaskit/theme/constants';
8
8
  // Flex and min-content are set to constrain the height of the body and support multi-column scrolling experiences
9
9
  const positionerStyles = null;
package/dist/esm/internal/components/modal-dialog.js CHANGED
@@ -12,7 +12,7 @@ import useAutoFocus from '@atlaskit/ds-lib/use-auto-focus';
12
12
  import { useId } from '@atlaskit/ds-lib/use-id';
13
13
  import { useCloseOnEscapePress } from '@atlaskit/layering/use-close-on-escape-press';
14
14
  import { useLayering } from '@atlaskit/layering/use-layering';
15
- import { Motion } from '@atlaskit/motion';
15
+ import Motion from '@atlaskit/motion/entering/motion';
16
16
  import FadeIn from '@atlaskit/motion/fade-in';
17
17
  import { fg } from '@atlaskit/platform-feature-flags/fg';
18
18
  import { combine } from '@atlaskit/pragmatic-drag-and-drop/utils/combine';
package/dist/esm/internal/components/modal-wrapper.js CHANGED
@@ -15,7 +15,7 @@ import useAutoFocus from '@atlaskit/ds-lib/use-auto-focus';
15
15
  import { useId } from '@atlaskit/ds-lib/use-id';
16
16
  import { Layering } from '@atlaskit/layering/layering';
17
17
  import { useNotifyOpenLayerObserver } from '@atlaskit/layering/use-notify-open-layer-observer';
18
- import { Motion } from '@atlaskit/motion';
18
+ import Motion from '@atlaskit/motion/entering/motion';
19
19
  import { useExitingPersistence } from '@atlaskit/motion/exiting-persistence/use-exiting-persistence';
20
20
  import FadeIn from '@atlaskit/motion/fade-in';
21
21
  import { fg } from '@atlaskit/platform-feature-flags/fg';
@@ -84,7 +84,7 @@ function useModalCloseHandler(providedOnClose) {
84
84
  action: 'closed',
85
85
  componentName: 'modalDialog',
86
86
  packageName: "@atlaskit/modal-dialog",
87
- packageVersion: "16.5.2"
87
+ packageVersion: "16.5.3"
88
88
  });
89
89
  }
90
90
  function getScrollMode(_ref) {
package/dist/esm/internal/components/positioner.js CHANGED
@@ -3,7 +3,7 @@ import "./positioner.compiled.css";
3
3
  import * as React from 'react';
4
4
  import { ax, ix } from "@compiled/react/runtime";
5
5
  import { easeInOut } from '@atlaskit/motion/curves';
6
- import { durations } from '@atlaskit/motion/durations';
6
+ import { durations } from '@atlaskit/motion/utils/durations';
7
7
  import { layers } from '@atlaskit/theme/constants';
8
8
  // Flex and min-content are set to constrain the height of the body and support multi-column scrolling experiences
9
9
  var positionerStyles = null;
package/dist/types/internal/hooks/use-on-motion-finish.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import { type RefObject } from 'react';
2
- import type { Transition } from '@atlaskit/motion/types';
2
+ import type { Transition } from '@atlaskit/motion/entering/types';
3
3
  import { type ModalDialogProps } from '../../types';
4
4
  /**
5
5
  * This will run the respective passed in callback functions when modal is
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/modal-dialog",
3
- "version": "16.5.3",
3
+ "version": "16.5.4",
4
4
  "description": "A modal dialog displays content that requires user interaction, in a layer above the page.",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -37,7 +37,7 @@
37
37
  "@atlaskit/analytics-next": "^12.4.0",
38
38
  "@atlaskit/blanket": "^16.3.0",
39
39
  "@atlaskit/button": "^25.2.0",
40
- "@atlaskit/css": "^1.0.0",
40
+ "@atlaskit/css": "^1.1.0",
41
41
  "@atlaskit/ds-lib": "^8.0.0",
42
42
  "@atlaskit/icon": "^37.5.0",
43
43
  "@atlaskit/layering": "^5.1.0",
@@ -48,7 +48,7 @@
48
48
  "@atlaskit/primitives": "^22.4.0",
49
49
  "@atlaskit/react-compiler-gating": "^0.2.0",
50
50
  "@atlaskit/theme": "^28.1.0",
51
- "@atlaskit/tokens": "^16.8.0",
51
+ "@atlaskit/tokens": "^16.9.0",
52
52
  "@atlaskit/top-layer": "^4.4.0",
53
53
  "@babel/runtime": "^7.0.0",
54
54
  "@compiled/react": "^1.0.2",
@@ -58,7 +58,7 @@
58
58
  "react-scrolllock": "^5.0.1"
59
59
  },
60
60
  "peerDependencies": {
61
- "react": "^18.2.0"
61
+ "react": "^18.2.0 || ^19.0.0"
62
62
  },
63
63
  "devDependencies": {
64
64
  "@af/accessibility-testing": "workspace:^",
@@ -80,7 +80,7 @@
80
80
  "@atlaskit/popup": "^6.2.0",
81
81
  "@atlaskit/radio": "^10.1.0",
82
82
  "@atlaskit/section-message": "^10.1.0",
83
- "@atlaskit/select": "^22.9.0",
83
+ "@atlaskit/select": "^22.10.0",
84
84
  "@atlaskit/spotlight": "^4.2.0",
85
85
  "@atlaskit/textfield": "^10.1.0",
86
86
  "@atlaskit/tooltip": "^24.2.0",
@@ -91,9 +91,8 @@
91
91
  "@testing-library/dom": "^10.1.0",
92
92
  "@types/raf-schd": "^4.0.1",
93
93
  "jscodeshift": "^17.0.0",
94
- "react": "^18.2.0",
95
- "react-dom": "^18.2.0",
96
- "react-lorem-component": "^0.13.0",
94
+ "react": "^19.0.0",
95
+ "react-dom": "^19.0.0",
97
96
  "react-sweet-state": "^2.6.5",
98
97
  "tiny-invariant": "^1.2.0",
99
98
  "typescript": "npm:@typescript/typescript6@^6.0.2"