@atlaskit/share 1.0.0 → 2.0.0

package/dist/es2019/i18n/nl.js

@@ -26,8 +26,12 @@ export default {
   'fabric.elements.share.form.user-picker.placeholder.existingUserOnly': 'Voer een naam of team in',
   'fabric.elements.share.form.user-picker.placeholder.generic': 'Voer naam, groep, team of e-mailadres in',
   'fabric.elements.share.form.user-picker.placeholder.jira': 'Voer naam, team of e-mail in',
+  'fabric.elements.share.form.user-picker.placholder.generic.existingUserOnly': 'Voer een naam, groep of team in',
   'fabric.elements.share.form.user-picker.validation.required': 'Selecteer minimaal één gebruiker, groep, team of e-mailadres.',
+  'fabric.elements.share.form.user-picker.validation.required.existingUserOnly': 'Selecteer minimaal één gebruiker, groep of team.',
   'fabric.elements.share.form.user-picker.validation.required.jira': 'Selecteer minimaal één gebruiker, team of e-mailadres.',
+  'fabric.elements.share.form.user-picker.validation.required.jira.existingUserOnly': 'Selecteer minimaal één gebruiker of team.',
+  'fabric.elements.share.in.integration.button': 'Delen in {integrationName}',
   'fabric.elements.share.success.message': '{object, select, blogpost {Blog gedeeld} board {Bord gedeeld} calendar {Kalender gedeeld} draft {Concept gedeeld} filter {Filter gedeeld} issue {Issue gedeeld} media {Media gedeeld} page {Pagina gedeeld} project {Project gedeeld} pullrequest {Pull-aanvraag gedeeld} question {Vraag gedeeld} report {Rapport gedeeld} repository {Repository gedeeld} request {Aanvraag gedeeld} roadmap {Roadmap 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

@@ -26,8 +26,11 @@ export default {
   'fabric.elements.share.form.user-picker.placeholder.existingUserOnly': 'Wprowadź nazwę lub zespół',
   'fabric.elements.share.form.user-picker.placeholder.generic': 'Wpisz nazwę, grupę, zespół lub adres e-mail',
   'fabric.elements.share.form.user-picker.placeholder.jira': 'Wpisz nazwę, zespół lub adres e-mail',
+  'fabric.elements.share.form.user-picker.placholder.generic.existingUserOnly': 'Wprowadź nazwę, grupę lub zespół',
   'fabric.elements.share.form.user-picker.validation.required': 'Wybierz co najmniej jednego użytkownika, jedną grupę albo jeden zespół lub adres e-mail.',
+  'fabric.elements.share.form.user-picker.validation.required.existingUserOnly': 'Wybierz co najmniej jednego użytkownika, jedną grupę lub jeden zespół.',
   'fabric.elements.share.form.user-picker.validation.required.jira': 'Wybierz co najmniej jednego użytkownika, jeden zespół lub adres e-mail.',
+  'fabric.elements.share.form.user-picker.validation.required.jira.existingUserOnly': 'Wybierz co najmniej jednego użytkownika lub jeden zespół.',
   '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} media {Udostępniono media} 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 harmonogram} 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

@@ -26,8 +26,11 @@ export default {
   'fabric.elements.share.form.user-picker.placeholder.existingUserOnly': 'Insira um nome ou uma equipe',
   'fabric.elements.share.form.user-picker.placeholder.generic': 'Insira nome, grupo, equipe ou e-mail',
   'fabric.elements.share.form.user-picker.placeholder.jira': 'Insira o nome, a equipe ou o e-mail',
+  'fabric.elements.share.form.user-picker.placholder.generic.existingUserOnly': 'Insira nome, grupo ou equipe',
   'fabric.elements.share.form.user-picker.validation.required': 'Selecione ao menos um usuário, grupo, equipe ou e-mail.',
+  'fabric.elements.share.form.user-picker.validation.required.existingUserOnly': 'Selecione pelo menos um usuário, grupo ou equipe.',
   'fabric.elements.share.form.user-picker.validation.required.jira': 'Selecione pelo menos um usuário, equipe ou e-mail.',
+  'fabric.elements.share.form.user-picker.validation.required.jira.existingUserOnly': 'Selecione pelo menos um usuário ou equipe.',
   'fabric.elements.share.success.message': '{object, select, blogpost {Postagem de blog compartilhada} board {Painel compartilhado} calendar {Calendário compartilhado} draft {Rascunho compartilhado} filter {Filtro compartilhado} issue {Item compartilhado} media {Mídia compartilhada} page {Página compartilhada} project {Projeto compartilhado} pullrequest {Solicitação pull compartilhada} question {Pergunta compartilhada} report {Relatório compartilhado} repository {Repositório compartilhado} request {Solicitação compartilhada} roadmap {Roteiro 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

@@ -26,8 +26,11 @@ export default {
   'fabric.elements.share.form.user-picker.placeholder.existingUserOnly': 'Укажите имя или название команды',
   'fabric.elements.share.form.user-picker.placeholder.generic': 'Введите имя, группу, команду или адрес эл. почты',
   'fabric.elements.share.form.user-picker.placeholder.jira': 'Введите имя, команду или адрес эл. почты',
+  'fabric.elements.share.form.user-picker.placholder.generic.existingUserOnly': 'Введите имя, группу или команду',
   'fabric.elements.share.form.user-picker.validation.required': 'Выберите хотя бы 1 пользователя, группу, команду или адрес эл. почты.',
+  'fabric.elements.share.form.user-picker.validation.required.existingUserOnly': 'Выберите хотя бы 1 пользователя, группу или команду.',
   'fabric.elements.share.form.user-picker.validation.required.jira': 'Выберите хотя бы 1 пользователя, команду или адрес эл. почты.',
+  'fabric.elements.share.form.user-picker.validation.required.jira.existingUserOnly': 'Выберите хотя бы 1 пользователя или команду.',
   'fabric.elements.share.success.message': '{object, select, blogpost {Вы поделились записью в блоге} board {Вы поделились доской} calendar {Вы поделились календарем} draft {Вы поделились черновиком} filter {Вы поделились фильтром} issue {Вы поделились задачей} 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

@@ -26,8 +26,12 @@ export default {
   'fabric.elements.share.form.user-picker.placeholder.existingUserOnly': 'Ange namn eller team',
   'fabric.elements.share.form.user-picker.placeholder.generic': 'Ange namn, grupp, team eller e-postadress',
   'fabric.elements.share.form.user-picker.placeholder.jira': 'Ange namn, team eller e-postadress',
+  'fabric.elements.share.form.user-picker.placholder.generic.existingUserOnly': 'Ange namn, grupp eller team',
   'fabric.elements.share.form.user-picker.validation.required': 'Välj minst en användare, en grupp, ett team eller en e-postadress.',
+  'fabric.elements.share.form.user-picker.validation.required.existingUserOnly': 'Välj minst en användare, en grupp eller ett team.',
   'fabric.elements.share.form.user-picker.validation.required.jira': 'Välj minst en användare, ett team eller en e-postadress.',
+  'fabric.elements.share.form.user-picker.validation.required.jira.existingUserOnly': 'Välj minst en användare eller ett team.',
+  'fabric.elements.share.in.integration.button': 'Dela i {integrationName}',
   'fabric.elements.share.success.message': '{object, select, blogpost {Blogginlägg delat} board {Tavla delad} calendar {Kalender delad} draft {Utkast delat} filter {Filter delat} issue {Ärende delat} media {Media delad} page {Sida delad} project {Projekt delat} pullrequest {Pull-begäran delad} question {Fråga delad} report {Rapport delad} repository {Lagringsplats delad} request {Förfrågan delad} roadmap {Översikt delad} site {Plats delad} space {Utrymme delat} other {Länk delad}}',
   'fabric.elements.share.to.integration.button': 'Dela till {integrationName}',
   'fabric.elements.share.trigger.button.icon.label': 'Dela-ikon',

package/dist/es2019/i18n/th.js

@@ -26,8 +26,12 @@ export default {
   'fabric.elements.share.form.user-picker.placeholder.existingUserOnly': 'ป้อนชื่อหรือทีม',
   'fabric.elements.share.form.user-picker.placeholder.generic': 'ป้อนชื่อ กลุ่ม ทีม หรืออีเมล',
   'fabric.elements.share.form.user-picker.placeholder.jira': 'ป้อนชื่อ ทีม หรืออีเมล',
+  'fabric.elements.share.form.user-picker.placholder.generic.existingUserOnly': 'ป้อนชื่อ กลุ่ม หรือทีม',
   'fabric.elements.share.form.user-picker.validation.required': 'เลือกผู้ใช้ กลุ่ม ทีม หรืออีเมลอย่างน้อยหนึ่งรายการ',
+  'fabric.elements.share.form.user-picker.validation.required.existingUserOnly': 'เลือกอย่างน้อยหนึ่งผู้ใช้ หนึ่งกลุ่ม หรือหนึ่งทีม',
   'fabric.elements.share.form.user-picker.validation.required.jira': 'เลือกผู้ใช้ ทีม หรืออีเมลอย่างน้อยหนึ่งรายการ',
+  'fabric.elements.share.form.user-picker.validation.required.jira.existingUserOnly': 'เลือกอย่างน้อยหนึ่งผู้ใช้ หรือหนึ่งทีม',
+  'fabric.elements.share.in.integration.button': 'แชร์ใน {integrationName}',
   'fabric.elements.share.success.message': '{object, select, blogpost {แชร์บล็อกโพสต์แล้ว} board {แชร์บอร์ดแล้ว} calendar {แชร์ปฏิทินแล้ว} draft {แชร์ข้อความร่างแล้ว} filter {แชร์ตัวกรองแล้ว} issue {แชร์ปัญหาแล้ว} 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

@@ -26,8 +26,11 @@ export default {
   'fabric.elements.share.form.user-picker.placeholder.existingUserOnly': 'Ad veya takım girin',
   'fabric.elements.share.form.user-picker.placeholder.generic': 'Ad, grup, takım veya e-posta adresi girin',
   'fabric.elements.share.form.user-picker.placeholder.jira': 'Ad, takım veya e-posta adresi girin',
+  'fabric.elements.share.form.user-picker.placholder.generic.existingUserOnly': 'Ad, grup veya takım girin',
   'fabric.elements.share.form.user-picker.validation.required': 'En az bir kullanıcı, grup, takım veya e-posta adresi seçin.',
+  'fabric.elements.share.form.user-picker.validation.required.existingUserOnly': 'En az bir kullanıcı, grup veya takım seçin.',
   'fabric.elements.share.form.user-picker.validation.required.jira': 'En az bir kullanıcı, takım veya e-posta adresi seçin.',
+  'fabric.elements.share.form.user-picker.validation.required.jira.existingUserOnly': 'En az bir kullanıcı veya takım seçin.',
   '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ı} 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 {Yol haritası 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

@@ -26,8 +26,12 @@ export default {
   'fabric.elements.share.form.user-picker.placeholder.existingUserOnly': 'Введіть ім’я або команду',
   'fabric.elements.share.form.user-picker.placeholder.generic': 'Введіть ім’я, групу, команду або електронну адресу',
   'fabric.elements.share.form.user-picker.placeholder.jira': 'Введіть ім’я, назву команди або електронну адресу',
+  'fabric.elements.share.form.user-picker.placholder.generic.existingUserOnly': 'Введіть ім’я, групу або команду',
   'fabric.elements.share.form.user-picker.validation.required': 'Виберіть принаймні одного користувача, групу або електронну пошту.',
+  'fabric.elements.share.form.user-picker.validation.required.existingUserOnly': 'Виберіть принаймні одного користувача, групу або команду.',
   'fabric.elements.share.form.user-picker.validation.required.jira': 'Виберіть принаймні одного користувача, команду або електронну адресу.',
+  'fabric.elements.share.form.user-picker.validation.required.jira.existingUserOnly': 'Виберіть принаймні одного користувача або команду.',
+  'fabric.elements.share.in.integration.button': 'Поділитися в {integrationName}',
   'fabric.elements.share.success.message': '{object, select, blogpost {Ви поділилися дописом у блозі} board {Ви поділилися дошкою} calendar {Ви поділилися календарем} draft {Ви поділилися чернеткою} filter {Ви поділилися фільтром} issue {Ви поділилися проблемою} 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/vi.js

@@ -26,8 +26,11 @@ export default {
   'fabric.elements.share.form.user-picker.placeholder.existingUserOnly': 'Nhập tên hoặc nhóm',
   'fabric.elements.share.form.user-picker.placeholder.generic': 'Nhập tên, đội, nhóm hoặc email',
   'fabric.elements.share.form.user-picker.placeholder.jira': 'Điền tên, nhóm hoặc email',
+  'fabric.elements.share.form.user-picker.placholder.generic.existingUserOnly': 'Nhập tên, nhóm hoặc đội',
   'fabric.elements.share.form.user-picker.validation.required': 'Chọn ít nhất một người dùng, đội, nhóm hoặc email.',
+  'fabric.elements.share.form.user-picker.validation.required.existingUserOnly': 'Chọn ít nhất một người dùng, nhóm hoặc đội ngũ.',
   'fabric.elements.share.form.user-picker.validation.required.jira': 'Chọn ít nhất một người dùng, nhóm hoặc email.',
+  'fabric.elements.share.form.user-picker.validation.required.jira.existingUserOnly': 'Chọn ít nhất một người dùng hoặc đội ngũ.',
   'fabric.elements.share.success.message': '{object, select, blogpost {Đã chia sẻ bài đăng} board {Đã chia sẻ bảng} calendar {Đã chia sẻ lịch} draft {Đã chia sẻ bản nháp} filter {Đã chia sẻ bộ lọc} issue {Đã chia sẻ vấn đề} media {Đã chia sẻ phương tiện} page {Đã chia sẻ trang} project {Đã chia sẻ dự án} pullrequest {Đã chia sẻ yêu cầu kéo} question {Đã chia sẻ câu hỏi} report {Đã chia sẻ báo cáo} repository {Đã chia sẻ kho lưu trữ} request {Đã chia sẻ yêu cầu} roadmap {Đã chia sẻ lộ trình} site {Đã chia sẻ trang} 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

@@ -26,8 +26,12 @@ export default {
   'fabric.elements.share.form.user-picker.placeholder.existingUserOnly': '输入名称或团队',
   'fabric.elements.share.form.user-picker.placeholder.generic': '输入用户名、组、团队或电子邮件',
   'fabric.elements.share.form.user-picker.placeholder.jira': '输入用户名、团队或电子邮件地址',
+  'fabric.elements.share.form.user-picker.placholder.generic.existingUserOnly': '输入姓名、群组或团队',
   'fabric.elements.share.form.user-picker.validation.required': '请至少选择一个用户、组、团队或电子邮件。',
+  'fabric.elements.share.form.user-picker.validation.required.existingUserOnly': '请至少选择一个用户、群组或团队。',
   'fabric.elements.share.form.user-picker.validation.required.jira': '请至少选择一个用户、团队或电子邮件地址。',
+  'fabric.elements.share.form.user-picker.validation.required.jira.existingUserOnly': '请至少选择一个用户或团队。',
+  'fabric.elements.share.in.integration.button': '在 {integrationName} 中分享',
   'fabric.elements.share.success.message': '{object, select, blogpost {已共享博客文章} board {已共享看板} calendar {已共享日历} draft {已共享草稿} filter {已共享筛选器} issue {已共享事务} 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

@@ -26,8 +26,11 @@ export default {
   'fabric.elements.share.form.user-picker.placeholder.existingUserOnly': '輸入名稱或團隊',
   'fabric.elements.share.form.user-picker.placeholder.generic': '輸入名稱、群組、團隊或電子郵件',
   'fabric.elements.share.form.user-picker.placeholder.jira': '輸入名稱、團隊或電子郵件',
+  'fabric.elements.share.form.user-picker.placholder.generic.existingUserOnly': '輸入名稱、群組或團隊',
   'fabric.elements.share.form.user-picker.validation.required': '請至少選取一個使用者、群組、團隊或電子郵件。',
+  'fabric.elements.share.form.user-picker.validation.required.existingUserOnly': '至少選取一個使用者、群組或團隊。',
   'fabric.elements.share.form.user-picker.validation.required.jira': '請選取至少一個使用者、團隊或電子郵件。',
+  'fabric.elements.share.form.user-picker.validation.required.jira.existingUserOnly': '至少選取一個使用者或團隊。',
   'fabric.elements.share.success.message': '{object, select, blogpost {已分享部落格貼文} board {已分享看板} calendar {已分享日曆} draft {已分享草稿} filter {已分享篩選條件} issue {已分享問題} 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

@@ -160,5 +160,15 @@ export const messages = defineMessages({
     id: 'fabric.elements.share.in.integration.button',
     defaultMessage: 'Share in {integrationName}',
     description: 'Text for the button that allows the user to share the currently viewed item through a 3rd party app like Slack'
+  },
+  shareMainTabTextJira: {
+    id: 'fabric.elements.share.main.tab.text.jira',
+    defaultMessage: 'Share issue',
+    description: 'Text for the main share tab for jira'
+  },
+  shareMainTabTextConfluence: {
+    id: 'fabric.elements.share.main.tab.text.confluence',
+    defaultMessage: 'Share page',
+    description: 'Text for the main share tab for confluence'
   }
 });

package/dist/es2019/index.js

@@ -1,4 +1,3 @@
-export { ShareServiceClient } from './clients/ShareServiceClient';
 export { ShareDialogContainer } from './components/ShareDialogContainer';
 export { // Constants
 ADMIN_NOTIFIED, OBJECT_SHARED } from './types';

package/dist/es2019/types/ShareDialogContainer.js

@@ -0,0 +1 @@
+export {};

package/dist/es2019/types/ShareForm.js

@@ -0,0 +1 @@
+export {};

package/dist/es2019/version.json

@@ -1,4 +1,4 @@
 {
 	"name": "@atlaskit/share",
-	"version": "1.0.0"
+	"version": "2.0.0"
 }

package/dist/esm/clients/index.js

@@ -0,0 +1 @@
+export { ShareServiceClient } from './ShareServiceClient';

package/dist/esm/components/CopyLinkButton.js

@@ -23,8 +23,9 @@ import Tooltip from '@atlaskit/tooltip';
 import React from 'react';
 import { FormattedMessage, injectIntl } from 'react-intl-next';
 import styled from 'styled-components';
-import Button, { InlineDialogContentWrapper } from './styles';
+import Button from './styles';
 import { messages } from '../i18n';
+import { InlineDialogContentWrapper } from './ShareFormWrapper/styled';
 var Z_INDEX = layers.modal();
 var AUTO_DISMISS_SECONDS = 8;
 export var AUTO_DISMISS_MS = AUTO_DISMISS_SECONDS * 1000;

package/dist/esm/components/IntegrationForm.js

@@ -8,8 +8,11 @@ import { h500 } from '@atlaskit/theme/typography';
 export var FormWrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  [class^='FormHeader__FormHeaderWrapper'] {\n    h1:first-child {\n      ", "\n\n      > span {\n        /* jira has a class override font settings on h1 > span in gh-custom-field-pickers.css */\n        font-size: inherit !important;\n        line-height: inherit !important;\n        letter-spacing: inherit !important;\n      }\n    }\n  }\n\n  [class^='FormSection__FormSectionWrapper'] {\n    margin-top: 0px;\n  }\n\n  [class^='FormFooter__FormFooterWrapper'] {\n    justify-content: space-between;\n    margin-top: 12px;\n    margin-bottom: 24px;\n  }\n\n  [class^='Field__FieldWrapper']:not(:first-child) {\n    margin-top: 12px;\n  }\n"])), h500());
 export var IntegrationForm = function IntegrationForm(_ref) {
   var Content = _ref.Content,
-      onIntegrationClose = _ref.onIntegrationClose;
-  return /*#__PURE__*/React.createElement(FormWrapper, null, /*#__PURE__*/React.createElement(Content, {
+      _ref$onIntegrationClo = _ref.onIntegrationClose,
+      onIntegrationClose = _ref$onIntegrationClo === void 0 ? function () {
+    return undefined;
+  } : _ref$onIntegrationClo;
+  return /*#__PURE__*/React.createElement(FormWrapper, null, Content && /*#__PURE__*/React.createElement(Content, {
     onClose: onIntegrationClose
   }));
 };

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

@@ -0,0 +1,87 @@
+import React from 'react';
+import { AnalyticsContext } from '@atlaskit/analytics-next';
+import { ShareForm } from '../ShareForm';
+import { ANALYTICS_SOURCE } from '../analytics';
+import { IntegrationForm } from '../IntegrationForm';
+import { BottomMessageWrapper, CustomFooterWrapper } from './styled';
+import { ShareFormWrapper } from '../ShareFormWrapper';
+
+/**
+ * A Share form content which is lazy-loaded.
+ * Make sure this component is not exported inside main entry points `src/index.ts`
+ */
+function LazyShareForm(props) {
+  var copyLink = props.copyLink,
+      config = props.config,
+      isFetchingConfig = props.isFetchingConfig,
+      loadOptions = props.loadOptions,
+      shareFormTitle = props.shareFormTitle,
+      shareFormHelperMessage = props.shareFormHelperMessage,
+      bottomMessage = props.bottomMessage,
+      submitButtonLabel = props.submitButtonLabel,
+      product = props.product,
+      customFooter = props.customFooter,
+      enableSmartUserPicker = props.enableSmartUserPicker,
+      loggedInAccountId = props.loggedInAccountId,
+      cloudId = props.cloudId,
+      shareFieldsFooter = props.shareFieldsFooter,
+      onUserSelectionChange = props.onUserSelectionChange,
+      isPublicLink = props.isPublicLink,
+      copyTooltipText = props.copyTooltipText,
+      shareIntegrations = props.shareIntegrations,
+      integrationMode = props.integrationMode,
+      onLinkCopy = props.onLinkCopy,
+      onDismiss = props.onDismiss,
+      onSubmit = props.onSubmit,
+      onDialogClose = props.onDialogClose,
+      selectPortalRef = props.selectPortalRef,
+      showIntegrationForm = props.showIntegrationForm,
+      selectedIntegration = props.selectedIntegration,
+      isSharing = props.isSharing,
+      shareError = props.shareError,
+      defaultValue = props.defaultValue,
+      showTitle = props.showTitle;
+  var footer = /*#__PURE__*/React.createElement("div", null, bottomMessage ? /*#__PURE__*/React.createElement(BottomMessageWrapper, null, bottomMessage) : null, customFooter && /*#__PURE__*/React.createElement(CustomFooterWrapper, null, customFooter));
+  return /*#__PURE__*/React.createElement(AnalyticsContext, {
+    data: {
+      source: ANALYTICS_SOURCE
+    }
+  }, /*#__PURE__*/React.createElement(ShareFormWrapper, {
+    footer: footer // form title will be determined by `title` and `showTitle` prop passed to `ShareForm`,
+    // so we don't need to show title via ShareFormWrapper
+    ,
+    shouldShowTitle: false
+  }, showIntegrationForm && selectedIntegration !== null ? /*#__PURE__*/React.createElement(IntegrationForm, {
+    Content: selectedIntegration.Content,
+    onIntegrationClose: onDialogClose
+  }) : /*#__PURE__*/React.createElement(ShareForm, {
+    copyLink: copyLink,
+    loadOptions: loadOptions,
+    title: shareFormTitle,
+    showTitle: showTitle,
+    helperMessage: shareFormHelperMessage,
+    shareError: shareError,
+    defaultValue: defaultValue,
+    config: config,
+    submitButtonLabel: submitButtonLabel,
+    product: product,
+    enableSmartUserPicker: enableSmartUserPicker,
+    loggedInAccountId: loggedInAccountId,
+    cloudId: cloudId,
+    fieldsFooter: shareFieldsFooter,
+    selectPortalRef: selectPortalRef,
+    copyTooltipText: copyTooltipText,
+    integrationMode: integrationMode,
+    shareIntegrations: shareIntegrations,
+    isSharing: isSharing,
+    isFetchingConfig: isFetchingConfig,
+    isPublicLink: isPublicLink,
+    onSubmit: onSubmit,
+    onDismiss: onDismiss,
+    onLinkCopy: onLinkCopy,
+    onUserSelectionChange: onUserSelectionChange,
+    handleCloseDialog: onDialogClose
+  })));
+}
+
+export default LazyShareForm;

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

@@ -0,0 +1 @@
+export { default } from './LazyShareForm';

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

@@ -0,0 +1,31 @@
+import React from 'react';
+import { LazySuspense, lazyForPaint } from 'react-loosely-lazy';
+import Spinner from '@atlaskit/spinner';
+import { SpinnerWrapper } from './styled';
+import { ShareFormWrapper } from '../ShareFormWrapper';
+var LazyShareFormLazy = lazyForPaint(function () {
+  return import(
+  /* webpackChunkName: "@atlaskit-internal_share-form" */
+  './LazyShareForm');
+}, {
+  ssr: false
+});
+
+var LoadingDialog = function LoadingDialog(_ref) {
+  var shareFormTitle = _ref.shareFormTitle,
+      showTitle = _ref.showTitle;
+  return /*#__PURE__*/React.createElement(ShareFormWrapper, {
+    shareFormTitle: shareFormTitle // if `showTitle` is passed, we use it. Otherwise, we will show title for loading dialog.
+    ,
+    shouldShowTitle: typeof showTitle === 'boolean' ? showTitle : true
+  }, /*#__PURE__*/React.createElement(SpinnerWrapper, null, /*#__PURE__*/React.createElement(Spinner, null)));
+};
+
+export default (function (props) {
+  return /*#__PURE__*/React.createElement(LazySuspense, {
+    fallback: /*#__PURE__*/React.createElement(LoadingDialog, {
+      shareFormTitle: props.shareFormTitle,
+      showTitle: props.showTitle
+    })
+  }, /*#__PURE__*/React.createElement(LazyShareFormLazy, props));
+});

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

@@ -0,0 +1,9 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
+
+var _templateObject, _templateObject2, _templateObject3;
+
+import styled from 'styled-components';
+import { gridSize } from '@atlaskit/theme/constants';
+export var BottomMessageWrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  width: ", "px;\n"])), gridSize() * 44);
+export var CustomFooterWrapper = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  /* Must match inline dialog padding. */\n  margin: 0 ", "px ", "px ", "px;\n"])), -gridSize() * 3, -gridSize() * 2, -gridSize() * 3);
+export var SpinnerWrapper = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  widht: 100%;\n  height: 100%;\n  display: flex;\n  justify-content: center;\n  align-content: center;\n"])));

package/dist/esm/components/ShareDialogWithTrigger.js

@@ -8,7 +8,7 @@ import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 
-var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+var _templateObject;
 
 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; }
 
@@ -18,28 +18,23 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
 
 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; } }
 
-import { AnalyticsContext, withAnalyticsEvents } from '@atlaskit/analytics-next';
+import React from 'react';
+import { withAnalyticsEvents } from '@atlaskit/analytics-next';
 import SplitButton from './SplitButton';
 import ShareIcon from '@atlaskit/icon/glyph/share';
 import Popup from '@atlaskit/popup';
 import Portal from '@atlaskit/portal';
 import Aktooltip from '@atlaskit/tooltip';
-import { gridSize, layers } from '@atlaskit/theme/constants';
-import React from 'react';
+import { layers } from '@atlaskit/theme/constants';
 import { FormattedMessage, injectIntl } from 'react-intl-next';
 import styled from 'styled-components';
 import { messages } from '../i18n';
 import { OBJECT_SHARED } from '../types';
-import { cancelShare, CHANNEL_ID, copyLinkButtonClicked, formShareSubmitted, screenEvent, shareTriggerButtonClicked, shareSplitButtonEvent, ANALYTICS_SOURCE } from './analytics';
+import { cancelShare, CHANNEL_ID, copyLinkButtonClicked, screenEvent, shareTriggerButtonClicked, shareSplitButtonEvent, shareTabClicked, formShareSubmitted } from './analytics';
 import ShareButton from './ShareButton';
-import { ShareForm } from './ShareForm';
 import { generateSelectZIndex } from './utils';
-import { InlineDialogContentWrapper } from './styles';
-import { IntegrationForm } from './IntegrationForm';
+import LazyShareFormLazy from './LazyShareForm/lazy';
 var ShareButtonWrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: inline-flex;\n  outline: none;\n"])));
-var InlineDialogFormWrapper = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  width: 352px;\n"])));
-var BottomMessageWrapper = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  width: 352px;\n"])));
-var CustomFooterWrapper = styled.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  /* Must match inline dialog padding. */\n  margin: 0 ", "px ", "px ", "px;\n"])), -gridSize() * 3, -gridSize() * 2, -gridSize() * 3);
 export var defaultShareContentState = {
   users: [],
   comment: {
@@ -116,6 +111,16 @@ export var ShareDialogWithTriggerInternal = /*#__PURE__*/function (_React$PureCo
       }
     });
 
+    _defineProperty(_assertThisInitialized(_this), "onTabChange", function (index) {
+      var subjectId = 'shareTab';
+
+      if (index === 1) {
+        subjectId = 'shareToSlackTab';
+      }
+
+      _this.createAndFireEvent(shareTabClicked(subjectId));
+    });
+
     _defineProperty(_assertThisInitialized(_this), "getFlags", function () {
       var formatMessage = _this.props.intl.formatMessage; // The reason for providing message property is that in jira,
       // the Flag system takes only Message Descriptor as payload
@@ -435,49 +440,49 @@ export var ShareDialogWithTriggerInternal = /*#__PURE__*/function (_React$PureCo
         style: style
       }, /*#__PURE__*/React.createElement(Popup, {
         content: function content() {
-          return /*#__PURE__*/React.createElement(AnalyticsContext, {
-            data: {
-              source: ANALYTICS_SOURCE
-            }
-          }, /*#__PURE__*/React.createElement(InlineDialogContentWrapper, {
-            innerRef: _this2.containerRef
-          }, showIntegrationForm && selectedIntegration !== null ? /*#__PURE__*/React.createElement(InlineDialogFormWrapper, null, /*#__PURE__*/React.createElement(IntegrationForm, {
-            Content: selectedIntegration.Content,
-            onIntegrationClose: _this2.handleCloseDialog
-          })) : /*#__PURE__*/React.createElement(InlineDialogFormWrapper, null, /*#__PURE__*/React.createElement(ShareForm, {
+          return /*#__PURE__*/React.createElement("div", {
+            ref: _this2.containerRef
+          }, /*#__PURE__*/React.createElement(LazyShareFormLazy, {
+            Content: selectedIntegration && selectedIntegration.Content,
+            selectedIntegration: selectedIntegration,
             copyLink: copyLink,
+            showIntegrationForm: showIntegrationForm,
+            bottomMessage: bottomMessage,
+            customFooter: customFooter,
             loadOptions: loadUserOptions,
             isSharing: isSharing,
-            onSubmit: _this2.handleShareSubmit,
-            title: shareFormTitle,
+            shareFormTitle: shareFormTitle,
             showTitle: integrationMode !== 'tabs' || !shareIntegrations || !shareIntegrations.length,
-            helperMessage: shareFormHelperMessage,
+            shareFormHelperMessage: shareFormHelperMessage,
             shareError: shareError,
-            onDismiss: _this2.handleFormDismiss,
             defaultValue: defaultValue,
             config: config,
             isFetchingConfig: isFetchingConfig,
-            onLinkCopy: _this2.handleCopyLink,
             submitButtonLabel: submitButtonLabel,
             product: product,
             enableSmartUserPicker: enableSmartUserPicker,
             loggedInAccountId: loggedInAccountId,
             cloudId: cloudId,
             onUserSelectionChange: onUserSelectionChange,
-            fieldsFooter: shareFieldsFooter,
-            selectPortalRef: _this2.selectPortalRef,
+            shareFieldsFooter: shareFieldsFooter,
             isPublicLink: isPublicLink,
             copyTooltipText: copyTooltipText,
             integrationMode: integrationMode,
-            shareIntegrations: shareIntegrations
-          })), bottomMessage ? /*#__PURE__*/React.createElement(BottomMessageWrapper, null, bottomMessage) : null, customFooter && /*#__PURE__*/React.createElement(CustomFooterWrapper, null, customFooter)));
+            shareIntegrations: shareIntegrations // actions
+            ,
+            onLinkCopy: _this2.handleCopyLink,
+            onSubmit: _this2.handleShareSubmit,
+            onDismiss: _this2.handleFormDismiss,
+            onDialogClose: _this2.handleCloseDialog,
+            onTabChange: _this2.onTabChange //ref
+            ,
+            selectPortalRef: _this2.selectPortalRef
+          }));
         },
         isOpen: isDialogOpen,
         onClose: this.handleCloseDialog,
         placement: dialogPlacement,
-        trigger: function trigger(triggerProps) {
-          return _this2.renderShareTriggerButton(triggerProps);
-        },
+        trigger: this.renderShareTriggerButton,
         zIndex: dialogZIndex
       }), /*#__PURE__*/React.createElement(Portal, {
         zIndex: generateSelectZIndex(dialogZIndex)

package/dist/esm/components/ShareForm.js

@@ -10,10 +10,15 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral
 
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
 
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
 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; } }
 
+import React from 'react';
 import Button from '@atlaskit/button/custom-theme-button';
 import Form from '@atlaskit/form';
 import ErrorIcon from '@atlaskit/icon/glyph/error';
@@ -21,7 +26,6 @@ import { R400 } from '@atlaskit/theme/colors';
 import { gridSize } from '@atlaskit/theme/constants';
 import Tooltip from '@atlaskit/tooltip';
 import Tabs, { Tab, TabList, TabPanel } from '@atlaskit/tabs';
-import React from 'react';
 import { FormattedMessage, injectIntl } from 'react-intl-next';
 import styled from 'styled-components';
 import { messages } from '../i18n';
@@ -97,7 +101,7 @@ var InternalForm = /*#__PURE__*/function (_React$PureComponent) {
         defaultValue: defaultValue && defaultValue.users,
         config: config,
         isLoading: isFetchingConfig,
-        product: product,
+        product: product || 'confluence',
         enableSmartUserPicker: enableSmartUserPicker,
         loggedInAccountId: loggedInAccountId,
         cloudId: cloudId,
@@ -142,15 +146,32 @@ var InternalForm = /*#__PURE__*/function (_React$PureComponent) {
       }, /*#__PURE__*/React.createElement(ButtonLabelWrapper, null, submitButtonLabel || /*#__PURE__*/React.createElement(FormattedMessage, buttonLabel))));
     });
 
+    _defineProperty(_assertThisInitialized(_this), "renderMainTabTitle", function () {
+      var _this$props3 = _this.props,
+          title = _this$props3.title,
+          product = _this$props3.product;
+
+      if (title) {
+        return title;
+      }
+
+      if (!product) {
+        return /*#__PURE__*/React.createElement(FormattedMessage, messages.formTitle);
+      }
+
+      var productShareType = product === 'jira' ? _objectSpread({}, messages.shareMainTabTextJira) : _objectSpread({}, messages.shareMainTabTextConfluence);
+      return /*#__PURE__*/React.createElement(FormattedMessage, productShareType);
+    });
+
     return _this;
   }
 
   _createClass(InternalForm, [{
     key: "componentWillUnmount",
     value: function componentWillUnmount() {
-      var _this$props3 = this.props,
-          onDismiss = _this$props3.onDismiss,
-          getValues = _this$props3.getValues;
+      var _this$props4 = this.props,
+          onDismiss = _this$props4.onDismiss,
+          getValues = _this$props4.getValues;
 
       if (onDismiss) {
         onDismiss(getValues());
@@ -159,11 +180,12 @@ var InternalForm = /*#__PURE__*/function (_React$PureComponent) {
   }, {
     key: "render",
     value: function render() {
-      var _this$props4 = this.props,
-          title = _this$props4.title,
-          _this$props4$integrat = _this$props4.integrationMode,
-          integrationMode = _this$props4$integrat === void 0 ? 'off' : _this$props4$integrat,
-          shareIntegrations = _this$props4.shareIntegrations;
+      var _this$props5 = this.props,
+          _this$props5$integrat = _this$props5.integrationMode,
+          integrationMode = _this$props5$integrat === void 0 ? 'off' : _this$props5$integrat,
+          shareIntegrations = _this$props5.shareIntegrations,
+          onTabChange = _this$props5.onTabChange,
+          handleCloseDialog = _this$props5.handleCloseDialog;
 
       if (integrationMode === 'off' || !shareIntegrations || !shareIntegrations.length) {
         return this.renderShareForm();
@@ -173,10 +195,13 @@ var InternalForm = /*#__PURE__*/function (_React$PureComponent) {
 
       if (integrationMode === 'tabs') {
         return /*#__PURE__*/React.createElement(Tabs, {
-          id: "ShareForm-Tabs-Integrations"
+          id: "ShareForm-Tabs-Integrations",
+          onChange: function onChange(index) {
+            onTabChange === null || onTabChange === void 0 ? void 0 : onTabChange(index);
+          }
         }, /*#__PURE__*/React.createElement(TabList, null, /*#__PURE__*/React.createElement(Tab, {
           key: "share-tab-default"
-        }, title || /*#__PURE__*/React.createElement(FormattedMessage, messages.formTitle)), /*#__PURE__*/React.createElement(Tab, {
+        }, this.renderMainTabTitle()), /*#__PURE__*/React.createElement(Tab, {
           key: "share-tab-".concat(firstIntegration.type)
         }, /*#__PURE__*/React.createElement(IntegrationWrapper, null, /*#__PURE__*/React.createElement(IntegrationIconWrapper, null, /*#__PURE__*/React.createElement(firstIntegration.Icon, null)), integrationTabText(firstIntegration.type)))), /*#__PURE__*/React.createElement(TabPanel, {
           key: "share-tabPanel-default"
@@ -189,7 +214,7 @@ var InternalForm = /*#__PURE__*/function (_React$PureComponent) {
         }, /*#__PURE__*/React.createElement(IntegrationForm, {
           Content: firstIntegration.Content,
           onIntegrationClose: function onIntegrationClose() {
-            return null;
+            return handleCloseDialog === null || handleCloseDialog === void 0 ? void 0 : handleCloseDialog();
           }
         }))));
       }