@atlaskit/media-ui 23.0.2 → 23.0.4

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/media-ui
 
+## 23.0.4
+
+### Patch Changes
+
+- Updated dependencies
+
+## 23.0.3
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 23.0.2
 
 ### 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 = "23.0.2";
+var packageVersion = "23.0.4";
 var MEDIUM_VIDEO_MAX_WIDTH = 400;
 var SMALL_VIDEO_MAX_WIDTH = 160;
 var MINIMUM_DURATION_BEFORE_SAVING_TIME = 60;

package/dist/cjs/i18n/en_ZZ.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+/* prettier-ignore */
 /**
  * NOTE:
  *

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/media-ui",
-	"version": "23.0.2",
+	"version": "23.0.4",
 	"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 = "23.0.2";
+const packageVersion = "23.0.4";
 const MEDIUM_VIDEO_MAX_WIDTH = 400;
 const SMALL_VIDEO_MAX_WIDTH = 160;
 const MINIMUM_DURATION_BEFORE_SAVING_TIME = 60;

package/dist/es2019/i18n/en_ZZ.js

@@ -1,3 +1,4 @@
+/* prettier-ignore */
 /**
  * NOTE:
  *

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/media-ui",
-	"version": "23.0.2",
+	"version": "23.0.4",
 	"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 = "23.0.2";
+var packageVersion = "23.0.4";
 var MEDIUM_VIDEO_MAX_WIDTH = 400;
 var SMALL_VIDEO_MAX_WIDTH = 160;
 var MINIMUM_DURATION_BEFORE_SAVING_TIME = 60;

package/dist/esm/i18n/en_ZZ.js

@@ -1,3 +1,4 @@
+/* prettier-ignore */
 /**
  * NOTE:
  *

package/dist/esm/version.json

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/media-ui",
-  "version": "23.0.2",
+  "version": "23.0.4",
   "description": "Includes common components and utilities used by other media packages",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -41,7 +41,7 @@
   "atlassian": {
     "team": "Media Experience",
     "inPublicMirror": true,
-    "releaseModel": "scheduled",
+    "releaseModel": "continuous",
     "website": {
       "name": "Media UI"
     }
@@ -53,11 +53,11 @@
     "@atlaskit/icon": "^21.12.0",
     "@atlaskit/icon-file-type": "^6.4.0",
     "@atlaskit/locale": "^2.5.0",
-    "@atlaskit/media-common": "^5.0.0",
-    "@atlaskit/select": "^16.3.0",
+    "@atlaskit/media-common": "^7.0.0",
+    "@atlaskit/select": "^16.5.0",
     "@atlaskit/spinner": "^15.5.0",
     "@atlaskit/theme": "^12.5.0",
-    "@atlaskit/tokens": "^1.4.0",
+    "@atlaskit/tokens": "^1.5.0",
     "@atlaskit/tooltip": "^17.8.0",
     "@atlaskit/width-detector": "^4.1.0",
     "@babel/runtime": "^7.0.0",

package/tmp/api-report-tmp.d.ts

@@ -0,0 +1,686 @@
+## API Report File for "@atlaskit/media-ui"
+
+> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
+
+```ts
+
+/// <reference types="react" />
+
+import { Appearance } from '@atlaskit/button/types';
+import { Component } from 'react';
+import { CustomThemeButtonProps } from '@atlaskit/button/types';
+import { MediaFeatureFlags } from '@atlaskit/media-common';
+import { MediaType } from '@atlaskit/media-common';
+import { MessageDescriptor } from 'react-intl-next';
+import { NumericalCardDimensions } from '@atlaskit/media-common';
+import { default as React_2 } from 'react';
+import { ReactElement } from 'react';
+import { RefObject } from 'react';
+import SourceCodeIcon from '@atlaskit/icon-file-type/glyph/source-code/24';
+import { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
+
+// @public (undocumented)
+export const absolute: (top?: number, left?: number) => string;
+
+// @public (undocumented)
+export interface AccessContext {
+    // (undocumented)
+    accessType?: AccessTypes;
+    // (undocumented)
+    cloudId?: string;
+    // (undocumented)
+    smartLinksAccessMetadataExperimentCohort?: 'control' | 'experiment' | 'not-enrolled';
+    // (undocumented)
+    url?: string;
+}
+
+// @public (undocumented)
+export type AccessTypes = 'ACCESS_EXISTS' | 'APPROVED_REQUEST_EXISTS' | 'DENIED_REQUEST_EXISTS' | 'DIRECT_ACCESS' | 'FORBIDDEN' | 'PENDING_REQUEST_EXISTS' | 'REQUEST_ACCESS';
+
+// @public (undocumented)
+export const borderRadius: string;
+
+// @public (undocumented)
+export const borderRadiusBottom: string;
+
+// @public (undocumented)
+export class Bounds extends Rectangle {
+    constructor(x: number, y: number, width: number, height: number);
+    // (undocumented)
+    get bottom(): number;
+    // (undocumented)
+    get center(): Vector2;
+    // (undocumented)
+    clone(): Bounds;
+    // (undocumented)
+    get corner(): Vector2;
+    // (undocumented)
+    equals(bounds: Bounds): boolean;
+    // (undocumented)
+    flipped(): Bounds;
+    // (undocumented)
+    readonly height: number;
+    // (undocumented)
+    hFlipWithin(containerBounds: Bounds): Bounds;
+    // (undocumented)
+    get left(): number;
+    // (undocumented)
+    map(fn: (value: number) => number): Bounds;
+    // (undocumented)
+    get origin(): Vector2;
+    // (undocumented)
+    get rect(): Rectangle;
+    // (undocumented)
+    relativeTo(bounds: Bounds): Bounds;
+    // (undocumented)
+    get right(): number;
+    // (undocumented)
+    rotate90DegWithin(containerBounds: Bounds): Bounds;
+    // (undocumented)
+    scaled(scale: number): Bounds;
+    // (undocumented)
+    get top(): number;
+    // (undocumented)
+    translated(xDelta: number, yDelta: number): Bounds;
+    // (undocumented)
+    vFlipWithin(containerBounds: Bounds): Bounds;
+    // (undocumented)
+    readonly width: number;
+    // (undocumented)
+    readonly x: number;
+    // (undocumented)
+    readonly y: number;
+}
+
+// @public (undocumented)
+export class Camera {
+    constructor(viewport: Rectangle, originalImg: Rectangle);
+    // (undocumented)
+    get fittedImg(): Rectangle;
+    // (undocumented)
+    readonly originalImg: Rectangle;
+    // (undocumented)
+    resizedViewport(newViewport: Rectangle): Camera;
+    // (undocumented)
+    scaledImg(newScale: number): Rectangle;
+    // (undocumented)
+    scaledOffset(prevOffset: Vector2, prevScale: number, newScale: number): Vector2;
+    // (undocumented)
+    get scaleDownToFit(): number;
+    // (undocumented)
+    get scaleToFit(): number;
+    // (undocumented)
+    readonly viewport: Rectangle;
+}
+
+// @public (undocumented)
+export const center = "\n  display: flex;\n  align-items: center;\n  justify-content: center;\n";
+
+// @public (undocumented)
+export const CustomMediaPlayer: React_2.ComponentType<CustomMediaPlayerProps & WithAnalyticsEventsProps>;
+
+// @public (undocumented)
+interface CustomMediaPlayerProps extends WithPlaybackProps, WithShowControlMethodProp {
+    // (undocumented)
+    readonly featureFlags?: MediaFeatureFlags;
+    // (undocumented)
+    readonly fileId?: string;
+    // (undocumented)
+    readonly isShortcutEnabled?: boolean;
+    // (undocumented)
+    readonly lastWatchTimeConfig?: TimeSaverConfig;
+    // (undocumented)
+    readonly onCanPlay?: () => void;
+    // (undocumented)
+    readonly onDownloadClick?: () => void;
+    // (undocumented)
+    readonly onError?: () => void;
+    // (undocumented)
+    readonly onFirstPlay?: () => void;
+    // (undocumented)
+    readonly onFullscreenChange?: (fullscreen: boolean) => void;
+    // (undocumented)
+    readonly onHDToggleClick?: () => void;
+    // (undocumented)
+    readonly originalDimensions?: NumericalCardDimensions;
+    // (undocumented)
+    readonly poster?: string;
+    // (undocumented)
+    readonly src: string;
+    // (undocumented)
+    readonly type: CustomMediaPlayerType;
+}
+
+// @public (undocumented)
+type CustomMediaPlayerType = 'audio' | 'video';
+
+// @public (undocumented)
+export function dataURItoFile(dataURI: string, filename?: string): File;
+
+// @public (undocumented)
+export const easeInOutCubic = "cubic-bezier(0.645, 0.045, 0.355, 1)";
+
+// @public (undocumented)
+export const Ellipsify: ({ text, lines, endLength, inline, testId, }: EllipsifyProps) => JSX.Element;
+
+// @public (undocumented)
+export interface EllipsifyProps {
+    // (undocumented)
+    endLength?: number;
+    // (undocumented)
+    inline?: boolean;
+    // (undocumented)
+    lines: number;
+    // (undocumented)
+    testId?: string;
+    // (undocumented)
+    text?: string;
+}
+
+// @public (undocumented)
+export const ellipsis: (maxWidth?: number | string) => string;
+
+// @public (undocumented)
+export const errorIcon: JSX.Element;
+
+// @public (undocumented)
+export const ExifOrientation: {
+    [key: string]: number;
+};
+
+// @public (undocumented)
+export type FileInfo = {
+    file: File;
+    src: string;
+};
+
+// @public (undocumented)
+export function fileToArrayBuffer(file: File): Promise<Uint8Array>;
+
+// @public (undocumented)
+export function fileToDataURI(blob: Blob): Promise<string>;
+
+// @public (undocumented)
+export const findParentByClassname: (element: HTMLElement, className: string, maxParentElement?: HTMLElement) => HTMLElement | undefined;
+
+// @public (undocumented)
+export const formatDate: (timestamp: number, locale?: string) => string;
+
+// @public (undocumented)
+export const formatDuration: (seconds: number) => string;
+
+// @public (undocumented)
+export const getCssFromImageOrientation: (orientation: number) => string;
+
+// @public (undocumented)
+export function getFileInfo(file: File, src?: string): Promise<FileInfo>;
+
+// @public (undocumented)
+export function getFileInfoFromSrc(src: string, file?: File): Promise<FileInfo>;
+
+// @public (undocumented)
+export function getImageInfo(fileInfo: FileInfo): Promise<ImageInfo | null>;
+
+// @public (undocumented)
+export function getMetaTagNumericValue(tags: ImageMetaDataTags, key: string, defaultValue: number): number;
+
+// @public (undocumented)
+export function getMimeIcon(mimeType: string, fileName: string): MimeTypesRepresentation | undefined | {
+    label: string;
+    icon: typeof SourceCodeIcon;
+};
+
+// @public (undocumented)
+export function getOrientation(file: File): Promise<number>;
+
+// @public (undocumented)
+export function getScaleFactor(file: File, tags: ImageMetaDataTags | null): number;
+
+// @public (undocumented)
+export function getScaleFactorFromFile(file: File): null | number;
+
+// @public (undocumented)
+export const hideControlsClassName = "mvng-hide-controls";
+
+// @public (undocumented)
+export type ImageInfo = {
+    scaleFactor: number;
+    width: number;
+    height: number;
+};
+
+// @public (undocumented)
+export type ImageMetaData = {
+    type: string;
+    width: number;
+    height: number;
+    naturalWidth: number;
+    naturalHeight: number;
+    tags: ImageMetaDataTags | null;
+};
+
+// @public (undocumented)
+export type ImageMetaDataTags = {
+    Orientation?: string;
+    PixelPerUnitX?: number;
+    PixelPerUnitY?: number;
+    [key: string]: number | string | undefined;
+};
+
+// @public
+export class InactivityDetector extends Component<InactivityDetectorProps, InactivityDetectorState> {
+    // (undocumented)
+    componentDidMount(): void;
+    // (undocumented)
+    componentWillUnmount(): void;
+    // (undocumented)
+    render(): JSX.Element;
+    // (undocumented)
+    state: InactivityDetectorState;
+}
+
+// @public (undocumented)
+interface InactivityDetectorProps {
+    // (undocumented)
+    children: (triggerActivityCallback: () => void) => ReactElement;
+}
+
+// @public (undocumented)
+interface InactivityDetectorState {
+    // (undocumented)
+    controlsAreVisible: boolean;
+}
+
+// @public (undocumented)
+type InlinePreloaderStyle = 'on-left-with-skeleton' | 'on-right-without-skeleton';
+
+// @public (undocumented)
+export const isIntersectionObserverSupported: () => boolean;
+
+// @public
+export const isRotated: (orientation: number) => boolean;
+
+// @public (undocumented)
+export const keyCodes: {
+    space: string;
+    m: string;
+    rightArrow: string;
+    leftArrow: string;
+};
+
+// @public (undocumented)
+export const languages: {
+    zh: string;
+    cs: string;
+    da: string;
+    nl: string;
+    en: string;
+    en_GB: string;
+    et: string;
+    fi: string;
+    fr: string;
+    de: string;
+    hu: string;
+    is: string;
+    it: string;
+    ja: string;
+    ko: string;
+    nb: string;
+    pl: string;
+    pt_BR: string;
+    pt_PT: string;
+    ro: string;
+    ru: string;
+    sk: string;
+    es: string;
+    sv: string;
+};
+
+// @public (undocumented)
+export function loadImage(src: string): Promise<HTMLImageElement>;
+
+// @public (undocumented)
+export const locales: {
+    [key: string]: any;
+};
+
+// @public (undocumented)
+export function MediaButton({ appearance, buttonRef, ...rest }: Props): JSX.Element;
+
+// @public (undocumented)
+type MediaButtonAppearance = Appearance;
+
+// @public (undocumented)
+class MediaImage_2 extends Component<MediaImageProps, MediaImageState> {
+    constructor(props: MediaImageProps);
+    // (undocumented)
+    componentDidMount(): void;
+    // (undocumented)
+    static defaultProps: Partial<MediaImageProps>;
+    // (undocumented)
+    imageRef: React_2.RefObject<HTMLImageElement>;
+    // (undocumented)
+    onImageLoad: (e: React_2.SyntheticEvent<HTMLImageElement>) => void;
+    // (undocumented)
+    render(): JSX.Element;
+}
+export { MediaImage_2 as MediaImage }
+
+// @public (undocumented)
+export interface MediaImageProps {
+    // (undocumented)
+    alt?: string;
+    // (undocumented)
+    crop?: boolean;
+    // (undocumented)
+    crossOrigin?: '' | 'anonymous' | 'use-credentials';
+    // (undocumented)
+    dataURI: string;
+    // (undocumented)
+    forceSyncDisplay?: boolean;
+    // (undocumented)
+    loading?: 'auto' | 'eager' | 'lazy';
+    // (undocumented)
+    onImageError?: () => void;
+    // (undocumented)
+    onImageLoad?: (loadedImage: HTMLImageElement) => void;
+    // (undocumented)
+    previewOrientation?: 'from-image' | number;
+    // (undocumented)
+    stretch?: boolean;
+}
+
+// @public (undocumented)
+export interface MediaImageState {
+    // (undocumented)
+    imgHeight: number;
+    // (undocumented)
+    imgWidth: number;
+    // (undocumented)
+    isImageLoaded: boolean;
+    // (undocumented)
+    parentHeight: number;
+    // (undocumented)
+    parentWidth: number;
+}
+
+// @public (undocumented)
+export class MediaInlineCardErroredView extends React_2.Component<MediaInlineCardErroredViewProps> {
+    // (undocumented)
+    render(): JSX.Element;
+    // (undocumented)
+    renderMessage: () => JSX.Element;
+}
+
+// @public (undocumented)
+export interface MediaInlineCardErroredViewProps {
+    // (undocumented)
+    icon?: React_2.ReactNode;
+    isSelected?: boolean;
+    message: string;
+    onClick?: React_2.EventHandler<React_2.KeyboardEvent | React_2.MouseEvent>;
+    testId?: string;
+}
+
+// @public (undocumented)
+export class MediaInlineCardLoadedView extends React_2.Component<MediaInlineCardLoadedViewProps> {
+    // (undocumented)
+    render(): JSX.Element;
+}
+
+// @public (undocumented)
+export interface MediaInlineCardLoadedViewProps {
+    icon?: React_2.ReactNode;
+    isSelected?: boolean;
+    onClick?: React_2.EventHandler<React_2.KeyboardEvent | React_2.MouseEvent>;
+    testId?: string;
+    title?: string;
+    titlePrefix?: React_2.ReactNode;
+}
+
+// @public (undocumented)
+export class MediaInlineCardLoadingView extends React_2.Component<MediaInlineCardLoadingViewProps> {
+    // (undocumented)
+    render(): JSX.Element;
+}
+
+// @public (undocumented)
+export interface MediaInlineCardLoadingViewProps {
+    // (undocumented)
+    inlinePreloaderStyle?: InlinePreloaderStyle;
+    isSelected?: boolean;
+    message: string;
+    onClick?: React_2.EventHandler<React_2.KeyboardEvent | React_2.MouseEvent>;
+    testId?: string;
+    // (undocumented)
+    withoutHover?: boolean;
+}
+
+// @public (undocumented)
+type MediaTypeProps = {
+    testId?: string;
+    mediaType?: MediaType;
+    mimeType?: string;
+    name?: string;
+    size?: 'large' | 'small';
+};
+
+// @public (undocumented)
+export type MessageKey = 'accounts' | 'actions' | 'add_account' | 'annotate' | 'annotate_confirmation_close_anyway' | 'annotate_confirmation_content' | 'annotate_confirmation_heading' | 'annotate_tool_arrow' | 'annotate_tool_blur' | 'annotate_tool_brush' | 'annotate_tool_color' | 'annotate_tool_line_thickness' | 'annotate_tool_shape' | 'annotate_tool_text' | 'archive' | 'audio' | 'cancel' | 'cant_preview_file_type' | 'cant_retrieve_files' | 'cant_retrieve_gifs' | 'changeView' | 'check_your_network' | 'close' | 'close_and_reopen' | 'connect_account_description' | 'connect_link_account' | 'connect_link_account_card' | 'connect_link_account_card_description' | 'connect_link_account_card_name' | 'connect_to' | 'could_not_load_editor' | 'could_not_load_link' | 'could_not_save_image' | 'couldnt_generate_encrypted_entry_preview' | 'couldnt_generate_preview' | 'couldnt_load_file' | 'creating_preview' | 'default_avatars' | 'disable_fullscreen' | 'displayThumbnail' | 'document' | 'download' | 'drag_and_drop_images_here' | 'drag_and_drop_your_files' | 'drag_and_drop_your_files_and_folders' | 'drop_your_files' | 'drop_your_files_here' | 'email' | 'enable_fullscreen' | 'error_429' | 'error_generating_preview' | 'error_hint_critical' | 'error_hint_retry' | 'error_loading_file' | 'failed_to_load' | 'failed_to_upload' | 'give_feedback' | 'image' | 'image_format_invalid_error' | 'image_size_too_large_error' | 'image_url_invalid_error' | 'insert_files' | 'invalid_permissions' | 'invalid_permissions_description' | 'item_not_found_in_list' | 'learn_more' | 'load_more_gifs' | 'loading' | 'loading_file' | 'might_be_a_hiccup' | 'no_gifs_found' | 'no_gifs_found_suggestion' | 'no_pdf_artifacts' | 'not_found_description' | 'not_found_title' | 'or' | 'pause' | 'play' | 'playbackDefaultSpeed' | 'playbackSpeed' | 'preview' | 'preview_currently_unavailable' | 'preview_unavailable' | 'recent_uploads' | 'remove_image' | 'retry' | 'save' | 'search' | 'search_all_gifs' | 'share_files_instantly' | 'skipBackward' | 'skipForward' | 'something_went_wrong' | 'text' | 'try_again' | 'try_another_account' | 'try_downloading_file' | 'unable_to_annotate_image' | 'unknown' | 'unlink_account' | 'upload' | 'upload_an_avatar' | 'upload_file' | 'upload_file_from' | 'upload_image' | 'upload_photo' | 'video' | 'view' | 'viewIn' | 'viewOriginal' | 'viewer_rateLimited' | 'webgl_warning_description' | 'zip_entry_load_fail' | 'zoom_in' | 'zoom_out' | RequestAccessMessageKey;
+
+// @public (undocumented)
+type Messages = {
+    [K in MessageKey]: MessageDescriptor;
+};
+
+// @public (undocumented)
+export const messages: Messages;
+
+// @public (undocumented)
+export const MimeTypeIcon: ({ mediaType, mimeType, name, testId, size, }: MediaTypeProps) => JSX.Element;
+
+// @public (undocumented)
+interface MimeTypesRepresentation {
+    // (undocumented)
+    icon: any;
+    // (undocumented)
+    label: string;
+    // (undocumented)
+    mimeTypes: string[];
+}
+
+// @public (undocumented)
+export const ModalSpinner: ({ blankedColor, invertSpinnerColor }: Props_2) => JSX.Element;
+
+// @public (undocumented)
+type Props = WithMediaButtonAppearance<CustomThemeButtonProps> & {
+    buttonRef?: RefObject<HTMLButtonElement>;
+};
+
+// @public (undocumented)
+interface Props_2 {
+    // (undocumented)
+    blankedColor?: string;
+    // (undocumented)
+    invertSpinnerColor?: boolean;
+}
+
+// @public (undocumented)
+export function readImageMetaData(fileInfo: FileInfo): Promise<ImageMetaData | null>;
+
+// @public (undocumented)
+export class Rectangle {
+    constructor(width: number, height: number);
+    // (undocumented)
+    get aspectRatio(): number;
+    // (undocumented)
+    get center(): Vector2;
+    // (undocumented)
+    clone(): Rectangle;
+    // (undocumented)
+    flipped(): Rectangle;
+    // (undocumented)
+    readonly height: number;
+    // (undocumented)
+    resized(width: number, height: number): Rectangle;
+    // (undocumented)
+    scaled(scale: number): Rectangle;
+    // (undocumented)
+    scaleToFit(containing: Rectangle): number;
+    // (undocumented)
+    scaleToFitLargestSide(containing: Rectangle): number;
+    // (undocumented)
+    scaleToFitSmallestSide(containing: Rectangle): number;
+    // (undocumented)
+    readonly width: number;
+}
+
+// @public (undocumented)
+type RequestAccessMessageKey = 'click_to_join' | 'click_to_join_description' | 'forbidden_description' | 'request_access' | 'request_access_description' | 'request_access_pending' | 'request_access_pending_description' | 'request_denied_description';
+
+// @public (undocumented)
+export class Shortcut extends Component<ShortcutProps, {}> {
+    // (undocumented)
+    componentDidMount(): void;
+    // (undocumented)
+    componentWillUnmount(): void;
+    // (undocumented)
+    render(): null;
+}
+
+// @public (undocumented)
+export type ShortcutProps = {
+    handler: () => void;
+} & (WithCode | WithKeyCode);
+
+// @public (undocumented)
+export const size: (value?: number | string) => string;
+
+// @public (undocumented)
+export class TimeRange extends Component<TimeRangeProps, TimeRangeState> {
+    // (undocumented)
+    componentDidMount(): void;
+    // (undocumented)
+    componentWillUnmount(): void;
+    // (undocumented)
+    static defaultProps: Partial<TimeRangeProps>;
+    // (undocumented)
+    onMouseMove: (e: MouseEvent) => void;
+    // (undocumented)
+    onMouseUp: () => void;
+    // (undocumented)
+    onThumbMouseDown: (e: React_2.SyntheticEvent<HTMLDivElement>) => void;
+    // (undocumented)
+    render(): JSX.Element;
+    // (undocumented)
+    state: TimeRangeState;
+    // (undocumented)
+    thumbElement: React_2.RefObject<HTMLDivElement>;
+    // (undocumented)
+    wrapperElement: React_2.RefObject<HTMLDivElement>;
+    // (undocumented)
+    wrapperElementWidth: number;
+}
+
+// @public (undocumented)
+export interface TimeRangeProps {
+    // (undocumented)
+    bufferedTime: number;
+    // (undocumented)
+    currentTime: number;
+    // (undocumented)
+    disableThumbTooltip: boolean;
+    // (undocumented)
+    duration: number;
+    // (undocumented)
+    isAlwaysActive: boolean;
+    // (undocumented)
+    onChange: (newTime: number) => void;
+    // (undocumented)
+    onChanged?: () => void;
+}
+
+// @public (undocumented)
+export interface TimeRangeState {
+    // (undocumented)
+    dragStartClientX: number;
+    // (undocumented)
+    isDragging: boolean;
+}
+
+// @public (undocumented)
+interface TimeSaverConfig {
+    // (undocumented)
+    contentId: string;
+}
+
+// @public
+export function toHumanReadableMediaSize(size: number): string;
+
+// @public (undocumented)
+export const Truncate: React_2.FC<TruncateProps>;
+
+// @public (undocumented)
+export type TruncateProps = {
+    text: string;
+    fontSizePX?: number;
+    startFixedChars?: number;
+    endFixedChars?: number;
+};
+
+// @public (undocumented)
+export class Vector2 {
+    constructor(x: number, y: number);
+    // (undocumented)
+    add({ x: thatX, y: thatY }: Vector2): Vector2;
+    // (undocumented)
+    clone(): Vector2;
+    // (undocumented)
+    map(fn: (component: number) => number): Vector2;
+    // (undocumented)
+    rounded(): Vector2;
+    // (undocumented)
+    scaled(scalar: number): Vector2;
+    // (undocumented)
+    sub({ x: thatX, y: thatY }: Vector2): Vector2;
+    // (undocumented)
+    toString(): string;
+    // (undocumented)
+    readonly x: number;
+    // (undocumented)
+    readonly y: number;
+}
+
+// @public (undocumented)
+type WithCode = {
+    code: string;
+    keyCode?: never;
+};
+
+// @public (undocumented)
+type WithKeyCode = {
+    keyCode: number;
+    code?: never;
+};
+
+// @public (undocumented)
+type WithMediaButtonAppearance<T> = Omit<T, 'appearance'> & {
+    appearance?: MediaButtonAppearance;
+};
+
+// @public (undocumented)
+type WithPlaybackProps = {
+    readonly isAutoPlay: boolean;
+    readonly isHDAvailable?: boolean;
+    readonly isHDActive?: boolean;
+};
+
+// @public (undocumented)
+export interface WithShowControlMethodProp {
+    // (undocumented)
+    showControls?: () => void;
+}
+
+// (No @packageDocumentation comment for this package)
+
+```