@atlaskit/media-ui 20.1.0 → 21.1.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.
- package/CHANGELOG.md +32 -0
- package/dist/cjs/MediaInlineCard/IconAndTitleLayout/styled.js +2 -2
- package/dist/cjs/codeViewer.js +21 -2
- package/dist/cjs/util.js +1 -1
- package/dist/cjs/version.json +1 -1
- package/dist/es2019/MediaInlineCard/IconAndTitleLayout/styled.js +2 -4
- package/dist/es2019/codeViewer.js +18 -3
- package/dist/es2019/util.js +1 -1
- package/dist/es2019/version.json +1 -1
- package/dist/esm/MediaInlineCard/IconAndTitleLayout/styled.js +2 -2
- package/dist/esm/codeViewer.js +20 -2
- package/dist/esm/util.js +1 -1
- package/dist/esm/version.json +1 -1
- package/dist/types/MediaInlineCard/Icon.d.ts +2 -2
- package/dist/types/MediaInlineCard/IconAndTitleLayout/styled.d.ts +9 -9
- package/dist/types/MediaInlineCard/LoadingView/styled.d.ts +3 -3
- package/dist/types/MediaInlineCard/styled.d.ts +1 -1
- package/dist/types/codeViewer.d.ts +2 -2
- package/dist/types/customMediaPlayer/playPauseBlanket.d.ts +1 -1
- package/dist/types/customMediaPlayer/styled.d.ts +14 -14
- package/dist/types/formatDate.d.ts +1 -8
- package/dist/types/modalSpinner.d.ts +2 -2
- package/dist/types/truncateText.d.ts +4 -2
- package/package.json +7 -10
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,37 @@
|
|
|
1
1
|
# @atlaskit/media-ui
|
|
2
2
|
|
|
3
|
+
## 21.1.1
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [`cb2392f6d33`](https://bitbucket.org/atlassian/atlassian-frontend/commits/cb2392f6d33) - Upgrade to TypeScript 4.2.4
|
|
8
|
+
- Updated dependencies
|
|
9
|
+
|
|
10
|
+
## 21.1.0
|
|
11
|
+
|
|
12
|
+
### Minor Changes
|
|
13
|
+
|
|
14
|
+
- [`5a79ea6f7d6`](https://bitbucket.org/atlassian/atlassian-frontend/commits/5a79ea6f7d6) - Add support for assessing the mimetype of a file when deciding what viewer to show
|
|
15
|
+
|
|
16
|
+
### Patch Changes
|
|
17
|
+
|
|
18
|
+
- Updated dependencies
|
|
19
|
+
|
|
20
|
+
## 21.0.0
|
|
21
|
+
|
|
22
|
+
### Major Changes
|
|
23
|
+
|
|
24
|
+
- [`e579e144052`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e579e144052) - [ux] EDM-2821: Fix media inline wrap after icon
|
|
25
|
+
|
|
26
|
+
### Minor Changes
|
|
27
|
+
|
|
28
|
+
- [`0c27d2645ad`](https://bitbucket.org/atlassian/atlassian-frontend/commits/0c27d2645ad) - Removed unused dependencies
|
|
29
|
+
|
|
30
|
+
### Patch Changes
|
|
31
|
+
|
|
32
|
+
- [`fb1cf506701`](https://bitbucket.org/atlassian/atlassian-frontend/commits/fb1cf506701) - [ux] ED-14487: polyfill ResizeObserver and IntersectionObserver for unit tests, but mock isIntersectionObserverSupported() for tests related to smart-cards
|
|
33
|
+
- Updated dependencies
|
|
34
|
+
|
|
3
35
|
## 20.1.0
|
|
4
36
|
|
|
5
37
|
### Minor Changes
|
|
@@ -33,12 +33,12 @@ exports.IconWrapper = IconWrapper;
|
|
|
33
33
|
|
|
34
34
|
var EmojiWrapper = _styled.default.span(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n display: inline-block;\n margin-right: 2px;\n user-select: none;\n ", "\n ", "\n"])), IconOverrides, IconObjectOverrides); // The main 'wrapping' element, title of the content.
|
|
35
35
|
// NB: `white-space` adds little whitespace before wrapping.
|
|
36
|
-
// NB: `
|
|
36
|
+
// NB: `word-break` line breaks as soon as an overflow takes place.
|
|
37
37
|
|
|
38
38
|
|
|
39
39
|
exports.EmojiWrapper = EmojiWrapper;
|
|
40
40
|
|
|
41
|
-
var IconTitleWrapper = _styled.default.span(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n
|
|
41
|
+
var IconTitleWrapper = _styled.default.span(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n white-space: pre-wrap;\n word-break: break-all;\n"]))); // TODO: Replace overrides with proper AtlasKit solution.
|
|
42
42
|
|
|
43
43
|
|
|
44
44
|
exports.IconTitleWrapper = IconTitleWrapper;
|
package/dist/cjs/codeViewer.js
CHANGED
|
@@ -19,8 +19,17 @@ function getExtension(filename) {
|
|
|
19
19
|
return '';
|
|
20
20
|
}
|
|
21
21
|
|
|
22
|
+
var codeViewerMimeTypes = [{
|
|
23
|
+
mimetype: 'application/json',
|
|
24
|
+
language: 'json'
|
|
25
|
+
}, {
|
|
26
|
+
mimetype: 'text/html',
|
|
27
|
+
language: 'html'
|
|
28
|
+
}];
|
|
29
|
+
|
|
22
30
|
function isCodeViewerItem(name) {
|
|
23
|
-
|
|
31
|
+
var mimetype = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'unknown';
|
|
32
|
+
return getLanguageType(name, mimetype) !== null;
|
|
24
33
|
}
|
|
25
34
|
/*
|
|
26
35
|
* Given an item, it assigns the corresponding language for that item if it is a code item. For example, an item with the filename test.py
|
|
@@ -28,7 +37,17 @@ function isCodeViewerItem(name) {
|
|
|
28
37
|
*/
|
|
29
38
|
|
|
30
39
|
|
|
31
|
-
function getLanguageType(name) {
|
|
40
|
+
function getLanguageType(name, mimetype) {
|
|
41
|
+
if (mimetype) {
|
|
42
|
+
var languageForMimeType = codeViewerMimeTypes.find(function (x) {
|
|
43
|
+
return x.mimetype === mimetype;
|
|
44
|
+
});
|
|
45
|
+
|
|
46
|
+
if (languageForMimeType) {
|
|
47
|
+
return languageForMimeType.language;
|
|
48
|
+
}
|
|
49
|
+
}
|
|
50
|
+
|
|
32
51
|
var ext = getExtension(name);
|
|
33
52
|
|
|
34
53
|
switch (ext) {
|
package/dist/cjs/util.js
CHANGED
|
@@ -328,7 +328,7 @@ function getMimeIcon(mimeType, fileName) {
|
|
|
328
328
|
return iconInfo;
|
|
329
329
|
}
|
|
330
330
|
|
|
331
|
-
if ((0, _codeViewer.isCodeViewerItem)(fileName)) {
|
|
331
|
+
if ((0, _codeViewer.isCodeViewerItem)(fileName, mimeType)) {
|
|
332
332
|
return {
|
|
333
333
|
label: 'source-code',
|
|
334
334
|
icon: _15.default
|
package/dist/cjs/version.json
CHANGED
|
@@ -52,13 +52,11 @@ export const EmojiWrapper = styled.span`
|
|
|
52
52
|
${IconObjectOverrides}
|
|
53
53
|
`; // The main 'wrapping' element, title of the content.
|
|
54
54
|
// NB: `white-space` adds little whitespace before wrapping.
|
|
55
|
-
// NB: `
|
|
55
|
+
// NB: `word-break` line breaks as soon as an overflow takes place.
|
|
56
56
|
|
|
57
57
|
export const IconTitleWrapper = styled.span`
|
|
58
|
-
hyphens: auto;
|
|
59
58
|
white-space: pre-wrap;
|
|
60
|
-
|
|
61
|
-
word-break: break-word;
|
|
59
|
+
word-break: break-all;
|
|
62
60
|
`; // TODO: Replace overrides with proper AtlasKit solution.
|
|
63
61
|
|
|
64
62
|
export const LozengeWrapper = styled.span`
|
|
@@ -9,15 +9,30 @@ export function getExtension(filename) {
|
|
|
9
9
|
|
|
10
10
|
return '';
|
|
11
11
|
}
|
|
12
|
-
|
|
13
|
-
|
|
12
|
+
const codeViewerMimeTypes = [{
|
|
13
|
+
mimetype: 'application/json',
|
|
14
|
+
language: 'json'
|
|
15
|
+
}, {
|
|
16
|
+
mimetype: 'text/html',
|
|
17
|
+
language: 'html'
|
|
18
|
+
}];
|
|
19
|
+
export function isCodeViewerItem(name, mimetype = 'unknown') {
|
|
20
|
+
return getLanguageType(name, mimetype) !== null;
|
|
14
21
|
}
|
|
15
22
|
/*
|
|
16
23
|
* Given an item, it assigns the corresponding language for that item if it is a code item. For example, an item with the filename test.py
|
|
17
24
|
* would return the language 'python'. If an item is not a code item, the language returned is 'null'.
|
|
18
25
|
*/
|
|
19
26
|
|
|
20
|
-
export function getLanguageType(name) {
|
|
27
|
+
export function getLanguageType(name, mimetype) {
|
|
28
|
+
if (mimetype) {
|
|
29
|
+
const languageForMimeType = codeViewerMimeTypes.find(x => x.mimetype === mimetype);
|
|
30
|
+
|
|
31
|
+
if (languageForMimeType) {
|
|
32
|
+
return languageForMimeType.language;
|
|
33
|
+
}
|
|
34
|
+
}
|
|
35
|
+
|
|
21
36
|
const ext = getExtension(name);
|
|
22
37
|
|
|
23
38
|
switch (ext) {
|
package/dist/es2019/util.js
CHANGED
package/dist/es2019/version.json
CHANGED
|
@@ -17,9 +17,9 @@ export var IconWrapper = styled.span(_templateObject || (_templateObject = _tagg
|
|
|
17
17
|
|
|
18
18
|
export var EmojiWrapper = styled.span(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n display: inline-block;\n margin-right: 2px;\n user-select: none;\n ", "\n ", "\n"])), IconOverrides, IconObjectOverrides); // The main 'wrapping' element, title of the content.
|
|
19
19
|
// NB: `white-space` adds little whitespace before wrapping.
|
|
20
|
-
// NB: `
|
|
20
|
+
// NB: `word-break` line breaks as soon as an overflow takes place.
|
|
21
21
|
|
|
22
|
-
export var IconTitleWrapper = styled.span(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n
|
|
22
|
+
export var IconTitleWrapper = styled.span(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n white-space: pre-wrap;\n word-break: break-all;\n"]))); // TODO: Replace overrides with proper AtlasKit solution.
|
|
23
23
|
|
|
24
24
|
export var LozengeWrapper = styled.span(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n display: inline-block;\n vertical-align: 1px;\n & > span {\n margin-left: 4px;\n padding: 2px 0 2px 0;\n }\n"]))); // TODO: Replace overrides with proper AtlasKit solution.
|
|
25
25
|
|
package/dist/esm/codeViewer.js
CHANGED
|
@@ -9,15 +9,33 @@ export function getExtension(filename) {
|
|
|
9
9
|
|
|
10
10
|
return '';
|
|
11
11
|
}
|
|
12
|
+
var codeViewerMimeTypes = [{
|
|
13
|
+
mimetype: 'application/json',
|
|
14
|
+
language: 'json'
|
|
15
|
+
}, {
|
|
16
|
+
mimetype: 'text/html',
|
|
17
|
+
language: 'html'
|
|
18
|
+
}];
|
|
12
19
|
export function isCodeViewerItem(name) {
|
|
13
|
-
|
|
20
|
+
var mimetype = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'unknown';
|
|
21
|
+
return getLanguageType(name, mimetype) !== null;
|
|
14
22
|
}
|
|
15
23
|
/*
|
|
16
24
|
* Given an item, it assigns the corresponding language for that item if it is a code item. For example, an item with the filename test.py
|
|
17
25
|
* would return the language 'python'. If an item is not a code item, the language returned is 'null'.
|
|
18
26
|
*/
|
|
19
27
|
|
|
20
|
-
export function getLanguageType(name) {
|
|
28
|
+
export function getLanguageType(name, mimetype) {
|
|
29
|
+
if (mimetype) {
|
|
30
|
+
var languageForMimeType = codeViewerMimeTypes.find(function (x) {
|
|
31
|
+
return x.mimetype === mimetype;
|
|
32
|
+
});
|
|
33
|
+
|
|
34
|
+
if (languageForMimeType) {
|
|
35
|
+
return languageForMimeType.language;
|
|
36
|
+
}
|
|
37
|
+
}
|
|
38
|
+
|
|
21
39
|
var ext = getExtension(name);
|
|
22
40
|
|
|
23
41
|
switch (ext) {
|
package/dist/esm/util.js
CHANGED
package/dist/esm/version.json
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
export declare const Icon: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>,
|
|
3
|
-
export declare const AKIconWrapper: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>,
|
|
2
|
+
export declare const Icon: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, import("@emotion/styled-base/types/helper").Omit<import("react").ClassAttributes<HTMLImageElement> & import("react").ImgHTMLAttributes<HTMLImageElement>, keyof import("react").ClassAttributes<any>>, any>;
|
|
3
|
+
export declare const AKIconWrapper: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, import("@emotion/styled-base/types/helper").Omit<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement>, keyof import("react").ClassAttributes<any>>, any>;
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
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
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>,
|
|
5
|
-
export declare const EmojiWrapper: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>,
|
|
6
|
-
export declare const IconTitleWrapper: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>,
|
|
7
|
-
export declare const LozengeWrapper: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>,
|
|
8
|
-
export declare const LozengeBlockWrapper: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>,
|
|
9
|
-
export declare const RightIconPositionWrapper: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>,
|
|
10
|
-
export declare const IconPositionWrapper: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>,
|
|
11
|
-
export declare const IconEmptyWrapper: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>,
|
|
12
|
-
export declare const TitleWrapper: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>,
|
|
4
|
+
export declare const IconWrapper: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, import("@emotion/styled-base/types/helper").Omit<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement>, keyof import("react").ClassAttributes<any>>, any>;
|
|
5
|
+
export declare const EmojiWrapper: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, import("@emotion/styled-base/types/helper").Omit<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement>, keyof import("react").ClassAttributes<any>>, any>;
|
|
6
|
+
export declare const IconTitleWrapper: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, import("@emotion/styled-base/types/helper").Omit<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement>, keyof import("react").ClassAttributes<any>>, any>;
|
|
7
|
+
export declare const LozengeWrapper: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, import("@emotion/styled-base/types/helper").Omit<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement>, keyof import("react").ClassAttributes<any>>, any>;
|
|
8
|
+
export declare const LozengeBlockWrapper: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, import("@emotion/styled-base/types/helper").Omit<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement>, keyof import("react").ClassAttributes<any>>, any>;
|
|
9
|
+
export declare const RightIconPositionWrapper: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, import("@emotion/styled-base/types/helper").Omit<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement>, keyof import("react").ClassAttributes<any>>, any>;
|
|
10
|
+
export declare const IconPositionWrapper: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, import("@emotion/styled-base/types/helper").Omit<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement>, keyof import("react").ClassAttributes<any>>, any>;
|
|
11
|
+
export declare const IconEmptyWrapper: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, import("@emotion/styled-base/types/helper").Omit<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement>, keyof import("react").ClassAttributes<any>>, any>;
|
|
12
|
+
export declare const TitleWrapper: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, import("@emotion/styled-base/types/helper").Omit<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement>, keyof import("react").ClassAttributes<any>>, any>;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
export declare const SpinnerWrapper: import("@emotion/styled-base").StyledComponent<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> &
|
|
2
|
+
export declare const SpinnerWrapper: import("@emotion/styled-base").StyledComponent<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & import("@emotion/styled-base/types/helper").Omit<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement>, keyof import("react").ClassAttributes<any>> & {
|
|
3
3
|
theme?: any;
|
|
4
|
-
} & import("react").Attributes,
|
|
4
|
+
} & import("react").Attributes, import("@emotion/styled-base/types/helper").Omit<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & import("@emotion/styled-base/types/helper").Omit<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement>, keyof import("react").ClassAttributes<any>> & {
|
|
5
5
|
theme?: any;
|
|
6
|
-
} & import("react").Attributes,
|
|
6
|
+
} & import("react").Attributes, keyof import("react").ClassAttributes<any>>, any>;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
export declare const NoLinkAppearance: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>,
|
|
2
|
+
export declare const NoLinkAppearance: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, import("@emotion/styled-base/types/helper").Omit<import("@emotion/styled-base/types/helper").Overwrapped<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, import("@atlaskit/theme").ThemeProps | undefined>, keyof import("react").ClassAttributes<any>>, any>;
|
|
@@ -4,5 +4,5 @@ import type { SupportedLanguages } from '@atlaskit/code/types';
|
|
|
4
4
|
* would return the extension txt
|
|
5
5
|
*/
|
|
6
6
|
export declare function getExtension(filename: string): string;
|
|
7
|
-
export declare function isCodeViewerItem(name: string): boolean;
|
|
8
|
-
export declare function getLanguageType(name: string): SupportedLanguages | null;
|
|
7
|
+
export declare function isCodeViewerItem(name: string, mimetype?: string): boolean;
|
|
8
|
+
export declare function getLanguageType(name: string, mimetype?: string): SupportedLanguages | null;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
export declare const PlayPauseBlanket: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>,
|
|
2
|
+
export declare const PlayPauseBlanket: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import("@emotion/styled-base/types/helper").Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").ClassAttributes<any>>, any>;
|
|
@@ -2,32 +2,32 @@
|
|
|
2
2
|
export interface MutedIndicatorProps {
|
|
3
3
|
isMuted: boolean;
|
|
4
4
|
}
|
|
5
|
-
export declare const CustomVideoWrapper: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>,
|
|
6
|
-
export declare const VideoWrapper: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>,
|
|
7
|
-
export declare const TimebarWrapper: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>,
|
|
5
|
+
export declare const CustomVideoWrapper: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import("@emotion/styled-base/types/helper").Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").ClassAttributes<any>>, any>;
|
|
6
|
+
export declare const VideoWrapper: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import("@emotion/styled-base/types/helper").Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").ClassAttributes<any>>, any>;
|
|
7
|
+
export declare const TimebarWrapper: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import("@emotion/styled-base/types/helper").Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").ClassAttributes<any>>, any>;
|
|
8
8
|
declare type VolumeWrapperProps = {
|
|
9
9
|
showSlider: boolean;
|
|
10
10
|
};
|
|
11
11
|
export declare const VolumeWrapper: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, VolumeWrapperProps, any>;
|
|
12
|
-
export declare const TimeWrapper: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>,
|
|
13
|
-
export declare const CurrentTime: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>,
|
|
12
|
+
export declare const TimeWrapper: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import("@emotion/styled-base/types/helper").Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").ClassAttributes<any>>, any>;
|
|
13
|
+
export declare const CurrentTime: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import("@emotion/styled-base/types/helper").Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").ClassAttributes<any>>, any>;
|
|
14
14
|
interface WithAsActiveProps {
|
|
15
15
|
showAsActive: boolean;
|
|
16
16
|
}
|
|
17
|
-
export declare const TimeLine: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>,
|
|
18
|
-
export declare const CurrentTimeLine: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>,
|
|
19
|
-
export declare const Thumb: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>,
|
|
20
|
-
export declare const BufferedTime: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>,
|
|
21
|
-
export declare const LeftControls: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>,
|
|
22
|
-
export declare const RightControls: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>,
|
|
23
|
-
export declare const ControlsWrapper: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>,
|
|
17
|
+
export declare const TimeLine: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import("@emotion/styled-base/types/helper").Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").ClassAttributes<any>>, any>;
|
|
18
|
+
export declare const CurrentTimeLine: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import("@emotion/styled-base/types/helper").Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").ClassAttributes<any>>, any>;
|
|
19
|
+
export declare const Thumb: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import("@emotion/styled-base/types/helper").Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").ClassAttributes<any>>, any>;
|
|
20
|
+
export declare const BufferedTime: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import("@emotion/styled-base/types/helper").Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").ClassAttributes<any>>, any>;
|
|
21
|
+
export declare const LeftControls: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import("@emotion/styled-base/types/helper").Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").ClassAttributes<any>>, any>;
|
|
22
|
+
export declare const RightControls: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import("@emotion/styled-base/types/helper").Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").ClassAttributes<any>>, any>;
|
|
23
|
+
export declare const ControlsWrapper: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import("@emotion/styled-base/types/helper").Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").ClassAttributes<any>>, any>;
|
|
24
24
|
export declare const VolumeToggleWrapper: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, MutedIndicatorProps, any>;
|
|
25
|
-
export declare const VolumeTimeRangeWrapper: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>,
|
|
25
|
+
export declare const VolumeTimeRangeWrapper: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import("@emotion/styled-base/types/helper").Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").ClassAttributes<any>>, any>;
|
|
26
26
|
export declare const MutedIndicator: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, MutedIndicatorProps, any>;
|
|
27
27
|
export interface CurrentTimeTooltipProps {
|
|
28
28
|
isDragging: boolean;
|
|
29
29
|
}
|
|
30
30
|
export declare const CurrentTimeTooltip: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, CurrentTimeTooltipProps, any>;
|
|
31
31
|
export declare const TimeRangeWrapper: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, WithAsActiveProps, any>;
|
|
32
|
-
export declare const SpinnerWrapper: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>,
|
|
32
|
+
export declare const SpinnerWrapper: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import("@emotion/styled-base/types/helper").Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").ClassAttributes<any>>, any>;
|
|
33
33
|
export {};
|
|
@@ -1,11 +1,4 @@
|
|
|
1
|
-
export declare const formatterOptions:
|
|
2
|
-
day: string;
|
|
3
|
-
month: string;
|
|
4
|
-
year: string;
|
|
5
|
-
hour: string;
|
|
6
|
-
minute: string;
|
|
7
|
-
hour12: boolean;
|
|
8
|
-
};
|
|
1
|
+
export declare const formatterOptions: Intl.DateTimeFormatOptions;
|
|
9
2
|
export declare type PartsFormatterOptions = {
|
|
10
3
|
day: string;
|
|
11
4
|
month: string;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
export declare const Blanket: import("@emotion/styled-base").StyledComponent<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>,
|
|
3
|
-
export declare const SpinnerWrapper: import("@emotion/styled-base").StyledComponent<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>,
|
|
2
|
+
export declare const Blanket: import("@emotion/styled-base").StyledComponent<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import("@emotion/styled-base/types/helper").Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement>, keyof React.ClassAttributes<any>>, any>;
|
|
3
|
+
export declare const SpinnerWrapper: import("@emotion/styled-base").StyledComponent<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import("@emotion/styled-base/types/helper").Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement>, keyof React.ClassAttributes<any>>, any>;
|
|
4
4
|
interface Props {
|
|
5
5
|
blankedColor?: string;
|
|
6
6
|
invertSpinnerColor?: boolean;
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
|
|
3
|
-
export declare const
|
|
2
|
+
declare type TruncateStyledProps = Omit<Required<TruncateProps>, 'text'>;
|
|
3
|
+
export declare const TruncateLeft: import("@emotion/styled-base").StyledComponent<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, TruncateStyledProps, any>;
|
|
4
|
+
export declare const TruncateRight: import("@emotion/styled-base").StyledComponent<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, TruncateStyledProps, any>;
|
|
4
5
|
export declare type TruncateProps = {
|
|
5
6
|
text: string;
|
|
6
7
|
fontSizePX?: number;
|
|
@@ -13,3 +14,4 @@ export declare type TruncateOutput = {
|
|
|
13
14
|
};
|
|
14
15
|
export declare const calculateTruncation: (text: string, startFixedChars: number, endFixedChars: number) => TruncateOutput;
|
|
15
16
|
export declare const Truncate: React.FC<TruncateProps>;
|
|
17
|
+
export {};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/media-ui",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "21.1.1",
|
|
4
4
|
"description": "Includes common components and utilities used by other media packages",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -40,17 +40,17 @@
|
|
|
40
40
|
},
|
|
41
41
|
"dependencies": {
|
|
42
42
|
"@atlaskit/analytics-next": "^8.2.0",
|
|
43
|
-
"@atlaskit/button": "^16.
|
|
43
|
+
"@atlaskit/button": "^16.3.0",
|
|
44
44
|
"@atlaskit/code": "^14.3.0",
|
|
45
45
|
"@atlaskit/icon": "^21.10.0",
|
|
46
46
|
"@atlaskit/icon-file-type": "^6.3.0",
|
|
47
47
|
"@atlaskit/locale": "^2.3.0",
|
|
48
|
-
"@atlaskit/media-common": "^2.
|
|
48
|
+
"@atlaskit/media-common": "^2.12.0",
|
|
49
49
|
"@atlaskit/select": "^15.2.0",
|
|
50
50
|
"@atlaskit/spinner": "^15.1.0",
|
|
51
51
|
"@atlaskit/theme": "^12.1.0",
|
|
52
52
|
"@atlaskit/tooltip": "^17.5.0",
|
|
53
|
-
"@atlaskit/width-detector": "^
|
|
53
|
+
"@atlaskit/width-detector": "^4.0.0",
|
|
54
54
|
"@babel/runtime": "^7.0.0",
|
|
55
55
|
"@emotion/core": "^10.0.9",
|
|
56
56
|
"@emotion/styled": "^10.0.7",
|
|
@@ -69,16 +69,13 @@
|
|
|
69
69
|
},
|
|
70
70
|
"devDependencies": {
|
|
71
71
|
"@atlaskit/analytics-listeners": "^8.2.0",
|
|
72
|
-
"@atlaskit/button": "^16.
|
|
72
|
+
"@atlaskit/button": "^16.3.0",
|
|
73
73
|
"@atlaskit/checkbox": "^12.3.0",
|
|
74
74
|
"@atlaskit/docs": "*",
|
|
75
|
-
"@atlaskit/field-base": "^15.0.5",
|
|
76
75
|
"@atlaskit/lozenge": "^11.1.0",
|
|
77
|
-
"@atlaskit/media-
|
|
78
|
-
"@atlaskit/media-test-helpers": "^29.2.0",
|
|
76
|
+
"@atlaskit/media-test-helpers": "^29.4.0",
|
|
79
77
|
"@atlaskit/page": "^12.1.0",
|
|
80
78
|
"@atlaskit/ssr": "*",
|
|
81
|
-
"@atlaskit/textfield": "^5.0.5",
|
|
82
79
|
"@atlaskit/visual-regression": "*",
|
|
83
80
|
"@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
|
|
84
81
|
"@testing-library/jest-dom": "^4.1.0",
|
|
@@ -92,7 +89,7 @@
|
|
|
92
89
|
"react": "^16.8.0",
|
|
93
90
|
"react-dom": "^16.8.0",
|
|
94
91
|
"react-intl-next": "npm:react-intl@^5.18.1",
|
|
95
|
-
"typescript": "
|
|
92
|
+
"typescript": "4.2.4",
|
|
96
93
|
"wait-for-expect": "^1.2.0"
|
|
97
94
|
},
|
|
98
95
|
"techstack": {
|