@atlaskit/media-card 74.1.5 → 74.1.6

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 (158) hide show
  1. package/CHANGELOG.md +0 -12
  2. package/classnames/package.json +1 -8
  3. package/dist/cjs/root/card/getCardPreview/helpers.js +4 -4
  4. package/dist/cjs/root/card/getCardPreview/index.js +3 -5
  5. package/dist/cjs/root/card/index.js +4 -2
  6. package/dist/cjs/root/inlinePlayer.js +2 -2
  7. package/dist/cjs/utils/ufoExperiences.js +1 -1
  8. package/dist/cjs/utils/viewportDetector.js +4 -22
  9. package/dist/cjs/version.json +1 -1
  10. package/dist/es2019/root/card/getCardPreview/helpers.js +4 -4
  11. package/dist/es2019/root/card/getCardPreview/index.js +3 -3
  12. package/dist/es2019/root/card/index.js +4 -2
  13. package/dist/es2019/root/inlinePlayer.js +2 -2
  14. package/dist/es2019/utils/ufoExperiences.js +1 -1
  15. package/dist/es2019/utils/viewportDetector.js +4 -22
  16. package/dist/es2019/version.json +1 -1
  17. package/dist/esm/root/card/getCardPreview/helpers.js +4 -4
  18. package/dist/esm/root/card/getCardPreview/index.js +3 -3
  19. package/dist/esm/root/card/index.js +4 -2
  20. package/dist/esm/root/inlinePlayer.js +2 -2
  21. package/dist/esm/utils/ufoExperiences.js +1 -1
  22. package/dist/esm/utils/viewportDetector.js +4 -22
  23. package/dist/esm/version.json +1 -1
  24. package/dist/types/root/card/getCardPreview/index.d.ts +2 -1
  25. package/in-product/package.json +1 -8
  26. package/package.json +3 -10
  27. package/types/package.json +1 -8
  28. package/dist/types-ts4.0/__tests_external__/index.d.ts +0 -1
  29. package/dist/types-ts4.0/__tests_external__/page-objects/MediaCard.d.ts +0 -8
  30. package/dist/types-ts4.0/actions.d.ts +0 -9
  31. package/dist/types-ts4.0/classnames.d.ts +0 -1
  32. package/dist/types-ts4.0/errors.d.ts +0 -41
  33. package/dist/types-ts4.0/files/cardImageView/cardImageViewWrapper.d.ts +0 -6
  34. package/dist/types-ts4.0/files/cardImageView/cardOverlay/cardOverlayComponents.d.ts +0 -8
  35. package/dist/types-ts4.0/files/cardImageView/cardOverlay/index.d.ts +0 -39
  36. package/dist/types-ts4.0/files/cardImageView/cardOverlay/styles.d.ts +0 -26
  37. package/dist/types-ts4.0/files/cardImageView/classnames.d.ts +0 -2
  38. package/dist/types-ts4.0/files/cardImageView/index.d.ts +0 -50
  39. package/dist/types-ts4.0/files/cardImageView/styles.d.ts +0 -24
  40. package/dist/types-ts4.0/files/index.d.ts +0 -2
  41. package/dist/types-ts4.0/in-product.d.ts +0 -1
  42. package/dist/types-ts4.0/index.d.ts +0 -77
  43. package/dist/types-ts4.0/root/card/cardAnalytics.d.ts +0 -9
  44. package/dist/types-ts4.0/root/card/cardConstants.d.ts +0 -1
  45. package/dist/types-ts4.0/root/card/cardLoader.d.ts +0 -6
  46. package/dist/types-ts4.0/root/card/cardState.d.ts +0 -5
  47. package/dist/types-ts4.0/root/card/getCardPreview/cache.d.ts +0 -19
  48. package/dist/types-ts4.0/root/card/getCardPreview/filePreviewStatus.d.ts +0 -5
  49. package/dist/types-ts4.0/root/card/getCardPreview/helpers.d.ts +0 -9
  50. package/dist/types-ts4.0/root/card/getCardPreview/index.d.ts +0 -56
  51. package/dist/types-ts4.0/root/card/getCardStatus.d.ts +0 -4
  52. package/dist/types-ts4.0/root/card/imageRefetchingAnalytics.d.ts +0 -10
  53. package/dist/types-ts4.0/root/card/index.d.ts +0 -58
  54. package/dist/types-ts4.0/root/cardView.d.ts +0 -80
  55. package/dist/types-ts4.0/root/cardViewWrapper.d.ts +0 -4
  56. package/dist/types-ts4.0/root/index.d.ts +0 -2
  57. package/dist/types-ts4.0/root/inline/loader.d.ts +0 -25
  58. package/dist/types-ts4.0/root/inline/mediaInlineCard.d.ts +0 -14
  59. package/dist/types-ts4.0/root/inlinePlayer.d.ts +0 -51
  60. package/dist/types-ts4.0/root/inlinePlayerLazy.d.ts +0 -2
  61. package/dist/types-ts4.0/root/inlinePlayerWrapper.d.ts +0 -4
  62. package/dist/types-ts4.0/root/media-card-analytics-error-boundary.d.ts +0 -10
  63. package/dist/types-ts4.0/root/styles.d.ts +0 -10
  64. package/dist/types-ts4.0/root/types.d.ts +0 -24
  65. package/dist/types-ts4.0/root/ui/actionsBar/actionsBar.d.ts +0 -5
  66. package/dist/types-ts4.0/root/ui/actionsBar/actionsBarWrapper.d.ts +0 -4
  67. package/dist/types-ts4.0/root/ui/actionsBar/styles.d.ts +0 -6
  68. package/dist/types-ts4.0/root/ui/actionsBar/types.d.ts +0 -10
  69. package/dist/types-ts4.0/root/ui/blanket/blanket.d.ts +0 -6
  70. package/dist/types-ts4.0/root/ui/blanket/styles.d.ts +0 -6
  71. package/dist/types-ts4.0/root/ui/common.d.ts +0 -23
  72. package/dist/types-ts4.0/root/ui/iconMessage/iconMessageWrapper.d.ts +0 -4
  73. package/dist/types-ts4.0/root/ui/iconMessage/index.d.ts +0 -8
  74. package/dist/types-ts4.0/root/ui/iconMessage/styles.d.ts +0 -5
  75. package/dist/types-ts4.0/root/ui/iconMessage/types.d.ts +0 -19
  76. package/dist/types-ts4.0/root/ui/iconWrapper/iconWrapper.d.ts +0 -4
  77. package/dist/types-ts4.0/root/ui/iconWrapper/styles.d.ts +0 -7
  78. package/dist/types-ts4.0/root/ui/iconWrapper/types.d.ts +0 -6
  79. package/dist/types-ts4.0/root/ui/imageRenderer/imageRenderer.d.ts +0 -15
  80. package/dist/types-ts4.0/root/ui/loadingRateLimited/styles.d.ts +0 -13
  81. package/dist/types-ts4.0/root/ui/newFileExperience/newFileExperienceWrapper.d.ts +0 -4
  82. package/dist/types-ts4.0/root/ui/newFileExperience/styles.d.ts +0 -5
  83. package/dist/types-ts4.0/root/ui/newFileExperience/types.d.ts +0 -23
  84. package/dist/types-ts4.0/root/ui/playButton/playButton.d.ts +0 -2
  85. package/dist/types-ts4.0/root/ui/playButton/playButtonBackground.d.ts +0 -3
  86. package/dist/types-ts4.0/root/ui/playButton/playButtonWrapper.d.ts +0 -3
  87. package/dist/types-ts4.0/root/ui/playButton/styles.d.ts +0 -5
  88. package/dist/types-ts4.0/root/ui/progressBar/progressBar.d.ts +0 -10
  89. package/dist/types-ts4.0/root/ui/progressBar/styledBar.d.ts +0 -4
  90. package/dist/types-ts4.0/root/ui/progressBar/styles.d.ts +0 -7
  91. package/dist/types-ts4.0/root/ui/progressBar/types.d.ts +0 -7
  92. package/dist/types-ts4.0/root/ui/styles.d.ts +0 -11
  93. package/dist/types-ts4.0/root/ui/tickBox/styles.d.ts +0 -7
  94. package/dist/types-ts4.0/root/ui/tickBox/tickBox.d.ts +0 -3
  95. package/dist/types-ts4.0/root/ui/tickBox/tickBoxWrapper.d.ts +0 -4
  96. package/dist/types-ts4.0/root/ui/tickBox/types.d.ts +0 -4
  97. package/dist/types-ts4.0/root/ui/titleBox/failedTitleBox.d.ts +0 -3
  98. package/dist/types-ts4.0/root/ui/titleBox/styles.d.ts +0 -15
  99. package/dist/types-ts4.0/root/ui/titleBox/titleBox.d.ts +0 -4
  100. package/dist/types-ts4.0/root/ui/titleBox/titleBoxComponents.d.ts +0 -8
  101. package/dist/types-ts4.0/root/ui/titleBox/types.d.ts +0 -32
  102. package/dist/types-ts4.0/styles/animations.d.ts +0 -1
  103. package/dist/types-ts4.0/styles/config.d.ts +0 -1
  104. package/dist/types-ts4.0/styles/easing.d.ts +0 -2
  105. package/dist/types-ts4.0/styles/getSelectedBorderStyle.d.ts +0 -3
  106. package/dist/types-ts4.0/styles/index.d.ts +0 -9
  107. package/dist/types-ts4.0/styles/mixins.d.ts +0 -21
  108. package/dist/types-ts4.0/types.d.ts +0 -25
  109. package/dist/types-ts4.0/utils/analytics.d.ts +0 -78
  110. package/dist/types-ts4.0/utils/breakpoint.d.ts +0 -11
  111. package/dist/types-ts4.0/utils/cardActions/cardActionButton.d.ts +0 -4
  112. package/dist/types-ts4.0/utils/cardActions/cardActionIconButton.d.ts +0 -12
  113. package/dist/types-ts4.0/utils/cardActions/cardActionsDropdownMenu.d.ts +0 -14
  114. package/dist/types-ts4.0/utils/cardActions/cardActionsView.d.ts +0 -16
  115. package/dist/types-ts4.0/utils/cardActions/index.d.ts +0 -7
  116. package/dist/types-ts4.0/utils/cardActions/styles.d.ts +0 -18
  117. package/dist/types-ts4.0/utils/cardDimensions.d.ts +0 -53
  118. package/dist/types-ts4.0/utils/containsPixelUnit.d.ts +0 -1
  119. package/dist/types-ts4.0/utils/dimensionComparer.d.ts +0 -3
  120. package/dist/types-ts4.0/utils/document.d.ts +0 -2
  121. package/dist/types-ts4.0/utils/errorIcon/index.d.ts +0 -12
  122. package/dist/types-ts4.0/utils/errorIcon/styles.d.ts +0 -1
  123. package/dist/types-ts4.0/utils/fileIcon/index.d.ts +0 -12
  124. package/dist/types-ts4.0/utils/fileIcon/styles.d.ts +0 -1
  125. package/dist/types-ts4.0/utils/generateUniqueId.d.ts +0 -1
  126. package/dist/types-ts4.0/utils/getCSSUnitValue.d.ts +0 -1
  127. package/dist/types-ts4.0/utils/getDataURIDimension.d.ts +0 -9
  128. package/dist/types-ts4.0/utils/getElementDimension.d.ts +0 -2
  129. package/dist/types-ts4.0/utils/getErrorMessage.d.ts +0 -2
  130. package/dist/types-ts4.0/utils/getMediaCardCursor.d.ts +0 -6
  131. package/dist/types-ts4.0/utils/globalScope/getSSRData.d.ts +0 -3
  132. package/dist/types-ts4.0/utils/globalScope/globalScope.d.ts +0 -21
  133. package/dist/types-ts4.0/utils/globalScope/index.d.ts +0 -4
  134. package/dist/types-ts4.0/utils/globalScope/types.d.ts +0 -8
  135. package/dist/types-ts4.0/utils/index.d.ts +0 -15
  136. package/dist/types-ts4.0/utils/isRetina.d.ts +0 -1
  137. package/dist/types-ts4.0/utils/isValidPercentageUnit.d.ts +0 -1
  138. package/dist/types-ts4.0/utils/lightCards/cardError.d.ts +0 -12
  139. package/dist/types-ts4.0/utils/lightCards/cardLoading.d.ts +0 -5
  140. package/dist/types-ts4.0/utils/lightCards/getDimensionsWithDefault.d.ts +0 -2
  141. package/dist/types-ts4.0/utils/lightCards/lightCardWrappers.d.ts +0 -5
  142. package/dist/types-ts4.0/utils/lightCards/styles.d.ts +0 -4
  143. package/dist/types-ts4.0/utils/lightCards/types.d.ts +0 -15
  144. package/dist/types-ts4.0/utils/mediaTypeIcon/iconWrapper.d.ts +0 -4
  145. package/dist/types-ts4.0/utils/mediaTypeIcon/index.d.ts +0 -10
  146. package/dist/types-ts4.0/utils/mediaTypeIcon/styles.d.ts +0 -2
  147. package/dist/types-ts4.0/utils/mediaTypeIcon/types.d.ts +0 -6
  148. package/dist/types-ts4.0/utils/metadata.d.ts +0 -2
  149. package/dist/types-ts4.0/utils/objectURLCache.d.ts +0 -11
  150. package/dist/types-ts4.0/utils/preventClickThrough.d.ts +0 -8
  151. package/dist/types-ts4.0/utils/printScript.d.ts +0 -2
  152. package/dist/types-ts4.0/utils/progressBar/index.d.ts +0 -9
  153. package/dist/types-ts4.0/utils/progressBar/styles.d.ts +0 -1
  154. package/dist/types-ts4.0/utils/resizeModeToMediaImageProps.d.ts +0 -5
  155. package/dist/types-ts4.0/utils/shouldDisplayImageThumbnail.d.ts +0 -3
  156. package/dist/types-ts4.0/utils/ufoExperiences.d.ts +0 -7
  157. package/dist/types-ts4.0/utils/videoSnapshot.d.ts +0 -1
  158. package/dist/types-ts4.0/utils/viewportDetector.d.ts +0 -6
