@atlaskit/share 2.0.0 → 3.0.2

package/dist/esm/components/ShareDialogWithTrigger.js

@@ -19,21 +19,23 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
 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; } }
 
 import React from 'react';
+import { FormattedMessage, injectIntl } from 'react-intl-next';
+import styled from 'styled-components';
 import { withAnalyticsEvents } from '@atlaskit/analytics-next';
-import SplitButton from './SplitButton';
 import ShareIcon from '@atlaskit/icon/glyph/share';
 import Popup from '@atlaskit/popup';
 import Portal from '@atlaskit/portal';
-import Aktooltip from '@atlaskit/tooltip';
 import { layers } from '@atlaskit/theme/constants';
-import { FormattedMessage, injectIntl } from 'react-intl-next';
-import styled from 'styled-components';
+import Aktooltip from '@atlaskit/tooltip';
 import { messages } from '../i18n';
 import { OBJECT_SHARED } from '../types';
-import { cancelShare, CHANNEL_ID, copyLinkButtonClicked, screenEvent, shareTriggerButtonClicked, shareSplitButtonEvent, shareTabClicked, formShareSubmitted } from './analytics';
+import { cancelShare, CHANNEL_ID, copyLinkButtonClicked, formShareSubmitted, screenEvent, shareSplitButtonEvent, shareTabClicked, shareTriggerButtonClicked // type TabSubjectIdType,
+} from './analytics'; // eslint-disable-next-line no-duplicate-imports
+
+import LazyShareFormLazy from './LazyShareForm/lazy';
 import ShareButton from './ShareButton';
+import SplitButton from './SplitButton';
 import { generateSelectZIndex } from './utils';
-import LazyShareFormLazy from './LazyShareForm/lazy';
 var ShareButtonWrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: inline-flex;\n  outline: none;\n"])));
 export var defaultShareContentState = {
   users: [],
@@ -42,6 +44,7 @@ export var defaultShareContentState = {
     value: ''
   }
 };
+// eslint-disable-next-line @repo/internal/react/no-class-components
 export var ShareDialogWithTriggerInternal = /*#__PURE__*/function (_React$PureComponent) {
   _inherits(ShareDialogWithTriggerInternal, _React$PureComponent);
 
@@ -325,9 +328,10 @@ export var ShareDialogWithTriggerInternal = /*#__PURE__*/function (_React$PureCo
         button = /*#__PURE__*/React.createElement(ShareButton, _extends({
           appearance: triggerButtonAppearance,
           text: triggerButtonStyle !== 'icon-only' ? /*#__PURE__*/React.createElement(FormattedMessage, messages.shareTriggerButtonText) : null,
+          "aria-label": formatMessage(messages.shareTriggerButtonText),
           onClick: _this.onTriggerClick,
           iconBefore: triggerButtonStyle !== 'text-only' ? /*#__PURE__*/React.createElement(ShareButtonIcon, {
-            label: formatMessage(messages.shareTriggerButtonIconLabel)
+            label: ""
           }) : undefined,
           isSelected: isDialogOpen,
           isDisabled: isDisabled

package/dist/esm/components/ShareForm.js

@@ -19,21 +19,22 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
 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; } }
 
 import React from 'react';
+import { FormattedMessage, injectIntl } from 'react-intl-next';
+import styled from 'styled-components';
 import Button from '@atlaskit/button/custom-theme-button';
 import Form from '@atlaskit/form';
 import ErrorIcon from '@atlaskit/icon/glyph/error';
+import Tabs, { Tab, TabList, TabPanel } from '@atlaskit/tabs';
 import { R400 } from '@atlaskit/theme/colors';
 import { gridSize } from '@atlaskit/theme/constants';
 import Tooltip from '@atlaskit/tooltip';
-import Tabs, { Tab, TabList, TabPanel } from '@atlaskit/tabs';
-import { FormattedMessage, injectIntl } from 'react-intl-next';
-import styled from 'styled-components';
 import { messages } from '../i18n';
+import { TabType } from '../types';
 import { CommentField } from './CommentField';
 import CopyLinkButton from './CopyLinkButton';
+import { IntegrationForm } from './IntegrationForm';
 import { ShareHeader } from './ShareHeader';
 import { UserPickerField } from './UserPickerField';
-import { IntegrationForm } from './IntegrationForm';
 var SubmitButtonWrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  margin-left: auto;\n"])));
 var CenterAlignedIconWrapper = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n  align-self: center;\n  padding: 0 10px;\n\n  > div {\n    line-height: 1;\n  }\n"])));
 export var FormWrapper = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  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) {
@@ -52,6 +53,7 @@ var integrationTabText = function integrationTabText(integrationName) {
   }));
 };
 
