@atlaskit/mention 19.9.5 → 21.0.0

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 (246) hide show
  1. package/CHANGELOG.md +34 -0
  2. package/dist/cjs/api/MentionResource.js +4 -6
  3. package/dist/cjs/api/TeamMentionResource.js +2 -2
  4. package/dist/cjs/api/analytics.js +2 -15
  5. package/dist/cjs/components/LockCircleIcon/index.js +28 -0
  6. package/dist/cjs/components/Mention/PrimitiveMention.js +118 -0
  7. package/dist/cjs/components/Mention/index.js +19 -16
  8. package/dist/cjs/components/MentionDescriptionByline/TeamMentionDescriptionByline.js +5 -5
  9. package/dist/cjs/components/MentionDescriptionByline/styles.js +4 -2
  10. package/dist/cjs/components/MentionItem/index.js +14 -8
  11. package/dist/cjs/components/MentionItem/styles.js +12 -10
  12. package/dist/cjs/components/MentionList/index.js +4 -2
  13. package/dist/cjs/components/MentionList/styles.js +5 -3
  14. package/dist/cjs/components/MentionListError/styles.js +7 -5
  15. package/dist/cjs/components/MentionPicker/index.js +12 -4
  16. package/dist/cjs/components/MentionPicker/styles.js +5 -3
  17. package/dist/cjs/components/MessagesIntlProvider/index.js +57 -0
  18. package/dist/cjs/components/NoAccessTooltip/index.js +29 -0
  19. package/dist/cjs/components/{NoAccessTooltip.js → NoAccessTooltip/main.js} +4 -2
  20. package/dist/cjs/components/ResourcedMentionList/index.js +14 -6
  21. package/dist/cjs/components/Scrollable/index.js +1 -1
  22. package/dist/cjs/components/Scrollable/styles.js +4 -2
  23. package/dist/cjs/components/TeamMentionHighlight/index.js +6 -4
  24. package/dist/cjs/components/TeamMentionHighlight/lazy.js +28 -0
  25. package/dist/cjs/components/TeamMentionHighlight/styles.js +11 -9
  26. package/dist/cjs/components/i18n.js +2 -2
  27. package/dist/cjs/i18n/cs.js +2 -2
  28. package/dist/cjs/i18n/da.js +2 -2
  29. package/dist/cjs/i18n/de.js +2 -2
  30. package/dist/cjs/i18n/en_ZZ.js +32 -0
  31. package/dist/cjs/i18n/es.js +2 -2
  32. package/dist/cjs/i18n/et.js +2 -2
  33. package/dist/cjs/i18n/fi.js +2 -2
  34. package/dist/cjs/i18n/fr.js +2 -2
  35. package/dist/cjs/i18n/hu.js +2 -2
  36. package/dist/cjs/i18n/it.js +2 -2
  37. package/dist/cjs/i18n/ja.js +2 -2
  38. package/dist/cjs/i18n/ko.js +2 -2
  39. package/dist/cjs/i18n/nb.js +2 -2
  40. package/dist/cjs/i18n/nl.js +2 -2
  41. package/dist/cjs/i18n/pl.js +2 -2
  42. package/dist/cjs/i18n/pt_BR.js +2 -2
  43. package/dist/cjs/i18n/pt_PT.js +2 -2
  44. package/dist/cjs/i18n/ru.js +2 -2
  45. package/dist/cjs/i18n/sk.js +2 -2
  46. package/dist/cjs/i18n/sv.js +2 -2
  47. package/dist/cjs/i18n/th.js +2 -2
  48. package/dist/cjs/i18n/tr.js +2 -2
  49. package/dist/cjs/i18n/uk.js +2 -2
  50. package/dist/cjs/i18n/vi.js +2 -2
  51. package/dist/cjs/i18n/zh.js +2 -2
  52. package/dist/cjs/i18n/zh_TW.js +2 -2
  53. package/dist/cjs/index.js +12 -8
  54. package/dist/cjs/shared-styles.js +4 -2
  55. package/dist/cjs/util/analytics.js +2 -2
  56. package/dist/cjs/util/i18n.js +297 -26
  57. package/dist/cjs/version.json +1 -1
  58. package/dist/es2019/api/analytics.js +0 -9
  59. package/dist/es2019/components/LockCircleIcon/index.js +7 -0
  60. package/dist/es2019/components/Mention/PrimitiveMention.js +117 -0
  61. package/dist/es2019/components/Mention/index.js +16 -13
  62. package/dist/es2019/components/MentionDescriptionByline/TeamMentionDescriptionByline.js +1 -1
  63. package/dist/es2019/components/MentionDescriptionByline/styles.js +3 -4
  64. package/dist/es2019/components/MentionItem/index.js +11 -7
  65. package/dist/es2019/components/MentionItem/styles.js +6 -7
  66. package/dist/es2019/components/MentionList/index.js +3 -2
  67. package/dist/es2019/components/MentionList/styles.js +3 -4
  68. package/dist/es2019/components/MentionListError/GenericErrorIllustration.js +1 -0
  69. package/dist/es2019/components/MentionListError/styles.js +5 -6
  70. package/dist/es2019/components/MentionPicker/index.js +11 -4
  71. package/dist/es2019/components/MentionPicker/styles.js +4 -5
  72. package/dist/es2019/components/MessagesIntlProvider/index.js +38 -0
  73. package/dist/es2019/components/NoAccessTooltip/index.js +9 -0
  74. package/dist/es2019/components/{NoAccessTooltip.js → NoAccessTooltip/main.js} +4 -2
  75. package/dist/es2019/components/ResourcedMentionList/index.js +6 -4
  76. package/dist/es2019/components/Scrollable/index.js +1 -1
  77. package/dist/es2019/components/Scrollable/styles.js +3 -4
  78. package/dist/es2019/components/TeamMentionHighlight/index.js +4 -3
  79. package/dist/es2019/components/TeamMentionHighlight/lazy.js +6 -0
  80. package/dist/es2019/components/TeamMentionHighlight/styles.js +3 -2
  81. package/dist/es2019/components/i18n.js +1 -1
  82. package/dist/es2019/i18n/cs.js +2 -2
  83. package/dist/es2019/i18n/da.js +2 -2
  84. package/dist/es2019/i18n/de.js +2 -2
  85. package/dist/es2019/i18n/en_ZZ.js +24 -0
  86. package/dist/es2019/i18n/es.js +2 -2
  87. package/dist/es2019/i18n/et.js +2 -2
  88. package/dist/es2019/i18n/fi.js +2 -2
  89. package/dist/es2019/i18n/fr.js +2 -2
  90. package/dist/es2019/i18n/hu.js +2 -2
  91. package/dist/es2019/i18n/it.js +2 -2
  92. package/dist/es2019/i18n/ja.js +2 -2
  93. package/dist/es2019/i18n/ko.js +2 -2
  94. package/dist/es2019/i18n/nb.js +2 -2
  95. package/dist/es2019/i18n/nl.js +2 -2
  96. package/dist/es2019/i18n/pl.js +2 -2
  97. package/dist/es2019/i18n/pt_BR.js +2 -2
  98. package/dist/es2019/i18n/pt_PT.js +2 -2
  99. package/dist/es2019/i18n/ru.js +2 -2
  100. package/dist/es2019/i18n/sk.js +2 -2
  101. package/dist/es2019/i18n/sv.js +2 -2
  102. package/dist/es2019/i18n/th.js +2 -2
  103. package/dist/es2019/i18n/tr.js +2 -2
  104. package/dist/es2019/i18n/uk.js +2 -2
  105. package/dist/es2019/i18n/vi.js +2 -2
  106. package/dist/es2019/i18n/zh.js +2 -2
  107. package/dist/es2019/i18n/zh_TW.js +2 -2
  108. package/dist/es2019/index.js +3 -4
  109. package/dist/es2019/shared-styles.js +3 -2
  110. package/dist/es2019/util/i18n.js +260 -18
  111. package/dist/es2019/version.json +1 -1
  112. package/dist/esm/api/MentionResource.js +4 -4
  113. package/dist/esm/api/TeamMentionResource.js +2 -2
  114. package/dist/esm/api/analytics.js +0 -10
  115. package/dist/esm/components/LockCircleIcon/index.js +11 -0
  116. package/dist/esm/components/Mention/PrimitiveMention.js +100 -0
  117. package/dist/esm/components/Mention/index.js +17 -14
  118. package/dist/esm/components/MentionDescriptionByline/TeamMentionDescriptionByline.js +1 -1
  119. package/dist/esm/components/MentionDescriptionByline/styles.js +3 -4
  120. package/dist/esm/components/MentionItem/index.js +11 -7
  121. package/dist/esm/components/MentionItem/styles.js +6 -7
  122. package/dist/esm/components/MentionList/index.js +3 -2
  123. package/dist/esm/components/MentionList/styles.js +4 -5
  124. package/dist/esm/components/MentionListError/GenericErrorIllustration.js +1 -0
  125. package/dist/esm/components/MentionListError/styles.js +3 -4
  126. package/dist/esm/components/MentionPicker/index.js +11 -4
  127. package/dist/esm/components/MentionPicker/styles.js +3 -4
  128. package/dist/esm/components/MessagesIntlProvider/index.js +41 -0
  129. package/dist/esm/components/NoAccessTooltip/index.js +11 -0
  130. package/dist/esm/components/{NoAccessTooltip.js → NoAccessTooltip/main.js} +4 -2
  131. package/dist/esm/components/ResourcedMentionList/index.js +8 -6
  132. package/dist/esm/components/Scrollable/index.js +1 -1
  133. package/dist/esm/components/Scrollable/styles.js +3 -4
  134. package/dist/esm/components/TeamMentionHighlight/index.js +4 -3
  135. package/dist/esm/components/TeamMentionHighlight/lazy.js +10 -0
  136. package/dist/esm/components/TeamMentionHighlight/styles.js +3 -2
  137. package/dist/esm/components/i18n.js +1 -1
  138. package/dist/esm/i18n/cs.js +2 -2
  139. package/dist/esm/i18n/da.js +2 -2
  140. package/dist/esm/i18n/de.js +2 -2
  141. package/dist/esm/i18n/en_ZZ.js +24 -0
  142. package/dist/esm/i18n/es.js +2 -2
  143. package/dist/esm/i18n/et.js +2 -2
  144. package/dist/esm/i18n/fi.js +2 -2
  145. package/dist/esm/i18n/fr.js +2 -2
  146. package/dist/esm/i18n/hu.js +2 -2
  147. package/dist/esm/i18n/it.js +2 -2
  148. package/dist/esm/i18n/ja.js +2 -2
  149. package/dist/esm/i18n/ko.js +2 -2
  150. package/dist/esm/i18n/nb.js +2 -2
  151. package/dist/esm/i18n/nl.js +2 -2
  152. package/dist/esm/i18n/pl.js +2 -2
  153. package/dist/esm/i18n/pt_BR.js +2 -2
  154. package/dist/esm/i18n/pt_PT.js +2 -2
  155. package/dist/esm/i18n/ru.js +2 -2
  156. package/dist/esm/i18n/sk.js +2 -2
  157. package/dist/esm/i18n/sv.js +2 -2
  158. package/dist/esm/i18n/th.js +2 -2
  159. package/dist/esm/i18n/tr.js +2 -2
  160. package/dist/esm/i18n/uk.js +2 -2
  161. package/dist/esm/i18n/vi.js +2 -2
  162. package/dist/esm/i18n/zh.js +2 -2
  163. package/dist/esm/i18n/zh_TW.js +2 -2
  164. package/dist/esm/index.js +3 -4
  165. package/dist/esm/shared-styles.js +3 -2
  166. package/dist/esm/util/analytics.js +2 -2
  167. package/dist/esm/util/i18n.js +284 -23
  168. package/dist/esm/version.json +1 -1
  169. package/dist/types/api/analytics.d.ts +0 -5
  170. package/dist/types/components/LockCircleIcon/index.d.ts +3 -0
  171. package/dist/types/components/Mention/PrimitiveMention.d.ts +7 -0
  172. package/dist/types/components/Mention/index.d.ts +1 -1
  173. package/dist/types/components/MentionDescriptionByline/styles.d.ts +2 -2
  174. package/dist/types/components/MentionItem/MentionHighlightHelpers.d.ts +2 -3
  175. package/dist/types/components/MentionItem/styles.d.ts +9 -9
  176. package/dist/types/components/MentionList/styles.d.ts +2 -2
  177. package/dist/types/components/MentionListError/styles.d.ts +5 -5
  178. package/dist/types/components/MentionPicker/index.d.ts +11 -8
  179. package/dist/types/components/MentionPicker/styles.d.ts +3 -3
  180. package/dist/types/components/MessagesIntlProvider/index.d.ts +3 -0
  181. package/dist/types/components/NoAccessTooltip/index.d.ts +6 -0
  182. package/dist/types/components/{NoAccessTooltip.d.ts → NoAccessTooltip/main.d.ts} +0 -0
  183. package/dist/types/components/Scrollable/styles.d.ts +2 -4
  184. package/dist/types/components/TeamMentionHighlight/index.d.ts +1 -1
  185. package/dist/types/components/TeamMentionHighlight/lazy.d.ts +4 -0
  186. package/dist/types/components/TeamMentionHighlight/styles.d.ts +8 -8
  187. package/dist/types/i18n/cs.d.ts +1 -1
  188. package/dist/types/i18n/da.d.ts +1 -1
  189. package/dist/types/i18n/de.d.ts +1 -1
  190. package/dist/types/i18n/en_ZZ.d.ts +24 -0
  191. package/dist/types/i18n/es.d.ts +1 -1
  192. package/dist/types/i18n/et.d.ts +1 -1
  193. package/dist/types/i18n/fi.d.ts +1 -1
  194. package/dist/types/i18n/fr.d.ts +1 -1
  195. package/dist/types/i18n/hu.d.ts +1 -1
  196. package/dist/types/i18n/it.d.ts +1 -1
  197. package/dist/types/i18n/ja.d.ts +1 -1
  198. package/dist/types/i18n/ko.d.ts +1 -1
  199. package/dist/types/i18n/nb.d.ts +1 -1
  200. package/dist/types/i18n/nl.d.ts +1 -1
  201. package/dist/types/i18n/pl.d.ts +1 -1
  202. package/dist/types/i18n/pt_BR.d.ts +1 -1
  203. package/dist/types/i18n/pt_PT.d.ts +1 -1
  204. package/dist/types/i18n/ru.d.ts +1 -1
  205. package/dist/types/i18n/sk.d.ts +1 -1
  206. package/dist/types/i18n/sv.d.ts +1 -1
  207. package/dist/types/i18n/th.d.ts +1 -1
  208. package/dist/types/i18n/tr.d.ts +1 -1
  209. package/dist/types/i18n/uk.d.ts +1 -1
  210. package/dist/types/i18n/vi.d.ts +1 -1
  211. package/dist/types/i18n/zh.d.ts +1 -1
  212. package/dist/types/i18n/zh_TW.d.ts +1 -1
  213. package/dist/types/index.d.ts +3 -4
  214. package/dist/types/shared-styles.d.ts +2 -2
  215. package/dist/types/util/i18n.d.ts +32 -17
  216. package/docs/1-in-editor.tsx +4 -36
  217. package/package.json +25 -14
  218. package/tsconfig.json +1 -2
  219. package/dist/cjs/api/SmartMentionResource.js +0 -338
  220. package/dist/cjs/api/SmartMentionTypes.js +0 -15
  221. package/dist/cjs/api/extract-react-types/smart-config-props.js +0 -15
  222. package/dist/cjs/api/recommendationClient.js +0 -57
  223. package/dist/cjs/components/Mention/styles.js +0 -66
  224. package/dist/cjs/default-mention-name-resolver/default-mention-name-resolver.js +0 -136
  225. package/dist/cjs/default-mention-name-resolver/graphqlUtils.js +0 -48
  226. package/dist/es2019/api/SmartMentionResource.js +0 -219
  227. package/dist/es2019/api/SmartMentionTypes.js +0 -7
  228. package/dist/es2019/api/extract-react-types/smart-config-props.js +0 -8
  229. package/dist/es2019/api/recommendationClient.js +0 -46
  230. package/dist/es2019/components/Mention/styles.js +0 -61
  231. package/dist/es2019/default-mention-name-resolver/default-mention-name-resolver.js +0 -64
  232. package/dist/es2019/default-mention-name-resolver/graphqlUtils.js +0 -39
  233. package/dist/esm/api/SmartMentionResource.js +0 -317
  234. package/dist/esm/api/SmartMentionTypes.js +0 -7
  235. package/dist/esm/api/extract-react-types/smart-config-props.js +0 -8
  236. package/dist/esm/api/recommendationClient.js +0 -48
  237. package/dist/esm/components/Mention/styles.js +0 -50
  238. package/dist/esm/default-mention-name-resolver/default-mention-name-resolver.js +0 -121
  239. package/dist/esm/default-mention-name-resolver/graphqlUtils.js +0 -41
  240. package/dist/types/api/SmartMentionResource.d.ts +0 -63
  241. package/dist/types/api/SmartMentionTypes.d.ts +0 -81
  242. package/dist/types/api/extract-react-types/smart-config-props.d.ts +0 -7
  243. package/dist/types/api/recommendationClient.d.ts +0 -3
  244. package/dist/types/components/Mention/styles.d.ts +0 -6
  245. package/dist/types/default-mention-name-resolver/default-mention-name-resolver.d.ts +0 -16
  246. package/dist/types/default-mention-name-resolver/graphqlUtils.d.ts +0 -14
