@atlaskit/share 4.16.13 → 4.18.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 (190) hide show
  1. package/CHANGELOG.md +16 -0
  2. package/afm-cc/tsconfig.json +6 -0
  3. package/dist/cjs/components/LazyShareForm/LazyShareForm.js +5 -0
  4. package/dist/cjs/components/LazyShareForm/lazy.js +9 -3
  5. package/dist/cjs/components/ShareDialogWithTrigger.js +33 -5
  6. package/dist/cjs/components/ShareForm.js +62 -9
  7. package/dist/cjs/components/ShareFormWrapper/ShareFormWrapper.js +9 -2
  8. package/dist/cjs/components/ShareFormWrapper/styled.js +26 -6
  9. package/dist/cjs/components/ShareMenuItem.js +37 -0
  10. package/dist/cjs/components/UserPickerField.js +42 -11
  11. package/dist/cjs/components/analytics/analytics.js +7 -2
  12. package/dist/cjs/i18n/cs.js +1 -0
  13. package/dist/cjs/i18n/da.js +1 -0
  14. package/dist/cjs/i18n/de.js +1 -0
  15. package/dist/cjs/i18n/en.js +1 -0
  16. package/dist/cjs/i18n/en_GB.js +1 -0
  17. package/dist/cjs/i18n/en_ZZ.js +1 -0
  18. package/dist/cjs/i18n/es.js +1 -0
  19. package/dist/cjs/i18n/fi.js +1 -0
  20. package/dist/cjs/i18n/fr.js +1 -0
  21. package/dist/cjs/i18n/hu.js +1 -0
  22. package/dist/cjs/i18n/it.js +1 -0
  23. package/dist/cjs/i18n/ja.js +1 -0
  24. package/dist/cjs/i18n/ko.js +1 -0
  25. package/dist/cjs/i18n/nb.js +1 -0
  26. package/dist/cjs/i18n/nl.js +1 -0
  27. package/dist/cjs/i18n/pl.js +1 -0
  28. package/dist/cjs/i18n/pt_BR.js +1 -0
  29. package/dist/cjs/i18n/ru.js +1 -0
  30. package/dist/cjs/i18n/sv.js +1 -0
  31. package/dist/cjs/i18n/th.js +1 -0
  32. package/dist/cjs/i18n/tr.js +1 -0
  33. package/dist/cjs/i18n/uk.js +1 -0
  34. package/dist/cjs/i18n/vi.js +1 -0
  35. package/dist/cjs/i18n/zh.js +1 -0
  36. package/dist/cjs/i18n/zh_TW.js +1 -0
  37. package/dist/cjs/i18n.js +10 -0
  38. package/dist/es2019/components/LazyShareForm/LazyShareForm.js +5 -0
  39. package/dist/es2019/components/LazyShareForm/lazy.js +9 -3
  40. package/dist/es2019/components/ShareDialogWithTrigger.js +37 -6
  41. package/dist/es2019/components/ShareForm.js +49 -1
  42. package/dist/es2019/components/ShareFormWrapper/ShareFormWrapper.js +7 -2
  43. package/dist/es2019/components/ShareFormWrapper/styled.js +38 -12
  44. package/dist/es2019/components/ShareMenuItem.js +28 -0
  45. package/dist/es2019/components/UserPickerField.js +22 -7
  46. package/dist/es2019/components/analytics/analytics.js +4 -1
  47. package/dist/es2019/i18n/cs.js +1 -0
  48. package/dist/es2019/i18n/da.js +1 -0
  49. package/dist/es2019/i18n/de.js +1 -0
  50. package/dist/es2019/i18n/en.js +1 -0
  51. package/dist/es2019/i18n/en_GB.js +1 -0
  52. package/dist/es2019/i18n/en_ZZ.js +1 -0
  53. package/dist/es2019/i18n/es.js +1 -0
  54. package/dist/es2019/i18n/fi.js +1 -0
  55. package/dist/es2019/i18n/fr.js +1 -0
  56. package/dist/es2019/i18n/hu.js +1 -0
  57. package/dist/es2019/i18n/it.js +1 -0
  58. package/dist/es2019/i18n/ja.js +1 -0
  59. package/dist/es2019/i18n/ko.js +1 -0
  60. package/dist/es2019/i18n/nb.js +1 -0
  61. package/dist/es2019/i18n/nl.js +1 -0
  62. package/dist/es2019/i18n/pl.js +1 -0
  63. package/dist/es2019/i18n/pt_BR.js +1 -0
  64. package/dist/es2019/i18n/ru.js +1 -0
  65. package/dist/es2019/i18n/sv.js +1 -0
  66. package/dist/es2019/i18n/th.js +1 -0
  67. package/dist/es2019/i18n/tr.js +1 -0
  68. package/dist/es2019/i18n/uk.js +1 -0
  69. package/dist/es2019/i18n/vi.js +1 -0
  70. package/dist/es2019/i18n/zh.js +1 -0
  71. package/dist/es2019/i18n/zh_TW.js +1 -0
  72. package/dist/es2019/i18n.js +10 -0
  73. package/dist/esm/components/LazyShareForm/LazyShareForm.js +5 -0
  74. package/dist/esm/components/LazyShareForm/lazy.js +9 -3
  75. package/dist/esm/components/ShareDialogWithTrigger.js +34 -6
  76. package/dist/esm/components/ShareForm.js +62 -9
  77. package/dist/esm/components/ShareFormWrapper/ShareFormWrapper.js +9 -2
  78. package/dist/esm/components/ShareFormWrapper/styled.js +27 -6
  79. package/dist/esm/components/ShareMenuItem.js +30 -0
  80. package/dist/esm/components/UserPickerField.js +42 -11
  81. package/dist/esm/components/analytics/analytics.js +6 -1
  82. package/dist/esm/i18n/cs.js +1 -0
  83. package/dist/esm/i18n/da.js +1 -0
  84. package/dist/esm/i18n/de.js +1 -0
  85. package/dist/esm/i18n/en.js +1 -0
  86. package/dist/esm/i18n/en_GB.js +1 -0
  87. package/dist/esm/i18n/en_ZZ.js +1 -0
  88. package/dist/esm/i18n/es.js +1 -0
  89. package/dist/esm/i18n/fi.js +1 -0
  90. package/dist/esm/i18n/fr.js +1 -0
  91. package/dist/esm/i18n/hu.js +1 -0
  92. package/dist/esm/i18n/it.js +1 -0
  93. package/dist/esm/i18n/ja.js +1 -0
  94. package/dist/esm/i18n/ko.js +1 -0
  95. package/dist/esm/i18n/nb.js +1 -0
  96. package/dist/esm/i18n/nl.js +1 -0
  97. package/dist/esm/i18n/pl.js +1 -0
  98. package/dist/esm/i18n/pt_BR.js +1 -0
  99. package/dist/esm/i18n/ru.js +1 -0
  100. package/dist/esm/i18n/sv.js +1 -0
  101. package/dist/esm/i18n/th.js +1 -0
  102. package/dist/esm/i18n/tr.js +1 -0
  103. package/dist/esm/i18n/uk.js +1 -0
  104. package/dist/esm/i18n/vi.js +1 -0
  105. package/dist/esm/i18n/zh.js +1 -0
  106. package/dist/esm/i18n/zh_TW.js +1 -0
  107. package/dist/esm/i18n.js +10 -0
  108. package/dist/types/components/LazyShareForm/LazyShareForm.d.ts +4 -3
  109. package/dist/types/components/ShareDialogContainer.d.ts +3 -3
  110. package/dist/types/components/ShareDialogWithTrigger.d.ts +2 -0
  111. package/dist/types/components/ShareForm.d.ts +3 -2
  112. package/dist/types/components/ShareFormWrapper/ShareFormWrapper.d.ts +6 -3
  113. package/dist/types/components/ShareFormWrapper/styled.d.ts +6 -2
  114. package/dist/types/components/ShareMenuItem.d.ts +11 -0
  115. package/dist/types/components/UserPickerField.d.ts +3 -3
  116. package/dist/types/components/analytics/analytics.d.ts +4 -2
  117. package/dist/types/i18n/cs.d.ts +1 -0
  118. package/dist/types/i18n/da.d.ts +1 -0
  119. package/dist/types/i18n/de.d.ts +1 -0
  120. package/dist/types/i18n/en.d.ts +1 -0
  121. package/dist/types/i18n/en_GB.d.ts +1 -0
  122. package/dist/types/i18n/en_ZZ.d.ts +1 -0
  123. package/dist/types/i18n/es.d.ts +1 -0
  124. package/dist/types/i18n/fi.d.ts +1 -0
  125. package/dist/types/i18n/fr.d.ts +1 -0
  126. package/dist/types/i18n/hu.d.ts +1 -0
  127. package/dist/types/i18n/it.d.ts +1 -0
  128. package/dist/types/i18n/ja.d.ts +1 -0
  129. package/dist/types/i18n/ko.d.ts +1 -0
  130. package/dist/types/i18n/nb.d.ts +1 -0
  131. package/dist/types/i18n/nl.d.ts +1 -0
  132. package/dist/types/i18n/pl.d.ts +1 -0
  133. package/dist/types/i18n/pt_BR.d.ts +1 -0
  134. package/dist/types/i18n/ru.d.ts +1 -0
  135. package/dist/types/i18n/sv.d.ts +1 -0
  136. package/dist/types/i18n/th.d.ts +1 -0
  137. package/dist/types/i18n/tr.d.ts +1 -0
  138. package/dist/types/i18n/uk.d.ts +1 -0
  139. package/dist/types/i18n/vi.d.ts +1 -0
  140. package/dist/types/i18n/zh.d.ts +1 -0
  141. package/dist/types/i18n/zh_TW.d.ts +1 -0
  142. package/dist/types/i18n.d.ts +10 -0
  143. package/dist/types/types/ShareDialogContainer.d.ts +1 -0
  144. package/dist/types/types/ShareDialogWithTrigger.d.ts +2 -1
  145. package/dist/types/types/ShareEntities.d.ts +2 -1
  146. package/dist/types/types/ShareForm.d.ts +3 -0
  147. package/dist/types/types/UserPickerOptions.d.ts +13 -0
  148. package/dist/types/types/index.d.ts +1 -0
  149. package/dist/types-ts4.5/components/LazyShareForm/LazyShareForm.d.ts +4 -3
  150. package/dist/types-ts4.5/components/ShareDialogContainer.d.ts +3 -3
  151. package/dist/types-ts4.5/components/ShareDialogWithTrigger.d.ts +2 -0
  152. package/dist/types-ts4.5/components/ShareForm.d.ts +3 -2
  153. package/dist/types-ts4.5/components/ShareFormWrapper/ShareFormWrapper.d.ts +6 -3
  154. package/dist/types-ts4.5/components/ShareFormWrapper/styled.d.ts +6 -2
  155. package/dist/types-ts4.5/components/ShareMenuItem.d.ts +11 -0
  156. package/dist/types-ts4.5/components/UserPickerField.d.ts +3 -3
  157. package/dist/types-ts4.5/components/analytics/analytics.d.ts +4 -2
  158. package/dist/types-ts4.5/i18n/cs.d.ts +1 -0
  159. package/dist/types-ts4.5/i18n/da.d.ts +1 -0
  160. package/dist/types-ts4.5/i18n/de.d.ts +1 -0
  161. package/dist/types-ts4.5/i18n/en.d.ts +1 -0
  162. package/dist/types-ts4.5/i18n/en_GB.d.ts +1 -0
  163. package/dist/types-ts4.5/i18n/en_ZZ.d.ts +1 -0
  164. package/dist/types-ts4.5/i18n/es.d.ts +1 -0
  165. package/dist/types-ts4.5/i18n/fi.d.ts +1 -0
  166. package/dist/types-ts4.5/i18n/fr.d.ts +1 -0
  167. package/dist/types-ts4.5/i18n/hu.d.ts +1 -0
  168. package/dist/types-ts4.5/i18n/it.d.ts +1 -0
  169. package/dist/types-ts4.5/i18n/ja.d.ts +1 -0
  170. package/dist/types-ts4.5/i18n/ko.d.ts +1 -0
  171. package/dist/types-ts4.5/i18n/nb.d.ts +1 -0
  172. package/dist/types-ts4.5/i18n/nl.d.ts +1 -0
  173. package/dist/types-ts4.5/i18n/pl.d.ts +1 -0
  174. package/dist/types-ts4.5/i18n/pt_BR.d.ts +1 -0
  175. package/dist/types-ts4.5/i18n/ru.d.ts +1 -0
  176. package/dist/types-ts4.5/i18n/sv.d.ts +1 -0
  177. package/dist/types-ts4.5/i18n/th.d.ts +1 -0
  178. package/dist/types-ts4.5/i18n/tr.d.ts +1 -0
  179. package/dist/types-ts4.5/i18n/uk.d.ts +1 -0
  180. package/dist/types-ts4.5/i18n/vi.d.ts +1 -0
  181. package/dist/types-ts4.5/i18n/zh.d.ts +1 -0
  182. package/dist/types-ts4.5/i18n/zh_TW.d.ts +1 -0
  183. package/dist/types-ts4.5/i18n.d.ts +10 -0
  184. package/dist/types-ts4.5/types/ShareDialogContainer.d.ts +1 -0
  185. package/dist/types-ts4.5/types/ShareDialogWithTrigger.d.ts +2 -1
  186. package/dist/types-ts4.5/types/ShareEntities.d.ts +2 -1
  187. package/dist/types-ts4.5/types/ShareForm.d.ts +3 -0
  188. package/dist/types-ts4.5/types/UserPickerOptions.d.ts +13 -0
  189. package/dist/types-ts4.5/types/index.d.ts +1 -0
  190. package/package.json +9 -7
