@atlaskit/media-card 74.1.3 → 74.1.5

package/dist/types-ts4.0/utils/fileIcon/index.d.ts

@@ -0,0 +1,12 @@
+/**@jsx jsx */
+import { jsx } from '@emotion/react';
+import { Component } from 'react';
+import { MediaType } from '@atlaskit/media-client';
+export interface FileIconProps {
+    mediaType?: MediaType;
+    style?: any;
+    iconUrl?: string;
+}
+export declare class FileIcon extends Component<FileIconProps, {}> {
+    render(): jsx.JSX.Element;
+}

package/dist/types-ts4.0/utils/fileIcon/styles.d.ts

@@ -0,0 +1 @@
+export declare const fileTypeIconStyles: import("@emotion/react").SerializedStyles;

package/dist/types-ts4.0/utils/generateUniqueId.d.ts

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

package/dist/types-ts4.0/utils/getCSSUnitValue.d.ts

@@ -0,0 +1 @@
+export declare function getCSSUnitValue(value: number | string): string;

package/dist/types-ts4.0/utils/getDataURIDimension.d.ts

@@ -0,0 +1,9 @@
+import { CardDimensions } from './cardDimensions';
+import { ElementDimension } from './getElementDimension';
+import { NumericalCardDimensions } from '@atlaskit/media-common';
+export declare type getDataURIDimensionOptions = {
+    element?: Element | null;
+    dimensions?: CardDimensions;
+};
+export declare const getDataURIDimension: (dimension: ElementDimension, options: getDataURIDimensionOptions) => number;
+export declare const getRequestedDimensions: (options: getDataURIDimensionOptions) => NumericalCardDimensions;

package/dist/types-ts4.0/utils/getElementDimension.d.ts

@@ -0,0 +1,2 @@
+export declare type ElementDimension = 'height' | 'width';
+export declare const getElementDimension: (element: Element, dimension: ElementDimension) => number;

package/dist/types-ts4.0/utils/getErrorMessage.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const getErrorMessage: (status: string) => false | JSX.Element;

package/dist/types-ts4.0/utils/getMediaCardCursor.d.ts

@@ -0,0 +1,6 @@
+import { MediaCardCursor } from '../types';
+import { MediaType } from '@atlaskit/media-client';
+/**
+ * When the returned value is undefined, we'd expect the media card to take the parent's cursor style.
+ */
+export declare const getMediaCardCursor: (useInlinePlayer: boolean, useMediaViewer: boolean, isErrorStatus: boolean, hasCardPreview: boolean, mediaType?: MediaType | undefined) => MediaCardCursor | undefined;

package/dist/types-ts4.0/utils/globalScope/getSSRData.d.ts

@@ -0,0 +1,3 @@
+import type { MediaCardSsrData } from './types';
+import { FileIdentifier } from '@atlaskit/media-client';
+export declare const getSSRData: (identifier: FileIdentifier) => MediaCardSsrData | undefined;

package/dist/types-ts4.0/utils/globalScope/globalScope.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+import { FileIdentifier } from '@atlaskit/media-client';
+import { NumericalCardDimensions } from '@atlaskit/media-common';
+import { MediaCardErrorInfo } from '../../utils/analytics';
+import { MediaCardSsr } from './types';
+export declare const GLOBAL_MEDIA_CARD_SSR = "mediaCardSsr";
+export declare const GLOBAL_MEDIA_NAMESPACE = "__MEDIA_INTERNAL";
+export declare type MediaGlobalScope = {
+    [GLOBAL_MEDIA_CARD_SSR]?: MediaCardSsr;
+};
+export declare function getMediaGlobalScope(globalScope?: any): MediaGlobalScope;
+export declare function getMediaCardSSR(globalScope?: any): MediaCardSsr;
+export declare const getKey: ({ id, collectionName, occurrenceKey }: FileIdentifier) => string;
+export declare const storeDataURI: (key: string, dataURI?: string | undefined, dimensions?: NumericalCardDimensions | undefined, error?: MediaCardErrorInfo | undefined, globalScope?: any) => void;
+export declare type StoreSSRDataScriptProps = {
+    identifier: FileIdentifier;
+    dataURI?: string;
+    dimensions?: NumericalCardDimensions;
+    error?: MediaCardErrorInfo;
+};
+export declare const StoreSSRDataScript: React.FC<StoreSSRDataScriptProps>;

