@atlaskit/media-viewer 52.9.3 → 52.9.4
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
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,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;
|
|
@@ -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;
|
|
@@ -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;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/media-viewer",
|
|
3
|
-
"version": "52.9.
|
|
3
|
+
"version": "52.9.4",
|
|
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,9 +50,9 @@
|
|
|
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": "^
|
|
53
|
+
"@atlaskit/spinner": "^19.1.0",
|
|
54
|
+
"@atlaskit/textfield": "^8.3.0",
|
|
55
|
+
"@atlaskit/theme": "^23.0.0",
|
|
56
56
|
"@atlaskit/tokens": "^11.4.0",
|
|
57
57
|
"@atlaskit/tooltip": "^21.1.0",
|
|
58
58
|
"@atlaskit/ufo": "^0.4.0",
|