@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.
- package/CHANGELOG.md +0 -12
- package/classnames/package.json +1 -8
- package/dist/cjs/root/card/getCardPreview/helpers.js +4 -4
- package/dist/cjs/root/card/getCardPreview/index.js +3 -5
- package/dist/cjs/root/card/index.js +4 -2
- package/dist/cjs/root/inlinePlayer.js +2 -2
- package/dist/cjs/utils/ufoExperiences.js +1 -1
- package/dist/cjs/utils/viewportDetector.js +4 -22
- package/dist/cjs/version.json +1 -1
- package/dist/es2019/root/card/getCardPreview/helpers.js +4 -4
- package/dist/es2019/root/card/getCardPreview/index.js +3 -3
- package/dist/es2019/root/card/index.js +4 -2
- package/dist/es2019/root/inlinePlayer.js +2 -2
- package/dist/es2019/utils/ufoExperiences.js +1 -1
- package/dist/es2019/utils/viewportDetector.js +4 -22
- package/dist/es2019/version.json +1 -1
- package/dist/esm/root/card/getCardPreview/helpers.js +4 -4
- package/dist/esm/root/card/getCardPreview/index.js +3 -3
- package/dist/esm/root/card/index.js +4 -2
- package/dist/esm/root/inlinePlayer.js +2 -2
- package/dist/esm/utils/ufoExperiences.js +1 -1
- package/dist/esm/utils/viewportDetector.js +4 -22
- package/dist/esm/version.json +1 -1
- package/dist/types/root/card/getCardPreview/index.d.ts +2 -1
- package/in-product/package.json +1 -8
- package/package.json +3 -10
- package/types/package.json +1 -8
- package/dist/types-ts4.0/__tests_external__/index.d.ts +0 -1
- package/dist/types-ts4.0/__tests_external__/page-objects/MediaCard.d.ts +0 -8
- package/dist/types-ts4.0/actions.d.ts +0 -9
- package/dist/types-ts4.0/classnames.d.ts +0 -1
- package/dist/types-ts4.0/errors.d.ts +0 -41
- package/dist/types-ts4.0/files/cardImageView/cardImageViewWrapper.d.ts +0 -6
- package/dist/types-ts4.0/files/cardImageView/cardOverlay/cardOverlayComponents.d.ts +0 -8
- package/dist/types-ts4.0/files/cardImageView/cardOverlay/index.d.ts +0 -39
- package/dist/types-ts4.0/files/cardImageView/cardOverlay/styles.d.ts +0 -26
- package/dist/types-ts4.0/files/cardImageView/classnames.d.ts +0 -2
- package/dist/types-ts4.0/files/cardImageView/index.d.ts +0 -50
- package/dist/types-ts4.0/files/cardImageView/styles.d.ts +0 -24
- package/dist/types-ts4.0/files/index.d.ts +0 -2
- package/dist/types-ts4.0/in-product.d.ts +0 -1
- package/dist/types-ts4.0/index.d.ts +0 -77
- package/dist/types-ts4.0/root/card/cardAnalytics.d.ts +0 -9
- package/dist/types-ts4.0/root/card/cardConstants.d.ts +0 -1
- package/dist/types-ts4.0/root/card/cardLoader.d.ts +0 -6
- package/dist/types-ts4.0/root/card/cardState.d.ts +0 -5
- package/dist/types-ts4.0/root/card/getCardPreview/cache.d.ts +0 -19
- package/dist/types-ts4.0/root/card/getCardPreview/filePreviewStatus.d.ts +0 -5
- package/dist/types-ts4.0/root/card/getCardPreview/helpers.d.ts +0 -9
- package/dist/types-ts4.0/root/card/getCardPreview/index.d.ts +0 -56
- package/dist/types-ts4.0/root/card/getCardStatus.d.ts +0 -4
- package/dist/types-ts4.0/root/card/imageRefetchingAnalytics.d.ts +0 -10
- package/dist/types-ts4.0/root/card/index.d.ts +0 -58
- package/dist/types-ts4.0/root/cardView.d.ts +0 -80
- package/dist/types-ts4.0/root/cardViewWrapper.d.ts +0 -4
- package/dist/types-ts4.0/root/index.d.ts +0 -2
- package/dist/types-ts4.0/root/inline/loader.d.ts +0 -25
- package/dist/types-ts4.0/root/inline/mediaInlineCard.d.ts +0 -14
- package/dist/types-ts4.0/root/inlinePlayer.d.ts +0 -51
- package/dist/types-ts4.0/root/inlinePlayerLazy.d.ts +0 -2
- package/dist/types-ts4.0/root/inlinePlayerWrapper.d.ts +0 -4
- package/dist/types-ts4.0/root/media-card-analytics-error-boundary.d.ts +0 -10
- package/dist/types-ts4.0/root/styles.d.ts +0 -10
- package/dist/types-ts4.0/root/types.d.ts +0 -24
- package/dist/types-ts4.0/root/ui/actionsBar/actionsBar.d.ts +0 -5
- package/dist/types-ts4.0/root/ui/actionsBar/actionsBarWrapper.d.ts +0 -4
- package/dist/types-ts4.0/root/ui/actionsBar/styles.d.ts +0 -6
- package/dist/types-ts4.0/root/ui/actionsBar/types.d.ts +0 -10
- package/dist/types-ts4.0/root/ui/blanket/blanket.d.ts +0 -6
- package/dist/types-ts4.0/root/ui/blanket/styles.d.ts +0 -6
- package/dist/types-ts4.0/root/ui/common.d.ts +0 -23
- package/dist/types-ts4.0/root/ui/iconMessage/iconMessageWrapper.d.ts +0 -4
- package/dist/types-ts4.0/root/ui/iconMessage/index.d.ts +0 -8
- package/dist/types-ts4.0/root/ui/iconMessage/styles.d.ts +0 -5
- package/dist/types-ts4.0/root/ui/iconMessage/types.d.ts +0 -19
- package/dist/types-ts4.0/root/ui/iconWrapper/iconWrapper.d.ts +0 -4
- package/dist/types-ts4.0/root/ui/iconWrapper/styles.d.ts +0 -7
- package/dist/types-ts4.0/root/ui/iconWrapper/types.d.ts +0 -6
- package/dist/types-ts4.0/root/ui/imageRenderer/imageRenderer.d.ts +0 -15
- package/dist/types-ts4.0/root/ui/loadingRateLimited/styles.d.ts +0 -13
- package/dist/types-ts4.0/root/ui/newFileExperience/newFileExperienceWrapper.d.ts +0 -4
- package/dist/types-ts4.0/root/ui/newFileExperience/styles.d.ts +0 -5
- package/dist/types-ts4.0/root/ui/newFileExperience/types.d.ts +0 -23
- package/dist/types-ts4.0/root/ui/playButton/playButton.d.ts +0 -2
- package/dist/types-ts4.0/root/ui/playButton/playButtonBackground.d.ts +0 -3
- package/dist/types-ts4.0/root/ui/playButton/playButtonWrapper.d.ts +0 -3
- package/dist/types-ts4.0/root/ui/playButton/styles.d.ts +0 -5
- package/dist/types-ts4.0/root/ui/progressBar/progressBar.d.ts +0 -10
- package/dist/types-ts4.0/root/ui/progressBar/styledBar.d.ts +0 -4
- package/dist/types-ts4.0/root/ui/progressBar/styles.d.ts +0 -7
- package/dist/types-ts4.0/root/ui/progressBar/types.d.ts +0 -7
- package/dist/types-ts4.0/root/ui/styles.d.ts +0 -11
- package/dist/types-ts4.0/root/ui/tickBox/styles.d.ts +0 -7
- package/dist/types-ts4.0/root/ui/tickBox/tickBox.d.ts +0 -3
- package/dist/types-ts4.0/root/ui/tickBox/tickBoxWrapper.d.ts +0 -4
- package/dist/types-ts4.0/root/ui/tickBox/types.d.ts +0 -4
- package/dist/types-ts4.0/root/ui/titleBox/failedTitleBox.d.ts +0 -3
- package/dist/types-ts4.0/root/ui/titleBox/styles.d.ts +0 -15
- package/dist/types-ts4.0/root/ui/titleBox/titleBox.d.ts +0 -4
- package/dist/types-ts4.0/root/ui/titleBox/titleBoxComponents.d.ts +0 -8
- package/dist/types-ts4.0/root/ui/titleBox/types.d.ts +0 -32
- package/dist/types-ts4.0/styles/animations.d.ts +0 -1
- package/dist/types-ts4.0/styles/config.d.ts +0 -1
- package/dist/types-ts4.0/styles/easing.d.ts +0 -2
- package/dist/types-ts4.0/styles/getSelectedBorderStyle.d.ts +0 -3
- package/dist/types-ts4.0/styles/index.d.ts +0 -9
- package/dist/types-ts4.0/styles/mixins.d.ts +0 -21
- package/dist/types-ts4.0/types.d.ts +0 -25
- package/dist/types-ts4.0/utils/analytics.d.ts +0 -78
- package/dist/types-ts4.0/utils/breakpoint.d.ts +0 -11
- package/dist/types-ts4.0/utils/cardActions/cardActionButton.d.ts +0 -4
- package/dist/types-ts4.0/utils/cardActions/cardActionIconButton.d.ts +0 -12
- package/dist/types-ts4.0/utils/cardActions/cardActionsDropdownMenu.d.ts +0 -14
- package/dist/types-ts4.0/utils/cardActions/cardActionsView.d.ts +0 -16
- package/dist/types-ts4.0/utils/cardActions/index.d.ts +0 -7
- package/dist/types-ts4.0/utils/cardActions/styles.d.ts +0 -18
- package/dist/types-ts4.0/utils/cardDimensions.d.ts +0 -53
- package/dist/types-ts4.0/utils/containsPixelUnit.d.ts +0 -1
- package/dist/types-ts4.0/utils/dimensionComparer.d.ts +0 -3
- package/dist/types-ts4.0/utils/document.d.ts +0 -2
- package/dist/types-ts4.0/utils/errorIcon/index.d.ts +0 -12
- package/dist/types-ts4.0/utils/errorIcon/styles.d.ts +0 -1
- package/dist/types-ts4.0/utils/fileIcon/index.d.ts +0 -12
- package/dist/types-ts4.0/utils/fileIcon/styles.d.ts +0 -1
- package/dist/types-ts4.0/utils/generateUniqueId.d.ts +0 -1
- package/dist/types-ts4.0/utils/getCSSUnitValue.d.ts +0 -1
- package/dist/types-ts4.0/utils/getDataURIDimension.d.ts +0 -9
- package/dist/types-ts4.0/utils/getElementDimension.d.ts +0 -2
- package/dist/types-ts4.0/utils/getErrorMessage.d.ts +0 -2
- package/dist/types-ts4.0/utils/getMediaCardCursor.d.ts +0 -6
- package/dist/types-ts4.0/utils/globalScope/getSSRData.d.ts +0 -3
- package/dist/types-ts4.0/utils/globalScope/globalScope.d.ts +0 -21
- package/dist/types-ts4.0/utils/globalScope/index.d.ts +0 -4
- package/dist/types-ts4.0/utils/globalScope/types.d.ts +0 -8
- package/dist/types-ts4.0/utils/index.d.ts +0 -15
- package/dist/types-ts4.0/utils/isRetina.d.ts +0 -1
- package/dist/types-ts4.0/utils/isValidPercentageUnit.d.ts +0 -1
- package/dist/types-ts4.0/utils/lightCards/cardError.d.ts +0 -12
- package/dist/types-ts4.0/utils/lightCards/cardLoading.d.ts +0 -5
- package/dist/types-ts4.0/utils/lightCards/getDimensionsWithDefault.d.ts +0 -2
- package/dist/types-ts4.0/utils/lightCards/lightCardWrappers.d.ts +0 -5
- package/dist/types-ts4.0/utils/lightCards/styles.d.ts +0 -4
- package/dist/types-ts4.0/utils/lightCards/types.d.ts +0 -15
- package/dist/types-ts4.0/utils/mediaTypeIcon/iconWrapper.d.ts +0 -4
- package/dist/types-ts4.0/utils/mediaTypeIcon/index.d.ts +0 -10
- package/dist/types-ts4.0/utils/mediaTypeIcon/styles.d.ts +0 -2
- package/dist/types-ts4.0/utils/mediaTypeIcon/types.d.ts +0 -6
- package/dist/types-ts4.0/utils/metadata.d.ts +0 -2
- package/dist/types-ts4.0/utils/objectURLCache.d.ts +0 -11
- package/dist/types-ts4.0/utils/preventClickThrough.d.ts +0 -8
- package/dist/types-ts4.0/utils/printScript.d.ts +0 -2
- package/dist/types-ts4.0/utils/progressBar/index.d.ts +0 -9
- package/dist/types-ts4.0/utils/progressBar/styles.d.ts +0 -1
- package/dist/types-ts4.0/utils/resizeModeToMediaImageProps.d.ts +0 -5
- package/dist/types-ts4.0/utils/shouldDisplayImageThumbnail.d.ts +0 -3
- package/dist/types-ts4.0/utils/ufoExperiences.d.ts +0 -7
- package/dist/types-ts4.0/utils/videoSnapshot.d.ts +0 -1
- 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,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,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,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,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,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,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,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,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,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,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,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,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,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
|
-
}
|