@atlaskit/media-card 74.1.7 → 74.1.9

package/dist/esm/{root/inline → inline}/loader.js

@@ -67,7 +67,7 @@ var MediaInlineCardLoader = /*#__PURE__*/function (_React$PureComponent) {
                 /* webpackChunkName: "@atlaskit-internal_inline-media-card" */
                 './mediaInlineCard'), import(
                 /* webpackChunkName: "@atlaskit-internal_media-card-error-boundary" */
-                '../media-card-analytics-error-boundary')]);
+                '../utils/media-card-analytics-error-boundary')]);
 
               case 5:
                 _yield$Promise$all = _context.sent;

package/dist/esm/types.js

@@ -1,3 +1,7 @@
+/**
+ * Entry Point: @atlaskit/media-card/types
+ * tsconfig.entry-points.json
+ */
 export var MediaCardCursor;
 
 (function (MediaCardCursor) {

package/dist/esm/utils/cardActions/cardActionButton.js

@@ -1,13 +1,15 @@
 /**@jsx jsx */
+import { forwardRef } from 'react';
 import { jsx } from '@emotion/react';
 import { cardActionButtonStyles } from './styles';
-export var CardActionButton = function CardActionButton(props) {
+export var CardActionButton = /*#__PURE__*/forwardRef(function (props, ref) {
   return jsx("div", {
     id: "cardActionButton",
     "data-testid": "media-card-primary-action",
     css: cardActionButtonStyles(props),
     style: props.style,
     onClick: props.onClick,
-    onMouseDown: props.onMouseDown
+    onMouseDown: props.onMouseDown,
+    ref: ref
   }, props.children);
-};
+});

package/dist/esm/utils/cardActions/cardActionsDropdownMenu.js

@@ -18,11 +18,6 @@ import DropdownMenu, { DropdownItemGroup, DropdownItem } from '@atlaskit/dropdow
 import { withAnalyticsEvents } from '@atlaskit/analytics-next';
 import { createAndFireMediaCardEvent } from '../analytics';
 import { CardActionButton } from './cardActionButton';
-
-var CardActionButtonWithProps = function CardActionButtonWithProps(props) {
-  return /*#__PURE__*/React.createElement(CardActionButton, props);
-};
-
 var CardActionButtonWithAnalytics = withAnalyticsEvents({
   onClick: createAndFireMediaCardEvent({
     eventType: 'ui',
@@ -31,12 +26,12 @@ var CardActionButtonWithAnalytics = withAnalyticsEvents({
     actionSubjectId: 'mediaCardDropDownMenu',
     attributes: {}
   })
-})(CardActionButtonWithProps);
+})(CardActionButton);
 
 // Trick applied due to the lack of props type of DropdownItem
 var DropdownItemWithProps = function DropdownItemWithProps(props) {
   return /*#__PURE__*/React.createElement(DropdownItem, _extends({
-    "data-testid": "media-card-actions-menu-item"
+    testId: "media-card-actions-menu-item"
   }, props));
 };
 

package/dist/esm/utils/cardActions/styles.js

@@ -5,7 +5,7 @@ var _templateObject, _templateObject2;
 import { css } from '@emotion/react';
 import { N500, N0 } from '@atlaskit/theme/colors';
 import { borderRadius, size, center } from '@atlaskit/media-ui';
-import { rootStyles } from '../../styles';
+import { rootStyles } from '../../card/styles';
 export var wrapperStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  ", "\n  display: flex;\n  position: relative;\n  line-height: 0;\n"])), rootStyles());
 export var CardActionIconButtonVariant;
 

package/dist/esm/utils/objectURLCache.js

@@ -9,12 +9,12 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
 
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
-import { LRUCache } from 'lru-fast';
+import { LRUMap } from 'lru_map';
 import { EventEmitter2 } from 'eventemitter2';
 export var PREVIEW_CACHE_LRU_SIZE = 50;
 
-var ExtendedLRUCache = /*#__PURE__*/function (_LRUCache) {
-  _inherits(ExtendedLRUCache, _LRUCache);
+var ExtendedLRUCache = /*#__PURE__*/function (_LRUMap) {
+  _inherits(ExtendedLRUCache, _LRUMap);
 
   var _super = _createSuper(ExtendedLRUCache);
 
@@ -44,7 +44,7 @@ var ExtendedLRUCache = /*#__PURE__*/function (_LRUCache) {
   }]);
 
   return ExtendedLRUCache;
-}(LRUCache);
+}(LRUMap);
 
 export var ObjectURLCache = /*#__PURE__*/function () {
   function ObjectURLCache(size) {
@@ -52,8 +52,8 @@ export var ObjectURLCache = /*#__PURE__*/function () {
 
     this.cache = new ExtendedLRUCache(size);
     this.cache.on('shift', function (entry) {
-      if (entry && entry.value.dataURI) {
-        URL.revokeObjectURL(entry.value.dataURI);
+      if (entry && entry[1].dataURI) {
+        URL.revokeObjectURL(entry[1].dataURI);
       }
     });
   }
@@ -76,7 +76,7 @@ export var ObjectURLCache = /*#__PURE__*/function () {
   }, {
     key: "remove",
     value: function remove(key) {
-      var removed = this.cache.remove(key);
+      var removed = this.cache.delete(key);
       removed && URL.revokeObjectURL(removed.dataURI);
     }
   }]);

package/dist/esm/utils/preventClickThrough.js

@@ -5,7 +5,8 @@ export function PreventClickThrough(_ref) {
     onClick: function onClick(event) {
       event.stopPropagation();
       event.preventDefault();
-    }
+    },
+    "data-testid": "prevent-click-through"
   }, children);
 }
 export var createPreventClickThrough = function createPreventClickThrough(onClick) {

package/dist/esm/utils/ufoExperiences.js

@@ -9,7 +9,7 @@ import { extractErrorInfo, getRenderErrorRequestMetadata, LOGGED_FEATURE_FLAG_KE
 import { MediaCardError } from '../errors';
 import { getMediaEnvironment, getMediaRegion } from '@atlaskit/media-client';
 var packageName = "@atlaskit/media-card";
-var packageVersion = "74.1.7";
+var packageVersion = "74.1.9";
 var concurrentExperience;
 
 var getExperience = function getExperience(id) {

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/media-card",
-	"version": "74.1.7",
+	"version": "74.1.9",
 	"sideEffects": false
 }

package/dist/{types-ts4.0/root/card/index.d.ts → types/card/card.d.ts}

@@ -2,7 +2,8 @@ import React, { Component } from 'react';
 import { UIAnalyticsEvent, WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
 import { FileIdentifier, FileState, MediaSubscription } from '@atlaskit/media-client';
 import { WrappedComponentProps } from 'react-intl-next';
-import { CardAction, CardProps, CardState, CardStatus } from '../..';
+import { CardAction } from './actions';
+import { CardProps, CardState, CardStatus } from '../types';
 export declare type CardBaseProps = CardProps & WithAnalyticsEventsProps & Partial<WrappedComponentProps>;
 export declare class CardBase extends Component<CardBaseProps, CardState> {
     private internalOccurrenceKey;

package/dist/types/{root/card → card}/cardAnalytics.d.ts

@@ -1,8 +1,8 @@
 import { FileAttributes, PerformanceAttributes } from '@atlaskit/media-common';
 import { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
-import { SSRStatus } from '../../utils/analytics';
-import { CardStatus } from '../..';
-import { MediaCardError } from './../../errors';
+import { SSRStatus } from '../utils/analytics';
+import { CardStatus } from '../types';
+import { MediaCardError } from '../errors';
 export declare const fireOperationalEvent: (createAnalyticsEvent: CreateUIAnalyticsEvent, status: CardStatus, fileAttributes: FileAttributes, performanceAttributes: PerformanceAttributes, ssrReliability: SSRStatus, error?: MediaCardError) => void;
 export declare const fireCommencedEvent: (createAnalyticsEvent: CreateUIAnalyticsEvent, fileAttributes: FileAttributes, performanceAttributes: PerformanceAttributes) => void;
 export declare const fireCopiedEvent: (createAnalyticsEvent: CreateUIAnalyticsEvent, fileId: string, cardRef: HTMLDivElement) => void;

package/dist/types/{files → card}/cardImageView/cardOverlay/index.d.ts

@@ -2,8 +2,8 @@
 import { jsx } from '@emotion/react';
 import { MouseEvent, Component, ReactNode } from 'react';
 import { MediaType } from '@atlaskit/media-client';
-import { CardAction, CardEventHandler } from '../../../actions';
-import { CardStatus } from '../../../index';
+import { CardAction, CardEventHandler } from '../../actions';
+import { CardStatus } from '../../../types';
 export interface CardOverlayProps {
     readonly cardStatus: CardStatus;
     mediaType?: MediaType;

package/dist/{types-ts4.0/root → types/card/cardImageView}/cardViewWrapper.d.ts

@@ -1,4 +1,4 @@
 /**@jsx jsx */
 import { jsx } from '@emotion/react';
-import { WrapperProps } from './types';
+import { WrapperProps } from '../types';
 export declare const Wrapper: (props: WrapperProps) => jsx.JSX.Element;

package/dist/{types-ts4.0/files/cardImageView/index.d.ts → types/card/cardImageView/fileCardImageView.d.ts}

@@ -2,9 +2,8 @@
 import { jsx } from '@emotion/react';
 import { Component, ReactNode } from 'react';
 import { MediaItemType, MediaType, ImageResizeMode } from '@atlaskit/media-client';
-import { CardDimensions, CardStatus } from '../../index';
-import { CardAction } from '../../actions';
-import { CardPreview } from '../..';
+import { CardStatus, CardPreview, CardDimensions } from '../../types';
+import { CardAction } from '../actions';
 export interface FileCardImageViewProps {
     readonly mediaName?: string;
     readonly mediaType?: MediaType;

package/dist/types/card/cardImageView/index.d.ts

@@ -0,0 +1,2 @@
+export { FileCardImageView } from './fileCardImageView';
+export type { FileCardImageViewProps } from './fileCardImageView';

package/dist/types/{files → card}/cardImageView/styles.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { GlobalThemeTokens } from '@atlaskit/theme/components';
-import { CardStatus } from '../../index';
+import { CardStatus } from '../../types';
 export interface WrapperProps {
     disableOverlay?: boolean;
     selectable?: boolean;

package/dist/{types-ts4.0/root → types}/card/cardLoader.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import type { WithMediaClientConfigProps } from '@atlaskit/media-client';
-import type { CardBaseProps } from '.';
+import type { CardBaseProps } from './card';
 export declare type CardWithMediaClientConfigProps = WithMediaClientConfigProps<CardBaseProps>;
 declare const CardLoader: React.FC<CardWithMediaClientConfigProps>;
 export default CardLoader;

package/dist/types/{root/card → card}/cardState.d.ts

@@ -1,5 +1,5 @@
 import { FileState } from '@atlaskit/media-client';
 import { MediaFeatureFlags } from '@atlaskit/media-common';
-import { CardState } from '../..';
+import { CardState } from '../types';
 export declare const createStateUpdater: (newState: Partial<CardState>) => (prevState: CardState) => Pick<CardState, keyof CardState>;
 export declare const getCardStateFromFileState: (fileState: FileState, isBannedLocalPreview: boolean, featureFlags?: MediaFeatureFlags | undefined) => Partial<CardState>;

package/dist/types/{root → card}/cardView.d.ts

@@ -4,9 +4,9 @@ import React, { MouseEvent } from 'react';
 import { MessageDescriptor } from 'react-intl-next';
 import { MediaItemType, FileDetails } from '@atlaskit/media-client';
 import { WithAnalyticsEventsProps, UIAnalyticsEvent } from '@atlaskit/analytics-next';
-import { SharedCardProps, CardStatus } from '../index';
+import { SharedCardProps, CardStatus } from '../types';
 import { MediaCardError } from '../errors';
-import { CardPreview } from '..';
+import { CardPreview } from '../types';
 import { MediaCardCursor } from '../types';
 export interface CardViewOwnProps extends SharedCardProps {
     readonly status: CardStatus;

package/dist/types/{root/card → card}/getCardPreview/cache.d.ts

@@ -1,6 +1,6 @@
 import { ImageResizeMode } from '@atlaskit/media-client';
-import { ObjectURLCache } from '../../../utils/objectURLCache';
-import { CardPreview } from '../../../types';
+import { ObjectURLCache } from '../../utils/objectURLCache';
+import { CardPreview } from '../../types';
 declare type Mode = ImageResizeMode | undefined;
 export declare const getCacheKey: (id: string, mode: Mode) => string;
 export interface CardPreviewCache {

package/dist/types/{root/card → card}/getCardPreview/filePreviewStatus.d.ts

@@ -1,5 +1,5 @@
 import { MediaFeatureFlags } from '@atlaskit/media-common';
-import { CardStatus, FilePreviewStatus } from '../../../types';
+import { CardStatus, FilePreviewStatus } from '../../types';
 import { FileState } from '@atlaskit/media-client';
 export declare const extractFilePreviewStatus: (fileState: FileState, isBannedLocalPreview: boolean, featureFlags?: MediaFeatureFlags | undefined) => FilePreviewStatus;
 export declare const isPreviewableStatus: (cardStatus: CardStatus, { isPreviewable, hasPreview, isSupportedByBrowser }: FilePreviewStatus) => boolean;

package/dist/types/{root/card → card}/getCardPreview/helpers.d.ts

@@ -1,5 +1,5 @@
 import { MediaClient, FilePreview, MediaStoreGetFileImageParams, MediaType } from '@atlaskit/media-client';
-import { CardPreview } from '../../../types';
+import { CardPreview } from '../../types';
 /**
  * This method tells the support for the media
  * types covered in getCardPreviewFromFilePreview

package/dist/types/{root/card → card/getCardPreview}/imageRefetchingAnalytics.d.ts

@@ -1,5 +1,5 @@
 import { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
-import { CardDimensions } from '../../utils';
+import { CardDimensions } from '../../types';
 import { CardPreviewAttributes } from '../../utils/analytics';
 declare type cardAction = 'cache-hit' | 'remote-success';
 export declare const fireImageFetchingOperationalEvent: (createAnalyticsEvent: CreateUIAnalyticsEvent, action: cardAction, cardPreviewAttributes: CardPreviewAttributes) => void;

package/dist/{types-ts4.0/root → types}/card/getCardPreview/index.d.ts

@@ -2,9 +2,9 @@ import { MediaClient, FilePreview, FileState, MediaStoreGetFileImageParams, Medi
 import { MediaFeatureFlags, SSR } from '@atlaskit/media-common';
 import { ImageResizeMode } from '@atlaskit/media-client';
 import { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
-import { CardDimensions } from '../../../utils/cardDimensions';
-import { MediaCardError } from '../../../errors';
-import { CardStatus, CardPreview } from '../../../types';
+import { CardDimensions } from '../../types';
+import { MediaCardError } from '../../errors';
+import { CardStatus, CardPreview } from '../../types';
 export { getCardPreviewFromFilePreview, getCardPreviewFromBackend, isSupportedLocalPreview, } from './helpers';
 export { extractFilePreviewStatus } from './filePreviewStatus';
 export declare const getCardPreviewFromCache: (id: string, mode: ImageResizeMode | undefined) => CardPreview | undefined;

package/dist/types/{root/card → card}/getCardStatus.d.ts

@@ -1,4 +1,4 @@
 import { FileStatus } from '@atlaskit/media-client';
-import { CardStatus, FilePreviewStatus } from '../../types';
+import { CardStatus, FilePreviewStatus } from '../types';
 export declare const isFinalCardStatus: (status: CardStatus) => boolean;
 export declare const getCardStatus: (fileStatus: FileStatus, { hasFilesize, isPreviewable, hasPreview }: FilePreviewStatus) => CardStatus;

package/dist/types/card/index.d.ts

@@ -0,0 +1 @@
+export { default as Card } from './cardLoader';

package/dist/types/{root → card}/inlinePlayer.d.ts

@@ -1,9 +1,10 @@
 import React from 'react';
 import { Component } from 'react';
 import { MediaClient, FileIdentifier, FileState, MediaFileArtifacts, MediaSubscription } from '@atlaskit/media-client';
-import { CardDimensions, NumericalCardDimensions } from '..';
+import { NumericalCardDimensions } from '@atlaskit/media-common';
+import { CardDimensions } from '../types';
 import { WithAnalyticsEventsProps, UIAnalyticsEvent } from '@atlaskit/analytics-next';
-import type { CardPreview } from '..';
+import type { CardPreview } from '../types';
 export interface InlinePlayerOwnProps {
     identifier: FileIdentifier;
     mediaClient: MediaClient;

package/dist/types/card/styles/animations.d.ts

@@ -0,0 +1 @@
+export declare const spin: import("@emotion/serialize").Keyframes;

package/dist/types/{styles → card/styles}/mixins.d.ts

@@ -1,4 +1,4 @@
-import { CardAppearance } from '../index';
+import { CardAppearance } from '../../types';
 export declare const centerX = "\n  display: flex;\n  justify-content: center;\n";
 export declare const antialiased = "\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n";
 export declare const centerSelfY = "\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n";
@@ -14,8 +14,8 @@ export interface WithAppearanceProps {
     appearance?: CardAppearance;
 }
 export declare const withAppearance: (styleMap: {
-    image?: string | undefined;
     auto?: string | undefined;
-    horizontal?: string | undefined;
+    image?: string | undefined;
     square?: string | undefined;
+    horizontal?: string | undefined;
 }) => ({ appearance }: WithAppearanceProps) => string;

package/dist/types/{root → card/styles}/styles.d.ts

@@ -1,4 +1,4 @@
-import { InlinePlayerWrapperProps, WrapperProps } from './types';
+import { InlinePlayerWrapperProps, WrapperProps } from '../types';
 export declare const inlinePlayerClassName = "media-card-inline-player";
 export declare const wrapperStyles: {
     ({ dimensions, breakpointSize, shouldUsePointerCursor, }: WrapperProps): import("@emotion/react").SerializedStyles;

package/dist/{types-ts4.0/root → types/card}/types.d.ts

@@ -1,6 +1,6 @@
 import React, { MouseEvent, ReactElement, RefObject } from 'react';
 import { UIAnalyticsEvent } from '@atlaskit/analytics-next';
-import { CardDimensions } from '../';
+import { CardDimensions } from '../types';
 import { BreakpointSizeValue } from '../utils/breakpoint';
 export interface WrapperProps {
     testId?: string;

package/dist/{types-ts4.0/root → types/card}/ui/actionsBar/types.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { CardAction } from '../../../actions';
+import { CardAction } from '../../actions';
 export interface ActionsBarProps {
     actions: Array<CardAction>;
     isFixed?: boolean;

package/dist/types/{root → card}/ui/imageRenderer/imageRenderer.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { MediaType, ImageResizeMode } from '@atlaskit/media-client';
-import { CardPreview } from '../../..';
+import { CardPreview } from '../../../types';
 export declare type ImageRendererProps = {
     readonly cardPreview: CardPreview;
     readonly mediaType: MediaType;

package/dist/types/{root → card}/ui/newFileExperience/types.d.ts

@@ -1,7 +1,7 @@
 import React, { MouseEvent, RefObject } from 'react';
 import { UIAnalyticsEvent } from '@atlaskit/analytics-next';
-import { CardDimensions, CardAppearance } from '../../..';
-import { Breakpoint } from '.././common';
+import { CardDimensions, CardAppearance } from '../../../types';
+import { Breakpoint } from '../common';
 import { MediaCardCursor } from '../../../types';
 export interface NewFileExperienceWrapperProps {
     testId?: string;

package/dist/types/{root → card}/ui/styles.d.ts

@@ -1,4 +1,4 @@
-import { CardDimensions, CardAppearance } from '../..';
+import { CardDimensions, CardAppearance } from '../../types';
 import { Breakpoint } from './common';
 import { MediaCardCursor } from '../../types';
 export declare const calcBreakpointSize: (wrapperWidth?: number) => Breakpoint;

package/dist/{types-ts4.0/root → types/card}/ui/titleBox/types.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { MessageDescriptor } from 'react-intl-next';
 import { Breakpoint } from '../common';
-import { TitleBoxIcon as TitleBoxIconType } from '../../../index';
+import { TitleBoxIcon as TitleBoxIconType } from '../../../types';
 export declare type TitleBoxProps = {
     name: string;
     breakpoint: Breakpoint;

package/dist/types/classnames.d.ts

@@ -1 +1,5 @@
-export { fileCardImageViewSelector, fileCardImageViewSelectedSelector, } from './files/cardImageView/classnames';
+/**
+ * Entry Point: @atlaskit/media-card/classnames
+ * tsconfig.entry-points.json
+ */
+export { fileCardImageViewSelector, fileCardImageViewSelectedSelector, } from './card/cardImageView/classnames';

package/dist/types/errors.d.ts

@@ -1,4 +1,4 @@
-import { CardPreview } from '.';
+import { CardPreview } from './types';
 /**
  * Primary reason is logged through Data Portal.
  * Make sure all the values are whitelisted in Measure -> Event Regitry -> "mediaCardRender failed" event