@atlaskit/share 4.17.0 → 4.18.0

package/dist/es2019/i18n/ja.js

@@ -47,6 +47,7 @@ export default {
   'fabric.elements.share.invite.to.jira': 'Jira に招待',
   'fabric.elements.share.main.tab.text.confluence': 'ページを共有',
   'fabric.elements.share.main.tab.text.jira': '課題を共有',
+  'fabric.elements.share.popup.label': '共有',
   '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 {リンクが共有されました}}',
   'fabric.elements.share.to.integration.button': '{integrationName} と共有',
   'fabric.elements.share.trigger.button.icon.label': '共有アイコン',

package/dist/es2019/i18n/ko.js

@@ -47,6 +47,7 @@ export default {
   'fabric.elements.share.invite.to.jira': 'Jira에 초대',
   'fabric.elements.share.main.tab.text.confluence': '페이지 공유',
   'fabric.elements.share.main.tab.text.jira': '이슈 공유',
+  'fabric.elements.share.popup.label': '공유',
   '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 {공유한 링크}}',
   'fabric.elements.share.to.integration.button': '{integrationName}에 공유',
   'fabric.elements.share.trigger.button.icon.label': '공유 아이콘',

package/dist/es2019/i18n/nb.js

@@ -47,6 +47,7 @@ export default {
   'fabric.elements.share.invite.to.jira': 'Inviter til Jira',
   'fabric.elements.share.main.tab.text.confluence': 'Del side',
   'fabric.elements.share.main.tab.text.jira': 'Del sak',
+  'fabric.elements.share.popup.label': 'Del',
   '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}}',
   'fabric.elements.share.to.integration.button': 'Del til {integrationName}',
   'fabric.elements.share.trigger.button.icon.label': 'Dele-ikon',

package/dist/es2019/i18n/nl.js

@@ -47,6 +47,7 @@ export default {
   'fabric.elements.share.invite.to.jira': 'Uitnodigen voor Jira',
   'fabric.elements.share.main.tab.text.confluence': 'Pagina delen',
   'fabric.elements.share.main.tab.text.jira': 'Issue delen',
+  'fabric.elements.share.popup.label': 'Delen',
   '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}}',
   'fabric.elements.share.to.integration.button': 'Delen met {integrationName}',
   'fabric.elements.share.trigger.button.icon.label': "Pictogram 'Delen'",

package/dist/es2019/i18n/pl.js

@@ -47,6 +47,7 @@ export default {
   'fabric.elements.share.invite.to.jira': 'Zaproś do systemu Jira',
   'fabric.elements.share.main.tab.text.confluence': 'Udostępnij stronę',
   'fabric.elements.share.main.tab.text.jira': 'Udostępnij zgłoszenie',
+  'fabric.elements.share.popup.label': 'Udostępnij',
   '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}}',
   'fabric.elements.share.to.integration.button': 'Udostępnij w {integrationName}',
   'fabric.elements.share.trigger.button.icon.label': 'Ikona udostępniania',

package/dist/es2019/i18n/pt_BR.js

@@ -47,6 +47,7 @@ export default {
   'fabric.elements.share.invite.to.jira': 'Convidar para o Jira',
   'fabric.elements.share.main.tab.text.confluence': 'Compartilhar página',
   'fabric.elements.share.main.tab.text.jira': 'Compartilhar item',
+  'fabric.elements.share.popup.label': 'Compartilhar',
   '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}}',
   'fabric.elements.share.to.integration.button': 'Compartilhar em {integrationName}',
   'fabric.elements.share.trigger.button.icon.label': 'Ícone de compartilhamento',

package/dist/es2019/i18n/ru.js

@@ -47,6 +47,7 @@ export default {
   'fabric.elements.share.invite.to.jira': 'Пригласить в Jira',
   'fabric.elements.share.main.tab.text.confluence': 'Поделиться страницей',
   'fabric.elements.share.main.tab.text.jira': 'Поделиться задачей',
+  'fabric.elements.share.popup.label': 'Поделиться',
   '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 {Доступ к ссылке предоставлен}}',
   'fabric.elements.share.to.integration.button': 'Поделиться в {integrationName}',
   'fabric.elements.share.trigger.button.icon.label': 'Значок «Поделиться»',

package/dist/es2019/i18n/sv.js

@@ -47,6 +47,7 @@ export default {
   'fabric.elements.share.invite.to.jira': 'Bjud in till Jira',
   'fabric.elements.share.main.tab.text.confluence': 'Dela sida',
   'fabric.elements.share.main.tab.text.jira': 'Dela ärende',
+  'fabric.elements.share.popup.label': 'Dela',
   '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}}',
   'fabric.elements.share.to.integration.button': 'Dela till {integrationName}',
   'fabric.elements.share.trigger.button.icon.label': 'Dela-ikon',

package/dist/es2019/i18n/th.js

@@ -47,6 +47,7 @@ export default {
   'fabric.elements.share.invite.to.jira': 'เชิญไปยัง Jira',
   'fabric.elements.share.main.tab.text.confluence': 'แชร์หน้าข้อมูล',
   'fabric.elements.share.main.tab.text.jira': 'แชร์ปัญหา',
+  'fabric.elements.share.popup.label': 'แชร์',
   '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 {แชร์ลิงก์แล้ว}}',
   'fabric.elements.share.to.integration.button': 'แชร์ไปยัง {integrationName}',
   'fabric.elements.share.trigger.button.icon.label': 'แชร์ไอคอน',

package/dist/es2019/i18n/tr.js

@@ -47,6 +47,7 @@ export default {
   'fabric.elements.share.invite.to.jira': "Jira'ya davet et",
   'fabric.elements.share.main.tab.text.confluence': 'Sayfayı paylaşın',
   'fabric.elements.share.main.tab.text.jira': 'Konuyu paylaşın',
+  'fabric.elements.share.popup.label': 'Paylaş',
   '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ı}}',
   'fabric.elements.share.to.integration.button': '{integrationName} üzerinden paylaş',
   'fabric.elements.share.trigger.button.icon.label': 'Paylaşma simgesi',

package/dist/es2019/i18n/uk.js

@@ -47,6 +47,7 @@ export default {
   'fabric.elements.share.invite.to.jira': 'Запросити до Jira',
   'fabric.elements.share.main.tab.text.confluence': 'Поділитися сторінкою',
   'fabric.elements.share.main.tab.text.jira': 'Поділитися завданням',
+  'fabric.elements.share.popup.label': 'Поділитися',
   '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 {Надано доступ до посилання}}',
   'fabric.elements.share.to.integration.button': 'Надіслати в {integrationName}',
   'fabric.elements.share.trigger.button.icon.label': 'Надіслати піктограму',

package/dist/es2019/i18n/vi.js

@@ -47,6 +47,7 @@ export default {
   'fabric.elements.share.invite.to.jira': 'Mời tham gia Jira',
   'fabric.elements.share.main.tab.text.confluence': 'Chia sẻ trang',
   'fabric.elements.share.main.tab.text.jira': 'Chia sẻ vấn đề',
+  'fabric.elements.share.popup.label': 'Chia sẻ',
   '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}}',
   'fabric.elements.share.to.integration.button': 'Chia sẻ với {integrationName}',
   'fabric.elements.share.trigger.button.icon.label': 'Biểu tượng chia sẻ',

package/dist/es2019/i18n/zh.js

@@ -47,6 +47,7 @@ export default {
   'fabric.elements.share.invite.to.jira': '邀请加入 Jira',
   'fabric.elements.share.main.tab.text.confluence': '分享页面',
   'fabric.elements.share.main.tab.text.jira': '共享事务',
+  'fabric.elements.share.popup.label': '共享',
   '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 {链接已共享}}',
   'fabric.elements.share.to.integration.button': '分享到 {integrationName}',
   'fabric.elements.share.trigger.button.icon.label': '共享图标',

package/dist/es2019/i18n/zh_TW.js

@@ -47,6 +47,7 @@ export default {
   'fabric.elements.share.invite.to.jira': '邀請加入 Jira',
   'fabric.elements.share.main.tab.text.confluence': '分享頁面',
   'fabric.elements.share.main.tab.text.jira': '共用議題',
+  'fabric.elements.share.popup.label': '分享',
   '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 {已分享連結}}',
   'fabric.elements.share.to.integration.button': '與 {integrationName} 分享',
   'fabric.elements.share.trigger.button.icon.label': '分享圖示',

package/dist/es2019/i18n.js

@@ -242,5 +242,15 @@ export const messages = defineMessages({
     id: 'fabric.elements.share.popup.label',
     defaultMessage: 'Share',
     description: 'Label of the popup that contains share menu used by assistive technologies'
+  },
+  slackMenuItemText: {
+    id: 'fabric.elements.share.menu.slack.label',
+    defaultMessage: 'Slack',
+    description: 'Text for the slack menu in share'
+  },
+  emailMenuItemText: {
+    id: 'fabric.elements.share.menu.email.label',
+    defaultMessage: 'Email',
+    description: 'Text for the email menu in share'
   }
 });

package/dist/esm/components/LazyShareForm/LazyShareForm.js

@@ -37,11 +37,13 @@ function LazyShareForm(props) {
     copyTooltipText = props.copyTooltipText,
     shareIntegrations = props.shareIntegrations,
     integrationMode = props.integrationMode,
+    isMenuItemSelected = props.isMenuItemSelected,
     onLinkCopy = props.onLinkCopy,
     onDismiss = props.onDismiss,
     onSubmit = props.onSubmit,
     onDialogClose = props.onDialogClose,
     onTabChange = props.onTabChange,
+    onMenuItemChange = props.onMenuItemChange,
     selectPortalRef = props.selectPortalRef,
     showIntegrationForm = props.showIntegrationForm,
     selectedIntegration = props.selectedIntegration,
@@ -70,6 +72,8 @@ function LazyShareForm(props) {
     // form title will be determined by `title` and `showTitle` prop passed to `ShareForm`,
     // so we don't need to show title via ShareFormWrapper
     ,
+    integrationMode: integrationMode,
+    isMenuItemSelected: isMenuItemSelected,
     shouldShowTitle: false
   }, showIntegrationForm && selectedIntegration !== null ? jsx(AnalyticsContext, {
     data: {
@@ -107,6 +111,7 @@ function LazyShareForm(props) {
     onUserSelectionChange: onUserSelectionChange,
     handleCloseDialog: onDialogClose,
     onTabChange: onTabChange,
+    onMenuItemChange: onMenuItemChange,
     isBrowseUsersDisabled: isBrowseUsersDisabled,
     userPickerOptions: userPickerOptions
   }) : jsx("p", null, jsx(FormattedMessage, messages.formNoPermissions))));

package/dist/esm/components/LazyShareForm/lazy.js

@@ -13,12 +13,16 @@ var LazyShareFormLazy = lazyForPaint(function () {
 var LoadingDialog = function LoadingDialog(_ref) {
   var shareFormTitle = _ref.shareFormTitle,
     showTitle = _ref.showTitle,
-    setIsLoading = _ref.setIsLoading;
+    setIsLoading = _ref.setIsLoading,
+    integrationMode = _ref.integrationMode,
+    isMenuItemSelected = _ref.isMenuItemSelected;
   React.useEffect(function () {
     setIsLoading(true);
   });
   return jsx(ShareFormWrapper, {
-    shareFormTitle: shareFormTitle
+    shareFormTitle: shareFormTitle,
+    integrationMode: integrationMode,
+    isMenuItemSelected: isMenuItemSelected
     // if `showTitle` is passed, we use it. Otherwise, we will show title for loading dialog.
     ,
     shouldShowTitle: typeof showTitle === 'boolean' ? showTitle : true
@@ -37,7 +41,9 @@ export default (function (props) {
     fallback: jsx(LoadingDialog, {
       shareFormTitle: props.shareFormTitle,
       showTitle: props.showTitle,
-      setIsLoading: props.setIsLoading
+      setIsLoading: props.setIsLoading,
+      integrationMode: props.integrationMode,
+      isMenuItemSelected: props.isMenuItemSelected
     })
   }, jsx(LazyShareFormLazy, props));
 });

package/dist/esm/components/ShareDialogWithTrigger.js

@@ -23,7 +23,7 @@ import { layers } from '@atlaskit/theme/constants';
 import Aktooltip from '@atlaskit/tooltip';
 import { messages } from '../i18n';
 import { OBJECT_SHARED } from '../types';
-import { cancelShare, CHANNEL_ID, copyLinkButtonClicked, formShareSubmitted, screenEvent, shareSplitButtonEvent, shareTabClicked, shareTriggerButtonClicked
+import { cancelShare, CHANNEL_ID, copyLinkButtonClicked, formShareSubmitted, screenEvent, shareMenuItemClicked, shareSplitButtonEvent, shareTabClicked, shareTriggerButtonClicked
 // type TabSubjectIdType,
 } from './analytics/analytics';
 // eslint-disable-next-line no-duplicate-imports
@@ -73,6 +73,7 @@ export var ShareDialogWithTriggerInternal = /*#__PURE__*/function (_React$PureCo
       showIntegrationForm: false,
       selectedIntegration: null,
       tabIndex: 0,
+      isMenuItemSelected: false,
       isLoading: false
     });
     _defineProperty(_assertThisInitialized(_this), "closeAndResetDialog", function () {
@@ -82,7 +83,8 @@ export var ShareDialogWithTriggerInternal = /*#__PURE__*/function (_React$PureCo
         shareError: undefined,
         isDialogOpen: false,
         showIntegrationForm: false,
-        selectedIntegration: null
+        selectedIntegration: null,
+        isMenuItemSelected: false
       });
       var _this$props = _this.props,
         onUserSelectionChange = _this$props.onUserSelectionChange,
@@ -116,6 +118,14 @@ export var ShareDialogWithTriggerInternal = /*#__PURE__*/function (_React$PureCo
         tabIndex: index
       });
     });
+    _defineProperty(_assertThisInitialized(_this), "onMenuItemChange", function (menuType) {
+      var subjectId = menuType === 'Slack' ? 'shareToSlackMenuItem' : 'shareMenuItem';
+      var shareContentType = _this.props.shareContentType;
+      _this.createAndFireEvent(shareMenuItemClicked(subjectId, shareContentType));
+      _this.setState({
+        isMenuItemSelected: true
+      });
+    });
     _defineProperty(_assertThisInitialized(_this), "getFlags", function () {
       var formatMessage = _this.props.intl.formatMessage;
 
@@ -228,7 +238,8 @@ export var ShareDialogWithTriggerInternal = /*#__PURE__*/function (_React$PureCo
         isDialogOpen: false,
         showIntegrationForm: false,
         selectedIntegration: null,
-        tabIndex: 0
+        tabIndex: 0,
+        isMenuItemSelected: false
       });
     });
     _defineProperty(_assertThisInitialized(_this), "handleShareSubmit", function (data) {
@@ -302,6 +313,14 @@ export var ShareDialogWithTriggerInternal = /*#__PURE__*/function (_React$PureCo
         };
       });
     });
+    _defineProperty(_assertThisInitialized(_this), "calculatePopupOffset", function (_ref3) {
+      var isMenuItemSelected = _ref3.isMenuItemSelected,
+        dialogPlacement = _ref3.dialogPlacement;
+      if (isMenuItemSelected && dialogPlacement === 'bottom-end') {
+        return [-0.1, 8];
+      }
+      return [0, 8];
+    });
     _defineProperty(_assertThisInitialized(_this), "handleCopyLink", function () {
       var _this$props5 = _this.props,
         copyLinkOrigin = _this$props5.copyLinkOrigin,
@@ -496,7 +515,8 @@ export var ShareDialogWithTriggerInternal = /*#__PURE__*/function (_React$PureCo
         shareError = _this$state3.shareError,
         defaultValue = _this$state3.defaultValue,
         showIntegrationForm = _this$state3.showIntegrationForm,
-        selectedIntegration = _this$state3.selectedIntegration;
+        selectedIntegration = _this$state3.selectedIntegration,
+        isMenuItemSelected = _this$state3.isMenuItemSelected;
       var _this$props7 = this.props,
         copyLink = _this$props7.copyLink,
         dialogPlacement = _this$props7.dialogPlacement,
@@ -565,14 +585,16 @@ export var ShareDialogWithTriggerInternal = /*#__PURE__*/function (_React$PureCo
             isPublicLink: isPublicLink,
             copyTooltipText: copyTooltipText,
             integrationMode: integrationMode,
-            shareIntegrations: shareIntegrations
+            shareIntegrations: shareIntegrations,
+            isMenuItemSelected: isMenuItemSelected
             // actions
             ,
             onLinkCopy: _this2.handleCopyLink,
             onSubmit: _this2.handleShareSubmit,
             onDismiss: _this2.handleFormDismiss,
             onDialogClose: _this2.handleCloseDialog,
-            onTabChange: _this2.onTabChange
+            onTabChange: _this2.onTabChange,
+            onMenuItemChange: _this2.onMenuItemChange
             //ref
             ,
             selectPortalRef: _this2.selectPortalRef,
@@ -587,6 +609,12 @@ export var ShareDialogWithTriggerInternal = /*#__PURE__*/function (_React$PureCo
         zIndex: dialogZIndex,
         label: this.props.intl.formatMessage(messages.sharePopupLabel),
         role: "dialog"
+        // TODO: remove after https://hello.atlassian.net/wiki/x/SoEGzQ experiment is finished
+        ,
+        offset: this.calculatePopupOffset({
+          isMenuItemSelected: isMenuItemSelected,
+          dialogPlacement: dialogPlacement
+        })
       }), jsx(Portal, {
         zIndex: generateSelectZIndex(dialogZIndex)
       }, jsx("div", {

package/dist/esm/components/ShareForm.js

@@ -17,7 +17,10 @@ import { FormattedMessage, injectIntl } from 'react-intl-next';
 import { AnalyticsContext } from '@atlaskit/analytics-next';
 import Button from '@atlaskit/button/custom-theme-button';
 import Form, { RequiredAsterisk } from '@atlaskit/form';
+import EmailIcon from '@atlaskit/icon/glyph/email';
 import ErrorIcon from '@atlaskit/icon/glyph/error';
+import { MenuGroup } from '@atlaskit/menu';
+import { Box, xcss } from '@atlaskit/primitives';
 import Tabs, { Tab, TabList, TabPanel } from '@atlaskit/tabs';
 import { N300, R400 } from '@atlaskit/theme/colors';
 import { fontSizeSmall } from '@atlaskit/theme/constants';
@@ -29,6 +32,7 @@ import { CommentField } from './CommentField';
 import CopyLinkButton from './CopyLinkButton';
 import { IntegrationForm } from './IntegrationForm';
 import { ShareHeader } from './ShareHeader';
+import { ShareMenuItem } from './ShareMenuItem';
 import { UserPickerField } from './UserPickerField';
 var submitButtonWrapperStyles = css({
   display: 'flex',
@@ -69,6 +73,14 @@ var requiredFieldInfoStyles = css({
   color: "var(--ds-text-subtle, ".concat(N300, ")"),
   fontSize: "".concat(fontSizeSmall(), "px")
 });
+var menuGroupContainerStyles = xcss({
+  color: 'color.text',
+  borderRadius: 'border.radius',
+  backgroundColor: 'elevation.surface.overlay',
+  alignItems: 'flex-start',
+  width: '150px',
+  margin: "var(--ds-space-negative-100, -8px)".concat(" ", "var(--ds-space-negative-300, -24px)")
+});
 var integrationTabText = function integrationTabText(integrationName) {
   return jsx(FormattedMessage, _extends({}, messages.shareInIntegrationButtonText, {
     values: {
@@ -88,7 +100,8 @@ var InternalForm = /*#__PURE__*/function (_React$PureComponent) {
     }
     _this = _super.call.apply(_super, [this].concat(args));
     _defineProperty(_assertThisInitialized(_this), "state", {
-      selectedTab: TabType.default
+      selectedTab: TabType.default,
+      selectedMenuItem: 'none'
     });
     _defineProperty(_assertThisInitialized(_this), "renderShareForm", function () {
       var _this$props = _this.props,
@@ -220,14 +233,21 @@ var InternalForm = /*#__PURE__*/function (_React$PureComponent) {
       });
       (_this$props$onTabChan = (_this$props4 = _this.props).onTabChange) === null || _this$props$onTabChan === void 0 || _this$props$onTabChan.call(_this$props4, tab);
     });
+    _defineProperty(_assertThisInitialized(_this), "changeMenuItem", function (menuItem) {
+      var _this$props$onMenuIte, _this$props5;
+      _this.setState({
+        selectedMenuItem: menuItem
+      });
+      (_this$props$onMenuIte = (_this$props5 = _this.props).onMenuItemChange) === null || _this$props$onMenuIte === void 0 || _this$props$onMenuIte.call(_this$props5, menuItem);
+    });
     return _this;
   }
   _createClass(InternalForm, [{
     key: "componentWillUnmount",
     value: function componentWillUnmount() {
-      var _this$props5 = this.props,
-        onDismiss = _this$props5.onDismiss,
-        getValues = _this$props5.getValues;
+      var _this$props6 = this.props,
+        onDismiss = _this$props6.onDismiss,
+        getValues = _this$props6.getValues;
       if (onDismiss) {
         onDismiss(getValues());
       }
@@ -235,15 +255,48 @@ var InternalForm = /*#__PURE__*/function (_React$PureComponent) {
   }, {
     key: "render",
     value: function render() {
-      var _this$props6 = this.props,
-        _this$props6$integrat = _this$props6.integrationMode,
-        integrationMode = _this$props6$integrat === void 0 ? 'off' : _this$props6$integrat,
-        shareIntegrations = _this$props6.shareIntegrations,
-        handleCloseDialog = _this$props6.handleCloseDialog;
+      var _this2 = this;
+      var _this$props7 = this.props,
+        _this$props7$integrat = _this$props7.integrationMode,
+        integrationMode = _this$props7$integrat === void 0 ? 'off' : _this$props7$integrat,
+        shareIntegrations = _this$props7.shareIntegrations,
+        handleCloseDialog = _this$props7.handleCloseDialog;
+      var selectedMenuItem = this.state.selectedMenuItem;
       if (integrationMode === 'off' || !shareIntegrations || !shareIntegrations.length) {
         return this.renderShareForm();
       }
       var firstIntegration = shareIntegrations[0];
+      if (selectedMenuItem === 'default') {
+        return this.renderShareForm();
+      }
+      if (selectedMenuItem === 'Slack') {
+        return jsx(IntegrationForm, {
+          Content: firstIntegration.Content,
+          onIntegrationClose: function onIntegrationClose() {
+            return handleCloseDialog === null || handleCloseDialog === void 0 ? void 0 : handleCloseDialog();
+          }
+        });
+      }
+      if (integrationMode === 'menu') {
+        return jsx(Box, {
+          xcss: menuGroupContainerStyles
+        }, jsx(MenuGroup, null, jsx(ShareMenuItem, {
+          iconName: jsx(firstIntegration.Icon, null),
+          labelId: messages.slackMenuItemText,
+          onClickHandler: function onClickHandler() {
+            return _this2.changeMenuItem('Slack');
+          }
+        }), jsx(ShareMenuItem, {
+          iconName: jsx(EmailIcon, {
+            label: "",
+            size: "medium"
+          }),
+          labelId: messages.emailMenuItemText,
+          onClickHandler: function onClickHandler() {
+            return _this2.changeMenuItem('default');
+          }
+        })));
+      }
       if (integrationMode === 'tabs') {
         return jsx(Tabs, {
           id: "ShareForm-Tabs-Integrations",

package/dist/esm/components/ShareFormWrapper/ShareFormWrapper.js

@@ -9,12 +9,19 @@ var ShareFormWrapper = function ShareFormWrapper(_ref) {
     _ref$children = _ref.children,
     children = _ref$children === void 0 ? null : _ref$children,
     _ref$footer = _ref.footer,
-    footer = _ref$footer === void 0 ? null : _ref$footer;
+    footer = _ref$footer === void 0 ? null : _ref$footer,
+    _ref$integrationMode = _ref.integrationMode,
+    integrationMode = _ref$integrationMode === void 0 ? 'off' : _ref$integrationMode,
+    _ref$isMenuItemSelect = _ref.isMenuItemSelected,
+    isMenuItemSelected = _ref$isMenuItemSelect === void 0 ? false : _ref$isMenuItemSelect;
   var _useIntl = useIntl(),
     formatMessage = _useIntl.formatMessage;
   return /*#__PURE__*/React.createElement(InlineDialogContentWrapper, {
     label: formatMessage(messages.formTitle)
-  }, /*#__PURE__*/React.createElement(InlineDialogFormWrapper, null, shouldShowTitle && /*#__PURE__*/React.createElement(ShareHeader, {
+  }, /*#__PURE__*/React.createElement(InlineDialogFormWrapper, {
+    integrationMode: integrationMode,
+    isMenuItemSelected: isMenuItemSelected
+  }, shouldShowTitle && /*#__PURE__*/React.createElement(ShareHeader, {
     title: shareFormTitle
   }), children), footer);
 };

package/dist/esm/components/ShareFormWrapper/styled.js

@@ -1,11 +1,32 @@
 /** @jsx jsx */
 
 import { jsx } from '@emotion/react';
-export var InlineDialogFormWrapper = function InlineDialogFormWrapper(_ref) {
-  var children = _ref.children;
+import { menuWrapperWidth } from '../ShareMenuItem';
+
+/**
+ * Set fixed width considering full form width and full menu width in order
+ * to prevent dialog form from bouncing when isLoading prop is set to true.
+ * Since loading container has 100% width, it adjusts accordingly.
+ */
+var calculateFormWrapperWidth = function calculateFormWrapperWidth(_ref) {
+  var integrationMode = _ref.integrationMode,
+    isMenuItemSelected = _ref.isMenuItemSelected;
+  var formWidth = "".concat(8 * 44, "px");
+  if (!isMenuItemSelected && integrationMode === 'menu') {
+    return menuWrapperWidth;
+  }
+  return formWidth;
+};
+export var InlineDialogFormWrapper = function InlineDialogFormWrapper(_ref2) {
+  var children = _ref2.children,
+    integrationMode = _ref2.integrationMode,
+    isMenuItemSelected = _ref2.isMenuItemSelected;
   return jsx("div", {
     css: {
-      width: "".concat(8 * 44, "px")
+      width: calculateFormWrapperWidth({
+        integrationMode: integrationMode,
+        isMenuItemSelected: isMenuItemSelected
+      })
     }
   }, children);
 };
@@ -16,9 +37,9 @@ export var InlineDialogFormWrapper = function InlineDialogFormWrapper(_ref) {
  *
  * packages/design-system/inline-dialog/src/InlineDialog/styled.ts:20:3
  */
-export var InlineDialogContentWrapper = function InlineDialogContentWrapper(_ref2) {
-  var children = _ref2.children,
-    label = _ref2.label;
+export var InlineDialogContentWrapper = function InlineDialogContentWrapper(_ref3) {
+  var children = _ref3.children,
+    label = _ref3.label;
   return jsx("div", {
     css: {
       padding: "var(--ds-space-200, 16px)".concat(" ", "var(--ds-space-300, 24px)")

package/dist/esm/components/ShareMenuItem.js

@@ -0,0 +1,30 @@
+import React from 'react';
+import { FormattedMessage } from 'react-intl-next';
+import { ButtonItem } from '@atlaskit/menu';
+import { Box, xcss } from '@atlaskit/primitives';
+var iconContainerStyles = xcss({
+  display: 'flex',
+  alignItems: 'center',
+  justifyContent: 'center',
+  height: 'size.200',
+  width: 'size.200',
+  borderRadius: 'border.radius'
+});
+export var ShareMenuItem = function ShareMenuItem(_ref) {
+  var iconName = _ref.iconName,
+    labelId = _ref.labelId,
+    onClickHandler = _ref.onClickHandler;
+  return /*#__PURE__*/React.createElement(ButtonItem, {
+    iconBefore: /*#__PURE__*/React.createElement(IconContainer, {
+      icon: iconName
+    }),
+    onClick: onClickHandler
+  }, /*#__PURE__*/React.createElement(FormattedMessage, labelId));
+};
+export var IconContainer = function IconContainer(_ref2) {
+  var icon = _ref2.icon;
+  return /*#__PURE__*/React.createElement(Box, {
+    xcss: iconContainerStyles
+  }, icon);
+};
+export var menuWrapperWidth = '102px';

package/dist/esm/components/analytics/analytics.js

@@ -6,7 +6,7 @@ var buildAttributes = function buildAttributes() {
   var attributes = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   return _objectSpread({
     packageName: "@atlaskit/share",
-    packageVersion: "4.17.0"
+    packageVersion: "4.18.0"
   }, attributes);
 };
 var createEvent = function createEvent(eventType, source, action, actionSubject, actionSubjectId) {
@@ -63,6 +63,11 @@ export var shareTabClicked = function shareTabClicked(subjectId, shareContentTyp
     shareContentType: shareContentType
   });
 };
+export var shareMenuItemClicked = function shareMenuItemClicked(subjectId, shareContentType) {
+  return createEvent('ui', ANALYTICS_SOURCE, 'clicked', 'menuItem', subjectId || 'shareMenuItem', {
+    shareContentType: shareContentType
+  });
+};
 export var cancelShare = function cancelShare(start) {
   return createEvent('ui', ANALYTICS_SOURCE, 'pressed', 'keyboardShortcut', 'cancelShare', {
     source: ANALYTICS_SOURCE,

package/dist/esm/i18n/cs.js

@@ -47,6 +47,7 @@ export default {
   'fabric.elements.share.invite.to.jira': 'Pozvat do Jira',
   'fabric.elements.share.main.tab.text.confluence': 'Sdílet stránku',
   'fabric.elements.share.main.tab.text.jira': 'Sdílet požadavek',
+  'fabric.elements.share.popup.label': 'Sdílet',
   'fabric.elements.share.success.message': '{object, select,blogpost {Příspěvek na blogu byl sdílen}board {Board byl sdílen}calendar {Kalendář byl sdílen}draft {Koncept byl sdílen}filter {Filtr byl sdílen}issue {Požadavek byl sdílen}summary {Souhrn byl sdílen}list {Seznam byl sdílen}timeline {Časová osa byla sdílena}form {Formulář byl sdílen}media {Multimédia byla sdílena}page {Stránka byla sdílena}project {Projekt byl sdílen}pullrequest {Pull request byl sdílen}question {Otázka byla sdílena}report {Sestava byla sdílena}repository {Repozitář byl sdílen}request {Žádost byla sdílena}roadmap {Časová osa byla sdílena}site {Web byl sdílen}space {Prostor byl sdílen}other {Odkaz byl sdílen}}',
   'fabric.elements.share.to.integration.button': 'Sdílet ve službě {integrationName}',
   'fabric.elements.share.trigger.button.icon.label': 'Ikona sdílení',

package/dist/esm/i18n/da.js

@@ -47,6 +47,7 @@ export default {
   'fabric.elements.share.invite.to.jira': 'Inviter til Jira',
   'fabric.elements.share.main.tab.text.confluence': 'Del side',
   'fabric.elements.share.main.tab.text.jira': 'Del sag',
+  'fabric.elements.share.popup.label': 'Del',
   'fabric.elements.share.success.message': '{object, select,blogpost {Blogindlæg delt}board {Tavle delt}calendar {Kalender delt}draft {Udkast delt}filter {Filter delt}issue {Sag delt}summary {Oversigt delt}list {Liste delt}timeline {Tidslinje delt}form {Formular delt}media {Medier delt}page {Side delt}project {Projekt delt}pullrequest {Pullanmodning delt}question {Spørgsmål delt}report {Rapport delt}repository {Lager delt}request {Anmodning delt}roadmap {Tidslinje delt}site {Websted delt}space {Område delt}other {Link delt}}',
   'fabric.elements.share.to.integration.button': 'Del med {integrationName}',
   'fabric.elements.share.trigger.button.icon.label': 'Del ikon',

package/dist/esm/i18n/de.js

@@ -47,6 +47,7 @@ export default {
   'fabric.elements.share.invite.to.jira': 'Zu Jira einladen',
   'fabric.elements.share.main.tab.text.confluence': 'Seite teilen',
   'fabric.elements.share.main.tab.text.jira': 'Vorgang teilen',
+  'fabric.elements.share.popup.label': 'Teilen',
   'fabric.elements.share.success.message': '{object, select,blogpost {Blogpost geteilt}board {Board geteilt}calendar {Kalender geteilt}draft {Entwurf geteilt}filter {Filter geteilt}issue {Vorgang geteilt}summary {Zusammenfassung geteilt}list {Liste geteilt}timeline {Zeitleiste geteilt}form {Formular geteilt}media {Medien geteilt}page {Seite geteilt}project {Projekt geteilt}pullrequest {Pull-Anfrage geteilt}question {Frage geteilt}report {Bericht geteilt}repository {Repository geteilt}request {Anfrage geteilt}roadmap {Zeitleiste geteilt}site {Site geteilt}space {Bereich geteilt}other {Link geteilt}}',
   'fabric.elements.share.to.integration.button': 'Mit {integrationName} teilen',
   'fabric.elements.share.trigger.button.icon.label': 'Teilen-Symbol',

package/dist/esm/i18n/en.js

@@ -47,6 +47,7 @@ export default {
   'fabric.elements.share.invite.to.jira': 'Invite to Jira',
   'fabric.elements.share.main.tab.text.confluence': 'Share page',
   'fabric.elements.share.main.tab.text.jira': 'Share issue',
+  'fabric.elements.share.popup.label': 'Share',
   'fabric.elements.share.success.message': '{object, select,blogpost {Blog post shared}board {Board shared}calendar {Calendar shared}draft {Draft shared}filter {Filter shared}issue {Issue shared}summary {Summary shared}list {List shared}timeline {Timeline shared}form {Form shared}media {Media shared}page {Page shared}project {Project shared}pullrequest {Pull Request shared}question {Question shared}report {Report shared}repository {Repository shared}request {Request shared}roadmap {Timeline shared}site {Site shared}space {Space shared}other {Link Shared}}',
   'fabric.elements.share.to.integration.button': 'Share to {integrationName}',
   'fabric.elements.share.trigger.button.icon.label': 'Share icon',

package/dist/esm/i18n/en_GB.js

@@ -47,6 +47,7 @@ export default {
   'fabric.elements.share.invite.to.jira': 'Invite to Jira',
   'fabric.elements.share.main.tab.text.confluence': 'Share page',
   'fabric.elements.share.main.tab.text.jira': 'Share issue',
+  'fabric.elements.share.popup.label': 'Share',
   'fabric.elements.share.success.message': '{object, select,blogpost {Blog post shared}board {Board shared}calendar {Calendar shared}draft {Draft shared}filter {Filter shared}issue {Issue shared}summary {Summary shared}list {List shared}timeline {Timeline shared}form {Form shared}media {Media shared}page {Page shared}project {Project shared}pullrequest {Pull Request shared}question {Question shared}report {Report shared}repository {Repository shared}request {Request shared}roadmap {Timeline shared}site {Site shared}space {Space shared}other {Link Shared}}',
   'fabric.elements.share.to.integration.button': 'Share to {integrationName}',
   'fabric.elements.share.trigger.button.icon.label': 'Share icon',