@khanacademy/wonder-blocks-modal 2.3.1 → 2.3.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 (8) hide show
  1. package/CHANGELOG.md +28 -0
  2. package/dist/es/index.js +3 -1
  3. package/dist/index.js +3 -1
  4. package/package.json +9 -9
  5. package/src/__tests__/__snapshots__/generated-snapshot.test.js.snap +19 -0
  6. package/src/components/__tests__/modal-backdrop.test.js +0 -4
  7. package/src/components/__tests__/modal-launcher.test.js +0 -4
  8. package/src/components/modal-dialog.js +2 -0
package/CHANGELOG.md CHANGED
@@ -1,5 +1,33 @@
1
1
  # @khanacademy/wonder-blocks-modal
2
2
 
3
+ ## 2.3.4
4
+
5
+ ### Patch Changes
6
+
7
+ - @khanacademy/wonder-blocks-icon-button@3.4.9
8
+
9
+ ## 2.3.3
10
+
11
+ ### Patch Changes
12
+
13
+ - Updated dependencies [83486dba]
14
+ - @khanacademy/wonder-blocks-icon@1.2.29
15
+ - @khanacademy/wonder-blocks-icon-button@3.4.8
16
+
17
+ ## 2.3.2
18
+
19
+ ### Patch Changes
20
+
21
+ - Updated dependencies [5f4a4297]
22
+ - Updated dependencies [2b96fd59]
23
+ - @khanacademy/wonder-blocks-core@4.3.2
24
+ - @khanacademy/wonder-blocks-breadcrumbs@1.0.31
25
+ - @khanacademy/wonder-blocks-icon@1.2.28
26
+ - @khanacademy/wonder-blocks-icon-button@3.4.7
27
+ - @khanacademy/wonder-blocks-layout@1.4.10
28
+ - @khanacademy/wonder-blocks-toolbar@2.1.32
29
+ - @khanacademy/wonder-blocks-typography@1.1.32
30
+
3
31
  ## 2.3.1
4
32
 
5
33
  ### Patch Changes
package/dist/es/index.js CHANGED
@@ -20,7 +20,8 @@ class ModalDialog extends React.Component {
20
20
  style,
21
21
  children,
22
22
  testId,
23
- "aria-labelledby": ariaLabelledBy
23
+ "aria-labelledby": ariaLabelledBy,
24
+ "aria-label": ariaLabel
24
25
  } = this.props;
