@atlaskit/media-ui 22.4.1 → 23.0.0

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/media-ui
 
+## 23.0.0
+
+### Major Changes
+
+- [`780e634b885`](https://bitbucket.org/atlassian/atlassian-frontend/commits/780e634b885) - Removed fadeIn styles - Removed emotion/react dependency
+
 ## 22.4.1
 
 ### Patch Changes

package/dist/cjs/customMediaPlayer/index.js

@@ -51,7 +51,7 @@ 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; } } /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */ // Keep media player components used in media-viewer to use static colors from the new color palette to
 // support the hybrid theming in media viewer https://product-fabric.atlassian.net/browse/DSP-6067
 var packageName = "@atlaskit/media-ui";
-var packageVersion = "22.4.1";
+var packageVersion = "23.0.0";
 var MEDIUM_VIDEO_MAX_WIDTH = 400;
 var SMALL_VIDEO_MAX_WIDTH = 160;
 var MINIMUM_DURATION_BEFORE_SAVING_TIME = 60;

package/dist/cjs/index.js

@@ -161,12 +161,6 @@ Object.defineProperty(exports, "errorIcon", {
     return _errorIcon.errorIcon;
   }
 });
-Object.defineProperty(exports, "fadeIn", {
-  enumerable: true,
-  get: function get() {
-    return _mixins.fadeIn;
-  }
-});
 Object.defineProperty(exports, "fileToArrayBuffer", {
   enumerable: true,
   get: function get() {

package/dist/cjs/mixins.js

@@ -1,14 +1,10 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.size = exports.fadeIn = exports.ellipsis = exports.easeInOutCubic = exports.center = exports.borderRadiusBottom = exports.borderRadius = exports.absolute = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _react = require("@emotion/react");
+exports.size = exports.ellipsis = exports.easeInOutCubic = exports.center = exports.borderRadiusBottom = exports.borderRadius = exports.absolute = void 0;
 var _constants = require("@atlaskit/theme/constants");
-var _templateObject;
 var ellipsis = function ellipsis() {
   var maxWidth = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '100%';
   var unit = typeof maxWidth === 'number' ? 'px' : '';
@@ -34,7 +30,4 @@ exports.borderRadius = borderRadius;
 var borderRadiusBottom = "\n  border-bottom-left-radius: ".concat((0, _constants.borderRadius)(), "px;\n  border-bottom-right-radius: ").concat((0, _constants.borderRadius)(), "px;\n");
 exports.borderRadiusBottom = borderRadiusBottom;
 var easeInOutCubic = 'cubic-bezier(0.645, 0.045, 0.355, 1)';
-exports.easeInOutCubic = easeInOutCubic;
-var fadeInKeyframe = (0, _react.keyframes)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  0%{\n    opacity: 0;\n  }\n\n  100%{\n    opacity: 1;\n  }\n"])));
-var fadeIn = "\n  animation: ".concat(fadeInKeyframe, " .3s ").concat(easeInOutCubic, ";\n");
-exports.fadeIn = fadeIn;
+exports.easeInOutCubic = easeInOutCubic;

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/media-ui",
-	"version": "22.4.1",
+	"version": "23.0.0",
 	"sideEffects": false
 }

package/dist/es2019/customMediaPlayer/index.js

@@ -34,7 +34,7 @@ import Tooltip from '@atlaskit/tooltip';
 import { SkipTenBackwardIcon, SkipTenForwardIcon } from './icons';
 import { getControlsWrapperClassName } from './getControlsWrapperClassName';
 const packageName = "@atlaskit/media-ui";
-const packageVersion = "22.4.1";
+const packageVersion = "23.0.0";
 const MEDIUM_VIDEO_MAX_WIDTH = 400;
 const SMALL_VIDEO_MAX_WIDTH = 160;
 const MINIMUM_DURATION_BEFORE_SAVING_TIME = 60;

package/dist/es2019/index.js

@@ -3,7 +3,7 @@ const locales = untypedLocales;
 export { MediaInlineCardErroredView, MediaInlineCardLoadedView, MediaInlineCardLoadingView } from './MediaInlineCard';
 export { Ellipsify } from './ellipsify';
 export { toHumanReadableMediaSize } from './humanReadableSize';
-export { absolute, borderRadius, borderRadiusBottom, center, easeInOutCubic, ellipsis, fadeIn, size } from './mixins';
+export { absolute, borderRadius, borderRadiusBottom, center, easeInOutCubic, ellipsis, size } from './mixins';
 export { Bounds, Camera, Rectangle, Vector2 } from './camera';
 export { messages } from './messages';
 export { default as languages } from './i18n/languages';

package/dist/es2019/mixins.js

@@ -1,4 +1,3 @@
-import { keyframes } from '@emotion/react';
 import { borderRadius as akBorderRadius } from '@atlaskit/theme/constants';
 export const ellipsis = (maxWidth = '100%') => {
   const unit = typeof maxWidth === 'number' ? 'px' : '';
@@ -33,16 +32,4 @@ export const borderRadiusBottom = `
   border-bottom-left-radius: ${akBorderRadius()}px;
   border-bottom-right-radius: ${akBorderRadius()}px;
 `;
-export const easeInOutCubic = 'cubic-bezier(0.645, 0.045, 0.355, 1)';
-const fadeInKeyframe = keyframes`
-  0%{
-    opacity: 0;
-  }
-
-  100%{
-    opacity: 1;
-  }
-`;
-export const fadeIn = `
-  animation: ${fadeInKeyframe} .3s ${easeInOutCubic};
-`;
+export const easeInOutCubic = 'cubic-bezier(0.645, 0.045, 0.355, 1)';

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/media-ui",
-	"version": "22.4.1",
+	"version": "23.0.0",
 	"sideEffects": false
 }

package/dist/esm/customMediaPlayer/index.js

@@ -44,7 +44,7 @@ import Tooltip from '@atlaskit/tooltip';
 import { SkipTenBackwardIcon, SkipTenForwardIcon } from './icons';
 import { getControlsWrapperClassName } from './getControlsWrapperClassName';
 var packageName = "@atlaskit/media-ui";
-var packageVersion = "22.4.1";
+var packageVersion = "23.0.0";
 var MEDIUM_VIDEO_MAX_WIDTH = 400;
 var SMALL_VIDEO_MAX_WIDTH = 160;
 var MINIMUM_DURATION_BEFORE_SAVING_TIME = 60;

package/dist/esm/index.js

@@ -3,7 +3,7 @@ var locales = untypedLocales;
 export { MediaInlineCardErroredView, MediaInlineCardLoadedView, MediaInlineCardLoadingView } from './MediaInlineCard';
 export { Ellipsify } from './ellipsify';
 export { toHumanReadableMediaSize } from './humanReadableSize';
-export { absolute, borderRadius, borderRadiusBottom, center, easeInOutCubic, ellipsis, fadeIn, size } from './mixins';
+export { absolute, borderRadius, borderRadiusBottom, center, easeInOutCubic, ellipsis, size } from './mixins';
 export { Bounds, Camera, Rectangle, Vector2 } from './camera';
 export { messages } from './messages';
 export { default as languages } from './i18n/languages';

package/dist/esm/mixins.js

@@ -1,6 +1,3 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-var _templateObject;
-import { keyframes } from '@emotion/react';
 import { borderRadius as akBorderRadius } from '@atlaskit/theme/constants';
 export var ellipsis = function ellipsis() {
   var maxWidth = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '100%';
@@ -20,6 +17,4 @@ export var absolute = function absolute() {
 };
 export var borderRadius = "\n  border-radius: ".concat(akBorderRadius(), "px;\n");
 export var borderRadiusBottom = "\n  border-bottom-left-radius: ".concat(akBorderRadius(), "px;\n  border-bottom-right-radius: ").concat(akBorderRadius(), "px;\n");
-export var easeInOutCubic = 'cubic-bezier(0.645, 0.045, 0.355, 1)';
-var fadeInKeyframe = keyframes(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  0%{\n    opacity: 0;\n  }\n\n  100%{\n    opacity: 1;\n  }\n"])));
-export var fadeIn = "\n  animation: ".concat(fadeInKeyframe, " .3s ").concat(easeInOutCubic, ";\n");
+export var easeInOutCubic = 'cubic-bezier(0.645, 0.045, 0.355, 1)';

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/media-ui",
-	"version": "22.4.1",
+	"version": "23.0.0",
 	"sideEffects": false
 }

package/dist/types/index.d.ts

@@ -6,7 +6,7 @@ export type { MediaInlineCardErroredViewProps, MediaInlineCardLoadedViewProps, M
 export { Ellipsify } from './ellipsify';
 export type { EllipsifyProps } from './ellipsify';
 export { toHumanReadableMediaSize } from './humanReadableSize';
-export { absolute, borderRadius, borderRadiusBottom, center, easeInOutCubic, ellipsis, fadeIn, size, } from './mixins';
+export { absolute, borderRadius, borderRadiusBottom, center, easeInOutCubic, ellipsis, size, } from './mixins';
 export { Bounds, Camera, Rectangle, Vector2 } from './camera';
 export { messages } from './messages';
 export type { MessageKey } from './messages';

package/dist/types/mixins.d.ts

@@ -5,4 +5,3 @@ export declare const absolute: (top?: number, left?: number) => string;
 export declare const borderRadius: string;
 export declare const borderRadiusBottom: string;
 export declare const easeInOutCubic = "cubic-bezier(0.645, 0.045, 0.355, 1)";
-export declare const fadeIn: string;

package/dist/types-ts4.5/MediaButton.d.ts

@@ -0,0 +1,15 @@
+import { RefObject } from 'react';
+import { ButtonProps } from '@atlaskit/button/types';
+import { CustomThemeButtonProps, Appearance } from '@atlaskit/button/types';
+type MediaButtonAppearance = Appearance;
+type WithMediaButtonAppearance<T> = Omit<T, 'appearance'> & {
+    appearance?: MediaButtonAppearance;
+};
+export interface MediaButtonProps extends ButtonProps {
+    buttonRef?: RefObject<HTMLButtonElement>;
+}
+type Props = WithMediaButtonAppearance<CustomThemeButtonProps> & {
+    buttonRef?: RefObject<HTMLButtonElement>;
+};
+export default function MediaButton({ appearance, buttonRef, ...rest }: Props): JSX.Element;
+export {};

package/dist/types-ts4.5/MediaInlineCard/ErroredView/index.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+export interface MediaInlineCardErroredViewProps {
+    /** The error message to display */
+    message: string;
+    /** The optional click handler */
+    onClick?: React.EventHandler<React.MouseEvent | React.KeyboardEvent>;
+    /** A flag that determines whether the card is selected in edit mode. */
+    isSelected?: boolean;
+    /** A `testId` prop is provided for specified elements, which is a unique string that appears as a data attribute `data-testid` in the rendered code, serving as a hook for automated tests */
+    testId?: string;
+    icon?: React.ReactNode;
+}
+export declare class MediaInlineCardErroredView extends React.Component<MediaInlineCardErroredViewProps> {
+    renderMessage: () => JSX.Element;
+    render(): JSX.Element;
+}

package/dist/types-ts4.5/MediaInlineCard/Frame/index.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+export interface FrameViewProps {
+    /** A flag that determines whether the card is selected in edit mode. */
+    isSelected?: boolean;
+    isInteractive?: boolean;
+    children?: React.ReactNode;
+    /** The optional click handler */
+    onClick?: React.EventHandler<React.MouseEvent | React.KeyboardEvent>;
+    /** A `testId` prop is provided for specified elements, which is a unique string that appears as a data attribute `data-testid` in the rendered code, serving as a hook for automated tests */
+    testId?: string;
+}
+export declare class Frame extends React.Component<FrameViewProps> {
+    handleClick: (event: React.MouseEvent<HTMLDivElement>) => void;
+    handleKeyPress: (event: React.KeyboardEvent<HTMLDivElement>) => void;
+    handleMouseDown: (e: React.MouseEvent) => void;
+    render(): JSX.Element;
+}

package/dist/types-ts4.5/MediaInlineCard/Frame/styled.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+export interface WrapperProps {
+    isSelected?: boolean;
+}
+export declare const Wrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & WrapperProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;

package/dist/types-ts4.5/MediaInlineCard/Icon.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+export declare const Icon: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
+export declare const AKIconWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;

package/dist/types-ts4.5/MediaInlineCard/IconAndTitleLayout/index.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+export interface IconAndTitleLayoutProps {
+    emoji?: React.ReactNode;
+    icon?: React.ReactNode;
+    title: React.ReactNode;
+    right?: React.ReactNode;
+    titleColor?: string;
+    children?: React.ReactNode;
+    defaultIcon?: React.ReactNode;
+    testId?: string;
+}
+export declare class IconAndTitleLayout extends React.Component<IconAndTitleLayoutProps> {
+    private renderAtlaskitIcon;
+    private renderImageIcon;
+    private renderIconPlaceholder;
+    renderIcon(testId: string): JSX.Element;
+    render(): JSX.Element;
+}

package/dist/types-ts4.5/MediaInlineCard/IconAndTitleLayout/styled.d.ts

@@ -0,0 +1,39 @@
+/// <reference types="react" />
+export declare const IconObjectOverrides = "\n  & > span {\n    height: 16px;\n    width: 14px;\n    position: absolute;\n    top: 0;\n    left: 0;\n    line-height: 14px;\n    & > svg {\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n    }\n  }\n";
+export declare const IconOverrides = "\n  & > * > span {\n    height: 16px;\n    width: 14px;\n    position: absolute;\n    top: 0;\n    left: 0;\n    & > svg {\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n    }\n  }\n";
+export declare const IconWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export declare const EmojiWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export declare const IconTitleWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export declare const LozengeWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export declare const LozengeBlockWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export declare const RightIconPositionWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export declare const IconPositionWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export declare const IconEmptyWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export declare const TitleWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;

package/dist/types-ts4.5/MediaInlineCard/LoadedView/index.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+export interface MediaInlineCardLoadedViewProps {
+    /** The optional con of the service (e.g. Dropbox/Asana/Google/etc) to display */
+    icon?: React.ReactNode;
+    /** The name of the resource */
+    title?: string;
+    /** A flag that determines whether the card is selected in edit mode. */
+    isSelected?: boolean;
+    /** The optional click handler */
+    onClick?: React.EventHandler<React.MouseEvent | React.KeyboardEvent>;
+    /** A `testId` prop is provided for specified elements, which is a unique string that appears as a data attribute `data-testid` in the rendered code, serving as a hook for automated tests */
+    testId?: string;
+    /** The Emoji icon prefix that was added to the title text via Add emoji button */
+    titlePrefix?: React.ReactNode;
+}
+export declare class MediaInlineCardLoadedView extends React.Component<MediaInlineCardLoadedViewProps> {
+    render(): JSX.Element;
+}

package/dist/types-ts4.5/MediaInlineCard/LoadingView/index.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import { InlinePreloaderStyle } from '../../types';
+export interface MediaInlineCardLoadingViewProps {
+    /** The file name to display */
+    message: string;
+    inlinePreloaderStyle?: InlinePreloaderStyle;
+    /** The optional click handler */
+    onClick?: React.EventHandler<React.MouseEvent | React.KeyboardEvent>;
+    /** A flag that determines whether the card is selected in edit mode. */
+    isSelected?: boolean;
+    /** A `testId` prop is provided for specified elements, which is a unique string that appears as a data attribute `data-testid` in the rendered code, serving as a hook for automated tests */
+    testId?: string;
+    withoutHover?: boolean;
+}
+export declare class MediaInlineCardLoadingView extends React.Component<MediaInlineCardLoadingViewProps> {
+    render(): JSX.Element;
+}

package/dist/types-ts4.5/MediaInlineCard/LoadingView/styled.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+export declare const SpinnerWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & {
+    children?: import("react").ReactNode;
+} & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {}>;

package/dist/types-ts4.5/MediaInlineCard/index.d.ts

@@ -0,0 +1,6 @@
+export { MediaInlineCardLoadingView } from './LoadingView';
+export type { MediaInlineCardLoadingViewProps } from './LoadingView';
+export { MediaInlineCardLoadedView } from './LoadedView';
+export type { MediaInlineCardLoadedViewProps } from './LoadedView';
+export { MediaInlineCardErroredView } from './ErroredView';
+export type { MediaInlineCardErroredViewProps } from './ErroredView';

package/dist/types-ts4.5/MediaInlineCard/styled.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export declare const NoLinkAppearance: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;

package/dist/types-ts4.5/browser.d.ts

@@ -0,0 +1,6 @@
+type mockedNavigator = {
+    userAgent: string;
+    platform: string;
+};
+export declare function isWebkitSupported(mockedNavigator?: mockedNavigator): boolean;
+export {};

package/dist/types-ts4.5/camera.d.ts

@@ -0,0 +1,62 @@
+export declare class Vector2 {
+    readonly x: number;
+    readonly y: number;
+    constructor(x: number, y: number);
+    add({ x: thatX, y: thatY }: Vector2): Vector2;
+    sub({ x: thatX, y: thatY }: Vector2): Vector2;
+    scaled(scalar: number): Vector2;
+    map(fn: (component: number) => number): Vector2;
+    clone(): Vector2;
+    rounded(): Vector2;
+    toString(): string;
+}
+export declare class Rectangle {
+    readonly width: number;
+    readonly height: number;
+    constructor(width: number, height: number);
+    get aspectRatio(): number;
+    get center(): Vector2;
+    scaled(scale: number): Rectangle;
+    resized(width: number, height: number): Rectangle;
+    flipped(): Rectangle;
+    scaleToFit(containing: Rectangle): number;
+    scaleToFitLargestSide(containing: Rectangle): number;
+    scaleToFitSmallestSide(containing: Rectangle): number;
+    clone(): Rectangle;
+}
+export declare class Bounds extends Rectangle {
+    readonly x: number;
+    readonly y: number;
+    readonly width: number;
+    readonly height: number;
+    constructor(x: number, y: number, width: number, height: number);
+    get origin(): Vector2;
+    get corner(): Vector2;
+    get center(): Vector2;
+    get rect(): Rectangle;
+    get left(): number;
+    get top(): number;
+    get right(): number;
+    get bottom(): number;
+    flipped(): Bounds;
+    scaled(scale: number): Bounds;
+    relativeTo(bounds: Bounds): Bounds;
+    clone(): Bounds;
+    map(fn: (value: number) => number): Bounds;
+    hFlipWithin(containerBounds: Bounds): Bounds;
+    vFlipWithin(containerBounds: Bounds): Bounds;
+    rotate90DegWithin(containerBounds: Bounds): Bounds;
+    translated(xDelta: number, yDelta: number): Bounds;
+    equals(bounds: Bounds): boolean;
+}
+export declare class Camera {
+    readonly viewport: Rectangle;
+    readonly originalImg: Rectangle;
+    constructor(viewport: Rectangle, originalImg: Rectangle);
+    resizedViewport(newViewport: Rectangle): Camera;
+    get scaleToFit(): number;
+    get scaleDownToFit(): number;
+    get fittedImg(): Rectangle;
+    scaledImg(newScale: number): Rectangle;
+    scaledOffset(prevOffset: Vector2, prevScale: number, newScale: number): Vector2;
+}

package/dist/types-ts4.5/classNames.d.ts

@@ -0,0 +1 @@
+export declare const hideControlsClassName = "mvng-hide-controls";

package/dist/types-ts4.5/codeViewer.d.ts

@@ -0,0 +1,8 @@
+import type { SupportedLanguages } from '@atlaskit/code/types';
+/**
+ * Given an item, it grabs the file name of that item. For example, an item with the filename item.txt
+ * would return the extension txt
+ */
+export declare function getExtension(filename: string): string;
+export declare function isCodeViewerItem(name: string, mimetype?: string): boolean;
+export declare function getLanguageType(name: string, mimetype?: string): SupportedLanguages | null;

package/dist/types-ts4.5/customMediaPlayer/analytics/events/screen/customMediaPlayer.d.ts

@@ -0,0 +1,5 @@
+import { ScreenAttributes, ScreenEventPayload } from '@atlaskit/media-common';
+import { PlaybackState, WithPlaybackAttributes } from '../../utils/playbackAttributes';
+import { CustomMediaPlayerType, WithCustomMediaPlayerType } from '../../../types';
+export type CustomMediaPlayerScreenEventPayload = ScreenEventPayload<ScreenAttributes & WithPlaybackAttributes & WithCustomMediaPlayerType, 'customMediaPlayerScreen'>;
+export declare const createCustomMediaPlayerScreenEvent: (type: CustomMediaPlayerType, playbackState: PlaybackState, fileId?: string) => CustomMediaPlayerScreenEventPayload;

package/dist/types-ts4.5/customMediaPlayer/analytics/events/track/playCount.d.ts

@@ -0,0 +1,5 @@
+import { TrackAttributes, TrackEventPayload } from '@atlaskit/media-common';
+import { PlaybackState, WithPlaybackAttributes } from '../../utils/playbackAttributes';
+import { CustomMediaPlayerType, WithCustomMediaPlayerType } from '../../../types';
+export type FirstPlayedTrackEventPayload = TrackEventPayload<TrackAttributes & WithPlaybackAttributes & WithCustomMediaPlayerType, 'firstPlayed', 'customMediaPlayer'>;
+export declare const createFirstPlayedTrackEvent: (type: CustomMediaPlayerType, playbackState: PlaybackState, fileId?: string) => FirstPlayedTrackEventPayload;

package/dist/types-ts4.5/customMediaPlayer/analytics/events/track/played.d.ts

@@ -0,0 +1,5 @@
+import { TrackAttributes, TrackEventPayload } from '@atlaskit/media-common';
+import { PlaybackState, WithPlaybackAttributes } from '../../utils/playbackAttributes';
+import { CustomMediaPlayerType, WithCustomMediaPlayerType } from '../../../types';
+export type PlayedTrackEventPayload = TrackEventPayload<TrackAttributes & WithPlaybackAttributes & WithCustomMediaPlayerType, 'played', 'customMediaPlayer'>;
+export declare const createPlayedTrackEvent: (type: CustomMediaPlayerType, playbackState: PlaybackState, fileId?: string) => PlayedTrackEventPayload;

package/dist/types-ts4.5/customMediaPlayer/analytics/events/ui/mediaButtonClicked.d.ts

@@ -0,0 +1,5 @@
+import { UIAttributes, UIEventPayload } from '@atlaskit/media-common';
+import { PlaybackState, WithPlaybackAttributes } from '../../utils/playbackAttributes';
+import { CustomMediaPlayerType, WithCustomMediaPlayerType } from '../../../types';
+export type MediaButtonClickEventPayload = UIEventPayload<UIAttributes & WithPlaybackAttributes & WithCustomMediaPlayerType, 'clicked', 'button'>;
+export declare function createMediaButtonClickedEvent(type: CustomMediaPlayerType, playbackState: PlaybackState, buttonType?: string, fileId?: string): MediaButtonClickEventPayload;

package/dist/types-ts4.5/customMediaPlayer/analytics/events/ui/playPauseBlanketClicked.d.ts

@@ -0,0 +1,5 @@
+import { UIAttributes, UIEventPayload } from '@atlaskit/media-common';
+import { PlaybackState, WithPlaybackAttributes } from '../../utils/playbackAttributes';
+import { CustomMediaPlayerType, WithCustomMediaPlayerType } from '../../../types';
+export type PlayPauseBlanketClickEventPayload = UIEventPayload<UIAttributes & WithPlaybackAttributes & WithCustomMediaPlayerType, 'clicked', 'playPauseBlanket'>;
+export declare function createPlayPauseBlanketClickedEvent(type: CustomMediaPlayerType, playbackState: PlaybackState, fileId?: string): PlayPauseBlanketClickEventPayload;

package/dist/types-ts4.5/customMediaPlayer/analytics/events/ui/playbackSpeedChanged.d.ts

@@ -0,0 +1,5 @@
+import { UIAttributes, UIEventPayload } from '@atlaskit/media-common';
+import { PlaybackState, WithPlaybackAttributes } from '../../utils/playbackAttributes';
+import { CustomMediaPlayerType, WithCustomMediaPlayerType } from '../../../types';
+export type PlaybackSpeedChangeEventPayload = UIEventPayload<UIAttributes & WithPlaybackAttributes & WithCustomMediaPlayerType, 'changed', 'playbackSpeed'>;
+export declare function createPlaybackSpeedChangedEvent(type: CustomMediaPlayerType, playbackState: PlaybackState, fileId?: string): PlaybackSpeedChangeEventPayload;

package/dist/types-ts4.5/customMediaPlayer/analytics/events/ui/shortcutPressed.d.ts

@@ -0,0 +1,5 @@
+import { UIAttributes, UIEventPayload } from '@atlaskit/media-common';
+import { PlaybackState, WithPlaybackAttributes } from '../../utils/playbackAttributes';
+import { CustomMediaPlayerType, WithCustomMediaPlayerType } from '../../../types';
+export type ShortcutPressEventPayload = UIEventPayload<UIAttributes & WithPlaybackAttributes & WithCustomMediaPlayerType, 'pressed', 'shortcut'>;
+export declare function createMediaShortcutPressedEvent(type: CustomMediaPlayerType, playbackState: PlaybackState, shortcutType?: string, fileId?: string): ShortcutPressEventPayload;

package/dist/types-ts4.5/customMediaPlayer/analytics/events/ui/timeRangeNavigated.d.ts

@@ -0,0 +1,5 @@
+import { UIAttributes, UIEventPayload } from '@atlaskit/media-common';
+import { PlaybackState, WithPlaybackAttributes } from '../../utils/playbackAttributes';
+import { CustomMediaPlayerType, WithCustomMediaPlayerType } from '../../../types';
+export type TimeRangeNavigateEventPayload = UIEventPayload<UIAttributes & WithPlaybackAttributes & WithCustomMediaPlayerType, 'navigated', 'timeRange'>;
+export declare function createTimeRangeNavigatedEvent(type: CustomMediaPlayerType, playbackState: PlaybackState, actionSubjectId?: string, fileId?: string): TimeRangeNavigateEventPayload;

package/dist/types-ts4.5/customMediaPlayer/analytics/index.d.ts

@@ -0,0 +1,11 @@
+export { createCustomMediaPlayerScreenEvent } from './events/screen/customMediaPlayer';
+export { createMediaButtonClickedEvent } from './events/ui/mediaButtonClicked';
+export { createPlaybackSpeedChangedEvent } from './events/ui/playbackSpeedChanged';
+export { createPlayPauseBlanketClickedEvent } from './events/ui/playPauseBlanketClicked';
+export { createMediaShortcutPressedEvent } from './events/ui/shortcutPressed';
+export { createTimeRangeNavigatedEvent } from './events/ui/timeRangeNavigated';
+export { createFirstPlayedTrackEvent } from './events/track/playCount';
+export { createPlayedTrackEvent } from './events/track/played';
+export type { CustomMediaPlayerUIEvent, CustomMediaPlayerUIEventPayload, CustomMediaPlayerAnalyticsEventPayload, } from './utils/analytics';
+export { createAndFireMediaCustomMediaPlayerEvent, fireAnalyticsEvent, } from './utils/analytics';
+export type { PlaybackAttributes, PlaybackState, WithPlaybackProps, WithMediaPlayerState, } from './utils/playbackAttributes';

package/dist/types-ts4.5/customMediaPlayer/analytics/utils/analytics.d.ts

@@ -0,0 +1,18 @@
+import { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
+import { UIAttributes, UIEventPayload } from '@atlaskit/media-common';
+import { CustomMediaPlayerScreenEventPayload } from '../events/screen/customMediaPlayer';
+import { MediaButtonClickEventPayload } from '../events/ui/mediaButtonClicked';
+import { PlaybackSpeedChangeEventPayload } from '../events/ui/playbackSpeedChanged';
+import { PlayPauseBlanketClickEventPayload } from '../events/ui/playPauseBlanketClicked';
+import { ShortcutPressEventPayload } from '../events/ui/shortcutPressed';
+import { TimeRangeNavigateEventPayload } from '../events/ui/timeRangeNavigated';
+import { FirstPlayedTrackEventPayload } from '../events/track/playCount';
+import { PlayedTrackEventPayload } from '../events/track/played';
+import { CustomMediaPlayerType } from '../../types';
+export type CustomMediaPlayerUIEventPayload = UIEventPayload<UIAttributes & {
+    type: CustomMediaPlayerType;
+}, 'default', 'customMediaPlayer'>;
+export type CustomMediaPlayerUIEvent = 'mediaButtonClick' | 'shortcutPress' | 'playPauseBlanketClick' | 'timeRangeNavigate' | 'volumeRangeNavigate' | 'playbackSpeedChange';
+export type CustomMediaPlayerAnalyticsEventPayload = CustomMediaPlayerScreenEventPayload | MediaButtonClickEventPayload | PlaybackSpeedChangeEventPayload | PlayPauseBlanketClickEventPayload | ShortcutPressEventPayload | TimeRangeNavigateEventPayload | CustomMediaPlayerUIEventPayload | FirstPlayedTrackEventPayload | PlayedTrackEventPayload;
+export declare function fireAnalyticsEvent(payload: CustomMediaPlayerAnalyticsEventPayload, createAnalyticsEvent?: CreateUIAnalyticsEvent): void;
+export declare const createAndFireMediaCustomMediaPlayerEvent: (payload: CustomMediaPlayerAnalyticsEventPayload) => (createAnalyticsEvent: CreateUIAnalyticsEvent) => import("@atlaskit/analytics-next").UIAnalyticsEvent;

package/dist/types-ts4.5/customMediaPlayer/analytics/utils/playbackAttributes.d.ts

@@ -0,0 +1,24 @@
+import { VideoState, VideoStatus } from 'react-video-renderer';
+export type WithPlaybackProps = {
+    readonly isAutoPlay: boolean;
+    readonly isHDAvailable?: boolean;
+    readonly isHDActive?: boolean;
+};
+export type WithMediaPlayerState = {
+    playerSize: 'small' | 'medium' | 'large';
+    isFullScreenEnabled: boolean;
+    playbackSpeed: number;
+};
+export type PlaybackState = WithPlaybackProps & WithMediaPlayerState & Partial<VideoState>;
+export type PlaybackAttributes = WithPlaybackProps & WithMediaPlayerState & {
+    durationInSec?: number;
+    absoluteTimeInSec?: number;
+    relativeTime?: number;
+    status?: VideoStatus;
+    volume?: number;
+    isMuted?: boolean;
+};
+export type WithPlaybackAttributes = {
+    playbackAttributes: Partial<PlaybackAttributes>;
+};
+export declare function createPlaybackAttributes(playbackState: PlaybackState): Partial<PlaybackAttributes>;

package/dist/types-ts4.5/customMediaPlayer/fullscreen.d.ts

@@ -0,0 +1,5 @@
+export declare const findVendorSpecificProp: (object: any, propNames: string | string[]) => any;
+export declare const requestFullscreen: (element: HTMLElement) => void;
+export declare const exitFullscreen: () => void;
+export declare const getFullscreenElement: () => HTMLElement | undefined;
+export declare const toggleFullscreen: (element?: HTMLElement) => void;

package/dist/types-ts4.5/customMediaPlayer/getControlsWrapperClassName.d.ts

@@ -0,0 +1 @@
+export declare const getControlsWrapperClassName: (wasPlayedOnce: boolean) => "mvng-hide-controls" | "";

package/dist/types-ts4.5/customMediaPlayer/icons.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import type { GlyphProps } from '@atlaskit/icon/types';
+export declare function SkipTenBackwardIcon(props: GlyphProps): JSX.Element;
+export declare function SkipTenForwardIcon(props: GlyphProps): JSX.Element;