@atlaskit/share 3.0.6 → 3.0.10

package/CHANGELOG.md

@@ -1,5 +1,31 @@
 # @atlaskit/share
 
+## 3.0.10
+
+### Patch Changes
+
+- [`19d72473dfb`](https://bitbucket.org/atlassian/atlassian-frontend/commits/19d72473dfb) - [ux] Replace dependency on deprecated @atlaskit/field-text-area with supported package @atlaskit/textarea.
+- [`19d72473dfb`](https://bitbucket.org/atlassian/atlassian-frontend/commits/19d72473dfb) - Bump dependency tiny-invariant to latest"
+- Updated dependencies
+
+## 3.0.9
+
+### Patch Changes
+
+- [`da84c14aa89`](https://bitbucket.org/atlassian/atlassian-frontend/commits/da84c14aa89) - Custom footer display in stein fix. Connected analytics event fire fix
+
+## 3.0.8
+
+### Patch Changes
+
+- [`9f7c98cf94f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9f7c98cf94f) - Fixes issues with share dialog closing and resetting tabIndex
+
+## 3.0.7
+
+### Patch Changes
+
+- [`4e97b934e85`](https://bitbucket.org/atlassian/atlassian-frontend/commits/4e97b934e85) - Adds condition to only render customFooter for default share form
+
 ## 3.0.6
 
 ### Patch Changes

package/dist/cjs/components/CommentField.js

@@ -13,13 +13,12 @@ var _react = _interopRequireDefault(require("react"));
 
 var _reactIntlNext = require("react-intl-next");
 
-var _fieldTextArea = _interopRequireDefault(require("@atlaskit/field-text-area"));
-
 var _form = require("@atlaskit/form");
 
+var _textarea = _interopRequireDefault(require("@atlaskit/textarea"));
+
 var _i18n = require("../i18n");
 
-// eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
 var CommentField = function CommentField(_ref) {
   var defaultValue = _ref.defaultValue;
   var intl = (0, _reactIntlNext.useIntl)();
@@ -28,7 +27,7 @@ var CommentField = function CommentField(_ref) {
     defaultValue: defaultValue
   }, function (_ref2) {
     var fieldProps = _ref2.fieldProps;
-    return /*#__PURE__*/_react.default.createElement(_fieldTextArea.default, (0, _extends2.default)({}, fieldProps, {
+    return /*#__PURE__*/_react.default.createElement(_textarea.default, (0, _extends2.default)({}, fieldProps, {
       onChange: function onChange(event) {
         return fieldProps.onChange({
           format: 'plain_text',
@@ -38,8 +37,6 @@ var CommentField = function CommentField(_ref) {
       value: fieldProps.value && fieldProps.value.value,
       maxLength: 500,
       minimumRows: 3,
-      shouldFitContainer: true,
-      isLabelHidden: true,
       placeholder: intl.formatMessage(_i18n.messages.commentPlaceholder)
     }));
   });

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

@@ -58,7 +58,7 @@ function LazyShareForm(props) {
       defaultValue = props.defaultValue,
       showTitle = props.showTitle;
 
-  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));
+  var footer = /*#__PURE__*/_react.default.createElement("div", null, bottomMessage ? /*#__PURE__*/_react.default.createElement(_styled.BottomMessageWrapper, null, bottomMessage) : null, customFooter && selectedIntegration === null && /*#__PURE__*/_react.default.createElement(_styled.CustomFooterWrapper, null, customFooter));
 
   return /*#__PURE__*/_react.default.createElement(_ShareFormWrapper.ShareFormWrapper, {
     footer: footer // form title will be determined by `title` and `showTitle` prop passed to `ShareForm`,

package/dist/cjs/components/ShareDialogWithTrigger.js

@@ -104,7 +104,8 @@ var ShareDialogWithTriggerInternal = /*#__PURE__*/function (_React$PureComponent
       defaultValue: defaultShareContentState,
       isUsingSplitButton: false,
       showIntegrationForm: false,
-      selectedIntegration: null
+      selectedIntegration: null,
+      tabIndex: 0
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "closeAndResetDialog", function () {
       _this.setState({
@@ -149,6 +150,10 @@ var ShareDialogWithTriggerInternal = /*#__PURE__*/function (_React$PureComponent
       }
 
       _this.createAndFireEvent((0, _analytics.shareTabClicked)(subjectId));
+
+      _this.setState({
+        tabIndex: index
+      });
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "getFlags", function () {
       var formatMessage = _this.props.intl.formatMessage; // The reason for providing message property is that in jira,
@@ -250,7 +255,8 @@ var ShareDialogWithTriggerInternal = /*#__PURE__*/function (_React$PureComponent
       _this.setState({
         isDialogOpen: false,
         showIntegrationForm: false,
-        selectedIntegration: null
+        selectedIntegration: null,
+        tabIndex: 0
       });
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleShareSubmit", function (data) {
@@ -450,7 +456,8 @@ var ShareDialogWithTriggerInternal = /*#__PURE__*/function (_React$PureComponent
           shareIntegrations = _this$props7.shareIntegrations;
       var style = typeof tabIndex !== 'undefined' && tabIndex >= 0 ? {
         outline: 'none'
-      } : undefined; // for performance purposes, we may want to have a loadable content i.e. ShareForm
+      } : undefined;
+      var footer = (0, _utils.resolveShareFooter)(integrationMode, this.state.tabIndex, customFooter); // for performance purposes, we may want to have a loadable content i.e. ShareForm
 
       return /*#__PURE__*/_react.default.createElement(ShareButtonWrapper, {
         tabIndex: tabIndex,
@@ -466,7 +473,7 @@ var ShareDialogWithTriggerInternal = /*#__PURE__*/function (_React$PureComponent
             copyLink: copyLink,
             showIntegrationForm: showIntegrationForm,
             bottomMessage: bottomMessage,
-            customFooter: customFooter,
+            customFooter: footer,
             loadOptions: loadUserOptions,
             isSharing: isSharing,
             shareFormTitle: shareFormTitle,

package/dist/cjs/components/ShareForm.js

@@ -225,9 +225,13 @@ var InternalForm = /*#__PURE__*/function (_React$PureComponent) {
       return /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, productShareType);
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "changeTab", function (tab) {
+      var _this$props$onTabChan, _this$props4;
+
       _this.setState({
         selectedTab: tab
       });
+
+      (_this$props$onTabChan = (_this$props4 = _this.props).onTabChange) === null || _this$props$onTabChan === void 0 ? void 0 : _this$props$onTabChan.call(_this$props4, tab);
     });
     return _this;
   }
@@ -235,9 +239,9 @@ var InternalForm = /*#__PURE__*/function (_React$PureComponent) {
   (0, _createClass2.default)(InternalForm, [{
     key: "componentWillUnmount",
     value: function componentWillUnmount() {
-      var _this$props4 = this.props,
-          onDismiss = _this$props4.onDismiss,
-          getValues = _this$props4.getValues;
+      var _this$props5 = this.props,
+          onDismiss = _this$props5.onDismiss,
+          getValues = _this$props5.getValues;
 
       if (onDismiss) {
         onDismiss(getValues());
@@ -246,14 +250,11 @@ var InternalForm = /*#__PURE__*/function (_React$PureComponent) {
   }, {
     key: "render",
     value: function render() {
-      var _this2 = this;
-
-      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;
+      var _this$props6 = this.props,
+          _this$props6$integrat = _this$props6.integrationMode,
+          integrationMode = _this$props6$integrat === void 0 ? 'off' : _this$props6$integrat,
+          shareIntegrations = _this$props6.shareIntegrations,
+          handleCloseDialog = _this$props6.handleCloseDialog;
 
       if (integrationMode === 'off' || !shareIntegrations || !shareIntegrations.length) {
         return this.renderShareForm();
@@ -264,11 +265,7 @@ var InternalForm = /*#__PURE__*/function (_React$PureComponent) {
       if (integrationMode === 'tabs') {
         return /*#__PURE__*/_react.default.createElement(_tabs.default, {
           id: "ShareForm-Tabs-Integrations",
-          onChange: function onChange(index) {
-            _this2.changeTab(index);
-
-            onTabChange === null || onTabChange === void 0 ? void 0 : onTabChange(index);
-          },
+          onChange: this.changeTab,
           selected: this.state.selectedTab
         }, /*#__PURE__*/_react.default.createElement(_tabs.TabList, null, /*#__PURE__*/_react.default.createElement(_tabs.Tab, {
           key: "share-tab-default"
@@ -287,9 +284,7 @@ var InternalForm = /*#__PURE__*/function (_React$PureComponent) {
           onIntegrationClose: function onIntegrationClose() {
             return handleCloseDialog === null || handleCloseDialog === void 0 ? void 0 : handleCloseDialog();
           },
-          changeTab: function changeTab(index) {
-            _this2.changeTab(index);
-          }
+          changeTab: this.changeTab
         })))));
       }
 

package/dist/cjs/components/utils.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.zIndexAddition = exports.optionDataToUsers = exports.getMenuPortalTargetCurrentHTML = exports.generateSelectZIndex = exports.allowEmails = void 0;
+exports.zIndexAddition = exports.resolveShareFooter = exports.optionDataToUsers = exports.getMenuPortalTargetCurrentHTML = exports.generateSelectZIndex = exports.allowEmails = void 0;
 
 var _constants = require("@atlaskit/theme/constants");
 
@@ -73,4 +73,14 @@ var allowEmails = function allowEmails(config) {
   return !(config && config.disableSharingToEmails);
 };
 
-exports.allowEmails = allowEmails;
+exports.allowEmails = allowEmails;
+
+var resolveShareFooter = function resolveShareFooter(integrationMode, tabIndex, customFooter) {
+  if (customFooter) {
+    if (integrationMode !== 'tabs' || tabIndex === 0) {
+      return customFooter;
+    }
+  }
+};
+
+exports.resolveShareFooter = resolveShareFooter;

package/dist/cjs/i18n/cs.js

@@ -38,7 +38,6 @@ 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,7 +38,6 @@ 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,7 +38,6 @@ 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,7 +38,6 @@ 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,7 +38,6 @@ 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,7 +38,6 @@ 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,7 +38,6 @@ 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,7 +38,6 @@ 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,7 +38,6 @@ 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.6"
+	"version": "3.0.10"
 }

package/dist/es2019/components/CommentField.js

@@ -1,9 +1,8 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
-import { useIntl } from 'react-intl-next'; // eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
-
-import FieldTextArea from '@atlaskit/field-text-area';
+import { useIntl } from 'react-intl-next';
 import { Field } from '@atlaskit/form';
+import TextArea from '@atlaskit/textarea';
 import { messages } from '../i18n';
 export const CommentField = ({
   defaultValue
@@ -14,7 +13,7 @@ export const CommentField = ({
     defaultValue: defaultValue
   }, ({
     fieldProps
-  }) => /*#__PURE__*/React.createElement(FieldTextArea, _extends({}, fieldProps, {
+  }) => /*#__PURE__*/React.createElement(TextArea, _extends({}, fieldProps, {
     onChange: event => fieldProps.onChange({
       format: 'plain_text',
       value: event.target.value
@@ -22,8 +21,6 @@ export const CommentField = ({
     value: fieldProps.value && fieldProps.value.value,
     maxLength: 500,
     minimumRows: 3,
-    shouldFitContainer: true,
-    isLabelHidden: true,
     placeholder: intl.formatMessage(messages.commentPlaceholder)
   })));
 };

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

@@ -47,7 +47,7 @@ function LazyShareForm(props) {
     defaultValue,
     showTitle
   } = props;
-  const footer = /*#__PURE__*/React.createElement("div", null, bottomMessage ? /*#__PURE__*/React.createElement(BottomMessageWrapper, null, bottomMessage) : null, customFooter && /*#__PURE__*/React.createElement(CustomFooterWrapper, null, customFooter));
+  const footer = /*#__PURE__*/React.createElement("div", null, bottomMessage ? /*#__PURE__*/React.createElement(BottomMessageWrapper, null, bottomMessage) : null, customFooter && selectedIntegration === null && /*#__PURE__*/React.createElement(CustomFooterWrapper, null, customFooter));
   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

package/dist/es2019/components/ShareDialogWithTrigger.js

@@ -17,7 +17,7 @@ import { cancelShare, CHANNEL_ID, copyLinkButtonClicked, formShareSubmitted, scr
 import LazyShareFormLazy from './LazyShareForm/lazy';
 import ShareButton from './ShareButton';
 import SplitButton from './SplitButton';
-import { generateSelectZIndex } from './utils';
+import { generateSelectZIndex, resolveShareFooter } from './utils';
 const ShareButtonWrapper = styled.div`
   display: inline-flex;
   outline: none;
@@ -47,7 +47,8 @@ export class ShareDialogWithTriggerInternal extends React.PureComponent {
       defaultValue: defaultShareContentState,
       isUsingSplitButton: false,
       showIntegrationForm: false,
-      selectedIntegration: null
+      selectedIntegration: null,
+      tabIndex: 0
     });
 
     _defineProperty(this, "closeAndResetDialog", () => {
@@ -96,6 +97,9 @@ export class ShareDialogWithTriggerInternal extends React.PureComponent {
       }
 
       this.createAndFireEvent(shareTabClicked(subjectId));
+      this.setState({
+        tabIndex: index
+      });
     });
 
     _defineProperty(this, "getFlags", () => {
@@ -209,7 +213,8 @@ export class ShareDialogWithTriggerInternal extends React.PureComponent {
       this.setState({
         isDialogOpen: false,
         showIntegrationForm: false,
-        selectedIntegration: null
+        selectedIntegration: null,
+        tabIndex: 0
       });
     });
 
@@ -410,7 +415,8 @@ export class ShareDialogWithTriggerInternal extends React.PureComponent {
     } = this.props;
     const style = typeof tabIndex !== 'undefined' && tabIndex >= 0 ? {
       outline: 'none'
-    } : undefined; // for performance purposes, we may want to have a loadable content i.e. ShareForm
+    } : undefined;
+    const footer = resolveShareFooter(integrationMode, this.state.tabIndex, customFooter); // for performance purposes, we may want to have a loadable content i.e. ShareForm
 
     return /*#__PURE__*/React.createElement(ShareButtonWrapper, {
       tabIndex: tabIndex,
@@ -425,7 +431,7 @@ export class ShareDialogWithTriggerInternal extends React.PureComponent {
         copyLink: copyLink,
         showIntegrationForm: showIntegrationForm,
         bottomMessage: bottomMessage,
-        customFooter: customFooter,
+        customFooter: footer,
         loadOptions: loadUserOptions,
         isSharing: isSharing,
         shareFormTitle: shareFormTitle,

package/dist/es2019/components/ShareForm.js

@@ -183,9 +183,12 @@ class InternalForm extends React.PureComponent {
     });
 
     _defineProperty(this, "changeTab", tab => {
+      var _this$props$onTabChan, _this$props;
+
       this.setState({
         selectedTab: tab
       });
+      (_this$props$onTabChan = (_this$props = this.props).onTabChange) === null || _this$props$onTabChan === void 0 ? void 0 : _this$props$onTabChan.call(_this$props, tab);
     });
   }
 
@@ -204,7 +207,6 @@ class InternalForm extends React.PureComponent {
     const {
       integrationMode = 'off',
       shareIntegrations,
-      onTabChange,
       handleCloseDialog
     } = this.props;
 
@@ -217,10 +219,7 @@ class InternalForm extends React.PureComponent {
     if (integrationMode === 'tabs') {
       return /*#__PURE__*/React.createElement(Tabs, {
         id: "ShareForm-Tabs-Integrations",
-        onChange: index => {
-          this.changeTab(index);
-          onTabChange === null || onTabChange === void 0 ? void 0 : onTabChange(index);
-        },
+        onChange: this.changeTab,
         selected: this.state.selectedTab
       }, /*#__PURE__*/React.createElement(TabList, null, /*#__PURE__*/React.createElement(Tab, {
         key: `share-tab-default`
@@ -237,9 +236,7 @@ class InternalForm extends React.PureComponent {
       }, /*#__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);
-        }
+        changeTab: this.changeTab
       })))));
     }
 

package/dist/es2019/components/utils.js

@@ -49,4 +49,11 @@ export const optionDataToUsers = optionDataArray => optionDataArray.map(optionDa
       };
   }
 });
-export const allowEmails = config => !(config && config.disableSharingToEmails);
+export const allowEmails = config => !(config && config.disableSharingToEmails);
+export const resolveShareFooter = (integrationMode, tabIndex, customFooter) => {
+  if (customFooter) {
+    if (integrationMode !== 'tabs' || tabIndex === 0) {
+      return customFooter;
+    }
+  }
+};

package/dist/es2019/i18n/cs.js

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

package/dist/es2019/i18n/pt_BR.js

@@ -31,7 +31,6 @@ export 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/es2019/i18n/ru.js

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

@@ -31,7 +31,6 @@ export 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/es2019/i18n/vi.js

@@ -31,7 +31,6 @@ export 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/es2019/i18n/zh_TW.js

@@ -31,7 +31,6 @@ 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/version.json

@@ -1,4 +1,4 @@
 {
 	"name": "@atlaskit/share",
-	"version": "3.0.6"
+	"version": "3.0.10"
 }

package/dist/esm/components/CommentField.js

@@ -1,9 +1,8 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
-import { useIntl } from 'react-intl-next'; // eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
-
-import FieldTextArea from '@atlaskit/field-text-area';
+import { useIntl } from 'react-intl-next';
 import { Field } from '@atlaskit/form';
+import TextArea from '@atlaskit/textarea';
 import { messages } from '../i18n';
 export var CommentField = function CommentField(_ref) {
   var defaultValue = _ref.defaultValue;
@@ -13,7 +12,7 @@ export var CommentField = function CommentField(_ref) {
     defaultValue: defaultValue
   }, function (_ref2) {
     var fieldProps = _ref2.fieldProps;
-    return /*#__PURE__*/React.createElement(FieldTextArea, _extends({}, fieldProps, {
+    return /*#__PURE__*/React.createElement(TextArea, _extends({}, fieldProps, {
       onChange: function onChange(event) {
         return fieldProps.onChange({
           format: 'plain_text',
@@ -23,8 +22,6 @@ export var CommentField = function CommentField(_ref) {
       value: fieldProps.value && fieldProps.value.value,
       maxLength: 500,
       minimumRows: 3,
-      shouldFitContainer: true,
-      isLabelHidden: true,
       placeholder: intl.formatMessage(messages.commentPlaceholder)
     }));
   });

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

@@ -42,7 +42,7 @@ function LazyShareForm(props) {
       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));
+  var footer = /*#__PURE__*/React.createElement("div", null, bottomMessage ? /*#__PURE__*/React.createElement(BottomMessageWrapper, null, bottomMessage) : null, customFooter && selectedIntegration === null && /*#__PURE__*/React.createElement(CustomFooterWrapper, null, customFooter));
   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

package/dist/esm/components/ShareDialogWithTrigger.js

@@ -35,7 +35,7 @@ import { cancelShare, CHANNEL_ID, copyLinkButtonClicked, formShareSubmitted, scr
 import LazyShareFormLazy from './LazyShareForm/lazy';
 import ShareButton from './ShareButton';
 import SplitButton from './SplitButton';
-import { generateSelectZIndex } from './utils';
+import { generateSelectZIndex, resolveShareFooter } from './utils';
 var ShareButtonWrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: inline-flex;\n  outline: none;\n"])));
 export var defaultShareContentState = {
   users: [],
@@ -74,7 +74,8 @@ export var ShareDialogWithTriggerInternal = /*#__PURE__*/function (_React$PureCo
       defaultValue: defaultShareContentState,
       isUsingSplitButton: false,
       showIntegrationForm: false,
-      selectedIntegration: null
+      selectedIntegration: null,
+      tabIndex: 0
     });
 
     _defineProperty(_assertThisInitialized(_this), "closeAndResetDialog", function () {
@@ -122,6 +123,10 @@ export var ShareDialogWithTriggerInternal = /*#__PURE__*/function (_React$PureCo
       }
 
       _this.createAndFireEvent(shareTabClicked(subjectId));
+
+      _this.setState({
+        tabIndex: index
+      });
     });
 
     _defineProperty(_assertThisInitialized(_this), "getFlags", function () {
@@ -228,7 +233,8 @@ export var ShareDialogWithTriggerInternal = /*#__PURE__*/function (_React$PureCo
       _this.setState({
         isDialogOpen: false,
         showIntegrationForm: false,
-        selectedIntegration: null
+        selectedIntegration: null,
+        tabIndex: 0
       });
     });
 
@@ -436,7 +442,8 @@ export var ShareDialogWithTriggerInternal = /*#__PURE__*/function (_React$PureCo
           shareIntegrations = _this$props7.shareIntegrations;
       var style = typeof tabIndex !== 'undefined' && tabIndex >= 0 ? {
         outline: 'none'
-      } : undefined; // for performance purposes, we may want to have a loadable content i.e. ShareForm
+      } : undefined;
+      var footer = resolveShareFooter(integrationMode, this.state.tabIndex, customFooter); // for performance purposes, we may want to have a loadable content i.e. ShareForm
 
       return /*#__PURE__*/React.createElement(ShareButtonWrapper, {
         tabIndex: tabIndex,
@@ -452,7 +459,7 @@ export var ShareDialogWithTriggerInternal = /*#__PURE__*/function (_React$PureCo
             copyLink: copyLink,
             showIntegrationForm: showIntegrationForm,
             bottomMessage: bottomMessage,
-            customFooter: customFooter,
+            customFooter: footer,
             loadOptions: loadUserOptions,
             isSharing: isSharing,
             shareFormTitle: shareFormTitle,

package/dist/esm/components/ShareForm.js

@@ -178,9 +178,13 @@ var InternalForm = /*#__PURE__*/function (_React$PureComponent) {
     });
 
     _defineProperty(_assertThisInitialized(_this), "changeTab", function (tab) {
+      var _this$props$onTabChan, _this$props4;
+
       _this.setState({
         selectedTab: tab
       });
+
+      (_this$props$onTabChan = (_this$props4 = _this.props).onTabChange) === null || _this$props$onTabChan === void 0 ? void 0 : _this$props$onTabChan.call(_this$props4, tab);
     });
 
     return _this;
@@ -189,9 +193,9 @@ var InternalForm = /*#__PURE__*/function (_React$PureComponent) {
   _createClass(InternalForm, [{
     key: "componentWillUnmount",
     value: function componentWillUnmount() {
-      var _this$props4 = this.props,
-          onDismiss = _this$props4.onDismiss,
-          getValues = _this$props4.getValues;
+      var _this$props5 = this.props,
+          onDismiss = _this$props5.onDismiss,
+          getValues = _this$props5.getValues;
 
       if (onDismiss) {
         onDismiss(getValues());
@@ -200,14 +204,11 @@ var InternalForm = /*#__PURE__*/function (_React$PureComponent) {
   }, {
     key: "render",
     value: function render() {
-      var _this2 = this;
-
-      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;
+      var _this$props6 = this.props,
+          _this$props6$integrat = _this$props6.integrationMode,
+          integrationMode = _this$props6$integrat === void 0 ? 'off' : _this$props6$integrat,
+          shareIntegrations = _this$props6.shareIntegrations,
+          handleCloseDialog = _this$props6.handleCloseDialog;
 
       if (integrationMode === 'off' || !shareIntegrations || !shareIntegrations.length) {
         return this.renderShareForm();
@@ -218,11 +219,7 @@ var InternalForm = /*#__PURE__*/function (_React$PureComponent) {
       if (integrationMode === 'tabs') {
         return /*#__PURE__*/React.createElement(Tabs, {
           id: "ShareForm-Tabs-Integrations",
-          onChange: function onChange(index) {
-            _this2.changeTab(index);
-
-            onTabChange === null || onTabChange === void 0 ? void 0 : onTabChange(index);
-          },
+          onChange: this.changeTab,
           selected: this.state.selectedTab
         }, /*#__PURE__*/React.createElement(TabList, null, /*#__PURE__*/React.createElement(Tab, {
           key: "share-tab-default"
@@ -241,9 +238,7 @@ var InternalForm = /*#__PURE__*/function (_React$PureComponent) {
           onIntegrationClose: function onIntegrationClose() {
             return handleCloseDialog === null || handleCloseDialog === void 0 ? void 0 : handleCloseDialog();
           },
-          changeTab: function changeTab(index) {
-            _this2.changeTab(index);
-          }
+          changeTab: this.changeTab
         })))));
       }
 

package/dist/esm/components/utils.js

@@ -53,4 +53,11 @@ export var optionDataToUsers = function optionDataToUsers(optionDataArray) {
 };
 export var allowEmails = function allowEmails(config) {
   return !(config && config.disableSharingToEmails);
+};
+export var resolveShareFooter = function resolveShareFooter(integrationMode, tabIndex, customFooter) {
+  if (customFooter) {
+    if (integrationMode !== 'tabs' || tabIndex === 0) {
+      return customFooter;
+    }
+  }
 };

package/dist/esm/i18n/cs.js

@@ -31,7 +31,6 @@ 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/esm/i18n/de.js

@@ -31,7 +31,6 @@ 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/esm/i18n/fr.js

@@ -31,7 +31,6 @@ 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/esm/i18n/pl.js

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

package/dist/esm/i18n/pt_BR.js

@@ -31,7 +31,6 @@ export 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/esm/i18n/ru.js

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

@@ -31,7 +31,6 @@ export 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/esm/i18n/vi.js

@@ -31,7 +31,6 @@ export 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/esm/i18n/zh_TW.js

@@ -31,7 +31,6 @@ 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/esm/version.json

@@ -1,4 +1,4 @@
 {
 	"name": "@atlaskit/share",
-	"version": "3.0.6"
+	"version": "3.0.10"
 }

package/dist/types/components/CommentField.d.ts

@@ -3,4 +3,4 @@ import { Comment } from '../types';
 export declare type Props = {
     defaultValue?: Comment;
 };
-export declare const CommentField: React.StatelessComponent<Props>;
+export declare const CommentField: React.FunctionComponent<Props>;

package/dist/types/components/utils.d.ts

@@ -1,6 +1,7 @@
 /// <reference types="react" />
 import { OptionData } from '@atlaskit/user-picker';
 import { ConfigResponse, User } from '../types';
+import type { IntegrationMode } from '../types/ShareEntities';
 /**
  * We need to generate correct zIndex, for the PopUp and for the Select inside it.
  * The PopUp's defaults to `layers.layer()` from @atlaskit/theme. But if user provides
@@ -16,3 +17,4 @@ export declare const generateSelectZIndex: (dialogZIndex?: number | undefined) =
 export declare const getMenuPortalTargetCurrentHTML: (ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined) => HTMLDivElement | null;
 export declare const optionDataToUsers: (optionDataArray: OptionData[]) => User[];
 export declare const allowEmails: (config?: ConfigResponse | undefined) => boolean;
+export declare const resolveShareFooter: (integrationMode: IntegrationMode | undefined, tabIndex: number, customFooter: React.ReactNode) => React.ReactNode | undefined;

package/dist/types/i18n/cs.d.ts

@@ -24,7 +24,6 @@ declare const _default: {
     'fabric.elements.share.form.user-picker.validation.required.existingUserOnly': string;
     'fabric.elements.share.form.user-picker.validation.required.jira': string;
     'fabric.elements.share.form.user-picker.validation.required.jira.existingUserOnly': string;
-    'fabric.elements.share.in.integration.button': string;
     'fabric.elements.share.success.message': string;
     'fabric.elements.share.to.integration.button': string;
     'fabric.elements.share.trigger.button.icon.label': string;

package/dist/types/i18n/de.d.ts

@@ -24,7 +24,6 @@ declare const _default: {
     'fabric.elements.share.form.user-picker.validation.required.existingUserOnly': string;
     'fabric.elements.share.form.user-picker.validation.required.jira': string;
     'fabric.elements.share.form.user-picker.validation.required.jira.existingUserOnly': string;
-    'fabric.elements.share.in.integration.button': string;
     'fabric.elements.share.success.message': string;
     'fabric.elements.share.to.integration.button': string;
     'fabric.elements.share.trigger.button.icon.label': string;

package/dist/types/i18n/fr.d.ts

@@ -24,7 +24,6 @@ declare const _default: {
     'fabric.elements.share.form.user-picker.validation.required.existingUserOnly': string;
     'fabric.elements.share.form.user-picker.validation.required.jira': string;
     'fabric.elements.share.form.user-picker.validation.required.jira.existingUserOnly': string;
-    'fabric.elements.share.in.integration.button': string;
     'fabric.elements.share.success.message': string;
     'fabric.elements.share.to.integration.button': string;
     'fabric.elements.share.trigger.button.icon.label': string;

package/dist/types/i18n/pl.d.ts

@@ -24,7 +24,6 @@ declare const _default: {
     'fabric.elements.share.form.user-picker.validation.required.existingUserOnly': string;
     'fabric.elements.share.form.user-picker.validation.required.jira': string;
     'fabric.elements.share.form.user-picker.validation.required.jira.existingUserOnly': string;
-    'fabric.elements.share.in.integration.button': string;
     'fabric.elements.share.success.message': string;
     'fabric.elements.share.to.integration.button': string;
     'fabric.elements.share.trigger.button.icon.label': string;

package/dist/types/i18n/pt_BR.d.ts

@@ -24,7 +24,6 @@ declare const _default: {
     'fabric.elements.share.form.user-picker.validation.required.existingUserOnly': string;
     'fabric.elements.share.form.user-picker.validation.required.jira': string;
     'fabric.elements.share.form.user-picker.validation.required.jira.existingUserOnly': string;
-    'fabric.elements.share.in.integration.button': string;
     'fabric.elements.share.success.message': string;
     'fabric.elements.share.to.integration.button': string;
     'fabric.elements.share.trigger.button.icon.label': string;

package/dist/types/i18n/ru.d.ts

@@ -24,7 +24,6 @@ declare const _default: {
     'fabric.elements.share.form.user-picker.validation.required.existingUserOnly': string;
     'fabric.elements.share.form.user-picker.validation.required.jira': string;
     'fabric.elements.share.form.user-picker.validation.required.jira.existingUserOnly': string;
-    'fabric.elements.share.in.integration.button': string;
     'fabric.elements.share.success.message': string;
     'fabric.elements.share.to.integration.button': string;
     'fabric.elements.share.trigger.button.icon.label': string;

package/dist/types/i18n/tr.d.ts

@@ -24,7 +24,6 @@ declare const _default: {
     'fabric.elements.share.form.user-picker.validation.required.existingUserOnly': string;
     'fabric.elements.share.form.user-picker.validation.required.jira': string;
     'fabric.elements.share.form.user-picker.validation.required.jira.existingUserOnly': string;
-    'fabric.elements.share.in.integration.button': string;
     'fabric.elements.share.success.message': string;
     'fabric.elements.share.to.integration.button': string;
     'fabric.elements.share.trigger.button.icon.label': string;

package/dist/types/i18n/vi.d.ts

@@ -24,7 +24,6 @@ declare const _default: {
     'fabric.elements.share.form.user-picker.validation.required.existingUserOnly': string;
     'fabric.elements.share.form.user-picker.validation.required.jira': string;
     'fabric.elements.share.form.user-picker.validation.required.jira.existingUserOnly': string;
-    'fabric.elements.share.in.integration.button': string;
     'fabric.elements.share.success.message': string;
     'fabric.elements.share.to.integration.button': string;
     'fabric.elements.share.trigger.button.icon.label': string;

package/dist/types/i18n/zh_TW.d.ts

@@ -24,7 +24,6 @@ declare const _default: {
     'fabric.elements.share.form.user-picker.validation.required.existingUserOnly': string;
     'fabric.elements.share.form.user-picker.validation.required.jira': string;
     'fabric.elements.share.form.user-picker.validation.required.jira.existingUserOnly': string;
-    'fabric.elements.share.in.integration.button': string;
     'fabric.elements.share.success.message': string;
     'fabric.elements.share.to.integration.button': string;
     'fabric.elements.share.trigger.button.icon.label': string;

package/dist/types/types/ShareDialogWithTrigger.d.ts

@@ -40,4 +40,5 @@ export declare type ShareDialogWithTriggerStates = {
     isUsingSplitButton: boolean;
     showIntegrationForm: boolean;
     selectedIntegration: Integration | null;
+    tabIndex: number;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/share",
-  "version": "3.0.6",
+  "version": "3.0.10",
   "description": "Fabric Share Element",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -33,24 +33,24 @@
     "@atlaskit/analytics-next": "^8.2.0",
     "@atlaskit/button": "^16.0.0",
     "@atlaskit/dropdown-menu": "^11.0.0",
-    "@atlaskit/field-text-area": "^8.0.0",
     "@atlaskit/form": "^8.4.0",
     "@atlaskit/icon": "^21.10.0",
     "@atlaskit/popup": "^1.3.0",
     "@atlaskit/portal": "^4.0.0",
     "@atlaskit/spinner": "^15.1.4",
     "@atlaskit/tabs": "^13.2.3",
+    "@atlaskit/textarea": "^4.2.2",
     "@atlaskit/theme": "^12.1.0",
     "@atlaskit/tooltip": "^17.5.0",
     "@atlaskit/user-picker": "^8.3.0",
-    "@atlaskit/util-service-support": "^6.0.0",
+    "@atlaskit/util-service-support": "^6.1.0",
     "@babel/runtime": "^7.0.0",
     "fast-deep-equal": "^3.1.1",
     "memoize-one": "^6.0.0",
     "react-device-detect": "^1.15.0",
     "react-intl-next": "npm:react-intl@^5.18.1",
     "react-loosely-lazy": "^0.5.0",
-    "tiny-invariant": "^0.0.3"
+    "tiny-invariant": "^1.2.0"
   },
   "peerDependencies": {
     "react": "^16.8.0",
@@ -63,7 +63,7 @@
     "@atlaskit/section-message": "^6.0.0",
     "@atlaskit/select": "^15.0.0",
     "@atlaskit/toggle": "^12.4.0",
-    "@atlaskit/util-data-test": "^17.1.0",
+    "@atlaskit/util-data-test": "^17.2.0",
     "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
     "enzyme": "^3.10.0",
     "enzyme-adapter-react-16": "^1.15.1",