25
26
  const contextValue = {
26
27
  ssrSize: "large",
@@ -40,6 +41,7 @@ class ModalDialog extends React.Component {
40
41
  role: role,
41
42
  "aria-modal": "true",
42
43
  "aria-labelledby": ariaLabelledBy,
44
+ "aria-label": ariaLabel,
43
45
  style: styles.dialog,
44
46
  testId: testId
45
47
  }, children), above && React.createElement(View, {
package/dist/index.js CHANGED
@@ -380,7 +380,8 @@ class ModalDialog extends react__WEBPACK_IMPORTED_MODULE_0__["Component"] {
380
380
  style,
381
381
  children,
382
382
  testId,
383
- "aria-labelledby": ariaLabelledBy
383
+ "aria-labelledby": ariaLabelledBy,
384
+ "aria-label": ariaLabel
384
385
  } = this.props;
385
386
  const contextValue = {
386
387
  ssrSize: "large",
@@ -400,6 +401,7 @@ class ModalDialog extends react__WEBPACK_IMPORTED_MODULE_0__["Component"] {
400
401
  role: role,
401
402
  "aria-modal": "true",
402
403
  "aria-labelledby": ariaLabelledBy,
404
+ "aria-label": ariaLabel,
403
405
  style: styles.dialog,
404
406
  testId: testId
405
407
  }, children), above && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_khanacademy_wonder_blocks_core__WEBPACK_IMPORTED_MODULE_3__["View"], {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@khanacademy/wonder-blocks-modal",
3
- "version": "2.3.1",
3
+ "version": "2.3.4",
4
4
  "design": "v2",
5
5
  "publishConfig": {
6
6
  "access": "public"
@@ -15,16 +15,16 @@
15
15
  "author": "",
16
16
  "license": "MIT",
17
17
  "dependencies": {
18
- "@babel/runtime": "^7.16.3",
19
- "@khanacademy/wonder-blocks-breadcrumbs": "^1.0.30",
18
+ "@babel/runtime": "^7.18.6",
19
+ "@khanacademy/wonder-blocks-breadcrumbs": "^1.0.31",
20
20
  "@khanacademy/wonder-blocks-color": "^1.1.20",
21
- "@khanacademy/wonder-blocks-core": "^4.3.1",
22
- "@khanacademy/wonder-blocks-icon": "^1.2.27",
23
- "@khanacademy/wonder-blocks-icon-button": "^3.4.6",
24
- "@khanacademy/wonder-blocks-layout": "^1.4.9",
21
+ "@khanacademy/wonder-blocks-core": "^4.3.2",
22
+ "@khanacademy/wonder-blocks-icon": "^1.2.29",
23
+ "@khanacademy/wonder-blocks-icon-button": "^3.4.9",
24
+ "@khanacademy/wonder-blocks-layout": "^1.4.10",
25
25
  "@khanacademy/wonder-blocks-spacing": "^3.0.5",
26
- "@khanacademy/wonder-blocks-toolbar": "^2.1.31",
27
- "@khanacademy/wonder-blocks-typography": "^1.1.31"
26
+ "@khanacademy/wonder-blocks-toolbar": "^2.1.32",
27
+ "@khanacademy/wonder-blocks-typography": "^1.1.32"
28
28
  },
29
29
  "peerDependencies": {
30
30
  "aphrodite": "^1.2.5",
package/src/__tests__/__snapshots__/generated-snapshot.test.js.snap CHANGED
@@ -232,6 +232,25 @@ exports[`wonder-blocks-modal example 3 1`] = `
232
232
  }
233
233
  }
234
234
  >
235
+ <span
236
+ aria-atomic="true"
237
+ aria-live="polite"
238
+ aria-relevant="additions text"
239
+ className=""
240
+ data-test-id="dropdown-live-region"
241
+ style={
242
+ Object {
243
+ "border": 0,
244
+ "clip": "rect(0,0,0,0)",
245
+ "height": 1,
246
+ "margin": -1,
247
+ "overflow": "hidden",
248
+ "padding": 0,
249
+ "position": "absolute",
250
+ "width": 1,
251
+ }
252
+ }
253
+ />
235
254
  <button
236
255
  aria-expanded="false"
237
256
  aria-haspopup="menu"
package/src/components/__tests__/modal-backdrop.test.js CHANGED
@@ -38,10 +38,6 @@ const exampleModalWithButtons = (
38
38
  );
39
39
 
40
40
  describe("ModalBackdrop", () => {
41
- beforeEach(() => {
42
- jest.useRealTimers();
43
- });
44
-
45
41
  afterEach(() => {
46
42
  unmountAll();
47
43
  if (document.body) {
package/src/components/__tests__/modal-launcher.test.js CHANGED
@@ -25,10 +25,6 @@ const exampleModal = (
25
25
  );
26
26
 
27
27
  describe("ModalLauncher", () => {
28
- beforeEach(() => {
29
- jest.useRealTimers();
30
- });
31
-
32
28
  afterEach(() => {
33
29
  unmountAll();
34
30
  if (document.body) {
package/src/components/modal-dialog.js CHANGED
@@ -78,6 +78,7 @@ export default class ModalDialog extends React.Component<Props> {
78
78
  children,
79
79
  testId,
80
80
  "aria-labelledby": ariaLabelledBy,
81
+ "aria-label": ariaLabel,
81
82
  } = this.props;
82
83
 
83
84
  const contextValue: MediaLayoutContextValue = {
@@ -95,6 +96,7 @@ export default class ModalDialog extends React.Component<Props> {
95
96
  role={role}
96
97
  aria-modal="true"
97
98
  aria-labelledby={ariaLabelledBy}
99
+ aria-label={ariaLabel}
98
100
  style={styles.dialog}
99
101
  testId={testId}
100
102
  >