@@ -18,7 +18,7 @@ declare const _default: {
18
18
  /**
19
19
  * NOTE:
20
20
  *
21
- * This file is automatically generated by i18n-tools.
21
+ * This file is automatically generated by Traduki 2.0.
22
22
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
23
23
  */
24
24
  export default _default;
@@ -18,7 +18,7 @@ declare const _default: {
18
18
  /**
19
19
  * NOTE:
20
20
  *
21
- * This file is automatically generated by i18n-tools.
21
+ * This file is automatically generated by Traduki 2.0.
22
22
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
23
23
  */
24
24
  export default _default;
@@ -18,7 +18,7 @@ declare const _default: {
18
18
  /**
19
19
  * NOTE:
20
20
  *
21
- * This file is automatically generated by i18n-tools.
21
+ * This file is automatically generated by Traduki 2.0.
22
22
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
23
23
  */
24
24
  export default _default;
@@ -18,7 +18,7 @@ declare const _default: {
18
18
  /**
19
19
  * NOTE:
20
20
  *
21
- * This file is automatically generated by i18n-tools.
21
+ * This file is automatically generated by Traduki 2.0.
22
22
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
23
23
  */
24
24
  export default _default;
@@ -1,5 +1,4 @@
1
1
  import MentionResource, { AbstractMentionResource, MentionContextIdentifier, MentionProvider, ResolvingMentionProvider, MentionStats, MentionResourceConfig, TeamMentionResourceConfig, isResolvingMentionProvider } from './api/MentionResource';
2
- import SmartMentionResource, { SmartMentionConfig } from './api/SmartMentionResource';
3
2
  import TeamMentionResource from './api/TeamMentionResource';
4
3
  import PresenceResource, { PresenceProvider, AbstractPresenceResource } from './api/PresenceResource';
5
4
  import { DefaultMentionNameResolver, MentionNameResolver } from './api/MentionNameResolver';
@@ -12,9 +11,9 @@ import Mention from './components/Mention';
12
11
  import ResourcedMention from './components/Mention/ResourcedMention';
13
12
  import TeamMentionHighlight from './components/TeamMentionHighlight';
14
13
  import TeamMentionHighlightController from './components/TeamMentionHighlight/TeamMentionHighlightController';
15
- import { MentionDescription, MentionsResult, MentionNameStatus, MentionNameDetails, InviteExperimentCohort, InviteFlow, isSpecialMention, TeamMember, UserRole } from './types';
14
+ import { MentionDescription, MentionsResult, MentionNameStatus, MentionNameDetails, InviteExperimentCohort, InviteFlow, isSpecialMention, TeamMember, UserAccessLevel, UserRole, UserType } from './types';
16
15
  import { ELEMENTS_CHANNEL } from './_constants';
17
16
  import ContextMentionResource from './api/ContextMentionResource';
18
- export { ContextMentionResource, MentionResource, SmartMentionResource, TeamMentionResource, PresenceResource, DefaultMentionNameResolver, AbstractMentionResource, AbstractPresenceResource, MentionNameStatus, MentionItem, MentionList, ResourcedMentionList, MentionPicker, Mention, ResourcedMention, TeamMentionHighlight, TeamMentionHighlightController, isSpecialMention, isResolvingMentionProvider, ELEMENTS_CHANNEL, };
19
- export type { ResolvingMentionProvider, MentionProvider, PresenceProvider, MentionDescription, MentionsResult, MentionNameResolver, MentionNameClient, MentionNameDetails, MentionContextIdentifier, MentionStats, TeamMember, MentionResourceConfig, SmartMentionConfig, TeamMentionResourceConfig, InviteExperimentCohort, InviteFlow, UserRole, };
17
+ export { ContextMentionResource, MentionResource, TeamMentionResource, PresenceResource, DefaultMentionNameResolver, AbstractMentionResource, AbstractPresenceResource, MentionNameStatus, MentionItem, MentionList, ResourcedMentionList, MentionPicker, Mention, ResourcedMention, TeamMentionHighlight, TeamMentionHighlightController, UserAccessLevel, UserType, isSpecialMention, isResolvingMentionProvider, ELEMENTS_CHANNEL, };
18
+ export type { ResolvingMentionProvider, MentionProvider, PresenceProvider, MentionDescription, MentionsResult, MentionNameResolver, MentionNameClient, MentionNameDetails, MentionContextIdentifier, MentionStats, TeamMember, MentionResourceConfig, TeamMentionResourceConfig, InviteExperimentCohort, InviteFlow, UserRole, };
20
19
  export default MentionPicker;
@@ -1,5 +1,5 @@
1
- export declare const noDialogContainerBorderColor = "#DFE1E6";
1
+ export declare const noDialogContainerBorderColor: "var(--ds-border)";
2
2
  export declare const noDialogContainerBorderRadius: string;
3
- export declare const noDialogContainerBoxShadow = "0 4px 8px -2px rgba(9, 30, 66, 0.25), 0 0 1px rgba(9, 30, 66, 0.31)";
3
+ export declare const noDialogContainerBoxShadow: "var(--ds-shadow-overlay)";
4
4
  export declare const scrollableMaxHeight = "264px";
5
5
  export declare const mentionListWidth = "340px";
@@ -1,18 +1,33 @@
1
1
  import React from 'react';
2
- import { FormattedMessage, MessageValue } from 'react-intl';
3
- export declare type Formatter<T extends {
4
- [k: string]: MessageValue;
5
- }> = React.ComponentType<T & Partial<FormattedMessage.Props>>;
6
- export declare const noPropFormatter: (messageDescriptor: FormattedMessage.MessageDescriptor) => Formatter<{}>;
7
- export declare const NoAccessWarning: Formatter<{
8
- name: string;
9
- }>;
10
- export declare const NoAccessLabel: React.ComponentType<Partial<FormattedMessage.Props>>;
11
- export declare const DefaultHeadline: React.ComponentType<Partial<FormattedMessage.Props>>;
12
- export declare const DefaultAdvisedAction: React.ComponentType<Partial<FormattedMessage.Props>>;
13
- export declare const LoginAgain: React.ComponentType<Partial<FormattedMessage.Props>>;
14
- export declare const DifferentText: React.ComponentType<Partial<FormattedMessage.Props>>;
15
- export declare const TeamMentionHighlightTitle: React.ComponentType<Partial<FormattedMessage.Props>>;
16
- export declare const TeamMentionHighlightCloseTooltip: React.ComponentType<Partial<FormattedMessage.Props>>;
17
- export declare const TeamMentionHighlightDescription: React.ComponentType<Partial<FormattedMessage.Props>>;
18
- export declare const TeamMentionHighlightDescriptionLink: React.ComponentType<Partial<FormattedMessage.Props>>;
2
+ import { MessageDescriptor } from 'react-intl-next';
3
+ export declare type Formatter = (props: {
4
+ values?: {
5
+ [k: string]: string;
6
+ };
7
+ children?(props: string): React.ReactElement;
8
+ }) => React.ReactElement | null;
9
+ declare type FormatterFactory = (messageDescriptor: MessageDescriptor) => Formatter;
10
+ export declare const propFormatter: FormatterFactory;
11
+ export declare const UnknownUserError: Formatter;
12
+ export declare const NoAccessWarning: Formatter;
13
+ export declare const NoAccessLabel: Formatter;
14
+ export declare const DefaultHeadline: Formatter;
15
+ export declare const DefaultAdvisedAction: Formatter;
16
+ export declare const LoginAgain: Formatter;
17
+ export declare const DifferentText: Formatter;
18
+ export declare const TeamMentionHighlightTitle: Formatter;
19
+ export declare const TeamMentionHighlightCloseTooltip: Formatter;
20
+ export declare const TeamMentionHighlightDescription: Formatter;
21
+ export declare const TeamMentionHighlightDescriptionLink: Formatter;
22
+ /**
23
+ * Tries to get the most specific messages bundle for a given locale.
24
+ *
25
+ * Strategy:
26
+ * 1. Try to find messages with the exact string (i.e. 'fr_FR')
27
+ * 2. If that doesn't work, try to find messages for the country locale (i.e. 'fr')
28
+ * 3. If that doesn't work, return english messages as a fallback.
29
+ *
30
+ * @param locale string specifying the locale like 'en_GB', or 'fr'.
31
+ */
32
+ export declare const getMessagesForLocale: (locale: string) => Promise<Record<string, string>>;
33
+ export {};
@@ -1,18 +1,8 @@
1
1
  import React from 'react';
2
- import {
3
- md,
4
- Example,
5
- code,
6
- Props,
7
- AtlassianInternalWarning,
8
- } from '@atlaskit/docs';
9
- import SectionMessage from '@atlaskit/section-message';
10
-
11
- const MentionProps = require('!!extract-react-types-loader!../src/api/extract-react-types/smart-config-props');
2
+ import { md, Example, code, AtlassianInternalWarning } from '@atlaskit/docs';
3
+
12
4
  import MentionWithEditorExample from '../examples/14-mention-with-editor-extending-abstract-mention-resource';
13
5
  const MentionWithEditorExampleSource = require('!!raw-loader!../examples/14-mention-with-editor-extending-abstract-mention-resource');
14
- import SmartMentionWithEditorExample from '../examples/16-smart-mention-resource';
15
- const SmartMentionWithEditorExampleSource = require('!!raw-loader!../examples/16-smart-mention-resource');
16
6
 
17
7
  export default md`
18
8
  ${(<AtlassianInternalWarning />)}
@@ -76,32 +66,10 @@ export default md`
76
66
  />
77
67
  )}
78
68
 
79
-
80
69
  ### Option 3: Extend and instantiate a \`SmartMentionResource\`
81
70
 
71
+ The Smart Mention Resource is now available to use at @atlassian/smart-mention-resource
82
72
 
83
- ${(
84
- <SectionMessage
85
- appearance="warning"
86
- title="The option below is only valid for internal product use"
87
- >
88
- The option below will only work in Atlassian internal products.
89
- Recommended for internal use.
90
- </SectionMessage>
91
- )}
92
-
93
- Use the \`SmartMentionResource\`, which has defaults set for both the provider and the name resolver.
94
- The provider will attempt to rerank your suggestions based on the users relevant to you.
95
-
96
- ${(
97
- <Example
98
- packageName="@atlaskit/mention"
99
- Component={SmartMentionWithEditorExample}
100
- title="Mention With Editor"
101
- source={SmartMentionWithEditorExampleSource}
102
- />
103
- )}
104
-
105
- ${(<Props props={MentionProps} title="SmartMentionsConfig Props" />)}
73
+ This is only available for internal use.
106
74
 
107
75
  `;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/mention",
3
- "version": "19.9.5",
3
+ "version": "21.0.0",
4
4
  "description": "A React component used to display user profiles in a list for 'Mention' functionality",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -29,32 +29,35 @@
29
29
  "@atlaskit/analytics-gas-types": "^5.0.0",
30
30
  "@atlaskit/analytics-next": "^8.0.0",
31
31
  "@atlaskit/avatar": "^20.5.0",
32
- "@atlaskit/button": "^16.0.0",
33
- "@atlaskit/icon": "^21.9.0",
32
+ "@atlaskit/button": "^16.2.0",
33
+ "@atlaskit/focus-ring": "^1.0.0",
34
+ "@atlaskit/icon": "^21.10.0",
34
35
  "@atlaskit/lozenge": "^11.0.0",
35
- "@atlaskit/theme": "^12.0.0",
36
+ "@atlaskit/theme": "^12.1.0",
37
+ "@atlaskit/tokens": "^0.7.0",
36
38
  "@atlaskit/tooltip": "^17.5.0",
37
- "@atlaskit/util-service-support": "^6.0.0",
39
+ "@atlaskit/util-service-support": "^6.1.0",
38
40
  "@babel/runtime": "^7.0.0",
39
- "lodash": "^4.17.15",
41
+ "@emotion/core": "^10.0.9",
42
+ "@emotion/styled": "^10.0.7",
43
+ "lodash": "^4.17.21",
40
44
  "uuid": "^3.1.0"
41
45
  },
42
46
  "peerDependencies": {
43
47
  "react": "^16.8.0",
44
48
  "react-dom": "^16.8.0",
45
- "react-intl": "^2.6.0",
46
- "styled-components": "^3.2.6"
49
+ "react-intl-next": "npm:react-intl@^5.18.1"
47
50
  },
48
51
  "devDependencies": {
49
- "@atlaskit/adf-utils": "^14.4.0",
50
- "@atlaskit/build-utils": "*",
52
+ "@atlaskit/adf-utils": "^16.0.0",
51
53
  "@atlaskit/docs": "^9.0.0",
52
- "@atlaskit/editor-core": "^152.0.0",
53
- "@atlaskit/editor-test-helpers": "^15.6.0",
54
+ "@atlaskit/editor-core": "^162.0.0",
55
+ "@atlaskit/editor-test-helpers": "^16.1.0",
54
56
  "@atlaskit/elements-test-helpers": "^0.7.0",
55
57
  "@atlaskit/section-message": "^6.0.0",
56
58
  "@atlaskit/ssr": "*",
57
- "@atlaskit/util-data-test": "^17.0.0",
59
+ "@atlaskit/util-data-test": "^17.2.0",
60
+ "@atlaskit/visual-regression": "*",
58
61
  "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
59
62
  "@types/query-string": "^4.3.1",
60
63
  "@types/serialize-javascript": "^5.0.0",
@@ -64,10 +67,11 @@
64
67
  "exenv": "^1.2.2",
65
68
  "fetch-mock": "^8.0.0",
66
69
  "jest-fetch-mock": "^3.0.3",
67
- "query-string": "^5.1.0",
70
+ "query-string": "^6.14.1",
68
71
  "react": "^16.8.0",
69
72
  "react-dom": "^16.8.0",
70
73
  "react-intl": "^2.6.0",
74
+ "react-intl-next": "npm:react-intl@^5.18.1",
71
75
  "serialize-javascript": "^5.0.1",
72
76
  "typescript": "3.9.6"
73
77
  },
@@ -77,5 +81,12 @@
77
81
  "fabric",
78
82
  "teams"
79
83
  ],
