@atlaskit/share 3.0.1 → 3.0.5

package/CHANGELOG.md

@@ -1,5 +1,29 @@
 # @atlaskit/share
 
+## 3.0.5
+
+### Patch Changes
+
+- [`7fe36d0765b`](https://bitbucket.org/atlassian/atlassian-frontend/commits/7fe36d0765b) - Analytics context changes for share to integrations
+
+## 3.0.4
+
+### Patch Changes
+
+- [`1977f429d03`](https://bitbucket.org/atlassian/atlassian-frontend/commits/1977f429d03) - Bug fixes
+
+## 3.0.3
+
+### Patch Changes
+
+- [`c05de712c4d`](https://bitbucket.org/atlassian/atlassian-frontend/commits/c05de712c4d) - Fixing bug where the prop onTabChange was not being passed to the ShareForm
+
+## 3.0.2
+
+### Patch Changes
+
+- [`f316529ecf5`](https://bitbucket.org/atlassian/atlassian-frontend/commits/f316529ecf5) - add accessible label for share button
+
 ## 3.0.1
 
 ### Patch Changes

package/dist/cjs/components/LazyShareForm/LazyShareForm.js

@@ -49,6 +49,7 @@ function LazyShareForm(props) {
       onDismiss = props.onDismiss,
       onSubmit = props.onSubmit,
       onDialogClose = props.onDialogClose,
+      onTabChange = props.onTabChange,
       selectPortalRef = props.selectPortalRef,
       showIntegrationForm = props.showIntegrationForm,
       selectedIntegration = props.selectedIntegration,
@@ -59,19 +60,19 @@ function LazyShareForm(props) {
 
   var footer = /*#__PURE__*/_react.default.createElement("div", null, bottomMessage ? /*#__PURE__*/_react.default.createElement(_styled.BottomMessageWrapper, null, bottomMessage) : null, customFooter && /*#__PURE__*/_react.default.createElement(_styled.CustomFooterWrapper, null, customFooter));
 
-  return /*#__PURE__*/_react.default.createElement(_analyticsNext.AnalyticsContext, {
-    data: {
-      source: _analytics.ANALYTICS_SOURCE
-    }
-  }, /*#__PURE__*/_react.default.createElement(_ShareFormWrapper.ShareFormWrapper, {
+  return /*#__PURE__*/_react.default.createElement(_ShareFormWrapper.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.default.createElement(_IntegrationForm.IntegrationForm, {
+  }, showIntegrationForm && selectedIntegration !== null ? /*#__PURE__*/_react.default.createElement(_analyticsNext.AnalyticsContext, {
+    data: {
+      source: _analytics.INTEGRATION_MODAL_SOURCE
+    }
+  }, /*#__PURE__*/_react.default.createElement(_IntegrationForm.IntegrationForm, {
     Content: selectedIntegration.Content,
     onIntegrationClose: onDialogClose
-  }) : /*#__PURE__*/_react.default.createElement(_ShareForm.ShareForm, {
+  })) : /*#__PURE__*/_react.default.createElement(_ShareForm.ShareForm, {
     copyLink: copyLink,
     loadOptions: loadOptions,
     title: shareFormTitle,
@@ -97,8 +98,9 @@ function LazyShareForm(props) {
     onDismiss: onDismiss,
     onLinkCopy: onLinkCopy,
     onUserSelectionChange: onUserSelectionChange,
-    handleCloseDialog: onDialogClose
-  })));
+    handleCloseDialog: onDialogClose,
+    onTabChange: onTabChange
+  }));
 }
 
 var _default = LazyShareForm;

package/dist/cjs/components/ShareDialogWithTrigger.js

@@ -345,9 +345,10 @@ var ShareDialogWithTriggerInternal = /*#__PURE__*/function (_React$PureComponent
         button = /*#__PURE__*/_react.default.createElement(_ShareButton.default, (0, _extends2.default)({
           appearance: triggerButtonAppearance,
           text: triggerButtonStyle !== 'icon-only' ? /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _i18n.messages.shareTriggerButtonText) : null,
+          "aria-label": formatMessage(_i18n.messages.shareTriggerButtonText),
           onClick: _this.onTriggerClick,
           iconBefore: triggerButtonStyle !== 'text-only' ? /*#__PURE__*/_react.default.createElement(ShareButtonIcon, {
-            label: formatMessage(_i18n.messages.shareTriggerButtonIconLabel)
+            label: ""
           }) : undefined,
           isSelected: isDialogOpen,
           isDisabled: isDisabled

package/dist/cjs/components/ShareForm.js

@@ -33,6 +33,8 @@ var _reactIntlNext = require("react-intl-next");
 
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 
+var _analyticsNext = require("@atlaskit/analytics-next");
+
 var _customThemeButton = _interopRequireDefault(require("@atlaskit/button/custom-theme-button"));
 
 var _form = _interopRequireDefault(require("@atlaskit/form"));
@@ -51,6 +53,8 @@ var _i18n = require("../i18n");
 
 var _types = require("../types");
 
+var _analytics = require("./analytics");
+
 var _CommentField = require("./CommentField");
 
 var _CopyLinkButton = _interopRequireDefault(require("./CopyLinkButton"));
@@ -79,9 +83,7 @@ var SubmitButtonWrapper = _styledComponents.default.div(_templateObject || (_tem
 
 var CenterAlignedIconWrapper = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  align-self: center;\n  padding: 0 10px;\n\n  > div {\n    line-height: 1;\n  }\n"])));
 
-var FormWrapper = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  margin-top: ", "px;\n  width: 100%;\n\n  /* jira has a class override font settings on h1 in gh-custom-field-pickers.css */\n  #ghx-modes-tools #ghx-share & h1:first-child {\n    margin-top: 0;\n  }\n"])), function (props) {
-  return props.isMainShare ? (0, _constants.gridSize)() : (0, _constants.gridSize)() * 2;
-});
+var FormWrapper = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  margin-top: ", "px;\n  width: 100%;\n\n  /* jira has a class override font settings on h1 in gh-custom-field-pickers.css */\n  #ghx-modes-tools #ghx-share & h1:first-child {\n    margin-top: 0;\n  }\n"])), (0, _constants.gridSize)());
 
 exports.FormWrapper = FormWrapper;
 
@@ -93,7 +95,7 @@ var FormField = _styledComponents.default.div(_templateObject5 || (_templateObje
 
 var IntegrationWrapper = _styledComponents.default.div(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  align-items: center;\n"])));
 
-var IntegrationIconWrapper = _styledComponents.default.span(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n  margin-right: 5px;\n"])));
+var IntegrationIconWrapper = _styledComponents.default.span(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n  margin-bottom: -6px;\n  margin-right: 5px;\n"])));
 
 var integrationTabText = function integrationTabText(integrationName) {
   return /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, _i18n.messages.shareInIntegrationButtonText, {
@@ -146,7 +148,11 @@ var InternalForm = /*#__PURE__*/function (_React$PureComponent) {
           isPublicLink = _this$props.isPublicLink,
           copyTooltipText = _this$props.copyTooltipText,
           helperMessage = _this$props.helperMessage;
-      return /*#__PURE__*/_react.default.createElement("form", formProps, showTitle && /*#__PURE__*/_react.default.createElement(_ShareHeader.ShareHeader, {
+      return /*#__PURE__*/_react.default.createElement(_analyticsNext.AnalyticsContext, {
+        data: {
+          source: _analytics.ANALYTICS_SOURCE
+        }
+      }, /*#__PURE__*/_react.default.createElement("form", formProps, showTitle && /*#__PURE__*/_react.default.createElement(_ShareHeader.ShareHeader, {
         title: title
       }), /*#__PURE__*/_react.default.createElement(FormField, null, /*#__PURE__*/_react.default.createElement(_UserPickerField.UserPickerField, {
         onInputChange: onUserInputChange,
@@ -170,7 +176,7 @@ var InternalForm = /*#__PURE__*/function (_React$PureComponent) {
         link: copyLink,
         isPublicLink: isPublicLink,
         copyTooltipText: copyTooltipText
-      }), _this.renderSubmitButton()));
+      }), _this.renderSubmitButton())));
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderSubmitButton", function () {
       var _this$props2 = _this.props,
@@ -266,13 +272,13 @@ var InternalForm = /*#__PURE__*/function (_React$PureComponent) {
           key: "share-tab-".concat(firstIntegration.type)
         }, /*#__PURE__*/_react.default.createElement(IntegrationWrapper, null, /*#__PURE__*/_react.default.createElement(IntegrationIconWrapper, null, /*#__PURE__*/_react.default.createElement(firstIntegration.Icon, null)), integrationTabText(firstIntegration.type)))), /*#__PURE__*/_react.default.createElement(_tabs.TabPanel, {
           key: "share-tabPanel-default"
-        }, /*#__PURE__*/_react.default.createElement(FormWrapper, {
-          isMainShare: true
-        }, this.renderShareForm())), /*#__PURE__*/_react.default.createElement(_tabs.TabPanel, {
+        }, /*#__PURE__*/_react.default.createElement(FormWrapper, null, this.renderShareForm())), /*#__PURE__*/_react.default.createElement(_tabs.TabPanel, {
           key: "share-tabPanel-integration"
-        }, /*#__PURE__*/_react.default.createElement(FormWrapper, {
-          isMainShare: false
-        }, /*#__PURE__*/_react.default.createElement(_IntegrationForm.IntegrationForm, {
+        }, /*#__PURE__*/_react.default.createElement(_analyticsNext.AnalyticsContext, {
+          data: {
+            source: _analytics.INTEGRATION_MODAL_SOURCE
+          }
+        }, /*#__PURE__*/_react.default.createElement(FormWrapper, null, /*#__PURE__*/_react.default.createElement(_IntegrationForm.IntegrationForm, {
           Content: firstIntegration.Content,
           onIntegrationClose: function onIntegrationClose() {
             return handleCloseDialog === null || handleCloseDialog === void 0 ? void 0 : handleCloseDialog();
@@ -280,7 +286,7 @@ var InternalForm = /*#__PURE__*/function (_React$PureComponent) {
           changeTab: function changeTab(index) {
             _this2.changeTab(index);
           }
-        }))));
+        })))));
       }
 
       return this.renderShareForm();

package/dist/cjs/components/analytics.js

@@ -50,7 +50,7 @@ var CHANNEL_ID = 'fabric-elements';
 exports.CHANNEL_ID = CHANNEL_ID;
 var ANALYTICS_SOURCE = 'shareModal';
 exports.ANALYTICS_SOURCE = ANALYTICS_SOURCE;
-var INTEGRATION_MODAL_SOURCE = 'integrationShareModal';
+var INTEGRATION_MODAL_SOURCE = 'integrationShareDialog';
 exports.INTEGRATION_MODAL_SOURCE = INTEGRATION_MODAL_SOURCE;
 
 var screenEvent = function screenEvent(_ref) {

package/dist/cjs/components/colorSlackIcon.js

@@ -0,0 +1,67 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var SlackIcon = function SlackIcon() {
+  return /*#__PURE__*/_react.default.createElement("svg", {
+    width: "16",
+    height: "16",
+    viewBox: "0 0 125 125"
+  }, /*#__PURE__*/_react.default.createElement("style", null, '.prefix__st0{fill:#e01e5a}.prefix__st1{fill:#36c5f0}.prefix__st2{fill:#2eb67d}.prefix__st3{fill:#ecb22e}'), /*#__PURE__*/_react.default.createElement("path", {
+    fill: "none",
+    id: "prefix__canvas_background",
+    d: "M-1-1h127v127H-1z"
+  }), /*#__PURE__*/_react.default.createElement("g", null, /*#__PURE__*/_react.default.createElement("g", {
+    id: "prefix__svg_1"
+  }, /*#__PURE__*/_react.default.createElement("g", {
+    id: "prefix__svg_2"
+  }, /*#__PURE__*/_react.default.createElement("path", {
+    id: "prefix__svg_3",
+    d: "M27.4 79.2c0 7.1-5.8 12.9-12.9 12.9-7.1 0-12.9-5.8-12.9-12.9 0-7.1 5.8-12.9 12.9-12.9h12.9v12.9z",
+    className: "prefix__st0"
+  }), /*#__PURE__*/_react.default.createElement("path", {
+    id: "prefix__svg_4",
+    d: "M33.9 79.2c0-7.1 5.8-12.9 12.9-12.9s12.9 5.8 12.9 12.9v32.3c0 7.1-5.8 12.9-12.9 12.9s-12.9-5.8-12.9-12.9V79.2z",
+    className: "prefix__st0"
+  })), /*#__PURE__*/_react.default.createElement("g", {
+    id: "prefix__svg_5"
+  }, /*#__PURE__*/_react.default.createElement("path", {
+    id: "prefix__svg_6",
+    d: "M46.8 27.4c-7.1 0-12.9-5.8-12.9-12.9 0-7.1 5.8-12.9 12.9-12.9s12.9 5.8 12.9 12.9v12.9H46.8z",
+    className: "prefix__st1"
+  }), /*#__PURE__*/_react.default.createElement("path", {
+    id: "prefix__svg_7",
+    d: "M46.8 33.9c7.1 0 12.9 5.8 12.9 12.9s-5.8 12.9-12.9 12.9H14.5c-7.1 0-12.9-5.8-12.9-12.9s5.8-12.9 12.9-12.9h32.3z",
+    className: "prefix__st1"
+  })), /*#__PURE__*/_react.default.createElement("g", {
+    id: "prefix__svg_8"
+  }, /*#__PURE__*/_react.default.createElement("path", {
+    id: "prefix__svg_9",
+    d: "M98.6 46.8c0-7.1 5.8-12.9 12.9-12.9 7.1 0 12.9 5.8 12.9 12.9s-5.8 12.9-12.9 12.9H98.6V46.8z",
+    className: "prefix__st2"
+  }), /*#__PURE__*/_react.default.createElement("path", {
+    id: "prefix__svg_10",
+    d: "M92.1 46.8c0 7.1-5.8 12.9-12.9 12.9-7.1 0-12.9-5.8-12.9-12.9V14.5c0-7.1 5.8-12.9 12.9-12.9 7.1 0 12.9 5.8 12.9 12.9v32.3z",
+    className: "prefix__st2"
+  })), /*#__PURE__*/_react.default.createElement("g", {
+    id: "prefix__svg_11"
+  }, /*#__PURE__*/_react.default.createElement("path", {
+    id: "prefix__svg_12",
+    d: "M79.2 98.6c7.1 0 12.9 5.8 12.9 12.9 0 7.1-5.8 12.9-12.9 12.9-7.1 0-12.9-5.8-12.9-12.9V98.6h12.9z",
+    className: "prefix__st3"
+  }), /*#__PURE__*/_react.default.createElement("path", {
+    id: "prefix__svg_13",
+    d: "M79.2 92.1c-7.1 0-12.9-5.8-12.9-12.9 0-7.1 5.8-12.9 12.9-12.9h32.3c7.1 0 12.9 5.8 12.9 12.9 0 7.1-5.8 12.9-12.9 12.9H79.2z",
+    className: "prefix__st3"
+  })))));
+};
+
+var _default = SlackIcon;
+exports.default = _default;

package/dist/cjs/i18n/cs.js

@@ -38,6 +38,7 @@ var _default = {
   'fabric.elements.share.form.user-picker.validation.required.existingUserOnly': 'Vyberte alespoň jednoho uživatele, skupinu nebo tým.',
   'fabric.elements.share.form.user-picker.validation.required.jira': 'Vyberte alespoň jednoho uživatele, tým nebo e-mail.',
   'fabric.elements.share.form.user-picker.validation.required.jira.existingUserOnly': 'Vyberte alespoň jednoho uživatele nebo tým.',
+  'fabric.elements.share.in.integration.button': 'Sdílet v: {integrationName}',
   'fabric.elements.share.success.message': '{object, select, blogpost {Příspěvek na blogu je sdílen} board {Board je sdílen} calendar {Kalendář je sdílen} draft {Koncept je sdílen} filter {Filtr je sdílen} issue {Požadavek je sdílen} media {Multimediální soubor je sdílen} page {Stránka je sdílena} project {Projekt je sdílen} pullrequest {Pull request je sdílen} question {Otázka je sdílena} report {Sestava je sdílena} repository {Repozitář je sdílen} request {Žádost je sdílena} roadmap {Plán je sdílen} site {Web je sdílen} space {Prostor je sdílen} other {Odkaz je 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/cjs/i18n/de.js

@@ -38,6 +38,7 @@ var _default = {
   'fabric.elements.share.form.user-picker.validation.required.existingUserOnly': 'Wählen Sie mindestens einen Benutzer, eine Gruppe oder ein Team aus.',
   'fabric.elements.share.form.user-picker.validation.required.jira': 'Bitte wählen Sie mindestens einen Benutzer, ein Team oder eine E-Mail-Adresse aus.',
   'fabric.elements.share.form.user-picker.validation.required.jira.existingUserOnly': 'Wählen Sie mindestens einen Benutzer oder ein Team aus.',
+  'fabric.elements.share.in.integration.button': 'In {integrationName} teilen',
   'fabric.elements.share.success.message': '{object, select, blogpost {Geteilter Blogpost} board {Geteiltes Board} calendar {Geteilter Kalender} draft {Geteilter Entwurf} filter {Geteilter Filter} issue {Geteilter Vorgang} media {Geteilte Medien} page {Geteilte Seite} project {Geteiltes Projekt} pullrequest {Geteilte Pull-Anfrage} question {Geteilte Frage} report {Geteilter Bericht} repository {Geteiltes Repository} request {Geteilte Anfrage} roadmap {Geteilte Roadmap} site {Geteilte Site} space {Geteilter Bereich} other {Geteilter Link}}',
   'fabric.elements.share.to.integration.button': 'Mit {integrationName} teilen',
   'fabric.elements.share.trigger.button.icon.label': 'Teilen-Symbol',

package/dist/cjs/i18n/fr.js

@@ -38,6 +38,7 @@ var _default = {
   'fabric.elements.share.form.user-picker.validation.required.existingUserOnly': 'Sélectionnez au moins un utilisateur, un groupe ou une équipe.',
   'fabric.elements.share.form.user-picker.validation.required.jira': 'Sélectionnez au moins un utilisateur, une équipe ou une adresse e-mail.',
   'fabric.elements.share.form.user-picker.validation.required.jira.existingUserOnly': 'Sélectionnez au moins un utilisateur ou une équipe.',
+  'fabric.elements.share.in.integration.button': 'Partager dans {integrationName}',
   'fabric.elements.share.success.message': '{object, select, blogpost {Billet de blog partagé} board {Tableau partagé} calendar {Calendrier partagé} draft {Brouillon partagé} filter {Filtre partagé} issue {Ticket partagé} media {Support partagé} page {Page partagée} project {Projet partagé} pullrequest {Pull request partagée} question {Question partagée} report {Rapport partagé} repository {Dépôt partagé} request {Demande partagée} roadmap {Feuille de route partagée} site {Site partagé} space {Espace partagé} other {Lien partagé}}',
   'fabric.elements.share.to.integration.button': 'Partager avec {integrationName}',
   'fabric.elements.share.trigger.button.icon.label': 'Icône de partage',

package/dist/cjs/i18n/pl.js

@@ -38,6 +38,7 @@ var _default = {
   '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.in.integration.button': 'Udostępnij w {integrationName}',
   '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/cjs/i18n/pt_BR.js

@@ -38,6 +38,7 @@ var _default = {
   '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.in.integration.button': 'Compartilhar em {integrationName}',
   '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/cjs/i18n/ru.js

@@ -38,6 +38,7 @@ var _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 {Вы поделились запросом 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/cjs/i18n/tr.js

@@ -38,6 +38,7 @@ var _default = {
   '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.in.integration.button': '{integrationName} içinde 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ı} 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/cjs/i18n/vi.js

@@ -38,6 +38,7 @@ var _default = {
   '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.in.integration.button': 'Chia sẻ trong {integrationName}',
   '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/cjs/i18n/zh_TW.js

@@ -38,6 +38,7 @@ var _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/cjs/version.json

@@ -1,4 +1,4 @@
 {
 	"name": "@atlaskit/share",
-	"version": "3.0.1"
+	"version": "3.0.5"
 }

package/dist/es2019/components/LazyShareForm/LazyShareForm.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { AnalyticsContext } from '@atlaskit/analytics-next';
-import { ANALYTICS_SOURCE } from '../analytics';
+import { INTEGRATION_MODAL_SOURCE } from '../analytics';
 import { IntegrationForm } from '../IntegrationForm';
 import { ShareForm } from '../ShareForm';
 import { ShareFormWrapper } from '../ShareFormWrapper';
@@ -36,6 +36,7 @@ function LazyShareForm(props) {
     onDismiss,
     onSubmit,
     onDialogClose,
+    onTabChange,
     // ref
     selectPortalRef,
     // props from states of parent:
@@ -47,19 +48,19 @@ function LazyShareForm(props) {
     showTitle
   } = props;
   const 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, {
+  return /*#__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, {
+  }, showIntegrationForm && selectedIntegration !== null ? /*#__PURE__*/React.createElement(AnalyticsContext, {
+    data: {
+      source: INTEGRATION_MODAL_SOURCE
+    }
+  }, /*#__PURE__*/React.createElement(IntegrationForm, {
     Content: selectedIntegration.Content,
     onIntegrationClose: onDialogClose
-  }) : /*#__PURE__*/React.createElement(ShareForm, {
+  })) : /*#__PURE__*/React.createElement(ShareForm, {
     copyLink: copyLink,
     loadOptions: loadOptions,
     title: shareFormTitle,
@@ -85,8 +86,9 @@ function LazyShareForm(props) {
     onDismiss: onDismiss,
     onLinkCopy: onLinkCopy,
     onUserSelectionChange: onUserSelectionChange,
-    handleCloseDialog: onDialogClose
-  })));
+    handleCloseDialog: onDialogClose,
+    onTabChange: onTabChange
+  }));
 }
 
 export default LazyShareForm;

package/dist/es2019/components/ShareDialogWithTrigger.js

@@ -311,9 +311,10 @@ export class ShareDialogWithTriggerInternal extends React.PureComponent {
         button = /*#__PURE__*/React.createElement(ShareButton, _extends({
           appearance: triggerButtonAppearance,
           text: triggerButtonStyle !== 'icon-only' ? /*#__PURE__*/React.createElement(FormattedMessage, messages.shareTriggerButtonText) : null,
+          "aria-label": formatMessage(messages.shareTriggerButtonText),
           onClick: this.onTriggerClick,
           iconBefore: triggerButtonStyle !== 'text-only' ? /*#__PURE__*/React.createElement(ShareButtonIcon, {
-            label: formatMessage(messages.shareTriggerButtonIconLabel)
+            label: ""
           }) : undefined,
           isSelected: isDialogOpen,
           isDisabled: isDisabled

package/dist/es2019/components/ShareForm.js

@@ -3,6 +3,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import { FormattedMessage, injectIntl } from 'react-intl-next';
 import styled from 'styled-components';
+import { AnalyticsContext } from '@atlaskit/analytics-next';
 import Button from '@atlaskit/button/custom-theme-button';
 import Form from '@atlaskit/form';
 import ErrorIcon from '@atlaskit/icon/glyph/error';
@@ -12,6 +13,7 @@ import { gridSize } from '@atlaskit/theme/constants';
 import Tooltip from '@atlaskit/tooltip';
 import { messages } from '../i18n';
 import { TabType } from '../types';
+import { ANALYTICS_SOURCE, INTEGRATION_MODAL_SOURCE } from './analytics';
 import { CommentField } from './CommentField';
 import CopyLinkButton from './CopyLinkButton';
 import { IntegrationForm } from './IntegrationForm';
@@ -31,7 +33,7 @@ const CenterAlignedIconWrapper = styled.div`
   }
 `;
 export const FormWrapper = styled.div`
-  margin-top: ${props => props.isMainShare ? gridSize() : gridSize() * 2}px;
+  margin-top: ${gridSize()}px;
   width: 100%;
 
   /* jira has a class override font settings on h1 in gh-custom-field-pickers.css */
@@ -52,6 +54,7 @@ const IntegrationWrapper = styled.div`
   align-items: center;
 `;
 const IntegrationIconWrapper = styled.span`
+  margin-bottom: -6px;
   margin-right: 5px;
 `;
 
@@ -94,7 +97,11 @@ class InternalForm extends React.PureComponent {
         copyTooltipText,
         helperMessage
       } = this.props;
-      return /*#__PURE__*/React.createElement("form", formProps, showTitle && /*#__PURE__*/React.createElement(ShareHeader, {
+      return /*#__PURE__*/React.createElement(AnalyticsContext, {
+        data: {
+          source: ANALYTICS_SOURCE
+        }
+      }, /*#__PURE__*/React.createElement("form", formProps, showTitle && /*#__PURE__*/React.createElement(ShareHeader, {
         title: title
       }), /*#__PURE__*/React.createElement(FormField, null, /*#__PURE__*/React.createElement(UserPickerField, {
         onInputChange: onUserInputChange,
@@ -118,7 +125,7 @@ class InternalForm extends React.PureComponent {
         link: copyLink,
         isPublicLink: isPublicLink,
         copyTooltipText: copyTooltipText
-      }), this.renderSubmitButton()));
+      }), this.renderSubmitButton())));
     });
 
     _defineProperty(this, "renderSubmitButton", () => {
@@ -217,19 +224,19 @@ class InternalForm extends React.PureComponent {
         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`
-      }, /*#__PURE__*/React.createElement(FormWrapper, {
-        isMainShare: true
-      }, this.renderShareForm())), /*#__PURE__*/React.createElement(TabPanel, {
+      }, /*#__PURE__*/React.createElement(FormWrapper, null, this.renderShareForm())), /*#__PURE__*/React.createElement(TabPanel, {
         key: `share-tabPanel-integration`
-      }, /*#__PURE__*/React.createElement(FormWrapper, {
-        isMainShare: false
-      }, /*#__PURE__*/React.createElement(IntegrationForm, {
+      }, /*#__PURE__*/React.createElement(AnalyticsContext, {
+        data: {
+          source: INTEGRATION_MODAL_SOURCE
+        }
+      }, /*#__PURE__*/React.createElement(FormWrapper, null, /*#__PURE__*/React.createElement(IntegrationForm, {
         Content: firstIntegration.Content,
         onIntegrationClose: () => handleCloseDialog === null || handleCloseDialog === void 0 ? void 0 : handleCloseDialog(),
         changeTab: index => {
           this.changeTab(index);
         }
-      }))));
+      })))));
     }
 
     return this.renderShareForm();

package/dist/es2019/components/analytics.js

@@ -24,7 +24,7 @@ const createScreenEvent = (name, attributes = {}) => ({
 
 export const CHANNEL_ID = 'fabric-elements';
 export const ANALYTICS_SOURCE = 'shareModal';
-export const INTEGRATION_MODAL_SOURCE = 'integrationShareModal';
+export const INTEGRATION_MODAL_SOURCE = 'integrationShareDialog';
 export const screenEvent = ({
   isPublicLink = false
 }) => createScreenEvent(ANALYTICS_SOURCE, {

package/dist/es2019/components/colorSlackIcon.js

@@ -0,0 +1,57 @@
+import React from 'react';
+
+const SlackIcon = () => {
+  return /*#__PURE__*/React.createElement("svg", {
+    width: "16",
+    height: "16",
+    viewBox: "0 0 125 125"
+  }, /*#__PURE__*/React.createElement("style", null, '.prefix__st0{fill:#e01e5a}.prefix__st1{fill:#36c5f0}.prefix__st2{fill:#2eb67d}.prefix__st3{fill:#ecb22e}'), /*#__PURE__*/React.createElement("path", {
+    fill: "none",
+    id: "prefix__canvas_background",
+    d: "M-1-1h127v127H-1z"
+  }), /*#__PURE__*/React.createElement("g", null, /*#__PURE__*/React.createElement("g", {
+    id: "prefix__svg_1"
+  }, /*#__PURE__*/React.createElement("g", {
+    id: "prefix__svg_2"
+  }, /*#__PURE__*/React.createElement("path", {
+    id: "prefix__svg_3",
+    d: "M27.4 79.2c0 7.1-5.8 12.9-12.9 12.9-7.1 0-12.9-5.8-12.9-12.9 0-7.1 5.8-12.9 12.9-12.9h12.9v12.9z",
+    className: "prefix__st0"
+  }), /*#__PURE__*/React.createElement("path", {
+    id: "prefix__svg_4",
+    d: "M33.9 79.2c0-7.1 5.8-12.9 12.9-12.9s12.9 5.8 12.9 12.9v32.3c0 7.1-5.8 12.9-12.9 12.9s-12.9-5.8-12.9-12.9V79.2z",
+    className: "prefix__st0"
+  })), /*#__PURE__*/React.createElement("g", {
+    id: "prefix__svg_5"
+  }, /*#__PURE__*/React.createElement("path", {
+    id: "prefix__svg_6",
+    d: "M46.8 27.4c-7.1 0-12.9-5.8-12.9-12.9 0-7.1 5.8-12.9 12.9-12.9s12.9 5.8 12.9 12.9v12.9H46.8z",
+    className: "prefix__st1"
+  }), /*#__PURE__*/React.createElement("path", {
+    id: "prefix__svg_7",
+    d: "M46.8 33.9c7.1 0 12.9 5.8 12.9 12.9s-5.8 12.9-12.9 12.9H14.5c-7.1 0-12.9-5.8-12.9-12.9s5.8-12.9 12.9-12.9h32.3z",
+    className: "prefix__st1"
+  })), /*#__PURE__*/React.createElement("g", {
+    id: "prefix__svg_8"
+  }, /*#__PURE__*/React.createElement("path", {
+    id: "prefix__svg_9",
+    d: "M98.6 46.8c0-7.1 5.8-12.9 12.9-12.9 7.1 0 12.9 5.8 12.9 12.9s-5.8 12.9-12.9 12.9H98.6V46.8z",
+    className: "prefix__st2"
+  }), /*#__PURE__*/React.createElement("path", {
+    id: "prefix__svg_10",
+    d: "M92.1 46.8c0 7.1-5.8 12.9-12.9 12.9-7.1 0-12.9-5.8-12.9-12.9V14.5c0-7.1 5.8-12.9 12.9-12.9 7.1 0 12.9 5.8 12.9 12.9v32.3z",
+    className: "prefix__st2"
+  })), /*#__PURE__*/React.createElement("g", {
+    id: "prefix__svg_11"
+  }, /*#__PURE__*/React.createElement("path", {
+    id: "prefix__svg_12",
+    d: "M79.2 98.6c7.1 0 12.9 5.8 12.9 12.9 0 7.1-5.8 12.9-12.9 12.9-7.1 0-12.9-5.8-12.9-12.9V98.6h12.9z",
+    className: "prefix__st3"
+  }), /*#__PURE__*/React.createElement("path", {
+    id: "prefix__svg_13",
+    d: "M79.2 92.1c-7.1 0-12.9-5.8-12.9-12.9 0-7.1 5.8-12.9 12.9-12.9h32.3c7.1 0 12.9 5.8 12.9 12.9 0 7.1-5.8 12.9-12.9 12.9H79.2z",
+    className: "prefix__st3"
+  })))));
+};
+
+export default SlackIcon;

package/dist/es2019/i18n/cs.js

@@ -31,6 +31,7 @@ export default {
   'fabric.elements.share.form.user-picker.validation.required.existingUserOnly': 'Vyberte alespoň jednoho uživatele, skupinu nebo tým.',
   'fabric.elements.share.form.user-picker.validation.required.jira': 'Vyberte alespoň jednoho uživatele, tým nebo e-mail.',
   'fabric.elements.share.form.user-picker.validation.required.jira.existingUserOnly': 'Vyberte alespoň jednoho uživatele nebo tým.',
+  'fabric.elements.share.in.integration.button': 'Sdílet v: {integrationName}',
   'fabric.elements.share.success.message': '{object, select, blogpost {Příspěvek na blogu je sdílen} board {Board je sdílen} calendar {Kalendář je sdílen} draft {Koncept je sdílen} filter {Filtr je sdílen} issue {Požadavek je sdílen} media {Multimediální soubor je sdílen} page {Stránka je sdílena} project {Projekt je sdílen} pullrequest {Pull request je sdílen} question {Otázka je sdílena} report {Sestava je sdílena} repository {Repozitář je sdílen} request {Žádost je sdílena} roadmap {Plán je sdílen} site {Web je sdílen} space {Prostor je sdílen} other {Odkaz je 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/es2019/i18n/de.js

@@ -31,6 +31,7 @@ export default {
   'fabric.elements.share.form.user-picker.validation.required.existingUserOnly': 'Wählen Sie mindestens einen Benutzer, eine Gruppe oder ein Team aus.',
   'fabric.elements.share.form.user-picker.validation.required.jira': 'Bitte wählen Sie mindestens einen Benutzer, ein Team oder eine E-Mail-Adresse aus.',
   'fabric.elements.share.form.user-picker.validation.required.jira.existingUserOnly': 'Wählen Sie mindestens einen Benutzer oder ein Team aus.',
+  'fabric.elements.share.in.integration.button': 'In {integrationName} teilen',
   'fabric.elements.share.success.message': '{object, select, blogpost {Geteilter Blogpost} board {Geteiltes Board} calendar {Geteilter Kalender} draft {Geteilter Entwurf} filter {Geteilter Filter} issue {Geteilter Vorgang} media {Geteilte Medien} page {Geteilte Seite} project {Geteiltes Projekt} pullrequest {Geteilte Pull-Anfrage} question {Geteilte Frage} report {Geteilter Bericht} repository {Geteiltes Repository} request {Geteilte Anfrage} roadmap {Geteilte Roadmap} site {Geteilte Site} space {Geteilter Bereich} other {Geteilter Link}}',
   'fabric.elements.share.to.integration.button': 'Mit {integrationName} teilen',
   'fabric.elements.share.trigger.button.icon.label': 'Teilen-Symbol',

package/dist/es2019/i18n/fr.js

@@ -31,6 +31,7 @@ export default {
   'fabric.elements.share.form.user-picker.validation.required.existingUserOnly': 'Sélectionnez au moins un utilisateur, un groupe ou une équipe.',
   'fabric.elements.share.form.user-picker.validation.required.jira': 'Sélectionnez au moins un utilisateur, une équipe ou une adresse e-mail.',
   'fabric.elements.share.form.user-picker.validation.required.jira.existingUserOnly': 'Sélectionnez au moins un utilisateur ou une équipe.',
+  'fabric.elements.share.in.integration.button': 'Partager dans {integrationName}',
   'fabric.elements.share.success.message': '{object, select, blogpost {Billet de blog partagé} board {Tableau partagé} calendar {Calendrier partagé} draft {Brouillon partagé} filter {Filtre partagé} issue {Ticket partagé} media {Support partagé} page {Page partagée} project {Projet partagé} pullrequest {Pull request partagée} question {Question partagée} report {Rapport partagé} repository {Dépôt partagé} request {Demande partagée} roadmap {Feuille de route partagée} site {Site partagé} space {Espace partagé} other {Lien partagé}}',
   'fabric.elements.share.to.integration.button': 'Partager avec {integrationName}',
   'fabric.elements.share.trigger.button.icon.label': 'Icône de partage',

package/dist/es2019/i18n/pl.js

@@ -31,6 +31,7 @@ export default {
   '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.in.integration.button': 'Udostępnij w {integrationName}',
   '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',