package/dist/types-ts4.0/utils/globalScope/index.d.ts

@@ -0,0 +1,4 @@
+export { StoreSSRDataScript, GLOBAL_MEDIA_NAMESPACE, GLOBAL_MEDIA_CARD_SSR, getKey, } from './globalScope';
+export { getSSRData } from './getSSRData';
+export type { MediaCardSsrData, MediaCardSsr } from './types';
+export type { MediaGlobalScope } from './globalScope';

package/dist/types-ts4.0/utils/globalScope/types.d.ts

@@ -0,0 +1,8 @@
+import { NumericalCardDimensions } from '@atlaskit/media-common';
+import { MediaCardErrorInfo } from '../../utils/analytics';
+export declare type MediaCardSsrData = {
+    dataURI?: string;
+    dimensions?: NumericalCardDimensions;
+    error?: MediaCardErrorInfo;
+};
+export declare type MediaCardSsr = Record<string, MediaCardSsrData>;

package/dist/types-ts4.0/utils/index.d.ts

@@ -0,0 +1,15 @@
+export { ErrorIcon } from './errorIcon';
+export type { ErrorIconProps } from './errorIcon';
+export { FileIcon } from './fileIcon';
+export type { FileIconProps } from './fileIcon';
+export { CardActionIconButton, CardActionsDropdownMenu, CardActionsView, default, } from './cardActions';
+export type { CardActionIconButtonProps, CardActionsDropdownMenuProps, CardActionsViewProps, } from './cardActions';
+export { isRetina } from './isRetina';
+export { defaultHorizontalCardDimensions, defaultImageCardDimensions, defaultSmallCardDimensions, defaultSquareCardDimensions, getCardMaxHeight, getCardMaxWidth, getCardMinWidth, getDefaultCardDimensions, maxHorizontalCardDimensions, maxImageCardDimensions, maxSquareCardDimensions, minHorizontalCardDimensions, minImageCardDimensions, minSmallCardDimensions, minSquareCardDimensions, } from './cardDimensions';
+export { breakpointSize, breakpointStyles, cardBreakpointSizes, } from './breakpoint';
+export type { BreakpointProps, BreakpointSizeValue, CardBreakpoint, } from './breakpoint';
+export { isValidPercentageUnit } from './isValidPercentageUnit';
+export { getElementDimension } from './getElementDimension';
+export type { ElementDimension } from './getElementDimension';
+export { containsPixelUnit } from './containsPixelUnit';
+export type { CardDimensions } from './cardDimensions';

package/dist/types-ts4.0/utils/isRetina.d.ts

@@ -0,0 +1 @@
+export declare function isRetina(): boolean;

package/dist/types-ts4.0/utils/isValidPercentageUnit.d.ts

@@ -0,0 +1 @@
+export declare const isValidPercentageUnit: (value: string | number) => boolean;

package/dist/types-ts4.0/utils/lightCards/cardError.d.ts

@@ -0,0 +1,12 @@
+import { Component } from 'react';
+import { StaticCardProps } from './types';
+export interface ErrorCardProps extends StaticCardProps {
+    readonly size: 'small' | 'medium' | 'large' | 'xlarge';
+}
+export declare class CardError extends Component<ErrorCardProps, {}> {
+    static defaultProps: {
+        size: string;
+    };
+    render(): JSX.Element;
+    get icon(): JSX.Element;
+}

package/dist/types-ts4.0/utils/lightCards/cardLoading.d.ts

