@atlaskit/modal-dialog 15.2.4 → 15.2.6
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 +12 -0
- package/dist/cjs/internal/components/dialog-height.js +12 -0
- package/dist/cjs/internal/components/dialog-width.js +18 -0
- package/dist/cjs/internal/components/modal-dialog.js +21 -27
- package/dist/cjs/internal/components/modal-wrapper.js +6 -4
- package/dist/es2019/internal/components/dialog-height.js +6 -0
- package/dist/es2019/internal/components/dialog-width.js +12 -0
- package/dist/es2019/internal/components/modal-dialog.js +5 -21
- package/dist/es2019/internal/components/modal-wrapper.js +4 -2
- package/dist/esm/internal/components/dialog-height.js +6 -0
- package/dist/esm/internal/components/dialog-width.js +12 -0
- package/dist/esm/internal/components/modal-dialog.js +5 -21
- package/dist/esm/internal/components/modal-wrapper.js +4 -2
- package/dist/types/internal/components/dialog-height.d.ts +2 -0
- package/dist/types/internal/components/dialog-width.d.ts +2 -0
- package/dist/types/internal/components/modal-dialog.d.ts +2 -3
- package/dist/types-ts4.5/internal/components/dialog-height.d.ts +2 -0
- package/dist/types-ts4.5/internal/components/dialog-width.d.ts +2 -0
- package/dist/types-ts4.5/internal/components/modal-dialog.d.ts +2 -3
- package/package.json +11 -11
package/CHANGELOG.md
CHANGED
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.dialogHeight = void 0;
|
|
7
|
+
var dialogHeight = exports.dialogHeight = function dialogHeight(input) {
|
|
8
|
+
if (!input) {
|
|
9
|
+
return 'auto';
|
|
10
|
+
}
|
|
11
|
+
return typeof input === 'number' ? "".concat(input, "px") : input;
|
|
12
|
+
};
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.dialogWidth = void 0;
|
|
7
|
+
var _width = require("../width");
|
|
8
|
+
var dialogWidth = exports.dialogWidth = function dialogWidth(input) {
|
|
9
|
+
if (!input) {
|
|
10
|
+
return 'auto';
|
|
11
|
+
}
|
|
12
|
+
var isWidthName = _width.width.values.indexOf(input.toString()) !== -1;
|
|
13
|
+
var widthName = isWidthName && input;
|
|
14
|
+
if (widthName) {
|
|
15
|
+
return "".concat(_width.width.widths[widthName], "px");
|
|
16
|
+
}
|
|
17
|
+
return typeof input === 'number' ? "".concat(input, "px") : input;
|
|
18
|
+
};
|
|
@@ -6,7 +6,19 @@ var _typeof3 = require("@babel/runtime/helpers/typeof");
|
|
|
6
6
|
Object.defineProperty(exports, "__esModule", {
|
|
7
7
|
value: true
|
|
8
8
|
});
|
|
9
|
-
exports.
|
|
9
|
+
exports.default = void 0;
|
|
10
|
+
Object.defineProperty(exports, "dialogHeight", {
|
|
11
|
+
enumerable: true,
|
|
12
|
+
get: function get() {
|
|
13
|
+
return _dialogHeight.dialogHeight;
|
|
14
|
+
}
|
|
15
|
+
});
|
|
16
|
+
Object.defineProperty(exports, "dialogWidth", {
|
|
17
|
+
enumerable: true,
|
|
18
|
+
get: function get() {
|
|
19
|
+
return _dialogWidth.dialogWidth;
|
|
20
|
+
}
|
|
21
|
+
});
|
|
10
22
|
require("./modal-dialog.compiled.css");
|
|
11
23
|
var _react = _interopRequireWildcard(require("react"));
|
|
12
24
|
var React = _react;
|
|
@@ -29,28 +41,10 @@ var _element = require("../pragmatic-drag-and-drop/disable-dragging-to-cross-ori
|
|
|
29
41
|
var _external = require("../pragmatic-drag-and-drop/disable-dragging-to-cross-origin-iframes/external");
|
|
30
42
|
var _textSelection = require("../pragmatic-drag-and-drop/disable-dragging-to-cross-origin-iframes/text-selection");
|
|
31
43
|
var _scrollContext = require("../scroll-context");
|
|
32
|
-
var
|
|
44
|
+
var _dialogHeight = require("./dialog-height");
|
|
45
|
+
var _dialogWidth = require("./dialog-width");
|
|
33
46
|
var _positioner = _interopRequireDefault(require("./positioner"));
|
|
34
47
|
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" != _typeof3(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); }
|
|
35
|
-
var dialogWidth = exports.dialogWidth = function dialogWidth(input) {
|
|
36
|
-
if (!input) {
|
|
37
|
-
return 'auto';
|
|
38
|
-
}
|
|
39
|
-
var isWidthName = _width.width.values.indexOf(input.toString()) !== -1;
|
|
40
|
-
var widthName = isWidthName && input;
|
|
41
|
-
if (widthName) {
|
|
42
|
-
return "".concat(_width.width.widths[widthName], "px");
|
|
43
|
-
}
|
|
44
|
-
return typeof input === 'number' ? "".concat(input, "px") : input;
|
|
45
|
-
};
|
|
46
|
-
|
|
47
|
-
// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
|
|
48
|
-
var dialogHeight = exports.dialogHeight = function dialogHeight(input) {
|
|
49
|
-
if (!input) {
|
|
50
|
-
return 'auto';
|
|
51
|
-
}
|
|
52
|
-
return typeof input === 'number' ? "".concat(input, "px") : input;
|
|
53
|
-
};
|
|
54
48
|
var LOCAL_CURRENT_SURFACE_CSS_VAR = '--ds-elevation-surface-current';
|
|
55
49
|
var dialogStyles = {
|
|
56
50
|
root: "_16jlidpf _1o9zkb7n _i0dl1wug _1e0c1txw _1bsb1osq _p12fauwl _4t3i1osq _1tkeidpf _c71l1kxc _2lx21bp4 _bfhk1bhr _syazi7uo _1q1l1bhr _lcxv1wug _1mq81kw7 _m01u1kw7 _1dg11kw7 _mizu1v1w _1ah3dkaa _ra3xnqa1 _128mdkaa _1cvmnqa1 _4davt94y _we1i1kw7 _zg7p130s _yakv1kw7 _4lht1kw7 _1xlt6m9r",
|
|
@@ -137,18 +131,18 @@ var ModalDialog = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
|
137
131
|
xcss: (0, _css.cx)(dialogStyles.motion, isFullScreen && dialogStyles.fullscreen),
|
|
138
132
|
style: {
|
|
139
133
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
140
|
-
'--modal-dialog-width': dialogWidth(width),
|
|
134
|
+
'--modal-dialog-width': (0, _dialogWidth.dialogWidth)(width),
|
|
141
135
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
142
|
-
'--modal-dialog-height': dialogHeight(height)
|
|
136
|
+
'--modal-dialog-height': (0, _dialogHeight.dialogHeight)(height)
|
|
143
137
|
}
|
|
144
138
|
}, /*#__PURE__*/React.createElement("section", {
|
|
145
139
|
"aria-label": label,
|
|
146
140
|
ref: (0, _mergeRefs.default)([motionRef, ref]),
|
|
147
141
|
style: {
|
|
148
142
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
149
|
-
'--modal-dialog-width': dialogWidth(width),
|
|
143
|
+
'--modal-dialog-width': (0, _dialogWidth.dialogWidth)(width),
|
|
150
144
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
151
|
-
'--modal-dialog-height': dialogHeight(height)
|
|
145
|
+
'--modal-dialog-height': (0, _dialogHeight.dialogHeight)(height)
|
|
152
146
|
},
|
|
153
147
|
role: "dialog",
|
|
154
148
|
"aria-labelledby": label ? undefined : titleId,
|
|
@@ -170,9 +164,9 @@ var ModalDialog = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
|
170
164
|
ref: (0, _mergeRefs.default)([bottomFadeInProps.ref, motionRef, ref]),
|
|
171
165
|
style: {
|
|
172
166
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
173
|
-
'--modal-dialog-width': dialogWidth(width),
|
|
167
|
+
'--modal-dialog-width': (0, _dialogWidth.dialogWidth)(width),
|
|
174
168
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
175
|
-
'--modal-dialog-height': dialogHeight(height)
|
|
169
|
+
'--modal-dialog-height': (0, _dialogHeight.dialogHeight)(height)
|
|
176
170
|
},
|
|
177
171
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
|
|
178
172
|
className: (0, _runtime.ax)([dialogStyles.root, !isFullScreen && dialogStyles.borderRadius, !isFullScreen && (0, _platformFeatureFlags.fg)('platform-dst-shape-theme-default') && dialogStyles.borderRadiusT26Shape, shouldScrollInViewport ? "_1tke1kxc _c71lglyw _8kn617ks" : "_cbiz17ks _bolh1kw7", bottomFadeInProps.className]),
|
|
@@ -39,7 +39,9 @@ var _usePreventProgrammaticScroll = _interopRequireDefault(require("../hooks/use
|
|
|
39
39
|
var _element = require("../pragmatic-drag-and-drop/disable-dragging-to-cross-origin-iframes/element");
|
|
40
40
|
var _external = require("../pragmatic-drag-and-drop/disable-dragging-to-cross-origin-iframes/external");
|
|
41
41
|
var _textSelection = require("../pragmatic-drag-and-drop/disable-dragging-to-cross-origin-iframes/text-selection");
|
|
42
|
-
var
|
|
42
|
+
var _dialogHeight = require("./dialog-height");
|
|
43
|
+
var _dialogWidth = require("./dialog-width");
|
|
44
|
+
var _modalDialog = _interopRequireDefault(require("./modal-dialog"));
|
|
43
45
|
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" != _typeof3(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); }
|
|
44
46
|
var modalAnimation = (0, _animations.dialogSlideUpAndFade)();
|
|
45
47
|
var fillScreenStyles = null;
|
|
@@ -113,7 +115,7 @@ var InternalModalWrapper = /*#__PURE__*/(0, _react.forwardRef)(function (props,
|
|
|
113
115
|
action: 'closed',
|
|
114
116
|
componentName: 'modalDialog',
|
|
115
117
|
packageName: "@atlaskit/modal-dialog",
|
|
116
|
-
packageVersion: "15.2.
|
|
118
|
+
packageVersion: "15.2.5"
|
|
117
119
|
});
|
|
118
120
|
var onBlanketClicked = (0, _react.useCallback)(function (e) {
|
|
119
121
|
if (shouldCloseOnOverlayClick) {
|
|
@@ -272,7 +274,7 @@ var InternalModalWrapper = /*#__PURE__*/(0, _react.forwardRef)(function (props,
|
|
|
272
274
|
|
|
273
275
|
// Responsive layout via ID-scoped <style> (same pattern as Dialog's hideBackdrop).
|
|
274
276
|
// ID selector beats Compiled atomic classes without !important and supports @media.
|
|
275
|
-
var namedWidth = (0,
|
|
277
|
+
var namedWidth = (0, _dialogWidth.dialogWidth)(width !== null && width !== void 0 ? width : 'medium');
|
|
276
278
|
var dialogId = "modal-dialog-".concat(id);
|
|
277
279
|
var escapedDialogId = CSS.escape(dialogId);
|
|
278
280
|
|
|
@@ -298,7 +300,7 @@ var InternalModalWrapper = /*#__PURE__*/(0, _react.forwardRef)(function (props,
|
|
|
298
300
|
// Mobile: viewport fill. Desktop (≥ 30rem): gutter margins, auto height.
|
|
299
301
|
// Content-div height set via #id > div to beat Compiled's atomic specificity.
|
|
300
302
|
var desktopMargin = shouldScrollInViewport ? '60px auto' : '60px auto auto';
|
|
301
|
-
var resolvedHeight = (0,
|
|
303
|
+
var resolvedHeight = (0, _dialogHeight.dialogHeight)(height);
|
|
302
304
|
// Body-scroll: specified height or auto. Viewport-scroll: uses min-height.
|
|
303
305
|
var desktopContentHeight = shouldScrollInViewport ? 'auto' : resolvedHeight;
|
|
304
306
|
var desktopContentMinHeight = shouldScrollInViewport ? resolvedHeight : 'auto';
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { width } from '../width';
|
|
2
|
+
export const dialogWidth = input => {
|
|
3
|
+
if (!input) {
|
|
4
|
+
return 'auto';
|
|
5
|
+
}
|
|
6
|
+
const isWidthName = width.values.indexOf(input.toString()) !== -1;
|
|
7
|
+
const widthName = isWidthName && input;
|
|
8
|
+
if (widthName) {
|
|
9
|
+
return `${width.widths[widthName]}px`;
|
|
10
|
+
}
|
|
11
|
+
return typeof input === 'number' ? `${input}px` : input;
|
|
12
|
+
};
|
|
@@ -19,27 +19,9 @@ import { disableDraggingToCrossOriginIFramesForElement } from '../pragmatic-drag
|
|
|
19
19
|
import { disableDraggingToCrossOriginIFramesForExternal } from '../pragmatic-drag-and-drop/disable-dragging-to-cross-origin-iframes/external';
|
|
20
20
|
import { disableDraggingToCrossOriginIFramesForTextSelection } from '../pragmatic-drag-and-drop/disable-dragging-to-cross-origin-iframes/text-selection';
|
|
21
21
|
import { ScrollContext } from '../scroll-context';
|
|
22
|
-
import {
|
|
22
|
+
import { dialogHeight } from './dialog-height';
|
|
23
|
+
import { dialogWidth } from './dialog-width';
|
|
23
24
|
import Positioner from './positioner';
|
|
24
|
-
export const dialogWidth = input => {
|
|
25
|
-
if (!input) {
|
|
26
|
-
return 'auto';
|
|
27
|
-
}
|
|
28
|
-
const isWidthName = width.values.indexOf(input.toString()) !== -1;
|
|
29
|
-
const widthName = isWidthName && input;
|
|
30
|
-
if (widthName) {
|
|
31
|
-
return `${width.widths[widthName]}px`;
|
|
32
|
-
}
|
|
33
|
-
return typeof input === 'number' ? `${input}px` : input;
|
|
34
|
-
};
|
|
35
|
-
|
|
36
|
-
// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
|
|
37
|
-
export const dialogHeight = input => {
|
|
38
|
-
if (!input) {
|
|
39
|
-
return 'auto';
|
|
40
|
-
}
|
|
41
|
-
return typeof input === 'number' ? `${input}px` : input;
|
|
42
|
-
};
|
|
43
25
|
const LOCAL_CURRENT_SURFACE_CSS_VAR = '--ds-elevation-surface-current';
|
|
44
26
|
const dialogStyles = {
|
|
45
27
|
root: "_16jlidpf _1o9zkb7n _i0dl1wug _1e0c1txw _1bsb1osq _p12fauwl _4t3i1osq _1tkeidpf _c71l1kxc _2lx21bp4 _bfhk1bhr _syazi7uo _1q1l1bhr _lcxv1wug _1mq81kw7 _m01u1kw7 _1dg11kw7 _mizu1v1w _1ah3dkaa _ra3xnqa1 _128mdkaa _1cvmnqa1 _4davt94y _we1i1kw7 _zg7p130s _yakv1kw7 _4lht1kw7 _1xlt6m9r",
|
|
@@ -169,4 +151,6 @@ const ModalDialog = /*#__PURE__*/forwardRef((props, ref) => {
|
|
|
169
151
|
});
|
|
170
152
|
|
|
171
153
|
// eslint-disable-next-line @repo/internal/react/require-jsdoc, @atlaskit/volt-strict-mode/no-multiple-exports
|
|
172
|
-
export default ModalDialog;
|
|
154
|
+
export default ModalDialog;
|
|
155
|
+
export { dialogWidth } from './dialog-width';
|
|
156
|
+
export { dialogHeight } from './dialog-height';
|
|
@@ -30,7 +30,9 @@ import usePreventProgrammaticScroll from '../hooks/use-prevent-programmatic-scro
|
|
|
30
30
|
import { disableDraggingToCrossOriginIFramesForElement } from '../pragmatic-drag-and-drop/disable-dragging-to-cross-origin-iframes/element';
|
|
31
31
|
import { disableDraggingToCrossOriginIFramesForExternal } from '../pragmatic-drag-and-drop/disable-dragging-to-cross-origin-iframes/external';
|
|
32
32
|
import { disableDraggingToCrossOriginIFramesForTextSelection } from '../pragmatic-drag-and-drop/disable-dragging-to-cross-origin-iframes/text-selection';
|
|
33
|
-
import
|
|
33
|
+
import { dialogHeight } from './dialog-height';
|
|
34
|
+
import { dialogWidth as getDialogWidth } from './dialog-width';
|
|
35
|
+
import ModalDialog from './modal-dialog';
|
|
34
36
|
const modalAnimation = dialogSlideUpAndFade();
|
|
35
37
|
const fillScreenStyles = null;
|
|
36
38
|
|
|
@@ -99,7 +101,7 @@ const InternalModalWrapper = /*#__PURE__*/forwardRef((props, ref) => {
|
|
|
99
101
|
action: 'closed',
|
|
100
102
|
componentName: 'modalDialog',
|
|
101
103
|
packageName: "@atlaskit/modal-dialog",
|
|
102
|
-
packageVersion: "15.2.
|
|
104
|
+
packageVersion: "15.2.5"
|
|
103
105
|
});
|
|
104
106
|
const onBlanketClicked = useCallback(e => {
|
|
105
107
|
if (shouldCloseOnOverlayClick) {
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { width } from '../width';
|
|
2
|
+
export var dialogWidth = function dialogWidth(input) {
|
|
3
|
+
if (!input) {
|
|
4
|
+
return 'auto';
|
|
5
|
+
}
|
|
6
|
+
var isWidthName = width.values.indexOf(input.toString()) !== -1;
|
|
7
|
+
var widthName = isWidthName && input;
|
|
8
|
+
if (widthName) {
|
|
9
|
+
return "".concat(width.widths[widthName], "px");
|
|
10
|
+
}
|
|
11
|
+
return typeof input === 'number' ? "".concat(input, "px") : input;
|
|
12
|
+
};
|
|
@@ -21,27 +21,9 @@ import { disableDraggingToCrossOriginIFramesForElement } from '../pragmatic-drag
|
|
|
21
21
|
import { disableDraggingToCrossOriginIFramesForExternal } from '../pragmatic-drag-and-drop/disable-dragging-to-cross-origin-iframes/external';
|
|
22
22
|
import { disableDraggingToCrossOriginIFramesForTextSelection } from '../pragmatic-drag-and-drop/disable-dragging-to-cross-origin-iframes/text-selection';
|
|
23
23
|
import { ScrollContext } from '../scroll-context';
|
|
24
|
-
import {
|
|
24
|
+
import { dialogHeight } from './dialog-height';
|
|
25
|
+
import { dialogWidth } from './dialog-width';
|
|
25
26
|
import Positioner from './positioner';
|
|
26
|
-
export var dialogWidth = function dialogWidth(input) {
|
|
27
|
-
if (!input) {
|
|
28
|
-
return 'auto';
|
|
29
|
-
}
|
|
30
|
-
var isWidthName = width.values.indexOf(input.toString()) !== -1;
|
|
31
|
-
var widthName = isWidthName && input;
|
|
32
|
-
if (widthName) {
|
|
33
|
-
return "".concat(width.widths[widthName], "px");
|
|
34
|
-
}
|
|
35
|
-
return typeof input === 'number' ? "".concat(input, "px") : input;
|
|
36
|
-
};
|
|
37
|
-
|
|
38
|
-
// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
|
|
39
|
-
export var dialogHeight = function dialogHeight(input) {
|
|
40
|
-
if (!input) {
|
|
41
|
-
return 'auto';
|
|
42
|
-
}
|
|
43
|
-
return typeof input === 'number' ? "".concat(input, "px") : input;
|
|
44
|
-
};
|
|
45
27
|
var LOCAL_CURRENT_SURFACE_CSS_VAR = '--ds-elevation-surface-current';
|
|
46
28
|
var dialogStyles = {
|
|
47
29
|
root: "_16jlidpf _1o9zkb7n _i0dl1wug _1e0c1txw _1bsb1osq _p12fauwl _4t3i1osq _1tkeidpf _c71l1kxc _2lx21bp4 _bfhk1bhr _syazi7uo _1q1l1bhr _lcxv1wug _1mq81kw7 _m01u1kw7 _1dg11kw7 _mizu1v1w _1ah3dkaa _ra3xnqa1 _128mdkaa _1cvmnqa1 _4davt94y _we1i1kw7 _zg7p130s _yakv1kw7 _4lht1kw7 _1xlt6m9r",
|
|
@@ -179,4 +161,6 @@ var ModalDialog = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
179
161
|
});
|
|
180
162
|
|
|
181
163
|
// eslint-disable-next-line @repo/internal/react/require-jsdoc, @atlaskit/volt-strict-mode/no-multiple-exports
|
|
182
|
-
export default ModalDialog;
|
|
164
|
+
export default ModalDialog;
|
|
165
|
+
export { dialogWidth } from './dialog-width';
|
|
166
|
+
export { dialogHeight } from './dialog-height';
|
|
@@ -31,7 +31,9 @@ import usePreventProgrammaticScroll from '../hooks/use-prevent-programmatic-scro
|
|
|
31
31
|
import { disableDraggingToCrossOriginIFramesForElement } from '../pragmatic-drag-and-drop/disable-dragging-to-cross-origin-iframes/element';
|
|
32
32
|
import { disableDraggingToCrossOriginIFramesForExternal } from '../pragmatic-drag-and-drop/disable-dragging-to-cross-origin-iframes/external';
|
|
33
33
|
import { disableDraggingToCrossOriginIFramesForTextSelection } from '../pragmatic-drag-and-drop/disable-dragging-to-cross-origin-iframes/text-selection';
|
|
34
|
-
import
|
|
34
|
+
import { dialogHeight } from './dialog-height';
|
|
35
|
+
import { dialogWidth as getDialogWidth } from './dialog-width';
|
|
36
|
+
import ModalDialog from './modal-dialog';
|
|
35
37
|
var modalAnimation = dialogSlideUpAndFade();
|
|
36
38
|
var fillScreenStyles = null;
|
|
37
39
|
|
|
@@ -104,7 +106,7 @@ var InternalModalWrapper = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
104
106
|
action: 'closed',
|
|
105
107
|
componentName: 'modalDialog',
|
|
106
108
|
packageName: "@atlaskit/modal-dialog",
|
|
107
|
-
packageVersion: "15.2.
|
|
109
|
+
packageVersion: "15.2.5"
|
|
108
110
|
});
|
|
109
111
|
var onBlanketClicked = useCallback(function (e) {
|
|
110
112
|
if (shouldCloseOnOverlayClick) {
|
|
@@ -2,9 +2,8 @@
|
|
|
2
2
|
* @jsxRuntime classic
|
|
3
3
|
* @jsx jsx
|
|
4
4
|
*/
|
|
5
|
-
import type { ModalDialogProps } from '../../types';
|
|
6
5
|
import type { InternalModalDialogProps } from '../types';
|
|
7
|
-
export declare const dialogWidth: (input?: ModalDialogProps["width"]) => string;
|
|
8
|
-
export declare const dialogHeight: (input?: ModalDialogProps["height"]) => string;
|
|
9
6
|
declare const ModalDialog: React.ForwardRefExoticComponent<React.PropsWithoutRef<InternalModalDialogProps> & React.RefAttributes<HTMLElement>>;
|
|
10
7
|
export default ModalDialog;
|
|
8
|
+
export { dialogWidth } from './dialog-width';
|
|
9
|
+
export { dialogHeight } from './dialog-height';
|
|
@@ -2,9 +2,8 @@
|
|
|
2
2
|
* @jsxRuntime classic
|
|
3
3
|
* @jsx jsx
|
|
4
4
|
*/
|
|
5
|
-
import type { ModalDialogProps } from '../../types';
|
|
6
5
|
import type { InternalModalDialogProps } from '../types';
|
|
7
|
-
export declare const dialogWidth: (input?: ModalDialogProps["width"]) => string;
|
|
8
|
-
export declare const dialogHeight: (input?: ModalDialogProps["height"]) => string;
|
|
9
6
|
declare const ModalDialog: React.ForwardRefExoticComponent<React.PropsWithoutRef<InternalModalDialogProps> & React.RefAttributes<HTMLElement>>;
|
|
10
7
|
export default ModalDialog;
|
|
8
|
+
export { dialogWidth } from './dialog-width';
|
|
9
|
+
export { dialogHeight } from './dialog-height';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/modal-dialog",
|
|
3
|
-
"version": "15.2.
|
|
3
|
+
"version": "15.2.6",
|
|
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/"
|
|
@@ -34,21 +34,21 @@
|
|
|
34
34
|
"watch": "tsc --watch --noEmit --project './tsconfig.json'"
|
|
35
35
|
},
|
|
36
36
|
"dependencies": {
|
|
37
|
-
"@atlaskit/analytics-next": "^11.
|
|
37
|
+
"@atlaskit/analytics-next": "^11.3.0",
|
|
38
38
|
"@atlaskit/blanket": "^15.0.0",
|
|
39
39
|
"@atlaskit/button": "^23.11.0",
|
|
40
40
|
"@atlaskit/css": "^0.19.0",
|
|
41
41
|
"@atlaskit/ds-lib": "^7.0.0",
|
|
42
|
-
"@atlaskit/icon": "^35.
|
|
43
|
-
"@atlaskit/layering": "^3.
|
|
42
|
+
"@atlaskit/icon": "^35.4.0",
|
|
43
|
+
"@atlaskit/layering": "^3.8.0",
|
|
44
44
|
"@atlaskit/motion": "^6.2.0",
|
|
45
45
|
"@atlaskit/platform-feature-flags": "^1.1.0",
|
|
46
46
|
"@atlaskit/portal": "^5.5.0",
|
|
47
47
|
"@atlaskit/pragmatic-drag-and-drop": "^1.8.0",
|
|
48
48
|
"@atlaskit/primitives": "^19.0.0",
|
|
49
49
|
"@atlaskit/theme": "^25.0.0",
|
|
50
|
-
"@atlaskit/tokens": "^13.
|
|
51
|
-
"@atlaskit/top-layer": "^0.
|
|
50
|
+
"@atlaskit/tokens": "^13.3.0",
|
|
51
|
+
"@atlaskit/top-layer": "^0.14.0",
|
|
52
52
|
"@babel/runtime": "^7.0.0",
|
|
53
53
|
"@compiled/react": "^0.20.0",
|
|
54
54
|
"bind-event-listener": "^3.0.0",
|
|
@@ -69,20 +69,20 @@
|
|
|
69
69
|
"@atlaskit/breadcrumbs": "^16.1.0",
|
|
70
70
|
"@atlaskit/checkbox": "^17.3.0",
|
|
71
71
|
"@atlaskit/code": "^17.5.0",
|
|
72
|
-
"@atlaskit/datetime-picker": "^17.
|
|
72
|
+
"@atlaskit/datetime-picker": "^17.9.0",
|
|
73
73
|
"@atlaskit/docs": "^11.8.0",
|
|
74
|
-
"@atlaskit/dropdown-menu": "^16.
|
|
74
|
+
"@atlaskit/dropdown-menu": "^16.10.0",
|
|
75
75
|
"@atlaskit/flag": "^17.12.0",
|
|
76
76
|
"@atlaskit/form": "^15.5.0",
|
|
77
77
|
"@atlaskit/heading": "^5.4.0",
|
|
78
78
|
"@atlaskit/link": "^3.4.0",
|
|
79
|
-
"@atlaskit/popup": "^4.
|
|
79
|
+
"@atlaskit/popup": "^4.23.0",
|
|
80
80
|
"@atlaskit/radio": "^8.6.0",
|
|
81
81
|
"@atlaskit/section-message": "^8.13.0",
|
|
82
82
|
"@atlaskit/select": "^21.12.0",
|
|
83
|
-
"@atlaskit/spotlight": "^0.
|
|
83
|
+
"@atlaskit/spotlight": "^0.15.0",
|
|
84
84
|
"@atlaskit/textfield": "^8.3.0",
|
|
85
|
-
"@atlaskit/tooltip": "^22.
|
|
85
|
+
"@atlaskit/tooltip": "^22.6.0",
|
|
86
86
|
"@atlassian/feature-flags-test-utils": "^1.1.0",
|
|
87
87
|
"@atlassian/react-compiler-gating": "workspace:^",
|
|
88
88
|
"@atlassian/ssr-tests": "workspace:^",
|