@atlaskit/modal-dialog 12.5.5 → 12.5.7

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 +12 -0
  2. package/dist/cjs/internal/components/scroll-container.js +1 -0
  3. package/dist/cjs/modal-wrapper.js +1 -2
  4. package/dist/cjs/version.json +1 -1
  5. package/dist/es2019/internal/components/scroll-container.js +1 -0
  6. package/dist/es2019/modal-wrapper.js +1 -2
  7. package/dist/es2019/version.json +1 -1
  8. package/dist/esm/internal/components/scroll-container.js +1 -0
  9. package/dist/esm/modal-wrapper.js +1 -2
  10. package/dist/esm/version.json +1 -1
  11. package/package.json +2 -2
package/CHANGELOG.md CHANGED
@@ -1,5 +1,17 @@
1
1
  # @atlaskit/modal-dialog
2
2
 
3
+ ## 12.5.7
4
+
5
+ ### Patch Changes
6
+
7
+ - [`7e018144c35`](https://bitbucket.org/atlassian/atlassian-frontend/commits/7e018144c35) - [ux] Add aria-label to scrollable ModalBody to communicate to AT users why ModalBody is focused.
8
+
9
+ ## 12.5.6
10
+
11
+ ### Patch Changes
12
+
13
+ - [`fd5c7f6ca6a`](https://bitbucket.org/atlassian/atlassian-frontend/commits/fd5c7f6ca6a) - Fixes an issue where the focus moved inappropriately when closing a modal with multiple modals open.
14
+
3
15
  ## 12.5.5
4
16
 
5
17
  ### Patch Changes
package/dist/cjs/internal/components/scroll-container.js CHANGED
@@ -110,6 +110,7 @@ var ScrollContainer = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref)
110
110
  }, (0, _react2.jsx)("div", {
111
111
  // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex
112
112
  tabIndex: showContentFocus ? 0 : undefined,
113
+ "aria-label": showContentFocus ? 'Scrollable content' : undefined,
113
114
  "data-testid": testId && "".concat(testId, "--scrollable"),
114
115
  ref: (0, _mergeRefs.default)([ref, scrollableRef]),
115
116
  css: [baseStyles, showTopKeyline && topKeylineStyles, showBottomKeyline && bottomKeylineStyles]
package/dist/cjs/modal-wrapper.js CHANGED
@@ -85,7 +85,7 @@ var ModalWrapper = function ModalWrapper(props) {
85
85
  action: 'closed',
86
86
  componentName: 'modalDialog',
87
87
  packageName: "@atlaskit/modal-dialog",
88
- packageVersion: "12.5.5"
88
+ packageVersion: "12.5.7"
89
89
  });
90
90
  var onBlanketClicked = (0, _react.useCallback)(function (e) {
91
91
  if (shouldCloseOnOverlayClick) {
@@ -120,7 +120,6 @@ var ModalWrapper = function ModalWrapper(props) {
120
120
  "aria-hidden": !isForeground
121
121
  }), (0, _react2.jsx)(_reactFocusLock.default, {
122
122
  autoFocus: autoFocusLock,
123
- disabled: !isForeground,
124
123
  returnFocus: true,
125
124
  whiteList: whiteListElements
126
125
  }, (0, _react2.jsx)(_reactScrolllock.default, null), shouldScrollInViewport ? (0, _react2.jsx)(_reactScrolllock.TouchScrollable, null, modalDialogWithBlanket) : modalDialogWithBlanket));
package/dist/cjs/version.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/modal-dialog",
3
- "version": "12.5.5",
3
+ "version": "12.5.7",
4
4
  "sideEffects": false
5
5
  }
package/dist/es2019/internal/components/scroll-container.js CHANGED
@@ -89,6 +89,7 @@ const ScrollContainer = /*#__PURE__*/forwardRef((props, ref) => {
89
89
  }, jsx("div", {
90
90
  // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex
91
91
  tabIndex: showContentFocus ? 0 : undefined,
92
+ "aria-label": showContentFocus ? 'Scrollable content' : undefined,
92
93
  "data-testid": testId && `${testId}--scrollable`,
93
94
  ref: mergeRefs([ref, scrollableRef]),
94
95
  css: [baseStyles, showTopKeyline && topKeylineStyles, showBottomKeyline && bottomKeylineStyles]
package/dist/es2019/modal-wrapper.js CHANGED
@@ -71,7 +71,7 @@ const ModalWrapper = props => {
71
71
  action: 'closed',
72
72
  componentName: 'modalDialog',
73
73
  packageName: "@atlaskit/modal-dialog",
74
- packageVersion: "12.5.5"
74
+ packageVersion: "12.5.7"
75
75
  });
76
76
  const onBlanketClicked = useCallback(e => {
77
77
  if (shouldCloseOnOverlayClick) {
@@ -105,7 +105,6 @@ const ModalWrapper = props => {
105
105
  "aria-hidden": !isForeground
106
106
  }), jsx(FocusLock, {
107
107
  autoFocus: autoFocusLock,
108
- disabled: !isForeground,
109
108
  returnFocus: true,
110
109
  whiteList: whiteListElements
111
110
  }, jsx(ScrollLock, null), shouldScrollInViewport ? jsx(TouchScrollable, null, modalDialogWithBlanket) : modalDialogWithBlanket))));
package/dist/es2019/version.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/modal-dialog",
3
- "version": "12.5.5",
3
+ "version": "12.5.7",
4
4
  "sideEffects": false
5
5
  }
package/dist/esm/internal/components/scroll-container.js CHANGED
@@ -100,6 +100,7 @@ var ScrollContainer = /*#__PURE__*/forwardRef(function (props, ref) {
100
100
  }, jsx("div", {
101
101
  // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex
102
102
  tabIndex: showContentFocus ? 0 : undefined,
103
+ "aria-label": showContentFocus ? 'Scrollable content' : undefined,
103
104
  "data-testid": testId && "".concat(testId, "--scrollable"),
104
105
  ref: mergeRefs([ref, scrollableRef]),
105
106
  css: [baseStyles, showTopKeyline && topKeylineStyles, showBottomKeyline && bottomKeylineStyles]
package/dist/esm/modal-wrapper.js CHANGED
@@ -75,7 +75,7 @@ var ModalWrapper = function ModalWrapper(props) {
75
75
  action: 'closed',
76
76
  componentName: 'modalDialog',
77
77
  packageName: "@atlaskit/modal-dialog",
78
- packageVersion: "12.5.5"
78
+ packageVersion: "12.5.7"
79
79
  });
80
80
  var onBlanketClicked = useCallback(function (e) {
81
81
  if (shouldCloseOnOverlayClick) {
@@ -110,7 +110,6 @@ var ModalWrapper = function ModalWrapper(props) {
110
110
  "aria-hidden": !isForeground
111
111
  }), jsx(FocusLock, {
112
112
  autoFocus: autoFocusLock,
113
- disabled: !isForeground,
114
113
  returnFocus: true,
115
114
  whiteList: whiteListElements
116
115
  }, jsx(ScrollLock, null), shouldScrollInViewport ? jsx(TouchScrollable, null, modalDialogWithBlanket) : modalDialogWithBlanket));
package/dist/esm/version.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/modal-dialog",
3
- "version": "12.5.5",
3
+ "version": "12.5.7",
4
4
  "sideEffects": false
5
5
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/modal-dialog",
3
- "version": "12.5.5",
3
+ "version": "12.5.7",
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/"
@@ -54,7 +54,7 @@
54
54
  "@atlaskit/motion": "^1.4.0",
55
55
  "@atlaskit/portal": "^4.3.0",
56
56
  "@atlaskit/theme": "^12.5.0",
57
- "@atlaskit/tokens": "^1.4.0",
57
+ "@atlaskit/tokens": "^1.5.0",
58
58
  "@babel/runtime": "^7.0.0",
59
59
  "@emotion/react": "^11.7.1",
60
60
  "bind-event-listener": "^2.1.1",