@atlaskit/modal-dialog 16.4.0 → 16.5.0
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.
- package/CHANGELOG.md +20 -0
- package/dist/cjs/internal/components/modal-dialog.js +6 -6
- package/dist/cjs/internal/components/modal-wrapper.js +5 -5
- package/dist/cjs/internal/components/positioner.js +1 -1
- package/dist/cjs/internal/hooks/use-modal-stack.js +2 -2
- package/dist/cjs/internal/pragmatic-drag-and-drop/disable-dragging-to-cross-origin-iframes/element.js +3 -3
- package/dist/cjs/internal/pragmatic-drag-and-drop/disable-dragging-to-cross-origin-iframes/external.js +3 -3
- package/dist/cjs/internal/pragmatic-drag-and-drop/disable-dragging-to-cross-origin-iframes/make-fix-for-adapter.js +1 -1
- package/dist/cjs/internal/pragmatic-drag-and-drop/disable-dragging-to-cross-origin-iframes/text-selection.js +3 -3
- package/dist/es2019/internal/components/modal-dialog.js +3 -3
- package/dist/es2019/internal/components/modal-wrapper.js +3 -3
- package/dist/es2019/internal/components/positioner.js +1 -1
- package/dist/es2019/internal/hooks/use-modal-stack.js +1 -1
- package/dist/es2019/internal/pragmatic-drag-and-drop/disable-dragging-to-cross-origin-iframes/element.js +2 -2
- package/dist/es2019/internal/pragmatic-drag-and-drop/disable-dragging-to-cross-origin-iframes/external.js +1 -1
- package/dist/es2019/internal/pragmatic-drag-and-drop/disable-dragging-to-cross-origin-iframes/make-fix-for-adapter.js +1 -1
- package/dist/es2019/internal/pragmatic-drag-and-drop/disable-dragging-to-cross-origin-iframes/text-selection.js +2 -2
- package/dist/esm/internal/components/modal-dialog.js +3 -3
- package/dist/esm/internal/components/modal-wrapper.js +3 -3
- package/dist/esm/internal/components/positioner.js +1 -1
- package/dist/esm/internal/hooks/use-modal-stack.js +1 -1
- package/dist/esm/internal/pragmatic-drag-and-drop/disable-dragging-to-cross-origin-iframes/element.js +2 -2
- package/dist/esm/internal/pragmatic-drag-and-drop/disable-dragging-to-cross-origin-iframes/external.js +1 -1
- package/dist/esm/internal/pragmatic-drag-and-drop/disable-dragging-to-cross-origin-iframes/make-fix-for-adapter.js +1 -1
- package/dist/esm/internal/pragmatic-drag-and-drop/disable-dragging-to-cross-origin-iframes/text-selection.js +2 -2
- package/dist/types/internal/hooks/use-on-motion-finish.d.ts +1 -1
- package/dist/types/types.d.ts +1 -1
- package/package.json +30 -30
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,25 @@
|
|
|
1
1
|
# @atlaskit/modal-dialog
|
|
2
2
|
|
|
3
|
+
## 16.5.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- [`d82e6f76528ab`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/d82e6f76528ab) -
|
|
8
|
+
Add direct subpath package exports as part of the linking-platform, search, media, and
|
|
9
|
+
design-system barrel-removal (de-barrel) migration.
|
|
10
|
+
|
|
11
|
+
These packages now expose their individual modules via explicit `package.json` `exports` subpaths
|
|
12
|
+
so that consumers can import directly from the leaf module (e.g. `@atlaskit/pkg/thing`) instead of
|
|
13
|
+
the package barrel/index. This adds new public entry points without changing or removing any
|
|
14
|
+
existing exports, so it is a backwards-compatible additive change.
|
|
15
|
+
|
|
16
|
+
No runtime behaviour changes; this is an API-surface (entry-point) addition to support
|
|
17
|
+
tree-shaking and to unblock removal of the barrel index files.
|
|
18
|
+
|
|
19
|
+
### Patch Changes
|
|
20
|
+
|
|
21
|
+
- Updated dependencies
|
|
22
|
+
|
|
3
23
|
## 16.4.0
|
|
4
24
|
|
|
5
25
|
### Minor Changes
|
|
@@ -20,10 +20,10 @@ 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 =
|
|
23
|
+
var _motion = require("@atlaskit/motion");
|
|
24
24
|
var _fadeIn = _interopRequireDefault(require("@atlaskit/motion/fade-in"));
|
|
25
|
-
var
|
|
26
|
-
var _combine = require("@atlaskit/pragmatic-drag-and-drop/combine");
|
|
25
|
+
var _fg = require("@atlaskit/platform-feature-flags/fg");
|
|
26
|
+
var _combine = require("@atlaskit/pragmatic-drag-and-drop/utils/combine");
|
|
27
27
|
var _context = require("../context");
|
|
28
28
|
var _useOnMotionFinish3 = _interopRequireDefault(require("../hooks/use-on-motion-finish"));
|
|
29
29
|
var _element = require("../pragmatic-drag-and-drop/disable-dragging-to-cross-origin-iframes/element");
|
|
@@ -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,
|
|
116
|
+
}, !UNSAFE_shouldDisableMotionUplift && (0, _fg.fg)('platform-dst-motion-uplift-modal') ? /*#__PURE__*/React.createElement(_motion.Motion, {
|
|
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,
|
|
@@ -140,7 +140,7 @@ var ModalDialog = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
|
140
140
|
tabIndex: -1,
|
|
141
141
|
"aria-modal": true,
|
|
142
142
|
"data-ds--level": currentLevel,
|
|
143
|
-
className: (0, _runtime.ax)([dialogStyles.root, dialogStyles.rootMotion, !isFullScreen && dialogStyles.borderRadius, !isFullScreen && (0,
|
|
143
|
+
className: (0, _runtime.ax)([dialogStyles.root, dialogStyles.rootMotion, !isFullScreen && dialogStyles.borderRadius, !isFullScreen && (0, _fg.fg)('platform-dst-shape-theme-default') && dialogStyles.borderRadiusT26Shape, shouldScrollInViewport ? "_1tke1kxc _c71lglyw _8kn617ks" : "_cbiz17ks _bolh1kw7"])
|
|
144
144
|
}, children)) : /*#__PURE__*/React.createElement(_fadeIn.default
|
|
145
145
|
/**
|
|
146
146
|
* We don't want a 'slide in' for the full screen modals.
|
|
@@ -158,7 +158,7 @@ var ModalDialog = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
|
158
158
|
'--modal-dialog-height': (0, _dialogHeight.dialogHeight)(height)
|
|
159
159
|
},
|
|
160
160
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
|
|
161
|
-
className: (0, _runtime.ax)([dialogStyles.root, !isFullScreen && dialogStyles.borderRadius, !isFullScreen && (0,
|
|
161
|
+
className: (0, _runtime.ax)([dialogStyles.root, !isFullScreen && dialogStyles.borderRadius, !isFullScreen && (0, _fg.fg)('platform-dst-shape-theme-default') && dialogStyles.borderRadiusT26Shape, shouldScrollInViewport ? "_1tke1kxc _c71lglyw _8kn617ks" : "_cbiz17ks _bolh1kw7", bottomFadeInProps.className]),
|
|
162
162
|
role: "dialog",
|
|
163
163
|
"aria-labelledby": label ? undefined : titleId,
|
|
164
164
|
"data-testid": defaultTestId,
|
|
@@ -23,9 +23,9 @@ 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 =
|
|
26
|
+
var _motion = require("@atlaskit/motion");
|
|
27
|
+
var _exitingPersistence = require("@atlaskit/motion/exiting-persistence");
|
|
27
28
|
var _fadeIn = _interopRequireDefault(require("@atlaskit/motion/fade-in"));
|
|
28
|
-
var _useExitingPersistence = require("@atlaskit/motion/use-exiting-persistence");
|
|
29
29
|
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
30
30
|
var _portal = _interopRequireDefault(require("@atlaskit/portal"));
|
|
31
31
|
var _combine = require("@atlaskit/pragmatic-drag-and-drop/combine");
|
|
@@ -92,7 +92,7 @@ function useModalCloseHandler(providedOnClose) {
|
|
|
92
92
|
action: 'closed',
|
|
93
93
|
componentName: 'modalDialog',
|
|
94
94
|
packageName: "@atlaskit/modal-dialog",
|
|
95
|
-
packageVersion: "16.
|
|
95
|
+
packageVersion: "16.4.0"
|
|
96
96
|
});
|
|
97
97
|
}
|
|
98
98
|
function getScrollMode(_ref) {
|
|
@@ -206,7 +206,7 @@ function ModalWrapperTopLayer(props) {
|
|
|
206
206
|
onStackChange: onStackChange
|
|
207
207
|
});
|
|
208
208
|
var onCloseHandler = useModalCloseHandler(providedOnClose);
|
|
209
|
-
var _useExitingPersistenc = (0,
|
|
209
|
+
var _useExitingPersistenc = (0, _exitingPersistence.useExitingPersistence)(),
|
|
210
210
|
isExiting = _useExitingPersistenc.isExiting,
|
|
211
211
|
onExitFinish = _useExitingPersistenc.onFinish;
|
|
212
212
|
|
|
@@ -453,7 +453,7 @@ var ModalWrapperLegacy = /*#__PURE__*/(0, _react.forwardRef)(function (props, re
|
|
|
453
453
|
isDisabled: false
|
|
454
454
|
}, /*#__PURE__*/React.createElement(_portal.default, {
|
|
455
455
|
zIndex: _constants.layers.modal()
|
|
456
|
-
}, !UNSAFE_shouldDisableMotionUplift && (0, _platformFeatureFlags.fg)('platform-dst-motion-uplift-modal') ? /*#__PURE__*/React.createElement(_motion.
|
|
456
|
+
}, !UNSAFE_shouldDisableMotionUplift && (0, _platformFeatureFlags.fg)('platform-dst-motion-uplift-modal') ? /*#__PURE__*/React.createElement(_motion.Motion, {
|
|
457
457
|
enteringAnimation: "var(--ds-blanket-enter, 250ms cubic-bezier(0.4, 0, 0, 1) FadeIn0to100)",
|
|
458
458
|
exitingAnimation: "var(--ds-blanket-exit, 200ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut100to0)"
|
|
459
459
|
}, /*#__PURE__*/React.createElement("div", {
|
|
@@ -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/
|
|
13
|
+
var _durations = require("@atlaskit/motion/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
|
|
@@ -10,7 +10,7 @@ var _react = require("react");
|
|
|
10
10
|
var _useLazyCallback = _interopRequireDefault(require("@atlaskit/ds-lib/use-lazy-callback"));
|
|
11
11
|
var _usePreviousValue = _interopRequireDefault(require("@atlaskit/ds-lib/use-previous-value"));
|
|
12
12
|
var _useStateRef3 = _interopRequireDefault(require("@atlaskit/ds-lib/use-state-ref"));
|
|
13
|
-
var
|
|
13
|
+
var _exitingPersistence = require("@atlaskit/motion/exiting-persistence");
|
|
14
14
|
/**
|
|
15
15
|
* ________________________________________________
|
|
16
16
|
* | MAJOR VERSIONS WILL NOT KNOW ABOUT EACH OTHER! |
|
|
@@ -30,7 +30,7 @@ var modalStackRegister = [];
|
|
|
30
30
|
*/
|
|
31
31
|
function useModalStack(_ref) {
|
|
32
32
|
var onStackChange = _ref.onStackChange;
|
|
33
|
-
var _useExitingPersistenc = (0,
|
|
33
|
+
var _useExitingPersistenc = (0, _exitingPersistence.useExitingPersistence)(),
|
|
34
34
|
isExiting = _useExitingPersistenc.isExiting;
|
|
35
35
|
var _useStateRef = (0, _useStateRef3.default)(0),
|
|
36
36
|
_useStateRef2 = (0, _slicedToArray2.default)(_useStateRef, 2),
|
|
@@ -5,8 +5,8 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.disableDraggingToCrossOriginIFramesForElement = disableDraggingToCrossOriginIFramesForElement;
|
|
7
7
|
var _bindEventListener = require("bind-event-listener");
|
|
8
|
-
var _combine = require("@atlaskit/pragmatic-drag-and-drop/combine");
|
|
9
|
-
var
|
|
8
|
+
var _combine = require("@atlaskit/pragmatic-drag-and-drop/utils/combine");
|
|
9
|
+
var _elementAdapter = require("@atlaskit/pragmatic-drag-and-drop/adapter/element-adapter");
|
|
10
10
|
var _makeFixForAdapter = require("./make-fix-for-adapter");
|
|
11
11
|
function watchForInteractionEnd(_ref) {
|
|
12
12
|
var stop = _ref.stop;
|
|
@@ -44,7 +44,7 @@ function watchForInteractionEnd(_ref) {
|
|
|
44
44
|
// Being super clear these should only run once
|
|
45
45
|
once: true
|
|
46
46
|
});
|
|
47
|
-
var unbindMonitor = (0,
|
|
47
|
+
var unbindMonitor = (0, _elementAdapter.monitorForElements)({
|
|
48
48
|
onGenerateDragPreview: function onGenerateDragPreview() {
|
|
49
49
|
isDragging = true;
|
|
50
50
|
},
|
|
@@ -4,11 +4,11 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.disableDraggingToCrossOriginIFramesForExternal = disableDraggingToCrossOriginIFramesForExternal;
|
|
7
|
-
var
|
|
7
|
+
var _monitorForExternal = require("@atlaskit/pragmatic-drag-and-drop/adapter/monitor-for-external");
|
|
8
8
|
var _makeFixForAdapter = require("./make-fix-for-adapter");
|
|
9
9
|
function watchForInteractionStart(_ref) {
|
|
10
10
|
var start = _ref.start;
|
|
11
|
-
return (0,
|
|
11
|
+
return (0, _monitorForExternal.monitorForExternal)({
|
|
12
12
|
onDragStart: function onDragStart() {
|
|
13
13
|
start();
|
|
14
14
|
}
|
|
@@ -16,7 +16,7 @@ function watchForInteractionStart(_ref) {
|
|
|
16
16
|
}
|
|
17
17
|
function watchForInteractionEnd(_ref2) {
|
|
18
18
|
var stop = _ref2.stop;
|
|
19
|
-
return (0,
|
|
19
|
+
return (0, _monitorForExternal.monitorForExternal)({
|
|
20
20
|
onDrop: function onDrop() {
|
|
21
21
|
stop();
|
|
22
22
|
}
|
|
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
});
|
|
7
7
|
exports.makeFixForAdapter = makeFixForAdapter;
|
|
8
8
|
var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
|
|
9
|
-
var _combine = require("@atlaskit/pragmatic-drag-and-drop/combine");
|
|
9
|
+
var _combine = require("@atlaskit/pragmatic-drag-and-drop/utils/combine");
|
|
10
10
|
/**
|
|
11
11
|
* Set a `style` property on a `HTMLElement`
|
|
12
12
|
*
|
|
@@ -5,8 +5,8 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.disableDraggingToCrossOriginIFramesForTextSelection = disableDraggingToCrossOriginIFramesForTextSelection;
|
|
7
7
|
var _bindEventListener = require("bind-event-listener");
|
|
8
|
-
var _combine = require("@atlaskit/pragmatic-drag-and-drop/combine");
|
|
9
|
-
var
|
|
8
|
+
var _combine = require("@atlaskit/pragmatic-drag-and-drop/utils/combine");
|
|
9
|
+
var _monitorForTextSelection = require("@atlaskit/pragmatic-drag-and-drop/adapter/monitor-for-text-selection");
|
|
10
10
|
var _makeFixForAdapter = require("./make-fix-for-adapter");
|
|
11
11
|
function watchForInteractionEnd(_ref) {
|
|
12
12
|
var stop = _ref.stop;
|
|
@@ -55,7 +55,7 @@ function watchForInteractionEnd(_ref) {
|
|
|
55
55
|
// being super clear these should only run once
|
|
56
56
|
once: true
|
|
57
57
|
});
|
|
58
|
-
var unbindMonitor = (0,
|
|
58
|
+
var unbindMonitor = (0, _monitorForTextSelection.monitorForTextSelection)({
|
|
59
59
|
onDragStart: function onDragStart() {
|
|
60
60
|
isDragging = true;
|
|
61
61
|
},
|
|
@@ -10,10 +10,10 @@ 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';
|
|
14
14
|
import FadeIn from '@atlaskit/motion/fade-in';
|
|
15
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
16
|
-
import { combine } from '@atlaskit/pragmatic-drag-and-drop/combine';
|
|
15
|
+
import { fg } from '@atlaskit/platform-feature-flags/fg';
|
|
16
|
+
import { combine } from '@atlaskit/pragmatic-drag-and-drop/utils/combine';
|
|
17
17
|
import { ModalContext } from '../context';
|
|
18
18
|
import useOnMotionFinish from '../hooks/use-on-motion-finish';
|
|
19
19
|
import { disableDraggingToCrossOriginIFramesForElement } from '../pragmatic-drag-and-drop/disable-dragging-to-cross-origin-iframes/element';
|
|
@@ -14,9 +14,9 @@ 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';
|
|
18
|
+
import { useExitingPersistence } from '@atlaskit/motion/exiting-persistence';
|
|
18
19
|
import FadeIn from '@atlaskit/motion/fade-in';
|
|
19
|
-
import { useExitingPersistence } from '@atlaskit/motion/use-exiting-persistence';
|
|
20
20
|
import { fg } from '@atlaskit/platform-feature-flags';
|
|
21
21
|
import Portal from '@atlaskit/portal';
|
|
22
22
|
import { combine } from '@atlaskit/pragmatic-drag-and-drop/combine';
|
|
@@ -82,7 +82,7 @@ function useModalCloseHandler(providedOnClose) {
|
|
|
82
82
|
action: 'closed',
|
|
83
83
|
componentName: 'modalDialog',
|
|
84
84
|
packageName: "@atlaskit/modal-dialog",
|
|
85
|
-
packageVersion: "16.
|
|
85
|
+
packageVersion: "16.4.0"
|
|
86
86
|
});
|
|
87
87
|
}
|
|
88
88
|
function getScrollMode({
|
|
@@ -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/
|
|
6
|
+
import { durations } from '@atlaskit/motion/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;
|
|
@@ -2,7 +2,7 @@ import { useEffect } from 'react';
|
|
|
2
2
|
import useLazyCallback from '@atlaskit/ds-lib/use-lazy-callback';
|
|
3
3
|
import usePreviousValue from '@atlaskit/ds-lib/use-previous-value';
|
|
4
4
|
import useStateRef from '@atlaskit/ds-lib/use-state-ref';
|
|
5
|
-
import { useExitingPersistence } from '@atlaskit/motion/
|
|
5
|
+
import { useExitingPersistence } from '@atlaskit/motion/exiting-persistence';
|
|
6
6
|
|
|
7
7
|
/**
|
|
8
8
|
* ________________________________________________
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { bind, bindAll } from 'bind-event-listener';
|
|
2
|
-
import { combine } from '@atlaskit/pragmatic-drag-and-drop/combine';
|
|
3
|
-
import { monitorForElements } from '@atlaskit/pragmatic-drag-and-drop/element
|
|
2
|
+
import { combine } from '@atlaskit/pragmatic-drag-and-drop/utils/combine';
|
|
3
|
+
import { monitorForElements } from '@atlaskit/pragmatic-drag-and-drop/adapter/element-adapter';
|
|
4
4
|
import { makeFixForAdapter } from './make-fix-for-adapter';
|
|
5
5
|
function watchForInteractionEnd({
|
|
6
6
|
stop
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { monitorForExternal } from '@atlaskit/pragmatic-drag-and-drop/external
|
|
1
|
+
import { monitorForExternal } from '@atlaskit/pragmatic-drag-and-drop/adapter/monitor-for-external';
|
|
2
2
|
import { makeFixForAdapter } from './make-fix-for-adapter';
|
|
3
3
|
function watchForInteractionStart({
|
|
4
4
|
start
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { bind, bindAll } from 'bind-event-listener';
|
|
2
|
-
import { combine } from '@atlaskit/pragmatic-drag-and-drop/combine';
|
|
3
|
-
import { monitorForTextSelection } from '@atlaskit/pragmatic-drag-and-drop/text-selection
|
|
2
|
+
import { combine } from '@atlaskit/pragmatic-drag-and-drop/utils/combine';
|
|
3
|
+
import { monitorForTextSelection } from '@atlaskit/pragmatic-drag-and-drop/adapter/monitor-for-text-selection';
|
|
4
4
|
import { makeFixForAdapter } from './make-fix-for-adapter';
|
|
5
5
|
function watchForInteractionEnd({
|
|
6
6
|
stop
|
|
@@ -12,10 +12,10 @@ 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';
|
|
16
16
|
import FadeIn from '@atlaskit/motion/fade-in';
|
|
17
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
18
|
-
import { combine } from '@atlaskit/pragmatic-drag-and-drop/combine';
|
|
17
|
+
import { fg } from '@atlaskit/platform-feature-flags/fg';
|
|
18
|
+
import { combine } from '@atlaskit/pragmatic-drag-and-drop/utils/combine';
|
|
19
19
|
import { ModalContext } from '../context';
|
|
20
20
|
import useOnMotionFinish from '../hooks/use-on-motion-finish';
|
|
21
21
|
import { disableDraggingToCrossOriginIFramesForElement } from '../pragmatic-drag-and-drop/disable-dragging-to-cross-origin-iframes/element';
|
|
@@ -15,9 +15,9 @@ 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';
|
|
19
|
+
import { useExitingPersistence } from '@atlaskit/motion/exiting-persistence';
|
|
19
20
|
import FadeIn from '@atlaskit/motion/fade-in';
|
|
20
|
-
import { useExitingPersistence } from '@atlaskit/motion/use-exiting-persistence';
|
|
21
21
|
import { fg } from '@atlaskit/platform-feature-flags';
|
|
22
22
|
import Portal from '@atlaskit/portal';
|
|
23
23
|
import { combine } from '@atlaskit/pragmatic-drag-and-drop/combine';
|
|
@@ -83,7 +83,7 @@ function useModalCloseHandler(providedOnClose) {
|
|
|
83
83
|
action: 'closed',
|
|
84
84
|
componentName: 'modalDialog',
|
|
85
85
|
packageName: "@atlaskit/modal-dialog",
|
|
86
|
-
packageVersion: "16.
|
|
86
|
+
packageVersion: "16.4.0"
|
|
87
87
|
});
|
|
88
88
|
}
|
|
89
89
|
function getScrollMode(_ref) {
|
|
@@ -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/
|
|
6
|
+
import { durations } from '@atlaskit/motion/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;
|
|
@@ -3,7 +3,7 @@ import { useEffect } from 'react';
|
|
|
3
3
|
import useLazyCallback from '@atlaskit/ds-lib/use-lazy-callback';
|
|
4
4
|
import usePreviousValue from '@atlaskit/ds-lib/use-previous-value';
|
|
5
5
|
import useStateRef from '@atlaskit/ds-lib/use-state-ref';
|
|
6
|
-
import { useExitingPersistence } from '@atlaskit/motion/
|
|
6
|
+
import { useExitingPersistence } from '@atlaskit/motion/exiting-persistence';
|
|
7
7
|
|
|
8
8
|
/**
|
|
9
9
|
* ________________________________________________
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { bind, bindAll } from 'bind-event-listener';
|
|
2
|
-
import { combine } from '@atlaskit/pragmatic-drag-and-drop/combine';
|
|
3
|
-
import { monitorForElements } from '@atlaskit/pragmatic-drag-and-drop/element
|
|
2
|
+
import { combine } from '@atlaskit/pragmatic-drag-and-drop/utils/combine';
|
|
3
|
+
import { monitorForElements } from '@atlaskit/pragmatic-drag-and-drop/adapter/element-adapter';
|
|
4
4
|
import { makeFixForAdapter } from './make-fix-for-adapter';
|
|
5
5
|
function watchForInteractionEnd(_ref) {
|
|
6
6
|
var stop = _ref.stop;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { monitorForExternal } from '@atlaskit/pragmatic-drag-and-drop/external
|
|
1
|
+
import { monitorForExternal } from '@atlaskit/pragmatic-drag-and-drop/adapter/monitor-for-external';
|
|
2
2
|
import { makeFixForAdapter } from './make-fix-for-adapter';
|
|
3
3
|
function watchForInteractionStart(_ref) {
|
|
4
4
|
var start = _ref.start;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
|
|
2
|
-
import { combine } from '@atlaskit/pragmatic-drag-and-drop/combine';
|
|
2
|
+
import { combine } from '@atlaskit/pragmatic-drag-and-drop/utils/combine';
|
|
3
3
|
/**
|
|
4
4
|
* Set a `style` property on a `HTMLElement`
|
|
5
5
|
*
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { bind, bindAll } from 'bind-event-listener';
|
|
2
|
-
import { combine } from '@atlaskit/pragmatic-drag-and-drop/combine';
|
|
3
|
-
import { monitorForTextSelection } from '@atlaskit/pragmatic-drag-and-drop/text-selection
|
|
2
|
+
import { combine } from '@atlaskit/pragmatic-drag-and-drop/utils/combine';
|
|
3
|
+
import { monitorForTextSelection } from '@atlaskit/pragmatic-drag-and-drop/adapter/monitor-for-text-selection';
|
|
4
4
|
import { makeFixForAdapter } from './make-fix-for-adapter';
|
|
5
5
|
function watchForInteractionEnd(_ref) {
|
|
6
6
|
var stop = _ref.stop;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { type RefObject } from 'react';
|
|
2
|
-
import type { Transition } from '@atlaskit/motion/
|
|
2
|
+
import type { Transition } from '@atlaskit/motion/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/dist/types/types.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { type default as React, type RefObject } from 'react';
|
|
2
|
-
import type
|
|
2
|
+
import type UIAnalyticsEvent from '@atlaskit/analytics-next/UIAnalyticsEvent';
|
|
3
3
|
export type WidthNames = 'small' | 'medium' | 'large' | 'x-large';
|
|
4
4
|
export type KeyboardOrMouseEvent = React.MouseEvent<any> | React.KeyboardEvent<any> | KeyboardEvent;
|
|
5
5
|
export type Appearance = 'danger' | 'warning';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/modal-dialog",
|
|
3
|
-
"version": "16.
|
|
3
|
+
"version": "16.5.0",
|
|
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/"
|
|
@@ -35,21 +35,21 @@
|
|
|
35
35
|
},
|
|
36
36
|
"dependencies": {
|
|
37
37
|
"@atlaskit/analytics-next": "^12.3.0",
|
|
38
|
-
"@atlaskit/blanket": "^16.
|
|
39
|
-
"@atlaskit/button": "^25.
|
|
38
|
+
"@atlaskit/blanket": "^16.3.0",
|
|
39
|
+
"@atlaskit/button": "^25.2.0",
|
|
40
40
|
"@atlaskit/css": "^1.0.0",
|
|
41
41
|
"@atlaskit/ds-lib": "^8.0.0",
|
|
42
|
-
"@atlaskit/icon": "^37.
|
|
43
|
-
"@atlaskit/layering": "^5.
|
|
44
|
-
"@atlaskit/motion": "^8.
|
|
42
|
+
"@atlaskit/icon": "^37.5.0",
|
|
43
|
+
"@atlaskit/layering": "^5.1.0",
|
|
44
|
+
"@atlaskit/motion": "^8.3.0",
|
|
45
45
|
"@atlaskit/platform-feature-flags": "^2.1.0",
|
|
46
|
-
"@atlaskit/portal": "^6.
|
|
46
|
+
"@atlaskit/portal": "^6.3.0",
|
|
47
47
|
"@atlaskit/pragmatic-drag-and-drop": "^3.0.0",
|
|
48
|
-
"@atlaskit/primitives": "^22.
|
|
48
|
+
"@atlaskit/primitives": "^22.4.0",
|
|
49
49
|
"@atlaskit/react-compiler-gating": "^0.2.0",
|
|
50
|
-
"@atlaskit/theme": "^28.
|
|
51
|
-
"@atlaskit/tokens": "^16.
|
|
52
|
-
"@atlaskit/top-layer": "^4.
|
|
50
|
+
"@atlaskit/theme": "^28.1.0",
|
|
51
|
+
"@atlaskit/tokens": "^16.8.0",
|
|
52
|
+
"@atlaskit/top-layer": "^4.4.0",
|
|
53
53
|
"@babel/runtime": "^7.0.0",
|
|
54
54
|
"@compiled/react": "^1.0.2",
|
|
55
55
|
"bind-event-listener": "^3.0.0",
|
|
@@ -64,26 +64,26 @@
|
|
|
64
64
|
"@af/accessibility-testing": "workspace:^",
|
|
65
65
|
"@af/integration-testing": "workspace:^",
|
|
66
66
|
"@af/visual-regression": "workspace:^",
|
|
67
|
-
"@atlaskit/avatar": "^27.
|
|
68
|
-
"@atlaskit/avatar-group": "^14.
|
|
69
|
-
"@atlaskit/banner": "^15.
|
|
70
|
-
"@atlaskit/breadcrumbs": "^17.
|
|
71
|
-
"@atlaskit/checkbox": "^19.
|
|
72
|
-
"@atlaskit/code": "^19.
|
|
73
|
-
"@atlaskit/datetime-picker": "^18.
|
|
67
|
+
"@atlaskit/avatar": "^27.2.0",
|
|
68
|
+
"@atlaskit/avatar-group": "^14.2.0",
|
|
69
|
+
"@atlaskit/banner": "^15.2.0",
|
|
70
|
+
"@atlaskit/breadcrumbs": "^17.6.0",
|
|
71
|
+
"@atlaskit/checkbox": "^19.1.0",
|
|
72
|
+
"@atlaskit/code": "^19.1.0",
|
|
73
|
+
"@atlaskit/datetime-picker": "^18.4.0",
|
|
74
74
|
"@atlaskit/docs": "^12.2.0",
|
|
75
|
-
"@atlaskit/dropdown-menu": "^18.
|
|
76
|
-
"@atlaskit/flag": "^18.
|
|
77
|
-
"@atlaskit/form": "^17.
|
|
78
|
-
"@atlaskit/heading": "^7.
|
|
79
|
-
"@atlaskit/link": "^5.
|
|
80
|
-
"@atlaskit/popup": "^6.
|
|
81
|
-
"@atlaskit/radio": "^10.
|
|
82
|
-
"@atlaskit/section-message": "^10.
|
|
83
|
-
"@atlaskit/select": "^22.
|
|
84
|
-
"@atlaskit/spotlight": "^4.
|
|
85
|
-
"@atlaskit/textfield": "^10.
|
|
86
|
-
"@atlaskit/tooltip": "^24.
|
|
75
|
+
"@atlaskit/dropdown-menu": "^18.2.0",
|
|
76
|
+
"@atlaskit/flag": "^18.4.0",
|
|
77
|
+
"@atlaskit/form": "^17.1.0",
|
|
78
|
+
"@atlaskit/heading": "^7.1.0",
|
|
79
|
+
"@atlaskit/link": "^5.1.0",
|
|
80
|
+
"@atlaskit/popup": "^6.2.0",
|
|
81
|
+
"@atlaskit/radio": "^10.1.0",
|
|
82
|
+
"@atlaskit/section-message": "^10.1.0",
|
|
83
|
+
"@atlaskit/select": "^22.8.0",
|
|
84
|
+
"@atlaskit/spotlight": "^4.2.0",
|
|
85
|
+
"@atlaskit/textfield": "^10.1.0",
|
|
86
|
+
"@atlaskit/tooltip": "^24.2.0",
|
|
87
87
|
"@atlassian/feature-flags-test-utils": "^1.2.0",
|
|
88
88
|
"@atlassian/ssr-tests": "workspace:^",
|
|
89
89
|
"@atlassian/structured-docs-types": "workspace:^",
|