@@ -0,0 +1,5 @@
+import { Component } from 'react';
+import { StaticCardProps } from './types';
+export declare class CardLoading extends Component<StaticCardProps, {}> {
+    render(): JSX.Element;
+}

package/dist/types-ts4.0/utils/lightCards/getDimensionsWithDefault.d.ts

@@ -0,0 +1,2 @@
+import { CardDimensions } from '../..';
+export declare const getDimensionsWithDefault: (dimensions?: CardDimensions) => CardDimensions;

package/dist/types-ts4.0/utils/lightCards/lightCardWrappers.d.ts

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

package/dist/types-ts4.0/utils/lightCards/styles.d.ts

@@ -0,0 +1,4 @@
+import { WrapperProps } from './types';
+export declare const blinkLoadingAnimation: import("@emotion/react").Keyframes;
+export declare const wrapperStyles: ({ dimensions, theme }: WrapperProps) => import("@emotion/react").SerializedStyles;
+export declare const animatedWrapperStyles: (props: WrapperProps) => import("@emotion/react").SerializedStyles;

package/dist/types-ts4.0/utils/lightCards/types.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import { CardDimensions } from '../../utils/cardDimensions';
+import { MediaFeatureFlags } from '@atlaskit/media-common';
+import { GlobalThemeTokens } from '@atlaskit/theme/components';
+export interface StaticCardProps {
+    dimensions?: CardDimensions;
+    testId?: string;
+    featureFlags?: MediaFeatureFlags;
+}
+export interface WrapperProps {
+    dimensions: CardDimensions;
+    testId?: string;
+    children?: JSX.Element;
+    theme?: GlobalThemeTokens;
+}

package/dist/types-ts4.0/utils/mediaTypeIcon/iconWrapper.d.ts

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

package/dist/types-ts4.0/utils/mediaTypeIcon/index.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { MediaType } from '@atlaskit/media-client';
+export interface FileIconProps {
+    type?: MediaType;
+    size?: string;
+    className?: string;
+}
+export declare class MediaTypeIcon extends React.Component<FileIconProps, {}> {
+    render(): JSX.Element;
+}

package/dist/types-ts4.0/utils/mediaTypeIcon/styles.d.ts

@@ -0,0 +1,2 @@
+import { IconWrapperProps } from './types';
+export declare const iconWrapperStyles: (props: IconWrapperProps) => import("@emotion/react").SerializedStyles;

package/dist/types-ts4.0/utils/mediaTypeIcon/types.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { MediaType } from '@atlaskit/media-client';
+export interface IconWrapperProps {
+    type: MediaType;
+    children?: JSX.Element;
+}

package/dist/types-ts4.0/utils/metadata.d.ts

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

package/dist/types-ts4.0/utils/objectURLCache.d.ts

@@ -0,0 +1,11 @@
+import { CardPreview } from '../';
+export declare const PREVIEW_CACHE_LRU_SIZE = 50;
+export declare class ObjectURLCache {
+    private readonly cache;
+    constructor(size: number);
+    has(key: string): boolean;
+    get(key: string): CardPreview | undefined;
+    set(key: string, value: CardPreview): void;
+    remove(key: string): void;
+}
+export declare const createObjectURLCache: () => ObjectURLCache;

package/dist/types-ts4.0/utils/preventClickThrough.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { ReactNode } from 'react';
+export declare type PreventClickThroughProps = {
+    readonly children?: ReactNode;
+};
+export declare function PreventClickThrough({ children, }: PreventClickThroughProps): JSX.Element;
+export declare type CreatePreventClickThrough = <T>(onClick: () => void) => (event: React.MouseEvent<T, MouseEvent>) => void;
+export declare const createPreventClickThrough: CreatePreventClickThrough;

package/dist/types-ts4.0/utils/printScript.d.ts

@@ -0,0 +1,2 @@
+export declare const printFunctionCall: <T extends any[]>(fn: (...args: T) => void, ...args: T) => string;
+export declare const printScript: (statements: string[]) => string;

