@atlaskit/media-ui 22.4.1 → 23.0.0

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

@@ -0,0 +1,76 @@
+import React from 'react';
+import { Component } from 'react';
+import { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
+import { MediaFeatureFlags } from '@atlaskit/media-common';
+import { NumericalCardDimensions } from '@atlaskit/media-common';
+import { CustomMediaPlayerType } from './types';
+import { WithPlaybackProps, WithMediaPlayerState } from './analytics';
+import { WrappedComponentProps } from 'react-intl-next';
+import { WithShowControlMethodProp } from '../types';
+import { TimeSaverConfig } from './timeSaver';
+export interface CustomMediaPlayerProps extends WithPlaybackProps, WithShowControlMethodProp {
+    readonly type: CustomMediaPlayerType;
+    readonly src: string;
+    readonly fileId?: string;
+    readonly onHDToggleClick?: () => void;
+    readonly isShortcutEnabled?: boolean;
+    readonly lastWatchTimeConfig?: TimeSaverConfig;
+    readonly onCanPlay?: () => void;
+    readonly onError?: () => void;
+    readonly onDownloadClick?: () => void;
+    readonly onFirstPlay?: () => void;
+    readonly onFullscreenChange?: (fullscreen: boolean) => void;
+    readonly originalDimensions?: NumericalCardDimensions;
+    readonly featureFlags?: MediaFeatureFlags;
+    readonly poster?: string;
+}
+export interface CustomMediaPlayerState extends WithMediaPlayerState {
+}
+export type Action = () => void;
+export declare class CustomMediaPlayerBase extends Component<CustomMediaPlayerProps & WrappedComponentProps & WithAnalyticsEventsProps, CustomMediaPlayerState> {
+    videoWrapperRef: React.RefObject<HTMLDivElement>;
+    private actions?;
+    private videoState;
+    private wasPlayedOnce;
+    private lastCurrentTime;
+    private readonly timeSaver;
+    private clickToTogglePlayTimoutId;
+    state: CustomMediaPlayerState;
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    private onFullScreenChange;
+    private onTimeChanged;
+    private onVolumeChanged;
+    private onCurrentTimeChange;
+    private renderCurrentTime;
+    private renderHDButton;
+    private onPlaybackSpeedChange;
+    private renderSpeedControls;
+    private renderVolume;
+    private toggleFullscreen;
+    private onFullScreenButtonClick;
+    private onResize;
+    private renderFullScreenButton;
+    private renderDownloadButton;
+    private renderShortcuts;
+    private renderPlayPauseButton;
+    private renderSkipBackwardButton;
+    private renderSkipForwardButton;
+    private renderSpinner;
+    private setActions;
+    pause: () => void;
+    private play;
+    private getMediaButtonClickHandler;
+    private getKeyboardShortcutHandler;
+    private createAndFireUIEvent;
+    private onViewed;
+    private resetPendingPlayPauseToggleTimer;
+    private doubleClickToFullscreen;
+    private togglePlayByBlanketClick;
+    private startPlayByBlanketClick;
+    private pausePlayByBlanketClick;
+    private startPlayByButtonClick;
+    private pausePlayByButtonClick;
+    render(): JSX.Element;
+}
+export declare const CustomMediaPlayer: React.ComponentType<CustomMediaPlayerProps & WithAnalyticsEventsProps>;

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

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

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

@@ -0,0 +1,23 @@
+import React from 'react';
+import { Component } from 'react';
+import { NumericalCardDimensions } from '@atlaskit/media-common';
+import { WrappedComponentProps } from 'react-intl-next';
+export interface PlaybackSpeedControlsProps {
+    playbackSpeed: number;
+    onPlaybackSpeedChange: (playbackSpeed: number) => void;
+    originalDimensions?: NumericalCardDimensions;
+    onClick?: () => void;
+}
+export interface PlaybackSpeedControlsState {
+    popupHeight: number;
+}
+export declare class PlaybackSpeedControls extends Component<PlaybackSpeedControlsProps & WrappedComponentProps, PlaybackSpeedControlsState> {
+    state: PlaybackSpeedControlsState;
+    private onPlaybackSpeedChange;
+    private speedOptions;
+    private popupCustomStyles;
+    private onResize;
+    render(): JSX.Element;
+}
+declare const _default: React.FC<PlaybackSpeedControlsProps>;
+export default _default;

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

@@ -0,0 +1,9 @@
+export interface Pausable {
+    pause: () => any;
+}
+declare const _default: {
+    pauseOthers: (player: Pausable) => void;
+    subscribe: (player: Pausable) => void;
+    unsubscribe: (player: Pausable) => void;
+};
+export default _default;

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

@@ -0,0 +1,90 @@
+/// <reference types="react" />
+export interface MutedIndicatorProps {
+    isMuted: boolean;
+}
+export declare const CustomVideoWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const VideoWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const TimebarWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+type VolumeWrapperProps = {
+    showSlider: boolean;
+};
+export declare const VolumeWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & VolumeWrapperProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const TimeWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const CurrentTime: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+interface WithAsActiveProps {
+    showAsActive: boolean;
+}
+export declare const TimeLine: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const CurrentTimeLine: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Thumb: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const BufferedTime: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const LeftControls: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const RightControls: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const ControlsWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const VolumeToggleWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & MutedIndicatorProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const VolumeTimeRangeWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const MutedIndicator: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & MutedIndicatorProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export interface CurrentTimeTooltipProps {
+    isDragging: boolean;
+}
+export declare const CurrentTimeTooltip: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & CurrentTimeTooltipProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const TimeRangeWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & WithAsActiveProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const SpinnerWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export {};

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

@@ -0,0 +1,29 @@
+import React from 'react';
+import { Component } from 'react';
+export interface TimeRangeProps {
+    currentTime: number;
+    bufferedTime: number;
+    duration: number;
+    onChange: (newTime: number) => void;
+    disableThumbTooltip: boolean;
+    isAlwaysActive: boolean;
+    onChanged?: () => void;
+}
+export interface TimeRangeState {
+    isDragging: boolean;
+    dragStartClientX: number;
+}
+export declare class TimeRange extends Component<TimeRangeProps, TimeRangeState> {
+    thumbElement: React.RefObject<HTMLDivElement>;
+    wrapperElement: React.RefObject<HTMLDivElement>;
+    wrapperElementWidth: number;
+    state: TimeRangeState;
+    static defaultProps: Partial<TimeRangeProps>;
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    private setWrapperWidth;
+    onMouseMove: (e: MouseEvent) => void;
+    onMouseUp: () => void;
+    onThumbMouseDown: (e: React.SyntheticEvent<HTMLDivElement>) => void;
+    render(): JSX.Element;
+}

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

@@ -0,0 +1,14 @@
+export interface TimeSaverConfig {
+    contentId: string;
+}
+/**
+ * Modules that stores watch time (a number) in local storage by unique identifier.
+ * Used in Custom Media Player to enable the feature where a user would resume watching
+ * from where they left off.
+ */
+export declare class TimeSaver {
+    readonly config?: TimeSaverConfig | undefined;
+    constructor(config?: TimeSaverConfig | undefined);
+    get defaultTime(): number;
+    set defaultTime(time: number);
+}

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

@@ -0,0 +1,4 @@
+export type CustomMediaPlayerType = 'audio' | 'video';
+export type WithCustomMediaPlayerType = {
+    type: CustomMediaPlayerType;
+};

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

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+export interface WrapperProps {
+    inline?: boolean;
+}
+export interface EllipsifyProps {
+    text?: string;
+    lines: number;
+    endLength?: number;
+    inline?: boolean;
+    testId?: string;
+}
+export declare const Ellipsify: ({ text, lines, endLength, inline, testId, }: EllipsifyProps) => JSX.Element;
+export default Ellipsify;

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

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const errorIcon: JSX.Element;

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

@@ -0,0 +1,11 @@
+export declare const formatterOptions: Intl.DateTimeFormatOptions;
+export type PartsFormatterOptions = {
+    day: string;
+    month: string;
+    year: string;
+    hour: string;
+    minute: string;
+    dayPeriod?: string;
+};
+export declare const partsFormatter: ({ day, month, year, hour, minute, dayPeriod, }: PartsFormatterOptions) => string;
+export declare const formatDate: (timestamp: number, locale?: string) => string;

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

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

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

@@ -0,0 +1,4 @@
+/**
+ * Takes a media (file) size in bytes and returns a human readable string
+ */
+export declare function toHumanReadableMediaSize(size: number): string;

package/dist/types-ts4.5/i18n/cs.d.ts

@@ -0,0 +1,132 @@
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by Traduki 2.0.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
+declare const _default: {
+    'fabric.media.accounts': string;
+    'fabric.media.actions': string;
+    'fabric.media.add_account': string;
+    'fabric.media.annotate': string;
+    'fabric.media.annotate.confirmation.close.anyway': string;
+    'fabric.media.annotate.confirmation.content': string;
+    'fabric.media.annotate.confirmation.heading': string;
+    'fabric.media.annotate.tool.arrow': string;
+    'fabric.media.annotate.tool.blur': string;
+    'fabric.media.annotate.tool.brush': string;
+    'fabric.media.annotate.tool.color': string;
+    'fabric.media.annotate.tool.line.thickness': string;
+    'fabric.media.annotate.tool.shape': string;
+    'fabric.media.annotate.tool.text': string;
+    'fabric.media.archive': string;
+    'fabric.media.audio': string;
+    'fabric.media.cancel': string;
+    'fabric.media.cant_preview_file_type': string;
+    'fabric.media.cant_retrieve_files': string;
+    'fabric.media.cant_retrieve_gifs': string;
+    'fabric.media.change_view': string;
+    'fabric.media.check_your_network': string;
+    'fabric.media.click_to_join': string;
+    'fabric.media.click_to_join_description': string;
+    'fabric.media.close': string;
+    'fabric.media.close_and_reopen': string;
+    'fabric.media.connect_account_description': string;
+    'fabric.media.connect_link_account': string;
+    'fabric.media.connect_link_account_card_view': string;
+    'fabric.media.connect_link_account_card_view_description': string;
+    'fabric.media.connect_link_account_card_view_name': string;
+    'fabric.media.connect_to': string;
+    'fabric.media.could_not_load_editor': string;
+    'fabric.media.could_not_save_image': string;
+    'fabric.media.couldnt_generate_encrypted_entry_preview': string;
+    'fabric.media.couldnt_generate_preview': string;
+    'fabric.media.couldnt_load_file': string;
+    'fabric.media.couldnt_load_link': string;
+    'fabric.media.creating_preview': string;
+    'fabric.media.default_avatars': string;
+    'fabric.media.disable_fullscreen': string;
+    'fabric.media.display_thumbnail': string;
+    'fabric.media.document': string;
+    'fabric.media.download': string;
+    'fabric.media.drag_and_drop_images_here': string;
+    'fabric.media.drag_and_drop_your_files': string;
+    'fabric.media.drag_and_drop_your_files_and_folders': string;
+    'fabric.media.drop_your_files': string;
+    'fabric.media.drop_your_files_here': string;
+    'fabric.media.email': string;
+    'fabric.media.enable_fullscreen': string;
+    'fabric.media.error_429': string;
+    'fabric.media.error_generating_preview': string;
+    'fabric.media.error_hint_critical': string;
+    'fabric.media.error_hint_retry': string;
+    'fabric.media.error_loading_file': string;
+    'fabric.media.failed_to_load': string;
+    'fabric.media.failed_to_upload': string;
+    'fabric.media.forbidden_description': string;
+    'fabric.media.give_feedback': string;
+    'fabric.media.image': string;
+    'fabric.media.image_format_invalid_error': string;
+    'fabric.media.image_size_too_large_error': string;
+    'fabric.media.image_url_invalid_error': string;
+    'fabric.media.insert_files': string;
+    'fabric.media.invalid_permissions': string;
+    'fabric.media.invalid_permissions_description': string;
+    'fabric.media.item_not_found_in_list': string;
+    'fabric.media.learn_more': string;
+    'fabric.media.load_more_gifs': string;
+    'fabric.media.loading': string;
+    'fabric.media.loading_file': string;
+    'fabric.media.might_be_a_hiccup': string;
+    'fabric.media.no_gifs_found': string;
+    'fabric.media.no_gifs_found_suggestion': string;
+    'fabric.media.no_pdf_artifacts': string;
+    'fabric.media.not_found_description': string;
+    'fabric.media.not_found_title': string;
+    'fabric.media.or': string;
+    'fabric.media.pause': string;
+    'fabric.media.play': string;
+    'fabric.media.playback_default_speed': string;
+    'fabric.media.playback_speed': string;
+    'fabric.media.preview': string;
+    'fabric.media.preview_currently_unavailable': string;
+    'fabric.media.preview_unavailable': string;
+    'fabric.media.recent_uploads': string;
+    'fabric.media.remove_image': string;
+    'fabric.media.request_access': string;
+    'fabric.media.request_access_description': string;
+    'fabric.media.request_access_pending': string;
+    'fabric.media.request_access_pending_description': string;
+    'fabric.media.request_denied_description': string;
+    'fabric.media.retry': string;
+    'fabric.media.save': string;
+    'fabric.media.search': string;
+    'fabric.media.search_all_gifs': string;
+    'fabric.media.share_files_instantly': string;
+    'fabric.media.skip_backward': string;
+    'fabric.media.skip_forward': string;
+    'fabric.media.something_went_wrong': string;
+    'fabric.media.srclink': string;
+    'fabric.media.srclinkunknown': string;
+    'fabric.media.text': string;
+    'fabric.media.try_again': string;
+    'fabric.media.try_another_account': string;
+    'fabric.media.try_downloading_file': string;
+    'fabric.media.unable_to_annotate_image': string;
+    'fabric.media.unknown': string;
+    'fabric.media.unlink_account': string;
+    'fabric.media.upload': string;
+    'fabric.media.upload_an_avatar': string;
+    'fabric.media.upload_file': string;
+    'fabric.media.upload_file_from': string;
+    'fabric.media.upload_image': string;
+    'fabric.media.upload_photo': string;
+    'fabric.media.video': string;
+    'fabric.media.view': string;
+    'fabric.media.viewer_rateLimited': string;
+    'fabric.media.webgl_warning_description': string;
+    'fabric.media.zip_entry_load_failed': string;
+    'fabric.media.zoom_in': string;
+    'fabric.media.zoom_out': string;
+};
+export default _default;

package/dist/types-ts4.5/i18n/da.d.ts

@@ -0,0 +1,132 @@
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by Traduki 2.0.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
+declare const _default: {
+    'fabric.media.accounts': string;
+    'fabric.media.actions': string;
+    'fabric.media.add_account': string;
+    'fabric.media.annotate': string;
+    'fabric.media.annotate.confirmation.close.anyway': string;
+    'fabric.media.annotate.confirmation.content': string;
+    'fabric.media.annotate.confirmation.heading': string;
+    'fabric.media.annotate.tool.arrow': string;
+    'fabric.media.annotate.tool.blur': string;
+    'fabric.media.annotate.tool.brush': string;
+    'fabric.media.annotate.tool.color': string;
+    'fabric.media.annotate.tool.line.thickness': string;
+    'fabric.media.annotate.tool.shape': string;
+    'fabric.media.annotate.tool.text': string;
+    'fabric.media.archive': string;
+    'fabric.media.audio': string;
+    'fabric.media.cancel': string;
+    'fabric.media.cant_preview_file_type': string;
+    'fabric.media.cant_retrieve_files': string;
+    'fabric.media.cant_retrieve_gifs': string;
+    'fabric.media.change_view': string;
+    'fabric.media.check_your_network': string;
+    'fabric.media.click_to_join': string;
+    'fabric.media.click_to_join_description': string;
+    'fabric.media.close': string;
+    'fabric.media.close_and_reopen': string;
+    'fabric.media.connect_account_description': string;
+    'fabric.media.connect_link_account': string;
+    'fabric.media.connect_link_account_card_view': string;
+    'fabric.media.connect_link_account_card_view_description': string;
+    'fabric.media.connect_link_account_card_view_name': string;
+    'fabric.media.connect_to': string;
+    'fabric.media.could_not_load_editor': string;
+    'fabric.media.could_not_save_image': string;
+    'fabric.media.couldnt_generate_encrypted_entry_preview': string;
+    'fabric.media.couldnt_generate_preview': string;
+    'fabric.media.couldnt_load_file': string;
+    'fabric.media.couldnt_load_link': string;
+    'fabric.media.creating_preview': string;
+    'fabric.media.default_avatars': string;
+    'fabric.media.disable_fullscreen': string;
+    'fabric.media.display_thumbnail': string;
+    'fabric.media.document': string;
+    'fabric.media.download': string;
+    'fabric.media.drag_and_drop_images_here': string;
+    'fabric.media.drag_and_drop_your_files': string;
+    'fabric.media.drag_and_drop_your_files_and_folders': string;
+    'fabric.media.drop_your_files': string;
+    'fabric.media.drop_your_files_here': string;
+    'fabric.media.email': string;
+    'fabric.media.enable_fullscreen': string;
+    'fabric.media.error_429': string;
+    'fabric.media.error_generating_preview': string;
+    'fabric.media.error_hint_critical': string;
+    'fabric.media.error_hint_retry': string;
+    'fabric.media.error_loading_file': string;
+    'fabric.media.failed_to_load': string;
+    'fabric.media.failed_to_upload': string;
+    'fabric.media.forbidden_description': string;
+    'fabric.media.give_feedback': string;
+    'fabric.media.image': string;
+    'fabric.media.image_format_invalid_error': string;
+    'fabric.media.image_size_too_large_error': string;
+    'fabric.media.image_url_invalid_error': string;
+    'fabric.media.insert_files': string;
+    'fabric.media.invalid_permissions': string;
+    'fabric.media.invalid_permissions_description': string;
+    'fabric.media.item_not_found_in_list': string;
+    'fabric.media.learn_more': string;
+    'fabric.media.load_more_gifs': string;
+    'fabric.media.loading': string;
+    'fabric.media.loading_file': string;
+    'fabric.media.might_be_a_hiccup': string;
+    'fabric.media.no_gifs_found': string;
+    'fabric.media.no_gifs_found_suggestion': string;
+    'fabric.media.no_pdf_artifacts': string;
+    'fabric.media.not_found_description': string;
+    'fabric.media.not_found_title': string;
+    'fabric.media.or': string;
+    'fabric.media.pause': string;
+    'fabric.media.play': string;
+    'fabric.media.playback_default_speed': string;
+    'fabric.media.playback_speed': string;
+    'fabric.media.preview': string;
+    'fabric.media.preview_currently_unavailable': string;
+    'fabric.media.preview_unavailable': string;
+    'fabric.media.recent_uploads': string;
+    'fabric.media.remove_image': string;
+    'fabric.media.request_access': string;
+    'fabric.media.request_access_description': string;
+    'fabric.media.request_access_pending': string;
+    'fabric.media.request_access_pending_description': string;
+    'fabric.media.request_denied_description': string;
+    'fabric.media.retry': string;
+    'fabric.media.save': string;
+    'fabric.media.search': string;
+    'fabric.media.search_all_gifs': string;
+    'fabric.media.share_files_instantly': string;
+    'fabric.media.skip_backward': string;
+    'fabric.media.skip_forward': string;
+    'fabric.media.something_went_wrong': string;
+    'fabric.media.srclink': string;
+    'fabric.media.srclinkunknown': string;
+    'fabric.media.text': string;
+    'fabric.media.try_again': string;
+    'fabric.media.try_another_account': string;
+    'fabric.media.try_downloading_file': string;
+    'fabric.media.unable_to_annotate_image': string;
+    'fabric.media.unknown': string;
+    'fabric.media.unlink_account': string;
+    'fabric.media.upload': string;
+    'fabric.media.upload_an_avatar': string;
+    'fabric.media.upload_file': string;
+    'fabric.media.upload_file_from': string;
+    'fabric.media.upload_image': string;
+    'fabric.media.upload_photo': string;
+    'fabric.media.video': string;
+    'fabric.media.view': string;
+    'fabric.media.viewer_rateLimited': string;
+    'fabric.media.webgl_warning_description': string;
+    'fabric.media.zip_entry_load_failed': string;
+    'fabric.media.zoom_in': string;
+    'fabric.media.zoom_out': string;
+};
+export default _default;