@atlaskit/mention 19.9.6 → 20.0.0

package/dist/es2019/components/MentionList/index.js

@@ -4,6 +4,7 @@ import debug from '../../util/logger';
 import { actualMouseMove, mouseLocation } from '../../util/mouse';
 import MentionItem from '../MentionItem';
 import MentionListError from '../MentionListError';
+import MessagesIntlProvider from '../MessagesIntlProvider';
 import Scrollable from '../Scrollable';
 import { MentionListStyle } from './styles';
 
@@ -257,9 +258,9 @@ export default class MentionList extends React.PureComponent {
       }, this.renderItems());
     }
 
-    return /*#__PURE__*/React.createElement(MentionListStyle, {
+    return /*#__PURE__*/React.createElement(MessagesIntlProvider, null, /*#__PURE__*/React.createElement(MentionListStyle, {
       empty: !hasMentions && !resourceError
-    }, errorSection, resultSection);
+    }, errorSection, resultSection));
   }
 
 }

package/dist/es2019/components/MentionList/styles.js

@@ -1,13 +1,12 @@
-import styled from 'styled-components'; // @ts-ignore: unused variable
-// prettier-ignore
-
+import styled from '@emotion/styled';
+import { token } from '@atlaskit/tokens';
 import { mentionListWidth, noDialogContainerBorderColor, noDialogContainerBorderRadius, noDialogContainerBoxShadow } from '../../shared-styles';
 export const MentionListStyle = styled.div`
   display: ${props => props.empty ? 'none' : 'block'};
 
   /* list style */
   width: ${mentionListWidth};
-  color: #333;
+  color: ${token('color.text.subtle', '#333')};
 
   border: 1px solid ${noDialogContainerBorderColor};
   border-radius: ${noDialogContainerBorderRadius};

package/dist/es2019/components/MentionListError/GenericErrorIllustration.js

@@ -1,3 +1,4 @@
+/* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
 import React from 'react';
 import { GenericErrorVisualStyle } from './styles';
 export class GenericErrorIllustration extends React.PureComponent {

package/dist/es2019/components/MentionListError/styles.js

@@ -1,6 +1,5 @@
-import styled from 'styled-components'; // @ts-ignore: unused variable
-// prettier-ignore
-
+import styled from '@emotion/styled';
+import { token } from '@atlaskit/tokens';
 import { borderRadius } from '@atlaskit/theme/constants';
 import { N500 } from '@atlaskit/theme/colors';
 import { h400 } from '@atlaskit/theme/typography';
@@ -9,9 +8,9 @@ export const MentionListErrorStyle = styled.div`
   display: flex;
   justify-content: center;
   flex-direction: column;
-  background-color: white;
-  color: ${N500};
-  border: 1px solid #fff;
+  background-color: ${token('elevation.surface.overlay', 'white')};
+  color: ${token('color.text.subtle', N500)};
+  border: 1px solid ${token('elevation.surface.overlay', '#fff')};
   border-radius: ${borderRadius()}px;
 `;
 export const GenericErrorVisualStyle = styled.div`

package/dist/es2019/components/MentionPicker/index.js

@@ -1,6 +1,7 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import { withAnalyticsEvents } from '@atlaskit/analytics-next';
+import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
 import React from 'react';
+import { IntlProvider, injectIntl } from 'react-intl-next';
 import { fireAnalyticsMentionTypeaheadEvent } from '../../util/analytics';
 import uniqueId from '../../util/id';
 import debug from '../../util/logger';
