@atlaskit/share 1.0.1 → 2.0.1

package/dist/es2019/components/ShareForm.js

@@ -1,5 +1,6 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _extends from "@babel/runtime/helpers/extends";
+import React from 'react';
 import Button from '@atlaskit/button/custom-theme-button';
 import Form from '@atlaskit/form';
 import ErrorIcon from '@atlaskit/icon/glyph/error';
@@ -7,7 +8,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 +97,7 @@ class InternalForm extends React.PureComponent {
         defaultValue: defaultValue && defaultValue.users,
         config: config,
         isLoading: isFetchingConfig,
-        product: product,
+        product: product || 'confluence',
         enableSmartUserPicker: enableSmartUserPicker,
         loggedInAccountId: loggedInAccountId,
         cloudId: cloudId,
@@ -144,6 +144,26 @@ class InternalForm extends React.PureComponent {
         isDisabled: isDisabled
       }, /*#__PURE__*/React.createElement(ButtonLabelWrapper, null, submitButtonLabel || /*#__PURE__*/React.createElement(FormattedMessage, buttonLabel))));
     });
+
+    _defineProperty(this, "renderMainTabTitle", () => {
+      const {
+        title,
+        product
+      } = this.props;
+
+      if (title) {
+        return title;
+      }
+
+      if (!product) {
+        return /*#__PURE__*/React.createElement(FormattedMessage, messages.formTitle);
+      }
+
+      const productShareType = product === 'jira' ? { ...messages.shareMainTabTextJira
+      } : { ...messages.shareMainTabTextConfluence
+      };
+      return /*#__PURE__*/React.createElement(FormattedMessage, productShareType);
+    });
   }
 
   componentWillUnmount() {
@@ -159,10 +179,10 @@ class InternalForm extends React.PureComponent {
 
   render() {
     const {
-      title,
       integrationMode = 'off',
       shareIntegrations,
-      onTabChange
+      onTabChange,
+      handleCloseDialog
     } = this.props;
 
     if (integrationMode === 'off' || !shareIntegrations || !shareIntegrations.length) {
@@ -179,7 +199,7 @@ class InternalForm extends React.PureComponent {
         }
       }, /*#__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-${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`
@@ -191,9 +211,7 @@ class InternalForm extends React.PureComponent {
         isMainShare: false
       }, /*#__PURE__*/React.createElement(IntegrationForm, {
         Content: firstIntegration.Content,
-        onIntegrationClose: () => {
-          return null;
-        }
+        onIntegrationClose: () => handleCloseDialog === null || handleCloseDialog === void 0 ? void 0 : handleCloseDialog()
       }))));
     }
 

package/dist/es2019/components/ShareFormWrapper/ShareFormWrapper.js

@@ -0,0 +1,14 @@
+import React from 'react';
+import { InlineDialogFormWrapper, InlineDialogContentWrapper } from './styled';
+import { ShareHeader } from '../ShareHeader';
+
+const ShareFormWrapper = ({
+  shareFormTitle,
+  shouldShowTitle,
+  children = null,
+  footer = null
+}) => /*#__PURE__*/React.createElement(InlineDialogContentWrapper, null, /*#__PURE__*/React.createElement(InlineDialogFormWrapper, null, shouldShowTitle && /*#__PURE__*/React.createElement(ShareHeader, {
+  title: shareFormTitle
+}), children), footer);
+
+export default ShareFormWrapper;

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

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

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

@@ -0,0 +1,15 @@
+import styled from 'styled-components';
+import { gridSize } from '@atlaskit/theme/constants';
+export const InlineDialogFormWrapper = styled.div`
+  width: ${gridSize() * 44}px;
+`;
+/**
+ * Apply the same styling, as previous @atlaskit/inline-dialog had,
+ * compared to the @atlaskit/popup we are now using.
+ *
+ * packages/design-system/inline-dialog/src/InlineDialog/styled.ts:20:3
+ */
+
+export const InlineDialogContentWrapper = styled.div`
+  padding: ${gridSize() * 2}px ${gridSize() * 3}px;
+`;

