@atlaskit/share 4.20.9 → 4.21.0

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @atlaskit/share
 
+## 4.21.0
+
+### Minor Changes
+
+- [#162409](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/162409)
+  [`ae63cc5942832`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/ae63cc5942832) -
+  [ux] Added additional tab prop
+
 ## 4.20.9
 
 ### Patch Changes

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

@@ -61,6 +61,7 @@ function LazyShareForm(props) {
     copyTooltipText = props.copyTooltipText,
     shareIntegrations = props.shareIntegrations,
     integrationMode = props.integrationMode,
+    additionalTabs = props.additionalTabs,
     isMenuItemSelected = props.isMenuItemSelected,
     onLinkCopy = props.onLinkCopy,
     onDismiss = props.onDismiss,
@@ -122,6 +123,7 @@ function LazyShareForm(props) {
     copyTooltipText: copyTooltipText,
     integrationMode: integrationMode,
     shareIntegrations: shareIntegrations,
+    additionalTabs: additionalTabs,
     isSharing: isSharing,
     isFetchingConfig: isFetchingConfig,
     isPublicLink: isPublicLink,

package/dist/cjs/components/ShareDialogContainer.js

@@ -353,6 +353,7 @@ var ShareDialogContainerInternal = exports.ShareDialogContainerInternal = /*#__P
         isPublicLink = _this$props2.isPublicLink,
         integrationMode = _this$props2.integrationMode,
         shareIntegrations = _this$props2.shareIntegrations,
+        additionalTabs = _this$props2.additionalTabs,
         shareAri = _this$props2.shareAri,
         tabIndex = _this$props2.tabIndex,
         copyTooltipText = _this$props2.copyTooltipText,
@@ -408,7 +409,8 @@ var ShareDialogContainerInternal = exports.ShareDialogContainerInternal = /*#__P
         copyTooltipText: copyTooltipText,
         onDialogClose: onDialogClose,
         isBrowseUsersDisabled: isBrowseUsersDisabled,
-        userPickerOptions: userPickerOptions
+        userPickerOptions: userPickerOptions,
+        additionalTabs: additionalTabs
       })));
     }
   }]);

package/dist/cjs/components/ShareDialogWithTrigger.js

@@ -556,6 +556,7 @@ var ShareDialogWithTriggerInternal = exports.ShareDialogWithTriggerInternal = /*
         copyTooltipText = _this$props7.copyTooltipText,
         integrationMode = _this$props7.integrationMode,
         shareIntegrations = _this$props7.shareIntegrations,
+        additionalTabs = _this$props7.additionalTabs,
         isBrowseUsersDisabled = _this$props7.isBrowseUsersDisabled,
         userPickerOptions = _this$props7.userPickerOptions;
       var style = typeof tabIndex !== 'undefined' && tabIndex >= 0 ? {
@@ -605,6 +606,7 @@ var ShareDialogWithTriggerInternal = exports.ShareDialogWithTriggerInternal = /*
             copyTooltipText: copyTooltipText,
             integrationMode: integrationMode,
             shareIntegrations: shareIntegrations,
+            additionalTabs: additionalTabs,
             isMenuItemSelected: isMenuItemSelected
             // actions
             ,

package/dist/cjs/components/ShareForm.js

@@ -23,6 +23,7 @@ var _form = _interopRequireWildcard(require("@atlaskit/form"));
 var _email = _interopRequireDefault(require("@atlaskit/icon/core/migration/email"));
 var _error = _interopRequireDefault(require("@atlaskit/icon/core/migration/error"));
 var _menu = require("@atlaskit/menu");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _primitives = require("@atlaskit/primitives");
 var _tabs = _interopRequireWildcard(require("@atlaskit/tabs"));
 var _colors = require("@atlaskit/theme/colors");
@@ -283,6 +284,7 @@ var InternalForm = /*#__PURE__*/function (_React$PureComponent) {
         _this$props7$integrat = _this$props7.integrationMode,
         integrationMode = _this$props7$integrat === void 0 ? 'off' : _this$props7$integrat,
         shareIntegrations = _this$props7.shareIntegrations,
+        additionalTabs = _this$props7.additionalTabs,
         handleCloseDialog = _this$props7.handleCloseDialog;
       var selectedMenuItem = this.state.selectedMenuItem;
       if (integrationMode === 'off' || !shareIntegrations || !shareIntegrations.length) {
@@ -335,7 +337,11 @@ var InternalForm = /*#__PURE__*/function (_React$PureComponent) {
           css: integrationWrapperStyles
         }, (0, _react2.jsx)("span", {
           css: integrationIconWrapperStyles
-        }, (0, _react2.jsx)(firstIntegration.Icon, null)), integrationTabText(firstIntegration.type)))), (0, _react2.jsx)(_tabs.TabPanel, {
+        }, (0, _react2.jsx)(firstIntegration.Icon, null)), integrationTabText(firstIntegration.type))), (0, _platformFeatureFlags.fg)('smart_links_for_plans_platform') && (additionalTabs === null || additionalTabs === void 0 ? void 0 : additionalTabs.map(function (tab) {
+          return (0, _react2.jsx)(_tabs.Tab, {
+            key: "share-tab-".concat(tab.label)
+          }, tab.label);
+        }))), (0, _react2.jsx)(_tabs.TabPanel, {
           key: "share-tabPanel-default"
         }, (0, _react2.jsx)("div", {
           css: formWrapperStyles
@@ -353,7 +359,19 @@ var InternalForm = /*#__PURE__*/function (_React$PureComponent) {
             return handleCloseDialog === null || handleCloseDialog === void 0 ? void 0 : handleCloseDialog();
           },
           changeTab: this.changeTab
-        })))));
+        })))), (0, _platformFeatureFlags.fg)('smart_links_for_plans_platform') && (additionalTabs === null || additionalTabs === void 0 ? void 0 : additionalTabs.map(function (tab) {
+          return (0, _react2.jsx)(_tabs.TabPanel, {
+            key: "share-tabPanel-".concat(tab.label)
+          }, (0, _react2.jsx)("div", {
+            css: formWrapperStyles
+          }, (0, _react2.jsx)(_IntegrationForm.IntegrationForm, {
+            Content: tab.Content,
+            onIntegrationClose: function onIntegrationClose() {
+              return handleCloseDialog === null || handleCloseDialog === void 0 ? void 0 : handleCloseDialog();
+            },
+            changeTab: _this2.changeTab
+          })));
+        })));
       }
       return this.renderShareForm();
     }

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.20.9"
+    packageVersion: "4.21.0"
   }, attributes);
 };
 var createEvent = function createEvent(eventType, source, action, actionSubject, actionSubjectId) {

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

@@ -53,6 +53,7 @@ function LazyShareForm(props) {
     copyTooltipText,
     shareIntegrations,
     integrationMode,
+    additionalTabs,
     isMenuItemSelected,
     // actions
     onLinkCopy,
@@ -118,6 +119,7 @@ function LazyShareForm(props) {
     copyTooltipText: copyTooltipText,
     integrationMode: integrationMode,
     shareIntegrations: shareIntegrations,
+    additionalTabs: additionalTabs,
     isSharing: isSharing,
     isFetchingConfig: isFetchingConfig,
     isPublicLink: isPublicLink,

package/dist/es2019/components/ShareDialogContainer.js

@@ -299,6 +299,7 @@ export class ShareDialogContainerInternal extends React.Component {
       isPublicLink,
       integrationMode,
       shareIntegrations,
+      additionalTabs,
       shareAri,
       tabIndex,
       copyTooltipText,
@@ -356,7 +357,8 @@ export class ShareDialogContainerInternal extends React.Component {
       copyTooltipText: copyTooltipText,
       onDialogClose: onDialogClose,
       isBrowseUsersDisabled: isBrowseUsersDisabled,
-      userPickerOptions: userPickerOptions
+      userPickerOptions: userPickerOptions,
+      additionalTabs: additionalTabs
     })));
   }
 }

