@atlaskit/media-file-preview 0.9.5 → 0.9.7
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 +15 -0
- package/dist/cjs/analytics.js +12 -23
- package/dist/cjs/useFilePreview.js +5 -6
- package/dist/es2019/analytics.js +20 -25
- package/dist/es2019/useFilePreview.js +6 -7
- package/dist/esm/analytics.js +14 -25
- package/dist/esm/useFilePreview.js +6 -7
- package/dist/types/useFilePreview.d.ts +1 -1
- package/dist/types-ts4.5/useFilePreview.d.ts +1 -1
- package/example-helpers/TerminalTextDisplay.tsx +2 -2
- package/package.json +6 -6
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,20 @@
|
|
|
1
1
|
# @atlaskit/media-file-preview
|
|
2
2
|
|
|
3
|
+
## 0.9.7
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- Updated dependencies
|
|
8
|
+
|
|
9
|
+
## 0.9.6
|
|
10
|
+
|
|
11
|
+
### Patch Changes
|
|
12
|
+
|
|
13
|
+
- [#102527](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/102527)
|
|
14
|
+
[`a90d34cd14faf`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/a90d34cd14faf) -
|
|
15
|
+
Updated ErrorFileState deserialisation and error logging
|
|
16
|
+
- Updated dependencies
|
|
17
|
+
|
|
3
18
|
## 0.9.5
|
|
4
19
|
|
|
5
20
|
### Patch Changes
|
package/dist/cjs/analytics.js
CHANGED
|
@@ -7,43 +7,32 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
7
7
|
exports.getRenderErrorFailReason = exports.getRenderErrorErrorReason = exports.getRenderErrorErrorDetail = exports.getErrorTraceContext = exports.extractErrorInfo = exports.createFailedSSRObject = void 0;
|
|
8
8
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
9
9
|
var _mediaClient = require("@atlaskit/media-client");
|
|
10
|
-
var _mediaClientReact = require("@atlaskit/media-client-react");
|
|
11
10
|
var _errors = require("./errors");
|
|
12
11
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
13
12
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
14
13
|
var getErrorTraceContext = exports.getErrorTraceContext = function getErrorTraceContext(error) {
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
} else if ((0, _mediaClientReact.isMediaFileStateError)(error.secondaryError)) {
|
|
20
|
-
var _error$secondaryError2;
|
|
21
|
-
return (_error$secondaryError2 = error.secondaryError.details) === null || _error$secondaryError2 === void 0 || (_error$secondaryError2 = _error$secondaryError2.metadata) === null || _error$secondaryError2 === void 0 ? void 0 : _error$secondaryError2.traceContext;
|
|
22
|
-
}
|
|
14
|
+
var secondaryError = error.secondaryError;
|
|
15
|
+
if ((0, _mediaClient.isCommonMediaClientError)(secondaryError)) {
|
|
16
|
+
var _secondaryError$metad;
|
|
17
|
+
return (_secondaryError$metad = secondaryError.metadata) === null || _secondaryError$metad === void 0 ? void 0 : _secondaryError$metad.traceContext;
|
|
23
18
|
}
|
|
24
19
|
};
|
|
25
20
|
var getRenderErrorFailReason = exports.getRenderErrorFailReason = function getRenderErrorFailReason(error) {
|
|
26
|
-
|
|
27
|
-
return error.primaryReason;
|
|
28
|
-
} else {
|
|
29
|
-
return 'nativeError';
|
|
30
|
-
}
|
|
21
|
+
return error.primaryReason || 'nativeError';
|
|
31
22
|
};
|
|
32
23
|
var getRenderErrorErrorReason = exports.getRenderErrorErrorReason = function getRenderErrorErrorReason(error) {
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
return mediaClientReason;
|
|
37
|
-
}
|
|
24
|
+
var secondaryError = error.secondaryError;
|
|
25
|
+
if ((0, _mediaClient.isCommonMediaClientError)(secondaryError)) {
|
|
26
|
+
return secondaryError.reason;
|
|
38
27
|
}
|
|
39
28
|
return 'nativeError';
|
|
40
29
|
};
|
|
41
30
|
var getRenderErrorErrorDetail = exports.getRenderErrorErrorDetail = function getRenderErrorErrorDetail(error) {
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
return error.message;
|
|
31
|
+
var secondaryError = error.secondaryError;
|
|
32
|
+
if ((0, _mediaClient.isCommonMediaClientError)(secondaryError)) {
|
|
33
|
+
return secondaryError.message;
|
|
46
34
|
}
|
|
35
|
+
return error.message;
|
|
47
36
|
};
|
|
48
37
|
var extractErrorInfo = exports.extractErrorInfo = function extractErrorInfo(error, metadataTraceContext) {
|
|
49
38
|
return {
|
|
@@ -124,7 +124,6 @@ var useFilePreview = exports.useFilePreview = function useFilePreview(_ref) {
|
|
|
124
124
|
fileState = _useFileState.fileState;
|
|
125
125
|
|
|
126
126
|
// Derived from File State
|
|
127
|
-
var fileStatus = fileState === null || fileState === void 0 ? void 0 : fileState.status;
|
|
128
127
|
var isBackendPreviewReady = !!fileState && (0, _mediaClient.isImageRepresentationReady)(fileState);
|
|
129
128
|
var fileStateErrorMessage = (fileState === null || fileState === void 0 ? void 0 : fileState.status) === 'error' ? fileState.message : undefined;
|
|
130
129
|
var _ref2 = fileState && (fileState === null || fileState === void 0 ? void 0 : fileState.status) !== 'error' ? fileState : {},
|
|
@@ -145,19 +144,19 @@ var useFilePreview = exports.useFilePreview = function useFilePreview(_ref) {
|
|
|
145
144
|
}, [identifier]);
|
|
146
145
|
(0, _react.useEffect)(function () {
|
|
147
146
|
if (status !== 'error') {
|
|
148
|
-
if (preview ||
|
|
147
|
+
if (preview || (fileState === null || fileState === void 0 ? void 0 : fileState.status) === 'processed' && !isBackendPreviewReady) {
|
|
149
148
|
setStatus('complete');
|
|
150
|
-
} else if (!preview &&
|
|
149
|
+
} else if (!preview && (fileState === null || fileState === void 0 ? void 0 : fileState.status) === 'failed-processing' && !isBackendPreviewReady) {
|
|
151
150
|
setStatus('error');
|
|
152
151
|
setError(new _errors.MediaFilePreviewError('failed-processing'));
|
|
153
|
-
} else if (!preview &&
|
|
152
|
+
} else if (!preview && (fileState === null || fileState === void 0 ? void 0 : fileState.status) === 'error' && upfrontPreviewStatus === 'resolved') {
|
|
154
153
|
setStatus('error');
|
|
155
|
-
setError(new _errors.MediaFilePreviewError('metadata-fetch',
|
|
154
|
+
setError(new _errors.MediaFilePreviewError('metadata-fetch', (0, _mediaClient.toCommonMediaClientError)(fileState)));
|
|
156
155
|
} else {
|
|
157
156
|
setStatus('loading');
|
|
158
157
|
}
|
|
159
158
|
}
|
|
160
|
-
}, [preview, status,
|
|
159
|
+
}, [preview, status, fileState, isBackendPreviewReady, fileStateErrorMessage, upfrontPreviewStatus]);
|
|
161
160
|
|
|
162
161
|
//----------------------------------------------------------------
|
|
163
162
|
// Preview Fetch Helper
|
package/dist/es2019/analytics.js
CHANGED
|
@@ -1,39 +1,34 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
import { ImageLoadError, isMediaFilePreviewError } from './errors';
|
|
1
|
+
import { isCommonMediaClientError } from '@atlaskit/media-client';
|
|
2
|
+
import { ImageLoadError } from './errors';
|
|
4
3
|
export const getErrorTraceContext = error => {
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
return (_error$secondaryError2 = error.secondaryError.details) === null || _error$secondaryError2 === void 0 ? void 0 : (_error$secondaryError3 = _error$secondaryError2.metadata) === null || _error$secondaryError3 === void 0 ? void 0 : _error$secondaryError3.traceContext;
|
|
12
|
-
}
|
|
4
|
+
const {
|
|
5
|
+
secondaryError
|
|
6
|
+
} = error;
|
|
7
|
+
if (isCommonMediaClientError(secondaryError)) {
|
|
8
|
+
var _secondaryError$metad;
|
|
9
|
+
return (_secondaryError$metad = secondaryError.metadata) === null || _secondaryError$metad === void 0 ? void 0 : _secondaryError$metad.traceContext;
|
|
13
10
|
}
|
|
14
11
|
};
|
|
15
12
|
export const getRenderErrorFailReason = error => {
|
|
16
|
-
|
|
17
|
-
return error.primaryReason;
|
|
18
|
-
} else {
|
|
19
|
-
return 'nativeError';
|
|
20
|
-
}
|
|
13
|
+
return error.primaryReason || 'nativeError';
|
|
21
14
|
};
|
|
22
15
|
export const getRenderErrorErrorReason = error => {
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
16
|
+
const {
|
|
17
|
+
secondaryError
|
|
18
|
+
} = error;
|
|
19
|
+
if (isCommonMediaClientError(secondaryError)) {
|
|
20
|
+
return secondaryError.reason;
|
|
28
21
|
}
|
|
29
22
|
return 'nativeError';
|
|
30
23
|
};
|
|
31
24
|
export const getRenderErrorErrorDetail = error => {
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
}
|
|
35
|
-
|
|
25
|
+
const {
|
|
26
|
+
secondaryError
|
|
27
|
+
} = error;
|
|
28
|
+
if (isCommonMediaClientError(secondaryError)) {
|
|
29
|
+
return secondaryError.message;
|
|
36
30
|
}
|
|
31
|
+
return error.message;
|
|
37
32
|
};
|
|
38
33
|
export const extractErrorInfo = (error, metadataTraceContext) => {
|
|
39
34
|
return {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
|
|
2
|
-
import { isImageRepresentationReady } from '@atlaskit/media-client';
|
|
2
|
+
import { isImageRepresentationReady, toCommonMediaClientError } from '@atlaskit/media-client';
|
|
3
3
|
import { useCopyIntent, useFileState, useMediaClient } from '@atlaskit/media-client-react';
|
|
4
4
|
import { isMimeTypeSupportedByBrowser } from '@atlaskit/media-common';
|
|
5
5
|
import { createFailedSSRObject, extractErrorInfo } from './analytics';
|
|
@@ -99,7 +99,6 @@ export const useFilePreview = ({
|
|
|
99
99
|
});
|
|
100
100
|
|
|
101
101
|
// Derived from File State
|
|
102
|
-
const fileStatus = fileState === null || fileState === void 0 ? void 0 : fileState.status;
|
|
103
102
|
const isBackendPreviewReady = !!fileState && isImageRepresentationReady(fileState);
|
|
104
103
|
const fileStateErrorMessage = (fileState === null || fileState === void 0 ? void 0 : fileState.status) === 'error' ? fileState.message : undefined;
|
|
105
104
|
const {
|
|
@@ -118,19 +117,19 @@ export const useFilePreview = ({
|
|
|
118
117
|
}, [identifier]);
|
|
119
118
|
useEffect(() => {
|
|
120
119
|
if (status !== 'error') {
|
|
121
|
-
if (preview ||
|
|
120
|
+
if (preview || (fileState === null || fileState === void 0 ? void 0 : fileState.status) === 'processed' && !isBackendPreviewReady) {
|
|
122
121
|
setStatus('complete');
|
|
123
|
-
} else if (!preview &&
|
|
122
|
+
} else if (!preview && (fileState === null || fileState === void 0 ? void 0 : fileState.status) === 'failed-processing' && !isBackendPreviewReady) {
|
|
124
123
|
setStatus('error');
|
|
125
124
|
setError(new MediaFilePreviewError('failed-processing'));
|
|
126
|
-
} else if (!preview &&
|
|
125
|
+
} else if (!preview && (fileState === null || fileState === void 0 ? void 0 : fileState.status) === 'error' && upfrontPreviewStatus === 'resolved') {
|
|
127
126
|
setStatus('error');
|
|
128
|
-
setError(new MediaFilePreviewError('metadata-fetch',
|
|
127
|
+
setError(new MediaFilePreviewError('metadata-fetch', toCommonMediaClientError(fileState)));
|
|
129
128
|
} else {
|
|
130
129
|
setStatus('loading');
|
|
131
130
|
}
|
|
132
131
|
}
|
|
133
|
-
}, [preview, status,
|
|
132
|
+
}, [preview, status, fileState, isBackendPreviewReady, fileStateErrorMessage, upfrontPreviewStatus]);
|
|
134
133
|
|
|
135
134
|
//----------------------------------------------------------------
|
|
136
135
|
// Preview Fetch Helper
|
package/dist/esm/analytics.js
CHANGED
|
@@ -1,42 +1,31 @@
|
|
|
1
1
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
2
2
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
3
3
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
6
|
-
import { ImageLoadError, isMediaFilePreviewError } from './errors';
|
|
4
|
+
import { isCommonMediaClientError } from '@atlaskit/media-client';
|
|
5
|
+
import { ImageLoadError } from './errors';
|
|
7
6
|
export var getErrorTraceContext = function getErrorTraceContext(error) {
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
} else if (isMediaFileStateError(error.secondaryError)) {
|
|
13
|
-
var _error$secondaryError2;
|
|
14
|
-
return (_error$secondaryError2 = error.secondaryError.details) === null || _error$secondaryError2 === void 0 || (_error$secondaryError2 = _error$secondaryError2.metadata) === null || _error$secondaryError2 === void 0 ? void 0 : _error$secondaryError2.traceContext;
|
|
15
|
-
}
|
|
7
|
+
var secondaryError = error.secondaryError;
|
|
8
|
+
if (isCommonMediaClientError(secondaryError)) {
|
|
9
|
+
var _secondaryError$metad;
|
|
10
|
+
return (_secondaryError$metad = secondaryError.metadata) === null || _secondaryError$metad === void 0 ? void 0 : _secondaryError$metad.traceContext;
|
|
16
11
|
}
|
|
17
12
|
};
|
|
18
13
|
export var getRenderErrorFailReason = function getRenderErrorFailReason(error) {
|
|
19
|
-
|
|
20
|
-
return error.primaryReason;
|
|
21
|
-
} else {
|
|
22
|
-
return 'nativeError';
|
|
23
|
-
}
|
|
14
|
+
return error.primaryReason || 'nativeError';
|
|
24
15
|
};
|
|
25
16
|
export var getRenderErrorErrorReason = function getRenderErrorErrorReason(error) {
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
return mediaClientReason;
|
|
30
|
-
}
|
|
17
|
+
var secondaryError = error.secondaryError;
|
|
18
|
+
if (isCommonMediaClientError(secondaryError)) {
|
|
19
|
+
return secondaryError.reason;
|
|
31
20
|
}
|
|
32
21
|
return 'nativeError';
|
|
33
22
|
};
|
|
34
23
|
export var getRenderErrorErrorDetail = function getRenderErrorErrorDetail(error) {
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
return error.message;
|
|
24
|
+
var secondaryError = error.secondaryError;
|
|
25
|
+
if (isCommonMediaClientError(secondaryError)) {
|
|
26
|
+
return secondaryError.message;
|
|
39
27
|
}
|
|
28
|
+
return error.message;
|
|
40
29
|
};
|
|
41
30
|
export var extractErrorInfo = function extractErrorInfo(error, metadataTraceContext) {
|
|
42
31
|
return {
|
|
@@ -3,7 +3,7 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
|
|
|
3
3
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
4
4
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
5
5
|
import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
|
|
6
|
-
import { isImageRepresentationReady } from '@atlaskit/media-client';
|
|
6
|
+
import { isImageRepresentationReady, toCommonMediaClientError } from '@atlaskit/media-client';
|
|
7
7
|
import { useCopyIntent, useFileState, useMediaClient } from '@atlaskit/media-client-react';
|
|
8
8
|
import { isMimeTypeSupportedByBrowser } from '@atlaskit/media-common';
|
|
9
9
|
import { createFailedSSRObject, extractErrorInfo } from './analytics';
|
|
@@ -117,7 +117,6 @@ export var useFilePreview = function useFilePreview(_ref) {
|
|
|
117
117
|
fileState = _useFileState.fileState;
|
|
118
118
|
|
|
119
119
|
// Derived from File State
|
|
120
|
-
var fileStatus = fileState === null || fileState === void 0 ? void 0 : fileState.status;
|
|
121
120
|
var isBackendPreviewReady = !!fileState && isImageRepresentationReady(fileState);
|
|
122
121
|
var fileStateErrorMessage = (fileState === null || fileState === void 0 ? void 0 : fileState.status) === 'error' ? fileState.message : undefined;
|
|
123
122
|
var _ref2 = fileState && (fileState === null || fileState === void 0 ? void 0 : fileState.status) !== 'error' ? fileState : {},
|
|
@@ -138,19 +137,19 @@ export var useFilePreview = function useFilePreview(_ref) {
|
|
|
138
137
|
}, [identifier]);
|
|
139
138
|
useEffect(function () {
|
|
140
139
|
if (status !== 'error') {
|
|
141
|
-
if (preview ||
|
|
140
|
+
if (preview || (fileState === null || fileState === void 0 ? void 0 : fileState.status) === 'processed' && !isBackendPreviewReady) {
|
|
142
141
|
setStatus('complete');
|
|
143
|
-
} else if (!preview &&
|
|
142
|
+
} else if (!preview && (fileState === null || fileState === void 0 ? void 0 : fileState.status) === 'failed-processing' && !isBackendPreviewReady) {
|
|
144
143
|
setStatus('error');
|
|
145
144
|
setError(new MediaFilePreviewError('failed-processing'));
|
|
146
|
-
} else if (!preview &&
|
|
145
|
+
} else if (!preview && (fileState === null || fileState === void 0 ? void 0 : fileState.status) === 'error' && upfrontPreviewStatus === 'resolved') {
|
|
147
146
|
setStatus('error');
|
|
148
|
-
setError(new MediaFilePreviewError('metadata-fetch',
|
|
147
|
+
setError(new MediaFilePreviewError('metadata-fetch', toCommonMediaClientError(fileState)));
|
|
149
148
|
} else {
|
|
150
149
|
setStatus('loading');
|
|
151
150
|
}
|
|
152
151
|
}
|
|
153
|
-
}, [preview, status,
|
|
152
|
+
}, [preview, status, fileState, isBackendPreviewReady, fileStateErrorMessage, upfrontPreviewStatus]);
|
|
154
153
|
|
|
155
154
|
//----------------------------------------------------------------
|
|
156
155
|
// Preview Fetch Helper
|
|
@@ -38,5 +38,5 @@ export declare const useFilePreview: ({ resizeMode, identifier, ssr, dimensions,
|
|
|
38
38
|
onImageError: (failedPreview?: MediaFilePreview) => void;
|
|
39
39
|
onImageLoad: (newPreview?: MediaFilePreview) => void;
|
|
40
40
|
getSsrScriptProps: (() => import("react").ScriptHTMLAttributes<HTMLScriptElement>) | undefined;
|
|
41
|
-
copyNodeRef:
|
|
41
|
+
copyNodeRef: (instance: HTMLImageElement | HTMLDivElement | null) => void;
|
|
42
42
|
};
|
|
@@ -38,5 +38,5 @@ export declare const useFilePreview: ({ resizeMode, identifier, ssr, dimensions,
|
|
|
38
38
|
onImageError: (failedPreview?: MediaFilePreview) => void;
|
|
39
39
|
onImageLoad: (newPreview?: MediaFilePreview) => void;
|
|
40
40
|
getSsrScriptProps: (() => import("react").ScriptHTMLAttributes<HTMLScriptElement>) | undefined;
|
|
41
|
-
copyNodeRef:
|
|
41
|
+
copyNodeRef: (instance: HTMLImageElement | HTMLDivElement | null) => void;
|
|
42
42
|
};
|
|
@@ -19,9 +19,9 @@ export const TerminalTextDisplay: React.FC<TerminalTextDisplayProps> = ({
|
|
|
19
19
|
borderRadius: 5,
|
|
20
20
|
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview, @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
|
|
21
21
|
padding: 20,
|
|
22
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
|
|
22
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop, @atlaskit/design-system/use-tokens-typography -- Ignored via go/DSP-18766
|
|
23
23
|
fontFamily: 'Courier New, monospace',
|
|
24
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
|
|
24
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop, @atlaskit/design-system/use-tokens-typography -- Ignored via go/DSP-18766
|
|
25
25
|
lineHeight: '1.4',
|
|
26
26
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
|
|
27
27
|
maxWidth: 600,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/media-file-preview",
|
|
3
|
-
"version": "0.9.
|
|
3
|
+
"version": "0.9.7",
|
|
4
4
|
"description": "A React Hook to fetch and render file previews. It's overloaded with fancy features like SSR, lazy loading, memory cache and local preview.",
|
|
5
5
|
"author": "Atlassian Pty Ltd",
|
|
6
6
|
"license": "Apache-2.0",
|
|
@@ -34,10 +34,10 @@
|
|
|
34
34
|
".": "./src/index.ts"
|
|
35
35
|
},
|
|
36
36
|
"dependencies": {
|
|
37
|
-
"@atlaskit/media-client": "^
|
|
38
|
-
"@atlaskit/media-client-react": "^2.
|
|
37
|
+
"@atlaskit/media-client": "^31.0.0",
|
|
38
|
+
"@atlaskit/media-client-react": "^2.6.0",
|
|
39
39
|
"@atlaskit/media-common": "^11.7.0",
|
|
40
|
-
"@atlaskit/media-ui": "^27.
|
|
40
|
+
"@atlaskit/media-ui": "^27.3.0",
|
|
41
41
|
"@atlaskit/platform-feature-flags": "^0.3.0",
|
|
42
42
|
"@babel/runtime": "^7.0.0",
|
|
43
43
|
"eventemitter2": "^4.1.0",
|
|
@@ -50,8 +50,8 @@
|
|
|
50
50
|
"devDependencies": {
|
|
51
51
|
"@af/integration-testing": "*",
|
|
52
52
|
"@af/visual-regression": "*",
|
|
53
|
-
"@atlaskit/media-state": "^1.
|
|
54
|
-
"@atlaskit/media-test-data": "^2.
|
|
53
|
+
"@atlaskit/media-state": "^1.5.0",
|
|
54
|
+
"@atlaskit/media-test-data": "^2.9.0",
|
|
55
55
|
"@atlaskit/section-message": "^6.8.0",
|
|
56
56
|
"@atlaskit/ssr": "*",
|
|
57
57
|
"@atlaskit/visual-regression": "*",
|