package/dist/types-ts4.0/utils/progressBar/index.d.ts

@@ -0,0 +1,9 @@
+/**@jsx jsx */
+import { jsx } from '@emotion/react';
+import { Component } from 'react';
+export interface ProgressBarProps {
+    progress?: number;
+}
+export declare class ProgressBar extends Component<ProgressBarProps, {}> {
+    render(): jsx.JSX.Element | null;
+}

package/dist/types-ts4.0/utils/progressBar/styles.d.ts

@@ -0,0 +1 @@
+export declare const progressWrapperStyles: import("@emotion/react").SerializedStyles;

package/dist/types-ts4.0/utils/resizeModeToMediaImageProps.d.ts

@@ -0,0 +1,5 @@
+import { ImageResizeMode } from '@atlaskit/media-client';
+export declare function resizeModeToMediaImageProps(resizeMode?: ImageResizeMode): {
+    crop: boolean;
+    stretch: boolean;
+};

package/dist/types-ts4.0/utils/shouldDisplayImageThumbnail.d.ts

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

package/dist/types-ts4.0/utils/ufoExperiences.d.ts

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

package/dist/types-ts4.0/utils/videoSnapshot.d.ts

@@ -0,0 +1 @@
+export declare const takeSnapshot: (blob: Blob) => Promise<string>;

package/dist/types-ts4.0/utils/viewportDetector.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export declare type ViewportDetectorProps = {
+    cardEl: HTMLElement | null;
+    onVisible: () => void;
+};
+export declare const ViewportDetector: React.FC<ViewportDetectorProps>;

package/in-product/package.json

@@ -4,5 +4,12 @@
   "module": "../dist/esm/in-product.js",
   "module:es2019": "../dist/es2019/in-product.js",
   "sideEffects": false,
-  "types": "../dist/types/in-product.d.ts"
+  "types": "../dist/types/in-product.d.ts",
+  "typesVersions": {
+    ">=4.0 <4.5": {
+      "*": [
+        "../dist/types-ts4.0/in-product.d.ts"
+      ]
+    }
+  }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/media-card",
-  "version": "74.1.3",
+  "version": "74.1.5",
   "description": "Includes all media card related components, CardView, CardViewSmall, Card...",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -12,6 +12,13 @@
   "module": "dist/esm/index.js",
   "module:es2019": "dist/es2019/index.js",
   "types": "dist/types/index.d.ts",
+  "typesVersions": {
+    ">=4.0 <4.5": {
+      "*": [
+        "dist/types-ts4.0/*"
+      ]
+    }
+  },
   "sideEffects": false,
   "atlaskit:src": "src/index.ts",
   "af:exports": {
@@ -31,7 +38,7 @@
   "dependencies": {
     "@atlaskit/analytics-next": "^8.2.0",
     "@atlaskit/dropdown-menu": "^11.5.0",
-    "@atlaskit/editor-shared-styles": "^2.1.0",
+    "@atlaskit/editor-shared-styles": "^2.2.0",
     "@atlaskit/icon": "^21.10.0",
     "@atlaskit/in-product-testing": "^0.1.0",
     "@atlaskit/media-client": "^17.1.0",
@@ -83,7 +90,7 @@
     "react": "^16.8.0",
     "react-dom": "^16.8.0",
     "react-intl-next": "npm:react-intl@^5.18.1",
-    "typescript": "4.3.5",
+    "typescript": "4.5.5",
     "uuid": "^3.1.0",
     "wait-for-expect": "^1.2.0"
   },

package/types/package.json

@@ -4,5 +4,12 @@
   "module": "../dist/esm/types.js",
   "module:es2019": "../dist/es2019/types.js",
   "sideEffects": false,
-  "types": "../dist/types/types.d.ts"
+  "types": "../dist/types/types.d.ts",
+  "typesVersions": {
+    ">=4.0 <4.5": {
+      "*": [
+        "../dist/types-ts4.0/types.d.ts"
+      ]
+    }
+  }
 }