@atlaskit/share 3.0.3 → 3.0.7

package/dist/esm/components/ShareForm.js

@@ -10,9 +10,9 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral
 
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 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); }; }
 
@@ -21,6 +21,7 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
 import React from 'react';
 import { FormattedMessage, injectIntl } from 'react-intl-next';
 import styled from 'styled-components';
+import { AnalyticsContext } from '@atlaskit/analytics-next';
 import Button from '@atlaskit/button/custom-theme-button';
 import Form from '@atlaskit/form';
 import ErrorIcon from '@atlaskit/icon/glyph/error';
@@ -30,6 +31,7 @@ import { gridSize } from '@atlaskit/theme/constants';
 import Tooltip from '@atlaskit/tooltip';
 import { messages } from '../i18n';
 import { TabType } from '../types';
+import { ANALYTICS_SOURCE, INTEGRATION_MODAL_SOURCE } from './analytics';
 import { CommentField } from './CommentField';
 import CopyLinkButton from './CopyLinkButton';
 import { IntegrationForm } from './IntegrationForm';
@@ -37,13 +39,11 @@ import { ShareHeader } from './ShareHeader';
 import { UserPickerField } from './UserPickerField';
 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  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 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"])), gridSize());
 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 IntegrationIconWrapper = styled.span(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  margin-bottom: -6px;\n  margin-right: 5px;\n"])));
 
 var integrationTabText = function integrationTabText(integrationName) {
   return /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, messages.shareInIntegrationButtonText, {
@@ -98,7 +98,11 @@ var InternalForm = /*#__PURE__*/function (_React$PureComponent) {
           isPublicLink = _this$props.isPublicLink,
           copyTooltipText = _this$props.copyTooltipText,
           helperMessage = _this$props.helperMessage;
-      return /*#__PURE__*/React.createElement("form", formProps, showTitle && /*#__PURE__*/React.createElement(ShareHeader, {
+      return /*#__PURE__*/React.createElement(AnalyticsContext, {
+        data: {
+          source: ANALYTICS_SOURCE
+        }
+      }, /*#__PURE__*/React.createElement("form", formProps, showTitle && /*#__PURE__*/React.createElement(ShareHeader, {
         title: title
       }), /*#__PURE__*/React.createElement(FormField, null, /*#__PURE__*/React.createElement(UserPickerField, {
         onInputChange: onUserInputChange,
@@ -122,7 +126,7 @@ var InternalForm = /*#__PURE__*/function (_React$PureComponent) {
         link: copyLink,
         isPublicLink: isPublicLink,
         copyTooltipText: copyTooltipText
-      }), _this.renderSubmitButton()));
+      }), _this.renderSubmitButton())));
     });
 
     _defineProperty(_assertThisInitialized(_this), "renderSubmitButton", function () {
@@ -132,10 +136,14 @@ var InternalForm = /*#__PURE__*/function (_React$PureComponent) {
           shareError = _this$props2.shareError,
           submitButtonLabel = _this$props2.submitButtonLabel,
           isDisabled = _this$props2.isDisabled,
-          isPublicLink = _this$props2.isPublicLink;
+          isPublicLink = _this$props2.isPublicLink,
+          integrationMode = _this$props2.integrationMode;
       var shouldShowWarning = shareError && !isSharing;
       var buttonAppearance = !shouldShowWarning ? 'primary' : 'warning';
-      var sendLabel = isPublicLink ? messages.formSendPublic : messages.formSend;
+      var tabMode = integrationMode === 'tabs';
+      var formPublicLabel = tabMode ? messages.formSharePublic : messages.formSendPublic;
+      var formSendLabel = tabMode ? messages.formShare : messages.formSend;
+      var sendLabel = isPublicLink ? formPublicLabel : formSendLabel;
       var buttonLabel = shareError ? messages.formRetry : sendLabel;
       var ButtonLabelWrapper = buttonAppearance === 'warning' ? 'strong' : React.Fragment;
       return /*#__PURE__*/React.createElement(SubmitButtonWrapper, null, /*#__PURE__*/React.createElement(CenterAlignedIconWrapper, null, shouldShowWarning && /*#__PURE__*/React.createElement(Tooltip, {
@@ -170,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;
@@ -181,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());
@@ -192,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();
@@ -210,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"
@@ -222,21 +227,19 @@ var InternalForm = /*#__PURE__*/function (_React$PureComponent) {
           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, {
+        }, /*#__PURE__*/React.createElement(FormWrapper, null, this.renderShareForm())), /*#__PURE__*/React.createElement(TabPanel, {
           key: "share-tabPanel-integration"
-        }, /*#__PURE__*/React.createElement(FormWrapper, {
-          isMainShare: false
-        }, /*#__PURE__*/React.createElement(IntegrationForm, {
+        }, /*#__PURE__*/React.createElement(AnalyticsContext, {
+          data: {
+            source: INTEGRATION_MODAL_SOURCE
+          }
+        }, /*#__PURE__*/React.createElement(FormWrapper, null, /*#__PURE__*/React.createElement(IntegrationForm, {
           Content: firstIntegration.Content,
           onIntegrationClose: function onIntegrationClose() {
             return handleCloseDialog === null || handleCloseDialog === void 0 ? void 0 : handleCloseDialog();
           },
-          changeTab: function changeTab(index) {
-            _this2.changeTab(index);
-          }
-        }))));
+          changeTab: this.changeTab
+        })))));
       }
 
       return this.renderShareForm();

package/dist/esm/components/SplitButton.js

@@ -1,6 +1,7 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _extends from "@babel/runtime/helpers/extends";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
+var _excluded = ["triggerRef"];
 
 var _templateObject, _templateObject2, _templateObject3;
 
@@ -52,7 +53,7 @@ var SplitButtonDropdown = function SplitButtonDropdown(props) {
     testId: "split-button-dropdown",
     trigger: function trigger(_ref2) {
       var triggerRef = _ref2.triggerRef,
-          providedProps = _objectWithoutProperties(_ref2, ["triggerRef"]);
+          providedProps = _objectWithoutProperties(_ref2, _excluded);
 
       return /*#__PURE__*/React.createElement(Button, _extends({}, providedProps, {
         ref: triggerRef,

package/dist/esm/components/analytics.js

@@ -1,8 +1,8 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 import { isEmail, isTeam, isUser } from '@atlaskit/user-picker';
 import { name as packageName, version as packageVersion } from '../version.json';
@@ -38,7 +38,7 @@ var createScreenEvent = function createScreenEvent(name) {
 
 export var CHANNEL_ID = 'fabric-elements';
 export var ANALYTICS_SOURCE = 'shareModal';
-export var INTEGRATION_MODAL_SOURCE = 'integrationShareModal';
+export var INTEGRATION_MODAL_SOURCE = 'integrationShareDialog';
 export var screenEvent = function screenEvent(_ref) {
   var _ref$isPublicLink = _ref.isPublicLink,
       isPublicLink = _ref$isPublicLink === void 0 ? false : _ref$isPublicLink;

package/dist/esm/components/colorSlackIcon.js

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

package/dist/esm/components/styles.js

@@ -1,10 +1,11 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["buttonStyles"];
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 import React from 'react';
 import Button from '@atlaskit/button/custom-theme-button';
@@ -16,7 +17,7 @@ var StyledButton = /*#__PURE__*/React.forwardRef(function (props, ref) {
     theme: function theme(currentTheme, themeProps) {
       var _currentTheme = currentTheme(themeProps),
           buttonStyles = _currentTheme.buttonStyles,
-          rest = _objectWithoutProperties(_currentTheme, ["buttonStyles"]);
+          rest = _objectWithoutProperties(_currentTheme, _excluded);
 
       return _objectSpread({
         buttonStyles: _objectSpread(_objectSpread({}, buttonStyles), {}, {

package/dist/esm/components/utils.js

@@ -53,4 +53,9 @@ 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 (integrationMode === 'tabs' && tabIndex === 0 && customFooter) {
+    return customFooter;
+  }
 };

package/dist/esm/i18n.js

@@ -10,11 +10,21 @@ export var messages = defineMessages({
     defaultMessage: 'Send',
     description: 'Label for Share form submit button.'
   },
+  formShare: {
+    id: 'fabric.elements.share.form.share',
+    defaultMessage: 'Share',
+    description: 'Label for Share form submit button.'
+  },
   formSendPublic: {
     id: 'fabric.elements.share.form.public.send',
     defaultMessage: 'Send public link',
     description: 'Label for Share form submit button when link is public.'
   },
+  formSharePublic: {
+    id: 'fabric.elements.share.form.public.share',
+    defaultMessage: 'Share public link',
+    description: 'Label for Share form submit button when link is public.'
+  },
   formRetry: {
     id: 'fabric.elements.share.form.retry',
     defaultMessage: 'Retry',

package/dist/esm/version.json

@@ -1,4 +1,4 @@
 {
 	"name": "@atlaskit/share",
-	"version": "3.0.3"
+	"version": "3.0.7"
 }

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

@@ -1,14 +1,10 @@
 import React from 'react';
 import { WrappedComponentProps } from 'react-intl-next';
 import { FormChildrenArgs, ShareData, ShareFormProps, TabType } from '../types';
-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 FormWrapper: import("styled-components").StyledComponentClass<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, any, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
 export declare const FormFooter: import("styled-components").StyledComponentClass<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, any, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
 export declare type State = {
     selectedTab: TabType;
 };
 export declare type InternalFormProps = FormChildrenArgs<ShareData> & ShareFormProps & WrappedComponentProps;
 export declare const ShareForm: React.FC<ShareFormProps>;
-export {};

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

@@ -1,7 +1,7 @@
 import { DialogContentState, OriginTracing } from '../types';
 export declare const CHANNEL_ID = "fabric-elements";
 export declare const ANALYTICS_SOURCE = "shareModal";
-export declare const INTEGRATION_MODAL_SOURCE = "integrationShareModal";
+export declare const INTEGRATION_MODAL_SOURCE = "integrationShareDialog";
 export declare const screenEvent: ({ isPublicLink }: {
     isPublicLink?: boolean | undefined;
 }) => Record<string, any>;

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

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const SlackIcon: () => JSX.Element;
+export default SlackIcon;

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.d.ts

@@ -9,11 +9,21 @@ export declare const messages: {
         defaultMessage: string;
         description: string;
     };
+    formShare: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
     formSendPublic: {
         id: string;
         defaultMessage: string;
         description: string;
     };
+    formSharePublic: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
     formRetry: {
         id: string;
         defaultMessage: 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.3",
+  "version": "3.0.7",
   "description": "Fabric Share Element",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -35,12 +35,12 @@
     "@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.2.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/theme": "^12.0.0",
+    "@atlaskit/theme": "^12.1.0",
     "@atlaskit/tooltip": "^17.5.0",
     "@atlaskit/user-picker": "^8.3.0",
     "@atlaskit/util-service-support": "^6.0.0",
@@ -59,11 +59,11 @@
   "devDependencies": {
     "@atlaskit/docs": "^9.0.0",
     "@atlaskit/editor-test-helpers": "^16.0.0",
-    "@atlaskit/flag": "^14.4.0",
+    "@atlaskit/flag": "^14.5.0",
     "@atlaskit/section-message": "^6.0.0",
     "@atlaskit/select": "^15.0.0",
-    "@atlaskit/toggle": "^12.3.0",
-    "@atlaskit/util-data-test": "^17.0.0",
+    "@atlaskit/toggle": "^12.4.0",
+    "@atlaskit/util-data-test": "^17.1.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",