@atlaskit/share 3.0.4 → 3.0.5

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/share
 
+## 3.0.5
+
+### Patch Changes
+
+- [`7fe36d0765b`](https://bitbucket.org/atlassian/atlassian-frontend/commits/7fe36d0765b) - Analytics context changes for share to integrations
+
 ## 3.0.4
 
 ### Patch Changes

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

@@ -60,19 +60,19 @@ function LazyShareForm(props) {
 
   var footer = /*#__PURE__*/_react.default.createElement("div", null, bottomMessage ? /*#__PURE__*/_react.default.createElement(_styled.BottomMessageWrapper, null, bottomMessage) : null, customFooter && /*#__PURE__*/_react.default.createElement(_styled.CustomFooterWrapper, null, customFooter));
 
-  return /*#__PURE__*/_react.default.createElement(_analyticsNext.AnalyticsContext, {
-    data: {
-      source: _analytics.ANALYTICS_SOURCE
-    }
-  }, /*#__PURE__*/_react.default.createElement(_ShareFormWrapper.ShareFormWrapper, {
+  return /*#__PURE__*/_react.default.createElement(_ShareFormWrapper.ShareFormWrapper, {
     footer: footer // form title will be determined by `title` and `showTitle` prop passed to `ShareForm`,
     // so we don't need to show title via ShareFormWrapper
     ,
     shouldShowTitle: false
-  }, showIntegrationForm && selectedIntegration !== null ? /*#__PURE__*/_react.default.createElement(_IntegrationForm.IntegrationForm, {
+  }, showIntegrationForm && selectedIntegration !== null ? /*#__PURE__*/_react.default.createElement(_analyticsNext.AnalyticsContext, {
+    data: {
+      source: _analytics.INTEGRATION_MODAL_SOURCE
+    }
+  }, /*#__PURE__*/_react.default.createElement(_IntegrationForm.IntegrationForm, {
     Content: selectedIntegration.Content,
     onIntegrationClose: onDialogClose
-  }) : /*#__PURE__*/_react.default.createElement(_ShareForm.ShareForm, {
+  })) : /*#__PURE__*/_react.default.createElement(_ShareForm.ShareForm, {
     copyLink: copyLink,
     loadOptions: loadOptions,
     title: shareFormTitle,
@@ -100,7 +100,7 @@ function LazyShareForm(props) {
     onUserSelectionChange: onUserSelectionChange,
     handleCloseDialog: onDialogClose,
     onTabChange: onTabChange
-  })));
+  }));
 }
 
 var _default = LazyShareForm;

package/dist/cjs/components/ShareForm.js

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

package/dist/cjs/components/analytics.js

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

package/dist/cjs/version.json

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

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import { AnalyticsContext } from '@atlaskit/analytics-next';
-import { ANALYTICS_SOURCE } from '../analytics';
+import { INTEGRATION_MODAL_SOURCE } from '../analytics';
 import { IntegrationForm } from '../IntegrationForm';
 import { ShareForm } from '../ShareForm';
 import { ShareFormWrapper } from '../ShareFormWrapper';
@@ -48,19 +48,19 @@ function LazyShareForm(props) {
     showTitle
   } = props;
   const footer = /*#__PURE__*/React.createElement("div", null, bottomMessage ? /*#__PURE__*/React.createElement(BottomMessageWrapper, null, bottomMessage) : null, customFooter && /*#__PURE__*/React.createElement(CustomFooterWrapper, null, customFooter));
-  return /*#__PURE__*/React.createElement(AnalyticsContext, {
-    data: {
-      source: ANALYTICS_SOURCE
-    }
-  }, /*#__PURE__*/React.createElement(ShareFormWrapper, {
+  return /*#__PURE__*/React.createElement(ShareFormWrapper, {
     footer: footer // form title will be determined by `title` and `showTitle` prop passed to `ShareForm`,
     // so we don't need to show title via ShareFormWrapper
     ,
     shouldShowTitle: false
-  }, showIntegrationForm && selectedIntegration !== null ? /*#__PURE__*/React.createElement(IntegrationForm, {
+  }, showIntegrationForm && selectedIntegration !== null ? /*#__PURE__*/React.createElement(AnalyticsContext, {
+    data: {
+      source: INTEGRATION_MODAL_SOURCE
+    }
+  }, /*#__PURE__*/React.createElement(IntegrationForm, {
     Content: selectedIntegration.Content,
     onIntegrationClose: onDialogClose
-  }) : /*#__PURE__*/React.createElement(ShareForm, {
+  })) : /*#__PURE__*/React.createElement(ShareForm, {
     copyLink: copyLink,
     loadOptions: loadOptions,
     title: shareFormTitle,
@@ -88,7 +88,7 @@ function LazyShareForm(props) {
     onUserSelectionChange: onUserSelectionChange,
     handleCloseDialog: onDialogClose,
     onTabChange: onTabChange
-  })));
+  }));
 }
 
 export default LazyShareForm;

package/dist/es2019/components/ShareForm.js

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

package/dist/es2019/components/analytics.js

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

package/dist/es2019/version.json

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

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import { AnalyticsContext } from '@atlaskit/analytics-next';
-import { ANALYTICS_SOURCE } from '../analytics';
+import { INTEGRATION_MODAL_SOURCE } from '../analytics';
 import { IntegrationForm } from '../IntegrationForm';
 import { ShareForm } from '../ShareForm';
 import { ShareFormWrapper } from '../ShareFormWrapper';
@@ -43,19 +43,19 @@ function LazyShareForm(props) {
       defaultValue = props.defaultValue,
       showTitle = props.showTitle;
   var footer = /*#__PURE__*/React.createElement("div", null, bottomMessage ? /*#__PURE__*/React.createElement(BottomMessageWrapper, null, bottomMessage) : null, customFooter && /*#__PURE__*/React.createElement(CustomFooterWrapper, null, customFooter));
-  return /*#__PURE__*/React.createElement(AnalyticsContext, {
-    data: {
-      source: ANALYTICS_SOURCE
-    }
-  }, /*#__PURE__*/React.createElement(ShareFormWrapper, {
+  return /*#__PURE__*/React.createElement(ShareFormWrapper, {
     footer: footer // form title will be determined by `title` and `showTitle` prop passed to `ShareForm`,
     // so we don't need to show title via ShareFormWrapper
     ,
     shouldShowTitle: false
-  }, showIntegrationForm && selectedIntegration !== null ? /*#__PURE__*/React.createElement(IntegrationForm, {
+  }, showIntegrationForm && selectedIntegration !== null ? /*#__PURE__*/React.createElement(AnalyticsContext, {
+    data: {
+      source: INTEGRATION_MODAL_SOURCE
+    }
+  }, /*#__PURE__*/React.createElement(IntegrationForm, {
     Content: selectedIntegration.Content,
     onIntegrationClose: onDialogClose
-  }) : /*#__PURE__*/React.createElement(ShareForm, {
+  })) : /*#__PURE__*/React.createElement(ShareForm, {
     copyLink: copyLink,
     loadOptions: loadOptions,
     title: shareFormTitle,
@@ -83,7 +83,7 @@ function LazyShareForm(props) {
     onUserSelectionChange: onUserSelectionChange,
     handleCloseDialog: onDialogClose,
     onTabChange: onTabChange
-  })));
+  }));
 }
 
 export default LazyShareForm;

package/dist/esm/components/ShareForm.js

@@ -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-bottom: -2px;\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 () {
@@ -222,13 +226,13 @@ 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();
@@ -236,7 +240,7 @@ var InternalForm = /*#__PURE__*/function (_React$PureComponent) {
           changeTab: function changeTab(index) {
             _this2.changeTab(index);
           }
-        }))));
+        })))));
       }
 
       return this.renderShareForm();

package/dist/esm/components/analytics.js

@@ -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/version.json

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

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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/share",
-  "version": "3.0.4",
+  "version": "3.0.5",
   "description": "Fabric Share Element",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"