@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.
Files changed (62) hide show
  1. package/CHANGELOG.md +1175 -1166
  2. package/dist/cjs/components/CopyLinkButton.js +20 -10
  3. package/dist/cjs/components/IntegrationButton.js +11 -8
  4. package/dist/cjs/components/ShareButton.js +2 -2
  5. package/dist/cjs/components/ShareDialogWithTrigger.js +3 -1
  6. package/dist/cjs/components/ShareForm.js +2 -2
  7. package/dist/cjs/components/SlackIcon.js +24 -8
  8. package/dist/cjs/components/SplitButton.js +14 -20
  9. package/dist/cjs/components/analytics/analytics.js +1 -1
  10. package/dist/cjs/components/colorSlackIcon.js +24 -8
  11. package/dist/cjs/components/styles.js +7 -22
  12. package/dist/es2019/components/CopyLinkButton.js +20 -13
  13. package/dist/es2019/components/IntegrationButton.js +11 -8
  14. package/dist/es2019/components/ShareButton.js +1 -1
  15. package/dist/es2019/components/ShareDialogWithTrigger.js +3 -1
  16. package/dist/es2019/components/ShareForm.js +1 -1
  17. package/dist/es2019/components/SlackIcon.js +24 -8
  18. package/dist/es2019/components/SplitButton.js +14 -40
  19. package/dist/es2019/components/analytics/analytics.js +1 -1
  20. package/dist/es2019/components/colorSlackIcon.js +24 -8
  21. package/dist/es2019/components/styles.js +5 -19
  22. package/dist/esm/components/CopyLinkButton.js +19 -8
  23. package/dist/esm/components/IntegrationButton.js +11 -8
  24. package/dist/esm/components/ShareButton.js +1 -1
  25. package/dist/esm/components/ShareDialogWithTrigger.js +3 -1
  26. package/dist/esm/components/ShareForm.js +1 -1
  27. package/dist/esm/components/SlackIcon.js +24 -8
  28. package/dist/esm/components/SplitButton.js +14 -19
  29. package/dist/esm/components/analytics/analytics.js +1 -1
  30. package/dist/esm/components/colorSlackIcon.js +24 -8
  31. package/dist/esm/components/styles.js +7 -22
  32. package/dist/types/clients/ShareServiceClient.d.ts +2 -2
  33. package/dist/types/components/CommentField.d.ts +1 -1
  34. package/dist/types/components/CopyLinkButton.d.ts +2 -2
  35. package/dist/types/components/ErrorBoundary.d.ts +1 -1
  36. package/dist/types/components/IntegrationButton.d.ts +1 -1
  37. package/dist/types/components/IntegrationForm.d.ts +1 -1
  38. package/dist/types/components/MessagesIntlProvider.d.ts +1 -1
  39. package/dist/types/components/ShareButton.d.ts +1 -1
  40. package/dist/types/components/ShareHeader.d.ts +1 -1
  41. package/dist/types/components/SplitButton.d.ts +5 -5
  42. package/dist/types/components/analytics/ufoExperienceHelper.d.ts +1 -1
  43. package/dist/types/components/utils.d.ts +2 -2
  44. package/dist/types/types/ShareContentState.d.ts +3 -3
  45. package/dist/types/types/ShareDialogContainer.d.ts +2 -2
  46. package/dist/types/util/i18n-util.d.ts +1 -1
  47. package/dist/types-ts4.5/clients/ShareServiceClient.d.ts +2 -2
  48. package/dist/types-ts4.5/components/CommentField.d.ts +1 -1
  49. package/dist/types-ts4.5/components/CopyLinkButton.d.ts +2 -2
  50. package/dist/types-ts4.5/components/ErrorBoundary.d.ts +1 -1
  51. package/dist/types-ts4.5/components/IntegrationButton.d.ts +1 -1
  52. package/dist/types-ts4.5/components/IntegrationForm.d.ts +1 -1
  53. package/dist/types-ts4.5/components/MessagesIntlProvider.d.ts +1 -1
  54. package/dist/types-ts4.5/components/ShareButton.d.ts +1 -1
  55. package/dist/types-ts4.5/components/ShareHeader.d.ts +1 -1
  56. package/dist/types-ts4.5/components/SplitButton.d.ts +5 -5
  57. package/dist/types-ts4.5/components/analytics/ufoExperienceHelper.d.ts +1 -1
  58. package/dist/types-ts4.5/components/utils.d.ts +2 -2
  59. package/dist/types-ts4.5/types/ShareContentState.d.ts +3 -3
  60. package/dist/types-ts4.5/types/ShareDialogContainer.d.ts +2 -2
  61. package/dist/types-ts4.5/util/i18n-util.d.ts +1 -1
  62. 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,5 +1,5 @@