package/dist/es2019/components/ShareDialogWithTrigger.js

@@ -502,6 +502,7 @@ export class ShareDialogWithTriggerInternal extends React.PureComponent {
       copyTooltipText,
       integrationMode,
       shareIntegrations,
+      additionalTabs,
       isBrowseUsersDisabled,
       userPickerOptions
     } = this.props;
@@ -551,6 +552,7 @@ export class ShareDialogWithTriggerInternal extends React.PureComponent {
         copyTooltipText: copyTooltipText,
         integrationMode: integrationMode,
         shareIntegrations: shareIntegrations,
+        additionalTabs: additionalTabs,
         isMenuItemSelected: isMenuItemSelected
         // actions
         ,

package/dist/es2019/components/ShareForm.js

@@ -15,6 +15,7 @@ import Form, { RequiredAsterisk } from '@atlaskit/form';
 import EmailIcon from '@atlaskit/icon/core/migration/email';
 import ErrorIcon from '@atlaskit/icon/core/migration/error';
 import { MenuGroup } from '@atlaskit/menu';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { Box, xcss } from '@atlaskit/primitives';
 import Tabs, { Tab, TabList, TabPanel } from '@atlaskit/tabs';
 import { N300, R400 } from '@atlaskit/theme/colors';
@@ -261,6 +262,7 @@ class InternalForm extends React.PureComponent {
     const {
       integrationMode = 'off',
       shareIntegrations,
+      additionalTabs,
       handleCloseDialog
     } = this.props;
     const {
@@ -310,7 +312,9 @@ class InternalForm extends React.PureComponent {
         css: integrationWrapperStyles
       }, jsx("span", {
         css: integrationIconWrapperStyles
-      }, jsx(firstIntegration.Icon, null)), integrationTabText(firstIntegration.type)))), jsx(TabPanel, {
+      }, jsx(firstIntegration.Icon, null)), integrationTabText(firstIntegration.type))), fg('smart_links_for_plans_platform') && (additionalTabs === null || additionalTabs === void 0 ? void 0 : additionalTabs.map(tab => jsx(Tab, {
+        key: `share-tab-${tab.label}`
+      }, tab.label)))), jsx(TabPanel, {
         key: `share-tabPanel-default`
       }, jsx("div", {
         css: formWrapperStyles
@@ -326,7 +330,15 @@ class InternalForm extends React.PureComponent {
         Content: firstIntegration.Content,
         onIntegrationClose: () => handleCloseDialog === null || handleCloseDialog === void 0 ? void 0 : handleCloseDialog(),
         changeTab: this.changeTab
-      })))));
+      })))), fg('smart_links_for_plans_platform') && (additionalTabs === null || additionalTabs === void 0 ? void 0 : additionalTabs.map(tab => jsx(TabPanel, {
+        key: `share-tabPanel-${tab.label}`
+      }, jsx("div", {
+        css: formWrapperStyles
+      }, jsx(IntegrationForm, {
+        Content: tab.Content,
+        onIntegrationClose: () => handleCloseDialog === null || handleCloseDialog === void 0 ? void 0 : handleCloseDialog(),
+        changeTab: this.changeTab
+      }))))));
     }
     return this.renderShareForm();
   }

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