@@ -53,6 +53,7 @@ var _default = exports.default = {
53
53
  'fabric.elements.share.invite.to.jira': 'Invitar a Jira',
54
54
  'fabric.elements.share.main.tab.text.confluence': 'Compartir página',
55
55
  'fabric.elements.share.main.tab.text.jira': 'Compartir incidencia',
56
+ 'fabric.elements.share.popup.label': 'Compartir',
56
57
  'fabric.elements.share.success.message': '{object, select,blogpost {Entrada de blog compartida}board {Tablero compartido}calendar {Calendario compartido}draft {Borrador compartido}filter {Filtro compartido}issue {Incidencia compartida}summary {Resumen compartido}list {Lista compartida}timeline {Cronograma compartido}form {Formulario compartido}media {Recursos multimedia compartidos}page {Página compartida}project {Proyecto compartido}pullrequest {Solicitud de incorporación de cambios compartida}question {Pregunta compartida}report {Informe compartido}repository {Repositorio compartido}request {Solicitud compartida}roadmap {Cronograma compartido}site {Sitio compartido}space {Espacio compartido}other {Enlace compartido}}',
57
58
  'fabric.elements.share.to.integration.button': 'Compartir en {integrationName}',
58
59
  'fabric.elements.share.trigger.button.icon.label': 'Icono de compartir',
@@ -53,6 +53,7 @@ var _default = exports.default = {
53
53
  'fabric.elements.share.invite.to.jira': 'Kutsu Jiraan',
54
54
  'fabric.elements.share.main.tab.text.confluence': 'Jaa sivu',
55
55
  'fabric.elements.share.main.tab.text.jira': 'Jaa asia',
56
+ 'fabric.elements.share.popup.label': 'Jaa',
56
57
  'fabric.elements.share.success.message': '{object, select,blogpost {Blogijulkaisu jaettu}board {Taulu jaettu}calendar {Kalenteri jaettu}draft {Luonnos jaettu}filter {Suodatin jaettu}issue {Asia jaettu}summary {Yhteenveto jaettu}list {Luettelo jaettu}timeline {Aikajana jaettu}form {Lomake jaettu}media {Media jaettu}page {Sivu jaettu}project {Projekti jaettu}pullrequest {Pull-pyyntö jaettu}question {Kysymys jaettu}report {Raportti jaettu}repository {Säilö jaettu}request {Pyyntö jaettu}roadmap {Aikajana jaettu}site {Sivusto jaettu}space {Työtila jaettu}other {Linkki jaettu}}',
57
58
  'fabric.elements.share.to.integration.button': 'Jaa kohteeseen {integrationName}',
58
59
  'fabric.elements.share.trigger.button.icon.label': 'Jaa kuvake',
@@ -53,6 +53,7 @@ var _default = exports.default = {
53
53
  'fabric.elements.share.invite.to.jira': 'Inviter à rejoindre Jira',
54
54
  'fabric.elements.share.main.tab.text.confluence': 'Partager la page',
55
55
  'fabric.elements.share.main.tab.text.jira': 'Partager le ticket',
56
+ 'fabric.elements.share.popup.label': 'Partager',
56
57
  'fabric.elements.share.success.message': '{object, select,blogpost {Billet de blog partagé}board {Tableau partagé}calendar {Calendrier partagé}draft {Brouillon partagé}filter {Filtre partagé}issue {Ticket partagé}summary {Résumé partagé}list {Liste partagée}timeline {Chronologie partagée}form {Formulaire partagé}media {Média partagé}page {Page partagée}project {Projet partagé}pullrequest {Pull request partagée}question {Question partagée}report {Rapport partagé}repository {Dépôt partagé}request {Demande partagée}roadmap {Chronologie partagée}site {Site partagé}space {Espace partagé}other {Lien partagé}}',
57
58
  'fabric.elements.share.to.integration.button': 'Partager avec {integrationName}',
58
59
  'fabric.elements.share.trigger.button.icon.label': 'Icône de partage',
@@ -53,6 +53,7 @@ var _default = exports.default = {
53
53
  'fabric.elements.share.invite.to.jira': 'Meghívás a Jirába',
54
54
  'fabric.elements.share.main.tab.text.confluence': 'Oldal megosztása',
55
55
  'fabric.elements.share.main.tab.text.jira': 'Ügy megosztása',
56
+ 'fabric.elements.share.popup.label': 'Megosztás',
56
57
  'fabric.elements.share.success.message': '{object, select,blogpost {Blogposzt megosztva}board {Tábla megosztva}calendar {Naptár megosztva}draft {Piszkozat megosztva}filter {Szűrő megosztva}issue {Ügy megosztva}summary {Összefoglaló megosztva}list {Lista megosztva}timeline {Idővonal megosztva}form {Űrlap megosztva}media {Média megosztva}page {Oldal megosztva}project {Projekt megosztva}pullrequest {Pull-kérelem megosztva}question {Kérdés megosztva}report {Jelentés megosztva}repository {Adattár megosztva}request {Kérelem megosztva}roadmap {Idővonal megosztva}site {Webhely megosztva}space {Munkatér megosztva}other {Link megosztva}}',
57
58
  'fabric.elements.share.to.integration.button': 'Megosztás itt: {integrationName}',
58
59
  'fabric.elements.share.trigger.button.icon.label': 'Ikon megosztása',
@@ -53,6 +53,7 @@ var _default = exports.default = {
53
53
  'fabric.elements.share.invite.to.jira': 'Invita in Jira',
54
54
  'fabric.elements.share.main.tab.text.confluence': 'Condividi pagina',
55
55
  'fabric.elements.share.main.tab.text.jira': 'Condividi ticket',
56
+ 'fabric.elements.share.popup.label': 'Condividi',
56
57
  'fabric.elements.share.success.message': '{object, select,blogpost {Post del blog condiviso}board {Board condivisa}calendar {Calendario condiviso}draft {Bozza condivisa}filter {Filtro condiviso}issue {Ticket condiviso}summary {Riepilogo condiviso}list {Elenco condiviso}timeline {Timeline condivisa}form {Modulo condiviso}media {Elemento multimediale condiviso}page {Pagina condiviso}project {Progetto condiviso}pullrequest {Pull request condivisa}question {Domanda condivisa}report {Report condiviso}repository {Repository condiviso}request {Richiesta condivisa}roadmap {Timeline condivisa}site {Sito condiviso}space {Spazio condiviso}other {Link condiviso}}',
57
58
  'fabric.elements.share.to.integration.button': 'Condividi in {integrationName}',
58
59
  'fabric.elements.share.trigger.button.icon.label': 'Icona Condividi',
@@ -53,6 +53,7 @@ var _default = exports.default = {
53
53
  'fabric.elements.share.invite.to.jira': 'Jira に招待',
54
54
  'fabric.elements.share.main.tab.text.confluence': 'ページを共有',
55
55
  'fabric.elements.share.main.tab.text.jira': '課題を共有',
56
+ 'fabric.elements.share.popup.label': '共有',
56
57
  'fabric.elements.share.success.message': '{object, select,blogpost {ブログ投稿が共有されました}board {ボードが共有されました}calendar {カレンダーが共有されました}draft {下書きが共有されました}filter {フィルターが共有されました}issue {課題が共有されました}summary {要約が共有されました}list {リストが共有されました}timeline {タイムラインが共有されました}form {フォームが共有されました}media {メディアが共有されました}page {ページが共有されました}project {プロジェクトが共有されました}pullrequest {プル リクエストが共有されました}question {質問が共有されました}report {レポートが共有されました}repository {リポジトリが共有されました}request {リクエストが共有されました}roadmap {タイムラインが共有されました}site {サイトが共有されました}space {スペースが共有されました}other {リンクが共有されました}}',
57
58
  'fabric.elements.share.to.integration.button': '{integrationName} と共有',
58
59
  'fabric.elements.share.trigger.button.icon.label': '共有アイコン',
@@ -53,6 +53,7 @@ var _default = exports.default = {
53
53
  'fabric.elements.share.invite.to.jira': 'Jira에 초대',
54
54
  'fabric.elements.share.main.tab.text.confluence': '페이지 공유',
55
55
  'fabric.elements.share.main.tab.text.jira': '이슈 공유',
56
+ 'fabric.elements.share.popup.label': '공유',
56
57
  'fabric.elements.share.success.message': '{object, select,blogpost {공유한 블로그 게시물}board {공유한 보드}calendar {공유한 캘린더}draft {공유한 초안}filter {공유한 필터}issue {공유한 이슈}summary {공유한 요약}list {공유한 목록}timeline {공유한 타임라인}form {공유한 양식}media {공유한 미디어}page {공유한 페이지}project {공유한 프로젝트}pullrequest {공유한 풀리퀘스트}question {공유한 질문}report {공유한 보고서}repository {공유한 리포지토리}request {공유한 요청}timeline {공유한 타임라인}site {공유한 사이트}space {공유한 스페이스}other {공유한 링크}}',
57
58
  'fabric.elements.share.to.integration.button': '{integrationName}에 공유',
58
59
  'fabric.elements.share.trigger.button.icon.label': '공유 아이콘',
@@ -53,6 +53,7 @@ var _default = exports.default = {
53
53
  'fabric.elements.share.invite.to.jira': 'Inviter til Jira',
54
54
  'fabric.elements.share.main.tab.text.confluence': 'Del side',
55
55
  'fabric.elements.share.main.tab.text.jira': 'Del sak',
56
+ 'fabric.elements.share.popup.label': 'Del',
56
57
  'fabric.elements.share.success.message': '{object, select,blogpost {Blogginnlegg er delt}board {Tavle er delt}calendar {Kalender er delt}draft {Utkast er delt}filter {Filter er delt}issue {Sak er delt}summary {Sammendrag er delt}list {Liste er delt}timeline {Tidslinje er delt}form {Skjema er delt}media {Medier er delt}page {Side er delt}project {Prosjekt er delt}pullrequest {Pull-forespørsel er delt}question {Spørsmål er delt}report {Rapport er delt}repository {Repositorium er delt}request {Forespørsel er delt}roadmap {Veikart er delt}site {Nettsted er delt}space {Område er delt}other {Kobling er delt}}',
57
58
  'fabric.elements.share.to.integration.button': 'Del til {integrationName}',
58
59
  'fabric.elements.share.trigger.button.icon.label': 'Dele-ikon',
@@ -53,6 +53,7 @@ var _default = exports.default = {
53
53
  'fabric.elements.share.invite.to.jira': 'Uitnodigen voor Jira',
54
54
  'fabric.elements.share.main.tab.text.confluence': 'Pagina delen',
55
55
  'fabric.elements.share.main.tab.text.jira': 'Issue delen',
56
+ 'fabric.elements.share.popup.label': 'Delen',
56
57
  'fabric.elements.share.success.message': '{object, select,blogpost {Blogpost gedeeld}board {Bord gedeeld}calendar {Agenda gedeeld}draft {Concept gedeeld}filter {Filter gedeeld}issue {Issue gedeeld}summary {Samenvatting gedeeld}list {Lijst gedeeld}timeline {Tijdlijn gedeeld}form {Formulier gedeeld}media {Media gedeeld}page {Pagina gedeeld}project {Project gedeeld}pullrequest {Pull-request gedeeld}question {Vraag gedeeld}report {Rapport gedeeld}repository {Repository gedeeld}request {Aanvraag gedeeld}roadmap {Tijdlijn gedeeld}site {Site gedeeld}space {Space gedeeld}other {Link gedeeld}}',
57
58
  'fabric.elements.share.to.integration.button': 'Delen met {integrationName}',
58
59
  'fabric.elements.share.trigger.button.icon.label': "Pictogram 'Delen'",
@@ -53,6 +53,7 @@ var _default = exports.default = {
53
53
  'fabric.elements.share.invite.to.jira': 'Zaproś do systemu Jira',
54
54
  'fabric.elements.share.main.tab.text.confluence': 'Udostępnij stronę',
55
55
  'fabric.elements.share.main.tab.text.jira': 'Udostępnij zgłoszenie',
56
+ 'fabric.elements.share.popup.label': 'Udostępnij',
56
57
  'fabric.elements.share.success.message': '{object, select,blogpost {Udostępniono wpis na blogu}board {Udostępniono tablicę}calendar {Udostępniono kalendarz}draft {Udostępniono wersję roboczą}filter {Udostępniono filtr}issue {Udostępniono zgłoszenie}summary {Udostępniono podsumowanie}list {Udostępniono listę}timeline {Udostępniono oś czasu}form {Udostępniono formularz}media {Udostępniono multimedia}page {Udostępniono stronę}project {Udostępniono projekt}pullrequest {Udostępniono pull request}question {Udostępniono pytanie}report {Udostępniono raport}repository {Udostępniono repozytorium}request {Udostępniono wniosek}roadmap {Udostępniono oś czasu}site {Udostępniono witrynę}space {Udostępniono przestrzeń}other {Udostępniono łącze}}',
57
58
  'fabric.elements.share.to.integration.button': 'Udostępnij w {integrationName}',
58
59
  'fabric.elements.share.trigger.button.icon.label': 'Ikona udostępniania',
@@ -53,6 +53,7 @@ var _default = exports.default = {
53
53
  'fabric.elements.share.invite.to.jira': 'Convidar para o Jira',
54
54
  'fabric.elements.share.main.tab.text.confluence': 'Compartilhar página',
55
55
  'fabric.elements.share.main.tab.text.jira': 'Compartilhar item',
56
+ 'fabric.elements.share.popup.label': 'Compartilhar',
56
57
  'fabric.elements.share.success.message': '{object, select,blogpost {Blog compartilhado}board {Quadro compartilhado}calendar {Calendário compartilhado}draft {Rascunho compartilhado}filter {Filtro compartilhado}issue {Item compartilhado}summary {Resumo compartilhado}list {Lista compartilhada}timeline {Cronograma compartilhado}form {Formulário compartilhado}media {Mídia compartilhada}page {Página compartilhada}project {Projeto compartilhado}pullrequest {Pull request compartilhada}question {Pergunta compartilhada}report {Relatório compartilhado}repository {Repositório compartilhado}request {Solicitação compartilhada}roadmap {Cronograma compartilhado}site {Site compartilhado}space {Espaço compartilhado}other {Link compartilhado}}',
57
58
  'fabric.elements.share.to.integration.button': 'Compartilhar em {integrationName}',
58
59
  'fabric.elements.share.trigger.button.icon.label': 'Ícone de compartilhamento',
@@ -53,6 +53,7 @@ var _default = exports.default = {
53
53
  'fabric.elements.share.invite.to.jira': 'Пригласить в Jira',
54
54
  'fabric.elements.share.main.tab.text.confluence': 'Поделиться страницей',
55
55
  'fabric.elements.share.main.tab.text.jira': 'Поделиться задачей',
56
+ 'fabric.elements.share.popup.label': 'Поделиться',
56
57
  'fabric.elements.share.success.message': '{object, select,blogpost {Доступ к записи в блоге предоставлен}board {Доступ к доске предоставлен}calendar {Доступ к календарю предоставлен}draft {Доступ к черновику предоставлен}filter {Доступ к фильтру предоставлен}issue {Доступ к задаче предоставлен}summary {Доступ к теме предоставлен}list {Доступ к списку предоставлен}timeline {Доступ к хронологии предоставлен}form {Доступ к форме предоставлен}media {Доступ к медиафайлу предоставлен}page {Доступ к странице предоставлен}project {Доступ к проекту предоставлен}pullrequest {Доступ к запросу pull предоставлен}question {Доступ к вопросу предоставлен}report {Доступ к отчету предоставлен}repository {Доступ к репозиторию предоставлен}request {Доступ к запросу предоставлен}roadmap {Доступ к хронологии предоставлен}site {Доступ к сайту предоставлен}space {Доступ к разделу предоставлен}other {Доступ к ссылке предоставлен}}',
57
58
  'fabric.elements.share.to.integration.button': 'Поделиться в {integrationName}',
58
59
  'fabric.elements.share.trigger.button.icon.label': 'Значок «Поделиться»',
@@ -53,6 +53,7 @@ var _default = exports.default = {
53
53
  'fabric.elements.share.invite.to.jira': 'Bjud in till Jira',
54
54
  'fabric.elements.share.main.tab.text.confluence': 'Dela sida',
55
55
  'fabric.elements.share.main.tab.text.jira': 'Dela ärende',
56
+ 'fabric.elements.share.popup.label': 'Dela',
56
57
  'fabric.elements.share.success.message': '{object, select,blogpost {Blogginlägg har delats}board {Tavla har delats}calendar {Kalender har delats}draft {Utkast har delats}filter {Filter har delats}issue {Ärende har delats}summary {Sammanfattning har delats}list {Lista har delats}timeline {Tidslinje har delats}form {Formulär har delats}media {Media har delats}page {Sida har delats}project {Projekt har delats}pullrequest {Pull request har delats}question {Fråga har delats}report {Rapport har delats}repository {Lagringsplats har delats}request {Förfrågan har delats}roadmap {Tidslinje har delats}site {Webbplats har delats}space {Utrymme har delats}other {Länk har delats}}',
57
58
  'fabric.elements.share.to.integration.button': 'Dela till {integrationName}',
58
59
  'fabric.elements.share.trigger.button.icon.label': 'Dela-ikon',
@@ -53,6 +53,7 @@ var _default = exports.default = {
53
53
  'fabric.elements.share.invite.to.jira': 'เชิญไปยัง Jira',
54
54
  'fabric.elements.share.main.tab.text.confluence': 'แชร์หน้าข้อมูล',
55
55
  'fabric.elements.share.main.tab.text.jira': 'แชร์ปัญหา',
56
+ 'fabric.elements.share.popup.label': 'แชร์',
56
57
  'fabric.elements.share.success.message': '{object, select,blogpost {แชร์โพสต์บล็อกแล้ว}board {แชร์บอร์ดแล้ว}calendar {แชร์ปฏิทินแล้ว}draft {แชร์แบบร่างแล้ว}filter {แชร์ตัวกรองแล้ว}issue {แชร์ปัญหาแล้ว}summary {แชร์สรุปแล้ว}list {แชร์รายการแล้ว}timeline {แชร์เส้นเวลา (ไทม์ไลน์) แล้ว}form {แชร์แบบฟอร์มแล้ว}media {แชร์สื่อแล้ว}page {แชร์หน้าข้อมูลแล้ว}project {แชร์โปรเจกต์แล้ว}pullrequest {แชร์ Pull Request แล้ว}question {แชร์คำถามแล้ว}report {แชร์รายงานแล้ว}repository {แชร์คลังรายการแล้ว}request {แชร์คำขอแล้ว}roadmap {แชร์เส้นเวลา (ไทม์ไลน์) แล้ว}site {แชร์เว็บไซต์แล้ว}space {แชร์พื้นที่แล้ว}other {แชร์ลิงก์แล้ว}}',
57
58
  'fabric.elements.share.to.integration.button': 'แชร์ไปยัง {integrationName}',
58
59
  'fabric.elements.share.trigger.button.icon.label': 'แชร์ไอคอน',
@@ -53,6 +53,7 @@ var _default = exports.default = {
53
53
  'fabric.elements.share.invite.to.jira': "Jira'ya davet et",
54
54
  'fabric.elements.share.main.tab.text.confluence': 'Sayfayı paylaşın',
55
55
  'fabric.elements.share.main.tab.text.jira': 'Konuyu paylaşın',
56
+ 'fabric.elements.share.popup.label': 'Paylaş',
56
57
  'fabric.elements.share.success.message': '{object, select,blogpost {Blog gönderisi paylaşıldı}board {Pano paylaşıldı}calendar {Takvim paylaşıldı}draft {Taslak paylaşıldı}filter {Filtre paylaşıldı}issue {Konu paylaşıldı}summary {Özet paylaşıldı}list {Liste paylaşıldı}timeline {Zaman Çizelgesi paylaşıldı}form {Form paylaşıldı}media {Medya paylaşıldı}page {Sayfa paylaşıldı}project {Proje paylaşıldı}pullrequest {Çekme İsteği paylaşıldı}question {Soru paylaşıldı}report {Rapor paylaşıldı}repository {Depo paylaşıldı}request {Talep paylaşıldı}roadmap {Zaman Çizelgesi paylaşıldı}site {Site paylaşıldı}space {Alan paylaşıldı}other {Bağlantı paylaşıldı}}',
57
58
  'fabric.elements.share.to.integration.button': '{integrationName} üzerinden paylaş',
58
59
  'fabric.elements.share.trigger.button.icon.label': 'Paylaşma simgesi',
@@ -53,6 +53,7 @@ var _default = exports.default = {
53
53
  'fabric.elements.share.invite.to.jira': 'Запросити до Jira',
54
54
  'fabric.elements.share.main.tab.text.confluence': 'Поділитися сторінкою',
55
55
  'fabric.elements.share.main.tab.text.jira': 'Поділитися завданням',
56
+ 'fabric.elements.share.popup.label': 'Поділитися',
56
57
  'fabric.elements.share.success.message': '{object, select,blogpost {Надано доступ до допису в блозі}board {Надано доступ до дошки}calendar {Надано доступ до календаря}draft {Надано доступ до чернетки}filter {Надано доступ до фільтра}issue {Надано доступ до завдання}summary {Надано доступ до підсумку}list {Надано доступ до списку}timeline {Надано доступ до шкали}form {Надано доступ до форми}media {Надано доступ до медіафайлу}page {Надано доступ до сторінки}project {Надано доступ до проєкту}pullrequest {Надано доступ до запиту на внесення змін}question {Надано доступ до запитання}report {Надано доступ до звіту}repository {Надано доступ до репозиторію}request {Надано доступ до запиту}roadmap {Надано доступ до часової шкали}site {Надано доступ до сайту}space {Надано доступ до розділу}other {Надано доступ до посилання}}',
57
58
  'fabric.elements.share.to.integration.button': 'Надіслати в {integrationName}',
58
59
  'fabric.elements.share.trigger.button.icon.label': 'Надіслати піктограму',
@@ -53,6 +53,7 @@ var _default = exports.default = {
53
53
  'fabric.elements.share.invite.to.jira': 'Mời tham gia Jira',
54
54
  'fabric.elements.share.main.tab.text.confluence': 'Chia sẻ trang',
55
55
  'fabric.elements.share.main.tab.text.jira': 'Chia sẻ vấn đề',
56
+ 'fabric.elements.share.popup.label': 'Chia sẻ',
56
57
  'fabric.elements.share.success.message': '{object, select,blogpost {Đã chia sẻ bài đăng trên blog}board {Đã chia sẻ bảng thông tin}calendar {Đã chia sẻ lịch}draft {Đã chia sẻ bản nháp}filter {Đã chia sẻ bộ lọc}issue {Đã chia sẻ vấn đề}summary {Đã chia sẻ bản tóm tắt}list {Đã chia sẻ danh sách}timeline {Đã chia sẻ lịch trình}form {Đã chia sẻ biểu mẫu}media {Đã chia sẻ phương tiện}page {Đã chia sẻ trang}project {Đã chia sẻ dự án}pullrequest {Đã chia sẻ Pull request}question {Đã chia sẻ câu hỏi}report {Đã chia sẻ báo cáo}repository {Đã chia sẻ kho}request {Đã chia sẻ yêu cầu}roadmap {Đã chia sẻ lịch trình}site {Đã chia sẻ trang web}space {Đã chia sẻ không gian}other {Đã chia sẻ liên kết}}',
57
58
  'fabric.elements.share.to.integration.button': 'Chia sẻ với {integrationName}',
58
59
  'fabric.elements.share.trigger.button.icon.label': 'Biểu tượng chia sẻ',
@@ -53,6 +53,7 @@ var _default = exports.default = {
53
53
  'fabric.elements.share.invite.to.jira': '邀请加入 Jira',
54
54
  'fabric.elements.share.main.tab.text.confluence': '分享页面',
55
55
  'fabric.elements.share.main.tab.text.jira': '共享事务',
56
+ 'fabric.elements.share.popup.label': '共享',
56
57
  'fabric.elements.share.success.message': '{object, select,blogpost {博客文章已共享}board {面板已共享}calendar {日历已共享}draft {草稿已共享}filter {筛选器已共享}issue {事务已共享}summary {摘要已共享}list {列表已共享}timeline {时间线已共享}form {表单已共享}media {媒体已共享}page {页面已共享}project {项目已共享}pullrequest {拉取请求已共享}question {问题已共享}report {报告已共享}repository {存储库已共享}request {请求已共享}roadmap {时间线已共享}site {站点已共享}space {空间已共享}other {链接已共享}}',
57
58
  'fabric.elements.share.to.integration.button': '分享到 {integrationName}',
58
59
  'fabric.elements.share.trigger.button.icon.label': '共享图标',
@@ -53,6 +53,7 @@ var _default = exports.default = {
53
53
  'fabric.elements.share.invite.to.jira': '邀請加入 Jira',
54
54
  'fabric.elements.share.main.tab.text.confluence': '分享頁面',
55
55
  'fabric.elements.share.main.tab.text.jira': '共用議題',
56
+ 'fabric.elements.share.popup.label': '分享',
56
57
  'fabric.elements.share.success.message': '{object, select,blogpost {已分享部落格貼文}board {已分享看板}calendar {已分享行事曆}draft {已分享草稿}filter {已分享篩選條件}issue {已分享議題}summary {已分享摘要}list {已分享列表}timeline {已分享時間表}form {已分享表單}media {已分享媒體}page {已分享頁面}project {已分享專案}pullrequest {已分享提取要求}question {已分享問題}report {已分享報告}repository {已分享存放庫}request {已分享要求}roadmap {已分享時間軸}site {已分享網站}space {已分享空間}other {已分享連結}}',
57
58
  'fabric.elements.share.to.integration.button': '與 {integrationName} 分享',
58
59
  'fabric.elements.share.trigger.button.icon.label': '分享圖示',
package/dist/cjs/i18n.js CHANGED
@@ -248,5 +248,15 @@ var messages = exports.messages = (0, _reactIntlNext.defineMessages)({
248
248
  id: 'fabric.elements.share.popup.label',
249
249
  defaultMessage: 'Share',
250
250
  description: 'Label of the popup that contains share menu used by assistive technologies'
251
+ },
252
+ slackMenuItemText: {
253
+ id: 'fabric.elements.share.menu.slack.label',
254
+ defaultMessage: 'Slack',
255
+ description: 'Text for the slack menu in share'
256
+ },
257
+ emailMenuItemText: {
258
+ id: 'fabric.elements.share.menu.email.label',
259
+ defaultMessage: 'Email',
260
+ description: 'Text for the email menu in share'
251
261
  }
252
262
  });
@@ -38,12 +38,14 @@ function LazyShareForm(props) {
38
38
  copyTooltipText,
39
39
  shareIntegrations,
40
40
  integrationMode,
41
+ isMenuItemSelected,
41
42
  // actions
42
43
  onLinkCopy,
43
44
  onDismiss,
44
45
  onSubmit,
45
46
  onDialogClose,
46
47
  onTabChange,
48
+ onMenuItemChange,
47
49
  // ref
48
50
  selectPortalRef,
49
51
  // props from states of parent:
@@ -75,6 +77,8 @@ function LazyShareForm(props) {
75
77
  // form title will be determined by `title` and `showTitle` prop passed to `ShareForm`,
76
78
  // so we don't need to show title via ShareFormWrapper
77
79
  ,
80
+ integrationMode: integrationMode,
81
+ isMenuItemSelected: isMenuItemSelected,
78
82
  shouldShowTitle: false
79
83
  }, showIntegrationForm && selectedIntegration !== null ? jsx(AnalyticsContext, {
80
84
  data: {
@@ -112,6 +116,7 @@ function LazyShareForm(props) {
112
116
  onUserSelectionChange: onUserSelectionChange,
113
117
  handleCloseDialog: onDialogClose,
114
118
  onTabChange: onTabChange,
119
+ onMenuItemChange: onMenuItemChange,
115
120
  isBrowseUsersDisabled: isBrowseUsersDisabled,
116
121
  userPickerOptions: userPickerOptions
117
122
  }) : jsx("p", null, jsx(FormattedMessage, messages.formNoPermissions))));
@@ -11,13 +11,17 @@ const LazyShareFormLazy = lazyForPaint(() => import( /* webpackChunkName: "@atla
11
11
  const LoadingDialog = ({
12
12
  shareFormTitle,
13
13
  showTitle,
14
- setIsLoading
14
+ setIsLoading,
15
+ integrationMode,
16
+ isMenuItemSelected
15
17
  }) => {
16
18
  React.useEffect(() => {
17
19
  setIsLoading(true);
18
20
  });
19
21
  return jsx(ShareFormWrapper, {
20
- shareFormTitle: shareFormTitle
22
+ shareFormTitle: shareFormTitle,
23
+ integrationMode: integrationMode,
24
+ isMenuItemSelected: isMenuItemSelected
21
25
  // if `showTitle` is passed, we use it. Otherwise, we will show title for loading dialog.
22
26
  ,
23
27
  shouldShowTitle: typeof showTitle === 'boolean' ? showTitle : true
@@ -35,6 +39,8 @@ export default (props => jsx(LazySuspense, {
35
39
  fallback: jsx(LoadingDialog, {
36
40
  shareFormTitle: props.shareFormTitle,
37
41
  showTitle: props.showTitle,
38
- setIsLoading: props.setIsLoading
42
+ setIsLoading: props.setIsLoading,
43
+ integrationMode: props.integrationMode,
44
+ isMenuItemSelected: props.isMenuItemSelected
39
45
  })
40
46
  }, jsx(LazyShareFormLazy, props)));
@@ -11,7 +11,7 @@ import { layers } from '@atlaskit/theme/constants';
11
11
  import Aktooltip from '@atlaskit/tooltip';
12
12
  import { messages } from '../i18n';
13
13
  import { OBJECT_SHARED } from '../types';
14
- import { cancelShare, CHANNEL_ID, copyLinkButtonClicked, formShareSubmitted, screenEvent, shareSplitButtonEvent, shareTabClicked, shareTriggerButtonClicked
14
+ import { cancelShare, CHANNEL_ID, copyLinkButtonClicked, formShareSubmitted, screenEvent, shareMenuItemClicked, shareSplitButtonEvent, shareTabClicked, shareTriggerButtonClicked
15
15
  // type TabSubjectIdType,
16
16
  } from './analytics/analytics';
17
17
  // eslint-disable-next-line no-duplicate-imports
@@ -54,6 +54,7 @@ export class ShareDialogWithTriggerInternal extends React.PureComponent {
54
54
  showIntegrationForm: false,
55
55
  selectedIntegration: null,
56
56
  tabIndex: 0,
57
+ isMenuItemSelected: false,
57
58
  isLoading: false
58
59
  });
59
60
  _defineProperty(this, "closeAndResetDialog", () => {
@@ -63,7 +64,8 @@ export class ShareDialogWithTriggerInternal extends React.PureComponent {
63
64
  shareError: undefined,
64
65
  isDialogOpen: false,
65
66
  showIntegrationForm: false,
66
- selectedIntegration: null
67
+ selectedIntegration: null,
68
+ isMenuItemSelected: false
67
69
  });
68
70
  const {
69
71
  onUserSelectionChange,
@@ -101,6 +103,16 @@ export class ShareDialogWithTriggerInternal extends React.PureComponent {
101
103
  tabIndex: index
102
104
  });
103
105
  });
106
+ _defineProperty(this, "onMenuItemChange", menuType => {
107
+ let subjectId = menuType === 'Slack' ? 'shareToSlackMenuItem' : 'shareMenuItem';
108
+ const {
109
+ shareContentType
110
+ } = this.props;
111
+ this.createAndFireEvent(shareMenuItemClicked(subjectId, shareContentType));
112
+ this.setState({
113
+ isMenuItemSelected: true
114
+ });
115
+ });
104
116
  _defineProperty(this, "getFlags", () => {
105
117
  const {
106
118
  intl: {
@@ -224,7 +236,8 @@ export class ShareDialogWithTriggerInternal extends React.PureComponent {
224
236
  isDialogOpen: false,
225
237
  showIntegrationForm: false,
226
238
  selectedIntegration: null,
227
- tabIndex: 0
239
+ tabIndex: 0,
240
+ isMenuItemSelected: false
228
241
  });
229
242
  });
230
243
  _defineProperty(this, "handleShareSubmit", data => {
@@ -279,6 +292,15 @@ export class ShareDialogWithTriggerInternal extends React.PureComponent {
279
292
  defaultValue: data
280
293
  });
281
294
  });
295
+ _defineProperty(this, "calculatePopupOffset", ({
296
+ isMenuItemSelected,
297
+ dialogPlacement
298
+ }) => {
299
+ if (isMenuItemSelected && dialogPlacement === 'bottom-end') {
300
+ return [-0.1, 8];
301
+ }
302
+ return [0, 8];
303
+ });
282
304
  _defineProperty(this, "handleCopyLink", () => {
283
305
  const {
284
306
  copyLinkOrigin,
@@ -441,7 +463,8 @@ export class ShareDialogWithTriggerInternal extends React.PureComponent {
441
463
  shareError,
442
464
  defaultValue,
443
465
  showIntegrationForm,
444
- selectedIntegration
466
+ selectedIntegration,
467
+ isMenuItemSelected
445
468
  } = this.state;
446
469
  const {
447
470
  copyLink,
@@ -511,14 +534,16 @@ export class ShareDialogWithTriggerInternal extends React.PureComponent {
511
534
  isPublicLink: isPublicLink,
512
535
  copyTooltipText: copyTooltipText,
513
536
  integrationMode: integrationMode,
514
- shareIntegrations: shareIntegrations
537
+ shareIntegrations: shareIntegrations,
538
+ isMenuItemSelected: isMenuItemSelected
515
539
  // actions
516
540
  ,
517
541
  onLinkCopy: this.handleCopyLink,
518
542
  onSubmit: this.handleShareSubmit,
519
543
  onDismiss: this.handleFormDismiss,
520
544
  onDialogClose: this.handleCloseDialog,
521
- onTabChange: this.onTabChange
545
+ onTabChange: this.onTabChange,
546
+ onMenuItemChange: this.onMenuItemChange
522
547
  //ref
523
548
  ,
524
549
  selectPortalRef: this.selectPortalRef,
@@ -532,6 +557,12 @@ export class ShareDialogWithTriggerInternal extends React.PureComponent {
532
557
  zIndex: dialogZIndex,
533
558
  label: this.props.intl.formatMessage(messages.sharePopupLabel),
534
559
  role: "dialog"
560
+ // TODO: remove after https://hello.atlassian.net/wiki/x/SoEGzQ experiment is finished
561
+ ,
562
+ offset: this.calculatePopupOffset({
563
+ isMenuItemSelected,
564
+ dialogPlacement
565
+ })
535
566
  }), jsx(Portal, {
536
567
  zIndex: generateSelectZIndex(dialogZIndex)
537
568
  }, jsx("div", {
@@ -7,7 +7,10 @@ import { FormattedMessage, injectIntl } from 'react-intl-next';
7
7
  import { AnalyticsContext } from '@atlaskit/analytics-next';
8
8
  import Button from '@atlaskit/button/custom-theme-button';
9
9
  import Form, { RequiredAsterisk } from '@atlaskit/form';
10
+ import EmailIcon from '@atlaskit/icon/glyph/email';
10
11
  import ErrorIcon from '@atlaskit/icon/glyph/error';
12
+ import { MenuGroup } from '@atlaskit/menu';
13
+ import { Box, xcss } from '@atlaskit/primitives';
11
14
  import Tabs, { Tab, TabList, TabPanel } from '@atlaskit/tabs';
12
15
  import { N300, R400 } from '@atlaskit/theme/colors';
13
16
  import { fontSizeSmall } from '@atlaskit/theme/constants';
@@ -19,6 +22,7 @@ import { CommentField } from './CommentField';
19
22
  import CopyLinkButton from './CopyLinkButton';
20
23
  import { IntegrationForm } from './IntegrationForm';
21
24
  import { ShareHeader } from './ShareHeader';
25
+ import { ShareMenuItem } from './ShareMenuItem';
22
26
  import { UserPickerField } from './UserPickerField';
23
27
  const submitButtonWrapperStyles = css({
24
28
  display: 'flex',
@@ -59,6 +63,14 @@ const requiredFieldInfoStyles = css({
59
63
  color: `var(--ds-text-subtle, ${N300})`,
60
64
  fontSize: `${fontSizeSmall()}px`
61
65
  });
66
+ const menuGroupContainerStyles = xcss({
67
+ color: 'color.text',
68
+ borderRadius: 'border.radius',
69
+ backgroundColor: 'elevation.surface.overlay',
70
+ alignItems: 'flex-start',
71
+ width: '150px',
72
+ margin: `${"var(--ds-space-negative-100, -8px)"} ${"var(--ds-space-negative-300, -24px)"}`
73
+ });
62
74
  const integrationTabText = integrationName => jsx(FormattedMessage, _extends({}, messages.shareInIntegrationButtonText, {
63
75
  values: {
64
76
  integrationName
@@ -69,7 +81,8 @@ class InternalForm extends React.PureComponent {
69
81
  constructor(...args) {
70
82
  super(...args);
71
83
  _defineProperty(this, "state", {
72
- selectedTab: TabType.default
84
+ selectedTab: TabType.default,
85
+ selectedMenuItem: 'none'
73
86
  });
74
87
  _defineProperty(this, "renderShareForm", () => {
75
88
  const {
@@ -211,6 +224,13 @@ class InternalForm extends React.PureComponent {
211
224
  });
212
225
  (_this$props$onTabChan = (_this$props = this.props).onTabChange) === null || _this$props$onTabChan === void 0 ? void 0 : _this$props$onTabChan.call(_this$props, tab);
213
226
  });
227
+ _defineProperty(this, "changeMenuItem", menuItem => {
228
+ var _this$props$onMenuIte, _this$props2;
229
+ this.setState({
230
+ selectedMenuItem: menuItem
231
+ });
232
+ (_this$props$onMenuIte = (_this$props2 = this.props).onMenuItemChange) === null || _this$props$onMenuIte === void 0 ? void 0 : _this$props$onMenuIte.call(_this$props2, menuItem);
233
+ });
214
234
  }
215
235
  componentWillUnmount() {
216
236
  const {
@@ -227,10 +247,38 @@ class InternalForm extends React.PureComponent {
227
247
  shareIntegrations,
228
248
  handleCloseDialog
229
249
  } = this.props;
250
+ const {
251
+ selectedMenuItem
252
+ } = this.state;
230
253
  if (integrationMode === 'off' || !shareIntegrations || !shareIntegrations.length) {
231
254
  return this.renderShareForm();
232
255
  }
233
256
  const firstIntegration = shareIntegrations[0];
257
+ if (selectedMenuItem === 'default') {
258
+ return this.renderShareForm();
259
+ }
260
+ if (selectedMenuItem === 'Slack') {
261
+ return jsx(IntegrationForm, {
262
+ Content: firstIntegration.Content,
263
+ onIntegrationClose: () => handleCloseDialog === null || handleCloseDialog === void 0 ? void 0 : handleCloseDialog()
264
+ });
265
+ }
266
+ if (integrationMode === 'menu') {
267
+ return jsx(Box, {
268
+ xcss: menuGroupContainerStyles
269
+ }, jsx(MenuGroup, null, jsx(ShareMenuItem, {
270
+ iconName: jsx(firstIntegration.Icon, null),
271
+ labelId: messages.slackMenuItemText,
272
+ onClickHandler: () => this.changeMenuItem('Slack')
273
+ }), jsx(ShareMenuItem, {
274
+ iconName: jsx(EmailIcon, {
275
+ label: "",
276
+ size: "medium"
277
+ }),
278
+ labelId: messages.emailMenuItemText,
279
+ onClickHandler: () => this.changeMenuItem('default')
280
+ })));
281
+ }
234
282
  if (integrationMode === 'tabs') {
235
283
  return jsx(Tabs, {
236
284
  id: "ShareForm-Tabs-Integrations",
@@ -7,14 +7,19 @@ const ShareFormWrapper = ({
7
7
  shareFormTitle,
8
8
  shouldShowTitle,
9
9
  children = null,
10
- footer = null
10
+ footer = null,
11
+ integrationMode = 'off',
12
+ isMenuItemSelected = false
11
13
  }) => {
12
14
  const {
13
15
  formatMessage
14
16
  } = useIntl();
15
17
  return /*#__PURE__*/React.createElement(InlineDialogContentWrapper, {
16
18
  label: formatMessage(messages.formTitle)
17
- }, /*#__PURE__*/React.createElement(InlineDialogFormWrapper, null, shouldShowTitle && /*#__PURE__*/React.createElement(ShareHeader, {
19
+ }, /*#__PURE__*/React.createElement(InlineDialogFormWrapper, {
20
+ integrationMode: integrationMode,
21
+ isMenuItemSelected: isMenuItemSelected
22
+ }, shouldShowTitle && /*#__PURE__*/React.createElement(ShareHeader, {
18
23
  title: shareFormTitle
19
24
  }), children), footer);
20
25
  };
@@ -1,13 +1,37 @@
1
1
  /** @jsx jsx */
2
2
 
3
3
  import { jsx } from '@emotion/react';
4
- export const InlineDialogFormWrapper = ({
5
- children
6
- }) => jsx("div", {
7
- css: {
8
- width: `${8 * 44}px`
4
+ import { menuWrapperWidth } from '../ShareMenuItem';
5
+
6
+ /**
7
+ * Set fixed width considering full form width and full menu width in order
8
+ * to prevent dialog form from bouncing when isLoading prop is set to true.
9
+ * Since loading container has 100% width, it adjusts accordingly.
10
+ */
11
+ const calculateFormWrapperWidth = ({
12
+ integrationMode,
13
+ isMenuItemSelected
14
+ }) => {
15
+ const formWidth = `${8 * 44}px`;
16
+ if (!isMenuItemSelected && integrationMode === 'menu') {
17
+ return menuWrapperWidth;
9
18
  }
10
- }, children);
19
+ return formWidth;
20
+ };
21
+ export const InlineDialogFormWrapper = ({
22
+ children,
23
+ integrationMode,
24
+ isMenuItemSelected
25
+ }) => {
26
+ return jsx("div", {
27
+ css: {
28
+ width: calculateFormWrapperWidth({
29
+ integrationMode,
30
+ isMenuItemSelected
31
+ })
32
+ }
33
+ }, children);
34
+ };
11
35
 
12
36
  /**
13
37
  * Apply the same styling, as previous @atlaskit/inline-dialog had,
@@ -18,9 +42,11 @@ export const InlineDialogFormWrapper = ({
18
42
  export const InlineDialogContentWrapper = ({
19
43
  children,
20
44
  label
21
- }) => jsx("div", {
22
- css: {
23
- padding: `${"var(--ds-space-200, 16px)"} ${"var(--ds-space-300, 24px)"}`
24
- },
25
- "aria-label": label
26
- }, children);
45
+ }) => {
46
+ return jsx("div", {
47
+ css: {
48
+ padding: `${"var(--ds-space-200, 16px)"} ${"var(--ds-space-300, 24px)"}`
49
+ },
50
+ "aria-label": label
51
+ }, children);
52
+ };
@@ -0,0 +1,28 @@
1
+ import React from 'react';
2
+ import { FormattedMessage } from 'react-intl-next';
3
+ import { ButtonItem } from '@atlaskit/menu';
4
+ import { Box, xcss } from '@atlaskit/primitives';
5
+ const iconContainerStyles = xcss({
6
+ display: 'flex',
7
+ alignItems: 'center',
8
+ justifyContent: 'center',
9
+ height: 'size.200',
10
+ width: 'size.200',
11
+ borderRadius: 'border.radius'
12
+ });
13
+ export const ShareMenuItem = ({
14
+ iconName,
15
+ labelId,
16
+ onClickHandler
17
+ }) => /*#__PURE__*/React.createElement(ButtonItem, {
18
+ iconBefore: /*#__PURE__*/React.createElement(IconContainer, {
19
+ icon: iconName
20
+ }),
21
+ onClick: onClickHandler
22
+ }, /*#__PURE__*/React.createElement(FormattedMessage, labelId));
23
+ export const IconContainer = ({
24
+ icon
25
+ }) => /*#__PURE__*/React.createElement(Box, {
26
+ xcss: iconContainerStyles
27
+ }, icon);
28
+ export const menuWrapperWidth = '102px';