@atlaskit/media-card 73.4.1 → 73.5.1

package/dist/types/root/ui/loadingRateLimited/styled.d.ts

@@ -1,11 +1,11 @@
 import { HTMLAttributes, ComponentClass } from 'react';
 import { Breakpoint } from '../common';
-export declare const LoadingRateLimitedContainer: import("styled-components").StyledComponentClass<import("react").DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, any, import("react").DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
+export declare const LoadingRateLimitedContainer: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & HTMLAttributes<HTMLDivElement>, any, import("react").ClassAttributes<HTMLDivElement> & HTMLAttributes<HTMLDivElement>>;
 export declare const WarningIconWrapper: ComponentClass<HTMLAttributes<{}>>;
 export declare type StyledTextProps = {
     breakpoint: Breakpoint;
     positionBottom: boolean;
 };
 export declare const LoadingRateLimitedTextWrapper: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & HTMLAttributes<HTMLDivElement> & StyledTextProps, any, import("react").ClassAttributes<HTMLDivElement> & HTMLAttributes<HTMLDivElement> & StyledTextProps>;
-export declare const CouldntLoadWrapper: import("styled-components").StyledComponentClass<import("react").DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, any, import("react").DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
-export declare const ErrorWrapper: import("styled-components").StyledComponentClass<import("react").DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, any, import("react").DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
+export declare const CouldntLoadWrapper: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & HTMLAttributes<HTMLDivElement>, any, import("react").ClassAttributes<HTMLDivElement> & HTMLAttributes<HTMLDivElement>>;
+export declare const ErrorWrapper: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & HTMLAttributes<HTMLDivElement>, any, import("react").ClassAttributes<HTMLDivElement> & HTMLAttributes<HTMLDivElement>>;

package/dist/types/root/ui/playButton/styled.d.ts

@@ -3,7 +3,7 @@ export declare const playButtonClassName = "media-card-play-button";
 export declare const fixedPlayButtonStyles: string;
 export declare const Wrapper: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
     className: "media-card-play-button";
-}, any, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
+}, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>>;
 export declare const Background: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
     className: "play-icon-background";
-}, any, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
+}, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>>;

package/dist/types/root/ui/styled.d.ts

@@ -17,4 +17,4 @@ export interface NewFileExperienceWrapperProps {
     mediaCardCursor: MediaCardCursor;
 }
 export declare const NewFileExperienceWrapper: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & NewFileExperienceWrapperProps, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & NewFileExperienceWrapperProps>;
-export declare const CardImageContainer: import("styled-components").StyledComponentClass<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, any, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
+export declare const CardImageContainer: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>>;

package/dist/types/root/ui/titleBox/styled.d.ts

@@ -13,6 +13,6 @@ declare type TitleBoxHeaderProps = {
 export declare const TitleBoxWrapper: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & TitleBoxWrapperProps, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & TitleBoxWrapperProps>;
 export declare const TitleBoxHeader: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & TitleBoxHeaderProps, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & TitleBoxHeaderProps>;
 export declare const TitleBoxFooter: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & TitleBoxFooterProps, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & TitleBoxFooterProps>;
-export declare const TitleBoxIcon: import("styled-components").StyledComponentClass<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, any, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
-export declare const ErrorMessageWrapper: import("styled-components").StyledComponentClass<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, any, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
+export declare const TitleBoxIcon: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>>;
+export declare const ErrorMessageWrapper: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>>;
 export {};

package/dist/types/styles/mixins.d.ts

@@ -14,8 +14,8 @@ export interface WithAppearanceProps {
     appearance?: CardAppearance;
 }
 export declare const withAppearance: (styleMap: {
-    image?: string | undefined;
     auto?: string | undefined;
+    image?: string | undefined;
     square?: string | undefined;
     horizontal?: string | undefined;
 }) => ({ appearance }: WithAppearanceProps) => string;

package/dist/types/utils/analytics.d.ts

@@ -42,7 +42,7 @@ export declare type RenderScreenEventPayload = Omit<ScreenEventPayload<ScreenAtt
     };
 };
 export declare type MediaCardAnalyticsEventPayload = RenderCommencedEventPayload | RenderSucceededEventPayload | RenderFailedEventPayload | CopiedFileEventPayload | ClickedEventPayload | RenderScreenEventPayload;