@@ -1,7 +1,7 @@
 import { isEmail, isExternalUser, isGroup, isTeam, isUser } from '@atlaskit/smart-user-picker';
 const buildAttributes = (attributes = {}) => ({
   packageName: "@atlaskit/share",
-  packageVersion: "4.20.9",
+  packageVersion: "4.21.0",
   ...attributes
 });
 const createEvent = (eventType, source, action, actionSubject, actionSubjectId, attributes = {}) => ({

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

@@ -52,6 +52,7 @@ function LazyShareForm(props) {
     copyTooltipText = props.copyTooltipText,
     shareIntegrations = props.shareIntegrations,
     integrationMode = props.integrationMode,
+    additionalTabs = props.additionalTabs,
     isMenuItemSelected = props.isMenuItemSelected,
     onLinkCopy = props.onLinkCopy,
     onDismiss = props.onDismiss,
@@ -113,6 +114,7 @@ function LazyShareForm(props) {
     copyTooltipText: copyTooltipText,
     integrationMode: integrationMode,
     shareIntegrations: shareIntegrations,
+    additionalTabs: additionalTabs,
     isSharing: isSharing,
     isFetchingConfig: isFetchingConfig,
     isPublicLink: isPublicLink,

package/dist/esm/components/ShareDialogContainer.js

@@ -346,6 +346,7 @@ export var ShareDialogContainerInternal = /*#__PURE__*/function (_React$Componen
         isPublicLink = _this$props2.isPublicLink,
         integrationMode = _this$props2.integrationMode,
         shareIntegrations = _this$props2.shareIntegrations,
+        additionalTabs = _this$props2.additionalTabs,
         shareAri = _this$props2.shareAri,
         tabIndex = _this$props2.tabIndex,
         copyTooltipText = _this$props2.copyTooltipText,
@@ -401,7 +402,8 @@ export var ShareDialogContainerInternal = /*#__PURE__*/function (_React$Componen
         copyTooltipText: copyTooltipText,
         onDialogClose: onDialogClose,
         isBrowseUsersDisabled: isBrowseUsersDisabled,
-        userPickerOptions: userPickerOptions
+        userPickerOptions: userPickerOptions,
+        additionalTabs: additionalTabs
       })));
     }
   }]);

package/dist/esm/components/ShareDialogWithTrigger.js

