@atlaskit/share 3.5.1 → 3.5.3

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/share
 
+## 3.5.3
+
+### Patch Changes
+
+- [`8cc2f888c83`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8cc2f888c83) - Upgrade Typescript from `4.3.5` to `4.5.5`
+
+## 3.5.2
+
+### Patch Changes
+
+- [`e9a46954c0f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e9a46954c0f) - added examples of copy link button
+
 ## 3.5.1
 
 ### Patch Changes

package/clients/package.json

@@ -3,5 +3,12 @@
   "main": "../dist/cjs/clients/index.js",
   "module": "../dist/esm/clients/index.js",
   "module:es2019": "../dist/es2019/clients/index.js",
-  "types": "../dist/types/clients/index.d.ts"
+  "types": "../dist/types/clients/index.d.ts",
+  "typesVersions": {
+    ">=4.0 <4.5": {
+      "*": [
+        "../dist/types-ts4.0/clients/index.d.ts"
+      ]
+    }
+  }
 }

package/copy-link-button/package.json

@@ -3,5 +3,12 @@
   "main": "../dist/cjs/components/CopyLinkButton.js",
   "module": "../dist/esm/components/CopyLinkButton.js",
   "module:es2019": "../dist/es2019/components/CopyLinkButton.js",
-  "types": "../dist/types/components/CopyLinkButton.d.ts"
+  "types": "../dist/types/components/CopyLinkButton.d.ts",
+  "typesVersions": {
+    ">=4.0 <4.5": {
+      "*": [
+        "../dist/types-ts4.0/components/CopyLinkButton.d.ts"
+      ]
+    }
+  }
 }

package/dist/cjs/clients/AtlassianUrlShortenerClient.js

@@ -69,7 +69,11 @@ var AtlassianUrlShortenerClient = /*#__PURE__*/function () {
               case 14:
                 _context.prev = 14;
                 _context.t0 = _context["catch"](0);
-                _context.t0.message = "While shortening URL: ".concat(_context.t0.message, "!");
+
+                if (_context.t0 instanceof Error) {
+                  _context.t0.message = "While shortening URL: ".concat(_context.t0.message, "!");
+                }
+
                 throw _context.t0;
 
               case 18:

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

@@ -19,7 +19,7 @@ var buildAttributes = function buildAttributes() {
   var attributes = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   return _objectSpread({
     packageName: "@atlaskit/share",
-    packageVersion: "3.5.1"
+    packageVersion: "3.5.3"
   }, attributes);
 };
 

package/dist/cjs/version.json

@@ -1,4 +1,4 @@
 {
 	"name": "@atlaskit/share",
-	"version": "3.5.1"
+	"version": "3.5.3"
 }

package/dist/es2019/clients/AtlassianUrlShortenerClient.js

@@ -21,7 +21,10 @@ export class AtlassianUrlShortenerClient {
 
       return result;
     } catch (err) {
-      err.message = `While shortening URL: ${err.message}!`;
+      if (err instanceof Error) {
+        err.message = `While shortening URL: ${err.message}!`;
+      }
+
       throw err;
     }
   }

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

@@ -2,7 +2,7 @@ import { isEmail, isTeam, isUser } from '@atlaskit/smart-user-picker';
 
 const buildAttributes = (attributes = {}) => ({
   packageName: "@atlaskit/share",
-  packageVersion: "3.5.1",
+  packageVersion: "3.5.3",
   ...attributes
 });
 

package/dist/es2019/version.json

@@ -1,4 +1,4 @@
 {
 	"name": "@atlaskit/share",
-	"version": "3.5.1"
+	"version": "3.5.3"
 }

package/dist/esm/clients/AtlassianUrlShortenerClient.js

@@ -56,7 +56,11 @@ export var AtlassianUrlShortenerClient = /*#__PURE__*/function () {
               case 14:
                 _context.prev = 14;
                 _context.t0 = _context["catch"](0);
-                _context.t0.message = "While shortening URL: ".concat(_context.t0.message, "!");
+
+                if (_context.t0 instanceof Error) {
+                  _context.t0.message = "While shortening URL: ".concat(_context.t0.message, "!");
+                }
+
                 throw _context.t0;
 
               case 18:

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

@@ -10,7 +10,7 @@ var buildAttributes = function buildAttributes() {
   var attributes = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   return _objectSpread({
     packageName: "@atlaskit/share",
-    packageVersion: "3.5.1"
+    packageVersion: "3.5.3"
   }, attributes);
 };
 

package/dist/esm/version.json

@@ -1,4 +1,4 @@
 {
 	"name": "@atlaskit/share",
-	"version": "3.5.1"
+	"version": "3.5.3"
 }

package/dist/types-ts4.0/clients/AtlassianUrlShortenerClient.d.ts

@@ -0,0 +1,16 @@
+export interface ShortenRequest {
+    cloudId?: string;
+    product: string;
+    type: string;
+    params: Record<string, string>;
+    query?: string;
+}
+export interface ShortenResponse {
+    shortUrl: string;
+}
+export interface UrlShortenerClient {
+    shorten(data: ShortenRequest): Promise<ShortenResponse>;
+}
+export declare class AtlassianUrlShortenerClient implements UrlShortenerClient {
+    shorten(data: ShortenRequest): Promise<ShortenResponse>;
+}

package/dist/types-ts4.0/clients/ShareServiceClient.d.ts

@@ -0,0 +1,25 @@
+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): Promise<ConfigResponse>;
+}
+export declare type ShareRequest = (content: Content, recipients: User[], metadata: MetaData, comment?: Comment) => Promise<ShareResponse>;
+export declare type ShareResponse = {
+    shareRequestId: string;
+};
+export declare type ConfigResponse = {
+    disableSharingToEmails?: boolean;
+};
+export declare const DEFAULT_SHARE_PATH = "share";
+export declare const SHARE_CONFIG_PATH = "share/configuration";
+export declare const DEFAULT_SHARE_SERVICE_URL = "/gateway/api";
+export declare class ShareServiceClient implements ShareClient {
+    private serviceConfig;
+    constructor(serviceConfig?: Partial<ServiceConfig>);
+    getConfig(cloudId: string): Promise<ConfigResponse>;
+    /**
+     * To send a POST request to the share endpoint in Share service
+     */
+    share(content: Content, recipients: User[], metadata: MetaData, comment?: Comment): Promise<ShareResponse>;
+}

package/dist/types-ts4.0/clients/index.d.ts

@@ -0,0 +1,2 @@
+export { ShareServiceClient } from './ShareServiceClient';
+export type { ShareClient } from './ShareServiceClient';

package/dist/types-ts4.0/components/CommentField.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { Comment } from '../types';
+export declare type Props = {
+    defaultValue?: Comment;
+};
+export declare const CommentField: React.FunctionComponent<Props>;

package/dist/types-ts4.0/components/CopyLinkButton.d.ts

@@ -0,0 +1,37 @@
+/** @jsx jsx */
+import React, { ReactElement } from 'react';
+import { jsx } from '@emotion/react';
+import { TriggerProps } from '@atlaskit/popup';
+export declare const AUTO_DISMISS_MS: number;
+export declare const messageContainerStyle: import("@emotion/react").SerializedStyles;
+declare type InputProps = {
+    text: string;
+};
+export declare const HiddenInput: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
+export declare type Props = {
+    onLinkCopy?: (link: string) => void;
+    link: string;
+    isDisabled?: boolean;
+    copyTooltipText?: string;
+    children?: string | ReactElement;
+    copyLinkButtonText: string;
+    copiedToClipboardText: string;
+    iconBefore?: ReactElement;
+};
+export declare type State = {
+    shouldShowCopiedMessage: boolean;
+};
+export declare class CopyLinkButton extends React.Component<Props, State> {
+    private autoDismiss;
+    private inputRef;
+    state: {
+        shouldShowCopiedMessage: boolean;
+    };
+    componentWillUnmount(): void;
+    private clearAutoDismiss;
+    private handleClick;
+    private handleDismissCopiedMessage;
+    renderTriggerButton: (triggerProps: TriggerProps) => jsx.JSX.Element;
+    render(): jsx.JSX.Element;
+}
+export default CopyLinkButton;

package/dist/types-ts4.0/components/ErrorBoundary.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
+declare const _default: React.ForwardRefExoticComponent<Omit<WithAnalyticsEventsProps, keyof WithAnalyticsEventsProps> & React.RefAttributes<any>>;
+export default _default;

package/dist/types-ts4.0/components/IntegrationButton.d.ts

@@ -0,0 +1,10 @@
+/** @jsx jsx */
+import React from 'react';
+import { CustomThemeButtonProps } from '@atlaskit/button/types';
+declare type Props = CustomThemeButtonProps & {
+    text: React.ReactNode;
+    IntegrationIcon: React.ComponentType;
+    textColor?: string;
+};
+declare const IntegrationButton: React.FC<Props>;
+export default IntegrationButton;

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

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

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

@@ -0,0 +1,20 @@
+/// <reference types="react" />
+import type { LoadOptions } from '@atlaskit/smart-user-picker';
+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' | 'orgId'> & Pick<ShareDialogWithTriggerStates, 'showIntegrationForm' | 'selectedIntegration' | 'isSharing' | 'shareError' | 'defaultValue'> & Pick<IntegrationFormProps, 'Content'> & {
+    onLinkCopy: () => void;
+    onDismiss: (data: ShareData) => void;
+    onSubmit: (data: ShareData) => void;
+    onTabChange: (index: number) => void;
+    loadOptions?: LoadOptions;
+    selectPortalRef: any;
+    showTitle: boolean;
+    setIsLoading: (isLoading: boolean) => void;
+};
+/**
+ * A Share form content which is lazy-loaded.
+ * Make sure this component is not exported inside main entry points `src/index.ts`
+ */
+declare function LazyShareForm(props: LazyShareFormProps): JSX.Element;
+export default LazyShareForm;

package/dist/types-ts4.0/components/LazyShareForm/index.d.ts

@@ -0,0 +1 @@
+export { default } from './LazyShareForm';

package/dist/types-ts4.0/components/LazyShareForm/lazy.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import type { LazyShareFormProps } from './LazyShareForm';
+declare const _default: (props: LazyShareFormProps) => JSX.Element;
+export default _default;

package/dist/types-ts4.0/components/MessagesIntlProvider.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { WrappedComponentProps } from 'react-intl-next';
+export interface Props {
+    children: React.ReactChild;
+}
+declare const _default: React.FC<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps<"intl">>> & {
+    WrappedComponent: React.ComponentType<Props & WrappedComponentProps<"intl">>;
+};
+export default _default;

package/dist/types-ts4.0/components/ShareButton.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { Appearance } from '@atlaskit/button/types';
+export declare type Props = {
+    appearance?: Appearance;
+    iconBefore?: React.ReactChild;
+    isLoading?: boolean;
+    isSelected?: boolean;
+    isDisabled?: boolean;
+    onClick: (e: React.MouseEvent<HTMLElement>) => void;
+    text?: React.ReactNode;
+};
+export declare const ShareButton: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLElement>>;
+export default ShareButton;

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

@@ -0,0 +1,59 @@
+import React from 'react';
+import { AnalyticsEventPayload, WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
+import { ShortenRequest } from '../clients/AtlassianUrlShortenerClient';
+import { ConfigResponse } from '../clients/ShareServiceClient';
+import type { OriginTracing, OriginTracingFactory, ShareData, ShareDialogContainerProps } from '../types';
+export declare const defaultConfig: ConfigResponse;
+export declare type State = {
+    config?: ConfigResponse;
+    isFetchingConfig: boolean;
+    shareActionCount: number;
+    currentPageUrl: string;
+    shortenedCopyLink: null | string;
+    shortenedCopyLinkData?: ShortenRequest;
+};
+/**
+ * This component serves as a Provider to provide customizable implementations
+ * to ShareDialogTrigger component
+ */
+export declare class ShareDialogContainerInternal extends React.Component<WithAnalyticsEventsProps & ShareDialogContainerProps, State> {
+    private shareClient;
+    private urlShortenerClient;
+    private _isMounted;
+    private _urlShorteningRequestCounter;
+    private _lastUrlShorteningWasTooSlow;
+    static defaultProps: {
+        enableSmartUserPicker: boolean;
+        shareeAction: "view" | "edit";
+        product: string;
+    };
+    constructor(props: ShareDialogContainerProps);
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    componentDidUpdate(prevProps: ShareDialogContainerProps): void;
+    private createAndFireEvent;
+    fetchConfig: () => void;
+    handleSubmitShare: ({ users, comment }: ShareData) => Promise<void>;
+    handleDialogOpen: () => Promise<void>;
+    decorateAnalytics: (payload: AnalyticsEventPayload) => AnalyticsEventPayload;
+    getUniqueCopyLinkOriginTracing: import("memoize-one").MemoizedFn<(link: string, originTracingFactory: OriginTracingFactory) => OriginTracing>;
+    getUniqueFormShareOriginTracing: import("memoize-one").MemoizedFn<(link: string, originTracingFactory: OriginTracingFactory, shareCount: number) => OriginTracing>;
+    getUpToDateShortenedCopyLink: (data: ShortenRequest) => Promise<string | null>;
+    getRawLink(): string;
+    getCopyLinkOriginTracing(): OriginTracing;
+    getFormShareOriginTracing(): OriginTracing;
+    getFullCopyLink(): string;
+    shouldShortenCopyLink(): boolean;
+    getShortenedCopyLink(): string | undefined;
+    getCopyLink(): string;
+    addOriginToShortQuery(query?: string): string;
+    getShortLinkData(props: ShareDialogContainerProps): ShortenRequest | undefined;
+    updateShortCopyLink(): void;
+    getFormShareLink: () => string;
+    render(): JSX.Element;
+}
+export declare const ShareDialogContainer: React.ForwardRefExoticComponent<Pick<Omit<WithAnalyticsEventsProps & ShareDialogContainerProps, keyof WithAnalyticsEventsProps>, "onTriggerButtonClick" | "isAutoOpenDialog" | "shouldCloseOnEscapePress" | "dialogPlacement" | "loadUserOptions" | "onDialogOpen" | "onDialogClose" | "onUserSelectionChange" | "renderCustomTriggerButton" | "shareContentType" | "shareFormTitle" | "shareFormHelperMessage" | "showFlags" | "loggedInAccountId" | "triggerButtonAppearance" | "triggerButtonIcon" | "triggerButtonStyle" | "triggerButtonTooltipPosition" | "triggerButtonTooltipText" | "cloudId" | "bottomMessage" | "customFooter" | "isCopyDisabled" | "isPublicLink" | "integrationMode" | "shareFieldsFooter" | "shareIntegrations" | "shareAri" | "tabIndex" | "copyTooltipText" | "dialogZIndex" | "orgId" | "shareClient" | "urlShortenerClient" | "shortLinkData" | "formatCopyLink" | "originTracingFactory" | "productId" | "shareLink" | "shareTitle" | "useUrlShortener"> & Partial<Pick<Omit<WithAnalyticsEventsProps & ShareDialogContainerProps, keyof WithAnalyticsEventsProps>, "enableSmartUserPicker" | "product" | "shareeAction">> & Partial<Pick<{
+    enableSmartUserPicker: boolean;
+    shareeAction: "view" | "edit";
+    product: string;
+}, never>> & React.RefAttributes<any>>;

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

@@ -0,0 +1,43 @@
+/** @jsx jsx */
+import React from 'react';
+import { jsx } from '@emotion/react';
+import { WrappedComponentProps } from 'react-intl-next';
+import { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
+import { TriggerProps } from '@atlaskit/popup';
+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> {
+    static defaultProps: Partial<ShareDialogWithTriggerProps>;
+    private containerRef;
+    /**
+     * Because the PopUp component has a higher zIndex it causes
+     * the select to be rendered within it, and add scrollbars.
+     * We will render the select options the PopUp outside,
+     */
+    private selectPortalRef;
+    private start;
+    state: ShareDialogWithTriggerStates;
+    componentDidMount(): void;
+    componentDidUpdate(prevProps: ShareDialogWithTriggerProps): void;
+    private closeAndResetDialog;
+    private createAndFireEvent;
+    private onTabChange;
+    private getFlags;
+    private setIsLoading;
+    private focus;
+    private handleKeyDown;
+    private handleDialogOpen;
+    private onTriggerClick;
+    private handleCloseDialog;
+    private handleShareSubmit;
+    private handleFormDismiss;
+    handleCopyLink: () => void;
+    handleIntegrationClick: (integration: Integration) => void;
+    renderShareTriggerButton: (triggerProps: TriggerProps) => React.ReactNode;
+    handleOpenSplitButton: () => void;
+    handleCloseSplitButton: () => void;
+    render(): jsx.JSX.Element;
+}
+export declare const ShareDialogWithTrigger: React.ComponentType<ShareDialogWithTriggerProps>;
+export {};

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

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

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

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

package/dist/types-ts4.0/components/ShareFormWrapper/index.d.ts

@@ -0,0 +1 @@
+export { default as ShareFormWrapper } from './ShareFormWrapper';

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

@@ -0,0 +1,10 @@
+/** @jsx jsx */
+import React from 'react';
+export declare const InlineDialogFormWrapper: React.FC;
+/**
+ * Apply the same styling, as previous @atlaskit/inline-dialog had,
+ * compared to the @atlaskit/popup we are now using.
+ *
+ * packages/design-system/inline-dialog/src/InlineDialog/styled.ts:20:3
+ */
+export declare const InlineDialogContentWrapper: React.FC;

package/dist/types-ts4.0/components/ShareHeader.d.ts

@@ -0,0 +1,8 @@
+/** @jsx jsx */
+import React from 'react';
+import { Theme } from '@emotion/react';
+export declare type Props = {
+    title?: React.ReactNode;
+};
+export declare const getFormHeaderTitleStyles: (theme: Theme) => import("@emotion/react").SerializedStyles;
+export declare const ShareHeader: React.StatelessComponent<Props>;

package/dist/types-ts4.0/components/SlackIcon.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const SlackIcon: () => JSX.Element;
+export default SlackIcon;

package/dist/types-ts4.0/components/SplitButton.d.ts

@@ -0,0 +1,19 @@
+/** @jsx jsx */
+import React from 'react';
+import { AnalyticsEventPayload } from '@atlaskit/analytics-next';
+import { Appearance } from '@atlaskit/button/types';
+import { DialogPlacement, Integration } from '../types';
+declare type SplitButtonProps = {
+    shareButton: React.ReactNode;
+    handleOpenSplitButton: () => void;
+    handleCloseSplitButton: () => void;
+    isUsingSplitButton: boolean;
+    shareIntegrations: Array<Integration>;
+    onIntegrationClick: (integration: Integration) => void;
+    triggerButtonAppearance?: Appearance;
+    dialogZIndex?: number;
+    dialogPlacement?: DialogPlacement;
+    createAndFireEvent: (payload: AnalyticsEventPayload) => void;
+};
+export default function SplitButton({ shareButton, handleOpenSplitButton, handleCloseSplitButton, isUsingSplitButton, shareIntegrations, onIntegrationClick, triggerButtonAppearance, dialogZIndex, dialogPlacement, createAndFireEvent, }: SplitButtonProps): JSX.Element;
+export {};

package/dist/types-ts4.0/components/UserPickerField.d.ts

@@ -0,0 +1,28 @@
+import React from 'react';
+import { WrappedComponentProps } from 'react-intl-next';
+import { LoadOptions, OptionData, Value } from '@atlaskit/smart-user-picker';
+import { ConfigResponse, ProductName } from '../types';
+export declare const REQUIRED = "REQUIRED";
+export declare type Props = {
+    loadOptions?: LoadOptions;
+    defaultValue?: OptionData[];
+    config?: ConfigResponse;
+    isLoading?: boolean;
+    product: ProductName;
+    onInputChange?: (query?: string, sessionId?: string) => void;
+    enableSmartUserPicker?: boolean;
+    loggedInAccountId?: string;
+    cloudId?: string;
+    onChange?: (value: Value) => void;
+    selectPortalRef?: React.Ref<HTMLDivElement>;
+    isPublicLink?: boolean;
+    helperMessage?: string;
+    orgId?: string;
+};
+export declare class UserPickerFieldComponent extends React.Component<WrappedComponentProps & Props> {
+    private loadOptions;
+    private getInviteWarningMessage;
+    private handleUserPickerTransform;
+    render(): JSX.Element;
+}
+export declare const UserPickerField: React.ComponentType<Props>;

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

@@ -0,0 +1,19 @@
+import { AnalyticsEventPayload } from '@atlaskit/analytics-next';
+import { DialogContentState, OriginTracing } from '../../types';
+export declare const CHANNEL_ID = "fabric-elements";
+export declare const ANALYTICS_SOURCE = "shareModal";
+export declare const INTEGRATION_MODAL_SOURCE = "integrationShareDialog";
+export declare const screenEvent: ({ isPublicLink }: {
+    isPublicLink?: boolean | undefined;
+}) => AnalyticsEventPayload;
+export declare const shareSplitButtonEvent: () => AnalyticsEventPayload;
+export declare const shareIntegrationButtonEvent: (type?: string) => AnalyticsEventPayload;
+export declare const errorEncountered: (actionSubjectId: string | undefined, attributes?: any) => AnalyticsEventPayload;
+export declare const shareTriggerButtonClicked: () => AnalyticsEventPayload;
+export declare type TabSubjectIdType = 'shareTab' | 'shareToSlackTab';
+export declare const shareTabClicked: (subjectId: TabSubjectIdType) => AnalyticsEventPayload;
+export declare const cancelShare: (start: number) => AnalyticsEventPayload;
+export declare const shortUrlRequested: () => AnalyticsEventPayload;
+export declare const shortUrlGenerated: (start: number, tooSlow: boolean) => AnalyticsEventPayload;
+export declare const copyLinkButtonClicked: (start: number, shareContentType?: string | undefined, shareOrigin?: OriginTracing | undefined, isPublicLink?: boolean, ari?: string | undefined) => AnalyticsEventPayload;
+export declare const formShareSubmitted: (start: number, data: DialogContentState, shareContentType?: string | undefined, shareOrigin?: OriginTracing | undefined, isPublicLink?: boolean) => AnalyticsEventPayload;

package/dist/types-ts4.0/components/analytics/ufoExperienceHelper.d.ts

@@ -0,0 +1,2 @@
+import { UFOExperience } from '@atlaskit/ufo';
+export declare const isValidFailedExperience: (experience: UFOExperience, error: any) => void;

package/dist/types-ts4.0/components/analytics/ufoExperiences.d.ts

@@ -0,0 +1,3 @@
+import { UFOExperience } from '@atlaskit/ufo';
+export declare const renderShareDialogExp: UFOExperience;
+export declare const shareSubmitExp: UFOExperience;

package/dist/types-ts4.0/components/colorSlackIcon.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const SlackIcon: () => JSX.Element;
+export default SlackIcon;

package/dist/types-ts4.0/components/localStorageUtils.d.ts

@@ -0,0 +1,5 @@
+import { ProductName } from '../types';
+export declare const getDefaultSlackWorkSpace: (product: ProductName) => string | null;
+export declare const setDefaultSlackWorkSpace: (product: ProductName, value: string) => void;
+export declare const getIsOnboardingDismissed: (product: ProductName) => string | null;
+export declare const setIsOnboardingDismissed: (product: ProductName, value: string) => void;

package/dist/types-ts4.0/components/monochromeSlackIcon.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const SlackIcon: () => JSX.Element;
+export default SlackIcon;

package/dist/types-ts4.0/components/styles.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { CustomThemeButtonProps } from '@atlaskit/button/types';
+export declare const MAX_PICKER_HEIGHT = 102;
+declare const StyledButton: React.StatelessComponent<CustomThemeButtonProps>;
+export default StyledButton;

package/dist/types-ts4.0/components/utils.d.ts

@@ -0,0 +1,20 @@
+/// <reference types="react" />
+import { OptionData } from '@atlaskit/smart-user-picker';
+import { ConfigResponse, User } from '../types';
+import type { IntegrationMode } from '../types/ShareEntities';
+/**
+ * We need to generate correct zIndex, for the PopUp and for the Select inside it.
+ * The PopUp's defaults to `layers.layer()` from @atlaskit/theme. But if user provides
+ * a different value, we need check it, and in case of Select Portal z-index, we need to
+ * top it, so it's visible in the popup.
+ */
+export declare const zIndexAddition: number;
+export declare const generateSelectZIndex: (dialogZIndex?: number | undefined) => number;
+/**
+ * Helper to get around TS error of property `current` not being
+ * part of React's `ref` object.
+ */
+export declare const getMenuPortalTargetCurrentHTML: (ref?: import("react").Ref<HTMLDivElement> | undefined) => HTMLDivElement | null;
+export declare const optionDataToUsers: (optionDataArray: OptionData[]) => User[];
+export declare const allowEmails: (config?: ConfigResponse | undefined) => boolean;
+export declare const resolveShareFooter: (integrationMode: IntegrationMode | undefined, tabIndex: number, customFooter: React.ReactNode) => React.ReactNode | undefined;