@atlaskit/media-card 77.7.7 → 77.8.0

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 (51) hide show
  1. package/CHANGELOG.md +10 -0
  2. package/dist/cjs/card/card.js +10 -1
  3. package/dist/cjs/card/cardView.js +11 -3
  4. package/dist/cjs/card/media-card-analytics-error-boundary.js +1 -1
  5. package/dist/cjs/card/ui/openMediaViewerButton/openMediaViewerButton.js +38 -0
  6. package/dist/cjs/card/ui/wrapper/styles.js +1 -1
  7. package/dist/cjs/card/v2/cardV2.js +1 -1
  8. package/dist/cjs/card/v2/cardViewV2.js +12 -4
  9. package/dist/cjs/card/v2/cardviews/cardViewWrapper.js +12 -4
  10. package/dist/cjs/card/v2/cardviews/index.js +6 -2
  11. package/dist/cjs/card/v2/fileCard.js +15 -0
  12. package/dist/cjs/inline/loader.js +1 -1
  13. package/dist/cjs/utils/ufoExperiences.js +1 -1
  14. package/dist/es2019/card/card.js +10 -1
  15. package/dist/es2019/card/cardView.js +10 -3
  16. package/dist/es2019/card/media-card-analytics-error-boundary.js +1 -1
  17. package/dist/es2019/card/ui/openMediaViewerButton/openMediaViewerButton.js +37 -0
  18. package/dist/es2019/card/ui/wrapper/styles.js +5 -1
  19. package/dist/es2019/card/v2/cardV2.js +1 -1
  20. package/dist/es2019/card/v2/cardViewV2.js +11 -4
  21. package/dist/es2019/card/v2/cardviews/cardViewWrapper.js +10 -3
  22. package/dist/es2019/card/v2/cardviews/index.js +6 -2
  23. package/dist/es2019/card/v2/fileCard.js +15 -0
  24. package/dist/es2019/inline/loader.js +1 -1
  25. package/dist/es2019/utils/ufoExperiences.js +1 -1
  26. package/dist/esm/card/card.js +10 -1
  27. package/dist/esm/card/cardView.js +11 -3
  28. package/dist/esm/card/media-card-analytics-error-boundary.js +1 -1
  29. package/dist/esm/card/ui/openMediaViewerButton/openMediaViewerButton.js +31 -0
  30. package/dist/esm/card/ui/wrapper/styles.js +2 -2
  31. package/dist/esm/card/v2/cardV2.js +1 -1
  32. package/dist/esm/card/v2/cardViewV2.js +12 -4
  33. package/dist/esm/card/v2/cardviews/cardViewWrapper.js +12 -4
  34. package/dist/esm/card/v2/cardviews/index.js +6 -2
  35. package/dist/esm/card/v2/fileCard.js +15 -0
  36. package/dist/esm/inline/loader.js +1 -1
  37. package/dist/esm/utils/ufoExperiences.js +1 -1
  38. package/dist/types/card/card.d.ts +4 -2
  39. package/dist/types/card/cardView.d.ts +3 -1
  40. package/dist/types/card/ui/openMediaViewerButton/openMediaViewerButton.d.ts +13 -0
  41. package/dist/types/card/v2/cardViewV2.d.ts +4 -2
  42. package/dist/types/card/v2/cardviews/cardViewWrapper.d.ts +3 -1
  43. package/dist/types/card/v2/cardviews/index.d.ts +4 -2
  44. package/dist/types-ts4.5/card/card.d.ts +4 -2
  45. package/dist/types-ts4.5/card/cardView.d.ts +3 -1
  46. package/dist/types-ts4.5/card/ui/openMediaViewerButton/openMediaViewerButton.d.ts +13 -0
  47. package/dist/types-ts4.5/card/v2/cardViewV2.d.ts +4 -2
  48. package/dist/types-ts4.5/card/v2/cardviews/cardViewWrapper.d.ts +3 -1
  49. package/dist/types-ts4.5/card/v2/cardviews/index.d.ts +4 -2
  50. package/example-helpers/styles.ts +0 -2
  51. package/package.json +4 -4
