@atlaskit/media-ui 22.1.3 → 22.2.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (137) hide show
  1. package/CHANGELOG.md +27 -0
  2. package/dist/cjs/MediaButton.js +23 -15
  3. package/dist/cjs/MediaInlineCard/ErroredView/index.js +3 -1
  4. package/dist/cjs/MediaInlineCard/Frame/styled.js +7 -10
  5. package/dist/cjs/MediaInlineCard/IconAndTitleLayout/index.js +5 -1
  6. package/dist/cjs/MediaInlineCard/styled.js +3 -6
  7. package/dist/cjs/customMediaPlayer/index.js +2 -2
  8. package/dist/cjs/customMediaPlayer/playbackSpeedControls.js +14 -4
  9. package/dist/cjs/customMediaPlayer/styled.js +7 -7
  10. package/dist/cjs/errorIcon.js +1 -0
  11. package/dist/cjs/mime-type-icon.js +1 -1
  12. package/dist/cjs/version.json +1 -1
  13. package/dist/es2019/MediaButton.js +27 -14
  14. package/dist/es2019/MediaInlineCard/ErroredView/index.js +2 -1
  15. package/dist/es2019/MediaInlineCard/Frame/styled.js +7 -10
  16. package/dist/es2019/MediaInlineCard/IconAndTitleLayout/index.js +3 -1
  17. package/dist/es2019/MediaInlineCard/styled.js +2 -5
  18. package/dist/es2019/customMediaPlayer/index.js +7 -3
  19. package/dist/es2019/customMediaPlayer/playbackSpeedControls.js +17 -5
  20. package/dist/es2019/customMediaPlayer/styled.js +9 -8
  21. package/dist/es2019/errorIcon.js +1 -0
  22. package/dist/es2019/mime-type-icon.js +1 -1
  23. package/dist/es2019/version.json +1 -1
  24. package/dist/esm/MediaButton.js +26 -14
  25. package/dist/esm/MediaInlineCard/ErroredView/index.js +2 -1
  26. package/dist/esm/MediaInlineCard/Frame/styled.js +7 -10
  27. package/dist/esm/MediaInlineCard/IconAndTitleLayout/index.js +3 -1
  28. package/dist/esm/MediaInlineCard/styled.js +2 -5
  29. package/dist/esm/customMediaPlayer/index.js +6 -3
  30. package/dist/esm/customMediaPlayer/playbackSpeedControls.js +18 -5
  31. package/dist/esm/customMediaPlayer/styled.js +9 -8
  32. package/dist/esm/errorIcon.js +1 -0
  33. package/dist/esm/mime-type-icon.js +1 -1
  34. package/dist/esm/version.json +1 -1
  35. package/dist/types/MediaInlineCard/styled.d.ts +1 -3
  36. package/dist/types/media-type-icon.d.ts +1 -0
  37. package/example-helpers/styled.ts +5 -3
  38. package/package.json +15 -18
  39. package/report.api.md +504 -323
  40. package/dist/types-ts4.0/MediaButton.d.ts +0 -15
  41. package/dist/types-ts4.0/MediaInlineCard/ErroredView/index.d.ts +0 -16
  42. package/dist/types-ts4.0/MediaInlineCard/Frame/index.d.ts +0 -17
  43. package/dist/types-ts4.0/MediaInlineCard/Frame/styled.d.ts +0 -5
  44. package/dist/types-ts4.0/MediaInlineCard/Icon.d.ts +0 -3
  45. package/dist/types-ts4.0/MediaInlineCard/IconAndTitleLayout/index.d.ts +0 -18
  46. package/dist/types-ts4.0/MediaInlineCard/IconAndTitleLayout/styled.d.ts +0 -12
  47. package/dist/types-ts4.0/MediaInlineCard/LoadedView/index.d.ts +0 -18
  48. package/dist/types-ts4.0/MediaInlineCard/LoadingView/index.d.ts +0 -17
  49. package/dist/types-ts4.0/MediaInlineCard/LoadingView/styled.d.ts +0 -14
  50. package/dist/types-ts4.0/MediaInlineCard/index.d.ts +0 -6
  51. package/dist/types-ts4.0/MediaInlineCard/styled.d.ts +0 -4
  52. package/dist/types-ts4.0/browser.d.ts +0 -6
  53. package/dist/types-ts4.0/camera.d.ts +0 -62
  54. package/dist/types-ts4.0/classNames.d.ts +0 -1
  55. package/dist/types-ts4.0/codeViewer.d.ts +0 -8
  56. package/dist/types-ts4.0/customMediaPlayer/analytics/events/screen/customMediaPlayer.d.ts +0 -5
  57. package/dist/types-ts4.0/customMediaPlayer/analytics/events/track/playCount.d.ts +0 -5
  58. package/dist/types-ts4.0/customMediaPlayer/analytics/events/track/played.d.ts +0 -5
  59. package/dist/types-ts4.0/customMediaPlayer/analytics/events/ui/mediaButtonClicked.d.ts +0 -5
  60. package/dist/types-ts4.0/customMediaPlayer/analytics/events/ui/playPauseBlanketClicked.d.ts +0 -5
  61. package/dist/types-ts4.0/customMediaPlayer/analytics/events/ui/playbackSpeedChanged.d.ts +0 -5
  62. package/dist/types-ts4.0/customMediaPlayer/analytics/events/ui/shortcutPressed.d.ts +0 -5
  63. package/dist/types-ts4.0/customMediaPlayer/analytics/events/ui/timeRangeNavigated.d.ts +0 -5
  64. package/dist/types-ts4.0/customMediaPlayer/analytics/index.d.ts +0 -11
  65. package/dist/types-ts4.0/customMediaPlayer/analytics/utils/analytics.d.ts +0 -19
  66. package/dist/types-ts4.0/customMediaPlayer/analytics/utils/playbackAttributes.d.ts +0 -24
  67. package/dist/types-ts4.0/customMediaPlayer/fullscreen.d.ts +0 -5
  68. package/dist/types-ts4.0/customMediaPlayer/getControlsWrapperClassName.d.ts +0 -1
  69. package/dist/types-ts4.0/customMediaPlayer/icons.d.ts +0 -4
  70. package/dist/types-ts4.0/customMediaPlayer/index.d.ts +0 -76
  71. package/dist/types-ts4.0/customMediaPlayer/playPauseBlanket.d.ts +0 -2
  72. package/dist/types-ts4.0/customMediaPlayer/playbackSpeedControls.d.ts +0 -23
  73. package/dist/types-ts4.0/customMediaPlayer/simultaneousPlayManager.d.ts +0 -9
  74. package/dist/types-ts4.0/customMediaPlayer/styled.d.ts +0 -33
  75. package/dist/types-ts4.0/customMediaPlayer/timeRange.d.ts +0 -29
  76. package/dist/types-ts4.0/customMediaPlayer/timeSaver.d.ts +0 -14
  77. package/dist/types-ts4.0/customMediaPlayer/types.d.ts +0 -4
  78. package/dist/types-ts4.0/ellipsify.d.ts +0 -12
  79. package/dist/types-ts4.0/errorIcon.d.ts +0 -2
  80. package/dist/types-ts4.0/formatDate.d.ts +0 -11
  81. package/dist/types-ts4.0/formatDuration.d.ts +0 -1
  82. package/dist/types-ts4.0/humanReadableSize.d.ts +0 -4
  83. package/dist/types-ts4.0/i18n/cs.d.ts +0 -132
  84. package/dist/types-ts4.0/i18n/da.d.ts +0 -132
  85. package/dist/types-ts4.0/i18n/de.d.ts +0 -132
  86. package/dist/types-ts4.0/i18n/en.d.ts +0 -132
  87. package/dist/types-ts4.0/i18n/en_GB.d.ts +0 -132
  88. package/dist/types-ts4.0/i18n/en_ZZ.d.ts +0 -132
  89. package/dist/types-ts4.0/i18n/es.d.ts +0 -132
  90. package/dist/types-ts4.0/i18n/et.d.ts +0 -94
  91. package/dist/types-ts4.0/i18n/fi.d.ts +0 -132
  92. package/dist/types-ts4.0/i18n/fr.d.ts +0 -132
  93. package/dist/types-ts4.0/i18n/hu.d.ts +0 -132
  94. package/dist/types-ts4.0/i18n/index.d.ts +0 -35
  95. package/dist/types-ts4.0/i18n/is.d.ts +0 -70
  96. package/dist/types-ts4.0/i18n/it.d.ts +0 -132
  97. package/dist/types-ts4.0/i18n/ja.d.ts +0 -132
  98. package/dist/types-ts4.0/i18n/ko.d.ts +0 -132
  99. package/dist/types-ts4.0/i18n/languages.d.ts +0 -27
  100. package/dist/types-ts4.0/i18n/nb.d.ts +0 -132
  101. package/dist/types-ts4.0/i18n/nl.d.ts +0 -132
  102. package/dist/types-ts4.0/i18n/pl.d.ts +0 -132
  103. package/dist/types-ts4.0/i18n/pt_BR.d.ts +0 -132
  104. package/dist/types-ts4.0/i18n/pt_PT.d.ts +0 -94
  105. package/dist/types-ts4.0/i18n/ro.d.ts +0 -70
  106. package/dist/types-ts4.0/i18n/ru.d.ts +0 -132
  107. package/dist/types-ts4.0/i18n/sk.d.ts +0 -94
  108. package/dist/types-ts4.0/i18n/sv.d.ts +0 -132
  109. package/dist/types-ts4.0/i18n/th.d.ts +0 -132
  110. package/dist/types-ts4.0/i18n/tr.d.ts +0 -132
  111. package/dist/types-ts4.0/i18n/uk.d.ts +0 -132
  112. package/dist/types-ts4.0/i18n/vi.d.ts +0 -132
  113. package/dist/types-ts4.0/i18n/zh.d.ts +0 -132
  114. package/dist/types-ts4.0/i18n/zh_TW.d.ts +0 -132
  115. package/dist/types-ts4.0/imageMetaData/imageOrientationUtil.d.ts +0 -5
  116. package/dist/types-ts4.0/imageMetaData/index.d.ts +0 -10
  117. package/dist/types-ts4.0/imageMetaData/metatags.d.ts +0 -2
  118. package/dist/types-ts4.0/imageMetaData/parseJPEG.d.ts +0 -2
  119. package/dist/types-ts4.0/imageMetaData/parsePNG.d.ts +0 -3
  120. package/dist/types-ts4.0/imageMetaData/parsePNGXMP.d.ts +0 -2
  121. package/dist/types-ts4.0/imageMetaData/types.d.ts +0 -46
  122. package/dist/types-ts4.0/inactivityDetector/inactivityDetector.d.ts +0 -24
  123. package/dist/types-ts4.0/inactivityDetector/styled.d.ts +0 -5
  124. package/dist/types-ts4.0/index.d.ts +0 -36
  125. package/dist/types-ts4.0/intersectionObserver.d.ts +0 -1
  126. package/dist/types-ts4.0/locales.d.ts +0 -4
  127. package/dist/types-ts4.0/media-type-icon.d.ts +0 -17
  128. package/dist/types-ts4.0/mediaImage/index.d.ts +0 -29
  129. package/dist/types-ts4.0/mediaImage/styled.d.ts +0 -5
  130. package/dist/types-ts4.0/messages.d.ts +0 -8
  131. package/dist/types-ts4.0/mime-type-icon.d.ts +0 -11
  132. package/dist/types-ts4.0/mixins.d.ts +0 -8
  133. package/dist/types-ts4.0/modalSpinner.d.ts +0 -9
  134. package/dist/types-ts4.0/shortcut.d.ts +0 -28
  135. package/dist/types-ts4.0/truncateText.d.ts +0 -17
  136. package/dist/types-ts4.0/types.d.ts +0 -16
  137. package/dist/types-ts4.0/util.d.ts +0 -23
