@atlaskit/editor-plugin-mentions 0.1.1 → 0.1.2

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/editor-plugin-mentions
 
+## 0.1.2
+
+### Patch Changes
+
+- [#42451](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/42451) [`36764ad64a9`](https://bitbucket.org/atlassian/atlassian-frontend/commits/36764ad64a9) - [ECA11Y-87] Mentioned name is not communicated to the users of screen reader
+
 ## 0.1.1
 
 ### Patch Changes

package/dist/cjs/nodeviews/mention.js

@@ -10,11 +10,9 @@ var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"))
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
-var _reactIntlNext = require("react-intl-next");
 var _providerFactory = require("@atlaskit/editor-common/provider-factory");
 var _mention = require("@atlaskit/mention");
 var _types = require("@atlaskit/mention/types");
-var _messages = require("../messages");
 var _Mention = _interopRequireDefault(require("../ui/Mention"));
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -29,7 +27,6 @@ var MentionAssistiveTextComponent = function MentionAssistiveTextComponent(_ref)
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     resolvedName = _useState2[0],
     setResolvedName = _useState2[1];
-  var intl = (0, _reactIntlNext.useIntl)();
   var processName = function processName(name) {
     if (name.status === _mention.MentionNameStatus.OK) {
       return "@".concat(name.name || '');
@@ -81,11 +78,7 @@ var MentionAssistiveTextComponent = function MentionAssistiveTextComponent(_ref)
       });
     }
   }, [id, text, mentionProvider]);
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("span", {
-    className: 'assistive'
-  }, "".concat(intl.formatMessage(_messages.messages.mentionsNodeLabel), " ").concat(resolvedName)), /*#__PURE__*/_react.default.createElement("span", {
-    "aria-hidden": "true"
-  }, /*#__PURE__*/_react.default.createElement(_Mention.default, {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("span", null, /*#__PURE__*/_react.default.createElement(_Mention.default, {
     id: id,
     text: resolvedName,
     accessLevel: accessLevel,

package/dist/es2019/nodeviews/mention.js

@@ -1,9 +1,7 @@
 import React, { useEffect, useState } from 'react';
-import { useIntl } from 'react-intl-next';
 import { WithProviders } from '@atlaskit/editor-common/provider-factory';
 import { isResolvingMentionProvider, MentionNameStatus } from '@atlaskit/mention';
 import { isPromise } from '@atlaskit/mention/types';
-import { messages } from '../messages';
 import Mention from '../ui/Mention';
 const UNKNOWN_USER_ID = '_|unknown|_';
 const MentionAssistiveTextComponent = ({
@@ -14,7 +12,6 @@ const MentionAssistiveTextComponent = ({
   mentionProvider
 }) => {
   const [resolvedName, setResolvedName] = useState(text);
-  const intl = useIntl();
   const processName = name => {
     if (name.status === MentionNameStatus.OK) {
       return `@${name.name || ''}`;
@@ -40,11 +37,7 @@ const MentionAssistiveTextComponent = ({
       });
     }
   }, [id, text, mentionProvider]);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
-    className: 'assistive'
-  }, `${intl.formatMessage(messages.mentionsNodeLabel)} ${resolvedName}`), /*#__PURE__*/React.createElement("span", {
-    "aria-hidden": "true"
-  }, /*#__PURE__*/React.createElement(Mention, {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement(Mention, {
     id: id,
     text: resolvedName,
     accessLevel: accessLevel,

package/dist/esm/nodeviews/mention.js

@@ -2,11 +2,9 @@ import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 import React, { useEffect, useState } from 'react';
-import { useIntl } from 'react-intl-next';
 import { WithProviders } from '@atlaskit/editor-common/provider-factory';
 import { isResolvingMentionProvider, MentionNameStatus } from '@atlaskit/mention';
 import { isPromise } from '@atlaskit/mention/types';
-import { messages } from '../messages';
 import Mention from '../ui/Mention';
 var UNKNOWN_USER_ID = '_|unknown|_';
 var MentionAssistiveTextComponent = function MentionAssistiveTextComponent(_ref) {
@@ -19,7 +17,6 @@ var MentionAssistiveTextComponent = function MentionAssistiveTextComponent(_ref)
     _useState2 = _slicedToArray(_useState, 2),
     resolvedName = _useState2[0],
     setResolvedName = _useState2[1];
-  var intl = useIntl();
   var processName = function processName(name) {
     if (name.status === MentionNameStatus.OK) {
       return "@".concat(name.name || '');
@@ -71,11 +68,7 @@ var MentionAssistiveTextComponent = function MentionAssistiveTextComponent(_ref)
       });
     }
   }, [id, text, mentionProvider]);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
-    className: 'assistive'
-  }, "".concat(intl.formatMessage(messages.mentionsNodeLabel), " ").concat(resolvedName)), /*#__PURE__*/React.createElement("span", {
-    "aria-hidden": "true"
-  }, /*#__PURE__*/React.createElement(Mention, {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement(Mention, {
     id: id,
     text: resolvedName,
     accessLevel: accessLevel,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-plugin-mentions",
-  "version": "0.1.1",
+  "version": "0.1.2",
   "description": "Mentions plugin for @atlaskit/editor-core",
   "author": "Atlassian Pty Ltd",
   "license": "Apache-2.0",
@@ -33,7 +33,7 @@
   "dependencies": {
     "@atlaskit/adf-schema": "^32.0.0",
     "@atlaskit/analytics-gas-types": "^5.1.0",
-    "@atlaskit/editor-common": "^76.17.0",
+    "@atlaskit/editor-common": "^76.18.0",
     "@atlaskit/editor-plugin-analytics": "^0.3.0",
     "@atlaskit/editor-plugin-type-ahead": "^0.7.0",
     "@atlaskit/editor-prosemirror": "1.1.0",