package/dist/types-ts4.5/card/v2/cardviews/cardViewWrapper.d.ts CHANGED
@@ -9,7 +9,9 @@ export type SharedCardViewProps = {
9
9
  readonly cardPreview?: MediaFilePreview;
10
10
  readonly testId?: string;
11
11
  readonly dimensions?: CardDimensions;
12
- readonly onClick?: (event: React.MouseEvent<HTMLDivElement>, analyticsEvent?: UIAnalyticsEvent) => void;
12
+ readonly openMediaViewerButtonRef?: React.Ref<HTMLButtonElement>;
13
+ readonly shouldOpenMediaViewer?: boolean;
14
+ readonly onClick?: (event: React.MouseEvent<HTMLDivElement | HTMLButtonElement>, analyticsEvent?: UIAnalyticsEvent) => void;
13
15
  readonly onMouseEnter?: (event: MouseEvent<HTMLDivElement>) => void;
14
16
  readonly appearance?: CardAppearance;
15
17
  readonly disableOverlay?: boolean;
package/dist/types-ts4.5/card/v2/cardviews/index.d.ts CHANGED
@@ -13,7 +13,7 @@ export interface CardViewsOwnProps extends SharedCardProps {
13
13
  readonly mediaCardCursor?: MediaCardCursor;
14
14
  readonly metadata?: FileDetails;
15
15
  readonly error?: MediaCardError;
16
- readonly onClick?: (event: React.MouseEvent<HTMLDivElement>, analyticsEvent?: UIAnalyticsEvent) => void;
16
+ readonly onClick?: (event: React.MouseEvent<HTMLDivElement | HTMLButtonElement>, analyticsEvent?: UIAnalyticsEvent) => void;
17
17
  readonly onMouseEnter?: (event: MouseEvent<HTMLDivElement>) => void;
18
18
  readonly onDisplayImage?: () => void;
19
19
  readonly cardPreview?: MediaFilePreview;
@@ -25,6 +25,8 @@ export interface CardViewsOwnProps extends SharedCardProps {
25
25
  readonly forceSyncDisplay?: boolean;
26
26
  disableAnimation?: boolean;
27
27
  shouldHideTooltip?: boolean;
28
+ readonly openMediaViewerButtonRef?: React.Ref<HTMLButtonElement>;
29
+ readonly shouldOpenMediaViewer?: boolean;
28
30
  }
29
31
  export type CardViewV2Props = CardViewsOwnProps & WithAnalyticsEventsProps;
30
32
  export interface RenderConfigByStatusV2 {
@@ -41,5 +43,5 @@ export interface RenderConfigByStatusV2 {
41
43
  renderTickBox?: boolean;
42
44
  customTitleMessage?: MessageDescriptor;
43
45
  }
44
- export declare const CardViewsBase: ({ innerRef, onImageLoad, onImageError, dimensions, appearance, onClick, onMouseEnter, testId, metadata, status, selected, selectable, cardPreview, mediaCardCursor, shouldHideTooltip, progress, alt, resizeMode, onDisplayImage, nativeLazyLoad, forceSyncDisplay, actions, disableOverlay, titleBoxBgColor, titleBoxIcon, error, disableAnimation, }: CardViewV2Props) => jsx.JSX.Element;
46
+ export declare const CardViewsBase: ({ innerRef, onImageLoad, onImageError, dimensions, appearance, onClick, onMouseEnter, testId, metadata, status, selected, selectable, cardPreview, mediaCardCursor, shouldHideTooltip, progress, alt, resizeMode, onDisplayImage, nativeLazyLoad, forceSyncDisplay, actions, disableOverlay, titleBoxBgColor, titleBoxIcon, error, disableAnimation, shouldOpenMediaViewer, openMediaViewerButtonRef, }: CardViewV2Props) => jsx.JSX.Element;
45
47
  export declare const CardViews: React.ForwardRefExoticComponent<Omit<CardViewV2Props, keyof WithAnalyticsEventsProps> & React.RefAttributes<any>>;
package/example-helpers/styles.ts CHANGED
@@ -115,8 +115,6 @@ export const mediaViewerExampleColumnStyles = css`
115
115
  flex: 1;
116
116
 
117
117
  > div {
118
- width: initial;
119
- height: initial;
120
118
  }
121
119
  `;
122
120
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/media-card",
3
- "version": "77.7.7",
3
+ "version": "77.8.0",
4
4
  "description": "Includes all media card related components, CardView, CardViewSmall, Card...",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -37,19 +37,19 @@
37
37
  },
38
38
  "dependencies": {
39
39
  "@atlaskit/analytics-next": "^9.2.0",
40
- "@atlaskit/dropdown-menu": "^12.4.0",
40
+ "@atlaskit/dropdown-menu": "^12.5.0",
41
41
  "@atlaskit/editor-shared-styles": "^2.9.0",
42
42
  "@atlaskit/icon": "^22.0.0",
43
43
  "@atlaskit/media-client": "^26.1.0",
44
44
  "@atlaskit/media-client-react": "^2.0.0",
45
45
  "@atlaskit/media-common": "^11.0.0",
46
46
  "@atlaskit/media-file-preview": "^0.4.0",
47
- "@atlaskit/media-ui": "^25.0.0",
47
+ "@atlaskit/media-ui": "^25.1.0",
48
48
  "@atlaskit/media-viewer": "^48.2.0",
49
49
  "@atlaskit/platform-feature-flags": "^0.2.2",
50
50
  "@atlaskit/spinner": "^16.0.0",
51
51
  "@atlaskit/theme": "^12.6.0",
52
- "@atlaskit/tokens": "^1.35.0",
52
+ "@atlaskit/tokens": "^1.36.0",
53
53
  "@atlaskit/tooltip": "^18.1.0",
54
54
  "@atlaskit/ufo": "^0.2.0",
55
55
  "@babel/runtime": "^7.0.0",