@atlaskit/media-card 73.4.2 → 73.6.0

package/dist/es2019/utils/ufoExperiences.js

@@ -0,0 +1,77 @@
+import { ConcurrentExperience, ExperiencePerformanceTypes, ExperienceTypes } from '@atlaskit/ufo';
+import { name as packageName, version as packageVersion } from '../version.json';
+import { extractErrorInfo, getRenderErrorRequestMetadata } from './analytics';
+import { getMediaEnvironment, getMediaRegion } from '@atlaskit/media-client';
+let concurrentExperience;
+
+const getExperience = (id, featureFlagsKeys) => {
+  if (!concurrentExperience) {
+    const inlineExperience = {
+      platform: {
+        component: 'media-card'
+      },
+      type: ExperienceTypes.Experience,
+      performanceType: ExperiencePerformanceTypes.InlineResult,
+      featureFlagsKeys
+    };
+    concurrentExperience = new ConcurrentExperience('media-card-render', inlineExperience);
+  }
+
+  return concurrentExperience.getInstance(id);
+};
+
+export const startUfoExperience = (id, featureFlagsKeys) => {
+  getExperience(id, featureFlagsKeys).start();
+};
+export const completeUfoExperience = (id, status, fileAttributes, fileStateFlags, ssrReliability, featureFlagsKeys, error) => {
+  switch (status) {
+    case 'complete':
+      succeedUfoExperience(id, featureFlagsKeys, {
+        fileAttributes,
+        ssrReliability,
+        fileStateFlags
+      });
+      break;
+
+    case 'failed-processing':
+      failUfoExperience(id, featureFlagsKeys, {
+        fileAttributes,
+        failReason: 'failed-processing',
+        ssrReliability,
+        fileStateFlags
+      });
+      break;
+
+    case 'error':
+      error && failUfoExperience(id, featureFlagsKeys, {
+        fileAttributes,
+        ...extractErrorInfo(error),
+        request: getRenderErrorRequestMetadata(error),
+        ssrReliability,
+        fileStateFlags
+      });
+      break;
+  }
+};
+
+const succeedUfoExperience = (id, featureFlagsKeys, properties) => {
+  getExperience(id, featureFlagsKeys).success({
+    metadata: { ...properties,
+      packageName,
+      packageVersion,
+      mediaEnvironment: getMediaEnvironment(),
+      mediaRegion: getMediaRegion()
+    }
+  });
+};
+
+const failUfoExperience = (id, featureFlagsKeys, properties) => {
+  getExperience(id, featureFlagsKeys).failure({
+    metadata: { ...properties,
+      packageName,
+      packageVersion,
+      mediaEnvironment: getMediaEnvironment(),
+      mediaRegion: getMediaRegion()
+    }
+  });
+};

package/dist/es2019/version.json

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

package/dist/esm/classnames.js

@@ -0,0 +1 @@
+export { fileCardImageViewSelector, fileCardImageViewSelectedSelector } from './files/cardImageView/classnames';

package/dist/esm/files/cardImageView/classnames.js

@@ -0,0 +1,2 @@
+export var fileCardImageViewSelector = 'media-file-card-view';
+export var fileCardImageViewSelectedSelector = 'media-file-card-view-selected';

package/dist/esm/files/cardImageView/index.js

@@ -20,8 +20,7 @@ import { CardLoading } from '../../utils/lightCards/cardLoading';
 import { shouldDisplayImageThumbnail } from '../../utils/shouldDisplayImageThumbnail';
 import { ProgressBar } from '../../utils/progressBar';
 import CardActions from '../../utils/cardActions';
