@atlaskit/editor-plugin-help-dialog 7.2.2 → 7.2.4

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @atlaskit/editor-plugin-help-dialog
 
+## 7.2.4
+
+### Patch Changes
+
+- Updated dependencies
+
+## 7.2.3
+
+### Patch Changes
+
+- [`e0a94dfe793c5`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/e0a94dfe793c5) -
+  [ux] Added missing aria label and role to modal context
+
 ## 7.2.2
 
 ### Patch Changes

package/dist/cjs/ui/ModalContent.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.ModalContent = void 0;
-var _react = _interopRequireDefault(require("react"));
+var _react = require("react");
 var _react2 = require("@emotion/react");
 var _reactIntlNext = require("react-intl-next");
 var _browser = require("@atlaskit/editor-common/browser");
@@ -29,11 +29,16 @@ var ModalContent = exports.ModalContent = function ModalContent(_ref) {
   var formatting = _ref.formatting,
     onClose = _ref.onClose;
   var browser = (0, _expValEquals.expValEquals)('platform_editor_hydratable_ui', 'isEnabled', true) ? (0, _browser.getBrowserInfo)() : _browser.browser;
-  return (0, _react2.jsx)(_react.default.Fragment, null, (0, _react2.jsx)(_ModalHeader.default, {
+  var intl = (0, _reactIntlNext.useIntl)();
+  var isA11yFixEnabled = (0, _expValEquals.expValEquals)('platform_editor_a11y_eslint_fix', 'isEnabled', true);
+  return (0, _react2.jsx)(_react.Fragment, null, (0, _react2.jsx)(_ModalHeader.default, {
     onClose: onClose
   }), (0, _react2.jsx)("div", {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
     css: _styles.contentWrapper,
-    tabIndex: 0
+    tabIndex: 0,
+    role: isA11yFixEnabled ? 'region' : undefined,
+    "aria-label": isA11yFixEnabled ? intl.formatMessage(_messages.helpDialogMessages.editorHelp) : undefined
   }, (0, _react2.jsx)("div", {
     css: _styles.line
   }), (0, _react2.jsx)("div", {

package/dist/es2019/ui/ModalContent.js

@@ -3,11 +3,11 @@
  * @jsx jsx
  */
 /** @jsxFrag */
-import React from 'react';
+import { Fragment } from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
-import { FormattedMessage } from 'react-intl-next';
+import { FormattedMessage, useIntl } from 'react-intl-next';
 import { browser as browserLegacy, getBrowserInfo } from '@atlaskit/editor-common/browser';
 import { helpDialogMessages as messages } from '@atlaskit/editor-common/messages';
 import Heading from '@atlaskit/heading';
@@ -22,11 +22,16 @@ export const ModalContent = ({
   onClose
 }) => {
   const browser = expValEquals('platform_editor_hydratable_ui', 'isEnabled', true) ? getBrowserInfo() : browserLegacy;
-  return jsx(React.Fragment, null, jsx(ModalHeader, {
+  const intl = useIntl();
+  const isA11yFixEnabled = expValEquals('platform_editor_a11y_eslint_fix', 'isEnabled', true);
+  return jsx(Fragment, null, jsx(ModalHeader, {
     onClose: onClose
   }), jsx("div", {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
     css: contentWrapper,
-    tabIndex: 0
+    tabIndex: 0,
+    role: isA11yFixEnabled ? 'region' : undefined,
+    "aria-label": isA11yFixEnabled ? intl.formatMessage(messages.editorHelp) : undefined
   }, jsx("div", {
     css: line
   }), jsx("div", {

package/dist/esm/ui/ModalContent.js

@@ -3,11 +3,11 @@
  * @jsx jsx
  */
 /** @jsxFrag */
-import React from 'react';
+import { Fragment } from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
-import { FormattedMessage } from 'react-intl-next';
+import { FormattedMessage, useIntl } from 'react-intl-next';
 import { browser as browserLegacy, getBrowserInfo } from '@atlaskit/editor-common/browser';
 import { helpDialogMessages as messages } from '@atlaskit/editor-common/messages';
 import Heading from '@atlaskit/heading';
@@ -21,11 +21,16 @@ export var ModalContent = function ModalContent(_ref) {
   var formatting = _ref.formatting,
     onClose = _ref.onClose;
   var browser = expValEquals('platform_editor_hydratable_ui', 'isEnabled', true) ? getBrowserInfo() : browserLegacy;
-  return jsx(React.Fragment, null, jsx(ModalHeader, {
+  var intl = useIntl();
+  var isA11yFixEnabled = expValEquals('platform_editor_a11y_eslint_fix', 'isEnabled', true);
+  return jsx(Fragment, null, jsx(ModalHeader, {
     onClose: onClose
   }), jsx("div", {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
     css: contentWrapper,
-    tabIndex: 0
+    tabIndex: 0,
+    role: isA11yFixEnabled ? 'region' : undefined,
+    "aria-label": isA11yFixEnabled ? intl.formatMessage(messages.editorHelp) : undefined
   }, jsx("div", {
     css: line
   }), jsx("div", {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-help-dialog",
-	"version": "7.2.2",
+	"version": "7.2.4",
 	"description": "Help Dialog plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -39,7 +39,7 @@
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/primitives": "^18.0.0",
 		"@atlaskit/theme": "^21.0.0",
-		"@atlaskit/tmp-editor-statsig": "^30.0.0",
+		"@atlaskit/tmp-editor-statsig": "^31.0.0",
 		"@atlaskit/tokens": "^11.0.0",
 		"@atlaskit/tooltip": "^20.14.0",
 		"@babel/runtime": "^7.0.0",