@atlaskit/share 4.18.0 → 4.18.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +1175 -1166
- package/dist/cjs/components/CopyLinkButton.js +20 -10
- package/dist/cjs/components/IntegrationButton.js +11 -8
- package/dist/cjs/components/ShareButton.js +2 -2
- package/dist/cjs/components/ShareDialogWithTrigger.js +3 -1
- package/dist/cjs/components/ShareForm.js +2 -2
- package/dist/cjs/components/SlackIcon.js +24 -8
- package/dist/cjs/components/SplitButton.js +14 -20
- package/dist/cjs/components/analytics/analytics.js +1 -1
- package/dist/cjs/components/colorSlackIcon.js +24 -8
- package/dist/cjs/components/styles.js +7 -22
- package/dist/es2019/components/CopyLinkButton.js +20 -13
- package/dist/es2019/components/IntegrationButton.js +11 -8
- package/dist/es2019/components/ShareButton.js +1 -1
- package/dist/es2019/components/ShareDialogWithTrigger.js +3 -1
- package/dist/es2019/components/ShareForm.js +1 -1
- package/dist/es2019/components/SlackIcon.js +24 -8
- package/dist/es2019/components/SplitButton.js +14 -40
- package/dist/es2019/components/analytics/analytics.js +1 -1
- package/dist/es2019/components/colorSlackIcon.js +24 -8
- package/dist/es2019/components/styles.js +5 -19
- package/dist/esm/components/CopyLinkButton.js +19 -8
- package/dist/esm/components/IntegrationButton.js +11 -8
- package/dist/esm/components/ShareButton.js +1 -1
- package/dist/esm/components/ShareDialogWithTrigger.js +3 -1
- package/dist/esm/components/ShareForm.js +1 -1
- package/dist/esm/components/SlackIcon.js +24 -8
- package/dist/esm/components/SplitButton.js +14 -19
- package/dist/esm/components/analytics/analytics.js +1 -1
- package/dist/esm/components/colorSlackIcon.js +24 -8
- package/dist/esm/components/styles.js +7 -22
- package/dist/types/clients/ShareServiceClient.d.ts +2 -2
- package/dist/types/components/CommentField.d.ts +1 -1
- package/dist/types/components/CopyLinkButton.d.ts +2 -2
- package/dist/types/components/ErrorBoundary.d.ts +1 -1
- package/dist/types/components/IntegrationButton.d.ts +1 -1
- package/dist/types/components/IntegrationForm.d.ts +1 -1
- package/dist/types/components/MessagesIntlProvider.d.ts +1 -1
- package/dist/types/components/ShareButton.d.ts +1 -1
- package/dist/types/components/ShareHeader.d.ts +1 -1
- package/dist/types/components/SplitButton.d.ts +5 -5
- package/dist/types/components/analytics/ufoExperienceHelper.d.ts +1 -1
- package/dist/types/components/utils.d.ts +2 -2
- package/dist/types/types/ShareContentState.d.ts +3 -3
- package/dist/types/types/ShareDialogContainer.d.ts +2 -2
- package/dist/types/util/i18n-util.d.ts +1 -1
- package/dist/types-ts4.5/clients/ShareServiceClient.d.ts +2 -2
- package/dist/types-ts4.5/components/CommentField.d.ts +1 -1
- package/dist/types-ts4.5/components/CopyLinkButton.d.ts +2 -2
- package/dist/types-ts4.5/components/ErrorBoundary.d.ts +1 -1
- package/dist/types-ts4.5/components/IntegrationButton.d.ts +1 -1
- package/dist/types-ts4.5/components/IntegrationForm.d.ts +1 -1
- package/dist/types-ts4.5/components/MessagesIntlProvider.d.ts +1 -1
- package/dist/types-ts4.5/components/ShareButton.d.ts +1 -1
- package/dist/types-ts4.5/components/ShareHeader.d.ts +1 -1
- package/dist/types-ts4.5/components/SplitButton.d.ts +5 -5
- package/dist/types-ts4.5/components/analytics/ufoExperienceHelper.d.ts +1 -1
- package/dist/types-ts4.5/components/utils.d.ts +2 -2
- package/dist/types-ts4.5/types/ShareContentState.d.ts +3 -3
- package/dist/types-ts4.5/types/ShareDialogContainer.d.ts +2 -2
- package/dist/types-ts4.5/util/i18n-util.d.ts +1 -1
- package/package.json +6 -8
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/** @jsx jsx */
|
|
2
2
|
import React from 'react';
|
|
3
|
-
import { CustomThemeButtonProps } from '@atlaskit/button/types';
|
|
3
|
+
import { type CustomThemeButtonProps } from '@atlaskit/button/types';
|
|
4
4
|
type Props = CustomThemeButtonProps & {
|
|
5
5
|
text: React.ReactNode;
|
|
6
6
|
IntegrationIcon: React.ComponentType;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/** @jsx jsx */
|
|
2
2
|
import React from 'react';
|
|
3
3
|
import { jsx } from '@emotion/react';
|
|
4
|
-
import { IntegrationContentProps } from '../types';
|
|
4
|
+
import { type IntegrationContentProps } from '../types';
|
|
5
5
|
export declare const formWrapperStyle: import("@emotion/react").SerializedStyles;
|
|
6
6
|
export type IntegrationFormProps = {
|
|
7
7
|
Content: React.ComponentType<IntegrationContentProps> | null;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
/** @jsx jsx */
|
|
2
2
|
import React from 'react';
|
|
3
|
-
import { AnalyticsEventPayload } from '@atlaskit/analytics-next';
|
|
4
|
-
import {
|
|
5
|
-
import { DialogPlacement, Integration } from '../types';
|
|
3
|
+
import { type AnalyticsEventPayload } from '@atlaskit/analytics-next';
|
|
4
|
+
import { type IconButtonProps } from '@atlaskit/button/new';
|
|
5
|
+
import { type DialogPlacement, type Integration } from '../types';
|
|
6
6
|
type SplitButtonProps = {
|
|
7
7
|
shareButton: React.ReactNode;
|
|
8
8
|
handleOpenSplitButton: () => void;
|
|
@@ -10,10 +10,10 @@ type SplitButtonProps = {
|
|
|
10
10
|
isUsingSplitButton: boolean;
|
|
11
11
|
shareIntegrations: Array<Integration>;
|
|
12
12
|
onIntegrationClick: (integration: Integration) => void;
|
|
13
|
-
triggerButtonAppearance?:
|
|
13
|
+
triggerButtonAppearance?: IconButtonProps['appearance'];
|
|
14
14
|
dialogZIndex?: number;
|
|
15
15
|
dialogPlacement?: DialogPlacement;
|
|
16
16
|
createAndFireEvent: (payload: AnalyticsEventPayload) => void;
|
|
17
17
|
};
|
|
18
|
-
export default function SplitButton({ shareButton, handleOpenSplitButton, handleCloseSplitButton, isUsingSplitButton, shareIntegrations, onIntegrationClick, triggerButtonAppearance,
|
|
18
|
+
export default function SplitButton({ shareButton, handleOpenSplitButton, handleCloseSplitButton, isUsingSplitButton, shareIntegrations, onIntegrationClick, triggerButtonAppearance, createAndFireEvent, }: SplitButtonProps): JSX.Element;
|
|
19
19
|
export {};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { UFOExperience } from '@atlaskit/ufo';
|
|
1
|
+
import { type UFOExperience } from '@atlaskit/ufo';
|
|
2
2
|
export declare const isValidFailedExperience: (experience: UFOExperience, error: any) => void;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { OptionData } from '@atlaskit/smart-user-picker';
|
|
2
|
-
import { ConfigResponse, User } from '../types';
|
|
1
|
+
import { type OptionData } from '@atlaskit/smart-user-picker';
|
|
2
|
+
import { type ConfigResponse, type User } from '../types';
|
|
3
3
|
import type { IntegrationMode } from '../types/ShareEntities';
|
|
4
4
|
/**
|
|
5
5
|
* We need to generate correct zIndex, for the PopUp and for the Select inside it.
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { OptionData } from '@atlaskit/smart-user-picker';
|
|
2
|
-
import { Comment } from './ShareEntities';
|
|
3
|
-
import { User } from './User';
|
|
1
|
+
import { type OptionData } from '@atlaskit/smart-user-picker';
|
|
2
|
+
import { type Comment } from './ShareEntities';
|
|
3
|
+
import { type User } from './User';
|
|
4
4
|
export type ShareContentState = {
|
|
5
5
|
users: User[];
|
|
6
6
|
comment?: Comment;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import type {
|
|
2
|
+
import type { IconButtonProps } from '@atlaskit/button/new';
|
|
3
3
|
import type { IconProps } from '@atlaskit/icon';
|
|
4
4
|
import type { LoadOptions, Value } from '@atlaskit/smart-user-picker';
|
|
5
5
|
import type { ShortenRequest, UrlShortenerClient } from '../clients/AtlassianUrlShortenerClient';
|
|
@@ -111,7 +111,7 @@ export type ShareDialogContainerProps = {
|
|
|
111
111
|
*/
|
|
112
112
|
loggedInAccountId?: string;
|
|
113
113
|
/** Appearance of the share modal trigger button */
|
|
114
|
-
triggerButtonAppearance?:
|
|
114
|
+
triggerButtonAppearance?: IconButtonProps['appearance'];
|
|
115
115
|
/** Share button Icon */
|
|
116
116
|
triggerButtonIcon?: React.ComponentType<IconProps>;
|
|
117
117
|
/** Style of the share modal trigger button. */
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { ServiceConfig } from '@atlaskit/util-service-support';
|
|
2
|
-
import { Comment, Content, MetaData, User } from '../types';
|
|
1
|
+
import { type ServiceConfig } from '@atlaskit/util-service-support';
|
|
2
|
+
import { type Comment, type Content, type MetaData, type User } from '../types';
|
|
3
3
|
export type ShareRequest = (content: Content, recipients: User[], metadata: MetaData, comment?: Comment) => Promise<ShareResponse>;
|
|
4
4
|
export type ShareResponse = {
|
|
5
5
|
shareRequestId: string;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/** @jsx jsx */
|
|
2
|
-
import React, { ReactElement } from 'react';
|
|
2
|
+
import React, { type ReactElement } from 'react';
|
|
3
3
|
import { jsx } from '@emotion/react';
|
|
4
|
-
import { TriggerProps } from '@atlaskit/popup';
|
|
4
|
+
import { type TriggerProps } from '@atlaskit/popup';
|
|
5
5
|
export declare const AUTO_DISMISS_MS: number;
|
|
6
6
|
export declare const messageContainerStyle: import("@emotion/react").SerializedStyles;
|
|
7
7
|
type InputProps = {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
|
|
2
|
+
import { type WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
|
|
3
3
|
type Props = React.PropsWithChildren<WithAnalyticsEventsProps>;
|
|
4
4
|
declare const _default: React.ForwardRefExoticComponent<Omit<Props, keyof WithAnalyticsEventsProps> & React.RefAttributes<any>>;
|
|
5
5
|
export default _default;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/** @jsx jsx */
|
|
2
2
|
import React from 'react';
|
|
3
|
-
import { CustomThemeButtonProps } from '@atlaskit/button/types';
|
|
3
|
+
import { type CustomThemeButtonProps } from '@atlaskit/button/types';
|
|
4
4
|
type Props = CustomThemeButtonProps & {
|
|
5
5
|
text: React.ReactNode;
|
|
6
6
|
IntegrationIcon: React.ComponentType;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/** @jsx jsx */
|
|
2
2
|
import React from 'react';
|
|
3
3
|
import { jsx } from '@emotion/react';
|
|
4
|
-
import { IntegrationContentProps } from '../types';
|
|
4
|
+
import { type IntegrationContentProps } from '../types';
|
|
5
5
|
export declare const formWrapperStyle: import("@emotion/react").SerializedStyles;
|
|
6
6
|
export type IntegrationFormProps = {
|
|
7
7
|
Content: React.ComponentType<IntegrationContentProps> | null;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
/** @jsx jsx */
|
|
2
2
|
import React from 'react';
|
|
3
|
-
import { AnalyticsEventPayload } from '@atlaskit/analytics-next';
|
|
4
|
-
import {
|
|
5
|
-
import { DialogPlacement, Integration } from '../types';
|
|
3
|
+
import { type AnalyticsEventPayload } from '@atlaskit/analytics-next';
|
|
4
|
+
import { type IconButtonProps } from '@atlaskit/button/new';
|
|
5
|
+
import { type DialogPlacement, type Integration } from '../types';
|
|
6
6
|
type SplitButtonProps = {
|
|
7
7
|
shareButton: React.ReactNode;
|
|
8
8
|
handleOpenSplitButton: () => void;
|
|
@@ -10,10 +10,10 @@ type SplitButtonProps = {
|
|
|
10
10
|
isUsingSplitButton: boolean;
|
|
11
11
|
shareIntegrations: Array<Integration>;
|
|
12
12
|
onIntegrationClick: (integration: Integration) => void;
|
|
13
|
-
triggerButtonAppearance?:
|
|
13
|
+
triggerButtonAppearance?: IconButtonProps['appearance'];
|
|
14
14
|
dialogZIndex?: number;
|
|
15
15
|
dialogPlacement?: DialogPlacement;
|
|
16
16
|
createAndFireEvent: (payload: AnalyticsEventPayload) => void;
|
|
17
17
|
};
|
|
18
|
-
export default function SplitButton({ shareButton, handleOpenSplitButton, handleCloseSplitButton, isUsingSplitButton, shareIntegrations, onIntegrationClick, triggerButtonAppearance,
|
|
18
|
+
export default function SplitButton({ shareButton, handleOpenSplitButton, handleCloseSplitButton, isUsingSplitButton, shareIntegrations, onIntegrationClick, triggerButtonAppearance, createAndFireEvent, }: SplitButtonProps): JSX.Element;
|
|
19
19
|
export {};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { UFOExperience } from '@atlaskit/ufo';
|
|
1
|
+
import { type UFOExperience } from '@atlaskit/ufo';
|
|
2
2
|
export declare const isValidFailedExperience: (experience: UFOExperience, error: any) => void;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { OptionData } from '@atlaskit/smart-user-picker';
|
|
2
|
-
import { ConfigResponse, User } from '../types';
|
|
1
|
+
import { type OptionData } from '@atlaskit/smart-user-picker';
|
|
2
|
+
import { type ConfigResponse, type User } from '../types';
|
|
3
3
|
import type { IntegrationMode } from '../types/ShareEntities';
|
|
4
4
|
/**
|
|
5
5
|
* We need to generate correct zIndex, for the PopUp and for the Select inside it.
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { OptionData } from '@atlaskit/smart-user-picker';
|
|
2
|
-
import { Comment } from './ShareEntities';
|
|
3
|
-
import { User } from './User';
|
|
1
|
+
import { type OptionData } from '@atlaskit/smart-user-picker';
|
|
2
|
+
import { type Comment } from './ShareEntities';
|
|
3
|
+
import { type User } from './User';
|
|
4
4
|
export type ShareContentState = {
|
|
5
5
|
users: User[];
|
|
6
6
|
comment?: Comment;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import type {
|
|
2
|
+
import type { IconButtonProps } from '@atlaskit/button/new';
|
|
3
3
|
import type { IconProps } from '@atlaskit/icon';
|
|
4
4
|
import type { LoadOptions, Value } from '@atlaskit/smart-user-picker';
|
|
5
5
|
import type { ShortenRequest, UrlShortenerClient } from '../clients/AtlassianUrlShortenerClient';
|
|
@@ -111,7 +111,7 @@ export type ShareDialogContainerProps = {
|
|
|
111
111
|
*/
|
|
112
112
|
loggedInAccountId?: string;
|
|
113
113
|
/** Appearance of the share modal trigger button */
|
|
114
|
-
triggerButtonAppearance?:
|
|
114
|
+
triggerButtonAppearance?: IconButtonProps['appearance'];
|
|
115
115
|
/** Share button Icon */
|
|
116
116
|
triggerButtonIcon?: React.ComponentType<IconProps>;
|
|
117
117
|
/** Style of the share modal trigger button. */
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/share",
|
|
3
|
-
"version": "4.18.
|
|
3
|
+
"version": "4.18.2",
|
|
4
4
|
"description": "Fabric Share Element",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -42,15 +42,15 @@
|
|
|
42
42
|
},
|
|
43
43
|
"dependencies": {
|
|
44
44
|
"@atlaskit/analytics-next": "^9.3.0",
|
|
45
|
-
"@atlaskit/button": "^17.
|
|
45
|
+
"@atlaskit/button": "^17.17.0",
|
|
46
46
|
"@atlaskit/dropdown-menu": "^12.10.0",
|
|
47
|
-
"@atlaskit/form": "^10.
|
|
47
|
+
"@atlaskit/form": "^10.2.0",
|
|
48
48
|
"@atlaskit/icon": "^22.3.0",
|
|
49
49
|
"@atlaskit/menu": "^2.2.0",
|
|
50
|
-
"@atlaskit/popper": "^
|
|
50
|
+
"@atlaskit/popper": "^6.0.0",
|
|
51
51
|
"@atlaskit/popup": "^1.17.0",
|
|
52
52
|
"@atlaskit/portal": "^4.5.0",
|
|
53
|
-
"@atlaskit/primitives": "^6.
|
|
53
|
+
"@atlaskit/primitives": "^6.4.0",
|
|
54
54
|
"@atlaskit/smart-user-picker": "^6.9.0",
|
|
55
55
|
"@atlaskit/spinner": "^16.1.0",
|
|
56
56
|
"@atlaskit/tabs": "^16.1.0",
|
|
@@ -76,7 +76,6 @@
|
|
|
76
76
|
"devDependencies": {
|
|
77
77
|
"@atlaskit/editor-test-helpers": "^18.23.0",
|
|
78
78
|
"@atlaskit/flag": "^15.5.0",
|
|
79
|
-
"@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
|
|
80
79
|
"@testing-library/react": "^12.1.5",
|
|
81
80
|
"@testing-library/user-event": "^14.4.3",
|
|
82
81
|
"enzyme": "^3.10.0",
|
|
@@ -118,6 +117,5 @@
|
|
|
118
117
|
".": "./src/index.ts",
|
|
119
118
|
"./clients": "./src/clients/index.ts",
|
|
120
119
|
"./copy-link-button": "./src/components/CopyLinkButton.tsx"
|
|
121
|
-
}
|
|
122
|
-
"prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.1"
|
|
120
|
+
}
|
|
123
121
|
}
|