@atlaskit/share 0.33.0 → 0.34.3

package/dist/esm/components/ShareDialogWithTrigger.js

@@ -301,6 +301,7 @@ export var ShareDialogWithTriggerInternal = /*#__PURE__*/function (_React$PureCo
           triggerButtonTooltipPosition = _this$props6.triggerButtonTooltipPosition,
           triggerButtonAppearance = _this$props6.triggerButtonAppearance,
           triggerButtonStyle = _this$props6.triggerButtonStyle,
+          integrationMode = _this$props6.integrationMode,
           shareIntegrations = _this$props6.shareIntegrations,
           dialogZIndex = _this$props6.dialogZIndex,
           dialogPlacement = _this$props6.dialogPlacement;
@@ -311,6 +312,7 @@ export var ShareDialogWithTriggerInternal = /*#__PURE__*/function (_React$PureCo
         var shareError = _this.state.shareError;
         button = renderCustomTriggerButton({
           error: shareError,
+          isDisabled: isDisabled,
           isSelected: isDialogOpen,
           onClick: _this.onTriggerClick
         }, triggerProps);
@@ -337,7 +339,7 @@ export var ShareDialogWithTriggerInternal = /*#__PURE__*/function (_React$PureCo
       } // If there are any integrations, wrap the share button in a split button with integrations.
 
 
-      if (shareIntegrations !== null && shareIntegrations !== void 0 && shareIntegrations.length) {
+      if (integrationMode === 'split' && shareIntegrations !== null && shareIntegrations !== void 0 && shareIntegrations.length) {
         button = /*#__PURE__*/React.createElement(SplitButton, {
           shareButton: button,
           handleOpenSplitButton: _this.handleOpenSplitButton,
@@ -356,10 +358,10 @@ export var ShareDialogWithTriggerInternal = /*#__PURE__*/function (_React$PureCo
     });
 
     _defineProperty(_assertThisInitialized(_this), "handleOpenSplitButton", function () {
-      _this.handleDialogOpen();
-
       _this.setState({
         isUsingSplitButton: true
+      }, function () {
+        return _this.handleCloseDialog();
       });
 
       _this.createAndFireEvent(shareSplitButtonEvent());
@@ -408,7 +410,6 @@ export var ShareDialogWithTriggerInternal = /*#__PURE__*/function (_React$PureCo
           loadUserOptions = _this$props7.loadUserOptions,
           shareFormTitle = _this$props7.shareFormTitle,
           shareFormHelperMessage = _this$props7.shareFormHelperMessage,
-          contentPermissions = _this$props7.contentPermissions,
           bottomMessage = _this$props7.bottomMessage,
           submitButtonLabel = _this$props7.submitButtonLabel,
           product = _this$props7.product,
@@ -421,7 +422,9 @@ export var ShareDialogWithTriggerInternal = /*#__PURE__*/function (_React$PureCo
           dialogZIndex = _this$props7.dialogZIndex,
           isPublicLink = _this$props7.isPublicLink,
           tabIndex = _this$props7.tabIndex,
-          copyTooltipText = _this$props7.copyTooltipText;
+          copyTooltipText = _this$props7.copyTooltipText,
+          integrationMode = _this$props7.integrationMode,
+          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
@@ -447,8 +450,8 @@ export var ShareDialogWithTriggerInternal = /*#__PURE__*/function (_React$PureCo
             isSharing: isSharing,
             onSubmit: _this2.handleShareSubmit,
             title: shareFormTitle,
+            showTitle: integrationMode !== 'tabs' || !shareIntegrations || !shareIntegrations.length,
             helperMessage: shareFormHelperMessage,
-            contentPermissions: contentPermissions,
             shareError: shareError,
             onDismiss: _this2.handleFormDismiss,
             defaultValue: defaultValue,
@@ -464,7 +467,9 @@ export var ShareDialogWithTriggerInternal = /*#__PURE__*/function (_React$PureCo
             fieldsFooter: shareFieldsFooter,
             selectPortalRef: _this2.selectPortalRef,
             isPublicLink: isPublicLink,
-            copyTooltipText: copyTooltipText
+            copyTooltipText: copyTooltipText,
+            integrationMode: integrationMode,
+            shareIntegrations: shareIntegrations
           })), bottomMessage ? /*#__PURE__*/React.createElement(BottomMessageWrapper, null, bottomMessage) : null, customFooter && /*#__PURE__*/React.createElement(CustomFooterWrapper, null, customFooter)));
         },
         isOpen: isDialogOpen,

package/dist/esm/components/ShareForm.js

@@ -1,4 +1,3 @@
-import _extends from "@babel/runtime/helpers/extends";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
 import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
@@ -6,9 +5,10 @@ import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _extends from "@babel/runtime/helpers/extends";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
 
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
@@ -20,6 +20,7 @@ import ErrorIcon from '@atlaskit/icon/glyph/error';
 import { R400 } from '@atlaskit/theme/colors';
 import { gridSize } from '@atlaskit/theme/constants';
 import Tooltip from '@atlaskit/tooltip';
+import Tabs, { Tab, TabList, TabPanel } from '@atlaskit/tabs';
 import React from 'react';
 import { FormattedMessage, injectIntl } from 'react-intl';
 import styled from 'styled-components';
@@ -28,11 +29,24 @@ import { CommentField } from './CommentField';
 import CopyLinkButton from './CopyLinkButton';
 import { ShareHeader } from './ShareHeader';
 import { UserPickerField } from './UserPickerField';
+import { IntegrationForm } from './IntegrationForm';
 var SubmitButtonWrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  margin-left: auto;\n"])));
 var CenterAlignedIconWrapper = styled.div(_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 FormWrapper = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\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"])));
+export var FormWrapper = styled.div(_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"])), function (props) {
+  return props.isMainShare ? gridSize() : gridSize() * 2;
+});
 export var FormFooter = styled.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  margin-bottom: ", "px;\n  display: flex;\n  justify-content: flex-start;\n"])), gridSize);
 var FormField = styled.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  margin-bottom: 12px;\n"])));
+var IntegrationWrapper = styled.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n"])));
+var IntegrationIconWrapper = styled.span(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  margin-right: 5px;\n"])));
+
+var integrationTabText = function integrationTabText(integrationName) {
+  return /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, messages.shareInIntegrationButtonText, {
+    values: {
+      integrationName: integrationName
+    }
+  }));
+};
 
 var InternalForm = /*#__PURE__*/function (_React$PureComponent) {
   _inherits(InternalForm, _React$PureComponent);
@@ -50,14 +64,65 @@ var InternalForm = /*#__PURE__*/function (_React$PureComponent) {
 
     _this = _super.call.apply(_super, [this].concat(args));
 
-    _defineProperty(_assertThisInitialized(_this), "renderSubmitButton", function () {
+    _defineProperty(_assertThisInitialized(_this), "renderShareForm", function () {
       var _this$props = _this.props,
-          formatMessage = _this$props.intl.formatMessage,
-          isSharing = _this$props.isSharing,
-          shareError = _this$props.shareError,
-          submitButtonLabel = _this$props.submitButtonLabel,
+          formProps = _this$props.formProps,
+          title = _this$props.title,
+          _this$props$showTitle = _this$props.showTitle,
+          showTitle = _this$props$showTitle === void 0 ? true : _this$props$showTitle,
+          loadOptions = _this$props.loadOptions,
+          onLinkCopy = _this$props.onLinkCopy,
+          copyLink = _this$props.copyLink,
+          defaultValue = _this$props.defaultValue,
+          config = _this$props.config,
+          isFetchingConfig = _this$props.isFetchingConfig,
+          product = _this$props.product,
+          onUserInputChange = _this$props.onUserInputChange,
+          enableSmartUserPicker = _this$props.enableSmartUserPicker,
+          loggedInAccountId = _this$props.loggedInAccountId,
+          cloudId = _this$props.cloudId,
+          onUserSelectionChange = _this$props.onUserSelectionChange,
+          fieldsFooter = _this$props.fieldsFooter,
+          selectPortalRef = _this$props.selectPortalRef,
           isDisabled = _this$props.isDisabled,
-          isPublicLink = _this$props.isPublicLink;
+          isPublicLink = _this$props.isPublicLink,
+          copyTooltipText = _this$props.copyTooltipText,
+          helperMessage = _this$props.helperMessage;
+      return /*#__PURE__*/React.createElement("form", formProps, showTitle && /*#__PURE__*/React.createElement(ShareHeader, {
+        title: title
+      }), /*#__PURE__*/React.createElement(FormField, null, /*#__PURE__*/React.createElement(UserPickerField, {
+        onInputChange: onUserInputChange,
+        onChange: onUserSelectionChange,
+        loadOptions: loadOptions,
+        defaultValue: defaultValue && defaultValue.users,
+        config: config,
+        isLoading: isFetchingConfig,
+        product: product,
+        enableSmartUserPicker: enableSmartUserPicker,
+        loggedInAccountId: loggedInAccountId,
+        cloudId: cloudId,
+        selectPortalRef: selectPortalRef,
+        isPublicLink: isPublicLink,
+        helperMessage: helperMessage
+      })), /*#__PURE__*/React.createElement(FormField, null, /*#__PURE__*/React.createElement(CommentField, {
+        defaultValue: defaultValue && defaultValue.comment
+      })), fieldsFooter, /*#__PURE__*/React.createElement(FormFooter, null, /*#__PURE__*/React.createElement(CopyLinkButton, {
+        isDisabled: isDisabled,
+        onLinkCopy: onLinkCopy,
+        link: copyLink,
+        isPublicLink: isPublicLink,
+        copyTooltipText: copyTooltipText
+      }), _this.renderSubmitButton()));
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "renderSubmitButton", function () {
+      var _this$props2 = _this.props,
+          formatMessage = _this$props2.intl.formatMessage,
+          isSharing = _this$props2.isSharing,
+          shareError = _this$props2.shareError,
+          submitButtonLabel = _this$props2.submitButtonLabel,
+          isDisabled = _this$props2.isDisabled,
+          isPublicLink = _this$props2.isPublicLink;
       var shouldShowWarning = shareError && !isSharing;
       var buttonAppearance = !shouldShowWarning ? 'primary' : 'warning';
       var sendLabel = isPublicLink ? messages.formSendPublic : messages.formSend;
@@ -83,9 +148,9 @@ var InternalForm = /*#__PURE__*/function (_React$PureComponent) {
   _createClass(InternalForm, [{
     key: "componentWillUnmount",
     value: function componentWillUnmount() {
-      var _this$props2 = this.props,
-          onDismiss = _this$props2.onDismiss,
-          getValues = _this$props2.getValues;
+      var _this$props3 = this.props,
+          onDismiss = _this$props3.onDismiss,
+          getValues = _this$props3.getValues;
 
       if (onDismiss) {
         onDismiss(getValues());
@@ -94,54 +159,42 @@ var InternalForm = /*#__PURE__*/function (_React$PureComponent) {
   }, {
     key: "render",
     value: function render() {
-      var _this$props3 = this.props,
-          formProps = _this$props3.formProps,
-          title = _this$props3.title,
-          contentPermissions = _this$props3.contentPermissions,
-          loadOptions = _this$props3.loadOptions,
-          onLinkCopy = _this$props3.onLinkCopy,
-          copyLink = _this$props3.copyLink,
-          defaultValue = _this$props3.defaultValue,
-          config = _this$props3.config,
-          isFetchingConfig = _this$props3.isFetchingConfig,
-          product = _this$props3.product,
-          onUserInputChange = _this$props3.onUserInputChange,
-          enableSmartUserPicker = _this$props3.enableSmartUserPicker,
-          loggedInAccountId = _this$props3.loggedInAccountId,
-          cloudId = _this$props3.cloudId,
-          onUserSelectionChange = _this$props3.onUserSelectionChange,
-          fieldsFooter = _this$props3.fieldsFooter,
-          selectPortalRef = _this$props3.selectPortalRef,
-          isDisabled = _this$props3.isDisabled,
-          isPublicLink = _this$props3.isPublicLink,
-          copyTooltipText = _this$props3.copyTooltipText,
-          helperMessage = _this$props3.helperMessage;
-      return /*#__PURE__*/React.createElement(FormWrapper, null, /*#__PURE__*/React.createElement("form", formProps, /*#__PURE__*/React.createElement(ShareHeader, {
-        title: title,
-        contentPermissions: contentPermissions
-      }), /*#__PURE__*/React.createElement(FormField, null, /*#__PURE__*/React.createElement(UserPickerField, {
-        onInputChange: onUserInputChange,
-        onChange: onUserSelectionChange,
-        loadOptions: loadOptions,
-        defaultValue: defaultValue && defaultValue.users,
-        config: config,
-        isLoading: isFetchingConfig,
-        product: product,
-        helperMessage: helperMessage,
-        enableSmartUserPicker: enableSmartUserPicker,
-        loggedInAccountId: loggedInAccountId,
-        cloudId: cloudId,
-        selectPortalRef: selectPortalRef,
-        isPublicLink: isPublicLink
-      })), /*#__PURE__*/React.createElement(FormField, null, /*#__PURE__*/React.createElement(CommentField, {
-        defaultValue: defaultValue && defaultValue.comment
-      })), fieldsFooter, /*#__PURE__*/React.createElement(FormFooter, null, /*#__PURE__*/React.createElement(CopyLinkButton, {
-        isDisabled: isDisabled,
-        onLinkCopy: onLinkCopy,
-        link: copyLink,
-        isPublicLink: isPublicLink,
-        copyTooltipText: copyTooltipText
-      }), this.renderSubmitButton())));
+      var _this$props4 = this.props,
+          title = _this$props4.title,
+          _this$props4$integrat = _this$props4.integrationMode,
+          integrationMode = _this$props4$integrat === void 0 ? 'off' : _this$props4$integrat,
+          shareIntegrations = _this$props4.shareIntegrations;
+
+      if (integrationMode === 'off' || !shareIntegrations || !shareIntegrations.length) {
+        return this.renderShareForm();
+      }
+
+      var firstIntegration = shareIntegrations[0];
+
+      if (integrationMode === 'tabs') {
+        return /*#__PURE__*/React.createElement(Tabs, {
+          id: "ShareForm-Tabs-Integrations"
+        }, /*#__PURE__*/React.createElement(TabList, null, /*#__PURE__*/React.createElement(Tab, {
+          key: "share-tab-default"
+        }, title || /*#__PURE__*/React.createElement(FormattedMessage, messages.formTitle)), /*#__PURE__*/React.createElement(Tab, {
+          key: "share-tab-".concat(firstIntegration.type)
+        }, /*#__PURE__*/React.createElement(IntegrationWrapper, null, /*#__PURE__*/React.createElement(IntegrationIconWrapper, null, /*#__PURE__*/React.createElement(firstIntegration.Icon, null)), integrationTabText(firstIntegration.type)))), /*#__PURE__*/React.createElement(TabPanel, {
+          key: "share-tabPanel-default"
+        }, /*#__PURE__*/React.createElement(FormWrapper, {
+          isMainShare: true
+        }, this.renderShareForm())), /*#__PURE__*/React.createElement(TabPanel, {
+          key: "share-tabPanel-integration"
+        }, /*#__PURE__*/React.createElement(FormWrapper, {
+          isMainShare: false
+        }, /*#__PURE__*/React.createElement(IntegrationForm, {
+          Content: firstIntegration.Content,
+          onIntegrationClose: function onIntegrationClose() {
+            return null;
+          }
+        }))));
+      }
+
+      return this.renderShareForm();
     }
   }]);
 

package/dist/esm/components/ShareHeader.js

@@ -11,7 +11,6 @@ import { messages } from '../i18n';
 var HeaderWrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: space-between;\n"])));
 export var FormHeaderTitle = styled.h1(_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, gridSize() * 4, gridSize() * 4, gridSize() * 4);
 export var ShareHeader = function ShareHeader(_ref) {
-  var title = _ref.title,
-      contentPermissions = _ref.contentPermissions;
-  return /*#__PURE__*/React.createElement(HeaderWrapper, null, /*#__PURE__*/React.createElement(FormHeaderTitle, null, title || /*#__PURE__*/React.createElement(FormattedMessage, messages.formTitle)), contentPermissions);
+  var title = _ref.title;
+  return /*#__PURE__*/React.createElement(HeaderWrapper, null, /*#__PURE__*/React.createElement(FormHeaderTitle, null, title || /*#__PURE__*/React.createElement(FormattedMessage, messages.formTitle)));
 };

package/dist/esm/components/SplitButton.js

@@ -1,3 +1,4 @@
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _extends from "@babel/runtime/helpers/extends";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 
@@ -6,7 +7,9 @@ var _templateObject, _templateObject2, _templateObject3;
 import React, { useCallback } from 'react';
 import { FormattedMessage } from 'react-intl';
 import styled from 'styled-components';
-import { DropdownMenuStateless, DropdownItem, DropdownItemGroup } from '@atlaskit/dropdown-menu';
+import Button from '@atlaskit/button/standard-button';
+import DropdownMenu, { DropdownItem, DropdownItemGroup } from '@atlaskit/dropdown-menu';
+import ChevronDownIcon from '@atlaskit/icon/glyph/chevron-down';
 import { N800 } from '@atlaskit/theme/colors';
 import { borderRadius } from '@atlaskit/theme/constants';
 import { messages } from '../i18n';
@@ -45,19 +48,27 @@ var SplitButtonDropdown = function SplitButtonDropdown(props) {
     onIntegrationClick(integration);
     createAndFireEvent(shareIntegrationButtonEvent(integration.type));
   }, [createAndFireEvent, onIntegrationClick]);
-  return /*#__PURE__*/React.createElement(DropdownMenuWrapper, null, /*#__PURE__*/React.createElement(DropdownMenuStateless, {
-    "data-testid": "split-button-dropdown",
-    triggerButtonProps: {
-      appearance: triggerButtonAppearance
+  return /*#__PURE__*/React.createElement(DropdownMenuWrapper, null, /*#__PURE__*/React.createElement(DropdownMenu, {
+    testId: "split-button-dropdown",
+    trigger: function trigger(_ref2) {
+      var triggerRef = _ref2.triggerRef,
+          providedProps = _objectWithoutProperties(_ref2, ["triggerRef"]);
+
+      return /*#__PURE__*/React.createElement(Button, _extends({}, providedProps, {
+        ref: triggerRef,
+        iconBefore: /*#__PURE__*/React.createElement(ChevronDownIcon, {
+          label: ""
+        }),
+        appearance: triggerButtonAppearance
+      }));
     },
-    triggerType: "button",
-    position: "bottom right",
+    placement: "bottom-end",
     isOpen: isUsingSplitButton,
     onOpenChange: onOpenChange
   }, /*#__PURE__*/React.createElement(DropdownItemGroup, null, shareIntegrations.map(function (integration) {
     return /*#__PURE__*/React.createElement(DropdownItem, {
       key: integration.type,
-      "data-testid": "split-button-dropdownitem-".concat(integration.type)
+      testId: "split-button-dropdownitem-".concat(integration.type)
     }, /*#__PURE__*/React.createElement(DropDownIntegrationButtonWrapper, null, /*#__PURE__*/React.createElement(IntegrationButton, {
       textColor: N800,
       appearance: "subtle",
@@ -72,17 +83,17 @@ var SplitButtonDropdown = function SplitButtonDropdown(props) {
 };
 
 SplitButtonDropdown.displayName = 'SplitButtonDropdown';
-export default function SplitButton(_ref2) {
-  var shareButton = _ref2.shareButton,
-      handleOpenSplitButton = _ref2.handleOpenSplitButton,
-      handleCloseSplitButton = _ref2.handleCloseSplitButton,
-      isUsingSplitButton = _ref2.isUsingSplitButton,
-      shareIntegrations = _ref2.shareIntegrations,
-      onIntegrationClick = _ref2.onIntegrationClick,
-      triggerButtonAppearance = _ref2.triggerButtonAppearance,
-      dialogZIndex = _ref2.dialogZIndex,
-      dialogPlacement = _ref2.dialogPlacement,
-      createAndFireEvent = _ref2.createAndFireEvent;
+export default function SplitButton(_ref3) {
+  var shareButton = _ref3.shareButton,
+      handleOpenSplitButton = _ref3.handleOpenSplitButton,
+      handleCloseSplitButton = _ref3.handleCloseSplitButton,
+      isUsingSplitButton = _ref3.isUsingSplitButton,
+      shareIntegrations = _ref3.shareIntegrations,
+      onIntegrationClick = _ref3.onIntegrationClick,
+      triggerButtonAppearance = _ref3.triggerButtonAppearance,
+      dialogZIndex = _ref3.dialogZIndex,
+      dialogPlacement = _ref3.dialogPlacement,
+      createAndFireEvent = _ref3.createAndFireEvent;
   return /*#__PURE__*/React.createElement(SplitButtonWrapper, {
     "data-testid": "split-button"
   }, shareButton, /*#__PURE__*/React.createElement(SplitButtonDropdown, {

package/dist/esm/i18n.js

@@ -155,5 +155,10 @@ export var messages = defineMessages({
     id: 'fabric.elements.share.to.integration.button',
     defaultMessage: 'Share to {integrationName}',
     description: 'Text for the button that allows the user to share the currently viewed item through a 3rd party app like Slack'
+  },
+  shareInIntegrationButtonText: {
+    id: 'fabric.elements.share.in.integration.button',
+    defaultMessage: 'Share in {integrationName}',
+    description: 'Text for the button that allows the user to share the currently viewed item through a 3rd party app like Slack'
   }
 });

package/dist/esm/version.json

@@ -1,4 +1,4 @@
 {
 	"name": "@atlaskit/share",
-	"version": "0.33.0"
+	"version": "0.34.3"
 }

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

@@ -6,6 +6,7 @@ import { UrlShortenerClient, ShortenRequest } from '../clients/AtlassianUrlShort
 import { ConfigResponse, ShareClient } from '../clients/ShareServiceClient';
 import { DialogContentState, DialogPlacement, Flag, OriginTracing, OriginTracingFactory, ProductId, ProductName, RenderCustomTriggerButton, ShareButtonStyle, TooltipPosition, Integration } from '../types';
 import { IconProps } from '@atlaskit/icon';
+import { IntegrationMode } from '../types/ShareEntities';
 export declare const defaultConfig: ConfigResponse;
 export declare type Props = {
     onTriggerButtonClick?: () => void;
@@ -76,8 +77,6 @@ export declare type Props = {
     shareFormTitle?: React.ReactNode;
     /** Copy for helper message to be displayed under share form input box. */
     shareFormHelperMessage?: string;
-    /** Copy for content permissions to be displayed in share form header. */
-    contentPermissions?: React.ReactNode;
     /** To enable closing the modal on escape key press. */
     shouldCloseOnEscapePress?: boolean;
     /**
@@ -136,6 +135,7 @@ export declare type Props = {
     shareFieldsFooter?: React.ReactNode;
     isCopyDisabled?: boolean;
     isPublicLink?: boolean;
+    integrationMode?: IntegrationMode;
     shareIntegrations?: Array<Integration>;
     /**
      * Optionally sets a tabIndex value if you need to set focus
@@ -191,7 +191,7 @@ export declare class ShareDialogContainerInternal extends React.Component<WithAn
     getFormShareLink: () => string;
     render(): JSX.Element;
 }
-export declare const ShareDialogContainer: React.ForwardRefExoticComponent<Pick<Pick<WithAnalyticsEventsProps & Props, "isPublicLink" | "tabIndex" | "triggerButtonAppearance" | "shareIntegrations" | "dialogZIndex" | "dialogPlacement" | "copyTooltipText" | "contentPermissions" | "product" | "enableSmartUserPicker" | "loggedInAccountId" | "cloudId" | "onUserSelectionChange" | "onTriggerButtonClick" | "isAutoOpenDialog" | "loadUserOptions" | "onDialogOpen" | "onDialogClose" | "renderCustomTriggerButton" | "shareContentType" | "shareFormTitle" | "shareFormHelperMessage" | "shouldCloseOnEscapePress" | "showFlags" | "triggerButtonIcon" | "triggerButtonStyle" | "triggerButtonTooltipPosition" | "triggerButtonTooltipText" | "bottomMessage" | "customFooter" | "shareFieldsFooter" | "isCopyDisabled" | "shareAri" | "shareClient" | "urlShortenerClient" | "shortLinkData" | "formatCopyLink" | "originTracingFactory" | "productId" | "shareLink" | "shareTitle" | "enableEmailPermissionCheck" | "useUrlShortener" | "shareeAction">, "isPublicLink" | "tabIndex" | "triggerButtonAppearance" | "shareIntegrations" | "dialogZIndex" | "dialogPlacement" | "copyTooltipText" | "contentPermissions" | "loggedInAccountId" | "cloudId" | "onUserSelectionChange" | "onTriggerButtonClick" | "isAutoOpenDialog" | "loadUserOptions" | "onDialogOpen" | "onDialogClose" | "renderCustomTriggerButton" | "shareContentType" | "shareFormTitle" | "shareFormHelperMessage" | "shouldCloseOnEscapePress" | "showFlags" | "triggerButtonIcon" | "triggerButtonStyle" | "triggerButtonTooltipPosition" | "triggerButtonTooltipText" | "bottomMessage" | "customFooter" | "shareFieldsFooter" | "isCopyDisabled" | "shareAri" | "shareClient" | "urlShortenerClient" | "shortLinkData" | "formatCopyLink" | "originTracingFactory" | "productId" | "shareLink" | "shareTitle" | "enableEmailPermissionCheck" | "useUrlShortener"> & Partial<Pick<Pick<WithAnalyticsEventsProps & Props, "isPublicLink" | "tabIndex" | "triggerButtonAppearance" | "shareIntegrations" | "dialogZIndex" | "dialogPlacement" | "copyTooltipText" | "contentPermissions" | "product" | "enableSmartUserPicker" | "loggedInAccountId" | "cloudId" | "onUserSelectionChange" | "onTriggerButtonClick" | "isAutoOpenDialog" | "loadUserOptions" | "onDialogOpen" | "onDialogClose" | "renderCustomTriggerButton" | "shareContentType" | "shareFormTitle" | "shareFormHelperMessage" | "shouldCloseOnEscapePress" | "showFlags" | "triggerButtonIcon" | "triggerButtonStyle" | "triggerButtonTooltipPosition" | "triggerButtonTooltipText" | "bottomMessage" | "customFooter" | "shareFieldsFooter" | "isCopyDisabled" | "shareAri" | "shareClient" | "urlShortenerClient" | "shortLinkData" | "formatCopyLink" | "originTracingFactory" | "productId" | "shareLink" | "shareTitle" | "enableEmailPermissionCheck" | "useUrlShortener" | "shareeAction">, "product" | "enableSmartUserPicker" | "shareeAction">> & Partial<Pick<{
+export declare const ShareDialogContainer: React.ForwardRefExoticComponent<Pick<Pick<WithAnalyticsEventsProps & Props, "isPublicLink" | "tabIndex" | "triggerButtonAppearance" | "shareIntegrations" | "dialogZIndex" | "dialogPlacement" | "copyTooltipText" | "product" | "enableSmartUserPicker" | "loggedInAccountId" | "cloudId" | "onUserSelectionChange" | "integrationMode" | "onTriggerButtonClick" | "isAutoOpenDialog" | "loadUserOptions" | "onDialogOpen" | "onDialogClose" | "renderCustomTriggerButton" | "shareContentType" | "shareFormTitle" | "shareFormHelperMessage" | "shouldCloseOnEscapePress" | "showFlags" | "triggerButtonIcon" | "triggerButtonStyle" | "triggerButtonTooltipPosition" | "triggerButtonTooltipText" | "bottomMessage" | "customFooter" | "shareFieldsFooter" | "isCopyDisabled" | "shareAri" | "shareClient" | "urlShortenerClient" | "shortLinkData" | "formatCopyLink" | "originTracingFactory" | "productId" | "shareLink" | "shareTitle" | "enableEmailPermissionCheck" | "useUrlShortener" | "shareeAction">, "isPublicLink" | "tabIndex" | "triggerButtonAppearance" | "shareIntegrations" | "dialogZIndex" | "dialogPlacement" | "copyTooltipText" | "loggedInAccountId" | "cloudId" | "onUserSelectionChange" | "integrationMode" | "onTriggerButtonClick" | "isAutoOpenDialog" | "loadUserOptions" | "onDialogOpen" | "onDialogClose" | "renderCustomTriggerButton" | "shareContentType" | "shareFormTitle" | "shareFormHelperMessage" | "shouldCloseOnEscapePress" | "showFlags" | "triggerButtonIcon" | "triggerButtonStyle" | "triggerButtonTooltipPosition" | "triggerButtonTooltipText" | "bottomMessage" | "customFooter" | "shareFieldsFooter" | "isCopyDisabled" | "shareAri" | "shareClient" | "urlShortenerClient" | "shortLinkData" | "formatCopyLink" | "originTracingFactory" | "productId" | "shareLink" | "shareTitle" | "enableEmailPermissionCheck" | "useUrlShortener"> & Partial<Pick<Pick<WithAnalyticsEventsProps & Props, "isPublicLink" | "tabIndex" | "triggerButtonAppearance" | "shareIntegrations" | "dialogZIndex" | "dialogPlacement" | "copyTooltipText" | "product" | "enableSmartUserPicker" | "loggedInAccountId" | "cloudId" | "onUserSelectionChange" | "integrationMode" | "onTriggerButtonClick" | "isAutoOpenDialog" | "loadUserOptions" | "onDialogOpen" | "onDialogClose" | "renderCustomTriggerButton" | "shareContentType" | "shareFormTitle" | "shareFormHelperMessage" | "shouldCloseOnEscapePress" | "showFlags" | "triggerButtonIcon" | "triggerButtonStyle" | "triggerButtonTooltipPosition" | "triggerButtonTooltipText" | "bottomMessage" | "customFooter" | "shareFieldsFooter" | "isCopyDisabled" | "shareAri" | "shareClient" | "urlShortenerClient" | "shortLinkData" | "formatCopyLink" | "originTracingFactory" | "productId" | "shareLink" | "shareTitle" | "enableEmailPermissionCheck" | "useUrlShortener" | "shareeAction">, "product" | "enableSmartUserPicker" | "shareeAction">> & Partial<Pick<{
     enableSmartUserPicker: boolean;
     shareeAction: "view" | "edit";
     product: string;

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

@@ -6,6 +6,7 @@ import React from 'react';
 import { InjectedIntlProps } from 'react-intl';
 import { ConfigResponse, DialogContentState, DialogPlacement, Flag, OriginTracing, ProductName, RenderCustomTriggerButton, ShareButtonStyle, ShareError, TooltipPosition, Integration } from '../types';
 import { IconProps } from '@atlaskit/icon';
+import { IntegrationMode } from '../types/ShareEntities';
 declare type DialogState = {
     isDialogOpen: boolean;
     isSharing: boolean;
@@ -36,7 +37,6 @@ export declare type Props = {
     shareContentType: string;
     shareFormTitle?: React.ReactNode;
     shareFormHelperMessage?: string;
-    contentPermissions?: React.ReactNode;
     copyLinkOrigin?: OriginTracing;
     formShareOrigin?: OriginTracing;
     shouldCloseOnEscapePress?: boolean;
@@ -57,6 +57,7 @@ export declare type Props = {
     shareFieldsFooter?: React.ReactNode;
     isCopyDisabled?: boolean;
     isPublicLink?: boolean;
+    integrationMode?: IntegrationMode;
     shareIntegrations?: Array<Integration>;
     /** Atlassian Resource Identifier of a Site resource to be shared. */
     shareAri?: string;
@@ -94,5 +95,5 @@ export declare class ShareDialogWithTriggerInternal extends React.PureComponent<
     handleCloseSplitButton: () => void;
     render(): JSX.Element;
 }
-export declare const ShareDialogWithTrigger: React.ForwardRefExoticComponent<Pick<Props & WithAnalyticsEventsProps, "isPublicLink" | "children" | "tabIndex" | "isDisabled" | "triggerButtonAppearance" | "shareIntegrations" | "dialogZIndex" | "dialogPlacement" | "copyTooltipText" | "contentPermissions" | "config" | "product" | "enableSmartUserPicker" | "loggedInAccountId" | "cloudId" | "isFetchingConfig" | "copyLink" | "submitButtonLabel" | "onUserSelectionChange" | "onTriggerButtonClick" | "isAutoOpenDialog" | "analyticsDecorator" | "loadUserOptions" | "onDialogOpen" | "onDialogClose" | "onShareSubmit" | "renderCustomTriggerButton" | "shareContentType" | "shareFormTitle" | "shareFormHelperMessage" | "copyLinkOrigin" | "formShareOrigin" | "shouldCloseOnEscapePress" | "showFlags" | "triggerButtonIcon" | "triggerButtonStyle" | "triggerButtonTooltipPosition" | "triggerButtonTooltipText" | "bottomMessage" | "customFooter" | "shareFieldsFooter" | "isCopyDisabled" | "shareAri"> & React.RefAttributes<any>>;
+export declare const ShareDialogWithTrigger: React.ForwardRefExoticComponent<Pick<Props & WithAnalyticsEventsProps, "isPublicLink" | "children" | "tabIndex" | "isDisabled" | "triggerButtonAppearance" | "shareIntegrations" | "dialogZIndex" | "dialogPlacement" | "copyTooltipText" | "config" | "product" | "enableSmartUserPicker" | "loggedInAccountId" | "cloudId" | "isFetchingConfig" | "copyLink" | "submitButtonLabel" | "onUserSelectionChange" | "integrationMode" | "onTriggerButtonClick" | "isAutoOpenDialog" | "analyticsDecorator" | "loadUserOptions" | "onDialogOpen" | "onDialogClose" | "onShareSubmit" | "renderCustomTriggerButton" | "shareContentType" | "shareFormTitle" | "shareFormHelperMessage" | "copyLinkOrigin" | "formShareOrigin" | "shouldCloseOnEscapePress" | "showFlags" | "triggerButtonIcon" | "triggerButtonStyle" | "triggerButtonTooltipPosition" | "triggerButtonTooltipText" | "bottomMessage" | "customFooter" | "shareFieldsFooter" | "isCopyDisabled" | "shareAri"> & React.RefAttributes<any>>;
 export {};

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

@@ -1,8 +1,12 @@
 import { LoadOptions, OptionData, Value } from '@atlaskit/user-picker';
 import React from 'react';
 import { InjectedIntlProps } from 'react-intl';
-import { Comment, ConfigResponse, DialogContentState, FormChildrenArgs, ProductName } from '../types';
-export declare const FormWrapper: import("styled-components").StyledComponentClass<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, any, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
+import { Comment, ConfigResponse, DialogContentState, FormChildrenArgs, Integration, ProductName } from '../types';
+import { IntegrationMode } from '../types/ShareEntities';
+interface FormWrapperType {
+    isMainShare?: boolean;
+}
+export declare const FormWrapper: import("styled-components").StyledComponentClass<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & FormWrapperType, any, React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & FormWrapperType>;
 export declare const FormFooter: import("styled-components").StyledComponentClass<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, any, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
 declare type ShareError = {
     message: string;
@@ -22,8 +26,8 @@ export declare type Props = {
     shareError?: ShareError;
     submitButtonLabel?: React.ReactNode;
     title?: React.ReactNode;
+    showTitle?: boolean;
     helperMessage?: string;
-    contentPermissions?: React.ReactNode;
     onDismiss?: (data: ShareData) => void;
     defaultValue?: DialogContentState;
     product: ProductName;
@@ -38,6 +42,8 @@ export declare type Props = {
     isPublicLink?: boolean;
     isSplitButton?: boolean;
     copyTooltipText?: string;
+    integrationMode?: IntegrationMode;
+    shareIntegrations?: Array<Integration>;
 };
 export declare type InternalFormProps = FormChildrenArgs<ShareData> & Props & InjectedIntlProps;
 export declare const ShareForm: React.FC<Props>;

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

@@ -1,7 +1,6 @@
 import React from 'react';
 export declare type Props = {
     title?: React.ReactNode;
-    contentPermissions?: React.ReactNode;
 };
 export declare const FormHeaderTitle: import("styled-components").StyledComponentClass<(React.ClassAttributes<HTMLHeadingElement> & React.HTMLAttributes<HTMLHeadingElement> & import("@atlaskit/theme").AtlaskitThemeProps) | (React.ClassAttributes<HTMLHeadingElement> & React.HTMLAttributes<HTMLHeadingElement> & import("@atlaskit/theme").CustomThemeProps) | (React.ClassAttributes<HTMLHeadingElement> & React.HTMLAttributes<HTMLHeadingElement> & import("@atlaskit/theme").NoThemeProps), any, (React.ClassAttributes<HTMLHeadingElement> & React.HTMLAttributes<HTMLHeadingElement> & import("@atlaskit/theme").AtlaskitThemeProps) | (React.ClassAttributes<HTMLHeadingElement> & React.HTMLAttributes<HTMLHeadingElement> & import("@atlaskit/theme").CustomThemeProps) | (React.ClassAttributes<HTMLHeadingElement> & React.HTMLAttributes<HTMLHeadingElement> & import("@atlaskit/theme").NoThemeProps)>;
 export declare const ShareHeader: React.StatelessComponent<Props>;

package/dist/types/i18n.d.ts

@@ -154,4 +154,9 @@ export declare const messages: {
         defaultMessage: string;
         description: string;
     };
+    shareInIntegrationButtonText: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
 };

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

@@ -4,6 +4,7 @@ import { TriggerProps } from '@atlaskit/popup';
 import { ShareError } from './ShareContentState';
 export declare type RenderCustomTriggerButton = (args: {
     error?: ShareError;
+    isDisabled?: boolean;
     isSelected?: boolean;
     onClick: () => void;
 }, triggerProps: TriggerProps) => React.ReactNode;

package/dist/types/types/ShareEntities.d.ts

@@ -22,3 +22,4 @@ export declare type Integration = {
     Icon: React.ComponentType;
     Content: React.ComponentType<IntegrationContentProps>;
 };
+export declare type IntegrationMode = 'tabs' | 'split' | 'off';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/share",
-  "version": "0.33.0",
+  "version": "0.34.3",
   "description": "Fabric Share Element",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -32,12 +32,13 @@
   "dependencies": {
     "@atlaskit/analytics-next": "^8.2.0",
     "@atlaskit/button": "^16.0.0",
-    "@atlaskit/dropdown-menu": "^10.0.6",
+    "@atlaskit/dropdown-menu": "^11.0.0",
     "@atlaskit/field-text-area": "^8.0.0",
     "@atlaskit/form": "^8.4.0",
     "@atlaskit/icon": "^21.9.0",
     "@atlaskit/popup": "^1.1.0",
     "@atlaskit/portal": "^4.0.0",
+    "@atlaskit/tabs": "^13.2.3",
     "@atlaskit/theme": "^12.0.0",
     "@atlaskit/tooltip": "^17.5.0",
     "@atlaskit/user-picker": "^7.16.0",
@@ -54,12 +55,12 @@
   },
   "devDependencies": {
     "@atlaskit/docs": "^9.0.0",
-    "@atlaskit/editor-test-helpers": "^15.5.0",
+    "@atlaskit/editor-test-helpers": "^15.6.0",
     "@atlaskit/flag": "^14.4.0",
     "@atlaskit/section-message": "^6.0.0",
     "@atlaskit/select": "^15.0.0",
     "@atlaskit/toggle": "^12.3.0",
-    "@atlaskit/util-data-test": "^16.0.0",
+    "@atlaskit/util-data-test": "^17.0.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",