-export var fileCardImageViewSelector = 'media-file-card-view';
-export var fileCardImageViewSelectedSelector = 'media-file-card-view-selected';
+import { fileCardImageViewSelectedSelector, fileCardImageViewSelector } from './classnames';
 export var FileCardImageView = /*#__PURE__*/function (_Component) {
   _inherits(FileCardImageView, _Component);
 

package/dist/esm/index.js

@@ -2,6 +2,6 @@ export { Card, MediaInlineCard } from './root';
 export { CardLoading } from './utils/lightCards/cardLoading';
 export { CardError } from './utils/lightCards/cardError';
 export { defaultImageCardDimensions } from './utils/cardDimensions';
-export { fileCardImageViewSelector, fileCardImageViewSelectedSelector } from './files/cardImageView';
+export { fileCardImageViewSelector, fileCardImageViewSelectedSelector } from './files/cardImageView/classnames';
 export { inlinePlayerClassName } from './root/inlinePlayer';
 export { newFileExperienceClassName } from './root/card/cardConstants';

package/dist/esm/root/card/cardAnalytics.js

@@ -1,5 +1,19 @@
+import { filterFeatureFlagNames, filterFeatureFlagKeysAllProducts } from '@atlaskit/media-common';
 import { fireMediaCardEvent, getRenderSucceededEventPayload, getRenderErrorEventPayload, getRenderFailedFileStatusPayload, getCopiedFilePayload, getRenderCommencedEventPayload, getRenderPreviewableCardPayload } from '../../utils/analytics';
-export var relevantFeatureFlagNames = ['newCardExperience', 'captions', 'timestampOnVideo'];
+export var REQUIRED_FEATURE_FLAGS = {
+  newCardExperience: true,
+  captions: true,
+  timestampOnVideo: true,
+  observedWidth: true,
+  mediaInline: false,
+  folderUploads: false
+};
+export var getRelevantFeatureFlagNames = function getRelevantFeatureFlagNames() {
+  return filterFeatureFlagNames(REQUIRED_FEATURE_FLAGS);
+};
+export var getRelevantFeatureFlagKeysWithAllProducts = function getRelevantFeatureFlagKeysWithAllProducts() {
+  return filterFeatureFlagKeysAllProducts(REQUIRED_FEATURE_FLAGS);
+};
 export var fireOperationalEvent = function fireOperationalEvent(createAnalyticsEvent, status, fileAttributes, performanceAttributes, ssrReliability, error) {
   var fireEvent = function fireEvent(payload) {
     return fireMediaCardEvent(payload, createAnalyticsEvent);

package/dist/esm/root/card/index.js

@@ -34,18 +34,22 @@ import { getFileDetails } from '../../utils/metadata';
 import { InlinePlayer } from '../inlinePlayer';
 import { getFileAttributes, extractErrorInfo } from '../../utils/analytics';
 import { isLocalPreviewError, MediaCardError, ensureMediaCardError, ImageLoadError } from '../../errors';
-import { fireOperationalEvent as _fireOperationalEvent, fireCommencedEvent as _fireCommencedEvent, relevantFeatureFlagNames, fireCopiedEvent, fireScreenEvent } from './cardAnalytics';
+import { fireOperationalEvent as _fireOperationalEvent, fireCommencedEvent as _fireCommencedEvent, getRelevantFeatureFlagNames, getRelevantFeatureFlagKeysWithAllProducts, fireCopiedEvent, fireScreenEvent } from './cardAnalytics';
 import getDocument from '../../utils/document';
 import { StoreSSRDataScript, getSSRData } from '../../utils/globalScope';
 import { getCardStateFromFileState, createStateUpdater } from './cardState';
 import { getMediaFeatureFlag } from '@atlaskit/media-common';
 import { isBigger } from '../../utils/dimensionComparer';
 import { getMediaCardCursor } from '../../utils/getMediaCardCursor';
+import { completeUfoExperience, startUfoExperience } from '../../utils/ufoExperiences';
+import { generateUniqueId } from '../../utils/generateUniqueId';
 export var CardBase = /*#__PURE__*/function (_Component) {
   _inherits(CardBase, _Component);
 
   var _super = _createSuper(CardBase);
 
+  // An internalOccurrenceKey is a randomly generated value to differentiate various instances
+  // of Cards regardless of whether it shares the same file (either internal or external)
   // We initialise timeElapsedTillCommenced
   // to avoid extra branching on a possibly undefined value.
   function CardBase(props) {
@@ -55,8 +59,15 @@ export var CardBase = /*#__PURE__*/function (_Component) {
 
     _this = _super.call(this, props);
 
+    _defineProperty(_assertThisInitialized(_this), "internalOccurrenceKey", generateUniqueId());
+
     _defineProperty(_assertThisInitialized(_this), "hasBeenMounted", false);
 
+    _defineProperty(_assertThisInitialized(_this), "fileStateFlags", {
+      wasStatusUploading: false,
+      wasStatusProcessing: false
+    });
+
     _defineProperty(_assertThisInitialized(_this), "viewportPreAnchorRef", /*#__PURE__*/createRef());
 
     _defineProperty(_assertThisInitialized(_this), "viewportPostAnchorRef", /*#__PURE__*/createRef());
@@ -255,7 +266,7 @@ export var CardBase = /*#__PURE__*/function (_Component) {
         if (isSSRClientPreview(cardPreview)) {
           _this.ssrReliability.client = failedSSRObject;
         }
-        /* 
+        /*
           If the cardPreview failed and it comes from server (global scope / ssrData), it means that we have reused it in client and the error counts for both: server & client.
         */
 
@@ -313,7 +324,7 @@ export var CardBase = /*#__PURE__*/function (_Component) {
             status: 'success'
           };
         }
-        /* 
+        /*
           If the image loads successfully and it comes from server (global scope / ssrData), it means that we have reused it in client and the success counts for both: server & client.
         */
 
@@ -794,6 +805,7 @@ export var CardBase = /*#__PURE__*/function (_Component) {
       var isDifferent = isDifferentIdentifier(prevIdentifier, identifier);
       var turnedVisible = !prevIsCardVisible && isCardVisible;
       var isNewMediaClient = prevMediaClient !== mediaClient;
+      this.updateFileStateFlag(fileState);
 
       if (isExternalImageIdentifier(identifier) && isDifferent) {
         this.fireCommencedEvent();
@@ -869,6 +881,21 @@ export var CardBase = /*#__PURE__*/function (_Component) {
       this.fireCommencedEvent();
       this.subscribeInternalFile(identifier);
     }
+  }, {
+    key: "updateFileStateFlag",
+    value: function updateFileStateFlag(fileState) {
+      if (!fileState) {
+        return;
+      }
+
+      var status = fileState.status;
+
+      if (status === 'processing') {
+        this.fileStateFlags.wasStatusProcessing = true;
+      } else if (status === 'uploading') {
+        this.fileStateFlags.wasStatusUploading = true;
+      }
+    }
   }, {
     key: "subscribeInternalFile",
     value: function subscribeInternalFile(identifier) {
@@ -936,6 +963,7 @@ export var CardBase = /*#__PURE__*/function (_Component) {
           error = _this$state7.error;
       var createAnalyticsEvent = this.props.createAnalyticsEvent;
       createAnalyticsEvent && _fireOperationalEvent(createAnalyticsEvent, status, this.fileAttributes, this.getPerformanceAttributes(), this.ssrReliability, error);
+      completeUfoExperience(this.internalOccurrenceKey, status, this.fileAttributes, this.fileStateFlags, this.ssrReliability, getRelevantFeatureFlagKeysWithAllProducts(), error);
     }
   }, {
     key: "fireCommencedEvent",
@@ -947,6 +975,7 @@ export var CardBase = /*#__PURE__*/function (_Component) {
           durationSincePageStart: this.timeElapsedTillCommenced
         }
       });
+      startUfoExperience(this.internalOccurrenceKey, getRelevantFeatureFlagKeysWithAllProducts());
     }
   }, {
     key: "actions",
@@ -1007,7 +1036,7 @@ export var Card = withMediaAnalyticsContext({
   componentName: 'mediaCard',
   component: 'mediaCard'
 }, {
-  filterFeatureFlags: relevantFeatureFlagNames
+  filterFeatureFlags: getRelevantFeatureFlagNames()
 })(withAnalyticsEvents()(injectIntl(CardBase, {
   enforceContext: false
 })));

package/dist/esm/root/cardView.js

@@ -259,7 +259,6 @@ export var CardViewBase = /*#__PURE__*/function (_React$Component) {
           });
 
         case 'processing':
-        case 'loading-preview':
           return _objectSpread(_objectSpread({}, defaultConfig), {}, {
             iconMessage: !didImageRender && !isZeroSize ? /*#__PURE__*/React.createElement(CreatingPreview, {
               disableAnimation: disableAnimation
@@ -309,6 +308,7 @@ export var CardViewBase = /*#__PURE__*/function (_React$Component) {
             iconMessage: iconMessage
           });
 
+        case 'loading-preview':
         case 'loading':
         default:
           return _objectSpread(_objectSpread({}, defaultConfig), {}, {

package/dist/esm/utils/generateUniqueId.js

@@ -0,0 +1,3 @@
+export var generateUniqueId = function generateUniqueId() {
+  return (performance.now().toString(36) + Math.random().toString(36)).replace(/\./g, '');
+};

package/dist/esm/utils/ufoExperiences.js

@@ -0,0 +1,83 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+import { ConcurrentExperience, ExperiencePerformanceTypes, ExperienceTypes } from '@atlaskit/ufo';
+import { name as packageName, version as packageVersion } from '../version.json';
+import { extractErrorInfo, getRenderErrorRequestMetadata } from './analytics';
+import { getMediaEnvironment, getMediaRegion } from '@atlaskit/media-client';
+var concurrentExperience;
+
+var getExperience = function getExperience(id, featureFlagsKeys) {
+  if (!concurrentExperience) {
+    var inlineExperience = {
+      platform: {
+        component: 'media-card'
+      },
+      type: ExperienceTypes.Experience,
+      performanceType: ExperiencePerformanceTypes.InlineResult,
+      featureFlagsKeys: featureFlagsKeys
+    };
+    concurrentExperience = new ConcurrentExperience('media-card-render', inlineExperience);
+  }
+
+  return concurrentExperience.getInstance(id);
+};
+
+export var startUfoExperience = function startUfoExperience(id, featureFlagsKeys) {
+  getExperience(id, featureFlagsKeys).start();
+};
+export var completeUfoExperience = function completeUfoExperience(id, status, fileAttributes, fileStateFlags, ssrReliability, featureFlagsKeys, error) {
+  switch (status) {
+    case 'complete':
+      succeedUfoExperience(id, featureFlagsKeys, {
+        fileAttributes: fileAttributes,
+        ssrReliability: ssrReliability,
+        fileStateFlags: fileStateFlags
+      });
+      break;
+
+    case 'failed-processing':
+      failUfoExperience(id, featureFlagsKeys, {
+        fileAttributes: fileAttributes,
+        failReason: 'failed-processing',
+        ssrReliability: ssrReliability,
+        fileStateFlags: fileStateFlags
+      });
+      break;
+
+    case 'error':
+      error && failUfoExperience(id, featureFlagsKeys, _objectSpread(_objectSpread({
+        fileAttributes: fileAttributes
+      }, extractErrorInfo(error)), {}, {
+        request: getRenderErrorRequestMetadata(error),
+        ssrReliability: ssrReliability,
+        fileStateFlags: fileStateFlags
+      }));
+      break;
+  }
+};
+
+var succeedUfoExperience = function succeedUfoExperience(id, featureFlagsKeys, properties) {
+  getExperience(id, featureFlagsKeys).success({
+    metadata: _objectSpread(_objectSpread({}, properties), {}, {
+      packageName: packageName,
+      packageVersion: packageVersion,
+      mediaEnvironment: getMediaEnvironment(),
+      mediaRegion: getMediaRegion()
+    })
+  });
+};
+
+var failUfoExperience = function failUfoExperience(id, featureFlagsKeys, properties) {
+  getExperience(id, featureFlagsKeys).failure({
+    metadata: _objectSpread(_objectSpread({}, properties), {}, {
+      packageName: packageName,
+      packageVersion: packageVersion,
+      mediaEnvironment: getMediaEnvironment(),
+      mediaRegion: getMediaRegion()
+    })
+  });
+};

package/dist/esm/version.json

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

package/dist/types/classnames.d.ts

@@ -0,0 +1 @@
+export { fileCardImageViewSelector, fileCardImageViewSelectedSelector, } from './files/cardImageView/classnames';

package/dist/types/errors.d.ts

@@ -24,7 +24,7 @@ export declare class SsrPreviewError extends MediaCardError {
     readonly secondaryError?: Error | undefined;
     constructor(primaryReason: SsrPreviewPrimaryReason, secondaryError?: Error | undefined);
 }
-export declare const getImageLoadPrimaryReason: (source?: "local" | "remote" | "ssr-server" | "ssr-client" | "ssr-data" | "cache-local" | "cache-remote" | "cache-ssr-client" | "cache-ssr-server" | "external" | undefined) => ImageLoadPrimaryReason;
+export declare const getImageLoadPrimaryReason: (source?: import("./types").CardPreviewSource | undefined) => ImageLoadPrimaryReason;
 export declare class ImageLoadError extends MediaCardError {
     constructor(source?: CardPreview['source']);
 }

package/dist/types/files/cardImageView/cardOverlay/styled.d.ts

@@ -11,13 +11,13 @@ export interface OverlayProps {
 }
 export declare const TickBox: ComponentClass<HTMLAttributes<{}> & OverlayProps>;
 export declare const Overlay: ComponentClass<HTMLAttributes<{}> & OverlayProps>;
-export declare const ErrorLine: import("styled-components").StyledComponentClass<import("react").DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, any, import("react").DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
-export declare const LeftColumn: import("styled-components").StyledComponentClass<import("react").DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, any, import("react").DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
-export declare const TopRow: import("styled-components").StyledComponentClass<import("react").DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, any, import("react").DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
-export declare const BottomRow: import("styled-components").StyledComponentClass<import("react").DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, any, import("react").DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
-export declare const RightColumn: import("styled-components").StyledComponentClass<import("react").DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, any, import("react").DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
-export declare const ErrorMessage: import("styled-components").StyledComponentClass<import("react").DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, any, import("react").DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
-export declare const AltWrapper: import("styled-components").StyledComponentClass<import("react").DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, any, import("react").DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
-export declare const TitleWrapper: import("styled-components").StyledComponentClass<(import("react").ClassAttributes<HTMLDivElement> & HTMLAttributes<HTMLDivElement> & import("@atlaskit/theme").AtlaskitThemeProps) | (import("react").ClassAttributes<HTMLDivElement> & HTMLAttributes<HTMLDivElement> & import("@atlaskit/theme").CustomThemeProps) | (import("react").ClassAttributes<HTMLDivElement> & HTMLAttributes<HTMLDivElement> & import("@atlaskit/theme").NoThemeProps), any, (import("react").ClassAttributes<HTMLDivElement> & HTMLAttributes<HTMLDivElement> & import("@atlaskit/theme").AtlaskitThemeProps) | (import("react").ClassAttributes<HTMLDivElement> & HTMLAttributes<HTMLDivElement> & import("@atlaskit/theme").CustomThemeProps) | (import("react").ClassAttributes<HTMLDivElement> & HTMLAttributes<HTMLDivElement> & import("@atlaskit/theme").NoThemeProps)>;
-export declare const Subtitle: import("styled-components").StyledComponentClass<import("react").DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, any, import("react").DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
-export declare const Metadata: import("styled-components").StyledComponentClass<import("react").DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, any, import("react").DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
+export declare const ErrorLine: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & HTMLAttributes<HTMLDivElement>, any, import("react").ClassAttributes<HTMLDivElement> & HTMLAttributes<HTMLDivElement>>;
+export declare const LeftColumn: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & HTMLAttributes<HTMLDivElement>, any, import("react").ClassAttributes<HTMLDivElement> & HTMLAttributes<HTMLDivElement>>;
+export declare const TopRow: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & HTMLAttributes<HTMLDivElement>, any, import("react").ClassAttributes<HTMLDivElement> & HTMLAttributes<HTMLDivElement>>;
+export declare const BottomRow: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & HTMLAttributes<HTMLDivElement>, any, import("react").ClassAttributes<HTMLDivElement> & HTMLAttributes<HTMLDivElement>>;
+export declare const RightColumn: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & HTMLAttributes<HTMLDivElement>, any, import("react").ClassAttributes<HTMLDivElement> & HTMLAttributes<HTMLDivElement>>;
+export declare const ErrorMessage: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & HTMLAttributes<HTMLDivElement>, any, import("react").ClassAttributes<HTMLDivElement> & HTMLAttributes<HTMLDivElement>>;
+export declare const AltWrapper: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & HTMLAttributes<HTMLDivElement>, any, import("react").ClassAttributes<HTMLDivElement> & HTMLAttributes<HTMLDivElement>>;
+export declare const TitleWrapper: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & HTMLAttributes<HTMLDivElement> & (import("@atlaskit/theme").ThemeProps | undefined), any, import("react").ClassAttributes<HTMLDivElement> & HTMLAttributes<HTMLDivElement> & (import("@atlaskit/theme").ThemeProps | undefined)>;
+export declare const Subtitle: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & HTMLAttributes<HTMLDivElement>, any, import("react").ClassAttributes<HTMLDivElement> & HTMLAttributes<HTMLDivElement>>;
+export declare const Metadata: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & HTMLAttributes<HTMLDivElement>, any, import("react").ClassAttributes<HTMLDivElement> & HTMLAttributes<HTMLDivElement>>;

package/dist/types/files/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";

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

@@ -26,8 +26,6 @@ export interface FileCardImageViewProps {
     readonly onImageLoad?: (cardPreview: CardPreview) => void;
     readonly cardPreview: CardPreview;
 }
-export declare const fileCardImageViewSelector = "media-file-card-view";
-export declare const fileCardImageViewSelectedSelector = "media-file-card-view-selected";
 export declare class FileCardImageView extends Component<FileCardImageViewProps> {
     private wasThumbnailDisplayed;
     static defaultProps: Partial<FileCardImageViewProps>;