@atlaskit/share 4.16.13 → 4.18.0

package/dist/esm/i18n.js

@@ -242,5 +242,15 @@ export var messages = defineMessages({
     id: 'fabric.elements.share.popup.label',
     defaultMessage: 'Share',
     description: 'Label of the popup that contains share menu used by assistive technologies'
+  },
+  slackMenuItemText: {
+    id: 'fabric.elements.share.menu.slack.label',
+    defaultMessage: 'Slack',
+    description: 'Text for the slack menu in share'
+  },
+  emailMenuItemText: {
+    id: 'fabric.elements.share.menu.email.label',
+    defaultMessage: 'Email',
+    description: 'Text for the email menu in share'
   }
 });

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

@@ -1,12 +1,13 @@
 import { jsx } from '@emotion/react';
 import type { LoadOptions } from '@atlaskit/smart-user-picker';
-import type { ShareData, ShareDialogWithTriggerProps, ShareDialogWithTriggerStates } from '../../types';
-import { IntegrationFormProps } from '../IntegrationForm';
-export type LazyShareFormProps = Pick<ShareDialogWithTriggerProps, 'copyLink' | 'config' | 'isFetchingConfig' | 'loadUserOptions' | 'shareFormTitle' | 'shareFormHelperMessage' | 'bottomMessage' | 'submitButtonLabel' | 'product' | 'customFooter' | 'enableSmartUserPicker' | 'loggedInAccountId' | 'cloudId' | 'shareFieldsFooter' | 'onUserSelectionChange' | 'isPublicLink' | 'copyTooltipText' | 'shareIntegrations' | 'integrationMode' | 'onDialogClose' | 'orgId' | 'isBrowseUsersDisabled' | 'userPickerOptions'> & Pick<ShareDialogWithTriggerStates, 'showIntegrationForm' | 'selectedIntegration' | 'isSharing' | 'shareError' | 'defaultValue'> & Pick<IntegrationFormProps, 'Content'> & {
+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' | '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'> & {
     onLinkCopy: () => void;
     onDismiss: (data: ShareData) => void;
     onSubmit: (data: ShareData) => void;
     onTabChange: (index: number) => void;
+    onMenuItemChange: (menuType: MenuType) => void;
     loadOptions?: LoadOptions;
     selectPortalRef: any;
     showTitle: boolean;

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

@@ -1,7 +1,7 @@
 import React from 'react';
-import { AnalyticsEventPayload, WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
-import { ShortenRequest } from '../clients/AtlassianUrlShortenerClient';
-import { ConfigResponse } from '../clients/ShareServiceClient';
+import { type AnalyticsEventPayload, type WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
+import { type ShortenRequest } from '../clients/AtlassianUrlShortenerClient';
+import { type ConfigResponse } from '../clients/ShareServiceClient';
 import type { OriginTracing, OriginTracingFactory, ShareData, ShareDialogContainerProps } from '../types';
 export declare const defaultConfig: ConfigResponse;
 export type State = {

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

@@ -25,6 +25,7 @@ export declare class ShareDialogWithTriggerInternal extends React.PureComponent<
     private closeAndResetDialog;
     private createAndFireEvent;
     private onTabChange;
+    private onMenuItemChange;
     private getFlags;
     private setIsLoading;
     private focus;
@@ -35,6 +36,7 @@ export declare class ShareDialogWithTriggerInternal extends React.PureComponent<
     private generateShareError;
     private handleShareSubmit;
     private handleFormDismiss;
+    private calculatePopupOffset;
     handleCopyLink: () => void;
     handleIntegrationClick: (integration: Integration) => void;
     renderShareTriggerButton: (triggerProps: TriggerProps) => React.ReactNode;

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

@@ -1,11 +1,12 @@
 /** @jsx jsx */
 import React from 'react';
-import { WrappedComponentProps } from 'react-intl-next';
-import { FormChildrenArgs, ShareData, ShareFormProps, TabType } from '../types';
+import { type WrappedComponentProps } from 'react-intl-next';
+import { type FormChildrenArgs, type MenuType, type ShareData, type ShareFormProps, TabType } from '../types';
 export declare const formWrapperStyles: import("@emotion/react").SerializedStyles;
 export declare const formFooterStyles: import("@emotion/react").SerializedStyles;
 export type State = {
     selectedTab: TabType;
+    selectedMenuItem: MenuType;
 };
 export type InternalFormProps = FormChildrenArgs<ShareData> & ShareFormProps & WrappedComponentProps;
 export declare const ShareForm: React.FC<ShareFormProps>;

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

@@ -1,9 +1,12 @@
-import { ReactNode } from 'react';
-import { ShareDialogWithTriggerProps } from '../../types';
+import { type ReactNode } from 'react';
+import { type ShareDialogWithTriggerProps } from '../../types';
+import { type IntegrationMode } from '../../types/ShareEntities';
 export type ShareFormWrapperProps = Pick<ShareDialogWithTriggerProps, 'shareFormTitle'> & {
     shouldShowTitle?: boolean;
     children?: ReactNode;
     footer?: ReactNode;
+    integrationMode?: IntegrationMode;
+    isMenuItemSelected?: boolean;
 };
-declare const ShareFormWrapper: ({ shareFormTitle, shouldShowTitle, children, footer, }: ShareFormWrapperProps) => JSX.Element;
+declare const ShareFormWrapper: ({ shareFormTitle, shouldShowTitle, children, footer, integrationMode, isMenuItemSelected, }: ShareFormWrapperProps) => JSX.Element;
 export default ShareFormWrapper;

package/dist/types/components/ShareFormWrapper/styled.d.ts

@@ -1,7 +1,11 @@
 /** @jsx jsx */
-import { PropsWithChildren } from 'react';
+import { type PropsWithChildren } from 'react';
 import { jsx } from '@emotion/react';
-export declare const InlineDialogFormWrapper: ({ children, }: PropsWithChildren<{}>) => jsx.JSX.Element;
+import { type IntegrationMode } from '../../types/ShareEntities';
+export declare const InlineDialogFormWrapper: ({ children, integrationMode, isMenuItemSelected, }: PropsWithChildren<{
+    integrationMode?: IntegrationMode | undefined;
+    isMenuItemSelected?: boolean | undefined;
+}>) => jsx.JSX.Element;
 /**
  * Apply the same styling, as previous @atlaskit/inline-dialog had,
  * compared to the @atlaskit/popup we are now using.

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

@@ -0,0 +1,11 @@
+import React from 'react';
+import { type MessageDescriptor } from 'react-intl-next';
+export declare const ShareMenuItem: ({ iconName, labelId, onClickHandler }: {
+    iconName: React.ReactNode;
+    labelId: MessageDescriptor;
+    onClickHandler: () => void;
+}) => JSX.Element;
+export declare const IconContainer: ({ icon }: {
+    icon: React.ReactNode;
+}) => JSX.Element;
+export declare const menuWrapperWidth = "102px";

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

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

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

@@ -1,5 +1,5 @@
-import { AnalyticsEventPayload } from '@atlaskit/analytics-next';
-import { DialogContentState, OriginTracing } from '../../types';
+import { type AnalyticsEventPayload } from '@atlaskit/analytics-next';
+import { type DialogContentState, type OriginTracing } from '../../types';
 export declare const CHANNEL_ID = "fabric-elements";
 export declare const ANALYTICS_SOURCE = "shareModal";
 export declare const INTEGRATION_MODAL_SOURCE = "integrationShareDialog";
@@ -11,7 +11,9 @@ export declare const shareIntegrationButtonEvent: (type?: string) => AnalyticsEv
 export declare const errorEncountered: (actionSubjectId: string | undefined, attributes?: any) => AnalyticsEventPayload;
 export declare const shareTriggerButtonClicked: () => AnalyticsEventPayload;
 export type TabSubjectIdType = 'shareTab' | 'shareToSlackTab';
+export type MenuItemSubjectIdType = 'shareMenuItem' | 'shareToSlackMenuItem';
 export declare const shareTabClicked: (subjectId: TabSubjectIdType, shareContentType?: string) => AnalyticsEventPayload;
+export declare const shareMenuItemClicked: (subjectId: MenuItemSubjectIdType, shareContentType?: string) => AnalyticsEventPayload;
 export declare const cancelShare: (start: number) => AnalyticsEventPayload;
 export declare const shortUrlRequested: () => AnalyticsEventPayload;
 export declare const shortUrlGenerated: (start: number, tooSlow: boolean) => AnalyticsEventPayload;

package/dist/types/i18n/cs.d.ts

@@ -45,6 +45,7 @@ declare const _default: {
     'fabric.elements.share.invite.to.jira': string;
     'fabric.elements.share.main.tab.text.confluence': string;
     'fabric.elements.share.main.tab.text.jira': string;
+    'fabric.elements.share.popup.label': string;
     'fabric.elements.share.success.message': string;
     'fabric.elements.share.to.integration.button': string;
     'fabric.elements.share.trigger.button.icon.label': string;

package/dist/types/i18n/da.d.ts

@@ -45,6 +45,7 @@ declare const _default: {
     'fabric.elements.share.invite.to.jira': string;
     'fabric.elements.share.main.tab.text.confluence': string;
     'fabric.elements.share.main.tab.text.jira': string;
+    'fabric.elements.share.popup.label': string;
     'fabric.elements.share.success.message': string;
     'fabric.elements.share.to.integration.button': string;
     'fabric.elements.share.trigger.button.icon.label': string;

package/dist/types/i18n/de.d.ts

@@ -45,6 +45,7 @@ declare const _default: {
     'fabric.elements.share.invite.to.jira': string;
     'fabric.elements.share.main.tab.text.confluence': string;
     'fabric.elements.share.main.tab.text.jira': string;
+    'fabric.elements.share.popup.label': string;
     'fabric.elements.share.success.message': string;
     'fabric.elements.share.to.integration.button': string;
     'fabric.elements.share.trigger.button.icon.label': string;

package/dist/types/i18n/en.d.ts

@@ -45,6 +45,7 @@ declare const _default: {
     'fabric.elements.share.invite.to.jira': string;
     'fabric.elements.share.main.tab.text.confluence': string;
     'fabric.elements.share.main.tab.text.jira': string;
+    'fabric.elements.share.popup.label': string;
     'fabric.elements.share.success.message': string;
     'fabric.elements.share.to.integration.button': string;
     'fabric.elements.share.trigger.button.icon.label': string;

package/dist/types/i18n/en_GB.d.ts

@@ -45,6 +45,7 @@ declare const _default: {
     'fabric.elements.share.invite.to.jira': string;
     'fabric.elements.share.main.tab.text.confluence': string;
     'fabric.elements.share.main.tab.text.jira': string;
+    'fabric.elements.share.popup.label': string;
     'fabric.elements.share.success.message': string;
     'fabric.elements.share.to.integration.button': string;
     'fabric.elements.share.trigger.button.icon.label': string;

package/dist/types/i18n/en_ZZ.d.ts

@@ -45,6 +45,7 @@ declare const _default: {
     'fabric.elements.share.invite.to.jira': string;
     'fabric.elements.share.main.tab.text.confluence': string;
     'fabric.elements.share.main.tab.text.jira': string;
+    'fabric.elements.share.popup.label': string;
     'fabric.elements.share.success.message': string;
     'fabric.elements.share.to.integration.button': string;
     'fabric.elements.share.trigger.button.icon.label': string;

package/dist/types/i18n/es.d.ts

@@ -45,6 +45,7 @@ declare const _default: {
     'fabric.elements.share.invite.to.jira': string;
     'fabric.elements.share.main.tab.text.confluence': string;
     'fabric.elements.share.main.tab.text.jira': string;
+    'fabric.elements.share.popup.label': string;
     'fabric.elements.share.success.message': string;
     'fabric.elements.share.to.integration.button': string;
     'fabric.elements.share.trigger.button.icon.label': string;

package/dist/types/i18n/fi.d.ts

@@ -45,6 +45,7 @@ declare const _default: {
     'fabric.elements.share.invite.to.jira': string;
     'fabric.elements.share.main.tab.text.confluence': string;
     'fabric.elements.share.main.tab.text.jira': string;
+    'fabric.elements.share.popup.label': string;
     'fabric.elements.share.success.message': string;
     'fabric.elements.share.to.integration.button': string;
     'fabric.elements.share.trigger.button.icon.label': string;

package/dist/types/i18n/fr.d.ts

@@ -45,6 +45,7 @@ declare const _default: {
     'fabric.elements.share.invite.to.jira': string;
     'fabric.elements.share.main.tab.text.confluence': string;
     'fabric.elements.share.main.tab.text.jira': string;
+    'fabric.elements.share.popup.label': string;
     'fabric.elements.share.success.message': string;
     'fabric.elements.share.to.integration.button': string;
     'fabric.elements.share.trigger.button.icon.label': string;

package/dist/types/i18n/hu.d.ts

@@ -45,6 +45,7 @@ declare const _default: {
     'fabric.elements.share.invite.to.jira': string;
     'fabric.elements.share.main.tab.text.confluence': string;
     'fabric.elements.share.main.tab.text.jira': string;
+    'fabric.elements.share.popup.label': string;
     'fabric.elements.share.success.message': string;
     'fabric.elements.share.to.integration.button': string;
     'fabric.elements.share.trigger.button.icon.label': string;

package/dist/types/i18n/it.d.ts

@@ -45,6 +45,7 @@ declare const _default: {
     'fabric.elements.share.invite.to.jira': string;
     'fabric.elements.share.main.tab.text.confluence': string;
     'fabric.elements.share.main.tab.text.jira': string;
+    'fabric.elements.share.popup.label': string;
     'fabric.elements.share.success.message': string;
     'fabric.elements.share.to.integration.button': string;
     'fabric.elements.share.trigger.button.icon.label': string;

package/dist/types/i18n/ja.d.ts

@@ -45,6 +45,7 @@ declare const _default: {
     'fabric.elements.share.invite.to.jira': string;
     'fabric.elements.share.main.tab.text.confluence': string;
     'fabric.elements.share.main.tab.text.jira': string;
+    'fabric.elements.share.popup.label': string;
     'fabric.elements.share.success.message': string;
     'fabric.elements.share.to.integration.button': string;
     'fabric.elements.share.trigger.button.icon.label': string;

package/dist/types/i18n/ko.d.ts

@@ -45,6 +45,7 @@ declare const _default: {
     'fabric.elements.share.invite.to.jira': string;
     'fabric.elements.share.main.tab.text.confluence': string;
     'fabric.elements.share.main.tab.text.jira': string;
+    'fabric.elements.share.popup.label': string;
     'fabric.elements.share.success.message': string;
     'fabric.elements.share.to.integration.button': string;
     'fabric.elements.share.trigger.button.icon.label': string;

package/dist/types/i18n/nb.d.ts

@@ -45,6 +45,7 @@ declare const _default: {
     'fabric.elements.share.invite.to.jira': string;
     'fabric.elements.share.main.tab.text.confluence': string;
     'fabric.elements.share.main.tab.text.jira': string;
+    'fabric.elements.share.popup.label': string;
     'fabric.elements.share.success.message': string;
     'fabric.elements.share.to.integration.button': string;
     'fabric.elements.share.trigger.button.icon.label': string;

package/dist/types/i18n/nl.d.ts

@@ -45,6 +45,7 @@ declare const _default: {
     'fabric.elements.share.invite.to.jira': string;
     'fabric.elements.share.main.tab.text.confluence': string;
     'fabric.elements.share.main.tab.text.jira': string;
+    'fabric.elements.share.popup.label': string;
     'fabric.elements.share.success.message': string;
     'fabric.elements.share.to.integration.button': string;
     'fabric.elements.share.trigger.button.icon.label': string;

package/dist/types/i18n/pl.d.ts

@@ -45,6 +45,7 @@ declare const _default: {
     'fabric.elements.share.invite.to.jira': string;
     'fabric.elements.share.main.tab.text.confluence': string;
     'fabric.elements.share.main.tab.text.jira': string;
+    'fabric.elements.share.popup.label': string;
     'fabric.elements.share.success.message': string;
     'fabric.elements.share.to.integration.button': string;
     'fabric.elements.share.trigger.button.icon.label': string;

package/dist/types/i18n/pt_BR.d.ts

@@ -45,6 +45,7 @@ declare const _default: {
     'fabric.elements.share.invite.to.jira': string;
     'fabric.elements.share.main.tab.text.confluence': string;
     'fabric.elements.share.main.tab.text.jira': string;
+    'fabric.elements.share.popup.label': string;
     'fabric.elements.share.success.message': string;
     'fabric.elements.share.to.integration.button': string;
     'fabric.elements.share.trigger.button.icon.label': string;

package/dist/types/i18n/ru.d.ts

@@ -45,6 +45,7 @@ declare const _default: {
     'fabric.elements.share.invite.to.jira': string;
     'fabric.elements.share.main.tab.text.confluence': string;
     'fabric.elements.share.main.tab.text.jira': string;
+    'fabric.elements.share.popup.label': string;
     'fabric.elements.share.success.message': string;
     'fabric.elements.share.to.integration.button': string;
     'fabric.elements.share.trigger.button.icon.label': string;

package/dist/types/i18n/sv.d.ts

@@ -45,6 +45,7 @@ declare const _default: {
     'fabric.elements.share.invite.to.jira': string;
     'fabric.elements.share.main.tab.text.confluence': string;
     'fabric.elements.share.main.tab.text.jira': string;
+    'fabric.elements.share.popup.label': string;
     'fabric.elements.share.success.message': string;
     'fabric.elements.share.to.integration.button': string;
     'fabric.elements.share.trigger.button.icon.label': string;

package/dist/types/i18n/th.d.ts

@@ -45,6 +45,7 @@ declare const _default: {
     'fabric.elements.share.invite.to.jira': string;
     'fabric.elements.share.main.tab.text.confluence': string;
     'fabric.elements.share.main.tab.text.jira': string;
+    'fabric.elements.share.popup.label': string;
     'fabric.elements.share.success.message': string;
     'fabric.elements.share.to.integration.button': string;
     'fabric.elements.share.trigger.button.icon.label': string;

package/dist/types/i18n/tr.d.ts

@@ -45,6 +45,7 @@ declare const _default: {
     'fabric.elements.share.invite.to.jira': string;
     'fabric.elements.share.main.tab.text.confluence': string;
     'fabric.elements.share.main.tab.text.jira': string;
+    'fabric.elements.share.popup.label': string;
     'fabric.elements.share.success.message': string;
     'fabric.elements.share.to.integration.button': string;
     'fabric.elements.share.trigger.button.icon.label': string;

package/dist/types/i18n/uk.d.ts

@@ -45,6 +45,7 @@ declare const _default: {
     'fabric.elements.share.invite.to.jira': string;
     'fabric.elements.share.main.tab.text.confluence': string;
     'fabric.elements.share.main.tab.text.jira': string;
+    'fabric.elements.share.popup.label': string;
     'fabric.elements.share.success.message': string;
     'fabric.elements.share.to.integration.button': string;
     'fabric.elements.share.trigger.button.icon.label': string;

package/dist/types/i18n/vi.d.ts

@@ -45,6 +45,7 @@ declare const _default: {
     'fabric.elements.share.invite.to.jira': string;
     'fabric.elements.share.main.tab.text.confluence': string;
     'fabric.elements.share.main.tab.text.jira': string;
+    'fabric.elements.share.popup.label': string;
     'fabric.elements.share.success.message': string;
     'fabric.elements.share.to.integration.button': string;
     'fabric.elements.share.trigger.button.icon.label': string;

package/dist/types/i18n/zh.d.ts

@@ -45,6 +45,7 @@ declare const _default: {
     'fabric.elements.share.invite.to.jira': string;
     'fabric.elements.share.main.tab.text.confluence': string;
     'fabric.elements.share.main.tab.text.jira': string;
+    'fabric.elements.share.popup.label': string;
     'fabric.elements.share.success.message': string;
     'fabric.elements.share.to.integration.button': string;
     'fabric.elements.share.trigger.button.icon.label': string;

package/dist/types/i18n/zh_TW.d.ts

@@ -45,6 +45,7 @@ declare const _default: {
     'fabric.elements.share.invite.to.jira': string;
     'fabric.elements.share.main.tab.text.confluence': string;
     'fabric.elements.share.main.tab.text.jira': string;
+    'fabric.elements.share.popup.label': string;
     'fabric.elements.share.success.message': string;
     'fabric.elements.share.to.integration.button': string;
     'fabric.elements.share.trigger.button.icon.label': string;

package/dist/types/i18n.d.ts

@@ -234,4 +234,14 @@ export declare const messages: {
         defaultMessage: string;
         description: string;
     };
+    slackMenuItemText: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    emailMenuItemText: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
 };

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

@@ -144,6 +144,7 @@ export type ShareDialogContainerProps = {
     isCopyDisabled?: boolean;
     isPublicLink?: boolean;
     integrationMode?: IntegrationMode;
+    isMenuItemSelected?: boolean;
     shareIntegrations?: Array<Integration>;
     /**
      * 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' | 'customFooter' | 'isCopyDisabled' | 'isPublicLink' | 'integrationMode' | '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' | 'customFooter' | 'isCopyDisabled' | 'isPublicLink' | 'integrationMode' | 'isMenuItemSelected' | 'shareFieldsFooter' | 'shareIntegrations' | 'shareAri' | 'tabIndex' | 'copyTooltipText' | 'dialogZIndex' | 'orgId' | 'isBrowseUsersDisabled' | 'userPickerOptions'> & {
     config?: ConfigResponse;
     isFetchingConfig?: boolean;
     children?: RenderCustomTriggerButton;
@@ -42,4 +42,5 @@ export type ShareDialogWithTriggerStates = {
     showIntegrationForm: boolean;
     selectedIntegration: Integration | null;
     tabIndex: number;
+    isMenuItemSelected: boolean;
 };

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

@@ -23,9 +23,10 @@ export declare enum TabType {
     default = 0,
     Slack = 1
 }
+export type MenuType = 'none' | 'default' | 'Slack';
 export type Integration = {
     type: string;
     Icon: React.ComponentType;
     Content: React.ComponentType<IntegrationContentProps>;
 };
-export type IntegrationMode = 'tabs' | 'split' | 'off';
+export type IntegrationMode = 'tabs' | 'split' | 'menu' | 'off';

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

@@ -4,6 +4,7 @@ import type { ConfigResponse } from '../clients/ShareServiceClient';
 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'> & {
     config?: ConfigResponse;
     isFetchingConfig?: boolean;
@@ -26,6 +27,8 @@ export type ShareFormProps = Pick<ShareDialogContainerProps, 'integrationMode' |
     onDismiss?: (data: ShareData) => void;
     onUserInputChange?: (query?: string, sessionId?: string) => void;
     onTabChange?: (index: number) => void;
+    onMenuItemChange?: (menuItem: MenuType) => void;
+    selectedMenuItem?: number;
     Content?: React.ReactNode;
     handleCloseDialog?: () => void;
 };

package/dist/types/types/UserPickerOptions.d.ts

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+import { type MessageDescriptor } from 'react-intl-next';
 import type { Props as SmartUserPickerProps } from '@atlaskit/smart-user-picker';
 export type UserPickerOptions = Pick<SmartUserPickerProps, 'onFocus' | 'header' | 'includeNonLicensedUsers'> & {
     /** Message to be shown when the menu is open but no options are provided.
@@ -10,4 +11,16 @@ export type UserPickerOptions = Pick<SmartUserPickerProps, 'onFocus' | 'header'
         isPublicLink?: boolean;
         allowEmail?: boolean;
     }) => string | null | React.ReactNode) | null;
+    /**
+     * Placeholder message for the user picker.
+     */
+    getPlaceholderMessage?: (allowEmail?: boolean, isBrowseUsersDisabled?: boolean) => MessageDescriptor;
+    /**
+     * Label message for the user picker.
+     */
+    getLabelMessage?: (allowEmail?: boolean, isBrowseUsersDisabled?: boolean) => MessageDescriptor;
+    /**
+     * Message to be shown when required validation is shown in the user picker.
+     */
+    getRequiredMessage?: (allowEmail?: boolean, isBrowseUsersDisabled?: boolean) => MessageDescriptor;
 };

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

@@ -10,6 +10,7 @@ export type { DialogPlacement, DialogBoundariesElement, RenderCustomTriggerButto
 export type { User, UserWithEmail, UserWithId } from './User';
 export type { Comment, Content, MetaData, Integration, IntegrationContentProps, } from './ShareEntities';
 export { TabType } from './ShareEntities';
+export type { MenuType } from './ShareEntities';
 export type KeysOfType<T, TProp> = {
     [P in keyof T]: T[P] extends TProp ? P : never;
 }[keyof T];

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

@@ -1,12 +1,13 @@
 import { jsx } from '@emotion/react';
 import type { LoadOptions } from '@atlaskit/smart-user-picker';
-import type { ShareData, ShareDialogWithTriggerProps, ShareDialogWithTriggerStates } from '../../types';
-import { IntegrationFormProps } from '../IntegrationForm';
-export type LazyShareFormProps = Pick<ShareDialogWithTriggerProps, 'copyLink' | 'config' | 'isFetchingConfig' | 'loadUserOptions' | 'shareFormTitle' | 'shareFormHelperMessage' | 'bottomMessage' | 'submitButtonLabel' | 'product' | 'customFooter' | 'enableSmartUserPicker' | 'loggedInAccountId' | 'cloudId' | 'shareFieldsFooter' | 'onUserSelectionChange' | 'isPublicLink' | 'copyTooltipText' | 'shareIntegrations' | 'integrationMode' | 'onDialogClose' | 'orgId' | 'isBrowseUsersDisabled' | 'userPickerOptions'> & Pick<ShareDialogWithTriggerStates, 'showIntegrationForm' | 'selectedIntegration' | 'isSharing' | 'shareError' | 'defaultValue'> & Pick<IntegrationFormProps, 'Content'> & {
+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' | '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'> & {
     onLinkCopy: () => void;
     onDismiss: (data: ShareData) => void;
     onSubmit: (data: ShareData) => void;
     onTabChange: (index: number) => void;
+    onMenuItemChange: (menuType: MenuType) => void;
     loadOptions?: LoadOptions;
     selectPortalRef: any;
     showTitle: boolean;

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

@@ -1,7 +1,7 @@
 import React from 'react';
-import { AnalyticsEventPayload, WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
-import { ShortenRequest } from '../clients/AtlassianUrlShortenerClient';
-import { ConfigResponse } from '../clients/ShareServiceClient';
+import { type AnalyticsEventPayload, type WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
+import { type ShortenRequest } from '../clients/AtlassianUrlShortenerClient';
+import { type ConfigResponse } from '../clients/ShareServiceClient';
 import type { OriginTracing, OriginTracingFactory, ShareData, ShareDialogContainerProps } from '../types';
 export declare const defaultConfig: ConfigResponse;
 export type State = {

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

@@ -25,6 +25,7 @@ export declare class ShareDialogWithTriggerInternal extends React.PureComponent<
     private closeAndResetDialog;
     private createAndFireEvent;
     private onTabChange;
+    private onMenuItemChange;
     private getFlags;
     private setIsLoading;
     private focus;
@@ -35,6 +36,7 @@ export declare class ShareDialogWithTriggerInternal extends React.PureComponent<
     private generateShareError;
     private handleShareSubmit;
     private handleFormDismiss;
+    private calculatePopupOffset;
     handleCopyLink: () => void;
     handleIntegrationClick: (integration: Integration) => void;
     renderShareTriggerButton: (triggerProps: TriggerProps) => React.ReactNode;

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

@@ -1,11 +1,12 @@
 /** @jsx jsx */
 import React from 'react';
-import { WrappedComponentProps } from 'react-intl-next';
-import { FormChildrenArgs, ShareData, ShareFormProps, TabType } from '../types';
+import { type WrappedComponentProps } from 'react-intl-next';
+import { type FormChildrenArgs, type MenuType, type ShareData, type ShareFormProps, TabType } from '../types';
 export declare const formWrapperStyles: import("@emotion/react").SerializedStyles;
 export declare const formFooterStyles: import("@emotion/react").SerializedStyles;
 export type State = {
     selectedTab: TabType;
+    selectedMenuItem: MenuType;
 };
 export type InternalFormProps = FormChildrenArgs<ShareData> & ShareFormProps & WrappedComponentProps;
 export declare const ShareForm: React.FC<ShareFormProps>;

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

@@ -1,9 +1,12 @@
-import { ReactNode } from 'react';
-import { ShareDialogWithTriggerProps } from '../../types';
+import { type ReactNode } from 'react';
+import { type ShareDialogWithTriggerProps } from '../../types';
+import { type IntegrationMode } from '../../types/ShareEntities';
 export type ShareFormWrapperProps = Pick<ShareDialogWithTriggerProps, 'shareFormTitle'> & {
     shouldShowTitle?: boolean;
     children?: ReactNode;
     footer?: ReactNode;
+    integrationMode?: IntegrationMode;
+    isMenuItemSelected?: boolean;
 };
-declare const ShareFormWrapper: ({ shareFormTitle, shouldShowTitle, children, footer, }: ShareFormWrapperProps) => JSX.Element;
+declare const ShareFormWrapper: ({ shareFormTitle, shouldShowTitle, children, footer, integrationMode, isMenuItemSelected, }: ShareFormWrapperProps) => JSX.Element;
 export default ShareFormWrapper;

package/dist/types-ts4.5/components/ShareFormWrapper/styled.d.ts

@@ -1,7 +1,11 @@
 /** @jsx jsx */
-import { PropsWithChildren } from 'react';
+import { type PropsWithChildren } from 'react';
 import { jsx } from '@emotion/react';
-export declare const InlineDialogFormWrapper: ({ children, }: PropsWithChildren<{}>) => jsx.JSX.Element;
+import { type IntegrationMode } from '../../types/ShareEntities';
+export declare const InlineDialogFormWrapper: ({ children, integrationMode, isMenuItemSelected, }: PropsWithChildren<{
+    integrationMode?: IntegrationMode | undefined;
+    isMenuItemSelected?: boolean | undefined;
+}>) => jsx.JSX.Element;
 /**
  * Apply the same styling, as previous @atlaskit/inline-dialog had,
  * compared to the @atlaskit/popup we are now using.

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

@@ -0,0 +1,11 @@
+import React from 'react';
+import { type MessageDescriptor } from 'react-intl-next';
+export declare const ShareMenuItem: ({ iconName, labelId, onClickHandler }: {
+    iconName: React.ReactNode;
+    labelId: MessageDescriptor;
+    onClickHandler: () => void;
+}) => JSX.Element;
+export declare const IconContainer: ({ icon }: {
+    icon: React.ReactNode;
+}) => JSX.Element;
+export declare const menuWrapperWidth = "102px";