@@ -1,51 +0,0 @@
1
- import React from 'react';
2
- import { Component } from 'react';
3
- import { MediaClient, FileIdentifier, FileState, MediaFileArtifacts, MediaSubscription } from '@atlaskit/media-client';
4
- import { CardDimensions, NumericalCardDimensions } from '..';
5
- import { WithAnalyticsEventsProps, UIAnalyticsEvent } from '@atlaskit/analytics-next';
6
- import type { CardPreview } from '..';
7
- export interface InlinePlayerOwnProps {
8
- identifier: FileIdentifier;
9
- mediaClient: MediaClient;
10
- dimensions?: CardDimensions;
11
- originalDimensions?: NumericalCardDimensions;
12
- autoplay: boolean;
13
- selected?: boolean;
14
- onFullscreenChange?: (fullscreen: boolean) => void;
15
- onError?: (error: Error) => void;
16
- readonly onClick?: (event: React.MouseEvent<HTMLDivElement>, analyticsEvent?: UIAnalyticsEvent) => void;
17
- testId?: string;
18
- readonly cardPreview?: CardPreview;
19
- readonly forwardRef?: React.Ref<HTMLDivElement>;
20
- }
21
- export declare type InlinePlayerProps = InlinePlayerOwnProps & WithAnalyticsEventsProps;
22
- export interface InlinePlayerState {
23
- fileSrc?: string;
24
- isUploading?: boolean;
25
- progress?: number;
26
- elementWidth?: number;
27
- }
28
- export declare const getPreferredVideoArtifact: (fileState: FileState) => keyof MediaFileArtifacts | undefined;
29
- export declare class InlinePlayerBase extends Component<InlinePlayerProps, InlinePlayerState> {
30
- subscription?: MediaSubscription;
31
- state: InlinePlayerState;
32
- divRef: React.RefObject<HTMLDivElement>;
33
- static defaultProps: {
34
- dimensions: {
35
- width: number;
36
- height: number;
37
- };
38
- };
39
- componentDidMount(): void;
40
- setFileSrc: (fileSrc: string) => void;
41
- setBinaryURL: () => Promise<void>;
42
- unsubscribe: () => void;
43
- revoke: () => void;
44
- componentWillUnmount(): void;
45
- onDownloadClick: () => void;
46
- onFirstPlay: () => void;
47
- private get breakpoint();
48
- saveElementWidth: () => void;
49
- render(): JSX.Element;
50
- }
51
- export declare const InlinePlayer: React.ForwardRefExoticComponent<Pick<InlinePlayerProps, "createAnalyticsEvent" | keyof InlinePlayerOwnProps> & React.RefAttributes<HTMLDivElement>>;
@@ -1,2 +0,0 @@
1
- /// <reference types="react" />
2
- export declare const InlinePlayerLazy: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<Pick<import("./inlinePlayer").InlinePlayerProps, "createAnalyticsEvent" | keyof import("./inlinePlayer").InlinePlayerOwnProps> & import("react").RefAttributes<HTMLDivElement>>>;
@@ -1,4 +0,0 @@
1
- /**@jsx jsx */
2
- import { jsx } from '@emotion/react';
3
- import { InlinePlayerWrapperProps } from './types';
4
- export declare const InlinePlayerWrapper: (props: InlinePlayerWrapperProps) => jsx.JSX.Element;
@@ -1,10 +0,0 @@
1
- import React from 'react';
2
- export declare type MediaCardAnalyticsErrorBoundaryProps = {
3
- data?: {
4
- [k: string]: any;
5
- };
6
- };
7
- export default class MediaCardAnalyticsErrorBoundary extends React.Component<MediaCardAnalyticsErrorBoundaryProps> {
8
- static displayName: string;
9
- render(): JSX.Element;
10
- }
@@ -1,10 +0,0 @@
1
- import { InlinePlayerWrapperProps, WrapperProps } from './types';
2
- export declare const inlinePlayerClassName = "media-card-inline-player";
3
- export declare const wrapperStyles: {
4
- ({ dimensions, breakpointSize, shouldUsePointerCursor, }: WrapperProps): import("@emotion/react").SerializedStyles;
5
- displayName: string;
6
- };
7
- export declare const inlinePlayerWrapperStyles: {
8
- ({ dimensions, selected, }: InlinePlayerWrapperProps): import("@emotion/react").SerializedStyles;
9
- displayName: string;
10
- };
@@ -1,24 +0,0 @@
1
- import React, { MouseEvent, ReactElement, RefObject } from 'react';
2
- import { UIAnalyticsEvent } from '@atlaskit/analytics-next';
3
- import { CardDimensions } from '../';
4
- import { BreakpointSizeValue } from '../utils/breakpoint';
5
- export interface WrapperProps {
6
- testId?: string;
7
- shouldUsePointerCursor?: boolean;
8
- dimensions?: CardDimensions;
9
- breakpointSize?: BreakpointSizeValue;
10
- onClick?: (event: React.MouseEvent<HTMLDivElement>, analyticsEvent?: UIAnalyticsEvent) => void;
11
- onMouseEnter?: (event: MouseEvent<HTMLDivElement>) => void;
12
- innerRef?: RefObject<HTMLDivElement>;
13
- children?: JSX.Element;
14
- }
15
- export declare type InlinePlayerWrapperProps = {
16
- testId?: string;
17
- dimensions?: CardDimensions;
18
- selected: {
19
- selected?: boolean | undefined;
20
- };
21
- onClick?: (event: React.MouseEvent<HTMLDivElement>, analyticsEvent?: UIAnalyticsEvent) => void;
22
- innerRef?: RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | undefined;
23
- children?: JSX.Element[] | ReactElement<any, any> | null | any;
24
- };
@@ -1,5 +0,0 @@
1
- import React from 'react';
2
- import { ActionsBarProps } from './types';
3
- export declare class ActionsBar extends React.Component<ActionsBarProps> {
4
- render(): JSX.Element | null;
5
- }
@@ -1,4 +0,0 @@
1
- /**@jsx jsx */
2
- import { jsx } from '@emotion/react';
3
- import { ActionBarWrapperProps } from './types';
4
- export declare const ActionsBarWrapper: (props: ActionBarWrapperProps) => jsx.JSX.Element;
@@ -1,6 +0,0 @@
1
- export declare const actionsBarClassName = "media-card-actions-bar";
2
- export declare const fixedActionBarStyles = "opacity: 1;";
3
- export declare const wrapperStyles: {
4
- (isFixed?: boolean | undefined): import("@emotion/react").SerializedStyles;
5
- displayName: string;
6
- };
@@ -1,10 +0,0 @@
1
- import { ReactNode } from 'react';
2
- import { CardAction } from '../../../actions';
3
- export interface ActionsBarProps {
4
- actions: Array<CardAction>;
5
- isFixed?: boolean;
6
- }
7
- export declare type ActionBarWrapperProps = {
8
- isFixed?: boolean;
9
- children?: ReactNode;
10
- };
@@ -1,6 +0,0 @@
1
- /**@jsx jsx */
2
- import { jsx } from '@emotion/react';
3
- export interface BlanketProps {
4
- isFixed?: boolean;
5
- }
6
- export declare const Blanket: (props: BlanketProps) => jsx.JSX.Element;
@@ -1,6 +0,0 @@
1
- export declare const blanketClassName = "media-card-blanket";
2
- export declare const fixedBlanketStyles: string;
3
- export declare const blanketStyles: {
4
- (isFixed?: boolean | undefined): import("@emotion/react").SerializedStyles;
5
- displayName: string;
6
- };
@@ -1,23 +0,0 @@
1
- export declare enum Breakpoint {
2
- SMALL = "small",
3
- LARGE = "large"
4
- }
5
- export declare const responsiveSettings: {
6
- small: {
7
- fontSize: number;
8
- lineHeight: number;
9
- titleBox: {
10
- verticalPadding: number;
11
- horizontalPadding: number;
12
- };
13
- };
14
- large: {
15
- fontSize: number;
16
- lineHeight: number;
17
- titleBox: {
18
- verticalPadding: number;
19
- horizontalPadding: number;
20
- };
21
- };
22
- };
23
- export declare const getTitleBoxHeight: (breakpoint: Breakpoint) => number;
@@ -1,4 +0,0 @@
1
- /**@jsx jsx */
2
- import { jsx } from '@emotion/react';
3
- import { IconMessageWrapperProps } from './types';
4
- export declare const IconMessageWrapper: (props: IconMessageWrapperProps) => jsx.JSX.Element;
@@ -1,8 +0,0 @@
1
- import React from 'react';
2
- import { InternalIconMessageProps, CreatingPreviewProps } from './types';
3
- export declare const IconMessage: React.FC<InternalIconMessageProps>;
4
- export declare const CreatingPreview: React.FC<CreatingPreviewProps>;
5
- export declare const PreviewUnavailable: React.FC;
6
- export declare const FailedToLoad: React.FC;
7
- export declare const FailedToUpload: React.FC;
8
- export declare const PreviewCurrentlyUnavailable: React.FC;
@@ -1,5 +0,0 @@
1
- import { StyledTextProps } from './types';
2
- export declare const iconMessageWrapperStyles: {
3
- (props: StyledTextProps): import("@emotion/react").SerializedStyles;
4
- displayName: string;
5
- };
@@ -1,19 +0,0 @@
1
- import { ReactNode } from 'react';
2
- import { MessageDescriptor } from 'react-intl-next';
3
- export declare type InternalIconMessageProps = {
4
- messageDescriptor: MessageDescriptor;
5
- animated?: boolean;
6
- reducedFont?: boolean;
7
- };
8
- export declare type CreatingPreviewProps = {
9
- disableAnimation?: boolean;
10
- };
11
- export declare type StyledTextProps = {
12
- animated?: boolean;
13
- reducedFont?: boolean;
14
- };
15
- export declare type IconMessageWrapperProps = {
16
- animated?: boolean;
17
- reducedFont?: boolean;
18
- children?: ReactNode;
19
- };
@@ -1,4 +0,0 @@
1
- /**@jsx jsx */
2
- import { jsx } from '@emotion/react';
3
- import { IconWrapperProps } from './types';
4
- export declare const IconWrapper: (props: IconWrapperProps) => jsx.JSX.Element;
@@ -1,7 +0,0 @@
1
- import { Breakpoint } from '../common';
2
- import { IconWrapperProps } from './types';
3
- export declare function titleBoxHeight(hasTitleBox: boolean, breakpoint: Breakpoint): string;
4
- export declare const iconWrapperStyles: {
5
- ({ hasTitleBox, breakpoint, }: IconWrapperProps): import("@emotion/react").SerializedStyles;
6
- displayName: string;
7
- };
@@ -1,6 +0,0 @@
1
- import { Breakpoint } from '../common';
2
- export declare type IconWrapperProps = {
3
- hasTitleBox: boolean;
4
- breakpoint: Breakpoint;
5
- children?: any;
6
- };
@@ -1,15 +0,0 @@
1
- import React from 'react';
2
- import { MediaType, ImageResizeMode } from '@atlaskit/media-client';
3
- import { CardPreview } from '../../..';
4
- export declare type ImageRendererProps = {
5
- readonly cardPreview: CardPreview;
6
- readonly mediaType: MediaType;
7
- readonly alt?: string;
8
- readonly resizeMode?: ImageResizeMode;
9
- readonly onDisplayImage?: () => void;
10
- readonly onImageError?: (cardPreview: CardPreview) => void;
11
- readonly onImageLoad?: (cardPreview: CardPreview) => void;
12
- readonly nativeLazyLoad?: boolean;
13
- readonly forceSyncDisplay?: boolean;
14
- };
15
- export declare const ImageRenderer: React.FC<ImageRendererProps>;
@@ -1,13 +0,0 @@
1
- import { Breakpoint } from '../common';
2
- export declare const loadingRateLimitedContainerStyles: import("@emotion/react").SerializedStyles;
3
- export declare const warningIconWrapperStyles: import("@emotion/react").SerializedStyles;
4
- export declare type StyledTextProps = {
5
- breakpoint: Breakpoint;
6
- positionBottom: boolean;
7
- };
8
- export declare const loadingRateLimitedTextWrapperStyles: {
9
- ({ breakpoint, positionBottom, }: StyledTextProps): import("@emotion/react").SerializedStyles;
10
- displayName: string;
11
- };
12
- export declare const couldntLoadWrapperStyles: import("@emotion/react").SerializedStyles;
13
- export declare const errorWrapperStyles: import("@emotion/react").SerializedStyles;
@@ -1,4 +0,0 @@
1
- /**@jsx jsx */
2
- import { jsx } from '@emotion/react';
3
- import { NewFileExperienceWrapperProps } from './types';
4
- export declare const NewFileExperienceWrapper: (props: NewFileExperienceWrapperProps) => jsx.JSX.Element;
@@ -1,5 +0,0 @@
1
- import { NewFileExperienceWrapperProps } from './types';
2
- export declare const newFileExperienceWrapperStyles: {
3
- ({ breakpoint, dimensions, appearance, disableOverlay, displayBackground, selected, isPlayButtonClickable, isTickBoxSelectable, shouldDisplayTooltip, mediaCardCursor, }: NewFileExperienceWrapperProps): import("@emotion/react").SerializedStyles;
4
- displayName: string;
5
- };
@@ -1,23 +0,0 @@
1
- import React, { MouseEvent, RefObject } from 'react';
2
- import { UIAnalyticsEvent } from '@atlaskit/analytics-next';
3
- import { CardDimensions, CardAppearance } from '../../..';
4
- import { Breakpoint } from '.././common';
5
- import { MediaCardCursor } from '../../../types';
6
- export interface NewFileExperienceWrapperProps {
7
- testId?: string;
8
- breakpoint: Breakpoint;
9
- mediaCardCursor?: MediaCardCursor;
10
- dimensions?: CardDimensions;
11
- appearance?: CardAppearance;
12
- onClick?: (event: React.MouseEvent<HTMLDivElement>, analyticsEvent?: UIAnalyticsEvent) => void;
13
- onMouseEnter?: (event: MouseEvent<HTMLDivElement>) => void;
14
- mediaType?: string;
15
- disableOverlay: boolean;
16
- displayBackground: boolean;
17
- selected: boolean;
18
- isPlayButtonClickable: boolean;
19
- isTickBoxSelectable: boolean;
20
- shouldDisplayTooltip: boolean;
21
- innerRef?: RefObject<HTMLDivElement>;
22
- children?: JSX.Element;
23
- }
@@ -1,2 +0,0 @@
1
- /// <reference types="react" />
2
- export declare const PlayButton: () => JSX.Element;
@@ -1,3 +0,0 @@
1
- /**@jsx jsx */
2
- import { jsx } from '@emotion/react';
3
- export declare const PlayButtonBackground: () => jsx.JSX.Element;
@@ -1,3 +0,0 @@
1
- /**@jsx jsx */
2
- import { jsx } from '@emotion/react';
3
- export declare const PlayButtonWrapper: (props: any) => jsx.JSX.Element;
@@ -1,5 +0,0 @@
1
- export declare const playButtonClassName = "media-card-play-button";
2
- export declare const bkgClassName = "play-icon-background";
3
- export declare const fixedPlayButtonStyles: string;
4
- export declare const playButtonWrapperStyles: import("@emotion/react").SerializedStyles;
5
- export declare const backgroundStyles: import("@emotion/react").SerializedStyles;
@@ -1,10 +0,0 @@
1
- /// <reference types="react" />
2
- import { Breakpoint } from '../common';
3
- export declare type ProgressBarProps = {
4
- progress?: number;
5
- breakpoint?: Breakpoint;
6
- positionBottom?: boolean;
7
- showOnTop?: boolean;
8
- };
9
- export declare const getNormalizedProgress: (progress?: number | undefined) => number;
10
- export declare const ProgressBar: ({ progress, breakpoint, positionBottom, showOnTop, }: ProgressBarProps) => JSX.Element;
@@ -1,4 +0,0 @@
1
- /**@jsx jsx */
2
- import { jsx } from '@emotion/react';
3
- import { StyledBarProps } from './types';
4
- export declare const StyledBar: (props: StyledBarProps) => jsx.JSX.Element;
@@ -1,7 +0,0 @@
1
- import { Breakpoint } from '../common';
2
- import { StyledBarProps } from './types';
3
- export declare function generateResponsiveStyles(breakpoint: Breakpoint, positionBottom: boolean, showOnTop: boolean, multiplier?: number): string;
4
- export declare const styledBarStyles: {
5
- (props: StyledBarProps): import("@emotion/react").SerializedStyles;
6
- displayName: string;
7
- };
@@ -1,7 +0,0 @@
1
- import { Breakpoint } from '../common';
2
- export declare type StyledBarProps = {
3
- progress?: number;
4
- breakpoint: Breakpoint;
5
- positionBottom: boolean;
6
- showOnTop: boolean;
7
- };
@@ -1,11 +0,0 @@
1
- import { CardDimensions, CardAppearance } from '../..';
2
- import { Breakpoint } from './common';
3
- import { MediaCardCursor } from '../../types';
4
- export declare const calcBreakpointSize: (wrapperWidth?: number) => Breakpoint;
5
- export declare const generateResponsiveStyles: (breakpoint?: Breakpoint) => string;
6
- export declare const getWrapperDimensions: (dimensions?: CardDimensions | undefined, appearance?: CardAppearance | undefined) => string;
7
- export declare const getWrapperShadow: (disableOverlay: boolean, selected: boolean) => string;
8
- export declare const getCursorStyle: (cursor: MediaCardCursor | undefined) => string;
9
- export declare const getClickablePlayButtonStyles: (isPlayButtonClickable: boolean) => string;
10
- export declare const getSelectableTickBoxStyles: (isTickBoxSelectable: boolean) => string;
11
- export declare const cardImageContainerStyles: import("@emotion/react").SerializedStyles;
@@ -1,7 +0,0 @@
1
- export declare const tickBoxClassName = "media-card-tickbox";
2
- export declare const tickboxFixedStyles: string;
3
- export declare const getSelectedStyles: (selected?: boolean | undefined) => string;
4
- export declare const wrapperStyles: {
5
- (selected?: boolean | undefined): import("@emotion/react").SerializedStyles;
6
- displayName: string;
7
- };
@@ -1,3 +0,0 @@
1
- /// <reference types="react" />
2
- import { TickBoxProps } from './types';
3
- export declare const TickBox: ({ selected }: TickBoxProps) => JSX.Element;
@@ -1,4 +0,0 @@
1
- /**@jsx jsx */
2
- import { jsx } from '@emotion/react';
3
- import { TickBoxProps } from './types';
4
- export declare const TickBoxWrapper: (props: TickBoxProps) => jsx.JSX.Element;
@@ -1,4 +0,0 @@
1
- export declare type TickBoxProps = {
2
- selected?: boolean;
3
- children?: any;
4
- };
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- import { FailedTitleBoxProps } from './types';
3
- export declare const FailedTitleBox: React.FC<FailedTitleBoxProps>;
@@ -1,15 +0,0 @@
1
- import { TitleBoxFooterProps, TitleBoxHeaderProps, TitleBoxWrapperProps } from './types';
2
- export declare const titleBoxWrapperStyles: {
3
- ({ breakpoint, titleBoxBgColor, }: TitleBoxWrapperProps): import("@emotion/react").SerializedStyles;
4
- displayName: string;
5
- };
6
- export declare const titleBoxHeaderStyles: {
7
- ({ hasIconOverlap, }: TitleBoxHeaderProps): import("@emotion/react").SerializedStyles;
8
- displayName: string;
9
- };
10
- export declare const titleBoxFooterStyles: {
11
- ({ hasIconOverlap, }: TitleBoxFooterProps): import("@emotion/react").SerializedStyles;
12
- displayName: string;
13
- };
14
- export declare const titleBoxIconStyles: import("@emotion/react").SerializedStyles;
15
- export declare const errorMessageWrapperStyles: import("@emotion/react").SerializedStyles;
@@ -1,4 +0,0 @@
1
- import React from 'react';
2
- import { FormattedDateProps, TitleBoxProps } from './types';
3
- export declare const FormattedDate: React.ComponentType<FormattedDateProps>;
4
- export declare const TitleBox: ({ name, createdAt, breakpoint, titleBoxBgColor, titleBoxIcon, }: TitleBoxProps) => JSX.Element;
@@ -1,8 +0,0 @@
1
- /** @jsx jsx */
2
- import { jsx } from '@emotion/react';
3
- import { TitleBoxFooterProps, TitleBoxHeaderProps, TitleBoxWrapperProps } from './types';
4
- export declare const TitleBoxWrapper: (props: TitleBoxWrapperProps) => jsx.JSX.Element;
5
- export declare const TitleBoxHeader: (props: TitleBoxHeaderProps) => jsx.JSX.Element;
6
- export declare const TitleBoxFooter: (props: TitleBoxFooterProps) => jsx.JSX.Element;
7
- export declare const TitleBoxIcon: (props: any) => jsx.JSX.Element;
8
- export declare const ErrorMessageWrapper: (props: any) => jsx.JSX.Element;
@@ -1,32 +0,0 @@
1
- /// <reference types="react" />
2
- import { MessageDescriptor } from 'react-intl-next';
3
- import { Breakpoint } from '../common';
4
- import { TitleBoxIcon as TitleBoxIconType } from '../../../index';
5
- export declare type TitleBoxProps = {
6
- name: string;
7
- breakpoint: Breakpoint;
8
- createdAt?: number;
9
- titleBoxBgColor?: string;
10
- titleBoxIcon?: TitleBoxIconType;
11
- };
12
- export declare type FormattedDateProps = {
13
- timestamp: number;
14
- };
15
- export declare type TitleBoxWrapperProps = {
16
- breakpoint: Breakpoint;
17
- titleBoxBgColor?: string;
18
- children?: JSX.Element | JSX.Element[] | any;
19
- };
20
- export declare type TitleBoxFooterProps = {
21
- hasIconOverlap: boolean;
22
- children?: JSX.Element;
23
- };
24
- export declare type TitleBoxHeaderProps = {
25
- hasIconOverlap: boolean;
26
- children?: JSX.Element;
27
- };
28
- export declare type OnRetryFunction = () => void;
29
- export declare type FailedTitleBoxProps = {
30
- breakpoint: Breakpoint;
31
- customMessage?: MessageDescriptor;
32
- };
@@ -1 +0,0 @@
1
- export declare const spin: import("@emotion/react").Keyframes;
@@ -1 +0,0 @@
1
- export declare const defaultTransitionDuration = ".3s";
@@ -1,2 +0,0 @@
1
- export declare const easeOutCubic = "cubic-bezier(0.215, 0.61, 0.355, 1)";
2
- export declare const easeOutExpo = "cubic-bezier(0.19, 1, 0.22, 1)";
@@ -1,3 +0,0 @@
1
- export declare const getSelectedBorderStyle: ({ selected, }: {
2
- selected?: boolean | undefined;
3
- }) => string;
@@ -1,9 +0,0 @@
1
- export { defaultTransitionDuration } from './config';
2
- export { antialiased, borderRadiusLeft, capitalize, centerSelf, centerSelfX, centerSelfY, centerX, hexToRgb, rgba, spaceAround, transition, withAppearance, } from './mixins';
3
- export type { WithAppearanceProps } from './mixins';
4
- export { easeOutCubic, easeOutExpo } from './easing';
5
- export { spin } from './animations';
6
- export declare const rootStyles: () => import("@emotion/react").SerializedStyles;
7
- export declare const cardShadow = "\n box-shadow: 0 1px 1px rgba(9, 30, 66, 0.2), 0 0 1px 0 rgba(9, 30, 66, 0.24);\n";
8
- export declare const fadeinImageStyles: () => import("@emotion/react").SerializedStyles;
9
- export default rootStyles;
@@ -1,21 +0,0 @@
1
- import { CardAppearance } from '../index';
2
- export declare const centerX = "\n display: flex;\n justify-content: center;\n";
3
- export declare const antialiased = "\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n";
4
- export declare const centerSelfY = "\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n";
5
- export declare const centerSelfX = "\n position: absolute;\n left: 50%;\n transform: translateX(-50%);\n";
6
- export declare const centerSelf = "\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translate(-50%, -50%);\n";
7
- export declare const borderRadiusLeft: string;
8
- export declare const spaceAround = "\n display: flex;\n flex-direction: column;\n justify-content: space-around;\n";
9
- export declare const transition: (propertyName?: string) => string;
10
- export declare const hexToRgb: (hex: any) => string | null;
11
- export declare const rgba: (hex: any, opacity: any) => string;
12
- export declare const capitalize = "\n &::first-letter {\n text-transform: uppercase;\n }\n";
13
- export interface WithAppearanceProps {
14
- appearance?: CardAppearance;
15
- }
16
- export declare const withAppearance: (styleMap: {
17
- image?: string | undefined;
18
- auto?: string | undefined;
19
- horizontal?: string | undefined;
20
- square?: string | undefined;
21
- }) => ({ appearance }: WithAppearanceProps) => string;
@@ -1,25 +0,0 @@
1
- import { CardDimensions } from './utils';
2
- export declare type CardStatus = 'uploading' | 'loading' | 'processing' | 'loading-preview' | 'complete' | 'error' | 'failed-processing';
3
- export declare type FilePreviewStatus = {
4
- hasFilesize: boolean;
5
- isPreviewable: boolean;
6
- hasPreview: boolean;
7
- isSupportedByBrowser: boolean;
8
- };
9
- export declare type FileStateFlags = {
10
- wasStatusProcessing: boolean;
11
- wasStatusUploading: boolean;
12
- };
13
- export declare type CardAppearance = 'auto' | 'image' | 'square' | 'horizontal';
14
- export declare type CardDimensionValue = number | string;
15
- export declare type CardPreviewSource = 'local' | 'remote' | 'ssr-server' | 'ssr-client' | 'ssr-data' | 'cache-local' | 'cache-remote' | 'cache-ssr-client' | 'cache-ssr-server' | 'external';
16
- export interface CardPreview {
17
- dataURI: string;
18
- orientation?: number;
19
- dimensions?: CardDimensions;
20
- source: CardPreviewSource;
21
- }
22
- export declare enum MediaCardCursor {
23
- Action = "pointer",
24
- NotReady = "wait"
25
- }