@atlaskit/media-card 74.1.6 → 74.1.8

package/dist/esm/{root → card}/inlinePlayer.js

@@ -17,7 +17,7 @@ import React from 'react';
 import { Component } from 'react';
 import { globalMediaEventEmitter } from '@atlaskit/media-client';
 import { CustomMediaPlayer, InactivityDetector } from '@atlaskit/media-ui';
-import { defaultImageCardDimensions } from '..';
+import { defaultImageCardDimensions } from '../utils';
 import { CardLoading } from '../utils/lightCards/cardLoading';
 import { ProgressBar } from './ui/progressBar/progressBar';
 import { calcBreakpointSize } from './ui/styles';
@@ -88,7 +88,7 @@ export var InlinePlayerBase = /*#__PURE__*/function (_Component) {
               _context.prev = 9;
               _context.t0 = _context["catch"](2);
 
-              if (onError) {
+              if (onError && _context.t0 instanceof Error) {
                 onError(_context.t0);
               }
 
@@ -256,7 +256,7 @@ export var InlinePlayerBase = /*#__PURE__*/function (_Component) {
                     _context2.t0 = _context2["catch"](19);
                     onError = _this2.props.onError;
 
-                    if (onError) {
+                    if (onError && _context2.t0 instanceof Error) {
                       onError(_context2.t0);
                     }
 

package/dist/esm/{root → card}/inlinePlayerWrapper.js

@@ -1,6 +1,6 @@
 /**@jsx jsx */
 import { jsx } from '@emotion/react';
-import { inlinePlayerWrapperStyles, inlinePlayerClassName } from './styles';
+import { inlinePlayerWrapperStyles, inlinePlayerClassName } from './styles/styles';
 export var InlinePlayerWrapper = function InlinePlayerWrapper(props) {
   var testId = props.testId,
       selected = props.selected,

package/dist/esm/{root → card/styles}/styles.js

@@ -4,10 +4,10 @@ var _templateObject, _templateObject2;
 
 import { css } from '@emotion/react';
 import { borderRadius } from '@atlaskit/theme/constants';
-import { getCSSUnitValue } from '../utils/getCSSUnitValue';
-import { breakpointStyles } from '../utils/breakpoint';
-import { getSelectedBorderStyle } from '../styles/getSelectedBorderStyle';
-import { getDimensionsWithDefault } from '../utils/lightCards/getDimensionsWithDefault';
+import { getCSSUnitValue } from '../../utils/getCSSUnitValue';
+import { breakpointStyles } from '../../utils/breakpoint';
+import { getSelectedBorderStyle } from './getSelectedBorderStyle';
+import { getDimensionsWithDefault } from '../../utils/lightCards/getDimensionsWithDefault';
 export var inlinePlayerClassName = 'media-card-inline-player';
 
 var getWrapperHeight = function getWrapperHeight(dimensions) {

package/dist/esm/{root → card}/ui/actionsBar/styles.js

@@ -3,7 +3,7 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral
 var _templateObject;
 
 import { css } from '@emotion/react';
-import { transition } from '../../../styles';
+import { transition } from '../../styles';
 export var actionsBarClassName = 'media-card-actions-bar';
 export var fixedActionBarStyles = "opacity: 1;";
 export var wrapperStyles = function wrapperStyles(isFixed) {

package/dist/esm/{root → card}/ui/blanket/styles.js

@@ -3,7 +3,7 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral
 var _templateObject;
 
 import { css } from '@emotion/react';
-import { transition } from '../../../styles';
+import { transition } from '../../styles';
 import { N90A } from '@atlaskit/theme/colors';
 export var blanketClassName = 'media-card-blanket';
 export var fixedBlanketStyles = "background-color: ".concat(N90A, ";");

package/dist/esm/{root → card}/ui/newFileExperience/newFileExperienceWrapper.js

@@ -1,6 +1,6 @@
 /**@jsx jsx */
 import { jsx } from '@emotion/react';
-import { newFileExperienceClassName } from '../../../root/card/cardConstants';
+import { newFileExperienceClassName } from '../../cardConstants';
 import { newFileExperienceWrapperStyles } from './styles';
 export var NewFileExperienceWrapper = function NewFileExperienceWrapper(props) {
   var testId = props.testId,

package/dist/esm/{root → card}/ui/newFileExperience/styles.js

@@ -7,9 +7,9 @@ import { fontFamily } from '@atlaskit/theme/constants';
 import { borderRadius } from '@atlaskit/media-ui';
 import { N20 } from '@atlaskit/theme/colors';
 import { hideNativeBrowserTextSelectionStyles } from '@atlaskit/editor-shared-styles/selection';
-import { transition } from '../../../styles';
-import { fixedBlanketStyles, blanketClassName } from '.././blanket/styles';
-import { fixedActionBarStyles, actionsBarClassName } from '.././actionsBar/styles';
+import { transition } from '../../styles';
+import { fixedBlanketStyles, blanketClassName } from '../blanket/styles';
+import { fixedActionBarStyles, actionsBarClassName } from '../actionsBar/styles';
 import { generateResponsiveStyles, getClickablePlayButtonStyles, getCursorStyle, getSelectableTickBoxStyles, getWrapperDimensions, getWrapperShadow } from '../styles';
 export var newFileExperienceWrapperStyles = function newFileExperienceWrapperStyles(_ref) {
   var breakpoint = _ref.breakpoint,

package/dist/esm/{root → card}/ui/progressBar/styles.js

@@ -4,7 +4,7 @@ var _templateObject;
 
 import { css } from '@emotion/react';
 import { borderRadius } from '@atlaskit/media-ui';
-import { rgba } from '../../../styles/mixins';
+import { rgba } from '../../styles/mixins';
 import { N0, N400 } from '@atlaskit/theme/colors';
 import { Breakpoint, getTitleBoxHeight, responsiveSettings } from '../common';
 var height = 3;

package/dist/esm/{root → card}/ui/tickBox/styles.js

@@ -3,7 +3,7 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral
 var _templateObject;
 
 import { css } from '@emotion/react';
-import { transition } from '../../../styles';
+import { transition } from '../../styles';
 import { B200, N0, N100 } from '@atlaskit/theme/colors';
 export var tickBoxClassName = 'media-card-tickbox';
 export var tickboxFixedStyles = "\n  background-color: ".concat(N0, ";\n  color: ").concat(N100, ";\n");

package/dist/esm/{root → card}/ui/titleBox/styles.js

@@ -5,7 +5,7 @@ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _temp
 import { css } from '@emotion/react';
 import { responsiveSettings, getTitleBoxHeight, Breakpoint } from '../common';
 import { N0 } from '@atlaskit/theme/colors';
-import { rgba } from '../../../styles/mixins';
+import { rgba } from '../../styles/mixins';
 
 var generateResponsiveStyles = function generateResponsiveStyles() {
   var breakpoint = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : Breakpoint.SMALL;

package/dist/esm/classnames.js

@@ -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/esm/in-product.js

@@ -1 +1,5 @@
+/**
+ * Entry Point: @atlaskit/media-card/in-product
+ * tsconfig.entry-points.json
+ */
 export { MediaCardPageObject } from './__tests_external__';

package/dist/esm/index.js

@@ -1,7 +1,12 @@
-export { Card, MediaInlineCard } from './root';
+/**
+ * Entry Point: @atlaskit/media-card
+ * tsconfig.entry-points.json
+ */
+export { Card } from './card';
+export { MediaInlineCard } from './inline';
 export { CardLoading } from './utils/lightCards/cardLoading';
 export { CardError } from './utils/lightCards/cardError';
 export { defaultImageCardDimensions } from './utils/cardDimensions';
-export { fileCardImageViewSelector, fileCardImageViewSelectedSelector } from './files/cardImageView/classnames';
-export { inlinePlayerClassName } from './root/styles';
-export { newFileExperienceClassName } from './root/card/cardConstants';
+export { fileCardImageViewSelector, fileCardImageViewSelectedSelector } from './card/cardImageView/classnames';
+export { inlinePlayerClassName } from './card/styles/styles';
+export { newFileExperienceClassName } from './card/cardConstants';

package/dist/esm/inline/index.js

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

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.6";
+var packageVersion = "74.1.8";
 var concurrentExperience;
 
 var getExperience = function getExperience(id) {

package/dist/esm/utils/viewportDetector.js

@@ -36,10 +36,28 @@ var ViewportObserver = function ViewportObserver(_ref) {
       cardEl = _ref.cardEl,
       children = _ref.children;
   useEffect(function () {
-    var intersectionObserver = new IntersectionObserver(createIntersectionObserverCallback(onVisible), {
-      root: getDocument(),
-      rootMargin: "".concat(ABS_VIEWPORT_ANCHOR_OFFSET_TOP, "px")
-    });
+    var intersectionObserver;
+
+    try {
+      intersectionObserver = new IntersectionObserver(createIntersectionObserverCallback(onVisible), {
+        root: getDocument(),
+        rootMargin: "".concat(ABS_VIEWPORT_ANCHOR_OFFSET_TOP, "px")
+      });
+    } catch (error) {
+      var _error$message;
+
+      var errorMessage = "Failed to construct 'IntersectionObserver': member root is not of type Element";
+
+      if ((_error$message = error.message) !== null && _error$message !== void 0 && _error$message.includes(errorMessage)) {
+        intersectionObserver = new IntersectionObserver(createIntersectionObserverCallback(onVisible), {
+          root: null,
+          rootMargin: "".concat(ABS_VIEWPORT_ANCHOR_OFFSET_TOP, "px")
+        });
+      } else {
+        throw error;
+      }
+    }
+
     cardEl && intersectionObserver.observe(cardEl);
     return function () {
       intersectionObserver.disconnect();

package/dist/esm/version.json

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

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

@@ -0,0 +1,9 @@
+import { FileItem, FileDetails } from '@atlaskit/media-client';
+import { ReactNode } from 'react';
+export interface CardAction {
+    label?: string;
+    handler: CardEventHandler;
+    icon?: ReactNode;
+}
+export declare type CardEventHandler = (item?: FileItem, event?: Event) => void;
+export declare function attachDetailsToActions(actions: Array<CardAction>, details: FileDetails): Array<CardAction>;

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

@@ -0,0 +1,59 @@
+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 } 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;
+    private hasBeenMounted;
+    private fileStateFlags;
+    private ssrReliability;
+    private timeElapsedTillCommenced;
+    subscription?: MediaSubscription;
+    private ssrData?;
+    static defaultProps: Partial<CardProps>;
+    constructor(props: CardBaseProps);
+    componentDidMount(): void;
+    componentDidUpdate(prevProps: CardProps, prevState: CardState): void;
+    componentWillUnmount(): void;
+    updateStateForIdentifier(identifier: FileIdentifier): void;
+    private getImageURLParams;
+    private getMediaBlobUrlAttrs;
+    private getCardPreviewParams;
+    private setCacheSSRPreview;
+    private refetchSSRPreview;
+    private resolvePreview;
+    updateFileStateFlag(fileState?: FileState): void;
+    subscribeInternalFile(identifier: FileIdentifier): void;
+    private get requestedDimensions();
+    private get metadata();
+    private get fileAttributes();
+    private getPerformanceAttributes;
+    private logSSRImageError;
+    private onImageError;
+    private onImageLoad;
+    private fireOperationalEvent;
+    private fireCommencedEvent;
+    private fireCopiedEvent;
+    private fireScreenEvent;
+    private fireLocalPreviewErrorEvent;
+    private safeSetState;
+    unsubscribe: () => void;
+    get actions(): CardAction[];
+    onCardViewClick: (event: React.MouseEvent<HTMLDivElement>, analyticsEvent?: UIAnalyticsEvent | undefined) => void;
+    onInlinePlayerError: () => void;
+    setRef: (cardRef: HTMLDivElement | null) => void;
+    renderInlinePlayer: () => JSX.Element;
+    onMediaViewerClose: () => void;
+    private onDisplayImage;
+    renderMediaViewer: () => React.ReactPortal | undefined;
+    renderCard: (withCallbacks?: boolean, cardStatusOverride?: CardStatus | undefined, izLazyOverride?: boolean | undefined) => JSX.Element;
+    private storeSSRData;
+    render(): JSX.Element;
+    private onCardInViewport;
+    onClick: (event: React.MouseEvent<HTMLDivElement>, analyticsEvent?: UIAnalyticsEvent | undefined) => void;
+    onMouseEnter: (event: React.MouseEvent<HTMLDivElement>) => void;
+}
+export declare const Card: React.ComponentType<CardBaseProps>;

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

@@ -0,0 +1,9 @@
+import { FileAttributes, PerformanceAttributes } from '@atlaskit/media-common';
+import { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
+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;
+export declare const fireScreenEvent: (createAnalyticsEvent: CreateUIAnalyticsEvent, fileAttributes: FileAttributes) => void;

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

@@ -0,0 +1 @@
+export declare const newFileExperienceClassName = "new-file-experience-wrapper";

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

@@ -0,0 +1,6 @@
+/**@jsx jsx */
+import { jsx } from '@emotion/react';
+import { WrapperProps } from './styles';
+export declare const CardImageViewWrapper: (props: WrapperProps) => jsx.JSX.Element;
+export declare const PlayIconWrapper: (props: any) => jsx.JSX.Element;
+export declare const ProgressBarWrapper: (props: any) => jsx.JSX.Element;

package/dist/types/card/cardImageView/cardOverlay/cardOverlayComponents.d.ts

@@ -0,0 +1,8 @@
+/**@jsx jsx */
+import { jsx } from '@emotion/react';
+import { OverlayProps } from './styles';
+export declare const Overlay: (props: OverlayProps) => jsx.JSX.Element;
+export declare const ErrorMessage: (props: any) => jsx.JSX.Element;
+export declare const AltWrapper: (props: any) => jsx.JSX.Element;
+export declare const TitleWrapper: (props: any) => jsx.JSX.Element;
+export declare const Metadata: (props: any) => jsx.JSX.Element;

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

@@ -0,0 +1,39 @@
+/**@jsx jsx */
+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 '../../../types';
+export interface CardOverlayProps {
+    readonly cardStatus: CardStatus;
+    mediaType?: MediaType;
+    mediaName?: string;
+    subtitle?: string;
+    selectable?: boolean;
+    selected?: boolean;
+    persistent: boolean;
+    error?: ReactNode;
+    alt?: string;
+    noHover?: boolean;
+    actions?: Array<CardAction>;
+    icon?: string;
+}
+export interface CardOverlayState {
+    isMenuExpanded: boolean;
+}
+export declare class CardOverlay extends Component<CardOverlayProps, CardOverlayState> {
+    static defaultProps: {
+        actions: never[];
+        mediaName: string;
+    };
+    constructor(props: CardOverlayProps);
+    private get wrapperClassNames();
+    render(): jsx.JSX.Element;
+    errorLine(): false | "" | 0 | jsx.JSX.Element | null | undefined;
+    tickBox(): false | jsx.JSX.Element | undefined;
+    bottomLeftColumn(): jsx.JSX.Element | undefined;
+    onMenuToggle: (attrs: {
+        isOpen: boolean;
+    }) => void;
+    removeBtnClick(handler: CardEventHandler): (e: MouseEvent<HTMLDivElement, any>) => void;
+}

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

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

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

@@ -0,0 +1,2 @@
+export declare const fileCardImageViewSelector = "media-file-card-view";
+export declare const fileCardImageViewSelectedSelector = "media-file-card-view-selected";