@@ -555,6 +555,7 @@ export var ShareDialogWithTriggerInternal = /*#__PURE__*/function (_React$PureCo
         copyTooltipText = _this$props7.copyTooltipText,
         integrationMode = _this$props7.integrationMode,
         shareIntegrations = _this$props7.shareIntegrations,
+        additionalTabs = _this$props7.additionalTabs,
         isBrowseUsersDisabled = _this$props7.isBrowseUsersDisabled,
         userPickerOptions = _this$props7.userPickerOptions;
       var style = typeof tabIndex !== 'undefined' && tabIndex >= 0 ? {
@@ -604,6 +605,7 @@ export var ShareDialogWithTriggerInternal = /*#__PURE__*/function (_React$PureCo
             copyTooltipText: copyTooltipText,
             integrationMode: integrationMode,
             shareIntegrations: shareIntegrations,
+            additionalTabs: additionalTabs,
             isMenuItemSelected: isMenuItemSelected
             // actions
             ,

package/dist/esm/components/ShareForm.js

@@ -25,6 +25,7 @@ import Form, { RequiredAsterisk } from '@atlaskit/form';
 import EmailIcon from '@atlaskit/icon/core/migration/email';
 import ErrorIcon from '@atlaskit/icon/core/migration/error';
 import { MenuGroup } from '@atlaskit/menu';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { Box, xcss } from '@atlaskit/primitives';
 import Tabs, { Tab, TabList, TabPanel } from '@atlaskit/tabs';
 import { N300, R400 } from '@atlaskit/theme/colors';
@@ -276,6 +277,7 @@ var InternalForm = /*#__PURE__*/function (_React$PureComponent) {
         _this$props7$integrat = _this$props7.integrationMode,
         integrationMode = _this$props7$integrat === void 0 ? 'off' : _this$props7$integrat,
         shareIntegrations = _this$props7.shareIntegrations,
+        additionalTabs = _this$props7.additionalTabs,
         handleCloseDialog = _this$props7.handleCloseDialog;
       var selectedMenuItem = this.state.selectedMenuItem;
       if (integrationMode === 'off' || !shareIntegrations || !shareIntegrations.length) {
@@ -328,7 +330,11 @@ var InternalForm = /*#__PURE__*/function (_React$PureComponent) {
           css: integrationWrapperStyles
         }, jsx("span", {
           css: integrationIconWrapperStyles
-        }, jsx(firstIntegration.Icon, null)), integrationTabText(firstIntegration.type)))), jsx(TabPanel, {
+        }, jsx(firstIntegration.Icon, null)), integrationTabText(firstIntegration.type))), fg('smart_links_for_plans_platform') && (additionalTabs === null || additionalTabs === void 0 ? void 0 : additionalTabs.map(function (tab) {
+          return jsx(Tab, {
+            key: "share-tab-".concat(tab.label)
+          }, tab.label);
+        }))), jsx(TabPanel, {
           key: "share-tabPanel-default"
         }, jsx("div", {
           css: formWrapperStyles
@@ -346,7 +352,19 @@ var InternalForm = /*#__PURE__*/function (_React$PureComponent) {
             return handleCloseDialog === null || handleCloseDialog === void 0 ? void 0 : handleCloseDialog();
           },
           changeTab: this.changeTab
-        })))));
+        })))), fg('smart_links_for_plans_platform') && (additionalTabs === null || additionalTabs === void 0 ? void 0 : additionalTabs.map(function (tab) {
+          return jsx(TabPanel, {
+            key: "share-tabPanel-".concat(tab.label)
+          }, jsx("div", {
+            css: formWrapperStyles
+          }, jsx(IntegrationForm, {
+            Content: tab.Content,
+            onIntegrationClose: function onIntegrationClose() {
+              return handleCloseDialog === null || handleCloseDialog === void 0 ? void 0 : handleCloseDialog();
+            },
+            changeTab: _this2.changeTab
+          })));
+        })));
       }
       return this.renderShareForm();
     }

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.20.9"
+    packageVersion: "4.21.0"
   }, attributes);
 };
 var createEvent = function createEvent(eventType, source, action, actionSubject, actionSubjectId) {

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

@@ -4,10 +4,10 @@
  */
 import React from 'react';
 import { jsx } from '@emotion/react';
-import { type IntegrationContentProps } from '../types';
+import { type ContentProps } from '../types';
 export declare const formWrapperStyle: import("@emotion/react").SerializedStyles;
 export type IntegrationFormProps = {
-    Content: React.ComponentType<IntegrationContentProps> | null;
+    Content: React.ComponentType<ContentProps> | null;
     onIntegrationClose?: () => void;
     changeTab?: (index: number) => void;
 };

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

@@ -2,7 +2,7 @@ import { jsx } from '@emotion/react';
 import type { LoadOptions } from '@atlaskit/smart-user-picker';
 import type { MenuType, ShareData, ShareDialogWithTriggerProps, ShareDialogWithTriggerStates } from '../../types';
 import { type IntegrationFormProps } from '../IntegrationForm';
-export type LazyShareFormProps = Pick<ShareDialogWithTriggerProps, 'copyLink' | 'config' | 'isFetchingConfig' | 'loadUserOptions' | 'shareFormTitle' | 'shareFormHelperMessage' | 'bottomMessage' | 'submitButtonLabel' | 'product' | 'productAttributes' | 'customFooter' | 'enableSmartUserPicker' | 'loggedInAccountId' | 'cloudId' | 'shareFieldsFooter' | 'onUserSelectionChange' | 'isPublicLink' | 'copyTooltipText' | 'shareIntegrations' | 'integrationMode' | 'onDialogClose' | 'orgId' | 'isBrowseUsersDisabled' | 'userPickerOptions' | 'isMenuItemSelected'> & Pick<ShareDialogWithTriggerStates, 'showIntegrationForm' | 'selectedIntegration' | 'isSharing' | 'shareError' | 'defaultValue'> & Pick<IntegrationFormProps, 'Content'> & {
+export type LazyShareFormProps = Pick<ShareDialogWithTriggerProps, 'copyLink' | 'config' | 'isFetchingConfig' | 'loadUserOptions' | 'shareFormTitle' | 'shareFormHelperMessage' | 'bottomMessage' | 'submitButtonLabel' | 'product' | 'productAttributes' | 'customFooter' | 'enableSmartUserPicker' | 'loggedInAccountId' | 'cloudId' | 'shareFieldsFooter' | 'onUserSelectionChange' | 'isPublicLink' | 'copyTooltipText' | 'shareIntegrations' | 'additionalTabs' | 'integrationMode' | 'onDialogClose' | 'orgId' | 'isBrowseUsersDisabled' | 'userPickerOptions' | 'isMenuItemSelected'> & Pick<ShareDialogWithTriggerStates, 'showIntegrationForm' | 'selectedIntegration' | 'isSharing' | 'shareError' | 'defaultValue'> & Pick<IntegrationFormProps, 'Content'> & {
     onLinkCopy: () => void;
     onDismiss: (data: ShareData) => void;
     onSubmit: (data: ShareData) => void;

package/dist/types/index.d.ts

@@ -1,4 +1,4 @@
 export { ShareDialogContainer } from './components/ShareDialogContainer';
 export { CopyLinkButton } from './components/CopyLinkButton';
 export { ADMIN_NOTIFIED, OBJECT_SHARED, } from './types';
-export type { Comment, Content, DialogContentState, DialogPlacement, Flag, FlagType, FormChildrenArgs, KeysOfType, MessageDescriptor, MetaData, OriginAnalyticAttributes, OriginTracing, OriginTracingFactory, OriginTracingForSubSequentEvents, OriginTracingWithIdGenerated, ProductId, ProductName, RenderCustomTriggerButton, ShareButtonStyle, ShareContentState, ShareError, ShareRequest, ShareResponse, ConfigResponse, TooltipPosition, User, UserWithEmail, UserWithId, ShareDialogContainerProps, } from './types';
+export type { Comment, Content, DialogContentState, DialogPlacement, Flag, FlagType, FormChildrenArgs, KeysOfType, MessageDescriptor, MetaData, OriginAnalyticAttributes, OriginTracing, OriginTracingFactory, OriginTracingForSubSequentEvents, OriginTracingWithIdGenerated, ProductId, ProductName, RenderCustomTriggerButton, ShareButtonStyle, ShareContentState, ShareError, ShareRequest, ShareResponse, ConfigResponse, TooltipPosition, User, UserWithEmail, UserWithId, ShareDialogContainerProps, AdditionalTab, Integration, ContentProps, } from './types';

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

@@ -9,7 +9,7 @@ import type { OriginTracing, OriginTracingFactory } from './OriginTracing';
 import type { ProductId, ProductName } from './Products';
 import type { ShareButtonStyle, TooltipPosition } from './ShareButton';
 import type { DialogPlacement, RenderCustomTriggerButton } from './ShareDialogWithTrigger';
-import type { Integration, IntegrationMode } from './ShareEntities';
+import type { AdditionalTab, Integration, IntegrationMode } from './ShareEntities';
 import type { UserPickerOptions } from './UserPickerOptions';
 export type ShareDialogContainerProps = {
     onTriggerButtonClick?: () => void;
@@ -147,6 +147,7 @@ export type ShareDialogContainerProps = {
     integrationMode?: IntegrationMode;
     isMenuItemSelected?: boolean;
     shareIntegrations?: Array<Integration>;
+    additionalTabs?: Array<AdditionalTab>;
     /**
      * Optionally sets a tabIndex value if you need to set focus
      */

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' | 'shareContentId' | 'shareFormTitle' | 'shareFormHelperMessage' | 'showFlags' | 'enableSmartUserPicker' | 'loggedInAccountId' | 'triggerButtonAppearance' | 'triggerButtonIcon' | 'triggerButtonStyle' | 'triggerButtonTooltipPosition' | 'triggerButtonTooltipText' | 'cloudId' | 'bottomMessage' | 'product' | 'productAttributes' | 'customFooter' | 'isCopyDisabled' | 'isPublicLink' | 'integrationMode' | 'isMenuItemSelected' | 'shareFieldsFooter' | 'shareIntegrations' | 'shareAri' | 'tabIndex' | 'copyTooltipText' | 'dialogZIndex' | 'orgId' | 'isBrowseUsersDisabled' | 'userPickerOptions'> & {
+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' | 'productAttributes' | 'customFooter' | 'isCopyDisabled' | 'isPublicLink' | 'integrationMode' | 'isMenuItemSelected' | 'shareFieldsFooter' | 'shareIntegrations' | 'additionalTabs' | 'shareAri' | 'tabIndex' | 'copyTooltipText' | 'dialogZIndex' | 'orgId' | 'isBrowseUsersDisabled' | 'userPickerOptions'> & {
     config?: ConfigResponse;
     isFetchingConfig?: boolean;
     children?: RenderCustomTriggerButton;

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

@@ -15,7 +15,7 @@ export type MetaData = {
     atlOriginId: string;
     shareeAction?: 'view' | 'edit';
 };
-export type IntegrationContentProps = {
+export type ContentProps = {
     onClose: () => void;
     changeTab?: (index: TabType) => void;
 };
@@ -27,6 +27,10 @@ export type MenuType = 'none' | 'default' | 'Slack';
 export type Integration = {
     type: string;
     Icon: React.ComponentType;
-    Content: React.ComponentType<IntegrationContentProps>;
+    Content: React.ComponentType<ContentProps>;
 };
 export type IntegrationMode = 'tabs' | 'split' | 'menu' | 'off';
+export type AdditionalTab = {
+    label: string;
+    Content: React.ComponentType<ContentProps>;
+};

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

@@ -5,7 +5,7 @@ import type { ProductName } from './Products';
 import type { ShareData, ShareError } from './ShareContentState';
 import type { ShareDialogContainerProps } from './ShareDialogContainer';
 import { type MenuType } from './ShareEntities';
-export type ShareFormProps = Pick<ShareDialogContainerProps, 'integrationMode' | 'shareIntegrations' | 'copyTooltipText' | 'isPublicLink' | 'onUserSelectionChange' | 'cloudId' | 'loggedInAccountId' | 'enableSmartUserPicker' | 'orgId' | 'isBrowseUsersDisabled' | 'userPickerOptions' | 'productAttributes'> & {
+export type ShareFormProps = Pick<ShareDialogContainerProps, 'integrationMode' | 'shareIntegrations' | 'additionalTabs' | 'copyTooltipText' | 'isPublicLink' | 'onUserSelectionChange' | 'cloudId' | 'loggedInAccountId' | 'enableSmartUserPicker' | 'orgId' | 'isBrowseUsersDisabled' | 'userPickerOptions' | 'productAttributes'> & {
     config?: ConfigResponse;
     isFetchingConfig?: boolean;
     copyLink: string;

package/dist/types/types/index.d.ts

@@ -8,7 +8,7 @@ export type { ShareButtonStyle, TooltipPosition } from './ShareButton';
 export type { ShareData, ShareData as DialogContentState, ShareContentState, ShareError, } from './ShareContentState';
 export type { DialogPlacement, DialogBoundariesElement, RenderCustomTriggerButton, ShareDialogWithTriggerProps, ShareDialogWithTriggerStates, } from './ShareDialogWithTrigger';
 export type { User, UserWithEmail, UserWithId } from './User';
-export type { Comment, Content, MetaData, Integration, IntegrationContentProps, } from './ShareEntities';
+export type { Comment, Content, MetaData, Integration, AdditionalTab, ContentProps, } from './ShareEntities';
 export { TabType } from './ShareEntities';
 export type { MenuType } from './ShareEntities';
 export type KeysOfType<T, TProp> = {

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

@@ -4,10 +4,10 @@
  */
 import React from 'react';
 import { jsx } from '@emotion/react';
-import { type IntegrationContentProps } from '../types';
+import { type ContentProps } from '../types';
 export declare const formWrapperStyle: import("@emotion/react").SerializedStyles;
 export type IntegrationFormProps = {
-    Content: React.ComponentType<IntegrationContentProps> | null;
+    Content: React.ComponentType<ContentProps> | null;
     onIntegrationClose?: () => void;
     changeTab?: (index: number) => void;
 };

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

@@ -2,7 +2,7 @@ import { jsx } from '@emotion/react';
 import type { LoadOptions } from '@atlaskit/smart-user-picker';
 import type { MenuType, ShareData, ShareDialogWithTriggerProps, ShareDialogWithTriggerStates } from '../../types';
 import { type IntegrationFormProps } from '../IntegrationForm';
-export type LazyShareFormProps = Pick<ShareDialogWithTriggerProps, 'copyLink' | 'config' | 'isFetchingConfig' | 'loadUserOptions' | 'shareFormTitle' | 'shareFormHelperMessage' | 'bottomMessage' | 'submitButtonLabel' | 'product' | 'productAttributes' | 'customFooter' | 'enableSmartUserPicker' | 'loggedInAccountId' | 'cloudId' | 'shareFieldsFooter' | 'onUserSelectionChange' | 'isPublicLink' | 'copyTooltipText' | 'shareIntegrations' | 'integrationMode' | 'onDialogClose' | 'orgId' | 'isBrowseUsersDisabled' | 'userPickerOptions' | 'isMenuItemSelected'> & Pick<ShareDialogWithTriggerStates, 'showIntegrationForm' | 'selectedIntegration' | 'isSharing' | 'shareError' | 'defaultValue'> & Pick<IntegrationFormProps, 'Content'> & {
+export type LazyShareFormProps = Pick<ShareDialogWithTriggerProps, 'copyLink' | 'config' | 'isFetchingConfig' | 'loadUserOptions' | 'shareFormTitle' | 'shareFormHelperMessage' | 'bottomMessage' | 'submitButtonLabel' | 'product' | 'productAttributes' | 'customFooter' | 'enableSmartUserPicker' | 'loggedInAccountId' | 'cloudId' | 'shareFieldsFooter' | 'onUserSelectionChange' | 'isPublicLink' | 'copyTooltipText' | 'shareIntegrations' | 'additionalTabs' | 'integrationMode' | 'onDialogClose' | 'orgId' | 'isBrowseUsersDisabled' | 'userPickerOptions' | 'isMenuItemSelected'> & Pick<ShareDialogWithTriggerStates, 'showIntegrationForm' | 'selectedIntegration' | 'isSharing' | 'shareError' | 'defaultValue'> & Pick<IntegrationFormProps, 'Content'> & {
     onLinkCopy: () => void;
     onDismiss: (data: ShareData) => void;
     onSubmit: (data: ShareData) => void;

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

@@ -1,4 +1,4 @@
 export { ShareDialogContainer } from './components/ShareDialogContainer';
 export { CopyLinkButton } from './components/CopyLinkButton';
 export { ADMIN_NOTIFIED, OBJECT_SHARED, } from './types';
-export type { Comment, Content, DialogContentState, DialogPlacement, Flag, FlagType, FormChildrenArgs, KeysOfType, MessageDescriptor, MetaData, OriginAnalyticAttributes, OriginTracing, OriginTracingFactory, OriginTracingForSubSequentEvents, OriginTracingWithIdGenerated, ProductId, ProductName, RenderCustomTriggerButton, ShareButtonStyle, ShareContentState, ShareError, ShareRequest, ShareResponse, ConfigResponse, TooltipPosition, User, UserWithEmail, UserWithId, ShareDialogContainerProps, } from './types';
+export type { Comment, Content, DialogContentState, DialogPlacement, Flag, FlagType, FormChildrenArgs, KeysOfType, MessageDescriptor, MetaData, OriginAnalyticAttributes, OriginTracing, OriginTracingFactory, OriginTracingForSubSequentEvents, OriginTracingWithIdGenerated, ProductId, ProductName, RenderCustomTriggerButton, ShareButtonStyle, ShareContentState, ShareError, ShareRequest, ShareResponse, ConfigResponse, TooltipPosition, User, UserWithEmail, UserWithId, ShareDialogContainerProps, AdditionalTab, Integration, ContentProps, } from './types';

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

@@ -9,7 +9,7 @@ import type { OriginTracing, OriginTracingFactory } from './OriginTracing';
 import type { ProductId, ProductName } from './Products';
 import type { ShareButtonStyle, TooltipPosition } from './ShareButton';
 import type { DialogPlacement, RenderCustomTriggerButton } from './ShareDialogWithTrigger';
-import type { Integration, IntegrationMode } from './ShareEntities';
+import type { AdditionalTab, Integration, IntegrationMode } from './ShareEntities';
 import type { UserPickerOptions } from './UserPickerOptions';
 export type ShareDialogContainerProps = {
     onTriggerButtonClick?: () => void;
@@ -147,6 +147,7 @@ export type ShareDialogContainerProps = {
     integrationMode?: IntegrationMode;
     isMenuItemSelected?: boolean;
     shareIntegrations?: Array<Integration>;
+    additionalTabs?: Array<AdditionalTab>;
     /**
      * Optionally sets a tabIndex value if you need to set focus
      */

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' | 'shareContentId' | 'shareFormTitle' | 'shareFormHelperMessage' | 'showFlags' | 'enableSmartUserPicker' | 'loggedInAccountId' | 'triggerButtonAppearance' | 'triggerButtonIcon' | 'triggerButtonStyle' | 'triggerButtonTooltipPosition' | 'triggerButtonTooltipText' | 'cloudId' | 'bottomMessage' | 'product' | 'productAttributes' | 'customFooter' | 'isCopyDisabled' | 'isPublicLink' | 'integrationMode' | 'isMenuItemSelected' | 'shareFieldsFooter' | 'shareIntegrations' | 'shareAri' | 'tabIndex' | 'copyTooltipText' | 'dialogZIndex' | 'orgId' | 'isBrowseUsersDisabled' | 'userPickerOptions'> & {
+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' | 'productAttributes' | 'customFooter' | 'isCopyDisabled' | 'isPublicLink' | 'integrationMode' | 'isMenuItemSelected' | 'shareFieldsFooter' | 'shareIntegrations' | 'additionalTabs' | 'shareAri' | 'tabIndex' | 'copyTooltipText' | 'dialogZIndex' | 'orgId' | 'isBrowseUsersDisabled' | 'userPickerOptions'> & {
     config?: ConfigResponse;
     isFetchingConfig?: boolean;
     children?: RenderCustomTriggerButton;

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

@@ -15,7 +15,7 @@ export type MetaData = {
     atlOriginId: string;
     shareeAction?: 'view' | 'edit';
 };
-export type IntegrationContentProps = {
+export type ContentProps = {
     onClose: () => void;
     changeTab?: (index: TabType) => void;
 };
@@ -27,6 +27,10 @@ export type MenuType = 'none' | 'default' | 'Slack';
 export type Integration = {
     type: string;
     Icon: React.ComponentType;
-    Content: React.ComponentType<IntegrationContentProps>;
+    Content: React.ComponentType<ContentProps>;
 };
 export type IntegrationMode = 'tabs' | 'split' | 'menu' | 'off';
+export type AdditionalTab = {
+    label: string;
+    Content: React.ComponentType<ContentProps>;
+};

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

@@ -5,7 +5,7 @@ import type { ProductName } from './Products';
 import type { ShareData, ShareError } from './ShareContentState';
 import type { ShareDialogContainerProps } from './ShareDialogContainer';
 import { type MenuType } from './ShareEntities';
-export type ShareFormProps = Pick<ShareDialogContainerProps, 'integrationMode' | 'shareIntegrations' | 'copyTooltipText' | 'isPublicLink' | 'onUserSelectionChange' | 'cloudId' | 'loggedInAccountId' | 'enableSmartUserPicker' | 'orgId' | 'isBrowseUsersDisabled' | 'userPickerOptions' | 'productAttributes'> & {
+export type ShareFormProps = Pick<ShareDialogContainerProps, 'integrationMode' | 'shareIntegrations' | 'additionalTabs' | 'copyTooltipText' | 'isPublicLink' | 'onUserSelectionChange' | 'cloudId' | 'loggedInAccountId' | 'enableSmartUserPicker' | 'orgId' | 'isBrowseUsersDisabled' | 'userPickerOptions' | 'productAttributes'> & {
     config?: ConfigResponse;
     isFetchingConfig?: boolean;
     copyLink: string;

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

@@ -8,7 +8,7 @@ export type { ShareButtonStyle, TooltipPosition } from './ShareButton';
 export type { ShareData, ShareData as DialogContentState, ShareContentState, ShareError, } from './ShareContentState';
 export type { DialogPlacement, DialogBoundariesElement, RenderCustomTriggerButton, ShareDialogWithTriggerProps, ShareDialogWithTriggerStates, } from './ShareDialogWithTrigger';
 export type { User, UserWithEmail, UserWithId } from './User';
-export type { Comment, Content, MetaData, Integration, IntegrationContentProps, } from './ShareEntities';
+export type { Comment, Content, MetaData, Integration, AdditionalTab, ContentProps, } from './ShareEntities';
 export { TabType } from './ShareEntities';
 export type { MenuType } from './ShareEntities';
 export type KeysOfType<T, TProp> = {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/share",
-	"version": "4.20.9",
+	"version": "4.21.0",
 	"description": "Fabric Share Element",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -50,14 +50,14 @@
 		"@atlaskit/popper": "^6.3.0",
 		"@atlaskit/popup": "^1.29.0",
 		"@atlaskit/portal": "^4.9.0",
-		"@atlaskit/primitives": "^13.0.0",
+		"@atlaskit/primitives": "^13.1.0",
 		"@atlaskit/smart-user-picker": "^6.11.0",
 		"@atlaskit/spinner": "^16.3.0",
 		"@atlaskit/tabs": "^16.5.0",
 		"@atlaskit/textarea": "^5.6.0",
 		"@atlaskit/theme": "^14.0.0",
 		"@atlaskit/tokens": "^2.2.0",
-		"@atlaskit/tooltip": "^18.8.0",
+		"@atlaskit/tooltip": "^18.9.0",
 		"@atlaskit/ufo": "^0.3.0",
 		"@atlaskit/user-picker": "^10.26.0",
 		"@atlaskit/util-service-support": "^6.2.0",
@@ -74,6 +74,7 @@
 	"devDependencies": {
 		"@atlaskit/editor-test-helpers": "^20.0.0",
 		"@atlaskit/flag": "^15.8.0",
+		"@atlassian/feature-flags-test-utils": "^0.2.0",
 		"@testing-library/react": "^12.1.5",
 		"@testing-library/user-event": "^14.4.3",
 		"enzyme": "^3.10.0",
@@ -119,6 +120,9 @@
 	"platform-feature-flags": {
 		"enable-appropriate-reading-order-in-share-dialog": {
 			"type": "boolean"
+		},
+		"smart_links_for_plans_platform": {
+			"type": "boolean"
 		}
 	}
 }