@atlaskit/share 4.5.3 → 4.6.0

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/share
 
+## 4.6.0
+
+### Minor Changes
+
+- [#43407](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/43407) [`90c45674b3a`](https://bitbucket.org/atlassian/atlassian-frontend/commits/90c45674b3a) - @atlaskit/share can be passed contentId & passes contentId+contentSubType to existing analytics events
+
+## 4.5.4
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 4.5.3
 
 ### Patch Changes

package/dist/cjs/components/ShareDialogContainer.js

@@ -36,7 +36,9 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-var COPY_LINK_EVENT = (0, _analytics.copyLinkButtonClicked)(0);
+var COPY_LINK_EVENT = (0, _analytics.copyLinkButtonClicked)({
+  start: 0
+});
 var defaultConfig = exports.defaultConfig = {
   disableSharingToEmails: false
 };
@@ -326,6 +328,7 @@ var ShareDialogContainerInternal = exports.ShareDialogContainerInternal = /*#__P
         renderCustomTriggerButton = _this$props2.renderCustomTriggerButton,
         shareContentType = _this$props2.shareContentType,
         shareContentSubType = _this$props2.shareContentSubType,
+        shareContentId = _this$props2.shareContentId,
         shareFormTitle = _this$props2.shareFormTitle,
         shareFormHelperMessage = _this$props2.shareFormHelperMessage,
         shouldCloseOnEscapePress = _this$props2.shouldCloseOnEscapePress,
@@ -370,6 +373,7 @@ var ShareDialogContainerInternal = exports.ShareDialogContainerInternal = /*#__P
         renderCustomTriggerButton: renderCustomTriggerButton,
         shareContentType: shareContentType,
         shareContentSubType: shareContentSubType,
+        shareContentId: shareContentId,
         shareFormTitle: shareFormTitle,
         shareFormHelperMessage: shareFormHelperMessage,
         copyLinkOrigin: this.getCopyLinkOriginTracing(),

package/dist/cjs/components/ShareDialogWithTrigger.js

@@ -237,10 +237,11 @@ var ShareDialogWithTriggerInternal = exports.ShareDialogWithTriggerInternal = /*
       var _this$props4 = _this.props,
         onShareSubmit = _this$props4.onShareSubmit,
         shareContentType = _this$props4.shareContentType,
+        shareContentSubType = _this$props4.shareContentSubType,
+        shareContentId = _this$props4.shareContentId,
         formShareOrigin = _this$props4.formShareOrigin,
         showFlags = _this$props4.showFlags,
-        isPublicLink = _this$props4.isPublicLink,
-        shareContentSubType = _this$props4.shareContentSubType;
+        isPublicLink = _this$props4.isPublicLink;
       if (!onShareSubmit) {
         return;
       }
@@ -248,7 +249,15 @@ var ShareDialogWithTriggerInternal = exports.ShareDialogWithTriggerInternal = /*
       _this.setState({
         isSharing: true
       });
-      _this.createAndFireEvent((0, _analytics.formShareSubmitted)(_this.start, data, shareContentType, formShareOrigin, isPublicLink, shareContentSubType));
+      _this.createAndFireEvent((0, _analytics.formShareSubmitted)({
+        start: _this.start,
+        data: data,
+        shareContentType: shareContentType,
+        shareOrigin: formShareOrigin,
+        isPublicLink: isPublicLink,
+        shareContentSubType: shareContentSubType,
+        shareContentId: shareContentId
+      }));
       onShareSubmit(data).then(function () {
         _this.closeAndResetDialog();
         _this.setState({
@@ -299,9 +308,19 @@ var ShareDialogWithTriggerInternal = exports.ShareDialogWithTriggerInternal = /*
       var _this$props5 = _this.props,
         copyLinkOrigin = _this$props5.copyLinkOrigin,
         shareContentType = _this$props5.shareContentType,
+        shareContentSubType = _this$props5.shareContentSubType,
+        shareContentId = _this$props5.shareContentId,
         isPublicLink = _this$props5.isPublicLink,
         shareAri = _this$props5.shareAri;
-      _this.createAndFireEvent((0, _analytics.copyLinkButtonClicked)(_this.start, shareContentType, copyLinkOrigin, isPublicLink, shareAri));
+      _this.createAndFireEvent((0, _analytics.copyLinkButtonClicked)({
+        start: _this.start,
+        shareContentType: shareContentType,
+        shareOrigin: copyLinkOrigin,
+        isPublicLink: isPublicLink,
+        ari: shareAri,
+        shareContentSubType: shareContentSubType,
+        shareContentId: shareContentId
+      }));
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleIntegrationClick", function (integration) {
       _this.setState({

package/dist/cjs/components/analytics/analytics.js

@@ -13,7 +13,7 @@ var buildAttributes = function buildAttributes() {
   var attributes = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   return _objectSpread({
     packageName: "@atlaskit/share",
-    packageVersion: "4.5.3"
+    packageVersion: "4.6.0"
   }, attributes);
 };
 var createEvent = function createEvent(eventType, source, action, actionSubject, actionSubjectId) {
@@ -88,22 +88,36 @@ var shortUrlGenerated = exports.shortUrlGenerated = function shortUrlGenerated(s
     tooSlow: tooSlow
   });
 };
-var copyLinkButtonClicked = exports.copyLinkButtonClicked = function copyLinkButtonClicked(start, shareContentType, shareOrigin) {
-  var isPublicLink = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
-  var ari = arguments.length > 4 ? arguments[4] : undefined;
+var copyLinkButtonClicked = exports.copyLinkButtonClicked = function copyLinkButtonClicked(_ref2) {
+  var start = _ref2.start,
+    shareContentType = _ref2.shareContentType,
+    shareContentSubType = _ref2.shareContentSubType,
+    shareContentId = _ref2.shareContentId,
+    shareOrigin = _ref2.shareOrigin,
+    _ref2$isPublicLink = _ref2.isPublicLink,
+    isPublicLink = _ref2$isPublicLink === void 0 ? false : _ref2$isPublicLink,
+    ari = _ref2.ari;
   return createEvent('ui', ANALYTICS_SOURCE, 'clicked', 'button', 'copyShareLink', _objectSpread({
     source: ANALYTICS_SOURCE,
     duration: duration(start),
     shortUrl: undefined,
     // unknown at creation, will be filled later
     contentType: shareContentType,
+    contentSubType: shareContentSubType,
+    contentId: shareContentId,
     isPublicLink: isPublicLink,
     ari: ari
   }, getOriginTracingAttributes(shareOrigin)));
 };
-var formShareSubmitted = exports.formShareSubmitted = function formShareSubmitted(start, data, shareContentType, shareOrigin) {
-  var isPublicLink = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
-  var shareContentSubType = arguments.length > 5 ? arguments[5] : undefined;
+var formShareSubmitted = exports.formShareSubmitted = function formShareSubmitted(_ref3) {
+  var start = _ref3.start,
+    data = _ref3.data,
+    shareContentType = _ref3.shareContentType,
+    shareContentSubType = _ref3.shareContentSubType,
+    shareContentId = _ref3.shareContentId,
+    shareOrigin = _ref3.shareOrigin,
+    _ref3$isPublicLink = _ref3.isPublicLink,
+    isPublicLink = _ref3$isPublicLink === void 0 ? false : _ref3$isPublicLink;
   var users = extractIdsByType(data, _smartUserPicker.isUser);
   var teams = extractIdsByType(data, _smartUserPicker.isTeam);
   var teamUserCounts = extractMemberCountsFromTeams(data, _smartUserPicker.isTeam);
@@ -111,6 +125,7 @@ var formShareSubmitted = exports.formShareSubmitted = function formShareSubmitte
   return createEvent('ui', ANALYTICS_SOURCE, 'clicked', 'button', 'submitShare', _objectSpread(_objectSpread({}, getOriginTracingAttributes(shareOrigin)), {}, {
     contentType: shareContentType,
     contentSubType: shareContentSubType,
+    contentId: shareContentId,
     duration: duration(start),
     emailCount: emails.length,
     teamCount: teams.length,

package/dist/es2019/components/ShareDialogContainer.js

@@ -15,7 +15,9 @@ import ErrorBoundary from './ErrorBoundary';
 import MessagesIntlProvider from './MessagesIntlProvider';
 import { ShareDialogWithTrigger } from './ShareDialogWithTrigger';
 import { optionDataToUsers } from './utils';
-const COPY_LINK_EVENT = copyLinkButtonClicked(0);
+const COPY_LINK_EVENT = copyLinkButtonClicked({
+  start: 0
+});
 export const defaultConfig = {
   disableSharingToEmails: false
 };
@@ -272,6 +274,7 @@ export class ShareDialogContainerInternal extends React.Component {
       renderCustomTriggerButton,
       shareContentType,
       shareContentSubType,
+      shareContentId,
       shareFormTitle,
       shareFormHelperMessage,
       shouldCloseOnEscapePress,
@@ -318,6 +321,7 @@ export class ShareDialogContainerInternal extends React.Component {
       renderCustomTriggerButton: renderCustomTriggerButton,
       shareContentType: shareContentType,
       shareContentSubType: shareContentSubType,
+      shareContentId: shareContentId,
       shareFormTitle: shareFormTitle,
       shareFormHelperMessage: shareFormHelperMessage,
       copyLinkOrigin: this.getCopyLinkOriginTracing(),

package/dist/es2019/components/ShareDialogWithTrigger.js

@@ -230,10 +230,11 @@ export class ShareDialogWithTriggerInternal extends React.PureComponent {
       const {
         onShareSubmit,
         shareContentType,
+        shareContentSubType,
+        shareContentId,
         formShareOrigin,
         showFlags,
-        isPublicLink,
-        shareContentSubType
+        isPublicLink
       } = this.props;
       if (!onShareSubmit) {
         return;
@@ -242,7 +243,15 @@ export class ShareDialogWithTriggerInternal extends React.PureComponent {
       this.setState({
         isSharing: true
       });
-      this.createAndFireEvent(formShareSubmitted(this.start, data, shareContentType, formShareOrigin, isPublicLink, shareContentSubType));
+      this.createAndFireEvent(formShareSubmitted({
+        start: this.start,
+        data,
+        shareContentType,
+        shareOrigin: formShareOrigin,
+        isPublicLink,
+        shareContentSubType,
+        shareContentId
+      }));
       onShareSubmit(data).then(() => {
         this.closeAndResetDialog();
         this.setState({
@@ -273,10 +282,20 @@ export class ShareDialogWithTriggerInternal extends React.PureComponent {
       const {
         copyLinkOrigin,
         shareContentType,
+        shareContentSubType,
+        shareContentId,
         isPublicLink,
         shareAri
       } = this.props;
-      this.createAndFireEvent(copyLinkButtonClicked(this.start, shareContentType, copyLinkOrigin, isPublicLink, shareAri));
+      this.createAndFireEvent(copyLinkButtonClicked({
+        start: this.start,
+        shareContentType,
+        shareOrigin: copyLinkOrigin,
+        isPublicLink,
+        ari: shareAri,
+        shareContentSubType,
+        shareContentId
+      }));
     });
     _defineProperty(this, "handleIntegrationClick", integration => {
       this.setState({

package/dist/es2019/components/analytics/analytics.js

@@ -1,7 +1,7 @@
 import { isEmail, isTeam, isUser } from '@atlaskit/smart-user-picker';
 const buildAttributes = (attributes = {}) => ({
   packageName: "@atlaskit/share",
-  packageVersion: "4.5.3",
+  packageVersion: "4.6.0",
   ...attributes
 });
 const createEvent = (eventType, source, action, actionSubject, actionSubjectId, attributes = {}) => ({
@@ -51,17 +51,35 @@ export const shortUrlGenerated = (start, tooSlow) => createEvent('operational',
   duration: duration(start),
   tooSlow
 });
-export const copyLinkButtonClicked = (start, shareContentType, shareOrigin, isPublicLink = false, ari) => createEvent('ui', ANALYTICS_SOURCE, 'clicked', 'button', 'copyShareLink', {
+export const copyLinkButtonClicked = ({
+  start,
+  shareContentType,
+  shareContentSubType,
+  shareContentId,
+  shareOrigin,
+  isPublicLink = false,
+  ari
+}) => createEvent('ui', ANALYTICS_SOURCE, 'clicked', 'button', 'copyShareLink', {
   source: ANALYTICS_SOURCE,
   duration: duration(start),
   shortUrl: undefined,
   // unknown at creation, will be filled later
   contentType: shareContentType,
+  contentSubType: shareContentSubType,
+  contentId: shareContentId,
   isPublicLink,
   ari,
   ...getOriginTracingAttributes(shareOrigin)
 });
-export const formShareSubmitted = (start, data, shareContentType, shareOrigin, isPublicLink = false, shareContentSubType) => {
+export const formShareSubmitted = ({
+  start,
+  data,
+  shareContentType,
+  shareContentSubType,
+  shareContentId,
+  shareOrigin,
+  isPublicLink = false
+}) => {
   const users = extractIdsByType(data, isUser);
   const teams = extractIdsByType(data, isTeam);
   const teamUserCounts = extractMemberCountsFromTeams(data, isTeam);
@@ -70,6 +88,7 @@ export const formShareSubmitted = (start, data, shareContentType, shareOrigin, i
     ...getOriginTracingAttributes(shareOrigin),
     contentType: shareContentType,
     contentSubType: shareContentSubType,
+    contentId: shareContentId,
     duration: duration(start),
     emailCount: emails.length,
     teamCount: teams.length,

package/dist/esm/components/ShareDialogContainer.js

@@ -29,7 +29,9 @@ import ErrorBoundary from './ErrorBoundary';
 import MessagesIntlProvider from './MessagesIntlProvider';
 import { ShareDialogWithTrigger } from './ShareDialogWithTrigger';
 import { optionDataToUsers } from './utils';
-var COPY_LINK_EVENT = copyLinkButtonClicked(0);
+var COPY_LINK_EVENT = copyLinkButtonClicked({
+  start: 0
+});
 export var defaultConfig = {
   disableSharingToEmails: false
 };
@@ -319,6 +321,7 @@ export var ShareDialogContainerInternal = /*#__PURE__*/function (_React$Componen
         renderCustomTriggerButton = _this$props2.renderCustomTriggerButton,
         shareContentType = _this$props2.shareContentType,
         shareContentSubType = _this$props2.shareContentSubType,
+        shareContentId = _this$props2.shareContentId,
         shareFormTitle = _this$props2.shareFormTitle,
         shareFormHelperMessage = _this$props2.shareFormHelperMessage,
         shouldCloseOnEscapePress = _this$props2.shouldCloseOnEscapePress,
@@ -363,6 +366,7 @@ export var ShareDialogContainerInternal = /*#__PURE__*/function (_React$Componen
         renderCustomTriggerButton: renderCustomTriggerButton,
         shareContentType: shareContentType,
         shareContentSubType: shareContentSubType,
+        shareContentId: shareContentId,
         shareFormTitle: shareFormTitle,
         shareFormHelperMessage: shareFormHelperMessage,
         copyLinkOrigin: this.getCopyLinkOriginTracing(),

package/dist/esm/components/ShareDialogWithTrigger.js

@@ -233,10 +233,11 @@ export var ShareDialogWithTriggerInternal = /*#__PURE__*/function (_React$PureCo
       var _this$props4 = _this.props,
         onShareSubmit = _this$props4.onShareSubmit,
         shareContentType = _this$props4.shareContentType,
+        shareContentSubType = _this$props4.shareContentSubType,
+        shareContentId = _this$props4.shareContentId,
         formShareOrigin = _this$props4.formShareOrigin,
         showFlags = _this$props4.showFlags,
-        isPublicLink = _this$props4.isPublicLink,
-        shareContentSubType = _this$props4.shareContentSubType;
+        isPublicLink = _this$props4.isPublicLink;
       if (!onShareSubmit) {
         return;
       }
@@ -244,7 +245,15 @@ export var ShareDialogWithTriggerInternal = /*#__PURE__*/function (_React$PureCo
       _this.setState({
         isSharing: true
       });
-      _this.createAndFireEvent(formShareSubmitted(_this.start, data, shareContentType, formShareOrigin, isPublicLink, shareContentSubType));
+      _this.createAndFireEvent(formShareSubmitted({
+        start: _this.start,
+        data: data,
+        shareContentType: shareContentType,
+        shareOrigin: formShareOrigin,
+        isPublicLink: isPublicLink,
+        shareContentSubType: shareContentSubType,
+        shareContentId: shareContentId
+      }));
       onShareSubmit(data).then(function () {
         _this.closeAndResetDialog();
         _this.setState({
@@ -295,9 +304,19 @@ export var ShareDialogWithTriggerInternal = /*#__PURE__*/function (_React$PureCo
       var _this$props5 = _this.props,
         copyLinkOrigin = _this$props5.copyLinkOrigin,
         shareContentType = _this$props5.shareContentType,
+        shareContentSubType = _this$props5.shareContentSubType,
+        shareContentId = _this$props5.shareContentId,
         isPublicLink = _this$props5.isPublicLink,
         shareAri = _this$props5.shareAri;
-      _this.createAndFireEvent(copyLinkButtonClicked(_this.start, shareContentType, copyLinkOrigin, isPublicLink, shareAri));
+      _this.createAndFireEvent(copyLinkButtonClicked({
+        start: _this.start,
+        shareContentType: shareContentType,
+        shareOrigin: copyLinkOrigin,
+        isPublicLink: isPublicLink,
+        ari: shareAri,
+        shareContentSubType: shareContentSubType,
+        shareContentId: shareContentId
+      }));
     });
     _defineProperty(_assertThisInitialized(_this), "handleIntegrationClick", function (integration) {
       _this.setState({

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

@@ -6,7 +6,7 @@ var buildAttributes = function buildAttributes() {
   var attributes = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   return _objectSpread({
     packageName: "@atlaskit/share",
-    packageVersion: "4.5.3"
+    packageVersion: "4.6.0"
   }, attributes);
 };
 var createEvent = function createEvent(eventType, source, action, actionSubject, actionSubjectId) {
@@ -81,22 +81,36 @@ export var shortUrlGenerated = function shortUrlGenerated(start, tooSlow) {
     tooSlow: tooSlow
   });
 };
-export var copyLinkButtonClicked = function copyLinkButtonClicked(start, shareContentType, shareOrigin) {
-  var isPublicLink = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
-  var ari = arguments.length > 4 ? arguments[4] : undefined;
+export var copyLinkButtonClicked = function copyLinkButtonClicked(_ref2) {
+  var start = _ref2.start,
+    shareContentType = _ref2.shareContentType,
+    shareContentSubType = _ref2.shareContentSubType,
+    shareContentId = _ref2.shareContentId,
+    shareOrigin = _ref2.shareOrigin,
+    _ref2$isPublicLink = _ref2.isPublicLink,
+    isPublicLink = _ref2$isPublicLink === void 0 ? false : _ref2$isPublicLink,
+    ari = _ref2.ari;
   return createEvent('ui', ANALYTICS_SOURCE, 'clicked', 'button', 'copyShareLink', _objectSpread({
     source: ANALYTICS_SOURCE,
     duration: duration(start),
     shortUrl: undefined,
     // unknown at creation, will be filled later
     contentType: shareContentType,
+    contentSubType: shareContentSubType,
+    contentId: shareContentId,
     isPublicLink: isPublicLink,
     ari: ari
   }, getOriginTracingAttributes(shareOrigin)));
 };
-export var formShareSubmitted = function formShareSubmitted(start, data, shareContentType, shareOrigin) {
-  var isPublicLink = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
-  var shareContentSubType = arguments.length > 5 ? arguments[5] : undefined;
+export var formShareSubmitted = function formShareSubmitted(_ref3) {
+  var start = _ref3.start,
+    data = _ref3.data,
+    shareContentType = _ref3.shareContentType,
+    shareContentSubType = _ref3.shareContentSubType,
+    shareContentId = _ref3.shareContentId,
+    shareOrigin = _ref3.shareOrigin,
+    _ref3$isPublicLink = _ref3.isPublicLink,
+    isPublicLink = _ref3$isPublicLink === void 0 ? false : _ref3$isPublicLink;
   var users = extractIdsByType(data, isUser);
   var teams = extractIdsByType(data, isTeam);
   var teamUserCounts = extractMemberCountsFromTeams(data, isTeam);
@@ -104,6 +118,7 @@ export var formShareSubmitted = function formShareSubmitted(start, data, shareCo
   return createEvent('ui', ANALYTICS_SOURCE, 'clicked', 'button', 'submitShare', _objectSpread(_objectSpread({}, getOriginTracingAttributes(shareOrigin)), {}, {
     contentType: shareContentType,
     contentSubType: shareContentSubType,
+    contentId: shareContentId,
     duration: duration(start),
     emailCount: emails.length,
     teamCount: teams.length,

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

@@ -50,7 +50,7 @@ export declare class ShareDialogContainerInternal extends React.Component<WithAn
     getFormShareLink: () => string;
     render(): JSX.Element;
 }
-export declare const ShareDialogContainer: React.ForwardRefExoticComponent<Pick<Omit<WithAnalyticsEventsProps & ShareDialogContainerProps, keyof WithAnalyticsEventsProps>, "onTriggerButtonClick" | "isAutoOpenDialog" | "shouldCloseOnEscapePress" | "dialogPlacement" | "loadUserOptions" | "onDialogOpen" | "onDialogClose" | "onUserSelectionChange" | "renderCustomTriggerButton" | "shareContentType" | "shareContentSubType" | "shareFormTitle" | "shareFormHelperMessage" | "showFlags" | "loggedInAccountId" | "triggerButtonAppearance" | "triggerButtonIcon" | "triggerButtonStyle" | "triggerButtonTooltipPosition" | "triggerButtonTooltipText" | "cloudId" | "bottomMessage" | "customFooter" | "isCopyDisabled" | "isPublicLink" | "integrationMode" | "shareFieldsFooter" | "shareIntegrations" | "shareAri" | "tabIndex" | "copyTooltipText" | "dialogZIndex" | "orgId" | "isBrowseUsersDisabled" | "shareClient" | "urlShortenerClient" | "shortLinkData" | "formatCopyLink" | "originTracingFactory" | "productId" | "shareLink" | "shareTitle" | "useUrlShortener"> & Partial<Pick<Omit<WithAnalyticsEventsProps & ShareDialogContainerProps, keyof WithAnalyticsEventsProps>, "enableSmartUserPicker" | "product" | "shareeAction">> & Partial<Pick<{
+export declare const ShareDialogContainer: React.ForwardRefExoticComponent<Pick<Omit<WithAnalyticsEventsProps & ShareDialogContainerProps, keyof WithAnalyticsEventsProps>, "onTriggerButtonClick" | "isAutoOpenDialog" | "shouldCloseOnEscapePress" | "dialogPlacement" | "loadUserOptions" | "onDialogOpen" | "onDialogClose" | "onUserSelectionChange" | "renderCustomTriggerButton" | "shareContentType" | "shareContentSubType" | "shareContentId" | "shareFormTitle" | "shareFormHelperMessage" | "showFlags" | "loggedInAccountId" | "triggerButtonAppearance" | "triggerButtonIcon" | "triggerButtonStyle" | "triggerButtonTooltipPosition" | "triggerButtonTooltipText" | "cloudId" | "bottomMessage" | "customFooter" | "isCopyDisabled" | "isPublicLink" | "integrationMode" | "shareFieldsFooter" | "shareIntegrations" | "shareAri" | "tabIndex" | "copyTooltipText" | "dialogZIndex" | "orgId" | "isBrowseUsersDisabled" | "shareClient" | "urlShortenerClient" | "shortLinkData" | "formatCopyLink" | "originTracingFactory" | "productId" | "shareLink" | "shareTitle" | "useUrlShortener"> & Partial<Pick<Omit<WithAnalyticsEventsProps & ShareDialogContainerProps, keyof WithAnalyticsEventsProps>, "enableSmartUserPicker" | "product" | "shareeAction">> & Partial<Pick<{
     enableSmartUserPicker: boolean;
     shareeAction: "view" | "edit";
     product: string;

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

@@ -15,5 +15,21 @@ export declare const shareTabClicked: (subjectId: TabSubjectIdType, shareContent
 export declare const cancelShare: (start: number) => AnalyticsEventPayload;
 export declare const shortUrlRequested: () => AnalyticsEventPayload;
 export declare const shortUrlGenerated: (start: number, tooSlow: boolean) => AnalyticsEventPayload;
-export declare const copyLinkButtonClicked: (start: number, shareContentType?: string, shareOrigin?: OriginTracing, isPublicLink?: boolean, ari?: string) => AnalyticsEventPayload;
-export declare const formShareSubmitted: (start: number, data: DialogContentState, shareContentType?: string, shareOrigin?: OriginTracing, isPublicLink?: boolean, shareContentSubType?: string) => AnalyticsEventPayload;
+export declare const copyLinkButtonClicked: ({ start, shareContentType, shareContentSubType, shareContentId, shareOrigin, isPublicLink, ari, }: {
+    start: number;
+    shareContentType?: string | undefined;
+    shareContentSubType?: string | undefined;
+    shareContentId?: string | undefined;
+    shareOrigin?: OriginTracing | undefined;
+    isPublicLink?: boolean | undefined;
+    ari?: string | undefined;
+}) => AnalyticsEventPayload;
+export declare const formShareSubmitted: ({ start, data, shareContentType, shareContentSubType, shareContentId, shareOrigin, isPublicLink, }: {
+    start: number;
+    data: DialogContentState;
+    shareContentType?: string | undefined;
+    shareContentSubType?: string | undefined;
+    shareContentId?: string | undefined;
+    shareOrigin?: OriginTracing | undefined;
+    isPublicLink?: boolean | undefined;
+}) => AnalyticsEventPayload;

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

@@ -75,6 +75,8 @@ export type ShareDialogContainerProps = {
     /** Content SubType of the resource to be shared. Optional. */
     /** embed */
     shareContentSubType?: string;
+    /** Content ID of the resource to be shared. Optional. */
+    shareContentId?: string;
     /** Link of the resource to be shared (should NOT includes origin tracing).
      * Optional, the current page URL is used by default. */
     shareLink?: string;

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

@@ -19,7 +19,7 @@ export type DialogPlacement = Placement;
  * with the demo page and clearly visible options on that page.
  */
 export type DialogBoundariesElement = 'viewport' | 'window' | 'scrollParent';
-export type ShareDialogWithTriggerProps = Pick<ShareDialogContainerProps, 'onTriggerButtonClick' | 'isAutoOpenDialog' | 'shouldCloseOnEscapePress' | 'dialogPlacement' | 'loadUserOptions' | 'onDialogOpen' | 'onDialogClose' | 'onUserSelectionChange' | 'renderCustomTriggerButton' | 'shareContentType' | 'shareContentSubType' | 'shareFormTitle' | 'shareFormHelperMessage' | 'showFlags' | 'enableSmartUserPicker' | 'loggedInAccountId' | 'triggerButtonAppearance' | 'triggerButtonIcon' | 'triggerButtonStyle' | 'triggerButtonTooltipPosition' | 'triggerButtonTooltipText' | 'cloudId' | 'bottomMessage' | 'product' | 'customFooter' | 'isCopyDisabled' | 'isPublicLink' | 'integrationMode' | 'shareFieldsFooter' | 'shareIntegrations' | 'shareAri' | 'tabIndex' | 'copyTooltipText' | 'dialogZIndex' | 'orgId' | 'isBrowseUsersDisabled'> & {
+export type ShareDialogWithTriggerProps = Pick<ShareDialogContainerProps, 'onTriggerButtonClick' | 'isAutoOpenDialog' | 'shouldCloseOnEscapePress' | 'dialogPlacement' | 'loadUserOptions' | 'onDialogOpen' | 'onDialogClose' | 'onUserSelectionChange' | 'renderCustomTriggerButton' | 'shareContentType' | 'shareContentSubType' | 'shareContentId' | 'shareFormTitle' | 'shareFormHelperMessage' | 'showFlags' | 'enableSmartUserPicker' | 'loggedInAccountId' | 'triggerButtonAppearance' | 'triggerButtonIcon' | 'triggerButtonStyle' | 'triggerButtonTooltipPosition' | 'triggerButtonTooltipText' | 'cloudId' | 'bottomMessage' | 'product' | 'customFooter' | 'isCopyDisabled' | 'isPublicLink' | 'integrationMode' | 'shareFieldsFooter' | 'shareIntegrations' | 'shareAri' | 'tabIndex' | 'copyTooltipText' | 'dialogZIndex' | 'orgId' | 'isBrowseUsersDisabled'> & {
     config?: ConfigResponse;
     isFetchingConfig?: boolean;
     children?: RenderCustomTriggerButton;

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

@@ -50,7 +50,7 @@ export declare class ShareDialogContainerInternal extends React.Component<WithAn
     getFormShareLink: () => string;
     render(): JSX.Element;
 }
-export declare const ShareDialogContainer: React.ForwardRefExoticComponent<Pick<Omit<WithAnalyticsEventsProps & ShareDialogContainerProps, keyof WithAnalyticsEventsProps>, "onTriggerButtonClick" | "isAutoOpenDialog" | "shouldCloseOnEscapePress" | "dialogPlacement" | "loadUserOptions" | "onDialogOpen" | "onDialogClose" | "onUserSelectionChange" | "renderCustomTriggerButton" | "shareContentType" | "shareContentSubType" | "shareFormTitle" | "shareFormHelperMessage" | "showFlags" | "loggedInAccountId" | "triggerButtonAppearance" | "triggerButtonIcon" | "triggerButtonStyle" | "triggerButtonTooltipPosition" | "triggerButtonTooltipText" | "cloudId" | "bottomMessage" | "customFooter" | "isCopyDisabled" | "isPublicLink" | "integrationMode" | "shareFieldsFooter" | "shareIntegrations" | "shareAri" | "tabIndex" | "copyTooltipText" | "dialogZIndex" | "orgId" | "isBrowseUsersDisabled" | "shareClient" | "urlShortenerClient" | "shortLinkData" | "formatCopyLink" | "originTracingFactory" | "productId" | "shareLink" | "shareTitle" | "useUrlShortener"> & Partial<Pick<Omit<WithAnalyticsEventsProps & ShareDialogContainerProps, keyof WithAnalyticsEventsProps>, "enableSmartUserPicker" | "product" | "shareeAction">> & Partial<Pick<{
+export declare const ShareDialogContainer: React.ForwardRefExoticComponent<Pick<Omit<WithAnalyticsEventsProps & ShareDialogContainerProps, keyof WithAnalyticsEventsProps>, "onTriggerButtonClick" | "isAutoOpenDialog" | "shouldCloseOnEscapePress" | "dialogPlacement" | "loadUserOptions" | "onDialogOpen" | "onDialogClose" | "onUserSelectionChange" | "renderCustomTriggerButton" | "shareContentType" | "shareContentSubType" | "shareContentId" | "shareFormTitle" | "shareFormHelperMessage" | "showFlags" | "loggedInAccountId" | "triggerButtonAppearance" | "triggerButtonIcon" | "triggerButtonStyle" | "triggerButtonTooltipPosition" | "triggerButtonTooltipText" | "cloudId" | "bottomMessage" | "customFooter" | "isCopyDisabled" | "isPublicLink" | "integrationMode" | "shareFieldsFooter" | "shareIntegrations" | "shareAri" | "tabIndex" | "copyTooltipText" | "dialogZIndex" | "orgId" | "isBrowseUsersDisabled" | "shareClient" | "urlShortenerClient" | "shortLinkData" | "formatCopyLink" | "originTracingFactory" | "productId" | "shareLink" | "shareTitle" | "useUrlShortener"> & Partial<Pick<Omit<WithAnalyticsEventsProps & ShareDialogContainerProps, keyof WithAnalyticsEventsProps>, "enableSmartUserPicker" | "product" | "shareeAction">> & Partial<Pick<{
     enableSmartUserPicker: boolean;
     shareeAction: "view" | "edit";
     product: string;

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

@@ -15,5 +15,21 @@ export declare const shareTabClicked: (subjectId: TabSubjectIdType, shareContent
 export declare const cancelShare: (start: number) => AnalyticsEventPayload;
 export declare const shortUrlRequested: () => AnalyticsEventPayload;
 export declare const shortUrlGenerated: (start: number, tooSlow: boolean) => AnalyticsEventPayload;
-export declare const copyLinkButtonClicked: (start: number, shareContentType?: string, shareOrigin?: OriginTracing, isPublicLink?: boolean, ari?: string) => AnalyticsEventPayload;
-export declare const formShareSubmitted: (start: number, data: DialogContentState, shareContentType?: string, shareOrigin?: OriginTracing, isPublicLink?: boolean, shareContentSubType?: string) => AnalyticsEventPayload;
+export declare const copyLinkButtonClicked: ({ start, shareContentType, shareContentSubType, shareContentId, shareOrigin, isPublicLink, ari, }: {
+    start: number;
+    shareContentType?: string | undefined;
+    shareContentSubType?: string | undefined;
+    shareContentId?: string | undefined;
+    shareOrigin?: OriginTracing | undefined;
+    isPublicLink?: boolean | undefined;
+    ari?: string | undefined;
+}) => AnalyticsEventPayload;
+export declare const formShareSubmitted: ({ start, data, shareContentType, shareContentSubType, shareContentId, shareOrigin, isPublicLink, }: {
+    start: number;
+    data: DialogContentState;
+    shareContentType?: string | undefined;
+    shareContentSubType?: string | undefined;
+    shareContentId?: string | undefined;
+    shareOrigin?: OriginTracing | undefined;
+    isPublicLink?: boolean | undefined;
+}) => AnalyticsEventPayload;

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

@@ -75,6 +75,8 @@ export type ShareDialogContainerProps = {
     /** Content SubType of the resource to be shared. Optional. */
     /** embed */
     shareContentSubType?: string;
+    /** Content ID of the resource to be shared. Optional. */
+    shareContentId?: string;
     /** Link of the resource to be shared (should NOT includes origin tracing).
      * Optional, the current page URL is used by default. */
     shareLink?: string;

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

@@ -19,7 +19,7 @@ export type DialogPlacement = Placement;
  * with the demo page and clearly visible options on that page.
  */
 export type DialogBoundariesElement = 'viewport' | 'window' | 'scrollParent';
-export type ShareDialogWithTriggerProps = Pick<ShareDialogContainerProps, 'onTriggerButtonClick' | 'isAutoOpenDialog' | 'shouldCloseOnEscapePress' | 'dialogPlacement' | 'loadUserOptions' | 'onDialogOpen' | 'onDialogClose' | 'onUserSelectionChange' | 'renderCustomTriggerButton' | 'shareContentType' | 'shareContentSubType' | 'shareFormTitle' | 'shareFormHelperMessage' | 'showFlags' | 'enableSmartUserPicker' | 'loggedInAccountId' | 'triggerButtonAppearance' | 'triggerButtonIcon' | 'triggerButtonStyle' | 'triggerButtonTooltipPosition' | 'triggerButtonTooltipText' | 'cloudId' | 'bottomMessage' | 'product' | 'customFooter' | 'isCopyDisabled' | 'isPublicLink' | 'integrationMode' | 'shareFieldsFooter' | 'shareIntegrations' | 'shareAri' | 'tabIndex' | 'copyTooltipText' | 'dialogZIndex' | 'orgId' | 'isBrowseUsersDisabled'> & {
+export type ShareDialogWithTriggerProps = Pick<ShareDialogContainerProps, 'onTriggerButtonClick' | 'isAutoOpenDialog' | 'shouldCloseOnEscapePress' | 'dialogPlacement' | 'loadUserOptions' | 'onDialogOpen' | 'onDialogClose' | 'onUserSelectionChange' | 'renderCustomTriggerButton' | 'shareContentType' | 'shareContentSubType' | 'shareContentId' | 'shareFormTitle' | 'shareFormHelperMessage' | 'showFlags' | 'enableSmartUserPicker' | 'loggedInAccountId' | 'triggerButtonAppearance' | 'triggerButtonIcon' | 'triggerButtonStyle' | 'triggerButtonTooltipPosition' | 'triggerButtonTooltipText' | 'cloudId' | 'bottomMessage' | 'product' | 'customFooter' | 'isCopyDisabled' | 'isPublicLink' | 'integrationMode' | 'shareFieldsFooter' | 'shareIntegrations' | 'shareAri' | 'tabIndex' | 'copyTooltipText' | 'dialogZIndex' | 'orgId' | 'isBrowseUsersDisabled'> & {
     config?: ConfigResponse;
     isFetchingConfig?: boolean;
     children?: RenderCustomTriggerButton;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/share",
-  "version": "4.5.3",
+  "version": "4.6.0",
   "description": "Fabric Share Element",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -47,9 +47,9 @@
     "@atlaskit/popup": "^1.11.0",
     "@atlaskit/portal": "^4.4.0",
     "@atlaskit/smart-user-picker": "^6.3.0",
-    "@atlaskit/spinner": "^15.6.0",
-    "@atlaskit/tabs": "^13.4.0",
-    "@atlaskit/textarea": "^4.7.0",
+    "@atlaskit/spinner": "^16.0.0",
+    "@atlaskit/tabs": "^14.0.0",
+    "@atlaskit/textarea": "^5.0.0",
     "@atlaskit/theme": "^12.6.0",
     "@atlaskit/tokens": "^1.28.0",
     "@atlaskit/tooltip": "^18.0.0",

package/report.api.md

@@ -254,6 +254,7 @@ export const ShareDialogContainer: React_2.ForwardRefExoticComponent<
     | 'renderCustomTriggerButton'
     | 'shareAri'
     | 'shareClient'
+    | 'shareContentId'
     | 'shareContentSubType'
     | 'shareContentType'
     | 'shareFieldsFooter'
@@ -317,6 +318,7 @@ export type ShareDialogContainerProps = {
   shareAri: string;
   shareContentType: string;
   shareContentSubType?: string;
+  shareContentId?: string;
   shareLink?: string;
   shareTitle: string;
   shareFormTitle?: React.ReactNode;

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

@@ -189,7 +189,7 @@ export type ShareContentState = {
 };
 
 // @public (undocumented)
-export const ShareDialogContainer: React_2.ForwardRefExoticComponent<Pick<Omit<WithAnalyticsEventsProps & ShareDialogContainerProps, keyof WithAnalyticsEventsProps>, "bottomMessage" | "cloudId" | "copyTooltipText" | "customFooter" | "dialogPlacement" | "dialogZIndex" | "formatCopyLink" | "integrationMode" | "isAutoOpenDialog" | "isBrowseUsersDisabled" | "isCopyDisabled" | "isPublicLink" | "loadUserOptions" | "loggedInAccountId" | "onDialogClose" | "onDialogOpen" | "onTriggerButtonClick" | "onUserSelectionChange" | "orgId" | "originTracingFactory" | "productId" | "renderCustomTriggerButton" | "shareAri" | "shareClient" | "shareContentSubType" | "shareContentType" | "shareFieldsFooter" | "shareFormHelperMessage" | "shareFormTitle" | "shareIntegrations" | "shareLink" | "shareTitle" | "shortLinkData" | "shouldCloseOnEscapePress" | "showFlags" | "tabIndex" | "triggerButtonAppearance" | "triggerButtonIcon" | "triggerButtonStyle" | "triggerButtonTooltipPosition" | "triggerButtonTooltipText" | "urlShortenerClient" | "useUrlShortener"> & Partial<Pick<Omit<WithAnalyticsEventsProps & ShareDialogContainerProps, keyof WithAnalyticsEventsProps>, "enableSmartUserPicker" | "product" | "shareeAction">> & Partial<Pick<{
+export const ShareDialogContainer: React_2.ForwardRefExoticComponent<Pick<Omit<WithAnalyticsEventsProps & ShareDialogContainerProps, keyof WithAnalyticsEventsProps>, "bottomMessage" | "cloudId" | "copyTooltipText" | "customFooter" | "dialogPlacement" | "dialogZIndex" | "formatCopyLink" | "integrationMode" | "isAutoOpenDialog" | "isBrowseUsersDisabled" | "isCopyDisabled" | "isPublicLink" | "loadUserOptions" | "loggedInAccountId" | "onDialogClose" | "onDialogOpen" | "onTriggerButtonClick" | "onUserSelectionChange" | "orgId" | "originTracingFactory" | "productId" | "renderCustomTriggerButton" | "shareAri" | "shareClient" | "shareContentId" | "shareContentSubType" | "shareContentType" | "shareFieldsFooter" | "shareFormHelperMessage" | "shareFormTitle" | "shareIntegrations" | "shareLink" | "shareTitle" | "shortLinkData" | "shouldCloseOnEscapePress" | "showFlags" | "tabIndex" | "triggerButtonAppearance" | "triggerButtonIcon" | "triggerButtonStyle" | "triggerButtonTooltipPosition" | "triggerButtonTooltipText" | "urlShortenerClient" | "useUrlShortener"> & Partial<Pick<Omit<WithAnalyticsEventsProps & ShareDialogContainerProps, keyof WithAnalyticsEventsProps>, "enableSmartUserPicker" | "product" | "shareeAction">> & Partial<Pick<{
     enableSmartUserPicker: boolean;
     shareeAction: "edit" | "view";
     product: string;
@@ -216,6 +216,7 @@ export type ShareDialogContainerProps = {
     shareAri: string;
     shareContentType: string;
     shareContentSubType?: string;
+    shareContentId?: string;
     shareLink?: string;
     shareTitle: string;
     shareFormTitle?: React.ReactNode;