@atlaskit/media-viewer 52.9.3 → 52.9.5
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 +12 -0
- package/dist/cjs/styleWrappers.js +8 -6
- package/dist/es2019/styleWrappers.js +3 -5
- package/dist/es2019/viewers/codeViewer/CodeRendererAdvanced/theme.js +0 -1
- package/dist/esm/styleWrappers.js +5 -5
- package/dist/esm/viewers/codeViewer/CodeRendererAdvanced/theme.js +0 -1
- package/dist/types/errorMessage.d.ts +3 -1
- package/dist/types/styleWrappers.d.ts +7 -7
- package/dist/types/viewers/archiveSidebar/archive-sidebar-folder-entry.d.ts +2 -2
- package/dist/types/viewers/archiveSidebar/styleWrappers.d.ts +2 -2
- package/dist/types/viewers/codeViewer/CodeRendererAdvanced/theme.d.ts +2 -1
- package/dist/types/viewers/codeViewer/codeViewerRenderer-compiled.d.ts +3 -3
- package/dist/types/viewers/codeViewer/styles.d.ts +4 -3
- package/dist/types-ts4.5/errorMessage.d.ts +3 -1
- package/dist/types-ts4.5/styleWrappers.d.ts +7 -7
- package/dist/types-ts4.5/viewers/archiveSidebar/archive-sidebar-folder-entry.d.ts +2 -2
- package/dist/types-ts4.5/viewers/archiveSidebar/styleWrappers.d.ts +2 -2
- package/dist/types-ts4.5/viewers/codeViewer/CodeRendererAdvanced/theme.d.ts +2 -1
- package/dist/types-ts4.5/viewers/codeViewer/codeViewerRenderer-compiled.d.ts +3 -3
- package/dist/types-ts4.5/viewers/codeViewer/styles.d.ts +4 -3
- package/package.json +8 -8
package/CHANGELOG.md
CHANGED
|
@@ -12,6 +12,7 @@ var _react = _interopRequireWildcard(require("react"));
|
|
|
12
12
|
var React = _react;
|
|
13
13
|
var _runtime = require("@compiled/react/runtime");
|
|
14
14
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
15
|
+
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
15
16
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
16
17
|
var _reactScrolllock = require("react-scrolllock");
|
|
17
18
|
var _useCallbackRef = require("use-callback-ref");
|
|
@@ -20,9 +21,12 @@ var _primitives = require("@atlaskit/primitives");
|
|
|
20
21
|
var _heading = _interopRequireDefault(require("@atlaskit/heading"));
|
|
21
22
|
var _reactIntlNext = require("react-intl-next");
|
|
22
23
|
var _mediaUi = require("@atlaskit/media-ui");
|
|
24
|
+
var _excluded = ["canDrag", "isDragging", "shouldPixelate", "data-testid", "src", "style", "onLoad", "onError", "alt", "className"];
|
|
25
|
+
/* eslint-disable @atlaskit/design-system/use-tokens-typography */
|
|
26
|
+
// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
|
|
23
27
|
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
|
|
24
28
|
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; }
|
|
25
|
-
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; }
|
|
29
|
+
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; }
|
|
26
30
|
var blanketStyles = null;
|
|
27
31
|
var headerWrapperStyles = null;
|
|
28
32
|
var archiveHeaderWrapperStyles = null;
|
|
@@ -287,7 +291,7 @@ var Img = exports.Img = function Img(_ref20) {
|
|
|
287
291
|
onError = _ref20.onError,
|
|
288
292
|
alt = _ref20.alt,
|
|
289
293
|
className = _ref20.className,
|
|
290
|
-
|
|
294
|
+
rest = (0, _objectWithoutProperties2.default)(_ref20, _excluded);
|
|
291
295
|
var cursor = (0, _react.useMemo)(function () {
|
|
292
296
|
if (canDrag && isDragging) {
|
|
293
297
|
return 'grabbing';
|
|
@@ -297,10 +301,8 @@ var Img = exports.Img = function Img(_ref20) {
|
|
|
297
301
|
return 'auto';
|
|
298
302
|
}
|
|
299
303
|
}, [canDrag, isDragging]);
|
|
300
|
-
return /*#__PURE__*/React.createElement("img", {
|
|
301
|
-
onMouseDown: onMouseDown
|
|
304
|
+
return /*#__PURE__*/React.createElement("img", (0, _extends2.default)({}, rest, {
|
|
302
305
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
303
|
-
,
|
|
304
306
|
className: (0, _runtime.ax)(["_1e0c1o8l _s7n4nkob _kqswh2mm", shouldPixelate && "_1kemd8h4", className]),
|
|
305
307
|
alt: alt,
|
|
306
308
|
"data-testid": datatestId,
|
|
@@ -312,7 +314,7 @@ var Img = exports.Img = function Img(_ref20) {
|
|
|
312
314
|
}, style),
|
|
313
315
|
onLoad: onLoad,
|
|
314
316
|
onError: onError
|
|
315
|
-
});
|
|
317
|
+
}));
|
|
316
318
|
};
|
|
317
319
|
var MedatadataTextWrapper = exports.MedatadataTextWrapper = function MedatadataTextWrapper(_ref21) {
|
|
318
320
|
var children = _ref21.children;
|
|
@@ -259,7 +259,7 @@ export const Img = ({
|
|
|
259
259
|
onError,
|
|
260
260
|
alt,
|
|
261
261
|
className,
|
|
262
|
-
|
|
262
|
+
...rest
|
|
263
263
|
}) => {
|
|
264
264
|
const cursor = useMemo(() => {
|
|
265
265
|
if (canDrag && isDragging) {
|
|
@@ -270,10 +270,8 @@ export const Img = ({
|
|
|
270
270
|
return 'auto';
|
|
271
271
|
}
|
|
272
272
|
}, [canDrag, isDragging]);
|
|
273
|
-
return /*#__PURE__*/React.createElement("img", {
|
|
274
|
-
onMouseDown: onMouseDown
|
|
273
|
+
return /*#__PURE__*/React.createElement("img", _extends({}, rest, {
|
|
275
274
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
276
|
-
,
|
|
277
275
|
className: ax(["_1e0c1o8l _s7n4nkob _kqswh2mm", shouldPixelate && "_1kemd8h4", className]),
|
|
278
276
|
alt: alt,
|
|
279
277
|
"data-testid": datatestId,
|
|
@@ -286,7 +284,7 @@ export const Img = ({
|
|
|
286
284
|
},
|
|
287
285
|
onLoad: onLoad,
|
|
288
286
|
onError: onError
|
|
289
|
-
});
|
|
287
|
+
}));
|
|
290
288
|
};
|
|
291
289
|
export const MedatadataTextWrapper = ({
|
|
292
290
|
children
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import { EditorView as CodeMirror } from '@codemirror/view';
|
|
2
2
|
import { HighlightStyle } from '@codemirror/language';
|
|
3
3
|
import { tags } from '@lezer/highlight';
|
|
4
|
-
|
|
5
4
|
/**
|
|
6
5
|
* These styles are copied directly from
|
|
7
6
|
* packages/editor/editor-plugin-code-block-advanced/src/nodeviews/codeBlockAdvanced.ts
|
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
/* styleWrappers.tsx generated by @compiled/babel-plugin v0.39.1 */
|
|
2
2
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
3
|
+
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
3
4
|
import _extends from "@babel/runtime/helpers/extends";
|
|
5
|
+
var _excluded = ["canDrag", "isDragging", "shouldPixelate", "data-testid", "src", "style", "onLoad", "onError", "alt", "className"];
|
|
4
6
|
import "./styleWrappers.compiled.css";
|
|
5
7
|
import * as React from 'react';
|
|
6
8
|
import { ax, ix } from "@compiled/react/runtime";
|
|
@@ -281,7 +283,7 @@ export var Img = function Img(_ref20) {
|
|
|
281
283
|
onError = _ref20.onError,
|
|
282
284
|
alt = _ref20.alt,
|
|
283
285
|
className = _ref20.className,
|
|
284
|
-
|
|
286
|
+
rest = _objectWithoutProperties(_ref20, _excluded);
|
|
285
287
|
var cursor = useMemo(function () {
|
|
286
288
|
if (canDrag && isDragging) {
|
|
287
289
|
return 'grabbing';
|
|
@@ -291,10 +293,8 @@ export var Img = function Img(_ref20) {
|
|
|
291
293
|
return 'auto';
|
|
292
294
|
}
|
|
293
295
|
}, [canDrag, isDragging]);
|
|
294
|
-
return /*#__PURE__*/React.createElement("img", {
|
|
295
|
-
onMouseDown: onMouseDown
|
|
296
|
+
return /*#__PURE__*/React.createElement("img", _extends({}, rest, {
|
|
296
297
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
297
|
-
,
|
|
298
298
|
className: ax(["_1e0c1o8l _s7n4nkob _kqswh2mm", shouldPixelate && "_1kemd8h4", className]),
|
|
299
299
|
alt: alt,
|
|
300
300
|
"data-testid": datatestId,
|
|
@@ -306,7 +306,7 @@ export var Img = function Img(_ref20) {
|
|
|
306
306
|
}, style),
|
|
307
307
|
onLoad: onLoad,
|
|
308
308
|
onError: onError
|
|
309
|
-
});
|
|
309
|
+
}));
|
|
310
310
|
};
|
|
311
311
|
export var MedatadataTextWrapper = function MedatadataTextWrapper(_ref21) {
|
|
312
312
|
var children = _ref21.children;
|
|
@@ -2,7 +2,6 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
|
2
2
|
import { EditorView as CodeMirror } from '@codemirror/view';
|
|
3
3
|
import { HighlightStyle } from '@codemirror/language';
|
|
4
4
|
import { tags } from '@lezer/highlight';
|
|
5
|
-
|
|
6
5
|
/**
|
|
7
6
|
* These styles are copied directly from
|
|
8
7
|
* packages/editor/editor-plugin-code-block-advanced/src/nodeviews/codeBlockAdvanced.ts
|
|
@@ -4,6 +4,8 @@ import { type MessageDescriptor, type WrappedComponentProps } from 'react-intl-n
|
|
|
4
4
|
import { type FileState } from '@atlaskit/media-client';
|
|
5
5
|
import { type WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
|
|
6
6
|
import { type PrimaryErrorReason, type SecondaryErrorReason, type MediaViewerError } from './errors';
|
|
7
|
+
import { type LoadFailedEventPayload } from './analytics/events/operational/loadFailed';
|
|
8
|
+
import { type PreviewUnsupportedEventPayload } from './analytics/events/operational/previewUnsupported';
|
|
7
9
|
import { type FileStateFlags } from './components/types';
|
|
8
10
|
import { type MediaTraceContext } from '@atlaskit/media-common';
|
|
9
11
|
export type Props = Readonly<{
|
|
@@ -24,7 +26,7 @@ export declare const getErrorMessageFromError: (error: MediaViewerError) => Mess
|
|
|
24
26
|
export declare class ErrorMessage extends React.Component<Props & WrappedComponentProps & WithAnalyticsEventsProps, {}> {
|
|
25
27
|
private getErrorInfo;
|
|
26
28
|
componentDidMount(): void;
|
|
27
|
-
static getEventPayload(error: MediaViewerError, fileId: string, fileState?: FileState, traceContext?: MediaTraceContext):
|
|
29
|
+
static getEventPayload(error: MediaViewerError, fileId: string, fileState?: FileState, traceContext?: MediaTraceContext): PreviewUnsupportedEventPayload | LoadFailedEventPayload;
|
|
28
30
|
render(): React.JSX.Element;
|
|
29
31
|
}
|
|
30
32
|
declare const ErroMsg: React.ComponentType<Props & WithAnalyticsEventsProps>;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { type CSSProperties, type MouseEvent, type ReactNode } from 'react';
|
|
1
|
+
import { type CSSProperties, type ForwardRefExoticComponent, type MouseEvent, type ReactNode, type RefAttributes } from 'react';
|
|
2
2
|
import { type MediaType } from '@atlaskit/media-client';
|
|
3
3
|
export interface IconWrapperProps {
|
|
4
4
|
type: MediaType;
|
|
@@ -49,7 +49,7 @@ type VideoProps = {
|
|
|
49
49
|
autoPlay: boolean;
|
|
50
50
|
};
|
|
51
51
|
export declare const Video: ({ autoPlay, controls, src }: VideoProps) => JSX.Element;
|
|
52
|
-
export declare const PDFWrapper:
|
|
52
|
+
export declare const PDFWrapper: ForwardRefExoticComponent<DataTestID & Children & RefAttributes<HTMLDivElement>>;
|
|
53
53
|
export declare const Arrow: ({ className, children }: ClassName & Children) => JSX.Element;
|
|
54
54
|
export type LeftWrapperProps = {
|
|
55
55
|
isArchiveSideBarVisible: boolean;
|
|
@@ -65,10 +65,10 @@ export type ImageWrapperProps = {
|
|
|
65
65
|
onClick: (event: MouseEvent<HTMLDivElement>) => void;
|
|
66
66
|
style: CSSProperties;
|
|
67
67
|
} & Children & DataTestID;
|
|
68
|
-
export declare const ImageWrapper:
|
|
68
|
+
export declare const ImageWrapper: ForwardRefExoticComponent<{
|
|
69
69
|
onClick: (event: MouseEvent<HTMLDivElement>) => void;
|
|
70
70
|
style: CSSProperties;
|
|
71
|
-
} & Children & DataTestID & ClassName &
|
|
71
|
+
} & Children & DataTestID & ClassName & RefAttributes<unknown>>;
|
|
72
72
|
export declare const BaselineExtend: () => JSX.Element;
|
|
73
73
|
export type ImgProps = {
|
|
74
74
|
canDrag: boolean;
|
|
@@ -81,7 +81,7 @@ export type ImgProps = {
|
|
|
81
81
|
onError: (() => void) | undefined;
|
|
82
82
|
alt?: string;
|
|
83
83
|
} & DataTestID & ClassName;
|
|
84
|
-
export declare const Img: ({ canDrag, isDragging, shouldPixelate, "data-testid": datatestId, src, style, onLoad, onError, alt, className,
|
|
84
|
+
export declare const Img: ({ canDrag, isDragging, shouldPixelate, "data-testid": datatestId, src, style, onLoad, onError, alt, className, ...rest }: ImgProps) => JSX.Element;
|
|
85
85
|
export declare const MedatadataTextWrapper: ({ children }: Children) => JSX.Element;
|
|
86
86
|
export declare const MetadataWrapper: ({ children }: Children) => JSX.Element;
|
|
87
87
|
type MetadataFileNameProps = DataTestID & Children;
|
|
@@ -96,7 +96,7 @@ export declare const RightHeader: ({ children }: Children) => JSX.Element;
|
|
|
96
96
|
export declare const CustomAudioPlayerWrapper: ({ children }: Children) => JSX.Element;
|
|
97
97
|
type AudioPlayerProps = DataTestID & Children;
|
|
98
98
|
export declare const AudioPlayer: {
|
|
99
|
-
(
|
|
99
|
+
(props: AudioPlayerProps): JSX.Element;
|
|
100
100
|
displayName: string;
|
|
101
101
|
};
|
|
102
102
|
type AudioProps = {
|
|
@@ -105,7 +105,7 @@ type AudioProps = {
|
|
|
105
105
|
src: string | undefined;
|
|
106
106
|
preload: string;
|
|
107
107
|
};
|
|
108
|
-
export declare const Audio:
|
|
108
|
+
export declare const Audio: ForwardRefExoticComponent<AudioProps & RefAttributes<HTMLAudioElement>>;
|
|
109
109
|
type AudioCoverProps = {
|
|
110
110
|
alt: string | undefined;
|
|
111
111
|
src: string;
|
|
@@ -2,7 +2,7 @@ import React from 'react';
|
|
|
2
2
|
import { type ZipEntry } from 'unzipit';
|
|
3
3
|
import { type MediaClient } from '@atlaskit/media-client';
|
|
4
4
|
import { type ArchiveViewerError } from '../../errors';
|
|
5
|
-
import { type WrappedComponentProps } from 'react-intl-next';
|
|
5
|
+
import { type WithIntlProps, type WrappedComponentProps } from 'react-intl-next';
|
|
6
6
|
type Entries = {
|
|
7
7
|
[key: string]: ZipEntry;
|
|
8
8
|
};
|
|
@@ -18,7 +18,7 @@ export interface ArchiveSidebarFolderProps {
|
|
|
18
18
|
shouldRenderAbuseModal: boolean;
|
|
19
19
|
fileId?: string;
|
|
20
20
|
}
|
|
21
|
-
export declare const ArchiveSidebarFolderEntry: React.FC<
|
|
21
|
+
export declare const ArchiveSidebarFolderEntry: React.FC<WithIntlProps<ArchiveSidebarFolderProps & WrappedComponentProps>> & {
|
|
22
22
|
WrappedComponent: React.ComponentType<ArchiveSidebarFolderProps & WrappedComponentProps>;
|
|
23
23
|
};
|
|
24
24
|
export {};
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
* @jsxRuntime classic
|
|
3
3
|
* @jsx jsx
|
|
4
4
|
*/
|
|
5
|
-
import { type ReactNode, type MouseEvent, type Key } from 'react';
|
|
5
|
+
import { type ReactNode, type MouseEvent, type Key, type ForwardRefExoticComponent, type RefAttributes } from 'react';
|
|
6
6
|
export declare const ARCHIVE_SIDE_BAR_WIDTH = 300;
|
|
7
7
|
type Children = {
|
|
8
8
|
children?: ReactNode;
|
|
@@ -13,7 +13,7 @@ type OnClick = {
|
|
|
13
13
|
export declare const ArchiveItemViewerWrapper: ({ children, fullHeight, }: Children & {
|
|
14
14
|
fullHeight?: boolean;
|
|
15
15
|
}) => JSX.Element;
|
|
16
|
-
export declare const ArchiveSideBar:
|
|
16
|
+
export declare const ArchiveSideBar: ForwardRefExoticComponent<Children & RefAttributes<HTMLDivElement>>;
|
|
17
17
|
export declare const ArchiveSidebarFolderWrapper: ({ children }: Children) => JSX.Element;
|
|
18
18
|
export declare const ArchiveDownloadButtonWrapper: ({ children, onClick }: Children & OnClick) => JSX.Element;
|
|
19
19
|
export declare const DisabledArchiveDownloadButtonWrapper: ({ children }: Children) => JSX.Element;
|
|
@@ -1,3 +1,4 @@
|
|
|
1
1
|
import { HighlightStyle } from '@codemirror/language';
|
|
2
|
-
|
|
2
|
+
import type { Extension } from '@codemirror/state';
|
|
3
|
+
export declare const cmTheme: Extension;
|
|
3
4
|
export declare const highlightStyle: HighlightStyle;
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
import { type ReactNode, Component } from 'react';
|
|
1
|
+
import { type ForwardRefExoticComponent, type ReactNode, type RefAttributes, Component } from 'react';
|
|
2
2
|
import { type ErrorFileState, type FileState } from '@atlaskit/media-client';
|
|
3
3
|
import { Outcome } from '../../domain';
|
|
4
4
|
import type { SupportedLanguages } from '@atlaskit/code/types';
|
|
5
5
|
import { MediaViewerError } from '../../errors';
|
|
6
|
-
export declare const CodeViewWrapper:
|
|
6
|
+
export declare const CodeViewWrapper: ForwardRefExoticComponent<{
|
|
7
7
|
children: ReactNode;
|
|
8
8
|
'data-testid': string | undefined;
|
|
9
|
-
} &
|
|
9
|
+
} & RefAttributes<HTMLDivElement>>;
|
|
10
10
|
export declare const CodeViewerHeaderBar: () => JSX.Element;
|
|
11
11
|
export type Props = {
|
|
12
12
|
item: Exclude<FileState, ErrorFileState>;
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
-
|
|
2
|
-
export declare const
|
|
3
|
-
export declare const
|
|
1
|
+
import { type SerializedStyles } from '@emotion/react';
|
|
2
|
+
export declare const codeViewWrapperStyles: SerializedStyles;
|
|
3
|
+
export declare const codeViewerHeaderBarStyles: SerializedStyles;
|
|
4
|
+
export declare const codeViewerHTMLStyles: SerializedStyles;
|
|
@@ -4,6 +4,8 @@ import { type MessageDescriptor, type WrappedComponentProps } from 'react-intl-n
|
|
|
4
4
|
import { type FileState } from '@atlaskit/media-client';
|
|
5
5
|
import { type WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
|
|
6
6
|
import { type PrimaryErrorReason, type SecondaryErrorReason, type MediaViewerError } from './errors';
|
|
7
|
+
import { type LoadFailedEventPayload } from './analytics/events/operational/loadFailed';
|
|
8
|
+
import { type PreviewUnsupportedEventPayload } from './analytics/events/operational/previewUnsupported';
|
|
7
9
|
import { type FileStateFlags } from './components/types';
|
|
8
10
|
import { type MediaTraceContext } from '@atlaskit/media-common';
|
|
9
11
|
export type Props = Readonly<{
|
|
@@ -24,7 +26,7 @@ export declare const getErrorMessageFromError: (error: MediaViewerError) => Mess
|
|
|
24
26
|
export declare class ErrorMessage extends React.Component<Props & WrappedComponentProps & WithAnalyticsEventsProps, {}> {
|
|
25
27
|
private getErrorInfo;
|
|
26
28
|
componentDidMount(): void;
|
|
27
|
-
static getEventPayload(error: MediaViewerError, fileId: string, fileState?: FileState, traceContext?: MediaTraceContext):
|
|
29
|
+
static getEventPayload(error: MediaViewerError, fileId: string, fileState?: FileState, traceContext?: MediaTraceContext): PreviewUnsupportedEventPayload | LoadFailedEventPayload;
|
|
28
30
|
render(): React.JSX.Element;
|
|
29
31
|
}
|
|
30
32
|
declare const ErroMsg: React.ComponentType<Props & WithAnalyticsEventsProps>;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { type CSSProperties, type MouseEvent, type ReactNode } from 'react';
|
|
1
|
+
import { type CSSProperties, type ForwardRefExoticComponent, type MouseEvent, type ReactNode, type RefAttributes } from 'react';
|
|
2
2
|
import { type MediaType } from '@atlaskit/media-client';
|
|
3
3
|
export interface IconWrapperProps {
|
|
4
4
|
type: MediaType;
|
|
@@ -49,7 +49,7 @@ type VideoProps = {
|
|
|
49
49
|
autoPlay: boolean;
|
|
50
50
|
};
|
|
51
51
|
export declare const Video: ({ autoPlay, controls, src }: VideoProps) => JSX.Element;
|
|
52
|
-
export declare const PDFWrapper:
|
|
52
|
+
export declare const PDFWrapper: ForwardRefExoticComponent<DataTestID & Children & RefAttributes<HTMLDivElement>>;
|
|
53
53
|
export declare const Arrow: ({ className, children }: ClassName & Children) => JSX.Element;
|
|
54
54
|
export type LeftWrapperProps = {
|
|
55
55
|
isArchiveSideBarVisible: boolean;
|
|
@@ -65,10 +65,10 @@ export type ImageWrapperProps = {
|
|
|
65
65
|
onClick: (event: MouseEvent<HTMLDivElement>) => void;
|
|
66
66
|
style: CSSProperties;
|
|
67
67
|
} & Children & DataTestID;
|
|
68
|
-
export declare const ImageWrapper:
|
|
68
|
+
export declare const ImageWrapper: ForwardRefExoticComponent<{
|
|
69
69
|
onClick: (event: MouseEvent<HTMLDivElement>) => void;
|
|
70
70
|
style: CSSProperties;
|
|
71
|
-
} & Children & DataTestID & ClassName &
|
|
71
|
+
} & Children & DataTestID & ClassName & RefAttributes<unknown>>;
|
|
72
72
|
export declare const BaselineExtend: () => JSX.Element;
|
|
73
73
|
export type ImgProps = {
|
|
74
74
|
canDrag: boolean;
|
|
@@ -81,7 +81,7 @@ export type ImgProps = {
|
|
|
81
81
|
onError: (() => void) | undefined;
|
|
82
82
|
alt?: string;
|
|
83
83
|
} & DataTestID & ClassName;
|
|
84
|
-
export declare const Img: ({ canDrag, isDragging, shouldPixelate, "data-testid": datatestId, src, style, onLoad, onError, alt, className,
|
|
84
|
+
export declare const Img: ({ canDrag, isDragging, shouldPixelate, "data-testid": datatestId, src, style, onLoad, onError, alt, className, ...rest }: ImgProps) => JSX.Element;
|
|
85
85
|
export declare const MedatadataTextWrapper: ({ children }: Children) => JSX.Element;
|
|
86
86
|
export declare const MetadataWrapper: ({ children }: Children) => JSX.Element;
|
|
87
87
|
type MetadataFileNameProps = DataTestID & Children;
|
|
@@ -96,7 +96,7 @@ export declare const RightHeader: ({ children }: Children) => JSX.Element;
|
|
|
96
96
|
export declare const CustomAudioPlayerWrapper: ({ children }: Children) => JSX.Element;
|
|
97
97
|
type AudioPlayerProps = DataTestID & Children;
|
|
98
98
|
export declare const AudioPlayer: {
|
|
99
|
-
(
|
|
99
|
+
(props: AudioPlayerProps): JSX.Element;
|
|
100
100
|
displayName: string;
|
|
101
101
|
};
|
|
102
102
|
type AudioProps = {
|
|
@@ -105,7 +105,7 @@ type AudioProps = {
|
|
|
105
105
|
src: string | undefined;
|
|
106
106
|
preload: string;
|
|
107
107
|
};
|
|
108
|
-
export declare const Audio:
|
|
108
|
+
export declare const Audio: ForwardRefExoticComponent<AudioProps & RefAttributes<HTMLAudioElement>>;
|
|
109
109
|
type AudioCoverProps = {
|
|
110
110
|
alt: string | undefined;
|
|
111
111
|
src: string;
|
|
@@ -2,7 +2,7 @@ import React from 'react';
|
|
|
2
2
|
import { type ZipEntry } from 'unzipit';
|
|
3
3
|
import { type MediaClient } from '@atlaskit/media-client';
|
|
4
4
|
import { type ArchiveViewerError } from '../../errors';
|
|
5
|
-
import { type WrappedComponentProps } from 'react-intl-next';
|
|
5
|
+
import { type WithIntlProps, type WrappedComponentProps } from 'react-intl-next';
|
|
6
6
|
type Entries = {
|
|
7
7
|
[key: string]: ZipEntry;
|
|
8
8
|
};
|
|
@@ -18,7 +18,7 @@ export interface ArchiveSidebarFolderProps {
|
|
|
18
18
|
shouldRenderAbuseModal: boolean;
|
|
19
19
|
fileId?: string;
|
|
20
20
|
}
|
|
21
|
-
export declare const ArchiveSidebarFolderEntry: React.FC<
|
|
21
|
+
export declare const ArchiveSidebarFolderEntry: React.FC<WithIntlProps<ArchiveSidebarFolderProps & WrappedComponentProps>> & {
|
|
22
22
|
WrappedComponent: React.ComponentType<ArchiveSidebarFolderProps & WrappedComponentProps>;
|
|
23
23
|
};
|
|
24
24
|
export {};
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
* @jsxRuntime classic
|
|
3
3
|
* @jsx jsx
|
|
4
4
|
*/
|
|
5
|
-
import { type ReactNode, type MouseEvent, type Key } from 'react';
|
|
5
|
+
import { type ReactNode, type MouseEvent, type Key, type ForwardRefExoticComponent, type RefAttributes } from 'react';
|
|
6
6
|
export declare const ARCHIVE_SIDE_BAR_WIDTH = 300;
|
|
7
7
|
type Children = {
|
|
8
8
|
children?: ReactNode;
|
|
@@ -13,7 +13,7 @@ type OnClick = {
|
|
|
13
13
|
export declare const ArchiveItemViewerWrapper: ({ children, fullHeight, }: Children & {
|
|
14
14
|
fullHeight?: boolean;
|
|
15
15
|
}) => JSX.Element;
|
|
16
|
-
export declare const ArchiveSideBar:
|
|
16
|
+
export declare const ArchiveSideBar: ForwardRefExoticComponent<Children & RefAttributes<HTMLDivElement>>;
|
|
17
17
|
export declare const ArchiveSidebarFolderWrapper: ({ children }: Children) => JSX.Element;
|
|
18
18
|
export declare const ArchiveDownloadButtonWrapper: ({ children, onClick }: Children & OnClick) => JSX.Element;
|
|
19
19
|
export declare const DisabledArchiveDownloadButtonWrapper: ({ children }: Children) => JSX.Element;
|
|
@@ -1,3 +1,4 @@
|
|
|
1
1
|
import { HighlightStyle } from '@codemirror/language';
|
|
2
|
-
|
|
2
|
+
import type { Extension } from '@codemirror/state';
|
|
3
|
+
export declare const cmTheme: Extension;
|
|
3
4
|
export declare const highlightStyle: HighlightStyle;
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
import { type ReactNode, Component } from 'react';
|
|
1
|
+
import { type ForwardRefExoticComponent, type ReactNode, type RefAttributes, Component } from 'react';
|
|
2
2
|
import { type ErrorFileState, type FileState } from '@atlaskit/media-client';
|
|
3
3
|
import { Outcome } from '../../domain';
|
|
4
4
|
import type { SupportedLanguages } from '@atlaskit/code/types';
|
|
5
5
|
import { MediaViewerError } from '../../errors';
|
|
6
|
-
export declare const CodeViewWrapper:
|
|
6
|
+
export declare const CodeViewWrapper: ForwardRefExoticComponent<{
|
|
7
7
|
children: ReactNode;
|
|
8
8
|
'data-testid': string | undefined;
|
|
9
|
-
} &
|
|
9
|
+
} & RefAttributes<HTMLDivElement>>;
|
|
10
10
|
export declare const CodeViewerHeaderBar: () => JSX.Element;
|
|
11
11
|
export type Props = {
|
|
12
12
|
item: Exclude<FileState, ErrorFileState>;
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
-
|
|
2
|
-
export declare const
|
|
3
|
-
export declare const
|
|
1
|
+
import { type SerializedStyles } from '@emotion/react';
|
|
2
|
+
export declare const codeViewWrapperStyles: SerializedStyles;
|
|
3
|
+
export declare const codeViewerHeaderBarStyles: SerializedStyles;
|
|
4
|
+
export declare const codeViewerHTMLStyles: SerializedStyles;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/media-viewer",
|
|
3
|
-
"version": "52.9.
|
|
3
|
+
"version": "52.9.5",
|
|
4
4
|
"description": "MediaViewer is Atlassian's powerful solution for viewing files on the web. It's both powerful and extendable yet easy-to-integrate",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -32,11 +32,11 @@
|
|
|
32
32
|
},
|
|
33
33
|
"dependencies": {
|
|
34
34
|
"@atlaskit/analytics-next": "^11.2.0",
|
|
35
|
-
"@atlaskit/button": "^23.
|
|
35
|
+
"@atlaskit/button": "^23.11.0",
|
|
36
36
|
"@atlaskit/code": "^17.4.0",
|
|
37
37
|
"@atlaskit/css": "^0.19.0",
|
|
38
38
|
"@atlaskit/form": "^15.5.0",
|
|
39
|
-
"@atlaskit/heading": "^5.
|
|
39
|
+
"@atlaskit/heading": "^5.4.0",
|
|
40
40
|
"@atlaskit/icon": "^34.0.0",
|
|
41
41
|
"@atlaskit/icon-file-type": "^7.0.0",
|
|
42
42
|
"@atlaskit/icon-lab": "^6.4.0",
|
|
@@ -50,10 +50,10 @@
|
|
|
50
50
|
"@atlaskit/portal": "^5.4.0",
|
|
51
51
|
"@atlaskit/primitives": "^18.1.0",
|
|
52
52
|
"@atlaskit/side-navigation": "^11.1.0",
|
|
53
|
-
"@atlaskit/spinner": "^19.
|
|
54
|
-
"@atlaskit/textfield": "^8.
|
|
55
|
-
"@atlaskit/theme": "^
|
|
56
|
-
"@atlaskit/tokens": "^
|
|
53
|
+
"@atlaskit/spinner": "^19.1.0",
|
|
54
|
+
"@atlaskit/textfield": "^8.3.0",
|
|
55
|
+
"@atlaskit/theme": "^23.0.0",
|
|
56
|
+
"@atlaskit/tokens": "^12.0.0",
|
|
57
57
|
"@atlaskit/tooltip": "^21.1.0",
|
|
58
58
|
"@atlaskit/ufo": "^0.4.0",
|
|
59
59
|
"@babel/runtime": "^7.0.0",
|
|
@@ -90,7 +90,7 @@
|
|
|
90
90
|
"@atlaskit/media-test-data": "^3.2.0",
|
|
91
91
|
"@atlaskit/media-test-helpers": "^40.0.0",
|
|
92
92
|
"@atlaskit/ssr": "workspace:^",
|
|
93
|
-
"@atlaskit/toggle": "^15.
|
|
93
|
+
"@atlaskit/toggle": "^15.4.0",
|
|
94
94
|
"@atlassian/a11y-jest-testing": "^0.11.0",
|
|
95
95
|
"@atlassian/feature-flags-test-utils": "^1.0.0",
|
|
96
96
|
"@atlassian/ufo": "^0.7.0",
|