@@ -162,7 +163,8 @@ export class MentionPicker extends React.PureComponent {
       zIndex,
       offsetX,
       offsetY,
-      showTeamMentionsHighlight
+      showTeamMentionsHighlight,
+      intl
     } = this.props;
     const {
       visible,
@@ -190,7 +192,9 @@ export class MentionPicker extends React.PureComponent {
           zIndex: zIndex,
           offsetX: offsetX,
           offsetY: offsetY
-        }, /*#__PURE__*/React.createElement("div", null, resourceMentionList, infoContent));
+        }, /*#__PURE__*/React.createElement(IntlProvider, {
+          locale: (intl === null || intl === void 0 ? void 0 : intl.locale) || 'en'
+        }, /*#__PURE__*/React.createElement("div", null, resourceMentionList, infoContent)));
       } else {
         // don't show if we have a position, but no target yet
         content = null;
@@ -218,5 +222,8 @@ _defineProperty(MentionPicker, "defaultProps", {
   onClose: () => {}
 });
 
-export const MentionPickerWithAnalytics = withAnalyticsEvents({})(MentionPicker);
+const MentionPickerWithIntl = injectIntl(MentionPicker, {
+  forwardRef: true
+});
+export const MentionPickerWithAnalytics = withAnalyticsEvents({})(MentionPickerWithIntl);
 export default MentionPickerWithAnalytics;

package/dist/es2019/components/MentionPicker/styles.js

@@ -1,14 +1,13 @@
-import styled from 'styled-components'; // @ts-ignore: unused variable
-// prettier-ignore
-
+import styled from '@emotion/styled';
+import { token } from '@atlaskit/tokens';
 import { N100 } from '@atlaskit/theme/colors';
 import { mentionListWidth, noDialogContainerBorderColor, noDialogContainerBorderRadius, noDialogContainerBoxShadow } from '../../shared-styles';
 export const MentionPickerStyle = styled.div`
   display: ${props => props.visible ? 'block' : 'none'};
 `;
 export const MentionPickerInfoStyle = styled.div`
-  background: #fff;
-  color: ${N100};
+  background: ${token('elevation.surface', '#fff')};
+  color: ${token('color.text.subtlest', N100)};
   border: 1px solid ${noDialogContainerBorderColor};
   border-radius: ${noDialogContainerBorderRadius};
   box-shadow: ${noDialogContainerBoxShadow};

package/dist/es2019/components/MessagesIntlProvider/index.js

@@ -0,0 +1,38 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React from 'react';
+import { IntlProvider, useIntl } from 'react-intl-next';
+import { getMessagesForLocale } from '../../util/i18n';
+const EMPTY = {};
+
+const useI18n = locale => {
+  const [messages, setMessages] = React.useState(EMPTY);
+  React.useEffect(() => {
+    let aborted = false;
+    setMessages(EMPTY);
+    getMessagesForLocale(locale).then(messages => {
+      if (!aborted) {
+        setMessages(messages);
+      }
+    }).catch(error => {
+      // eslint-disable-next-line no-console
+      console.error(error);
+    });
+    return () => {
+      aborted = true;
+    };
+  }, [locale]);
+  return messages;
+};
+
+const MessagesIntlProvider = props => {
+  const {
+    children
+  } = props;
+  const intl = useIntl();
+  const messages = useI18n(intl.locale);
+  return /*#__PURE__*/React.createElement(IntlProvider, _extends({}, intl, {
+    messages: messages
+  }), children);
+};
+
+export default MessagesIntlProvider;

package/dist/es2019/components/NoAccessTooltip/index.js

@@ -0,0 +1,9 @@
+import React from 'react';
+const AsyncNoAccessTooltip = /*#__PURE__*/React.lazy(() => import(
+/* webpackChunkName: "@atlaskit-internal_@atlaskit/mention/no-access-tooltip" */
+'./main').then(module => {
+  return {
+    default: module.NoAccessTooltip
+  };
+}));
+export default AsyncNoAccessTooltip;

package/dist/es2019/components/{NoAccessTooltip.js → NoAccessTooltip/main.js}

@@ -1,11 +1,13 @@
 import Tooltip from '@atlaskit/tooltip';
 import React from 'react';
-import { NoAccessWarning } from '../util/i18n';
+import { NoAccessWarning } from '../../util/i18n';
 export const NoAccessTooltip = ({
   name,
   children
 }) => /*#__PURE__*/React.createElement(NoAccessWarning, {
-  name: name
+  values: {
+    name: name
+  }
 }, text => /*#__PURE__*/React.createElement(Tooltip, {
   content: text,
   position: "right"

package/dist/es2019/components/ResourcedMentionList/index.js

@@ -1,10 +1,10 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import React from 'react';
+import React, { Suspense } from 'react';
 import { withAnalyticsEvents } from '@atlaskit/analytics-next';
 import uniqueId from '../../util/id';
 import debug from '../../util/logger';
 import MentionList from '../MentionList';
-import TeamMentionHighlight from '../TeamMentionHighlight';
+import { LazyTeamMentionHighlight } from '../TeamMentionHighlight/lazy';
 import TeamMentionHighlightController from '../TeamMentionHighlight/TeamMentionHighlightController';
 import { fireSliAnalyticsEvent, SLI_EVENT_TYPE } from '../../util/analytics';
 
@@ -143,10 +143,12 @@ export class ResourcedMentionListWithoutAnalytics extends React.PureComponent {
         return null;
       }
 
-      return /*#__PURE__*/React.createElement(TeamMentionHighlight, {
+      return /*#__PURE__*/React.createElement(Suspense, {
+        fallback: null
+      }, /*#__PURE__*/React.createElement(LazyTeamMentionHighlight, {
         createTeamLink: createTeamPath,
         onClose: this.closeHighlight
-      });
+      }));
     });
 
     this.subscriberKey = uniqueId('ak-resourced-mention-list');

package/dist/es2019/components/Scrollable/index.js

@@ -29,7 +29,7 @@ export default class Scrollable extends React.PureComponent {
 
   render() {
     return /*#__PURE__*/React.createElement(ScrollableStyle, {
-      innerRef: this.handleRef
+      ref: this.handleRef
     }, this.props.children);
   }
 

package/dist/es2019/components/Scrollable/styles.js

@@ -1,6 +1,5 @@
-import styled from 'styled-components'; // @ts-ignore: unused variable
-// prettier-ignore
-
+import styled from '@emotion/styled';
+import { token } from '@atlaskit/tokens';
 import { borderRadius } from '@atlaskit/theme/constants';
 import { scrollableMaxHeight } from '../../shared-styles';
 export const ScrollableStyle = styled.div`
@@ -11,7 +10,7 @@ export const ScrollableStyle = styled.div`
   padding: 4px 0;
   margin: 0;
 
-  background: white;
+  background: ${token('elevation.surface', 'white')};
   max-height: ${scrollableMaxHeight};
 
   border-radius: ${borderRadius()}px;

package/dist/es2019/components/TeamMentionHighlight/index.js

@@ -1,6 +1,6 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import React from 'react';
-import { withAnalyticsEvents } from '@atlaskit/analytics-next';
+import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
 import Button from '@atlaskit/button/custom-theme-button';
 import EditorCloseIcon from '@atlaskit/icon/glyph/editor/close';
 import Tooltip from '@atlaskit/tooltip';
@@ -8,6 +8,7 @@ import TeamMentionHighlightController from './TeamMentionHighlightController';
 import { fireAnalyticsTeamMentionHighlightEvent, ComponentNames, Actions } from '../../util/analytics';
 import { TeamMentionHighlightTitle, TeamMentionHighlightCloseTooltip, TeamMentionHighlightDescription, TeamMentionHighlightDescriptionLink } from '../../util/i18n';
 import * as Styled from './styles';
+import MessagesIntlProvider from '../MessagesIntlProvider';
 const ICON_URL = 'data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEyOCIgdmlld0JveD0iMCAwIDEyOCAxMjgiIHdpZHRoPSIxMjgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48Y2lyY2xlIGN4PSI2NCIgY3k9IjY0IiBmaWxsPSIjNTI0M2FhIiBmaWxsLXJ1bGU9Im5vbnplcm8iIHI9IjY0Ii8+PHBhdGggZD0ibTgwIDY0Yy02LjYyNzQxNyAwLTEyLTUuMzcyNTgzLTEyLTEyczUuMzcyNTgzLTEyIDEyLTEyIDEyIDUuMzcyNTgzIDEyIDEyLTUuMzcyNTgzIDEyLTEyIDEyem0tMzItMTJjLTYuNjI3NDE3IDAtMTItNS4zNzI1ODMtMTItMTJzNS4zNzI1ODMtMTIgMTItMTIgMTIgNS4zNzI1ODMgMTIgMTItNS4zNzI1ODMgMTItMTIgMTJ6bTEyIDI0YzAtNC40MiAzLjU0OC04IDgtOGgyNGM0LjQyIDAgOCAzLjU0IDggOHYxNC45MmMwIDEyLjEwOC00MCAxMi4xMDgtNDAgMHptOC0xMmgtLjAxMmMtMy4xODQzNTM3LjAwNDI0LTYuMjM2NTQxIDEuMjczNTYxNS04LjQ4NDg0MjcgMy41Mjg2MTQ5LTIuMjQ4MzAxOCAyLjI1NTA1MzQtMy41MDg0NjU2IDUuMzExMDMzLTMuNTAzMTU3MyA4LjQ5NTM4NTF2MTEuMjI4Yy0xMS43ODQgMi4xMzYtMjgtLjI1Mi0yOC03LjkzNnYtMTUuMzA0YzAtNC40MjQgMy41NDgtOC4wMTIgOC04LjAxMmgyNGMyLjEyMjcwODYtLjAwMzE5MTIgNC4xNTkzOTQ2LjgzODYzODYgNS42NjAzNzggMi4zMzk2MjJzMi4zNDI4MTMyIDMuNTM3NjY5NCAyLjMzOTYyMiA1LjY2MDM3OHoiIGZpbGw9IiNmZmYiIGZpbGwtb3BhY2l0eT0iLjk1Ii8+PC9nPjwvc3ZnPg==';
 export class TeamMentionHighlightInternal extends React.Component {
   // Wrap whole dialog so we can catch events, see preventClickOnCard
@@ -111,7 +112,7 @@ export class TeamMentionHighlightInternal extends React.Component {
       return null;
     }
 
-    return /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/React.createElement(MessagesIntlProvider, null, /*#__PURE__*/React.createElement("div", {
       ref: this.elWrapper
     }, /*#__PURE__*/React.createElement(Styled.Card, null, /*#__PURE__*/React.createElement(Styled.Content, null, /*#__PURE__*/React.createElement(Styled.Aside, null, /*#__PURE__*/React.createElement("img", {
       src: ICON_URL,
@@ -135,7 +136,7 @@ export class TeamMentionHighlightInternal extends React.Component {
       }),
       spacing: "none" // on click fired by preventClickOnCard, not here
 
-    }))))))));
+    })))))))));
   }
 
 }

package/dist/es2019/components/TeamMentionHighlight/lazy.js

@@ -0,0 +1,6 @@
+import React from 'react';
+export const LazyTeamMentionHighlight = /*#__PURE__*/React.lazy(() => import(
+/* webpackChunkName: "@atlaskit-internal_@atlassian/mention/TeamMentionHighlight" */
+'./').then(module => ({
+  default: module.default
+})));

package/dist/es2019/components/TeamMentionHighlight/styles.js

@@ -1,7 +1,8 @@
-import styled from 'styled-components';
+import styled from '@emotion/styled';
 import { gridSize } from '@atlaskit/theme/constants';
 import { P50 } from '@atlaskit/theme/colors';
 import { h400 } from '@atlaskit/theme/typography';
+import { token } from '@atlaskit/tokens';
 export const Actions = styled.div`
   justify-content: flex-end;
   margin-top: -${gridSize() * 0.5}px; /* Negative margin is used to middle align x button with title*/
@@ -18,7 +19,7 @@ export const Heading = styled.div`
 export const Card = styled.div`
   display: flex;
   flex-direction: row;
-  background-color: ${P50};
+  background-color: ${token('color.background.discovery', P50)};
   overflow: hidden;
   line-height: 21px;
   padding-top: ${gridSize() * 2}px;

package/dist/es2019/components/i18n.js

@@ -1,4 +1,4 @@
-import { defineMessages } from 'react-intl';
+import { defineMessages } from 'react-intl-next';
 export const messages = defineMessages({
   unknownUserError: {
     id: 'fabric.mention.unknow.user.error',

package/dist/es2019/shared-styles.js

@@ -1,9 +1,10 @@
 import { borderRadius } from '@atlaskit/theme/constants';
 import { N40 } from '@atlaskit/theme/colors';
-export const noDialogContainerBorderColor = N40; // This has not been confirmed by the ADG yet
+import { token } from '@atlaskit/tokens';
+export const noDialogContainerBorderColor = token('color.border', N40); // This has not been confirmed by the ADG yet
 
 export const noDialogContainerBorderRadius = `${borderRadius()}px`;
-export const noDialogContainerBoxShadow = '0 4px 8px -2px rgba(9, 30, 66, 0.25), 0 0 1px rgba(9, 30, 66, 0.31)'; // Copied from droplist style
+export const noDialogContainerBoxShadow = token('elevation.shadow.overlay', '0 4px 8px -2px rgba(9, 30, 66, 0.25), 0 0 1px rgba(9, 30, 66, 0.31)'); // Copied from droplist style
 
 export const scrollableMaxHeight = '264px';
 export const mentionListWidth = '340px';

package/dist/es2019/util/i18n.js

@@ -1,22 +1,264 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
-import { FormattedMessage } from 'react-intl';
+import { FormattedMessage, useIntl } from 'react-intl-next';
 import { messages } from '../components/i18n';
-export const noPropFormatter = messageDescriptor => props => /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, props, messageDescriptor));
-export const NoAccessWarning = ({
-  name,
-  ...props
-}) => /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, props, {
-  values: {
-    name
+export const propFormatter = messageDescriptor => ({
+  values,
+  children
+}) => {
+  const {
+    formatMessage
+  } = useIntl();
+  const message = formatMessage(messageDescriptor, values);
+
+  if (typeof children === 'function') {
+    return children(message);
   }
-}, messages.noAccessWarning));
-export const NoAccessLabel = noPropFormatter(messages.noAccessLabel);
-export const DefaultHeadline = noPropFormatter(messages.defaultHeadline);
-export const DefaultAdvisedAction = noPropFormatter(messages.defaultAdvisedAction);
-export const LoginAgain = noPropFormatter(messages.loginAgain);
-export const DifferentText = noPropFormatter(messages.differentText);
-export const TeamMentionHighlightTitle = noPropFormatter(messages.TeamMentionHighlightTitle);
-export const TeamMentionHighlightCloseTooltip = noPropFormatter(messages.TeamMentionHighlightCloseButtonToolTip);
-export const TeamMentionHighlightDescription = noPropFormatter(messages.TeamMentionHighlightDescription);
-export const TeamMentionHighlightDescriptionLink = noPropFormatter(messages.TeamMentionHighlightDescriptionLink);
+
+  return /*#__PURE__*/React.createElement(FormattedMessage, _extends({
+    values: values
+  }, messageDescriptor));
+};
+export const UnknownUserError = propFormatter(messages.unknownUserError);
+export const NoAccessWarning = propFormatter(messages.noAccessWarning);
+export const NoAccessLabel = propFormatter(messages.noAccessLabel);
+export const DefaultHeadline = propFormatter(messages.defaultHeadline);
+export const DefaultAdvisedAction = propFormatter(messages.defaultAdvisedAction);
+export const LoginAgain = propFormatter(messages.loginAgain);
+export const DifferentText = propFormatter(messages.differentText);
+export const TeamMentionHighlightTitle = propFormatter(messages.TeamMentionHighlightTitle);
+export const TeamMentionHighlightCloseTooltip = propFormatter(messages.TeamMentionHighlightCloseButtonToolTip);
+export const TeamMentionHighlightDescription = propFormatter(messages.TeamMentionHighlightDescription);
+export const TeamMentionHighlightDescriptionLink = propFormatter(messages.TeamMentionHighlightDescriptionLink);
+/**
+ * Tries to get the most specific messages bundle for a given locale.
+ *
+ * Strategy:
+ * 1. Try to find messages with the exact string (i.e. 'fr_FR')
+ * 2. If that doesn't work, try to find messages for the country locale (i.e. 'fr')
+ * 3. If that doesn't work, return english messages as a fallback.
+ *
+ * @param locale string specifying the locale like 'en_GB', or 'fr'.
+ */
+
+export const getMessagesForLocale = async locale => {
+  switch (locale) {
+    case 'cs':
+      {
+        return import(
+        /* webpackChunkName: "@atlaskit-internal_mention-i18n-cs" */
+        '../i18n/cs').then(mod => mod.default);
+      }
+
+    case 'da':
+      {
+        return import(
+        /* webpackChunkName: "@atlaskit-internal_mention-i18n-da" */
+        '../i18n/da').then(mod => mod.default);
+      }
+
+    case 'de':
+      {
+        return import(
+        /* webpackChunkName: "@atlaskit-internal_mention-i18n-de" */
+        '../i18n/de').then(mod => mod.default);
+      }
+
+    case 'en':
+      {
+        return import(
+        /* webpackChunkName: "@atlaskit-internal_mention-i18n-en" */
+        '../i18n/en').then(mod => mod.default);
+      }
+
+    case 'en_GB':
+      {
+        return import(
+        /* webpackChunkName: "@atlaskit-internal_mention-i18n-en_GB" */
+        '../i18n/en_GB').then(mod => mod.default);
+      }
+
+    case 'es':
+      {
+        return import(
+        /* webpackChunkName: "@atlaskit-internal_mention-i18n-es" */
+        '../i18n/es').then(mod => mod.default);
+      }
+
+    case 'et':
+      {
+        return import(
+        /* webpackChunkName: "@atlaskit-internal_mention-i18n-et" */
+        '../i18n/et').then(mod => mod.default);
+      }
+
+    case 'fi':
+      {
+        return import(
+        /* webpackChunkName: "@atlaskit-internal_mention-i18n-fi" */
+        '../i18n/fi').then(mod => mod.default);
+      }
+
+    case 'fr':
+      {
+        return import(
+        /* webpackChunkName: "@atlaskit-internal_mention-i18n-fr" */
+        '../i18n/fr').then(mod => mod.default);
+      }
+
+    case 'hu':
+      {
+        return import(
+        /* webpackChunkName: "@atlaskit-internal_mention-i18n-hu" */
+        '../i18n/hu').then(mod => mod.default);
+      }
+
+    case 'is':
+      {
+        return import(
+        /* webpackChunkName: "@atlaskit-internal_mention-i18n-is" */
+        '../i18n/is').then(mod => mod.default);
+      }
+
+    case 'it':
+      {
+        return import(
+        /* webpackChunkName: "@atlaskit-internal_mention-i18n-it" */
+        '../i18n/it').then(mod => mod.default);
+      }
+
+    case 'ja':
+      {
+        return import(
+        /* webpackChunkName: "@atlaskit-internal_mention-i18n-ja" */
+        '../i18n/ja').then(mod => mod.default);
+      }
+
+    case 'ko':
+      {
+        return import(
+        /* webpackChunkName: "@atlaskit-internal_mention-i18n-ko" */
+        '../i18n/ko').then(mod => mod.default);
+      }
+
+    case 'nb':
+      {
+        return import(
+        /* webpackChunkName: "@atlaskit-internal_mention-i18n-nb" */
+        '../i18n/nb').then(mod => mod.default);
+      }
+
+    case 'nl':
+      {
+        return import(
+        /* webpackChunkName: "@atlaskit-internal_mention-i18n-nl" */
+        '../i18n/nl').then(mod => mod.default);
+      }
+
+    case 'pl':
+      {
+        return import(
+        /* webpackChunkName: "@atlaskit-internal_mention-i18n-pl" */
+        '../i18n/pl').then(mod => mod.default);
+      }
+
+    case 'pt_BR':
+    case 'pt-BR':
+      {
+        return import(
+        /* webpackChunkName: "@atlaskit-internal_mention-i18n-pt_BR" */
+        '../i18n/pt_BR').then(mod => mod.default);
+      }
+
+    case 'pt_PT':
+    case 'pt-PT':
+      {
+        return import(
+        /* webpackChunkName: "@atlaskit-internal_mention-i18n-pt_PT" */
+        '../i18n/pt_PT').then(mod => mod.default);
+      }
+
+    case 'ro':
+      {
+        return import(
+        /* webpackChunkName: "@atlaskit-internal_mention-i18n-ro" */
+        '../i18n/ro').then(mod => mod.default);
+      }
+
+    case 'ru':
+      {
+        return import(
+        /* webpackChunkName: "@atlaskit-internal_mention-i18n-ru" */
+        '../i18n/ru').then(mod => mod.default);
+      }
+
+    case 'sk':
+      {
+        return import(
+        /* webpackChunkName: "@atlaskit-internal_mention-i18n-sk" */
+        '../i18n/sk').then(mod => mod.default);
+      }
+
+    case 'sv':
+      {
+        return import(
+        /* webpackChunkName: "@atlaskit-internal_mention-i18n-sv" */
+        '../i18n/sv').then(mod => mod.default);
+      }
+
+    case 'th':
+      {
+        return import(
+        /* webpackChunkName: "@atlaskit-internal_mention-i18n-th" */
+        '../i18n/th').then(mod => mod.default);
+      }
+
+    case 'tr':
+      {
+        return import(
+        /* webpackChunkName: "@atlaskit-internal_mention-i18n-tr" */
+        '../i18n/tr').then(mod => mod.default);
+      }
+
+    case 'uk':
+      {
+        return import(
+        /* webpackChunkName: "@atlaskit-internal_mention-i18n-uk" */
+        '../i18n/uk').then(mod => mod.default);
+      }
+
+    case 'vi':
+      {
+        return import(
+        /* webpackChunkName: "@atlaskit-internal_mention-i18n-vi" */
+        '../i18n/vi').then(mod => mod.default);
+      }
+
+    case 'zh_TW':
+      {
+        return import(
+        /* webpackChunkName: "@atlaskit-internal_mention-i18n-zh_TW" */
+        '../i18n/zh_TW').then(mod => mod.default);
+      }
+
+    case 'zh':
+      {
+        return import(
+        /* webpackChunkName: "@atlaskit-internal_mention-i18n-zh" */
+        '../i18n/zh').then(mod => mod.default);
+      }
+
+    default:
+      {
+        const fragments = locale.split(/[_-]/);
+
+        if (fragments.length === 2) {
+          return getMessagesForLocale(fragments[0]);
+        } else {
+          return import(
+          /* webpackChunkName: "@atlaskit-internal_mention-i18n-en" */
+          '../i18n/en').then(mod => mod.default);
+        }
+      }
+  }
+};

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/mention",
-	"version": "19.9.6",
+	"version": "20.0.0",
 	"sideEffects": false
 }

package/dist/esm/api/MentionResource.js

@@ -7,9 +7,9 @@ import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
@@ -588,14 +588,14 @@ export var MentionResource = /*#__PURE__*/function (_AbstractMentionResou) {
 
   return MentionResource;
 }(AbstractMentionResource);
-export var HttpError = function HttpError(statusCode, statusMessage) {
+export var HttpError = /*#__PURE__*/_createClass(function HttpError(statusCode, statusMessage) {
   _classCallCheck(this, HttpError);
 
   this.statusCode = statusCode;
   this.message = statusMessage;
   this.name = 'HttpError';
   this.stack = new Error().stack;
-};
+});
 export var isResolvingMentionProvider = function isResolvingMentionProvider(p) {
   return !!(p && p.supportsMentionNameResolving && p.supportsMentionNameResolving());
 };