-export declare const getFileAttributes: (metadata: FileDetails, fileStatus?: "failed-processing" | "uploading" | "processing" | "processed" | "error" | undefined) => FileAttributes;
+export declare const getFileAttributes: (metadata: FileDetails, fileStatus?: import("@atlaskit/media-common").FileStatus | undefined) => FileAttributes;
 export declare const getRenderPreviewableCardPayload: (fileAttributes: FileAttributes) => RenderScreenEventPayload;
 export declare const getRenderCommencedEventPayload: (fileAttributes: FileAttributes, performanceAttributes: PerformanceAttributes) => RenderCommencedEventPayload;
 export declare const getRenderSucceededEventPayload: (fileAttributes: FileAttributes, performanceAttributes: PerformanceAttributes, ssrReliability: SSRStatus) => RenderSucceededEventPayload;

package/dist/types/utils/cardDimensions.d.ts

@@ -1,4 +1,4 @@
-import { CardDimensionValue } from '../types';
+import { CardAppearance, CardDimensionValue } from '../types';
 export interface CardDimensions {
     width?: CardDimensionValue;
     height?: CardDimensionValue;
@@ -47,7 +47,7 @@ export declare const maxSquareCardDimensions: {
     width: number;
     height: number;
 };
-export declare const getCardMaxHeight: (appearance?: "image" | "auto" | "square" | "horizontal" | undefined) => number;
-export declare const getCardMinWidth: (appearance?: "image" | "auto" | "square" | "horizontal" | undefined) => number;
-export declare const getCardMaxWidth: (appearance?: "image" | "auto" | "square" | "horizontal" | undefined) => number;
-export declare const getDefaultCardDimensions: (appearance?: "image" | "auto" | "square" | "horizontal" | undefined) => Required<CardDimensions>;
+export declare const getCardMaxHeight: (appearance?: CardAppearance | undefined) => number;
+export declare const getCardMinWidth: (appearance?: CardAppearance | undefined) => number;
+export declare const getCardMaxWidth: (appearance?: CardAppearance | undefined) => number;
+export declare const getDefaultCardDimensions: (appearance?: CardAppearance | undefined) => Required<CardDimensions>;

package/dist/types/utils/dimensionComparer.d.ts

@@ -1,3 +1,3 @@
-import { CardDimensions } from '../';
-export declare const canCompareDimension: (current?: string | number | undefined, next?: string | number | undefined) => boolean;
+import { CardDimensionValue, CardDimensions } from '../';
+export declare const canCompareDimension: (current?: CardDimensionValue | undefined, next?: CardDimensionValue | undefined) => boolean;
 export declare const isBigger: (current?: CardDimensions | undefined, next?: CardDimensions | undefined) => boolean;

package/dist/types/utils/generateUniqueId.d.ts

@@ -0,0 +1 @@
+export declare const generateUniqueId: () => string;

package/dist/types/utils/getMediaCardCursor.d.ts

@@ -1,2 +1,3 @@
 import { MediaCardCursor } from '../types';
-export declare const getMediaCardCursor: (useInlinePlayer: boolean, useMediaViewer: boolean, isErrorStatus: boolean, hasCardPreview: boolean, mediaType?: "audio" | "video" | "image" | "doc" | "archive" | "unknown" | undefined) => MediaCardCursor;
+import { MediaType } from '@atlaskit/media-client';
+export declare const getMediaCardCursor: (useInlinePlayer: boolean, useMediaViewer: boolean, isErrorStatus: boolean, hasCardPreview: boolean, mediaType?: MediaType | undefined) => MediaCardCursor;

package/dist/types/utils/metadata.d.ts

@@ -1,2 +1,2 @@
-import { FileDetails, Identifier, ErrorFileState } from '@atlaskit/media-client';
-export declare const getFileDetails: (identifier: Identifier, fileState?: import("@atlaskit/media-client").UploadingFileState | import("@atlaskit/media-client").ProcessingFileState | import("@atlaskit/media-client").ProcessedFileState | ErrorFileState | import("@atlaskit/media-client").ProcessingFailedState | undefined) => FileDetails;
+import { FileState, FileDetails, Identifier } from '@atlaskit/media-client';
+export declare const getFileDetails: (identifier: Identifier, fileState?: FileState | undefined) => FileDetails;

package/dist/types/utils/shouldDisplayImageThumbnail.d.ts

@@ -1,3 +1,3 @@
-import { MediaItemType } from '@atlaskit/media-client';
+import { MediaItemType, MediaType } from '@atlaskit/media-client';
 import { CardStatus } from '..';
-export declare const shouldDisplayImageThumbnail: (cardStatus: CardStatus, mediaItemType: MediaItemType, dataURI?: string | undefined, mediaType?: "audio" | "video" | "image" | "doc" | "archive" | "unknown" | undefined, mimeType?: string | undefined) => boolean;
+export declare const shouldDisplayImageThumbnail: (cardStatus: CardStatus, mediaItemType: MediaItemType, dataURI?: string | undefined, mediaType?: MediaType | undefined, mimeType?: string | undefined) => boolean;

package/dist/types/utils/ufoExperiences.d.ts

@@ -0,0 +1,6 @@
+import { CardStatus } from '../../src';
+import { FileAttributes } from '@atlaskit/media-common';
+import { SSRStatus } from './analytics';
+import { MediaCardError } from '../errors';
+export declare const startUfoExperience: (id: string) => void;
+export declare const completeUfoExperience: (id: string, status: CardStatus, fileAttributes: FileAttributes, ssrReliability: SSRStatus, error?: MediaCardError | undefined) => void;

package/example-helpers/index.tsx

@@ -16,7 +16,7 @@ import FabricAnalyticsListeners, {
 import AnnotateIcon from '@atlaskit/icon/glyph/media-services/annotate';
 import { SelectableCard } from './selectableCard';
 import { Card, CardAppearance, CardEvent, CardAction } from '../src';
-import { relevantFeatureFlagNames } from '../src/root/card/cardAnalytics';
+import { getRelevantFeatureFlagNames } from '../src/root/card/cardAnalytics';
 import { MediaCardError } from '../src/errors';
 import DevelopmentUseMessage from './developmentUseMessage';
 
@@ -134,7 +134,7 @@ export const MainWrapper: React.FC<MainWrapperProps> = ({
 }) => (
   <>
     {developmentOnly && <DevelopmentUseMessage />}
-    <FeatureFlagsWrapper filterFlags={relevantFeatureFlagNames}>
+    <FeatureFlagsWrapper filterFlags={getRelevantFeatureFlagNames()}>
       {children}
     </FeatureFlagsWrapper>
   </>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/media-card",
-  "version": "73.4.1",
+  "version": "73.5.1",
   "description": "Includes all media card related components, CardView, CardViewSmall, Card...",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -17,7 +17,8 @@
   "af:exports": {
     "./types": "./src/types.ts",
     ".": "./src/index.ts",
-    "./in-product": "./src/in-product.ts"
+    "./in-product": "./src/in-product.ts",
+    "./classnames": "./src/classnames.ts"
   },
   "atlassian": {
     "team": "Media Experience",
@@ -33,13 +34,14 @@
     "@atlaskit/editor-shared-styles": "^2.0.0",
     "@atlaskit/icon": "^21.10.0",
     "@atlaskit/in-product-testing": "^0.1.0",
-    "@atlaskit/media-client": "^15.0.0",
-    "@atlaskit/media-common": "^2.11.0",
-    "@atlaskit/media-ui": "^21.0.0",
+    "@atlaskit/media-client": "^15.1.0",
+    "@atlaskit/media-common": "^2.12.0",
+    "@atlaskit/media-ui": "^21.1.0",
     "@atlaskit/media-viewer": "^46.2.0",
     "@atlaskit/spinner": "^15.1.0",
     "@atlaskit/theme": "^12.1.0",
     "@atlaskit/tooltip": "^17.5.0",
+    "@atlaskit/ufo": "^0.1.0",
     "@babel/runtime": "^7.0.0",
     "classnames": "^2.2.5",
     "eventemitter2": "^4.1.0",
@@ -56,12 +58,12 @@
   "devDependencies": {
     "@atlaskit/analytics-listeners": "^8.2.0",
     "@atlaskit/analytics-namespaced-context": "^6.4.0",
-    "@atlaskit/button": "^16.2.0",
+    "@atlaskit/button": "^16.3.0",
     "@atlaskit/checkbox": "^12.3.0",
     "@atlaskit/docs": "*",
     "@atlaskit/inline-message": "^11.2.0",
     "@atlaskit/media-core": "^32.3.0",
-    "@atlaskit/media-test-helpers": "^29.3.0",
+    "@atlaskit/media-test-helpers": "^29.4.0",
     "@atlaskit/radio": "^5.3.2",
     "@atlaskit/range": "^6.0.0",
     "@atlaskit/select": "^15.2.1",
@@ -80,7 +82,7 @@
     "react": "^16.8.0",
     "react-dom": "^16.8.0",
     "react-intl-next": "npm:react-intl@^5.18.1",
-    "typescript": "3.9.6",
+    "typescript": "4.2.4",
     "uuid": "^3.1.0",
     "wait-for-expect": "^1.2.0"
   },