@atlaskit/share 4.2.2 → 4.3.0

package/dist/esm/components/ShareForm.js

@@ -22,7 +22,6 @@ import Form from '@atlaskit/form';
 import ErrorIcon from '@atlaskit/icon/glyph/error';
 import Tabs, { Tab, TabList, TabPanel } from '@atlaskit/tabs';
 import { R400 } from '@atlaskit/theme/colors';
-import { gridSize } from '@atlaskit/theme/constants';
 import Tooltip from '@atlaskit/tooltip';
 import { messages } from '../i18n';
 import { TabType } from '../types';
@@ -34,7 +33,7 @@ import { ShareHeader } from './ShareHeader';
 import { UserPickerField } from './UserPickerField';
 var submitButtonWrapperStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  margin-left: auto;\n"])));
 var centerAlignedIconWrapperStyles = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n  align-self: center;\n  padding: 0 10px;\n\n  > div {\n    line-height: 1;\n  }\n"])));
-export var formWrapperStyles = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\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"])), gridSize());
+export var formWrapperStyles = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  margin-top: ", ";\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"])), "var(--ds-space-100, 8px)");
 export var formFooterStyles = css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: flex-start;\n"])));
 var formFieldStyles = css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  margin-bottom: 12px;\n"])));
 var integrationWrapperStyles = css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n"])));