+// eslint-disable-next-line @repo/internal/react/no-class-components
 var InternalForm = /*#__PURE__*/function (_React$PureComponent) {
   _inherits(InternalForm, _React$PureComponent);
 
@@ -68,6 +70,10 @@ var InternalForm = /*#__PURE__*/function (_React$PureComponent) {
 
     _this = _super.call.apply(_super, [this].concat(args));
 
+    _defineProperty(_assertThisInitialized(_this), "state", {
+      selectedTab: TabType.default
+    });
+
     _defineProperty(_assertThisInitialized(_this), "renderShareForm", function () {
       var _this$props = _this.props,
           formProps = _this$props.formProps,
@@ -163,6 +169,12 @@ var InternalForm = /*#__PURE__*/function (_React$PureComponent) {
       return /*#__PURE__*/React.createElement(FormattedMessage, productShareType);
     });
 
+    _defineProperty(_assertThisInitialized(_this), "changeTab", function (tab) {
+      _this.setState({
+        selectedTab: tab
+      });
+    });
+
     return _this;
   }
 
@@ -180,6 +192,8 @@ var InternalForm = /*#__PURE__*/function (_React$PureComponent) {
   }, {
     key: "render",
     value: function render() {
+      var _this2 = this;
+
       var _this$props5 = this.props,
           _this$props5$integrat = _this$props5.integrationMode,
           integrationMode = _this$props5$integrat === void 0 ? 'off' : _this$props5$integrat,
@@ -197,8 +211,11 @@ var InternalForm = /*#__PURE__*/function (_React$PureComponent) {
         return /*#__PURE__*/React.createElement(Tabs, {
           id: "ShareForm-Tabs-Integrations",
           onChange: function onChange(index) {
+            _this2.changeTab(index);
+
             onTabChange === null || onTabChange === void 0 ? void 0 : onTabChange(index);
-          }
+          },
+          selected: this.state.selectedTab
         }, /*#__PURE__*/React.createElement(TabList, null, /*#__PURE__*/React.createElement(Tab, {
           key: "share-tab-default"
         }, this.renderMainTabTitle()), /*#__PURE__*/React.createElement(Tab, {
@@ -215,6 +232,9 @@ var InternalForm = /*#__PURE__*/function (_React$PureComponent) {
           Content: firstIntegration.Content,
           onIntegrationClose: function onIntegrationClose() {
             return handleCloseDialog === null || handleCloseDialog === void 0 ? void 0 : handleCloseDialog();
+          },
+          changeTab: function changeTab(index) {
+            _this2.changeTab(index);
           }
         }))));
       }

package/dist/esm/components/ShareFormWrapper/ShareFormWrapper.js

@@ -1,6 +1,6 @@
 import React from 'react';
-import { InlineDialogFormWrapper, InlineDialogContentWrapper } from './styled';
 import { ShareHeader } from '../ShareHeader';
+import { InlineDialogContentWrapper, InlineDialogFormWrapper } from './styled';
 
 var ShareFormWrapper = function ShareFormWrapper(_ref) {
   var shareFormTitle = _ref.shareFormTitle,

package/dist/esm/components/UserPickerField.js

@@ -11,13 +11,13 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
 
 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; } }
 
+import React from 'react';
+import { FormattedMessage, injectIntl } from 'react-intl-next';
 import { ErrorMessage, Field, HelperMessage } from '@atlaskit/form';
 import UserPicker, { isValidEmail, SmartUserPicker } from '@atlaskit/user-picker';
-import React from 'react';
-import { injectIntl, FormattedMessage } from 'react-intl-next';
 import { messages } from '../i18n';
-import { allowEmails, getMenuPortalTargetCurrentHTML } from './utils';
 import { MAX_PICKER_HEIGHT } from './styles';
+import { allowEmails, getMenuPortalTargetCurrentHTML } from './utils';
 export var REQUIRED = 'REQUIRED';
 var DEBOUNCE_MS = 150;
 
@@ -75,7 +75,8 @@ var requiredMessagesWithoutEmail = {
 var getRequiredMessage = function getRequiredMessage(product, allowEmail) {
   var messages = allowEmail ? requiredMessagesWithEmail : requiredMessagesWithoutEmail;
   return messages[product];
-};
+}; // eslint-disable-next-line @repo/internal/react/no-class-components
+
 
 export var UserPickerFieldComponent = /*#__PURE__*/function (_React$Component) {
   _inherits(UserPickerFieldComponent, _React$Component);

package/dist/esm/components/utils.js

@@ -1,6 +1,4 @@
-// AFP-2532 TODO: Fix automatic suppressions below
-// eslint-disable-next-line @atlassian/tangerine/import/entry-points
-import { layers } from '@atlaskit/theme';
+import { layers } from '@atlaskit/theme/constants';
 
 /**
  * We need to generate correct zIndex, for the PopUp and for the Select inside it.

package/dist/esm/i18n.js

@@ -100,11 +100,6 @@ export var messages = defineMessages({
     defaultMessage: 'Invite',
     description: 'Button label for when the sharee action is set to "edit".'
   },
-  copyLinkButtonIconLabel: {
-    id: 'fabric.elements.share.copylink.button.icon.label',
-    defaultMessage: 'Copy link icon',
-    description: 'Default text for the aria-label of the copy Link icon'
-  },
   copyLinkButtonText: {
     id: 'fabric.elements.share.copylink.button.text',
     defaultMessage: 'Copy link',
@@ -115,11 +110,6 @@ export var messages = defineMessages({
     defaultMessage: 'Copy public link',
     description: 'Default text for the Copy Link button when the link is public'
   },
-  copiedToClipboardIconLabel: {
-    id: 'fabric.elements.share.copied.to.clipboard.icon.label',
-    defaultMessage: 'Copy link success icon',
-    description: 'Default text for the aria-label of the copied link icon'
-  },
   copiedToClipboardMessage: {
     id: 'fabric.elements.share.copied.to.clipboard.message',
     defaultMessage: 'Link copied to clipboard',

package/dist/esm/types/ShareEntities.js

@@ -1 +1,7 @@
-export {};
+// Third party integrations
+export var TabType;
+
+(function (TabType) {
+  TabType[TabType["default"] = 0] = "default";
+  TabType[TabType["Slack"] = 1] = "Slack";
+})(TabType || (TabType = {}));

package/dist/esm/types/index.js

@@ -1 +1,2 @@
-export { ADMIN_NOTIFIED, OBJECT_SHARED } from './Flag';
+export { ADMIN_NOTIFIED, OBJECT_SHARED } from './Flag';
+export { TabType } from './ShareEntities';

package/dist/esm/util/i18n-util.js

@@ -1,3 +1,6 @@
+// Cannot import from `../i18n` because there is `../i18n.tsx` file there.
+
+/* eslint-disable @atlassian/tangerine/import/no-dangling-index */
 import { cs, da, de, en, en_GB, es, et, fi, fr, hu, is, it, ja, ko, nb, nl, pl, pt_BR, pt_PT, ro, ru, sk, sv, zh } from '../i18n/index';
 var localesMessagesMap = {
   cs: cs,

package/dist/esm/version.json

@@ -1,4 +1,4 @@
 {
 	"name": "@atlaskit/share",
-	"version": "2.0.0"
+	"version": "3.0.2"
 }

package/dist/types/clients/ShareServiceClient.d.ts

@@ -2,7 +2,7 @@ import { ServiceConfig } from '@atlaskit/util-service-support';
 import { Comment, Content, MetaData, User } from '../types';
 export interface ShareClient {
     share(content: Content, recipients: User[], metadata: MetaData, comment?: Comment): Promise<ShareResponse>;
-    getConfig(cloudId: string, enableEmailPermissionCheck?: boolean): Promise<ConfigResponse>;
+    getConfig(cloudId: string): Promise<ConfigResponse>;
 }
 export declare type ShareRequest = (content: Content, recipients: User[], metadata: MetaData, comment?: Comment) => Promise<ShareResponse>;
 export declare type ShareResponse = {
@@ -17,7 +17,7 @@ export declare const DEFAULT_SHARE_SERVICE_URL = "/gateway/api";
 export declare class ShareServiceClient implements ShareClient {
     private serviceConfig;
     constructor(serviceConfig?: Partial<ServiceConfig>);
-    getConfig(cloudId: string, enableEmailPermissionCheck?: boolean): Promise<ConfigResponse>;
+    getConfig(cloudId: string): Promise<ConfigResponse>;
     /**
      * To send a POST request to the share endpoint in Share service
      */

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

@@ -1,6 +1,6 @@
-import { TriggerProps } from '@atlaskit/popup';
 import React from 'react';
 import { WrappedComponentProps } from 'react-intl-next';
+import { TriggerProps } from '@atlaskit/popup';
 export declare const AUTO_DISMISS_MS: number;
 export declare const MessageContainer: import("styled-components").StyledComponentClass<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, any, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
 declare type InputProps = {

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

@@ -4,5 +4,6 @@ export declare const FormWrapper: import("styled-components").StyledComponentCla
 export declare type IntegrationFormProps = {
     Content: React.ComponentType<IntegrationContentProps> | null;
     onIntegrationClose?: () => void;
+    changeTab?: (index: number) => void;
 };
-export declare const IntegrationForm: ({ Content, onIntegrationClose, }: IntegrationFormProps) => JSX.Element;
+export declare const IntegrationForm: ({ Content, onIntegrationClose, changeTab, }: IntegrationFormProps) => JSX.Element;

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

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

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

@@ -1,5 +1,5 @@
-import { Appearance } from '@atlaskit/button/types';
 import React from 'react';
+import { Appearance } from '@atlaskit/button/types';
 export declare type Props = {
     appearance?: Appearance;
     iconBefore?: React.ReactChild;

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

@@ -1,9 +1,8 @@
-import { AnalyticsEventPayload, WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
 import React from 'react';
+import { AnalyticsEventPayload, WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
 import { ShortenRequest } from '../clients/AtlassianUrlShortenerClient';
 import { ConfigResponse } from '../clients/ShareServiceClient';
-import { ShareData, OriginTracing, OriginTracingFactory } from '../types';
-import type { ShareDialogContainerProps } from '../types';
+import type { OriginTracing, OriginTracingFactory, ShareData, ShareDialogContainerProps } from '../types';
 export declare const defaultConfig: ConfigResponse;
 export declare type State = {
     config?: ConfigResponse;
@@ -53,7 +52,7 @@ export declare class ShareDialogContainerInternal extends React.Component<WithAn
     getFormShareLink: () => string;
     render(): JSX.Element;
 }
-export declare const ShareDialogContainer: React.ForwardRefExoticComponent<Pick<Pick<WithAnalyticsEventsProps & ShareDialogContainerProps, "onTriggerButtonClick" | "isAutoOpenDialog" | "shouldCloseOnEscapePress" | "dialogPlacement" | "loadUserOptions" | "onDialogOpen" | "onDialogClose" | "onUserSelectionChange" | "renderCustomTriggerButton" | "shareContentType" | "shareFormTitle" | "shareFormHelperMessage" | "showFlags" | "enableSmartUserPicker" | "loggedInAccountId" | "triggerButtonAppearance" | "triggerButtonIcon" | "triggerButtonStyle" | "triggerButtonTooltipPosition" | "triggerButtonTooltipText" | "cloudId" | "bottomMessage" | "product" | "customFooter" | "isCopyDisabled" | "isPublicLink" | "integrationMode" | "shareFieldsFooter" | "shareIntegrations" | "shareAri" | "tabIndex" | "copyTooltipText" | "dialogZIndex" | "shareClient" | "urlShortenerClient" | "shortLinkData" | "formatCopyLink" | "originTracingFactory" | "productId" | "shareLink" | "shareTitle" | "enableEmailPermissionCheck" | "useUrlShortener" | "shareeAction">, "onTriggerButtonClick" | "isAutoOpenDialog" | "shouldCloseOnEscapePress" | "dialogPlacement" | "loadUserOptions" | "onDialogOpen" | "onDialogClose" | "onUserSelectionChange" | "renderCustomTriggerButton" | "shareContentType" | "shareFormTitle" | "shareFormHelperMessage" | "showFlags" | "loggedInAccountId" | "triggerButtonAppearance" | "triggerButtonIcon" | "triggerButtonStyle" | "triggerButtonTooltipPosition" | "triggerButtonTooltipText" | "cloudId" | "bottomMessage" | "customFooter" | "isCopyDisabled" | "isPublicLink" | "integrationMode" | "shareFieldsFooter" | "shareIntegrations" | "shareAri" | "tabIndex" | "copyTooltipText" | "dialogZIndex" | "shareClient" | "urlShortenerClient" | "shortLinkData" | "formatCopyLink" | "originTracingFactory" | "productId" | "shareLink" | "shareTitle" | "enableEmailPermissionCheck" | "useUrlShortener"> & Partial<Pick<Pick<WithAnalyticsEventsProps & ShareDialogContainerProps, "onTriggerButtonClick" | "isAutoOpenDialog" | "shouldCloseOnEscapePress" | "dialogPlacement" | "loadUserOptions" | "onDialogOpen" | "onDialogClose" | "onUserSelectionChange" | "renderCustomTriggerButton" | "shareContentType" | "shareFormTitle" | "shareFormHelperMessage" | "showFlags" | "enableSmartUserPicker" | "loggedInAccountId" | "triggerButtonAppearance" | "triggerButtonIcon" | "triggerButtonStyle" | "triggerButtonTooltipPosition" | "triggerButtonTooltipText" | "cloudId" | "bottomMessage" | "product" | "customFooter" | "isCopyDisabled" | "isPublicLink" | "integrationMode" | "shareFieldsFooter" | "shareIntegrations" | "shareAri" | "tabIndex" | "copyTooltipText" | "dialogZIndex" | "shareClient" | "urlShortenerClient" | "shortLinkData" | "formatCopyLink" | "originTracingFactory" | "productId" | "shareLink" | "shareTitle" | "enableEmailPermissionCheck" | "useUrlShortener" | "shareeAction">, "enableSmartUserPicker" | "product" | "shareeAction">> & Partial<Pick<{
+export declare const ShareDialogContainer: React.ForwardRefExoticComponent<Pick<Pick<WithAnalyticsEventsProps & ShareDialogContainerProps, "onTriggerButtonClick" | "isAutoOpenDialog" | "shouldCloseOnEscapePress" | "dialogPlacement" | "loadUserOptions" | "onDialogOpen" | "onDialogClose" | "onUserSelectionChange" | "renderCustomTriggerButton" | "shareContentType" | "shareFormTitle" | "shareFormHelperMessage" | "showFlags" | "enableSmartUserPicker" | "loggedInAccountId" | "triggerButtonAppearance" | "triggerButtonIcon" | "triggerButtonStyle" | "triggerButtonTooltipPosition" | "triggerButtonTooltipText" | "cloudId" | "bottomMessage" | "product" | "customFooter" | "isCopyDisabled" | "isPublicLink" | "integrationMode" | "shareFieldsFooter" | "shareIntegrations" | "shareAri" | "tabIndex" | "copyTooltipText" | "dialogZIndex" | "shareClient" | "urlShortenerClient" | "shortLinkData" | "formatCopyLink" | "originTracingFactory" | "productId" | "shareLink" | "shareTitle" | "useUrlShortener" | "shareeAction">, "onTriggerButtonClick" | "isAutoOpenDialog" | "shouldCloseOnEscapePress" | "dialogPlacement" | "loadUserOptions" | "onDialogOpen" | "onDialogClose" | "onUserSelectionChange" | "renderCustomTriggerButton" | "shareContentType" | "shareFormTitle" | "shareFormHelperMessage" | "showFlags" | "loggedInAccountId" | "triggerButtonAppearance" | "triggerButtonIcon" | "triggerButtonStyle" | "triggerButtonTooltipPosition" | "triggerButtonTooltipText" | "cloudId" | "bottomMessage" | "customFooter" | "isCopyDisabled" | "isPublicLink" | "integrationMode" | "shareFieldsFooter" | "shareIntegrations" | "shareAri" | "tabIndex" | "copyTooltipText" | "dialogZIndex" | "shareClient" | "urlShortenerClient" | "shortLinkData" | "formatCopyLink" | "originTracingFactory" | "productId" | "shareLink" | "shareTitle" | "useUrlShortener"> & Partial<Pick<Pick<WithAnalyticsEventsProps & ShareDialogContainerProps, "onTriggerButtonClick" | "isAutoOpenDialog" | "shouldCloseOnEscapePress" | "dialogPlacement" | "loadUserOptions" | "onDialogOpen" | "onDialogClose" | "onUserSelectionChange" | "renderCustomTriggerButton" | "shareContentType" | "shareFormTitle" | "shareFormHelperMessage" | "showFlags" | "enableSmartUserPicker" | "loggedInAccountId" | "triggerButtonAppearance" | "triggerButtonIcon" | "triggerButtonStyle" | "triggerButtonTooltipPosition" | "triggerButtonTooltipText" | "cloudId" | "bottomMessage" | "product" | "customFooter" | "isCopyDisabled" | "isPublicLink" | "integrationMode" | "shareFieldsFooter" | "shareIntegrations" | "shareAri" | "tabIndex" | "copyTooltipText" | "dialogZIndex" | "shareClient" | "urlShortenerClient" | "shortLinkData" | "formatCopyLink" | "originTracingFactory" | "productId" | "shareLink" | "shareTitle" | "useUrlShortener" | "shareeAction">, "enableSmartUserPicker" | "product" | "shareeAction">> & Partial<Pick<{
     enableSmartUserPicker: boolean;
     shareeAction: "view" | "edit";
     product: string;

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

@@ -1,8 +1,8 @@
 import React from 'react';
+import { WrappedComponentProps } from 'react-intl-next';
 import { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
 import { TriggerProps } from '@atlaskit/popup';
-import { WrappedComponentProps } from 'react-intl-next';
-import { ShareData, Integration, ShareDialogWithTriggerProps, ShareDialogWithTriggerStates } from '../types';
+import { Integration, ShareData, ShareDialogWithTriggerProps, ShareDialogWithTriggerStates } from '../types';
 export declare const defaultShareContentState: ShareData;
 declare type ShareDialogWithTriggerInternalProps = ShareDialogWithTriggerProps & WrappedComponentProps & WithAnalyticsEventsProps;
 export declare class ShareDialogWithTriggerInternal extends React.PureComponent<ShareDialogWithTriggerInternalProps, ShareDialogWithTriggerStates> {

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

@@ -1,11 +1,14 @@
 import React from 'react';
 import { WrappedComponentProps } from 'react-intl-next';
-import { FormChildrenArgs, ShareFormProps, ShareData } from '../types';
+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 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/UserPickerField.d.ts

@@ -1,6 +1,6 @@
-import { LoadOptions, OptionData, Value } from '@atlaskit/user-picker';
 import React from 'react';
 import { WrappedComponentProps } from 'react-intl-next';
+import { LoadOptions, OptionData, Value } from '@atlaskit/user-picker';
 import { ConfigResponse, ProductName } from '../types';
 export declare const REQUIRED = "REQUIRED";
 export declare type Props = {

package/dist/types/i18n.d.ts

@@ -99,11 +99,6 @@ export declare const messages: {
         defaultMessage: string;
         description: string;
     };
-    copyLinkButtonIconLabel: {
-        id: string;
-        defaultMessage: string;
-        description: string;
-    };
     copyLinkButtonText: {
         id: string;
         defaultMessage: string;
@@ -114,11 +109,6 @@ export declare const messages: {
         defaultMessage: string;
         description: string;
     };
-    copiedToClipboardIconLabel: {
-        id: string;
-        defaultMessage: string;
-        description: string;
-    };
     copiedToClipboardMessage: {
         id: string;
         defaultMessage: string;

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

@@ -1,15 +1,15 @@
 /// <reference types="react" />
-import type { IconProps } from '@atlaskit/icon';
 import type { Appearance } from '@atlaskit/button/types';
+import type { IconProps } from '@atlaskit/icon';
 import type { LoadOptions, Value } from '@atlaskit/user-picker';
-import type { ShareClient } from '../clients/ShareServiceClient';
 import type { ShortenRequest, UrlShortenerClient } from '../clients/AtlassianUrlShortenerClient';
-import type { DialogPlacement, RenderCustomTriggerButton } from './ShareDialogWithTrigger';
+import type { ShareClient } from '../clients/ShareServiceClient';
+import type { Flag } from './Flag';
 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 { Flag } from './Flag';
 export declare type ShareDialogContainerProps = {
     onTriggerButtonClick?: () => void;
     onDialogOpen?: () => void;
@@ -93,11 +93,6 @@ export declare type ShareDialogContainerProps = {
      * - `cloudId`
      */
     enableSmartUserPicker?: boolean;
-    /**
-     * When true, the component will call the Share service to check whether the
-     * site has sharing to emails enabled.
-     */
-    enableEmailPermissionCheck?: boolean;
     /**
      * The userId of the sharer. If not provided, smart user picker
      * defaults it to the value 'Context'

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

@@ -16,7 +16,12 @@ export declare type MetaData = {
 };
 export declare type IntegrationContentProps = {
     onClose: () => void;
+    changeTab?: (index: TabType) => void;
 };
+export declare enum TabType {
+    default = 0,
+    Slack = 1
+}
 export declare type Integration = {
     type: string;
     Icon: React.ComponentType;

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

@@ -1,8 +1,8 @@
 /// <reference types="react" />
-import type { ConfigResponse } from '../clients/ShareServiceClient';
-import type { ShareData, ShareError } from './ShareContentState';
 import type { LoadOptions } from '@atlaskit/user-picker';
+import type { ConfigResponse } from '../clients/ShareServiceClient';
 import type { ProductName } from './Products';
+import type { ShareData, ShareError } from './ShareContentState';
 import type { ShareDialogContainerProps } from './ShareDialogContainer';
 export declare type ShareFormProps = Pick<ShareDialogContainerProps, 'integrationMode' | 'shareIntegrations' | 'copyTooltipText' | 'isPublicLink' | 'onUserSelectionChange' | 'cloudId' | 'loggedInAccountId' | 'enableSmartUserPicker'> & {
     config?: ConfigResponse;

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

@@ -9,6 +9,7 @@ export type { ShareData, ShareData as DialogContentState, ShareContentState, Sha
 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 { TabType } from './ShareEntities';
 export declare type KeysOfType<T, TProp> = {
     [P in keyof T]: T[P] extends TProp ? P : never;
 }[keyof T];

package/docs/0-intro.tsx

@@ -1,14 +1,14 @@
+import React from 'react';
+
 import {
+  AtlassianInternalWarning,
   code,
+  DevPreviewWarning,
   Example,
   md,
   Props,
-  AtlassianInternalWarning,
-  DevPreviewWarning,
 } from '@atlaskit/docs';
 
-import React from 'react';
-
 export default md`
   ${(
     <>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/share",
-  "version": "2.0.0",
+  "version": "3.0.2",
   "description": "Fabric Share Element",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -42,11 +42,12 @@
     "@atlaskit/tabs": "^13.2.3",
     "@atlaskit/theme": "^12.0.0",
     "@atlaskit/tooltip": "^17.5.0",
-    "@atlaskit/user-picker": "^8.0.0",
+    "@atlaskit/user-picker": "^8.1.0",
     "@atlaskit/util-service-support": "^6.0.0",
     "@babel/runtime": "^7.0.0",
     "fast-deep-equal": "^3.1.1",
     "memoize-one": "^6.0.0",
+    "react-device-detect": "^1.15.0",
     "react-intl-next": "npm:react-intl@^5.18.1",
     "react-loosely-lazy": "^0.5.0",
     "tiny-invariant": "^0.0.3"
@@ -81,5 +82,26 @@
     ".": "./src/index.ts",
     "./clients": "./src/clients/index.ts"
   },
+  "techstack": {
+    "@atlassian/frontend": {
+      "package-boundaries": [
+        "linting"
+      ],
+      "tree-shaking": [
+        "atlassian-conventions"
+      ],
+      "import-structure": [
+        "atlassian-conventions"
+      ],
+      "circular-dependencies": [
+        "file-and-folder-level"
+      ]
+    },
+    "@repo/internal": {
+      "ui-components": "lite-mode",
+      "analytics": "analytics-next",
+      "deprecation": "no-deprecated-imports"
+    }
+  },
   "prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.1"
 }