package/dist/es2019/components/styles.js

@@ -1,21 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
-import React from 'react'; // AFP-2532 TODO: Fix automatic suppressions below
-// eslint-disable-next-line @atlassian/tangerine/import/entry-points
-
-import { gridSize } from '@atlaskit/theme/constants';
+import React from 'react';
 import Button from '@atlaskit/button/custom-theme-button';
-import styled from 'styled-components';
 export const MAX_PICKER_HEIGHT = 102;
-/**
- * Apply the same styling, as previous @atlaskit/inline-dialog had,
- * compared to the @atlaskit/popup we are now using.
- *
- * packages/design-system/inline-dialog/src/InlineDialog/styled.ts:20:3
- */
-
-export const InlineDialogContentWrapper = styled.div`
-  padding: ${gridSize() * 2}px ${gridSize() * 3}px;
-`;
 const StyledButton = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement(Button, _extends({
   ref: ref
 }, props, {

package/dist/es2019/i18n/da.js

@@ -31,6 +31,7 @@ export default {
   'fabric.elements.share.form.user-picker.validation.required.existingUserOnly': 'Vælg mindst én bruger, én gruppe eller ét team.',
   'fabric.elements.share.form.user-picker.validation.required.jira': 'Vælg mindst én bruger, ét team eller én e-mailadresse.',
   'fabric.elements.share.form.user-picker.validation.required.jira.existingUserOnly': 'Vælg mindst én bruger eller ét team.',
+  'fabric.elements.share.in.integration.button': 'Del i {integrationName}',
   'fabric.elements.share.success.message': '{object, select, blogpost {Blogindlæg blev delt} board {Tavle blev delt} calendar {Kalender blev delt} draft {Kladde blev delt} filter {Filter blev delt} issue {Sag blev delt} media {Medie blev delt} page {Side blev delt} project {Projekt blev delt} pullrequest {Pullanmodning blev delt} question {Spørgsmål blev delt} report {Rapport blev delt} repository {Lager blev delt} request {Anmodning blev delt} roadmap {Oversigt blev delt} site {Side blev delt} space {Område blev delt} other {Link blev delt}}',
   'fabric.elements.share.to.integration.button': 'Del med {integrationName}',
   'fabric.elements.share.trigger.button.icon.label': 'Del ikon',

package/dist/es2019/i18n/es.js

@@ -31,6 +31,7 @@ export default {
   'fabric.elements.share.form.user-picker.validation.required.existingUserOnly': 'Selecciona al menos un usuario, grupo o equipo.',
   'fabric.elements.share.form.user-picker.validation.required.jira': 'Selecciona al menos un usuario, equipo o correo electrónico.',
   'fabric.elements.share.form.user-picker.validation.required.jira.existingUserOnly': 'Selecciona al menos un usuario o equipo.',
+  'fabric.elements.share.in.integration.button': 'Compartir en {integrationName}',
   '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} media {Soportes compartidos} page {Página compartida} project {Proyecto compartido} pullrequest {Solicitud de extracción compartida} question {Pregunta compartida} report {Informe compartido} repository {Repositorio compartido} request {Solicitud compartida} roadmap {Hoja de ruta compartida} site {Sitio compartido} space {Espacio compartido} other {Enlace compartido}}',
   'fabric.elements.share.to.integration.button': 'Compartir en {integrationName}',
   'fabric.elements.share.trigger.button.icon.label': 'Icono de compartir',

package/dist/es2019/i18n/fi.js

@@ -31,6 +31,7 @@ export default {
   'fabric.elements.share.form.user-picker.validation.required.existingUserOnly': 'Valitse vähintään yksi käyttäjä, ryhmä tai tiimi.',
   'fabric.elements.share.form.user-picker.validation.required.jira': 'Valitse vähintään yksi käyttäjä, tiimi tai sähköpostiosoite.',
   'fabric.elements.share.form.user-picker.validation.required.jira.existingUserOnly': 'Valitse vähintään yksi käyttäjä tai tiimi.',
+  'fabric.elements.share.in.integration.button': 'Jaa sovelluksessa {integrationName}',
   '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} 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 {Etenemissuunnitelma jaettu} site {Sivusto jaettu} space {Työtila jaettu} other {Linkki jaettu}}',
   'fabric.elements.share.to.integration.button': 'Jaa kohteeseen {integrationName}',
   'fabric.elements.share.trigger.button.icon.label': 'Jaa kuvake',

package/dist/es2019/i18n/hu.js

@@ -31,6 +31,7 @@ export default {
   'fabric.elements.share.form.user-picker.validation.required.existingUserOnly': 'Válassz ki legalább egy felhasználót, csoportot vagy csapatot.',
   'fabric.elements.share.form.user-picker.validation.required.jira': 'Válassz ki legalább egy felhasználót, csapatot vagy e-mail-címet.',
   'fabric.elements.share.form.user-picker.validation.required.jira.existingUserOnly': 'Válassz ki legalább egy felhasználót vagy csapatot.',
+  'fabric.elements.share.in.integration.button': 'Megosztás itt: {integrationName}',
   '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} media {Médiatartalom 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érés megosztva} roadmap {Útvonalterv megosztva} site {Webhely megosztva} space {Munkatér megosztva} other {Link megosztva}}',
   'fabric.elements.share.to.integration.button': 'Megosztás itt: {integrationName}',
   'fabric.elements.share.trigger.button.icon.label': 'Ikon megosztása',

package/dist/es2019/i18n/it.js

@@ -31,6 +31,7 @@ export default {
   'fabric.elements.share.form.user-picker.validation.required.existingUserOnly': 'Seleziona almeno un utente, un gruppo o un team.',
   'fabric.elements.share.form.user-picker.validation.required.jira': 'Seleziona almeno un utente, un team o un indirizzo e-mail.',
   'fabric.elements.share.form.user-picker.validation.required.jira.existingUserOnly': 'Seleziona almeno un utente o un team.',
+  'fabric.elements.share.in.integration.button': 'Condividi in {integrationName}',
   '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} media {File multimediale condiviso} page {Pagina condivisa} project {Progetto condiviso} pullrequest {Richiesta di pull condivisa} question {Domanda condivisa} report {Report condiviso} repository {Repository condiviso} request {Richiesta condivisa} roadmap {Roadmap condivisa} site {Sito condiviso} space {Spazio condiviso} other {Collegamento condiviso}}',
   'fabric.elements.share.to.integration.button': 'Condividi in {integrationName}',
   'fabric.elements.share.trigger.button.icon.label': 'Icona Condividi',

package/dist/es2019/i18n/ja.js

@@ -31,6 +31,7 @@ export default {
   '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.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/ko.js

@@ -31,6 +31,7 @@ export default {
   '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/nb.js

@@ -31,6 +31,7 @@ export default {
   'fabric.elements.share.form.user-picker.validation.required.existingUserOnly': 'Velg minst én bruker, gruppe eller ett team.',
   'fabric.elements.share.form.user-picker.validation.required.jira': 'Velg minst én bruker, arbeidsgruppe eller e-postadresse.',
   'fabric.elements.share.form.user-picker.validation.required.jira.existingUserOnly': 'Velg minst én bruker eller ett team.',
+  'fabric.elements.share.in.integration.button': 'Del i {integrationName}',
   'fabric.elements.share.success.message': '{object, select, blogpost {Blogginnlegg delt} board {Tavle delt} calendar {Kalender delt} draft {Utkast delt} filter {Filter delt} issue {Sak delt} media {Media delt} page {Side delt} project {Prosjekt delt} pullrequest {Pull-forespørsel delt} question {Spørsmål delt} report {Rapport delt} repository {Repositorium delt} request {Forespørsel delt} roadmap {Veikart delt} site {Side delt} space {Område delt} other {Kobling 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

@@ -31,6 +31,7 @@ export default {
   '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/sv.js

@@ -31,6 +31,7 @@ export default {
   '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

@@ -31,6 +31,7 @@ export default {
   '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/uk.js

@@ -31,6 +31,7 @@ export default {
   '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/zh.js

@@ -31,6 +31,7 @@ export default {
   '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.js

@@ -100,11 +100,6 @@ export const messages = defineMessages({
     defaultMessage: 'Invite',
     description: 'Button label for when the sharee action is set to "edit".'
   },
-  copyLinkButtonIconLabel: {
-    id: 'fabric.elements.share.copylink.button.icon.label',
-    defaultMessage: 'Copy link icon',
-    description: 'Default text for the aria-label of the copy Link icon'
-  },
   copyLinkButtonText: {
     id: 'fabric.elements.share.copylink.button.text',
     defaultMessage: 'Copy link',
@@ -115,11 +110,6 @@ export const messages = defineMessages({
     defaultMessage: 'Copy public link',
     description: 'Default text for the Copy Link button when the link is public'
   },
-  copiedToClipboardIconLabel: {
-    id: 'fabric.elements.share.copied.to.clipboard.icon.label',
-    defaultMessage: 'Copy link success icon',
-    description: 'Default text for the aria-label of the copied link icon'
-  },
   copiedToClipboardMessage: {
     id: 'fabric.elements.share.copied.to.clipboard.message',
     defaultMessage: 'Link copied to clipboard',
@@ -160,5 +150,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.1"
+	"version": "2.0.1"
 }

package/dist/esm/clients/index.js

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

package/dist/esm/components/CopyLinkButton.js

@@ -22,9 +22,11 @@ import { layers } from '@atlaskit/theme/constants';
 import Tooltip from '@atlaskit/tooltip';
 import React from 'react';
 import { FormattedMessage, injectIntl } from 'react-intl-next';
+import { isSafari } from 'react-device-detect';
 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;
@@ -37,6 +39,8 @@ function (props, ref) {
       position: 'absolute',
       left: '-9999px'
     },
+    tabIndex: -1,
+    "aria-hidden": true,
     ref: ref,
     value: props.text,
     readOnly: true
@@ -107,10 +111,11 @@ export var CopyLinkButton = /*#__PURE__*/function (_React$Component) {
           isDisabled = _this$props.isDisabled,
           isPublicLink = _this$props.isPublicLink;
       return /*#__PURE__*/React.createElement(Button, _extends({
+        "aria-label": formatMessage(isPublicLink ? messages.copyPublicLinkButtonText : messages.copyLinkButtonText),
         isDisabled: isDisabled,
         appearance: "subtle-link",
         iconBefore: /*#__PURE__*/React.createElement(LinkFilledIcon, {
-          label: formatMessage(messages.copyLinkButtonIconLabel),
+          label: "",
           size: "medium"
         }),
         onClick: _this.handleClick
@@ -134,14 +139,17 @@ export var CopyLinkButton = /*#__PURE__*/function (_React$Component) {
       var _this$props2 = this.props,
           formatMessage = _this$props2.intl.formatMessage,
           copyTooltipText = _this$props2.copyTooltipText;
-      return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(HiddenInput, {
+      return /*#__PURE__*/React.createElement(React.Fragment, null, isSafari && /*#__PURE__*/React.createElement("div", {
+        className: "assistive",
+        "aria-live": "assertive"
+      }, shouldShowCopiedMessage && formatMessage(messages.copiedToClipboardMessage)), /*#__PURE__*/React.createElement(HiddenInput, {
         ref: this.inputRef,
         text: this.props.link
       }), /*#__PURE__*/React.createElement(Popup, {
         zIndex: Z_INDEX,
         content: function content() {
           return /*#__PURE__*/React.createElement(InlineDialogContentWrapper, null, /*#__PURE__*/React.createElement(MessageContainer, null, /*#__PURE__*/React.createElement(CheckCircleIcon, {
-            label: formatMessage(messages.copiedToClipboardIconLabel),
+            label: "",
             primaryColor: G300
           }), /*#__PURE__*/React.createElement(MessageSpan, null, /*#__PURE__*/React.createElement(FormattedMessage, messages.copiedToClipboardMessage))));
         },

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"])));