1
1
  import React from 'react';
2
- import { WrappedComponentProps } from 'react-intl-next';
2
+ import { type WrappedComponentProps } from 'react-intl-next';
3
3
  export interface Props {
4
4
  children: React.ReactChild;
5
5
  }
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
- import { Appearance } from '@atlaskit/button/types';
2
+ import { type Appearance } from '@atlaskit/button/types';
3
3
  export type Props = {
4
4
  appearance?: Appearance;
5
5
  iconBefore?: React.ReactChild;
@@ -1,6 +1,6 @@
1
1
  /** @jsx jsx */
2
2
  import React from 'react';
3
- import { Theme } from '@emotion/react';
3
+ import { type Theme } from '@emotion/react';
4
4
  export type Props = {
5
5
  title?: React.ReactNode;
6
6
  };
@@ -1,8 +1,8 @@
1
1
  /** @jsx jsx */
2
2
  import React from 'react';
3
- import { AnalyticsEventPayload } from '@atlaskit/analytics-next';
4
- import { Appearance } from '@atlaskit/button/types';
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?: Appearance;
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, dialogZIndex, dialogPlacement, createAndFireEvent, }: SplitButtonProps): JSX.Element;
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 { Appearance } from '@atlaskit/button/types';
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?: Appearance;
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,4 +1,4 @@
1
- import languages from '../i18n/languages';
1
+ import type languages from '../i18n/languages';
2
2
  export type LangCode = keyof typeof languages | 'pt-BR' | 'pt-PT';
3
3
  type LocaleMessages = {
4
4
  [key: string]: string;
@@ -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,5 +1,5 @@
1
1
  import React from 'react';
2
- import { Comment } from '../types';
2
+ import { type Comment } from '../types';
3
3
  export type Props = {
4
4
  defaultValue?: Comment;
5
5
  };
@@ -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,5 +1,5 @@
1
1
  import React from 'react';
2
- import { WrappedComponentProps } from 'react-intl-next';
2
+ import { type WrappedComponentProps } from 'react-intl-next';
3
3
  export interface Props {
4
4
  children: React.ReactChild;
5
5
  }
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
- import { Appearance } from '@atlaskit/button/types';
2
+ import { type Appearance } from '@atlaskit/button/types';
3
3
  export type Props = {
4
4
  appearance?: Appearance;
5
5
  iconBefore?: React.ReactChild;
@@ -1,6 +1,6 @@
1
1
  /** @jsx jsx */
2
2
  import React from 'react';
3
- import { Theme } from '@emotion/react';
3
+ import { type Theme } from '@emotion/react';
4
4
  export type Props = {
5
5
  title?: React.ReactNode;
6
6
  };
@@ -1,8 +1,8 @@
1
1
  /** @jsx jsx */
2
2
  import React from 'react';
3
- import { AnalyticsEventPayload } from '@atlaskit/analytics-next';
4
- import { Appearance } from '@atlaskit/button/types';
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?: Appearance;
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, dialogZIndex, dialogPlacement, createAndFireEvent, }: SplitButtonProps): JSX.Element;
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 { Appearance } from '@atlaskit/button/types';
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?: Appearance;
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,4 +1,4 @@
1
- import languages from '../i18n/languages';
1
+ import type languages from '../i18n/languages';
2
2
  export type LangCode = keyof typeof languages | 'pt-BR' | 'pt-PT';
3
3
  type LocaleMessages = {
4
4
  [key: string]: string;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/share",
3
- "version": "4.18.0",
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.15.0",
45
+ "@atlaskit/button": "^17.17.0",
46
46
  "@atlaskit/dropdown-menu": "^12.10.0",
47
- "@atlaskit/form": "^10.1.0",
47
+ "@atlaskit/form": "^10.2.0",
48
48
  "@atlaskit/icon": "^22.3.0",
49
49
  "@atlaskit/menu": "^2.2.0",
50
- "@atlaskit/popper": "^5.5.4",
50
+ "@atlaskit/popper": "^6.0.0",
51
51
  "@atlaskit/popup": "^1.17.0",
52
52
  "@atlaskit/portal": "^4.5.0",
53
- "@atlaskit/primitives": "^6.2.0",
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
  }