@atlaskit/modal-dialog 17.0.0 → 17.0.2

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 (11) hide show
  1. package/CHANGELOG.md +18 -0
  2. package/dist/cjs/internal/components/modal-wrapper.compiled.css +1 -2
  3. package/dist/cjs/internal/components/modal-wrapper.js +6 -4
  4. package/dist/cjs/internal/components/positioner.js +1 -0
  5. package/dist/es2019/internal/components/modal-wrapper.compiled.css +1 -2
  6. package/dist/es2019/internal/components/modal-wrapper.js +6 -4
  7. package/dist/es2019/internal/components/positioner.js +1 -0
  8. package/dist/esm/internal/components/modal-wrapper.compiled.css +1 -2
  9. package/dist/esm/internal/components/modal-wrapper.js +6 -4
  10. package/dist/esm/internal/components/positioner.js +1 -0
  11. package/package.json +15 -15
package/CHANGELOG.md CHANGED
@@ -1,5 +1,23 @@
1
1
  # @atlaskit/modal-dialog
2
2
 
3
+ ## 17.0.2
4
+
5
+ ### Patch Changes
6
+
7
+ - [`aaf461aabb51c`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/aaf461aabb51c) -
8
+ Removed a redundant `color.text` declaration from the top-layer surfaces of `ModalDialog` and
9
+ `InlineDialog` (behind `platform-dst-top-layer`). The top-layer `Popover` and `Dialog` hosts now
10
+ set `color.text`, so these surfaces inherit the same colour. There is no visual change.
11
+ - Updated dependencies
12
+
13
+ ## 17.0.1
14
+
15
+ ### Patch Changes
16
+
17
+ - [`9fce890f9df21`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/9fce890f9df21) -
18
+ Keep modal context stable when its close callback changes.
19
+ - Updated dependencies
20
+
3
21
  ## 17.0.0
4
22
 
5
23
  ### Major Changes
package/dist/cjs/internal/components/modal-wrapper.compiled.css CHANGED
@@ -20,8 +20,7 @@
20
20
  ._lcxv1wug{pointer-events:auto}
21
21
  ._ln19p27b{scrollbar-gutter:stable}
22
22
  ._m01u1kw7>form:only-child{max-height:inherit}