84
+ "techstack": {
85
+ "@repo/internal": {
86
+ "deprecation": "no-deprecated-imports",
87
+ "styling": "emotion",
88
+ "theming": "tokens"
89
+ }
90
+ },
80
91
  "prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.1"
81
92
  }
package/tsconfig.json CHANGED
@@ -6,8 +6,7 @@
6
6
  "./docs/**/*.ts",
7
7
  "./docs/**/*.tsx",
8
8
  "./examples/**/*.ts",
9
- "./examples/**/*.tsx"
10
- ],
9
+ "./examples/**/*.tsx"],
11
10
  "compilerOptions": {
12
11
  "baseUrl": "./"
13
12
  }
@@ -1,338 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
- Object.defineProperty(exports, "__esModule", {
6
- value: true
7
- });
8
- exports.default = void 0;
9
-
10
- var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
11
-
12
- var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
13
-
14
- var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
15
-
16
- var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
17
-
18
- var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
19
-
20
- var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
21
-
22
- var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
23
-
24
- var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
25
-
26
- var _analytics = require("./analytics");
27
-
28
- var _recommendationClient = _interopRequireDefault(require("./recommendationClient"));
29
-
30
- var _SmartMentionTypes = require("./SmartMentionTypes");
31
-
32
- var _types = require("../types");
33
-
34
- var _resource = require("../resource");
35
-
36
- var _defaultMentionNameResolver = require("../default-mention-name-resolver/default-mention-name-resolver");
37
-
38
- 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; }
39
-
40
- 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) { (0, _defineProperty2.default)(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; }
41
-
42
- function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
43
-
44
- function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
45
-
46
- var CONTEXT_TYPE = 'Mentions';
47
-
48
- var isSmartMentionConfigWithMentionNameResolver = function isSmartMentionConfigWithMentionNameResolver(smartMentionConfig) {
49
- return !!smartMentionConfig.mentionNameResolver;
50
- };
51
- /*
52
- * This is a provider implementation which calls URS to provide a list of recommended users/teams to mention.
53
- * The entryPoint hierarchy is : Editor -> editor-core -> plugins -> mentions -> typeAhead -> getItems -> pluginState.pluginProvider.filter
54
- * The results are then mapped to mentionItems which have a render prop mentionToTypeaheadItem -> MentionItem
55
- * https://bitbucket.org/atlassian/atlassian-frontend/src/0884032d85f11f43c13532cd21f13f696b0d28a7/packages/editor/editor-core/src/plugins/mentions/index.tsx#lines-219
56
- *
57
- */
58
-
59
-
60
- var SmartMentionResource = /*#__PURE__*/function (_AbstractMentionResou) {
61
- (0, _inherits2.default)(SmartMentionResource, _AbstractMentionResou);
62
-
63
- var _super = _createSuper(SmartMentionResource);
64
-
65
- function SmartMentionResource(smartMentionConfig) {
66
- var _this;
67
-
68
- (0, _classCallCheck2.default)(this, SmartMentionResource);
69
- _this = _super.call(this); // If the product doesn't provide a mention name resolve, use the default resolver so that
70
- // mention names can be looked up from PRS without configuration.
71
-
72
- _this.smartMentionConfig = isSmartMentionConfigWithMentionNameResolver(smartMentionConfig) ? smartMentionConfig : _objectSpread(_objectSpread({}, smartMentionConfig), {}, {
73
- mentionNameResolver: new _defaultMentionNameResolver.DefaultMentionNameResolver(smartMentionConfig.baseUrl)
74
- });
75
- _this.lastReturnedSearch = 0;
76
- return _this;
77
- }
78
-
79
- (0, _createClass2.default)(SmartMentionResource, [{
80
- key: "shouldHighlightMention",
81
- value: function shouldHighlightMention(mention) {
82
- if (this.smartMentionConfig.shouldHighlightMention) {
83
- return this.smartMentionConfig.shouldHighlightMention(mention);
84
- }
85
-
86
- return false;
87
- }
88
- }, {
89
- key: "notify",
90
- value: function notify(searchTime, mentionResult, query) {
91
- if (searchTime > this.lastReturnedSearch) {
92
- this.lastReturnedSearch = searchTime;
93
-
94
- this._notifyListeners(mentionResult, {
95
- duration: Date.now() - searchTime
96
- });
97
- }
98
-
99
- this._notifyAllResultsListeners(mentionResult);
100
- }
101
- }, {
102
- key: "notifyError",
103
- value: function notifyError(error, query) {
104
- this._notifyErrorListeners(error, query);
105
- }
106
- }, {
107
- key: "filter",
108
- value: function () {
109
- var _filter = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(query, contextIdentifier) {
110
- var searchTime, results;
111
- return _regenerator.default.wrap(function _callee$(_context) {
112
- while (1) {
113
- switch (_context.prev = _context.next) {
114
- case 0:
115
- this.contextIdentifier = contextIdentifier;
116
- searchTime = Date.now();
117
- _context.prev = 2;
118
- _context.next = 5;
119
- return this.getRecommendedMentions(query ? query : '', contextIdentifier);
120
-
121
- case 5:
122
- results = _context.sent;
123
- this.notify(searchTime, results, query);
124
- _context.next = 12;
125
- break;
126
-
127
- case 9:
128
- _context.prev = 9;
129
- _context.t0 = _context["catch"](2);
130
- this.notifyError(_context.t0, query);
131
-
132
- case 12:
133
- case "end":
134
- return _context.stop();
135
- }
136
- }
137
- }, _callee, this, [[2, 9]]);
138
- }));
139
-
140
- function filter(_x, _x2) {
141
- return _filter.apply(this, arguments);
142
- }
143
-
144
- return filter;
145
- }()
146
- }, {
147
- key: "getRecommendedMentions",
148
- value: function () {
149
- var _getRecommendedMentions = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(query, contextIdentifier) {
150
- var startTime, conf, maxNumberOfResults, request, users, elapsedTimeMilli, usersForAnalytics, mentions, _elapsedTimeMilli;
151
-
152
- return _regenerator.default.wrap(function _callee2$(_context2) {
153
- while (1) {
154
- switch (_context2.prev = _context2.next) {
155
- case 0:
156
- startTime = window.performance.now();
157
- conf = this.smartMentionConfig;
158
- maxNumberOfResults = conf.maxNumberOfResults || 100;
159
- request = {
160
- baseUrl: conf.baseUrl,
161
- context: {
162
- productKey: conf.productKey,
163
- contextType: CONTEXT_TYPE,
164
- principalId: conf.principalId || 'context',
165
- containerId: contextIdentifier && contextIdentifier.containerId,
166
- siteId: conf.siteId,
167
- objectId: contextIdentifier && contextIdentifier.objectId || 'undefined',
168
- childObjectId: contextIdentifier && contextIdentifier.childObjectId || 'undefined',
169
- mentionsSessionId: contextIdentifier && contextIdentifier.sessionId || 'undefined',
170
- sessionId: contextIdentifier && contextIdentifier.sessionId || 'undefined'
171
- },
172
- includeGroups: conf.includeGroups,
173
- includeTeams: conf.includeTeams,
174
- includeUsers: typeof conf.includeUsers === 'undefined' ? true : conf.includeUsers,
175
- maxNumberOfResults: maxNumberOfResults,
176
- searchQueryFilter: conf.searchQueryFilter,
177
- query: query
178
- };
179
- _context2.prev = 4;
180
-
181
- this._notifyAnalyticsListeners(_analytics.SMART_EVENT_TYPE, 'users', _analytics.Actions.REQUESTED, (0, _analytics.defaultAttributes)(contextIdentifier));
182
-
183
- _context2.next = 8;
184
- return (0, _recommendationClient.default)(request);
185
-
186
- case 8:
187
- users = _context2.sent;
188
- elapsedTimeMilli = window.performance.now() - startTime;
189
- usersForAnalytics = (0, _analytics.getUsersForAnalytics)(users);
190
-
191
- this._notifyAnalyticsListeners(_analytics.SMART_EVENT_TYPE, 'usersRequest', _analytics.Actions.SUCCESSFUL, _objectSpread({
192
- elapsedTimeMilli: elapsedTimeMilli,
193
- users: usersForAnalytics,
194
- displayedUsers: usersForAnalytics
195
- }, (0, _analytics.defaultAttributes)(contextIdentifier)));
196
-
197
- mentions = this.transformUsersToMentions(users);
198
- return _context2.abrupt("return", {
199
- mentions: mentions,
200
- query: query
201
- });
202
-
203
- case 16:
204
- _context2.prev = 16;
205
- _context2.t0 = _context2["catch"](4);
206
- _elapsedTimeMilli = window.performance.now() - startTime;
207
-
208
- this._notifyAnalyticsListeners(_analytics.SMART_EVENT_TYPE, 'usersRequest', _analytics.Actions.FAILED, _objectSpread({
209
- elapsedTimeMilli: _elapsedTimeMilli
210
- }, (0, _analytics.defaultAttributes)(contextIdentifier)));
211
-
212
- throw new Error(_context2.t0);
213
-
214
- case 21:
215
- case "end":
216
- return _context2.stop();
217
- }
218
- }
219
- }, _callee2, this, [[4, 16]]);
220
- }));
221
-
222
- function getRecommendedMentions(_x3, _x4) {
223
- return _getRecommendedMentions.apply(this, arguments);
224
- }
225
-
226
- return getRecommendedMentions;
227
- }()
228
- }, {
229
- key: "transformTeamMember",
230
- value: function transformTeamMember(member) {
231
- return {
232
- id: member.id,
233
- name: member.name
234
- };
235
- }
236
- }, {
237
- key: "transformUserToMention",
238
- value: function transformUserToMention(item) {
239
- var type = item.entityType;
240
- var defaultVals = {
241
- source: 'smarts'
242
- };
243
-
244
- if (type === _SmartMentionTypes.EntityType.USER) {
245
- var user = item;
246
- return _objectSpread(_objectSpread({}, defaultVals), {}, {
247
- id: user.id,
248
- accessLevel: user.accessLevel,
249
- avatarUrl: user.avatarUrl,
250
- mentionName: user.nickname || '',
251
- name: user.name,
252
- userType: user.userType
253
- });
254
- }
255
-
256
- if (type === _SmartMentionTypes.EntityType.TEAM) {
257
- var team = item;
258
- var teamLink = '';
259
- var defaultTeamLink = "".concat(window.location.origin, "/people/team/").concat(team.id);
260
-
261
- if (typeof this.smartMentionConfig.teamLinkResolver === 'function') {
262
- teamLink = this.smartMentionConfig.teamLinkResolver(item.id);
263
- }
264
-
265
- return _objectSpread(_objectSpread({}, defaultVals), {}, {
266
- id: team.id,
267
- name: team.displayName || '',
268
- mentionName: team.displayName,
269
- avatarUrl: team.smallAvatarImageUrl,
270
- accessLevel: _types.UserAccessLevel[_types.UserAccessLevel.CONTAINER],
271
- userType: _types.UserType[_types.UserType.TEAM],
272
- lozenge: _types.UserType[_types.UserType.TEAM],
273
- context: {
274
- members: team.members ? team.members.map(this.transformTeamMember) : [],
275
- includesYou: team.includesYou || false,
276
- memberCount: team.memberCount || 0,
277
- teamLink: teamLink || defaultTeamLink //OOH HERE Do we pass in resolver or add in provider?
278
-
279
- },
280
- source: 'smarts'
281
- });
282
- }
283
-
284
- if (type === _SmartMentionTypes.EntityType.GROUP) {
285
- var group = item;
286
- return _objectSpread(_objectSpread({}, defaultVals), {}, {
287
- id: group.id,
288
- userType: type.toLowerCase(),
289
- name: group.name || '',
290
- lozenge: type.toLowerCase()
291
- });
292
- }
293
-
294
- return {
295
- id: item.id,
296
- userType: _SmartMentionTypes.EntityType.USER.toLowerCase(),
297
- avatarUrl: item.avatarUrl,
298
- name: item.name,
299
- lozenge: _SmartMentionTypes.EntityType.USER.toLowerCase()
300
- };
301
- }
302
- }, {
303
- key: "transformUsersToMentions",
304
- value: function transformUsersToMentions(recommendationItems) {
305
- return (recommendationItems || []).map(this.transformUserToMention, this).filter(function (user) {
306
- return !!user;
307
- }).map(function (user) {
308
- return user;
309
- });
310
- }
311
- }, {
312
- key: "cacheMentionName",
313
- value: function cacheMentionName(id, mentionName) {
314
- this.smartMentionConfig.mentionNameResolver.cacheName(id, mentionName);
315
- }
316
- }, {
317
- key: "resolveMentionName",
318
- value: function resolveMentionName(id) {
319
- return this.smartMentionConfig.mentionNameResolver.lookupName(id);
320
- }
321
- }, {
322
- key: "supportsMentionNameResolving",
323
- value: function supportsMentionNameResolving() {
324
- return true;
325
- }
326
- }, {
327
- key: "recordMentionSelection",
328
- value: function recordMentionSelection(_mention) {
329
- this._notifyAnalyticsListeners(_analytics.SMART_EVENT_TYPE, 'usersRequest', _analytics.Actions.SELECTED, _objectSpread({
330
- selectedOption: _mention.id
331
- }, (0, _analytics.defaultAttributes)(this.contextIdentifier)));
332
- }
333
- }]);
334
- return SmartMentionResource;
335
- }(_resource.AbstractMentionResource);
336
-
337
- var _default = SmartMentionResource;
338
- exports.default = _default;
@@ -1,15 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.EntityType = void 0;
7
- var EntityType; //Previously ServerItem in smart-user-picker
8
-
9
- exports.EntityType = EntityType;
10
-
11
- (function (EntityType) {
12
- EntityType["USER"] = "USER";
13
- EntityType["TEAM"] = "TEAM";
14
- EntityType["GROUP"] = "GROUP";
15
- })(EntityType || (exports.EntityType = EntityType = {}));
@@ -1,15 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = Props;
7
-
8
- /**
9
- * This exists purely for the props documentation in docs/1-in-editor.tsx
10
- * @param props
11
- * @constructor
12
- */
13
- function Props(props) {
14
- return null;
15
- }