@atlaskit/editor-plugin-mentions 0.1.0 → 0.1.2

package/CHANGELOG.md

@@ -1 +1,13 @@
 # @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
+
+- Updated dependencies

package/README.md

@@ -1,9 +1,30 @@
-# EditorPluginMentions
+# Editor plugin mentions
 
 Mentions plugin for @atlaskit/editor-core
 
+**Note:** This component is designed for internal Atlassian development.
+External contributors will be able to use this component but will not be able to submit issues.
+
+## Install
+---
+- **Install** - *yarn add @atlaskit/editor-plugin-mentions*
+- **npm** - [@atlaskit/editor-plugin-mentions](https://www.npmjs.com/package/@atlaskit/editor-plugin-mentions)
+- **Source** - [Bitbucket](https://bitbucket.org/atlassian/atlassian-frontend/src/master/packages/editor/editor-plugin-mentions)
+- **Bundle** - [unpkg.com](https://unpkg.com/@atlaskit/editor-plugin-mentions/dist/)
+
 ## Usage
+---
+**Internal use only**
+
+@atlaskit/editor-plugin-mentions is intended for internal use by the @atlaskit/editor-core and as a plugin dependency of the Editor within your product.
+
+Direct use of this component is not supported.
 
-`import EditorPluginMentions from '@atlaskit/editor-plugin-mentions';`
+Please see [Atlaskit - Editor plugin mentions](https://atlaskit.atlassian.com/packages/editor/editor-plugin-mentions) for documentation and examples for this package.
 
-Detailed docs and example usage can be found [here](https://atlaskit.atlassian.com/packages/editor/editor-plugin-mentions).
+## Support
+---
+For internal Atlassian, visit the slack channel [#help-editor](https://atlassian.slack.com/archives/CFG3PSQ9E) for support or visit [go/editor-help](https://go/editor-help) to submit a bug.
+## License
+---
+ Please see [Atlassian Frontend - License](https://developer.atlassian.com/cloud/framework/atlassian-frontend/#license) for more licensing information.

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.0",
+  "version": "0.1.2",
   "description": "Mentions plugin for @atlaskit/editor-core",
   "author": "Atlassian Pty Ltd",
   "license": "Apache-2.0",
@@ -8,13 +8,9 @@
     "registry": "https://registry.npmjs.org/"
   },
   "atlassian": {
-    "team": "Editor: Lego",
+    "team": "Editor: AI",
     "inPublicMirror": false,
-    "releaseModel": "continuous",
-    "website": {
-      "name": "EditorPluginMentions",
-      "category": "Components"
-    }
+    "releaseModel": "continuous"
   },
   "repository": "https://bitbucket.org/atlassian/atlassian-frontend",
   "main": "dist/cjs/index.js",
@@ -37,14 +33,14 @@
   "dependencies": {
     "@atlaskit/adf-schema": "^32.0.0",
     "@atlaskit/analytics-gas-types": "^5.1.0",
-    "@atlaskit/editor-common": "^76.11.0",
-    "@atlaskit/editor-plugin-analytics": "^0.2.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",
     "@atlaskit/icon": "^21.12.0",
     "@atlaskit/mention": "^22.1.0",
     "@atlaskit/theme": "^12.6.0",
-    "@atlaskit/tokens": "^1.26.0",
+    "@atlaskit/tokens": "^1.28.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/react": "^11.7.1",
     "uuid": "^3.1.0"