23
- ._otyridpf{margin-bottom:0}
24
- ._syazi7uo{color:var(--ds-text,#292a2e)}._128mdkaa:focus-visible{outline-width:var(--ds-border-width-focused,2px)}
23
+ ._otyridpf{margin-bottom:0}._128mdkaa:focus-visible{outline-width:var(--ds-border-width-focused,2px)}
25
24
  ._1ah3dkaa:focus-visible{outline-offset:var(--ds-border-width-focused,2px)}
26
25
  ._mizu1v1w:focus-visible{outline-color:var(--ds-border-focused,#4688ec)}
27
26
  ._ra3xnqa1:focus-visible{outline-style:solid}
package/dist/cjs/internal/components/modal-wrapper.js CHANGED
@@ -43,6 +43,7 @@ var _scrollContext = require("../scroll-context");
43
43
  var _width = require("../width");
44
44
  var _modalDialog = _interopRequireDefault(require("./modal-dialog"));
45
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); }
46
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-atlaskit-theme
46
47
  var fillScreenStyles = null;
47
48
 
48
49
  /**
@@ -63,7 +64,7 @@ var LOCAL_CURRENT_SURFACE_CSS_VAR = '--ds-elevation-surface-current';
63
64
  * Styles applied to the visual modal surface.
64
65
  */
65
66
  var surfaceStyles = {
66
- root: "_1e0c1txw _2lx21bp4 _bfhk1bhr _syazi7uo _1q1l1bhr _lcxv1wug _1mq81kw7 _m01u1kw7 _1dg11kw7 _mizu1v1w _1ah3dkaa _ra3xnqa1 _128mdkaa _zg7p130s",
67
+ root: "_1e0c1txw _2lx21bp4 _bfhk1bhr _1q1l1bhr _lcxv1wug _1mq81kw7 _m01u1kw7 _1dg11kw7 _mizu1v1w _1ah3dkaa _ra3xnqa1 _128mdkaa _zg7p130s",
67
68
  borderRadius: "_2rkoidpf _epkxpb1k"
68
69
  };
69
70
  var topLayerScrollModeStyles = {
@@ -93,7 +94,7 @@ function useModalCloseHandler(providedOnClose) {
93
94
  action: 'closed',
94
95
  componentName: 'modalDialog',
95
96
  packageName: "@atlaskit/modal-dialog",
96
- packageVersion: "16.6.7"
97
+ packageVersion: "17.0.1"
97
98
  });
98
99
  }
99
100
  function getScrollMode(_ref) {
@@ -228,15 +229,16 @@ function ModalWrapperTopLayer(props) {
228
229
 
229
230
  // Native <dialog> ref - needed for ExitingPersistence to call dialog.close().
230
231
  var dialogRef = (0, _react.useRef)(null);
232
+ var hasProvidedOnClose = Boolean(providedOnClose);
231
233
  var modalDialogContext = (0, _react.useMemo)(function () {
232
234
  return {
233
235
  testId: defaultTestId,
234
236
  titleId: titleId,
235
237
  onClose: onCloseHandler,
236
- hasProvidedOnClose: Boolean(providedOnClose),
238
+ hasProvidedOnClose: hasProvidedOnClose,
237
239
  isFullScreen: isFullScreen !== null && isFullScreen !== void 0 ? isFullScreen : false
238
240
  };
239
- }, [defaultTestId, titleId, onCloseHandler, providedOnClose, isFullScreen]);
241
+ }, [defaultTestId, titleId, onCloseHandler, hasProvidedOnClose, isFullScreen]);
240
242
 
241
243
  // Dialog has already applied the close behavior configured by `dismissedBy`.
242
244
  // Pass a synthetic event to satisfy the KeyboardOrMouseEvent contract.
package/dist/cjs/internal/components/positioner.js CHANGED
@@ -13,6 +13,7 @@ var _curves = require("@atlaskit/motion/curves");
13
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
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-atlaskit-theme
16
17
  // Flex and min-content are set to constrain the height of the body and support multi-column scrolling experiences
17
18
  var positionerStyles = null;
18
19
  var stackStyles = {
package/dist/es2019/internal/components/modal-wrapper.compiled.css CHANGED
@@ -20,8 +20,7 @@
20
20
  ._lcxv1wug{pointer-events:auto}
21
21
  ._ln19p27b{scrollbar-gutter:stable}
22
22
  ._m01u1kw7>form:only-child{max-height:inherit}
23
- ._otyridpf{margin-bottom:0}
24
- ._syazi7uo{color:var(--ds-text,#292a2e)}._128mdkaa:focus-visible{outline-width:var(--ds-border-width-focused,2px)}
23
+ ._otyridpf{margin-bottom:0}._128mdkaa:focus-visible{outline-width:var(--ds-border-width-focused,2px)}
25
24
  ._1ah3dkaa:focus-visible{outline-offset:var(--ds-border-width-focused,2px)}
26
25
  ._mizu1v1w:focus-visible{outline-color:var(--ds-border-focused,#4688ec)}
27
26
  ._ra3xnqa1:focus-visible{outline-style:solid}
package/dist/es2019/internal/components/modal-wrapper.js CHANGED
@@ -20,6 +20,7 @@ import FadeIn from '@atlaskit/motion/fade-in';
20
20
  import { fg } from '@atlaskit/platform-feature-flags/fg';
21
21
  import Portal from '@atlaskit/portal/portal';
22
22
  import { combine } from '@atlaskit/pragmatic-drag-and-drop/utils/combine';
23
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-atlaskit-theme
23
24
  import { layers } from '@atlaskit/theme/constants';
24
25
  import { createCloseEvent } from '@atlaskit/top-layer/create-close-event';
25
26
  import { Dialog } from '@atlaskit/top-layer/dialog-content';
@@ -53,7 +54,7 @@ const LOCAL_CURRENT_SURFACE_CSS_VAR = '--ds-elevation-surface-current';
53
54
  * Styles applied to the visual modal surface.
54
55
  */
55
56
  const surfaceStyles = {
56
- root: "_1e0c1txw _2lx21bp4 _bfhk1bhr _syazi7uo _1q1l1bhr _lcxv1wug _1mq81kw7 _m01u1kw7 _1dg11kw7 _mizu1v1w _1ah3dkaa _ra3xnqa1 _128mdkaa _zg7p130s",
57
+ root: "_1e0c1txw _2lx21bp4 _bfhk1bhr _1q1l1bhr _lcxv1wug _1mq81kw7 _m01u1kw7 _1dg11kw7 _mizu1v1w _1ah3dkaa _ra3xnqa1 _128mdkaa _zg7p130s",
57
58
  borderRadius: "_2rkoidpf _epkxpb1k"
58
59
  };
59
60
  const topLayerScrollModeStyles = {
@@ -83,7 +84,7 @@ function useModalCloseHandler(providedOnClose) {
83
84
  action: 'closed',
84
85
  componentName: 'modalDialog',
85
86
  packageName: "@atlaskit/modal-dialog",
86
- packageVersion: "16.6.7"
87
+ packageVersion: "17.0.1"
87
88
  });
88
89
  }
89
90
  function getScrollMode({
@@ -216,13 +217,14 @@ function ModalWrapperTopLayer(props) {
216
217
 
217
218
  // Native <dialog> ref - needed for ExitingPersistence to call dialog.close().
218
219
  const dialogRef = useRef(null);
220
+ const hasProvidedOnClose = Boolean(providedOnClose);
219
221
  const modalDialogContext = useMemo(() => ({
220
222
  testId: defaultTestId,
221
223
  titleId,
222
224
  onClose: onCloseHandler,
223
- hasProvidedOnClose: Boolean(providedOnClose),
225
+ hasProvidedOnClose,
224
226
  isFullScreen: isFullScreen !== null && isFullScreen !== void 0 ? isFullScreen : false
225
- }), [defaultTestId, titleId, onCloseHandler, providedOnClose, isFullScreen]);
227
+ }), [defaultTestId, titleId, onCloseHandler, hasProvidedOnClose, isFullScreen]);
226
228
 
227
229
  // Dialog has already applied the close behavior configured by `dismissedBy`.
228
230
  // Pass a synthetic event to satisfy the KeyboardOrMouseEvent contract.
package/dist/es2019/internal/components/positioner.js CHANGED
@@ -4,6 +4,7 @@ import * as React from 'react';
4
4
  import { ax, ix } from "@compiled/react/runtime";
5
5
  import { easeInOut } from '@atlaskit/motion/curves';
6
6
  import { durations } from '@atlaskit/motion/utils/durations';
7
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-atlaskit-theme
7
8
  import { layers } from '@atlaskit/theme/constants';
8
9
  // Flex and min-content are set to constrain the height of the body and support multi-column scrolling experiences
9
10
  const positionerStyles = null;
package/dist/esm/internal/components/modal-wrapper.compiled.css CHANGED
@@ -20,8 +20,7 @@
20
20
  ._lcxv1wug{pointer-events:auto}
21
21
  ._ln19p27b{scrollbar-gutter:stable}
22
22
  ._m01u1kw7>form:only-child{max-height:inherit}
23
- ._otyridpf{margin-bottom:0}
24
- ._syazi7uo{color:var(--ds-text,#292a2e)}._128mdkaa:focus-visible{outline-width:var(--ds-border-width-focused,2px)}
23
+ ._otyridpf{margin-bottom:0}._128mdkaa:focus-visible{outline-width:var(--ds-border-width-focused,2px)}
25
24
  ._1ah3dkaa:focus-visible{outline-offset:var(--ds-border-width-focused,2px)}
26
25
  ._mizu1v1w:focus-visible{outline-color:var(--ds-border-focused,#4688ec)}
27
26
  ._ra3xnqa1:focus-visible{outline-style:solid}
package/dist/esm/internal/components/modal-wrapper.js CHANGED
@@ -21,6 +21,7 @@ import FadeIn from '@atlaskit/motion/fade-in';
21
21
  import { fg } from '@atlaskit/platform-feature-flags/fg';
22
22
  import Portal from '@atlaskit/portal/portal';
23
23
  import { combine } from '@atlaskit/pragmatic-drag-and-drop/utils/combine';
24
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-atlaskit-theme
24
25
  import { layers } from '@atlaskit/theme/constants';
25
26
  import { createCloseEvent } from '@atlaskit/top-layer/create-close-event';
26
27
  import { Dialog } from '@atlaskit/top-layer/dialog-content';
@@ -54,7 +55,7 @@ var LOCAL_CURRENT_SURFACE_CSS_VAR = '--ds-elevation-surface-current';
54
55
  * Styles applied to the visual modal surface.
55
56
  */
56
57
  var surfaceStyles = {
57
- root: "_1e0c1txw _2lx21bp4 _bfhk1bhr _syazi7uo _1q1l1bhr _lcxv1wug _1mq81kw7 _m01u1kw7 _1dg11kw7 _mizu1v1w _1ah3dkaa _ra3xnqa1 _128mdkaa _zg7p130s",
58
+ root: "_1e0c1txw _2lx21bp4 _bfhk1bhr _1q1l1bhr _lcxv1wug _1mq81kw7 _m01u1kw7 _1dg11kw7 _mizu1v1w _1ah3dkaa _ra3xnqa1 _128mdkaa _zg7p130s",
58
59
  borderRadius: "_2rkoidpf _epkxpb1k"
59
60
  };
60
61
  var topLayerScrollModeStyles = {
@@ -84,7 +85,7 @@ function useModalCloseHandler(providedOnClose) {
84
85
  action: 'closed',
85
86
  componentName: 'modalDialog',
86
87
  packageName: "@atlaskit/modal-dialog",
87
- packageVersion: "16.6.7"
88
+ packageVersion: "17.0.1"
88
89
  });
89
90
  }
90
91
  function getScrollMode(_ref) {
@@ -219,15 +220,16 @@ function ModalWrapperTopLayer(props) {
219
220
 
220
221
  // Native <dialog> ref - needed for ExitingPersistence to call dialog.close().
221
222
  var dialogRef = useRef(null);
223
+ var hasProvidedOnClose = Boolean(providedOnClose);
222
224
  var modalDialogContext = useMemo(function () {
223
225
  return {
224
226
  testId: defaultTestId,
225
227
  titleId: titleId,
226
228
  onClose: onCloseHandler,
227
- hasProvidedOnClose: Boolean(providedOnClose),
229
+ hasProvidedOnClose: hasProvidedOnClose,
228
230
  isFullScreen: isFullScreen !== null && isFullScreen !== void 0 ? isFullScreen : false
229
231
  };
230
- }, [defaultTestId, titleId, onCloseHandler, providedOnClose, isFullScreen]);
232
+ }, [defaultTestId, titleId, onCloseHandler, hasProvidedOnClose, isFullScreen]);
231
233
 
232
234
  // Dialog has already applied the close behavior configured by `dismissedBy`.
233
235
  // Pass a synthetic event to satisfy the KeyboardOrMouseEvent contract.
package/dist/esm/internal/components/positioner.js CHANGED
@@ -4,6 +4,7 @@ import * as React from 'react';
4
4
  import { ax, ix } from "@compiled/react/runtime";
5
5
  import { easeInOut } from '@atlaskit/motion/curves';
6
6
  import { durations } from '@atlaskit/motion/utils/durations';
7
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-atlaskit-theme
7
8
  import { layers } from '@atlaskit/theme/constants';
8
9
  // Flex and min-content are set to constrain the height of the body and support multi-column scrolling experiences
9
10
  var positionerStyles = null;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/modal-dialog",
3
- "version": "17.0.0",
3
+ "version": "17.0.2",
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,22 +37,22 @@
37
37
  "watch": "tsc --watch --noEmit --project './tsconfig.json'"
38
38
  },
39
39
  "dependencies": {
40
- "@atlaskit/analytics-next": "^12.5.0",
40
+ "@atlaskit/analytics-next": "^12.6.0",
41
41
  "@atlaskit/blanket": "^16.4.0",
42
42
  "@atlaskit/button": "^25.4.0",
43
43
  "@atlaskit/css": "^1.1.0",
44
44
  "@atlaskit/ds-lib": "^8.0.0",
45
45
  "@atlaskit/icon": "^38.0.0",
46
46
  "@atlaskit/layering": "^6.0.0",
47
- "@atlaskit/motion": "^9.0.0",
47
+ "@atlaskit/motion": "^9.3.0",
48
48
  "@atlaskit/platform-feature-flags": "^2.2.0",
49
49
  "@atlaskit/portal": "^7.0.0",
50
50
  "@atlaskit/pragmatic-drag-and-drop": "^4.0.0",
51
51
  "@atlaskit/primitives": "^22.5.0",
52
52
  "@atlaskit/react-compiler-gating": "^0.2.0",
53
53
  "@atlaskit/theme": "^28.2.0",
54
- "@atlaskit/tokens": "^20.0.0",
55
- "@atlaskit/top-layer": "^6.0.0",
54
+ "@atlaskit/tokens": "^20.4.0",
55
+ "@atlaskit/top-layer": "^6.2.0",
56
56
  "@babel/runtime": "^7.0.0",
57
57
  "@compiled/react": "^1.0.2",
58
58
  "bind-event-listener": "^3.0.0",
@@ -67,26 +67,26 @@
67
67
  "@af/accessibility-testing": "workspace:^",
68
68
  "@af/integration-testing": "workspace:^",
69
69
  "@af/visual-regression": "workspace:^",
70
- "@atlaskit/avatar": "^29.0.0",
71
- "@atlaskit/avatar-group": "^14.3.0",
70
+ "@atlaskit/avatar": "^30.0.0",
71
+ "@atlaskit/avatar-group": "^14.4.0",
72
72
  "@atlaskit/banner": "^15.3.0",
73
73
  "@atlaskit/breadcrumbs": "^17.8.0",
74
- "@atlaskit/checkbox": "^19.2.0",
74
+ "@atlaskit/checkbox": "^19.3.0",
75
75
  "@atlaskit/code": "^20.0.0",
76
- "@atlaskit/datetime-picker": "^19.0.0",
77
- "@atlaskit/docs": "^12.2.0",
78
- "@atlaskit/dropdown-menu": "^18.3.0",
76
+ "@atlaskit/datetime-picker": "^19.3.0",
77
+ "@atlaskit/docs": "^12.3.0",
78
+ "@atlaskit/dropdown-menu": "^21.0.0",
79
79
  "@atlaskit/flag": "^19.0.0",
80
- "@atlaskit/form": "^18.0.0",
80
+ "@atlaskit/form": "^18.2.0",
81
81
  "@atlaskit/heading": "^8.0.0",
82
82
  "@atlaskit/link": "^5.1.0",
83
- "@atlaskit/popup": "^6.3.0",
83
+ "@atlaskit/popup": "^9.0.0",
84
84
  "@atlaskit/radio": "^10.2.0",
85
85
  "@atlaskit/section-message": "^10.2.0",
86
- "@atlaskit/select": "^23.0.0",
86
+ "@atlaskit/select": "^23.1.0",
87
87
  "@atlaskit/spotlight": "^4.2.0",
88
88
  "@atlaskit/textfield": "^10.2.0",
89
- "@atlaskit/tooltip": "^24.3.0",
89
+ "@atlaskit/tooltip": "^24.4.0",
90
90
  "@atlassian/feature-flags-test-utils": "^1.3.0",
91
91
  "@atlassian/ssr-tests": "workspace:^",
92
92
  "@atlassian/structured-docs-types": "workspace:^",