@atlaskit/media-card 77.2.3 → 77.3.0

package/dist/esm/inline/loader.js

@@ -103,7 +103,7 @@ var MediaInlineCardLoader = /*#__PURE__*/function (_React$PureComponent) {
         ErrorBoundary = _this$state.ErrorBoundary;
       var analyticsContext = {
         packageVersion: "@atlaskit/media-card",
-        packageName: "77.2.3",
+        packageName: "77.3.0",
         componentName: 'mediaInlineCard',
         component: 'mediaInlineCard'
       };

package/dist/esm/utils/ufoExperiences.js

@@ -7,7 +7,7 @@ import { extractErrorInfo, getRenderErrorRequestMetadata } from './analytics';
 import { MediaCardError } from '../errors';
 import { getMediaEnvironment, getMediaRegion } from '@atlaskit/media-client';
 var packageName = "@atlaskit/media-card";
-var packageVersion = "77.2.3";
+var packageVersion = "77.3.0";
 var concurrentExperience;
 var getExperience = function getExperience(id) {
   if (!concurrentExperience) {

package/dist/esm/utils/useCurrentValueRef.js

@@ -0,0 +1,6 @@
+import { useRef } from 'react';
+export function useCurrentValueRef(value) {
+  var ref = useRef(value);
+  ref.current = value;
+  return ref;
+}

package/dist/esm/utils/usePrevious.js

@@ -0,0 +1,8 @@
+import { useEffect, useRef } from 'react';
+export function usePrevious(value) {
+  var ref = useRef();
+  useEffect(function () {
+    ref.current = value;
+  }, [value]);
+  return ref.current;
+}

package/dist/types/card/v2/cardV2.d.ts

@@ -1,63 +1,7 @@
-import React, { Component } from 'react';
-import { UIAnalyticsEvent, WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
-import { FileState, MediaSubscription } from '@atlaskit/media-client';
+import { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
+import React from 'react';
 import { WrappedComponentProps } from 'react-intl-next';
-import { CardAction } from '../actions';
-import { CardProps, CardState, CardStatus } from '../../types';
+import { CardProps } from '../../types';
 export type CardV2BaseProps = CardProps & WithAnalyticsEventsProps & Partial<WrappedComponentProps>;
-export declare class CardV2Base extends Component<CardV2BaseProps, CardState> {
-    private internalOccurrenceKey;
-    private hasBeenMounted;
-    private fileStateFlags;
-    private ssrReliability;
-    private timeElapsedTillCommenced;
-    subscription?: MediaSubscription;
-    private ssrData?;
-    private traceContext;
-    static defaultProps: Partial<CardProps>;
-    constructor(props: CardV2BaseProps);
-    private getSSRPreview;
-    componentDidMount(): void;
-    componentDidUpdate(prevProps: CardProps, prevState: CardState): void;
-    componentWillUnmount(): void;
-    updateStateForIdentifier(): void;
-    private getImageURLParams;
-    private getMediaBlobUrlAttrs;
-    private getCardPreviewParams;
-    private setCacheSSRPreview;
-    private refetchSSRPreview;
-    private resolveUpfrontPreview;
-    private fetchAndCacheRemotePreview;
-    private resolvePreview;
-    updateFileStateFlag(fileState?: FileState): void;
-    private subscribeFileState;
-    private get requestedDimensions();
-    private get metadata();
-    private get fileAttributes();
-    private getPerformanceAttributes;
-    private logSSRImageError;
-    private onImageError;
-    private onImageLoad;
-    private fireOperationalEvent;
-    private fireCommencedEvent;
-    private fireAbortedEvent;
-    private fireCopiedEvent;
-    private fireScreenEvent;
-    private fireNonCriticalErrorEvent;
-    private safeSetState;
-    get actions(): CardAction[];
-    onCardViewClick: (event: React.MouseEvent<HTMLDivElement>, analyticsEvent?: UIAnalyticsEvent) => void;
-    onInlinePlayerError: () => void;
-    setRef: (cardRef: HTMLDivElement | null) => void;
-    renderInlinePlayer: () => JSX.Element;
-    onMediaViewerClose: () => void;
-    private onDisplayImage;
-    renderMediaViewer: () => React.ReactPortal | undefined;
-    renderCard: (withCallbacks?: boolean, cardStatusOverride?: CardStatus, izLazyOverride?: boolean) => JSX.Element;
-    private storeSSRData;
-    render(): JSX.Element;
-    private onCardInViewport;
-    onClick: (event: React.MouseEvent<HTMLDivElement>, analyticsEvent?: UIAnalyticsEvent) => void;
-    onMouseEnter: (event: React.MouseEvent<HTMLDivElement>) => void;
-}
+export declare const CardV2Base: ({ identifier, ...otherProps }: CardV2BaseProps & WrappedComponentProps) => JSX.Element;
 export declare const CardV2: React.ComponentType<CardV2BaseProps>;

package/dist/types/card/v2/externalImageCard.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
+import { ExternalImageIdentifier, Identifier, MediaClient } from '@atlaskit/media-client';
+import { CardEventProps, SharedCardProps } from '../../types';
+export interface ExternalImageCardProps extends SharedCardProps, CardEventProps {
+    readonly mediaClient: MediaClient;
+    readonly identifier: ExternalImageIdentifier;
+    readonly shouldOpenMediaViewer?: boolean;
+    readonly mediaViewerItems?: Identifier[];
+    readonly contextId?: string;
+    readonly shouldHideTooltip?: boolean;
+}
+export type ExternalImageCardBaseProps = ExternalImageCardProps & WithAnalyticsEventsProps;
+export declare const ExternalImageCard: ({ mediaClient, appearance, resizeMode, disableOverlay, featureFlags, identifier, dimensions, contextId, alt, actions, shouldOpenMediaViewer, selectable, selected, testId, titleBoxBgColor, titleBoxIcon, shouldHideTooltip, mediaViewerItems, onClick, onMouseEnter, createAnalyticsEvent, }: ExternalImageCardBaseProps) => JSX.Element;

package/dist/types/card/v2/fileCard.d.ts

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+import { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
+import { FileIdentifier, Identifier, MediaClient } from '@atlaskit/media-client';
+import { SSR } from '@atlaskit/media-common';
+import { CardEventProps, SharedCardProps } from '../../types';
+export interface FileCardProps extends SharedCardProps, CardEventProps {
+    readonly mediaClient: MediaClient;
+    readonly identifier: FileIdentifier;
+    readonly isLazy?: boolean;
+    readonly useInlinePlayer?: boolean;
+    readonly shouldOpenMediaViewer?: boolean;
+    readonly mediaViewerItems?: Identifier[];
+    readonly contextId?: string;
+    readonly shouldEnableDownloadButton?: boolean;
+    readonly ssr?: SSR;
+    readonly shouldHideTooltip?: boolean;
+}
+export type FileCardBaseProps = FileCardProps & WithAnalyticsEventsProps;
+export declare const FileCard: ({ appearance, resizeMode, isLazy, disableOverlay, featureFlags, identifier, ssr, mediaClient, dimensions, originalDimensions, contextId, alt, actions, shouldEnableDownloadButton, useInlinePlayer, shouldOpenMediaViewer, onFullscreenChange, selectable, selected, testId, titleBoxBgColor, titleBoxIcon, shouldHideTooltip, mediaViewerItems, onClick, onMouseEnter, createAnalyticsEvent, }: FileCardBaseProps) => JSX.Element;

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

@@ -0,0 +1,2 @@
+import { MutableRefObject } from 'react';
+export declare function useCurrentValueRef<T>(value: T): MutableRefObject<T>;

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

@@ -0,0 +1 @@
+export declare function usePrevious<T>(value: T | undefined): T | undefined;

package/dist/types-ts4.5/card/v2/cardV2.d.ts

@@ -1,63 +1,7 @@
-import React, { Component } from 'react';
-import { UIAnalyticsEvent, WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
-import { FileState, MediaSubscription } from '@atlaskit/media-client';
+import { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
+import React from 'react';
 import { WrappedComponentProps } from 'react-intl-next';
-import { CardAction } from '../actions';
-import { CardProps, CardState, CardStatus } from '../../types';
+import { CardProps } from '../../types';
 export type CardV2BaseProps = CardProps & WithAnalyticsEventsProps & Partial<WrappedComponentProps>;
-export declare class CardV2Base extends Component<CardV2BaseProps, CardState> {
-    private internalOccurrenceKey;
-    private hasBeenMounted;
-    private fileStateFlags;
-    private ssrReliability;
-    private timeElapsedTillCommenced;
-    subscription?: MediaSubscription;
-    private ssrData?;
-    private traceContext;
-    static defaultProps: Partial<CardProps>;
-    constructor(props: CardV2BaseProps);
-    private getSSRPreview;
-    componentDidMount(): void;
-    componentDidUpdate(prevProps: CardProps, prevState: CardState): void;
-    componentWillUnmount(): void;
-    updateStateForIdentifier(): void;
-    private getImageURLParams;
-    private getMediaBlobUrlAttrs;
-    private getCardPreviewParams;
-    private setCacheSSRPreview;
-    private refetchSSRPreview;
-    private resolveUpfrontPreview;
-    private fetchAndCacheRemotePreview;
-    private resolvePreview;
-    updateFileStateFlag(fileState?: FileState): void;
-    private subscribeFileState;
-    private get requestedDimensions();
-    private get metadata();
-    private get fileAttributes();
-    private getPerformanceAttributes;
-    private logSSRImageError;
-    private onImageError;
-    private onImageLoad;
-    private fireOperationalEvent;
-    private fireCommencedEvent;
-    private fireAbortedEvent;
-    private fireCopiedEvent;
-    private fireScreenEvent;
-    private fireNonCriticalErrorEvent;
-    private safeSetState;
-    get actions(): CardAction[];
-    onCardViewClick: (event: React.MouseEvent<HTMLDivElement>, analyticsEvent?: UIAnalyticsEvent) => void;
-    onInlinePlayerError: () => void;
-    setRef: (cardRef: HTMLDivElement | null) => void;
-    renderInlinePlayer: () => JSX.Element;
-    onMediaViewerClose: () => void;
-    private onDisplayImage;
-    renderMediaViewer: () => React.ReactPortal | undefined;
-    renderCard: (withCallbacks?: boolean, cardStatusOverride?: CardStatus, izLazyOverride?: boolean) => JSX.Element;
-    private storeSSRData;
-    render(): JSX.Element;
-    private onCardInViewport;
-    onClick: (event: React.MouseEvent<HTMLDivElement>, analyticsEvent?: UIAnalyticsEvent) => void;
-    onMouseEnter: (event: React.MouseEvent<HTMLDivElement>) => void;
-}
+export declare const CardV2Base: ({ identifier, ...otherProps }: CardV2BaseProps & WrappedComponentProps) => JSX.Element;
 export declare const CardV2: React.ComponentType<CardV2BaseProps>;

package/dist/types-ts4.5/card/v2/externalImageCard.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
+import { ExternalImageIdentifier, Identifier, MediaClient } from '@atlaskit/media-client';
+import { CardEventProps, SharedCardProps } from '../../types';
+export interface ExternalImageCardProps extends SharedCardProps, CardEventProps {
+    readonly mediaClient: MediaClient;
+    readonly identifier: ExternalImageIdentifier;
+    readonly shouldOpenMediaViewer?: boolean;
+    readonly mediaViewerItems?: Identifier[];
+    readonly contextId?: string;
+    readonly shouldHideTooltip?: boolean;
+}
+export type ExternalImageCardBaseProps = ExternalImageCardProps & WithAnalyticsEventsProps;
+export declare const ExternalImageCard: ({ mediaClient, appearance, resizeMode, disableOverlay, featureFlags, identifier, dimensions, contextId, alt, actions, shouldOpenMediaViewer, selectable, selected, testId, titleBoxBgColor, titleBoxIcon, shouldHideTooltip, mediaViewerItems, onClick, onMouseEnter, createAnalyticsEvent, }: ExternalImageCardBaseProps) => JSX.Element;

package/dist/types-ts4.5/card/v2/fileCard.d.ts

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+import { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
+import { FileIdentifier, Identifier, MediaClient } from '@atlaskit/media-client';
+import { SSR } from '@atlaskit/media-common';
+import { CardEventProps, SharedCardProps } from '../../types';
+export interface FileCardProps extends SharedCardProps, CardEventProps {
+    readonly mediaClient: MediaClient;
+    readonly identifier: FileIdentifier;
+    readonly isLazy?: boolean;
+    readonly useInlinePlayer?: boolean;
+    readonly shouldOpenMediaViewer?: boolean;
+    readonly mediaViewerItems?: Identifier[];
+    readonly contextId?: string;
+    readonly shouldEnableDownloadButton?: boolean;
+    readonly ssr?: SSR;
+    readonly shouldHideTooltip?: boolean;
+}
+export type FileCardBaseProps = FileCardProps & WithAnalyticsEventsProps;
+export declare const FileCard: ({ appearance, resizeMode, isLazy, disableOverlay, featureFlags, identifier, ssr, mediaClient, dimensions, originalDimensions, contextId, alt, actions, shouldEnableDownloadButton, useInlinePlayer, shouldOpenMediaViewer, onFullscreenChange, selectable, selected, testId, titleBoxBgColor, titleBoxIcon, shouldHideTooltip, mediaViewerItems, onClick, onMouseEnter, createAnalyticsEvent, }: FileCardBaseProps) => JSX.Element;

package/dist/types-ts4.5/utils/useCurrentValueRef.d.ts

@@ -0,0 +1,2 @@
+import { MutableRefObject } from 'react';
+export declare function useCurrentValueRef<T>(value: T): MutableRefObject<T>;

package/dist/types-ts4.5/utils/usePrevious.d.ts

@@ -0,0 +1 @@
+export declare function usePrevious<T>(value: T | undefined): T | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/media-card",
-  "version": "77.2.3",
+  "version": "77.3.0",
   "description": "Includes all media card related components, CardView, CardViewSmall, Card...",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -66,7 +66,7 @@
   "devDependencies": {
     "@atlaskit/analytics-listeners": "^8.7.0",
     "@atlaskit/analytics-namespaced-context": "^6.7.0",
-    "@atlaskit/inline-message": "^11.5.0",
+    "@atlaskit/inline-message": "^12.0.0",
     "@atlaskit/media-core": "^34.1.0",
     "@atlaskit/media-picker": "^66.2.0",
     "@atlaskit/media-state": "^1.0.0",