@@ -86,7 +85,8 @@ var InternalForm = /*#__PURE__*/function (_React$PureComponent) {
         helperMessage = _this$props.helperMessage,
         orgId = _this$props.orgId,
         isBrowseUsersDisabled = _this$props.isBrowseUsersDisabled,
-        formatMessage = _this$props.intl.formatMessage;
+        formatMessage = _this$props.intl.formatMessage,
+        shareError = _this$props.shareError;
       return jsx(AnalyticsContext, {
         data: {
           source: ANALYTICS_SOURCE
@@ -110,7 +110,8 @@ var InternalForm = /*#__PURE__*/function (_React$PureComponent) {
         isPublicLink: isPublicLink,
         helperMessage: helperMessage,
         orgId: orgId,
-        isBrowseUsersDisabled: isBrowseUsersDisabled
+        isBrowseUsersDisabled: isBrowseUsersDisabled,
+        shareError: shareError
       })), jsx("div", {
         css: formFieldStyles
       }, jsx(CommentField, {
@@ -136,13 +137,16 @@ var InternalForm = /*#__PURE__*/function (_React$PureComponent) {
         isDisabled = _this$props2.isDisabled,
         isPublicLink = _this$props2.isPublicLink,
         integrationMode = _this$props2.integrationMode;
-      var shouldShowWarning = shareError && !isSharing;
+      var isRetryableError = !!(shareError !== null && shareError !== void 0 && shareError.retryable);
+      var isNonRetryableError = shareError && !shareError.retryable;
+      var shouldShowWarning = isRetryableError && !isSharing;
       var buttonAppearance = !shouldShowWarning ? 'primary' : 'warning';
       var tabMode = integrationMode === 'tabs';
       var formPublicLabel = tabMode ? messages.formSharePublic : messages.formSendPublic;
       var formSendLabel = messages.formShare;
       var sendLabel = isPublicLink ? formPublicLabel : formSendLabel;
-      var buttonLabel = shareError ? messages.formRetry : sendLabel;
+      var buttonLabel = isRetryableError ? messages.formRetry : sendLabel;
+      var buttonDisabled = isDisabled || isNonRetryableError;
       var ButtonLabelWrapper = buttonAppearance === 'warning' ? 'strong' : React.Fragment;
       return jsx("div", {
         css: submitButtonWrapperStyles
@@ -158,7 +162,7 @@ var InternalForm = /*#__PURE__*/function (_React$PureComponent) {
         appearance: buttonAppearance,
         type: "submit",
         isLoading: isSharing,
-        isDisabled: isDisabled
+        isDisabled: buttonDisabled
       }, jsx(ButtonLabelWrapper, null, submitButtonLabel || jsx(FormattedMessage, buttonLabel))));
     });
     _defineProperty(_assertThisInitialized(_this), "renderMainTabTitle", function () {

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

@@ -2,12 +2,11 @@
 
 import React from 'react';
 import { jsx } from '@emotion/react';
-import { gridSize } from '@atlaskit/theme/constants';
 export var InlineDialogFormWrapper = function InlineDialogFormWrapper(_ref) {
   var children = _ref.children;
   return jsx("div", {
     css: {
-      width: "".concat(gridSize() * 44, "px")
+      width: "".concat(8 * 44, "px")
     }
   }, children);
 };
@@ -22,7 +21,7 @@ export var InlineDialogContentWrapper = function InlineDialogContentWrapper(_ref
   var children = _ref2.children;
   return jsx("div", {
     css: {
-      padding: "".concat(gridSize() * 2, "px ").concat(gridSize() * 3, "px")
+      padding: "var(--ds-space-200, 16px)".concat(" ", "var(--ds-space-300, 24px)")
     }
   }, children);
 };

package/dist/esm/components/ShareHeader.js

@@ -4,12 +4,11 @@ var _templateObject, _templateObject2;
 import React from 'react';
 import { css, jsx, useTheme } from '@emotion/react';
 import { FormattedMessage } from 'react-intl-next';
-import { gridSize } from '@atlaskit/theme/constants';
 import { h500 } from '@atlaskit/theme/typography';
 import { messages } from '../i18n';
 var headerWrapperStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: space-between;\n"])));
 export var getFormHeaderTitleStyles = function getFormHeaderTitleStyles(theme) {
-  return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  ", "\n  line-height: ", "px;\n  margin-right: ", "px;\n  margin-top: ", "px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n\n  > span {\n    font-size: initial;\n  }\n"])), h500(theme), gridSize() * 4, gridSize() * 4, gridSize() * 4);
+  return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  ", "\n  line-height: ", ";\n  margin-right: ", ";\n  margin-top: ", ";\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n\n  > span {\n    font-size: initial;\n  }\n"])), h500(theme), "var(--ds-font-lineHeight-500, 32px)", "var(--ds-space-400, 32px)", "var(--ds-space-400, 32px)");
 };
 export var ShareHeader = function ShareHeader(_ref) {
   var title = _ref.title;

package/dist/esm/components/UserPickerField.js

@@ -92,7 +92,7 @@ export var UserPickerFieldComponent = /*#__PURE__*/function (_React$Component) {
         return [];
       }
     });
-    _defineProperty(_assertThisInitialized(_this), "getInviteWarningMessage", function () {
+    _defineProperty(_assertThisInitialized(_this), "getHelperMessageOrDefault", function () {
       var _this$props = _this.props,
         product = _this$props.product,
         isPublicLink = _this$props.isPublicLink,
@@ -131,7 +131,8 @@ export var UserPickerFieldComponent = /*#__PURE__*/function (_React$Component) {
         selectPortalRef = _this$props2.selectPortalRef,
         isPublicLink = _this$props2.isPublicLink,
         orgId = _this$props2.orgId,
-        isBrowseUsersDisabled = _this$props2.isBrowseUsersDisabled;
+        isBrowseUsersDisabled = _this$props2.isBrowseUsersDisabled,
+        shareError = _this$props2.shareError;
       var smartUserPickerProps = enableSmartUserPicker && !isBrowseUsersDisabled ? {
         productKey: product,
         principalId: loggedInAccountId,
@@ -165,13 +166,19 @@ export var UserPickerFieldComponent = /*#__PURE__*/function (_React$Component) {
         transform: this.handleUserPickerTransform
       }, function (_ref2) {
         var fieldProps = _ref2.fieldProps,
-          error = _ref2.error,
-          valid = _ref2.meta.valid;
-        var inviteWarningMessage = _this2.getInviteWarningMessage();
+          fieldValidationError = _ref2.error,
+          fieldValid = _ref2.meta.valid;
+        var helperMessage = _this2.getHelperMessageOrDefault();
+        var addMoreMessage = shareError !== null && shareError !== void 0 && shareError.errorCode ? null : intl.formatMessage(messages.userPickerAddMoreMessage);
+        var wasValidationOrShareError = !!fieldValidationError || !!shareError;
         return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(UserPickerComponent, _extends({}, fieldProps, commonPickerProps, smartUserPickerProps, {
-          addMoreMessage: intl.formatMessage(messages.userPickerAddMoreMessage),
+          addMoreMessage: addMoreMessage,
           menuPortalTarget: menuPortalTarget
-        })), inviteWarningMessage && /*#__PURE__*/React.createElement(HelperMessage, null, inviteWarningMessage), !valid && error === REQUIRED && /*#__PURE__*/React.createElement(ErrorMessage, null, /*#__PURE__*/React.createElement(FormattedMessage, requiredMessage)));
+        })), helperMessage && !wasValidationOrShareError && /*#__PURE__*/React.createElement(HelperMessage, null, helperMessage), !fieldValid && fieldValidationError === REQUIRED && /*#__PURE__*/React.createElement(ErrorMessage, null, /*#__PURE__*/React.createElement(FormattedMessage, requiredMessage)), shareError && shareError.errorCode && /*#__PURE__*/React.createElement(ErrorMessage, null, shareError.message, "\xA0", shareError.helpUrl && /*#__PURE__*/React.createElement("a", {
+          target: "_blank",
+          href: shareError.helpUrl,
+          rel: "help"
+        }, "Learn why")));
       });
     }
   }]);

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

@@ -6,7 +6,7 @@ var buildAttributes = function buildAttributes() {
   var attributes = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   return _objectSpread({
     packageName: "@atlaskit/share",
-    packageVersion: "4.2.2"
+    packageVersion: "4.3.0"
   }, attributes);
 };
 var createEvent = function createEvent(eventType, source, action, actionSubject, actionSubjectId) {

package/dist/esm/i18n/da.js

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

package/dist/esm/i18n/en_ZZ.js

@@ -1,3 +1,4 @@
+/* prettier-ignore */
 /**
  * NOTE:
  *
@@ -14,6 +15,7 @@ export default {
   'fabric.elements.share.form.comment.placeholder': '⁣⁢Add a message⁠⁡‌⁠⁠⁡‌‍⁡؜‌⁠⁣⁤',
   'fabric.elements.share.form.info.message.no.invite.confluence': '⁣⁢Recipients will see the name of the page and your message⁠‌‌؜⁠‌⁡؜⁠‌‌‌⁠‌⁣⁤',
   'fabric.elements.share.form.info.message.no.invite.jira': '⁣⁢Recipients will see the name of the issue and your message‍‍⁠؜⁡‍⁠⁣⁤',
+  'fabric.elements.share.form.no-permissions': '⁣⁢You do not have the ability to share.؜⁠‍‍‍⁡⁠⁡⁣⁤',
   'fabric.elements.share.form.public.send': '⁣⁢Send public link⁠؜⁠‍⁠⁡؜‌⁡⁠⁣⁤',
   'fabric.elements.share.form.public.share': '⁣⁢Share public link⁠⁡‍‍‍‌⁠؜‍‌‍⁡⁡⁡؜⁣⁤',
   'fabric.elements.share.form.retry': '⁣⁢Retry‌‌⁡؜‌‌⁡⁡‌⁣⁤',
@@ -23,18 +25,20 @@ export default {
   'fabric.elements.share.form.user-picker.add-more': '⁣⁢Enter more⁠⁠⁡‍‌؜؜‌‍⁠؜‍⁠⁣⁤',
   'fabric.elements.share.form.user-picker.no-options.existingUserOnly': '⁣⁢We couldn’t find any results for "{inputValue}".⁡‌‌؜⁡⁡⁡⁠⁠‍‍⁣⁤',
   'fabric.elements.share.form.user-picker.no-options.generic': '⁣⁢We couldn’t find any results for "{inputValue}". Invite people by using an email address.⁡؜؜‍⁠؜⁠⁠⁡؜⁡⁠‍‍⁣⁤',
+  'fabric.elements.share.form.user-picker.placeholder.emailOnly': '⁣⁢Enter email⁠⁠⁡⁡‍⁡‌⁣⁤',
   'fabric.elements.share.form.user-picker.placeholder.existingUserOnly': '⁣⁢Enter name or team⁡‍؜‍؜⁠‌⁡⁣⁤',
   'fabric.elements.share.form.user-picker.placeholder.generic': '⁣⁢Enter name, group, team or email⁡؜‌‍؜؜‍⁣⁤',
   'fabric.elements.share.form.user-picker.placeholder.jira': '⁣⁢Enter name, team or email‌‍⁠‌‌⁡⁠⁡؜‍؜⁣⁤',
   'fabric.elements.share.form.user-picker.placholder.generic.existingUserOnly': '⁣⁢Enter name, group or team‍‌‍⁠⁡‌⁡⁠‍⁡⁠⁠⁡⁣⁤',
   'fabric.elements.share.form.user-picker.validation.required': '⁣⁢Select at least one user, group, team or email.⁡⁡؜‌‍‌⁠؜⁣⁤',
+  'fabric.elements.share.form.user-picker.validation.required.email-only': '⁣⁢Select at least one email.⁠‍‍⁠‌⁠⁡⁡‍⁠‌؜⁡‌⁣⁤',
   'fabric.elements.share.form.user-picker.validation.required.existingUserOnly': '⁣⁢Select at least one user, group or team.‍‌⁠⁡؜‌⁠⁠‌⁡‍‍⁣⁤',
   'fabric.elements.share.form.user-picker.validation.required.jira': '⁣⁢Select at least one user, team or email.؜⁠‍؜‍‍‌⁠⁠⁣⁤',
   'fabric.elements.share.form.user-picker.validation.required.jira.existingUserOnly': '⁣⁢Select at least one user or team.‌؜⁠‌‍⁡؜‌‍⁡‌⁠⁡⁣⁤',
   'fabric.elements.share.in.integration.button': '⁣⁢Share in {integrationName}⁠؜⁡⁡‌⁡؜‌‌‌⁣⁤',
   'fabric.elements.share.main.tab.text.confluence': '⁣⁢Share page‌‍‌‍⁠⁡؜‌⁣⁤',
   'fabric.elements.share.main.tab.text.jira': '⁣⁢Share issue؜‍‍؜‍⁡⁠⁠؜‍⁣⁤',
-  'fabric.elements.share.success.message': '{object, select, blogpost {⁣⁢Blog post shared⁡‌‍⁡⁠⁠⁡⁠⁡⁠⁣⁤} board {⁣⁢Board shared‍⁡‍؜⁠⁠‌⁣⁤} calendar {⁣⁢Calendar shared‌⁡⁠⁡⁡‍؜⁠⁠⁣⁤} draft {⁣⁢Draft shared⁠‌‍⁠‍‍‍؜‍⁠؜⁣⁤} filter {⁣⁢Filter shared‍؜؜‍؜⁡‍⁣⁤} issue {⁣⁢Issue shared⁡⁡‍⁡⁡‍⁠؜⁡⁠‌⁣⁤} media {⁣⁢Media shared؜‌‍‌⁠⁠⁣⁤} page {⁣⁢Page shared‍⁡‍‍‌؜‌؜‍⁣⁤} project {⁣⁢Project shared⁡‍⁠⁡‍؜⁡‍‌‌⁡⁣⁤} pullrequest {⁣⁢Pull Request shared‌⁡⁡؜⁠⁡؜‍⁠؜‌⁠؜⁣⁤} question {⁣⁢Question shared⁠‍⁠‍⁠؜‌‌⁣⁤} report {⁣⁢Report shared‍؜⁡⁠‍⁡⁠‍⁠‌⁣⁤} repository {⁣⁢Repository shared‍‌‌‌⁡⁡؜⁣⁤} request {⁣⁢Request shared⁡‌⁡⁡؜‍‌‌‌؜‌⁡⁣⁤} roadmap {⁣⁢Roadmap shared‍‍‌⁡⁡؜⁠⁡‌⁣⁤} site {⁣⁢Site shared؜⁡⁡؜⁡؜؜⁡؜⁠‍⁣⁤} space {⁣⁢Space shared⁡‍‍‍؜؜⁡⁡⁡⁣⁤} other {⁣⁢Link Shared‌‌‍‌‍⁡⁣⁤}}',
+  'fabric.elements.share.success.message': '⁣⁢{object, select,blogpost {Blog post shared}board {Board shared}calendar {Calendar shared}draft {Draft shared}filter {Filter shared}issue {Issue shared}summary {Summary shared}list {List shared}timeline {Timeline shared}form {Form shared}media {Media shared}page {Page shared}project {Project shared}pullrequest {Pull Request shared}question {Question shared}report {Report shared}repository {Repository shared}request {Request shared}roadmap {Roadmap shared}site {Site shared}space {Space shared}other {Link Shared}}؜؜‍‍⁡‍‍⁠⁡⁡‌⁣⁤',
   'fabric.elements.share.to.integration.button': '⁣⁢Share to {integrationName}‌⁡‌⁠⁡⁡⁡⁠‍‍؜‌⁡⁣⁤',
   'fabric.elements.share.trigger.button.icon.label': '⁣⁢Share icon‌‍؜‍‍؜‌⁡⁣⁤',
   'fabric.elements.share.trigger.button.invite.text': '⁣⁢Invite⁡‍‍⁠؜⁡‌⁠؜؜؜؜⁣⁤',

package/dist/esm/i18n/es.js

@@ -38,7 +38,7 @@ export default {
   'fabric.elements.share.in.integration.button': 'Compartir en {integrationName}',
   'fabric.elements.share.main.tab.text.confluence': 'Compartir página',
   'fabric.elements.share.main.tab.text.jira': 'Compartir incidencia',
-  'fabric.elements.share.success.message': '{object, select,blogpost {Entrada de blog compartida}board {Tablero compartido}calendar {Calendario compartido}draft {Borrador compartido}filter {Filtro compartido}issue {Incidencia compartida}summary {Resumen compartido}list {Lista compartida}timeline {Cronograma compartido}form {Formulario compartido}media {Recursos multimedia compartidos}page {Página compartida}project {Proyecto compartido}pullrequest {Solicitud de incorporación de cambios compartida}question {Pregunta compartida}report {Informe compartido}repository {Repositorio compartido}request {Solicitud compartida}roadmap {Hoja de ruta compartida}site {Sitio compartido}space {Espacio compartido}other {Enlace compartido}}',
+  'fabric.elements.share.success.message': '{object, select,blogpost {Entrada de blog compartida}board {Tablero compartido}calendar {Calendario compartido}draft {Borrador compartido}filter {Filtro compartido}issue {Incidencia compartida}summary {Resumen compartido}list {Lista compartida}timeline {Cronograma compartido}form {Formulario compartido}media {Medios compartidos}page {Página compartida}project {Proyecto compartido}pullrequest {Solicitud de incorporación de cambios compartida}question {Pregunta compartida}report {Informe compartido}repository {Repositorio compartido}request {Solicitud compartida}roadmap {Hoja de ruta compartida}site {Sitio compartido}space {Espacio compartido}other {Enlace compartido}}',
   'fabric.elements.share.to.integration.button': 'Compartir en {integrationName}',
   'fabric.elements.share.trigger.button.icon.label': 'Icono de compartir',
   'fabric.elements.share.trigger.button.invite.text': 'Invitar',

package/dist/esm/i18n/nl.js

@@ -38,7 +38,7 @@ export default {
   'fabric.elements.share.in.integration.button': 'Delen in {integrationName}',
   'fabric.elements.share.main.tab.text.confluence': 'Pagina delen',
   'fabric.elements.share.main.tab.text.jira': 'Issue delen',
-  'fabric.elements.share.success.message': '{object, select,blogpost {blogpost gedeeld}board {bord gedeeld}calendar {agenda gedeeld}draft {concept gedeeld}filter {filter gedeeld}issue {issue gedeeld}summary {samenvatting gedeeld}list {lijst gedeeld}timeline {tijdlijn gedeeld}form {formulier gedeeld}media {media gedeeld}page {pagina gedeeld}project {project gedeeld}pullrequest {pull-request gedeeld}question {vraag gedeeld}report {rapport gedeeld}repository {repository gedeeld}request {aanvraag gedeeld}roadmap {roadmap gedeeld}site {site gedeeld}space {space gedeeld}other {link gedeeld}}',
+  'fabric.elements.share.success.message': '{object, select,blogpost {blogpost gedeeld}board {bord gedeeld}calendar {agenda gedeeld}draft {concept gedeeld}filter {filter gedeeld}issue {issue gedeeld}summary {samenvatting gedeeld}list {lijst gedeeld}timeline {tijdlijn gedeeld}form {formulier gedeeld}media {media gedeeld}page {pagina gedeeld}project {project gedeeld}pullrequest {pull request gedeeld}question {vraag gedeeld}report {rapport gedeeld}repository {repository gedeeld}request {aanvraag gedeeld}roadmap {roadmap gedeeld}site {site gedeeld}space {space gedeeld}other {link gedeeld}}',
   'fabric.elements.share.to.integration.button': 'Delen met {integrationName}',
   'fabric.elements.share.trigger.button.icon.label': "Pictogram 'Delen'",
   'fabric.elements.share.trigger.button.invite.text': 'Uitnodigen',

package/dist/esm/i18n/pt_BR.js

@@ -38,7 +38,7 @@ export default {
   'fabric.elements.share.in.integration.button': 'Compartilhar em {integrationName}',
   'fabric.elements.share.main.tab.text.confluence': 'Compartilhar página',
   'fabric.elements.share.main.tab.text.jira': 'Compartilhar item',
-  'fabric.elements.share.success.message': '{object, select,blogpost {Blog compartilhado}board {Quadro compartilhado}calendar {Calendário compartilhado}draft {Rascunho compartilhado}filter {Filtro compartilhado}issue {Item compartilhado}summary {Resumo compartilhado}list {Lista compartilhada}timeline {Cronograma compartilhado}form {Formulário compartilhado}media {Mídia compartilhada}page {Página compartilhada}project {Projeto compartilhado}pullrequest {Pull request compartilhada}question {Pergunta compartilhada}report {Relatório compartilhado}repository {Repositório compartilhado}request {Solicitação compartilhada}roadmap {Roteiro compartilhado}site {Site compartilhado}space {Espaço compartilhado}other {Link compartilhado}}',
+  'fabric.elements.share.success.message': '{object, select,blogpost {Blog compartilhado}board {Quadro compartilhado}calendar {Calendário compartilhado}draft {Rascunho compartilhado}filter {Filtro compartilhado}issue {Item compartilhado}summary {Resumo compartilhado}list {Lista compartilhada}timeline {Cronograma compartilhado}form {Formulário compartilhado}media {Mídia compartilhada}page {Página compartilhada}project {Projeto compartilhado}pullrequest {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',
   'fabric.elements.share.trigger.button.invite.text': 'Convidar',

package/dist/esm/i18n/tr.js

@@ -38,7 +38,7 @@ export default {
   'fabric.elements.share.in.integration.button': '{integrationName} içinde paylaş',
   'fabric.elements.share.main.tab.text.confluence': 'Sayfayı paylaşın',
   'fabric.elements.share.main.tab.text.jira': 'Konuyu paylaşın',
-  'fabric.elements.share.success.message': '{object, select,blogpost {Blog gönderisi paylaşıldı}board {Pano paylaşıldı}calendar {Takvim paylaşıldı}draft {Taslak paylaşıldı}filter {Filtre paylaşıldı}issue {Konu paylaşıldı}summary {Özet paylaşıldı}list {Liste paylaşıldı}timeline {Zaman Çizelgesi paylaşıldı}form {Form paylaşıldı}media {Medya paylaşıldı}page {Sayfa paylaşıldı}project {Proje paylaşıldı}pullrequest {Çekme İsteği paylaşıldı}question {Soru paylaşıldı}report {Rapor paylaşıldı}repository {Depo paylaşıldı}request {Talep paylaşıldı}roadmap {Yol haritası paylaşıldı}site {Site paylaşıldı}space {Alan paylaşıldı}other {Bağlantı paylaşıldı}}',
+  'fabric.elements.share.success.message': '{object, select,blogpost {Blog gönderisi paylaşıldı}board {Pano paylaşıldı}calendar {Takvim paylaşıldı}draft {Taslak paylaşıldı}filter {Filtre paylaşıldı}issue {Konu paylaşıldı}summary {Özet paylaşıldı}list {Liste paylaşıldı}timeline {Zaman Çizelgesi paylaşıldı}form {Form paylaşıldı}media {Medya paylaşıldı}page {Sayfa paylaşıldı}project {Proje paylaşıldı}pullrequest {Çekme İsteği paylaşıldı}question {Soru paylaşıldı}report {Rapor paylaşıldı}repository {Depo paylaşıldı}request {Talep paylaşıldı}roadmap {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',
   'fabric.elements.share.trigger.button.invite.text': 'Davet Et',

package/dist/esm/i18n/uk.js

@@ -38,7 +38,7 @@ export default {
   'fabric.elements.share.in.integration.button': 'Поділитися в {integrationName}',
   'fabric.elements.share.main.tab.text.confluence': 'Поділитися сторінкою',
   'fabric.elements.share.main.tab.text.jira': 'Поділитися завданням',
-  'fabric.elements.share.success.message': '{object, select,blogpost {Надано доступ до допису в блозі}board {Надано доступ до дошки}calendar {Надано доступ до календаря}draft {Надано доступ до чернетки}filter {Надано доступ до фільтра}issue {Надано доступ до завдання}summary {Надано доступ до підсумку}list {Надано доступ до списку}timeline {Надано доступ до шкали}form {Надано доступ до форми}media {Надано доступ до медіафайлу}page {Надано доступ до сторінки}project {Надано доступ до проєкту}pullrequest {Надано доступ до запиту на внесення змін}question {Надано доступ до запитання}report {Надано доступ до звіту}repository {Надано доступ до репозиторію}request {Надано доступ до запиту}roadmap {Надано доступ до плану розробки}site {Надано доступ до сайту}space {Надано доступ до розділу}other {Надано доступ до посилання}}',
+  'fabric.elements.share.success.message': '{object, select,blogpost {Надано доступ до допису у блозі}board {Надано доступ до дошки}calendar {Надано доступ до календаря}draft {Надано доступ до чернетки}filter {Надано доступ до фільтра}issue {Надано доступ до завдання}summary {Надано доступ до підсумку}list {Надано доступ до списку}timeline {Надано доступ до шкали}form {Надано доступ до форми}media {Надано доступ до медіафайлу}page {Надано доступ до сторінки}project {Надано доступ до проєкту}pullrequest {Надано доступ до запиту на внесення змін}question {Надано доступ до запитання}report {Надано доступ до звіту}repository {Надано доступ до репозиторію}request {Надано доступ до запиту}roadmap {Надано доступ до плану розробки}site {Надано доступ до сайту}space {Надано доступ до розділу}other {Надано доступ до посилання}}',
   'fabric.elements.share.to.integration.button': 'Надіслати в {integrationName}',
   'fabric.elements.share.trigger.button.icon.label': 'Надіслати піктограму',
   'fabric.elements.share.trigger.button.invite.text': 'Запросити',

package/dist/esm/version.json

@@ -1,4 +1,4 @@
 {
 	"name": "@atlaskit/share",
-	"version": "4.2.2"
+	"version": "4.3.0"
 }

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

@@ -4,6 +4,7 @@ import { jsx } from '@emotion/react';
 import { WrappedComponentProps } from 'react-intl-next';
 import { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
 import { TriggerProps } from '@atlaskit/popup';
+import { Value } from '@atlaskit/user-picker';
 import { Integration, ShareData, ShareDialogWithTriggerProps, ShareDialogWithTriggerStates } from '../types';
 export declare const defaultShareContentState: ShareData;
 type ShareDialogWithTriggerInternalProps = ShareDialogWithTriggerProps & WrappedComponentProps & WithAnalyticsEventsProps;
@@ -30,6 +31,7 @@ export declare class ShareDialogWithTriggerInternal extends React.PureComponent<
     private handleDialogOpen;
     private onTriggerClick;
     private handleCloseDialog;
+    private generateShareError;
     private handleShareSubmit;
     private handleFormDismiss;
     handleCopyLink: () => void;
@@ -37,6 +39,7 @@ export declare class ShareDialogWithTriggerInternal extends React.PureComponent<
     renderShareTriggerButton: (triggerProps: TriggerProps) => React.ReactNode;
     handleOpenSplitButton: () => void;
     handleCloseSplitButton: () => void;
+    handleOnUserSelectionChange: (value: Value) => void;
     render(): jsx.JSX.Element;
 }
 export declare const ShareDialogWithTrigger: React.ComponentType<ShareDialogWithTriggerProps>;

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import { WrappedComponentProps } from 'react-intl-next';
 import { LoadOptions, OptionData, Value } from '@atlaskit/smart-user-picker';
-import { ConfigResponse, ProductName } from '../types';
+import { ConfigResponse, ProductName, ShareError } from '../types';
 export declare const REQUIRED = "REQUIRED";
 export type Props = {
     loadOptions?: LoadOptions;
@@ -19,10 +19,11 @@ export type Props = {
     helperMessage?: string;
     orgId?: string;
     isBrowseUsersDisabled?: boolean;
+    shareError?: ShareError;
 };
 export declare class UserPickerFieldComponent extends React.Component<WrappedComponentProps & Props> {
     private loadOptions;
-    private getInviteWarningMessage;
+    private getHelperMessageOrDefault;
     private handleUserPickerTransform;
     render(): JSX.Element;
 }

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

@@ -13,6 +13,7 @@ declare const _default: {
     'fabric.elements.share.form.comment.placeholder': string;
     'fabric.elements.share.form.info.message.no.invite.confluence': string;
     'fabric.elements.share.form.info.message.no.invite.jira': string;
+    'fabric.elements.share.form.no-permissions': string;
     'fabric.elements.share.form.public.send': string;
     'fabric.elements.share.form.public.share': string;
     'fabric.elements.share.form.retry': string;
@@ -22,11 +23,13 @@ declare const _default: {
     'fabric.elements.share.form.user-picker.add-more': string;
     'fabric.elements.share.form.user-picker.no-options.existingUserOnly': string;
     'fabric.elements.share.form.user-picker.no-options.generic': string;
+    'fabric.elements.share.form.user-picker.placeholder.emailOnly': string;
     'fabric.elements.share.form.user-picker.placeholder.existingUserOnly': string;
     'fabric.elements.share.form.user-picker.placeholder.generic': string;
     'fabric.elements.share.form.user-picker.placeholder.jira': string;
     'fabric.elements.share.form.user-picker.placholder.generic.existingUserOnly': string;
     'fabric.elements.share.form.user-picker.validation.required': string;
+    'fabric.elements.share.form.user-picker.validation.required.email-only': string;
     '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;

package/dist/types/types/ShareContentState.d.ts

@@ -7,6 +7,9 @@ export type ShareContentState = {
 };
 export type ShareError = {
     message: string;
+    errorCode?: string;
+    helpUrl?: string;
+    retryable: boolean;
 };
 export type ShareData = {
     users: OptionData[];

package/dist/types-ts4.5/components/ShareDialogWithTrigger.d.ts

@@ -4,6 +4,7 @@ import { jsx } from '@emotion/react';
 import { WrappedComponentProps } from 'react-intl-next';
 import { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
 import { TriggerProps } from '@atlaskit/popup';
+import { Value } from '@atlaskit/user-picker';
 import { Integration, ShareData, ShareDialogWithTriggerProps, ShareDialogWithTriggerStates } from '../types';
 export declare const defaultShareContentState: ShareData;
 type ShareDialogWithTriggerInternalProps = ShareDialogWithTriggerProps & WrappedComponentProps & WithAnalyticsEventsProps;
@@ -30,6 +31,7 @@ export declare class ShareDialogWithTriggerInternal extends React.PureComponent<
     private handleDialogOpen;
     private onTriggerClick;
     private handleCloseDialog;
+    private generateShareError;
     private handleShareSubmit;
     private handleFormDismiss;
     handleCopyLink: () => void;
@@ -37,6 +39,7 @@ export declare class ShareDialogWithTriggerInternal extends React.PureComponent<
     renderShareTriggerButton: (triggerProps: TriggerProps) => React.ReactNode;
     handleOpenSplitButton: () => void;
     handleCloseSplitButton: () => void;
+    handleOnUserSelectionChange: (value: Value) => void;
     render(): jsx.JSX.Element;
 }
 export declare const ShareDialogWithTrigger: React.ComponentType<ShareDialogWithTriggerProps>;

package/dist/types-ts4.5/components/UserPickerField.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { WrappedComponentProps } from 'react-intl-next';
 import { LoadOptions, OptionData, Value } from '@atlaskit/smart-user-picker';
-import { ConfigResponse, ProductName } from '../types';
+import { ConfigResponse, ProductName, ShareError } from '../types';
 export declare const REQUIRED = "REQUIRED";
 export type Props = {
     loadOptions?: LoadOptions;
@@ -19,10 +19,11 @@ export type Props = {
     helperMessage?: string;
     orgId?: string;
     isBrowseUsersDisabled?: boolean;
+    shareError?: ShareError;
 };
 export declare class UserPickerFieldComponent extends React.Component<WrappedComponentProps & Props> {
     private loadOptions;
-    private getInviteWarningMessage;
+    private getHelperMessageOrDefault;
     private handleUserPickerTransform;
     render(): JSX.Element;
 }

package/dist/types-ts4.5/i18n/en_ZZ.d.ts

@@ -13,6 +13,7 @@ declare const _default: {
     'fabric.elements.share.form.comment.placeholder': string;
     'fabric.elements.share.form.info.message.no.invite.confluence': string;
     'fabric.elements.share.form.info.message.no.invite.jira': string;
+    'fabric.elements.share.form.no-permissions': string;
     'fabric.elements.share.form.public.send': string;
     'fabric.elements.share.form.public.share': string;
     'fabric.elements.share.form.retry': string;
@@ -22,11 +23,13 @@ declare const _default: {
     'fabric.elements.share.form.user-picker.add-more': string;
     'fabric.elements.share.form.user-picker.no-options.existingUserOnly': string;
     'fabric.elements.share.form.user-picker.no-options.generic': string;
+    'fabric.elements.share.form.user-picker.placeholder.emailOnly': string;
     'fabric.elements.share.form.user-picker.placeholder.existingUserOnly': string;
     'fabric.elements.share.form.user-picker.placeholder.generic': string;
     'fabric.elements.share.form.user-picker.placeholder.jira': string;
     'fabric.elements.share.form.user-picker.placholder.generic.existingUserOnly': string;
     'fabric.elements.share.form.user-picker.validation.required': string;
+    'fabric.elements.share.form.user-picker.validation.required.email-only': string;
     '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;

package/dist/types-ts4.5/types/ShareContentState.d.ts

@@ -7,6 +7,9 @@ export type ShareContentState = {
 };
 export type ShareError = {
     message: string;
+    errorCode?: string;
+    helpUrl?: string;
+    retryable: boolean;
 };
 export type ShareData = {
     users: OptionData[];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/share",
-  "version": "4.2.2",
+  "version": "4.3.0",
   "description": "Fabric Share Element",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -48,12 +48,12 @@
     "@atlaskit/smart-user-picker": "^6.1.0",
     "@atlaskit/spinner": "^15.5.0",
     "@atlaskit/tabs": "^13.4.0",
-    "@atlaskit/textarea": "^4.6.0",
+    "@atlaskit/textarea": "^4.7.0",
     "@atlaskit/theme": "^12.5.0",
-    "@atlaskit/tokens": "^1.4.0",
+    "@atlaskit/tokens": "^1.5.0",
     "@atlaskit/tooltip": "^17.8.0",
     "@atlaskit/ufo": "^0.2.0",
-    "@atlaskit/user-picker": "^10.2.0",
+    "@atlaskit/user-picker": "^10.3.0",
     "@atlaskit/util-service-support": "^6.2.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/react": "^11.7.1",
@@ -69,13 +69,15 @@
   },
   "devDependencies": {
     "@atlaskit/docs": "^9.1.0",
-    "@atlaskit/editor-test-helpers": "^18.3.0",
+    "@atlaskit/editor-test-helpers": "^18.6.0",
     "@atlaskit/flag": "^15.2.0",
     "@atlaskit/section-message": "^6.4.0",
-    "@atlaskit/select": "^16.2.0",
+    "@atlaskit/select": "^16.5.0",
     "@atlaskit/toggle": "^12.6.0",
     "@atlaskit/util-data-test": "^17.8.0",
     "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
+    "@testing-library/react": "^12.1.5",
+    "@testing-library/user-event": "^14.4.3",
     "enzyme": "^3.10.0",
     "enzyme-adapter-react-16": "^1.15.1",
     "enzyme-react-intl": "^2.0.6",

package/report.api.md

@@ -347,6 +347,9 @@ export type ShareDialogContainerProps = {
 // @public (undocumented)
 export type ShareError = {
   message: string;
+  errorCode?: string;
+  helpUrl?: string;
+  retryable: boolean;
 };
 
 // @public (undocumented)

package/tmp/api-report-tmp.d.ts

@@ -247,6 +247,9 @@ export type ShareDialogContainerProps = {
 // @public (undocumented)
 export type ShareError = {
     message: string;
+    errorCode?: string;
+    helpUrl?: string;
+    retryable: boolean;
 };
 
 // @public (undocumented)