@@ -1,15 +0,0 @@
1
- import { RefObject } from 'react';
2
- import { ButtonProps } from '@atlaskit/button/types';
3
- import { CustomThemeButtonProps, Appearance } from '@atlaskit/button/types';
4
- declare type MediaButtonAppearance = Appearance;
5
- declare type WithMediaButtonAppearance<T> = Omit<T, 'appearance'> & {
6
- appearance?: MediaButtonAppearance;
7
- };
8
- export interface MediaButtonProps extends ButtonProps {
9
- buttonRef?: RefObject<HTMLButtonElement>;
10
- }
11
- declare type Props = WithMediaButtonAppearance<CustomThemeButtonProps> & {
12
- buttonRef?: RefObject<HTMLButtonElement>;
13
- };
14
- export default function MediaButton({ appearance, buttonRef, ...rest }: Props): JSX.Element;
15
- export {};
@@ -1,16 +0,0 @@
1
- import React from 'react';
2
- export interface MediaInlineCardErroredViewProps {
3
- /** The error message to display */
4
- message: string;
5
- /** The optional click handler */
6
- onClick?: React.EventHandler<React.MouseEvent | React.KeyboardEvent>;
7
- /** A flag that determines whether the card is selected in edit mode. */
8
- isSelected?: boolean;
9
- /** 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 */
10
- testId?: string;
11
- icon?: React.ReactNode;
12
- }
13
- export declare class MediaInlineCardErroredView extends React.Component<MediaInlineCardErroredViewProps> {
14
- renderMessage: () => JSX.Element;
15
- render(): JSX.Element;
16
- }
@@ -1,17 +0,0 @@
1
- import React from 'react';
2
- export interface FrameViewProps {
3
- /** A flag that determines whether the card is selected in edit mode. */
4
- isSelected?: boolean;
5
- isInteractive?: boolean;
6
- children?: React.ReactNode;
7
- /** The optional click handler */
8
- onClick?: React.EventHandler<React.MouseEvent | React.KeyboardEvent>;
9
- /** 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 */
10
- testId?: string;
11
- }
12
- export declare class Frame extends React.Component<FrameViewProps> {
13
- handleClick: (event: React.MouseEvent<HTMLDivElement>) => void;
14
- handleKeyPress: (event: React.KeyboardEvent<HTMLDivElement>) => void;
15
- handleMouseDown: (e: React.MouseEvent) => void;
16
- render(): JSX.Element;
17
- }
@@ -1,5 +0,0 @@
1
- /// <reference types="react" />
2
- export interface WrapperProps {
3
- isSelected?: boolean;
4
- }
5
- export declare const Wrapper: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, WrapperProps, object>;
@@ -1,3 +0,0 @@
1
- /// <reference types="react" />
2
- export declare const Icon: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, Pick<import("react").ClassAttributes<HTMLImageElement> & import("react").ImgHTMLAttributes<HTMLImageElement>, keyof import("react").ImgHTMLAttributes<HTMLImageElement>>, object>;
3
- export declare const AKIconWrapper: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, Pick<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement>, keyof import("react").HTMLAttributes<HTMLSpanElement>>, object>;
@@ -1,18 +0,0 @@
1
- import React from 'react';
2
- export interface IconAndTitleLayoutProps {
3
- emoji?: React.ReactNode;
4
- icon?: React.ReactNode;
5
- title: React.ReactNode;
6
- right?: React.ReactNode;
7
- titleColor?: string;
8
- children?: React.ReactNode;
9
- defaultIcon?: React.ReactNode;
10
- testId?: string;
11
- }
12
- export declare class IconAndTitleLayout extends React.Component<IconAndTitleLayoutProps> {
13
- private renderAtlaskitIcon;
14
- private renderImageIcon;
15
- private renderIconPlaceholder;
16
- renderIcon(testId: string): JSX.Element;
17
- render(): JSX.Element;
18
- }
@@ -1,12 +0,0 @@
1
- /// <reference types="react" />
2
- 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";
3
- 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";
4
- export declare const IconWrapper: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, Pick<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement>, keyof import("react").HTMLAttributes<HTMLSpanElement>>, object>;
5
- export declare const EmojiWrapper: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, Pick<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement>, keyof import("react").HTMLAttributes<HTMLSpanElement>>, object>;
6
- export declare const IconTitleWrapper: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, Pick<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement>, keyof import("react").HTMLAttributes<HTMLSpanElement>>, object>;
7
- export declare const LozengeWrapper: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, Pick<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement>, keyof import("react").HTMLAttributes<HTMLSpanElement>>, object>;
8
- export declare const LozengeBlockWrapper: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, Pick<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement>, keyof import("react").HTMLAttributes<HTMLSpanElement>>, object>;
9
- export declare const RightIconPositionWrapper: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, Pick<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement>, keyof import("react").HTMLAttributes<HTMLSpanElement>>, object>;
10
- export declare const IconPositionWrapper: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, Pick<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement>, keyof import("react").HTMLAttributes<HTMLSpanElement>>, object>;
11
- export declare const IconEmptyWrapper: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, Pick<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement>, keyof import("react").HTMLAttributes<HTMLSpanElement>>, object>;
12
- export declare const TitleWrapper: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, Pick<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement>, keyof import("react").HTMLAttributes<HTMLSpanElement>>, object>;
@@ -1,18 +0,0 @@
1
- import React from 'react';
2
- export interface MediaInlineCardLoadedViewProps {
3
- /** The optional con of the service (e.g. Dropbox/Asana/Google/etc) to display */
4
- icon?: React.ReactNode;
5
- /** The name of the resource */
6
- title?: string;
7
- /** A flag that determines whether the card is selected in edit mode. */
8
- isSelected?: boolean;
9
- /** The optional click handler */
10
- onClick?: React.EventHandler<React.MouseEvent | React.KeyboardEvent>;
11
- /** 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 */
12
- testId?: string;
13
- /** The Emoji icon prefix that was added to the title text via Add emoji button */
14
- titlePrefix?: React.ReactNode;
15
- }
16
- export declare class MediaInlineCardLoadedView extends React.Component<MediaInlineCardLoadedViewProps> {
17
- render(): JSX.Element;
18
- }
@@ -1,17 +0,0 @@
1
- import React from 'react';
2
- import { InlinePreloaderStyle } from '../../types';
3
- export interface MediaInlineCardLoadingViewProps {
4
- /** The file name to display */
5
- message: string;
6
- inlinePreloaderStyle?: InlinePreloaderStyle;
7
- /** The optional click handler */
8
- onClick?: React.EventHandler<React.MouseEvent | React.KeyboardEvent>;
9
- /** A flag that determines whether the card is selected in edit mode. */
10
- isSelected?: boolean;
11
- /** 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 */
12
- testId?: string;
13
- withoutHover?: boolean;
14
- }
15
- export declare class MediaInlineCardLoadingView extends React.Component<MediaInlineCardLoadingViewProps> {
16
- render(): JSX.Element;
17
- }
@@ -1,14 +0,0 @@
1
- /// <reference types="react" />
2
- export declare const SpinnerWrapper: import("@emotion/styled-base").StyledComponent<Pick<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & Pick<Pick<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement>, keyof import("react").HTMLAttributes<HTMLSpanElement>>, keyof import("react").HTMLAttributes<HTMLSpanElement>> & {
3
- theme?: object | undefined;
4
- } & {
5
- children?: import("react").ReactNode;
6
- }, "key" | keyof import("react").HTMLAttributes<HTMLSpanElement> | "theme"> & {
7
- ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
8
- }, Pick<Pick<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & Pick<Pick<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement>, keyof import("react").HTMLAttributes<HTMLSpanElement>>, keyof import("react").HTMLAttributes<HTMLSpanElement>> & {
9
- theme?: object | undefined;
10
- } & {
11
- children?: import("react").ReactNode;
12
- }, "key" | keyof import("react").HTMLAttributes<HTMLSpanElement> | "theme"> & {
13
- ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
14
- }, keyof import("react").HTMLAttributes<HTMLSpanElement> | "theme">, object>;
@@ -1,6 +0,0 @@
1
- export { MediaInlineCardLoadingView } from './LoadingView';
2
- export type { MediaInlineCardLoadingViewProps } from './LoadingView';
3
- export { MediaInlineCardLoadedView } from './LoadedView';
4
- export type { MediaInlineCardLoadedViewProps } from './LoadedView';
5
- export { MediaInlineCardErroredView } from './ErroredView';
6
- export type { MediaInlineCardErroredViewProps } from './ErroredView';
@@ -1,4 +0,0 @@
1
- /// <reference types="react" />
2
- export declare const NoLinkAppearance: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, Pick<import("@emotion/styled-base/types/helper").Overwrapped<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, import("@atlaskit/theme").ThemeProps | undefined>, never>, {
3
- __ATLASKIT_THEME__: import("@atlaskit/theme").Theme;
4
- }>;
@@ -1,6 +0,0 @@
1
- declare type mockedNavigator = {
2
- userAgent: string;
3
- platform: string;
4
- };
5
- export declare function isWebkitSupported(mockedNavigator?: mockedNavigator): boolean;
6
- export {};
@@ -1,62 +0,0 @@
1
- export declare class Vector2 {
2
- readonly x: number;
3
- readonly y: number;
4
- constructor(x: number, y: number);
5
- add({ x: thatX, y: thatY }: Vector2): Vector2;
6
- sub({ x: thatX, y: thatY }: Vector2): Vector2;
7
- scaled(scalar: number): Vector2;
8
- map(fn: (component: number) => number): Vector2;
9
- clone(): Vector2;
10
- rounded(): Vector2;
11
- toString(): string;
12
- }
13
- export declare class Rectangle {
14
- readonly width: number;
15
- readonly height: number;
16
- constructor(width: number, height: number);
17
- get aspectRatio(): number;
18
- get center(): Vector2;
19
- scaled(scale: number): Rectangle;
20
- resized(width: number, height: number): Rectangle;
21
- flipped(): Rectangle;
22
- scaleToFit(containing: Rectangle): number;
23
- scaleToFitLargestSide(containing: Rectangle): number;
24
- scaleToFitSmallestSide(containing: Rectangle): number;
25
- clone(): Rectangle;
26
- }
27
- export declare class Bounds extends Rectangle {
28
- readonly x: number;
29
- readonly y: number;
30
- readonly width: number;
31
- readonly height: number;
32
- constructor(x: number, y: number, width: number, height: number);
33
- get origin(): Vector2;
34
- get corner(): Vector2;
35
- get center(): Vector2;
36
- get rect(): Rectangle;
37
- get left(): number;
38
- get top(): number;
39
- get right(): number;
40
- get bottom(): number;
41
- flipped(): Bounds;
42
- scaled(scale: number): Bounds;
43
- relativeTo(bounds: Bounds): Bounds;
44
- clone(): Bounds;
45
- map(fn: (value: number) => number): Bounds;
46
- hFlipWithin(containerBounds: Bounds): Bounds;
47
- vFlipWithin(containerBounds: Bounds): Bounds;
48
- rotate90DegWithin(containerBounds: Bounds): Bounds;
49
- translated(xDelta: number, yDelta: number): Bounds;
50
- equals(bounds: Bounds): boolean;
51
- }
52
- export declare class Camera {
53
- readonly viewport: Rectangle;
54
- readonly originalImg: Rectangle;
55
- constructor(viewport: Rectangle, originalImg: Rectangle);
56
- resizedViewport(newViewport: Rectangle): Camera;
57
- get scaleToFit(): number;
58
- get scaleDownToFit(): number;
59
- get fittedImg(): Rectangle;
60
- scaledImg(newScale: number): Rectangle;
61
- scaledOffset(prevOffset: Vector2, prevScale: number, newScale: number): Vector2;
62
- }
@@ -1 +0,0 @@
1
- export declare const hideControlsClassName = "mvng-hide-controls";
@@ -1,8 +0,0 @@
1
- import type { SupportedLanguages } from '@atlaskit/code/types';
2
- /**
3
- * Given an item, it grabs the file name of that item. For example, an item with the filename item.txt
4
- * would return the extension txt
5
- */
6
- export declare function getExtension(filename: string): string;
7
- export declare function isCodeViewerItem(name: string, mimetype?: string): boolean;
8
- export declare function getLanguageType(name: string, mimetype?: string): SupportedLanguages | null;
@@ -1,5 +0,0 @@
1
- import { ScreenAttributes, ScreenEventPayload } from '@atlaskit/media-common';
2
- import { PlaybackState, WithPlaybackAttributes } from '../../utils/playbackAttributes';
3
- import { CustomMediaPlayerType, WithCustomMediaPlayerType } from '../../../types';
4
- export declare type CustomMediaPlayerScreenEventPayload = ScreenEventPayload<ScreenAttributes & WithPlaybackAttributes & WithCustomMediaPlayerType, 'customMediaPlayerScreen'>;
5
- export declare const createCustomMediaPlayerScreenEvent: (type: CustomMediaPlayerType, playbackState: PlaybackState, fileId?: string | undefined) => CustomMediaPlayerScreenEventPayload;
@@ -1,5 +0,0 @@
1
- import { TrackAttributes, TrackEventPayload } from '@atlaskit/media-common';
2
- import { PlaybackState, WithPlaybackAttributes } from '../../utils/playbackAttributes';
3
- import { CustomMediaPlayerType, WithCustomMediaPlayerType } from '../../../types';
4
- export declare type FirstPlayedTrackEventPayload = TrackEventPayload<TrackAttributes & WithPlaybackAttributes & WithCustomMediaPlayerType, 'firstPlayed', 'customMediaPlayer'>;
5
- export declare const createFirstPlayedTrackEvent: (type: CustomMediaPlayerType, playbackState: PlaybackState, fileId?: string | undefined) => FirstPlayedTrackEventPayload;
@@ -1,5 +0,0 @@
1
- import { TrackAttributes, TrackEventPayload } from '@atlaskit/media-common';
2
- import { PlaybackState, WithPlaybackAttributes } from '../../utils/playbackAttributes';
3
- import { CustomMediaPlayerType, WithCustomMediaPlayerType } from '../../../types';
4
- export declare type PlayedTrackEventPayload = TrackEventPayload<TrackAttributes & WithPlaybackAttributes & WithCustomMediaPlayerType, 'played', 'customMediaPlayer'>;
5
- export declare const createPlayedTrackEvent: (type: CustomMediaPlayerType, playbackState: PlaybackState, fileId?: string | undefined) => PlayedTrackEventPayload;
@@ -1,5 +0,0 @@
1
- import { UIAttributes, UIEventPayload } from '@atlaskit/media-common';
2
- import { PlaybackState, WithPlaybackAttributes } from '../../utils/playbackAttributes';
3
- import { CustomMediaPlayerType, WithCustomMediaPlayerType } from '../../../types';
4
- export declare type MediaButtonClickEventPayload = UIEventPayload<UIAttributes & WithPlaybackAttributes & WithCustomMediaPlayerType, 'clicked', 'button'>;
5
- export declare function createMediaButtonClickedEvent(type: CustomMediaPlayerType, playbackState: PlaybackState, buttonType?: string, fileId?: string): MediaButtonClickEventPayload;
@@ -1,5 +0,0 @@
1
- import { UIAttributes, UIEventPayload } from '@atlaskit/media-common';
2
- import { PlaybackState, WithPlaybackAttributes } from '../../utils/playbackAttributes';
3
- import { CustomMediaPlayerType, WithCustomMediaPlayerType } from '../../../types';
4
- export declare type PlayPauseBlanketClickEventPayload = UIEventPayload<UIAttributes & WithPlaybackAttributes & WithCustomMediaPlayerType, 'clicked', 'playPauseBlanket'>;
5
- export declare function createPlayPauseBlanketClickedEvent(type: CustomMediaPlayerType, playbackState: PlaybackState, fileId?: string): PlayPauseBlanketClickEventPayload;
@@ -1,5 +0,0 @@
1
- import { UIAttributes, UIEventPayload } from '@atlaskit/media-common';
2
- import { PlaybackState, WithPlaybackAttributes } from '../../utils/playbackAttributes';
3
- import { CustomMediaPlayerType, WithCustomMediaPlayerType } from '../../../types';
4
- export declare type PlaybackSpeedChangeEventPayload = UIEventPayload<UIAttributes & WithPlaybackAttributes & WithCustomMediaPlayerType, 'changed', 'playbackSpeed'>;
5
- export declare function createPlaybackSpeedChangedEvent(type: CustomMediaPlayerType, playbackState: PlaybackState, fileId?: string): PlaybackSpeedChangeEventPayload;
@@ -1,5 +0,0 @@
1
- import { UIAttributes, UIEventPayload } from '@atlaskit/media-common';
2
- import { PlaybackState, WithPlaybackAttributes } from '../../utils/playbackAttributes';
3
- import { CustomMediaPlayerType, WithCustomMediaPlayerType } from '../../../types';
4
- export declare type ShortcutPressEventPayload = UIEventPayload<UIAttributes & WithPlaybackAttributes & WithCustomMediaPlayerType, 'pressed', 'shortcut'>;
5
- export declare function createMediaShortcutPressedEvent(type: CustomMediaPlayerType, playbackState: PlaybackState, shortcutType?: string, fileId?: string): ShortcutPressEventPayload;
@@ -1,5 +0,0 @@
1
- import { UIAttributes, UIEventPayload } from '@atlaskit/media-common';
2
- import { PlaybackState, WithPlaybackAttributes } from '../../utils/playbackAttributes';
3
- import { CustomMediaPlayerType, WithCustomMediaPlayerType } from '../../../types';
4
- export declare type TimeRangeNavigateEventPayload = UIEventPayload<UIAttributes & WithPlaybackAttributes & WithCustomMediaPlayerType, 'navigated', 'timeRange'>;
5
- export declare function createTimeRangeNavigatedEvent(type: CustomMediaPlayerType, playbackState: PlaybackState, actionSubjectId?: string, fileId?: string): TimeRangeNavigateEventPayload;
@@ -1,11 +0,0 @@
1
- export { createCustomMediaPlayerScreenEvent } from './events/screen/customMediaPlayer';
2
- export { createMediaButtonClickedEvent } from './events/ui/mediaButtonClicked';
3
- export { createPlaybackSpeedChangedEvent } from './events/ui/playbackSpeedChanged';
4
- export { createPlayPauseBlanketClickedEvent } from './events/ui/playPauseBlanketClicked';
5
- export { createMediaShortcutPressedEvent } from './events/ui/shortcutPressed';
6
- export { createTimeRangeNavigatedEvent } from './events/ui/timeRangeNavigated';
7
- export { createFirstPlayedTrackEvent } from './events/track/playCount';
8
- export { createPlayedTrackEvent } from './events/track/played';
9
- export type { CustomMediaPlayerUIEvent, CustomMediaPlayerUIEventPayload, CustomMediaPlayerAnalyticsEventPayload, } from './utils/analytics';
10
- export { createAndFireMediaCustomMediaPlayerEvent, fireAnalyticsEvent, relevantFeatureFlagNames, } from './utils/analytics';
11
- export type { PlaybackAttributes, PlaybackState, WithPlaybackProps, WithMediaPlayerState, } from './utils/playbackAttributes';
@@ -1,19 +0,0 @@
1
- import { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
2
- import { MediaFeatureFlags, UIAttributes, UIEventPayload } from '@atlaskit/media-common';
3
- import { CustomMediaPlayerScreenEventPayload } from '../events/screen/customMediaPlayer';
4
- import { MediaButtonClickEventPayload } from '../events/ui/mediaButtonClicked';
5
- import { PlaybackSpeedChangeEventPayload } from '../events/ui/playbackSpeedChanged';
6
- import { PlayPauseBlanketClickEventPayload } from '../events/ui/playPauseBlanketClicked';
7
- import { ShortcutPressEventPayload } from '../events/ui/shortcutPressed';
8
- import { TimeRangeNavigateEventPayload } from '../events/ui/timeRangeNavigated';
9
- import { FirstPlayedTrackEventPayload } from '../events/track/playCount';
10
- import { PlayedTrackEventPayload } from '../events/track/played';
11
- import { CustomMediaPlayerType } from '../../types';
12
- export declare type CustomMediaPlayerUIEventPayload = UIEventPayload<UIAttributes & {
13
- type: CustomMediaPlayerType;
14
- }, 'default', 'customMediaPlayer'>;
15
- export declare type CustomMediaPlayerUIEvent = 'mediaButtonClick' | 'shortcutPress' | 'playPauseBlanketClick' | 'timeRangeNavigate' | 'volumeRangeNavigate' | 'playbackSpeedChange';
16
- export declare type CustomMediaPlayerAnalyticsEventPayload = CustomMediaPlayerScreenEventPayload | MediaButtonClickEventPayload | PlaybackSpeedChangeEventPayload | PlayPauseBlanketClickEventPayload | ShortcutPressEventPayload | TimeRangeNavigateEventPayload | CustomMediaPlayerUIEventPayload | FirstPlayedTrackEventPayload | PlayedTrackEventPayload;
17
- export declare const relevantFeatureFlagNames: Array<keyof MediaFeatureFlags>;
18
- export declare function fireAnalyticsEvent(payload: CustomMediaPlayerAnalyticsEventPayload, createAnalyticsEvent?: CreateUIAnalyticsEvent): void;
19
- export declare const createAndFireMediaCustomMediaPlayerEvent: (payload: CustomMediaPlayerAnalyticsEventPayload) => (createAnalyticsEvent: CreateUIAnalyticsEvent) => import("@atlaskit/analytics-next").UIAnalyticsEvent;
@@ -1,24 +0,0 @@
1
- import { VideoState, VideoStatus } from 'react-video-renderer';
2
- export declare type WithPlaybackProps = {
3
- readonly isAutoPlay: boolean;
4
- readonly isHDAvailable?: boolean;
5
- readonly isHDActive?: boolean;
6
- };
7
- export declare type WithMediaPlayerState = {
8
- playerSize: 'small' | 'medium' | 'large';
9
- isFullScreenEnabled: boolean;
10
- playbackSpeed: number;
11
- };
12
- export declare type PlaybackState = WithPlaybackProps & WithMediaPlayerState & Partial<VideoState>;
13
- export declare type PlaybackAttributes = WithPlaybackProps & WithMediaPlayerState & {
14
- durationInSec?: number;
15
- absoluteTimeInSec?: number;
16
- relativeTime?: number;
17
- status?: VideoStatus;
18
- volume?: number;
19
- isMuted?: boolean;
20
- };
21
- export declare type WithPlaybackAttributes = {
22
- playbackAttributes: Partial<PlaybackAttributes>;
23
- };
24
- export declare function createPlaybackAttributes(playbackState: PlaybackState): Partial<PlaybackAttributes>;
@@ -1,5 +0,0 @@
1
- export declare const findVendorSpecificProp: (object: any, propNames: string | string[]) => any;
2
- export declare const requestFullscreen: (element: HTMLElement) => void;
3
- export declare const exitFullscreen: () => void;
4
- export declare const getFullscreenElement: () => HTMLElement | undefined;
5
- export declare const toggleFullscreen: (element?: HTMLElement | undefined) => void;
@@ -1 +0,0 @@
1
- export declare const getControlsWrapperClassName: (wasPlayedOnce: boolean) => "mvng-hide-controls" | "";
@@ -1,4 +0,0 @@
1
- /// <reference types="react" />
2
- import type { GlyphProps } from '@atlaskit/icon/types';
3
- export declare function SkipTenBackwardIcon(props: GlyphProps): JSX.Element;
4
- export declare function SkipTenForwardIcon(props: GlyphProps): JSX.Element;
@@ -1,76 +0,0 @@
1
- import React from 'react';
2
- import { Component } from 'react';
3
- import { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
4
- import { MediaFeatureFlags } from '@atlaskit/media-common';
5
- import { NumericalCardDimensions } from '@atlaskit/media-common';
6
- import { CustomMediaPlayerType } from './types';
7
- import { WithPlaybackProps, WithMediaPlayerState } from './analytics';
8
- import { WrappedComponentProps } from 'react-intl-next';
9
- import { WithShowControlMethodProp } from '../types';
10
- import { TimeSaverConfig } from './timeSaver';
11
- export interface CustomMediaPlayerProps extends WithPlaybackProps, WithShowControlMethodProp {
12
- readonly type: CustomMediaPlayerType;
13
- readonly src: string;
14
- readonly fileId?: string;
15
- readonly onHDToggleClick?: () => void;
16
- readonly isShortcutEnabled?: boolean;
17
- readonly lastWatchTimeConfig?: TimeSaverConfig;
18
- readonly onCanPlay?: () => void;
19
- readonly onError?: () => void;
20
- readonly onDownloadClick?: () => void;
21
- readonly onFirstPlay?: () => void;
22
- readonly onFullscreenChange?: (fullscreen: boolean) => void;
23
- readonly originalDimensions?: NumericalCardDimensions;
24
- readonly featureFlags?: MediaFeatureFlags;
25
- readonly poster?: string;
26
- }
27
- export interface CustomMediaPlayerState extends WithMediaPlayerState {
28
- }
29
- export declare type Action = () => void;
30
- export declare class CustomMediaPlayerBase extends Component<CustomMediaPlayerProps & WrappedComponentProps & WithAnalyticsEventsProps, CustomMediaPlayerState> {
31
- videoWrapperRef: React.RefObject<HTMLDivElement>;
32
- private actions?;
33
- private videoState;
34
- private wasPlayedOnce;
35
- private lastCurrentTime;
36
- private readonly timeSaver;
37
- private clickToTogglePlayTimoutId;
38
- state: CustomMediaPlayerState;
39
- componentDidMount(): void;
40
- componentWillUnmount(): void;
41
- private onFullScreenChange;
42
- private onTimeChanged;
43
- private onVolumeChanged;
44
- private onCurrentTimeChange;
45
- private renderCurrentTime;
46
- private renderHDButton;
47
- private onPlaybackSpeedChange;
48
- private renderSpeedControls;
49
- private renderVolume;
50
- private toggleFullscreen;
51
- private onFullScreenButtonClick;
52
- private onResize;
53
- private renderFullScreenButton;
54
- private renderDownloadButton;
55
- private renderShortcuts;
56
- private renderPlayPauseButton;
57
- private renderSkipBackwardButton;
58
- private renderSkipForwardButton;
59
- private renderSpinner;
60
- private setActions;
61
- pause: () => void;
62
- private play;
63
- private getMediaButtonClickHandler;
64
- private getKeyboardShortcutHandler;
65
- private createAndFireUIEvent;
66
- private onViewed;
67
- private resetPendingPlayPauseToggleTimer;
68
- private doubleClickToFullscreen;
69
- private togglePlayByBlanketClick;
70
- private startPlayByBlanketClick;
71
- private pausePlayByBlanketClick;
72
- private startPlayByButtonClick;
73
- private pausePlayByButtonClick;
74
- render(): JSX.Element;
75
- }
76
- export declare const CustomMediaPlayer: React.ComponentType<CustomMediaPlayerProps & WithAnalyticsEventsProps>;
@@ -1,2 +0,0 @@
1
- /// <reference types="react" />
2
- export declare const PlayPauseBlanket: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
@@ -1,23 +0,0 @@
1
- import React from 'react';
2
- import { Component } from 'react';
3
- import { NumericalCardDimensions } from '@atlaskit/media-common';
4
- import { WrappedComponentProps } from 'react-intl-next';
5
- export interface PlaybackSpeedControlsProps {
6
- playbackSpeed: number;
7
- onPlaybackSpeedChange: (playbackSpeed: number) => void;
8
- originalDimensions?: NumericalCardDimensions;
9
- onClick?: () => void;
10
- }
11
- export interface PlaybackSpeedControlsState {
12
- popupHeight: number;
13
- }
14
- export declare class PlaybackSpeedControls extends Component<PlaybackSpeedControlsProps & WrappedComponentProps, PlaybackSpeedControlsState> {
15
- state: PlaybackSpeedControlsState;
16
- private onPlaybackSpeedChange;
17
- private speedOptions;
18
- private popupCustomStyles;
19
- private onResize;
20
- render(): JSX.Element;
21
- }
22
- declare const _default: React.FC<PlaybackSpeedControlsProps>;
23
- export default _default;
@@ -1,9 +0,0 @@
1
- export interface Pausable {
2
- pause: () => any;
3
- }
4
- declare const _default: {
5
- pauseOthers: (player: Pausable) => void;
6
- subscribe: (player: Pausable) => void;
7
- unsubscribe: (player: Pausable) => void;
8
- };
9
- export default _default;
@@ -1,33 +0,0 @@
1
- /// <reference types="react" />
2
- export interface MutedIndicatorProps {
3
- isMuted: boolean;
4
- }
5
- export declare const CustomVideoWrapper: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
6
- export declare const VideoWrapper: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
7
- export declare const TimebarWrapper: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
8
- declare type VolumeWrapperProps = {
9
- showSlider: boolean;
10
- };
11
- export declare const VolumeWrapper: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, VolumeWrapperProps, object>;
12
- export declare const TimeWrapper: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
13
- export declare const CurrentTime: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
14
- interface WithAsActiveProps {
15
- showAsActive: boolean;
16
- }
17
- export declare const TimeLine: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
18
- export declare const CurrentTimeLine: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
19
- export declare const Thumb: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
20
- export declare const BufferedTime: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
21
- export declare const LeftControls: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
22
- export declare const RightControls: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
23
- export declare const ControlsWrapper: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
24
- export declare const VolumeToggleWrapper: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, MutedIndicatorProps, object>;
25
- export declare const VolumeTimeRangeWrapper: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
26
- export declare const MutedIndicator: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, MutedIndicatorProps, object>;
27
- export interface CurrentTimeTooltipProps {
28
- isDragging: boolean;
29
- }
30
- export declare const CurrentTimeTooltip: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, CurrentTimeTooltipProps, object>;
31
- export declare const TimeRangeWrapper: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, WithAsActiveProps, object>;
32
- export declare const SpinnerWrapper: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
33
- export {};
@@ -1,29 +0,0 @@
1
- import React from 'react';
2
- import { Component } from 'react';
3
- export interface TimeRangeProps {
4
- currentTime: number;
5
- bufferedTime: number;
6
- duration: number;
7
- onChange: (newTime: number) => void;
8
- disableThumbTooltip: boolean;
9
- isAlwaysActive: boolean;
10
- onChanged?: () => void;
11
- }
12
- export interface TimeRangeState {
13
- isDragging: boolean;
14
- dragStartClientX: number;
15
- }
16
- export declare class TimeRange extends Component<TimeRangeProps, TimeRangeState> {
17
- thumbElement: React.RefObject<HTMLDivElement>;
18
- wrapperElement: React.RefObject<HTMLDivElement>;
19
- wrapperElementWidth: number;
20
- state: TimeRangeState;
21
- static defaultProps: Partial<TimeRangeProps>;
22
- componentDidMount(): void;
23
- componentWillUnmount(): void;
24
- private setWrapperWidth;
25
- onMouseMove: (e: MouseEvent) => void;
26
- onMouseUp: () => void;
27
- onThumbMouseDown: (e: React.SyntheticEvent<HTMLDivElement>) => void;
28
- render(): JSX.Element;
29
- }
@@ -1,14 +0,0 @@
1
- export interface TimeSaverConfig {
2
- contentId: string;
3
- }
4
- /**
5
- * Modules that stores watch time (a number) in local storage by unique identifier.
6
- * Used in Custom Media Player to enable the feature where a user would resume watching
7
- * from where they left off.
8
- */
9
- export declare class TimeSaver {
10
- readonly config?: TimeSaverConfig | undefined;
11
- constructor(config?: TimeSaverConfig | undefined);
12
- get defaultTime(): number;
13
- set defaultTime(time: number);
14
- }
@@ -1,4 +0,0 @@
1
- export declare type CustomMediaPlayerType = 'audio' | 'video';
2
- export declare type WithCustomMediaPlayerType = {
3
- type: CustomMediaPlayerType;
4
- };
@@ -1,12 +0,0 @@
1
- export interface WrapperProps {
2
- inline?: boolean;
3
- }
4
- export interface EllipsifyProps {
5
- text?: string;
6
- lines: number;
7
- endLength?: number;
8
- inline?: boolean;
9
- testId?: string;
10
- }
11
- export declare const Ellipsify: ({ text, lines, endLength, inline, testId, }: EllipsifyProps) => JSX.Element;
12
- export default Ellipsify;