@atlaskit/media-viewer 52.3.2 → 52.4.0

package/dist/esm/viewers/doc-next/index.js

@@ -1,4 +1,3 @@
-/* index.tsx generated by @compiled/babel-plugin v0.36.1 */
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
@@ -6,18 +5,14 @@ import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstruct
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/inherits";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import "./index.compiled.css";
-import * as React from 'react';
-import { ax, ix } from "@compiled/react/runtime";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
-import { DOCUMENT_SCROLL_ROOT_ID, DocumentViewer } from '@atlaskit/media-document-viewer';
+import React from 'react';
 import { Outcome } from '../../domain';
 import { BaseViewer } from '../base-viewer';
-import { ZoomControls } from '../../zoomControls';
 import { ZoomLevel } from '../../domain/zoomLevel';
-var documentViewerStyles = null;
+import { DocViewer as DocViewerComponent } from './doc-viewer';
 export var DocViewer = /*#__PURE__*/function (_BaseViewer) {
   function DocViewer() {
     var _this;
@@ -27,61 +22,6 @@ export var DocViewer = /*#__PURE__*/function (_BaseViewer) {
     }
     _this = _callSuper(this, DocViewer, [].concat(args));
     _defineProperty(_this, "isObjectUrl", false);
-    _defineProperty(_this, "getContent", /*#__PURE__*/function () {
-      var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(pageStart, pageEnd) {
-        var src;
-        return _regeneratorRuntime.wrap(function _callee$(_context) {
-          while (1) switch (_context.prev = _context.next) {
-            case 0:
-              _context.next = 2;
-              return _this.props.mediaClient.mediaStore.getDocumentContent(_this.props.item.id, {
-                pageStart: pageStart,
-                pageEnd: pageEnd,
-                collectionName: _this.props.collectionName
-              });
-            case 2:
-              src = _context.sent;
-              return _context.abrupt("return", src);
-            case 4:
-            case "end":
-              return _context.stop();
-          }
-        }, _callee);
-      }));
-      return function (_x, _x2) {
-        return _ref.apply(this, arguments);
-      };
-    }());
-    _defineProperty(_this, "getPageImageUrl", /*#__PURE__*/function () {
-      var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(pageNumber, zoom) {
-        var src;
-        return _regeneratorRuntime.wrap(function _callee2$(_context2) {
-          while (1) switch (_context2.prev = _context2.next) {
-            case 0:
-              _context2.next = 2;
-              return _this.props.mediaClient.mediaStore.getDocumentPageImage(_this.props.item.id, {
-                page: pageNumber,
-                zoom: zoom,
-                collectionName: _this.props.collectionName
-              });
-            case 2:
-              src = _context2.sent;
-              return _context2.abrupt("return", URL.createObjectURL(src));
-            case 4:
-            case "end":
-              return _context2.stop();
-          }
-        }, _callee2);
-      }));
-      return function (_x3, _x4) {
-        return _ref2.apply(this, arguments);
-      };
-    }());
-    _defineProperty(_this, "onZoomChange", function (newZoomLevel) {
-      _this.setState({
-        zoomLevel: newZoomLevel
-      });
-    });
     return _this;
   }
   _inherits(DocViewer, _BaseViewer);
@@ -90,7 +30,9 @@ export var DocViewer = /*#__PURE__*/function (_BaseViewer) {
     get: function get() {
       return {
         content: Outcome.pending(),
-        zoomLevel: new ZoomLevel(1.75)
+        zoomLevel: new ZoomLevel(1.75),
+        isPasswordProtected: false,
+        hasPasswordError: false
       };
     }
   }, {
@@ -104,10 +46,10 @@ export var DocViewer = /*#__PURE__*/function (_BaseViewer) {
   }, {
     key: "init",
     value: function () {
-      var _init = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
+      var _init = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
         var item;
-        return _regeneratorRuntime.wrap(function _callee3$(_context3) {
-          while (1) switch (_context3.prev = _context3.next) {
+        return _regeneratorRuntime.wrap(function _callee$(_context) {
+          while (1) switch (_context.prev = _context.next) {
             case 0:
               item = this.props.item;
               this.setState({
@@ -115,9 +57,9 @@ export var DocViewer = /*#__PURE__*/function (_BaseViewer) {
               });
             case 2:
             case "end":
-              return _context3.stop();
+              return _context.stop();
           }
-        }, _callee3, this);
+        }, _callee, this);
       }));
       function init() {
         return _init.apply(this, arguments);
@@ -138,17 +80,13 @@ export var DocViewer = /*#__PURE__*/function (_BaseViewer) {
   }, {
     key: "renderSuccessful",
     value: function renderSuccessful() {
-      return /*#__PURE__*/React.createElement("div", {
-        id: DOCUMENT_SCROLL_ROOT_ID,
-        className: ax(["_1reo1wug _18m91wug _4t3i1kxc _1bsbauwl"])
-      }, /*#__PURE__*/React.createElement(DocumentViewer, {
-        getContent: this.getContent,
-        getPageImageUrl: this.getPageImageUrl,
-        zoom: this.state.zoomLevel.value
-      }), /*#__PURE__*/React.createElement(ZoomControls, {
-        onChange: this.onZoomChange,
-        zoomLevel: this.state.zoomLevel
-      }));
+      return /*#__PURE__*/React.createElement(DocViewerComponent, {
+        mediaClient: this.props.mediaClient,
+        fileState: this.props.item,
+        collectionName: this.props.collectionName,
+        onError: this.props.onError,
+        traceContext: this.props.traceContext
+      });
     }
   }]);
 }(BaseViewer);

package/dist/esm/viewers/doc-next/passwordInput.compiled.css

@@ -0,0 +1,11 @@
+._11c8dcr7{font:var(--ds-font-body-UNSAFE_small,normal 400 9pt/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
+._12nx2smr h1{font:var(--ds-font-body,normal 400 14px/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
+._125x1366 p{color:#fd9891}
+._18u01b66{margin-left:var(--ds-space-050,4px)}
+._19pk1b66{margin-top:var(--ds-space-050,4px)}
+._19pkidpf{margin-top:0}
+._1e0c1txw{display:flex}
+._1nda9txx h1{color:#b6c2cf}
+._1twlmoej h1{font-weight:var(--ds-font-weight-bold,700)}
+._4cvr1h6o{align-items:center}
+._syaz1366{color:#fd9891}

package/dist/esm/viewers/doc-next/passwordInput.js

@@ -0,0 +1,117 @@
+/* passwordInput.tsx generated by @compiled/babel-plugin v0.36.1 */
+import _extends from "@babel/runtime/helpers/extends";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import "./passwordInput.compiled.css";
+import * as React from 'react';
+import { ax, ix } from "@compiled/react/runtime";
+import { useEffect, useRef, useState } from 'react';
+import Button from '@atlaskit/button/new';
+import TextField from '@atlaskit/textfield';
+import LockIcon from '@atlaskit/icon/core/migration/lock-locked--lock';
+import Form, { Field } from '@atlaskit/form';
+import { FormattedMessage, useIntl } from 'react-intl-next';
+import { messages } from '@atlaskit/media-ui';
+import { xcss, Box, Flex, Text } from '@atlaskit/primitives';
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+import ErrorIcon from '@atlaskit/icon/core/migration/error';
+import Heading from '@atlaskit/heading';
+var COLOR_SHADE = '#b6c2cf';
+var ERROR_COLOR = '#FD9891';
+var headingStyle = null;
+var errorMessageWrapperStyle = null;
+var errorMessageStyle = null;
+var headerStyles = xcss({
+  textAlign: 'center',
+  marginTop: 'space.200',
+  marginBottom: 'space.200'
+});
+var inputStyle = xcss({
+  width: '330px'
+});
+var footerStyles = xcss({
+  marginTop: 'space.200',
+  display: 'flex',
+  justifyContent: 'center'
+});
+export var PasswordInput = function PasswordInput(_ref) {
+  var onSubmit = _ref.onSubmit,
+    hasPasswordError = _ref.hasPasswordError,
+    onRender = _ref.onRender;
+  var passwordInputRef = useRef(null);
+  var onRenderRef = useRef(onRender);
+  var _useState = useState(hasPasswordError),
+    _useState2 = _slicedToArray(_useState, 2),
+    formError = _useState2[0],
+    setFormError = _useState2[1];
+  var intl = useIntl();
+  useEffect(function () {
+    var _onRenderRef$current;
+    (_onRenderRef$current = onRenderRef.current) === null || _onRenderRef$current === void 0 || _onRenderRef$current.call(onRenderRef);
+  }, []);
+  useEffect(function () {
+    if (hasPasswordError) {
+      var _passwordInputRef$cur;
+      setFormError(true);
+      (_passwordInputRef$cur = passwordInputRef.current) === null || _passwordInputRef$cur === void 0 || _passwordInputRef$cur.focus();
+    }
+  }, [hasPasswordError]);
+  return /*#__PURE__*/React.createElement(Form, {
+    onSubmit: onSubmit
+  }, function (_ref2) {
+    var formProps = _ref2.formProps,
+      submitting = _ref2.submitting;
+    return /*#__PURE__*/React.createElement("form", formProps, /*#__PURE__*/React.createElement(Flex, {
+      justifyContent: "center"
+    }, /*#__PURE__*/React.createElement(LockIcon, {
+      label: "",
+      LEGACY_size: "xlarge",
+      color: COLOR_SHADE
+    })), /*#__PURE__*/React.createElement(Box, {
+      xcss: headerStyles
+    }, /*#__PURE__*/React.createElement("div", {
+      className: ax(["_12nx2smr _1twlmoej _1nda9txx"])
+    }, /*#__PURE__*/React.createElement(Heading, {
+      as: "h1",
+      size: "medium"
+    }, /*#__PURE__*/React.createElement(FormattedMessage, messages.password_protected_pdf)))), /*#__PURE__*/React.createElement(Field, {
+      "aria-required": true,
+      name: "password",
+      defaultValue: "",
+      isRequired: true
+    }, function (_ref3) {
+      var fieldProps = _ref3.fieldProps;
+      return /*#__PURE__*/React.createElement(Box, {
+        xcss: inputStyle
+      }, /*#__PURE__*/React.createElement(TextField, _extends({}, fieldProps, {
+        type: "password",
+        "aria-label": intl.formatMessage(messages.password),
+        placeholder: intl.formatMessage(messages.enter_password),
+        ref: passwordInputRef,
+        "aria-describedby": formError ? "".concat(fieldProps.id, "-error") : undefined,
+        onChange: function onChange(value) {
+          fieldProps.onChange(value);
+          setFormError(false);
+        }
+      })), formError && /*#__PURE__*/React.createElement("div", {
+        id: "".concat(fieldProps.id, "-error"),
+        className: ax(["_11c8dcr7 _19pk1b66 _1e0c1txw _4cvr1h6o _syaz1366 _125x1366"])
+      }, /*#__PURE__*/React.createElement(ErrorIcon, {
+        color: "currentColor",
+        LEGACY_size: "small",
+        label: "",
+        size: "small"
+      }), /*#__PURE__*/React.createElement("div", {
+        id: "".concat(fieldProps.id, "-errorMessage"),
+        className: ax(["_19pkidpf _18u01b66"])
+      }, /*#__PURE__*/React.createElement(Text, {
+        as: "p"
+      }, /*#__PURE__*/React.createElement(FormattedMessage, messages.incorrect_password)))));
+    }), /*#__PURE__*/React.createElement(Box, {
+      xcss: footerStyles
+    }, /*#__PURE__*/React.createElement(Button, {
+      appearance: "primary",
+      type: "submit",
+      isLoading: submitting
+    }, /*#__PURE__*/React.createElement(FormattedMessage, messages.submit))));
+  });
+};

package/dist/types/errors.d.ts

@@ -13,7 +13,7 @@ export declare class ArchiveViewerError extends MediaViewerError {
     constructor(primaryReason: ArchiveViewerErrorReason, secondaryError?: Error | undefined, zipEntry?: ZipEntry | undefined);
 }
 export declare function isArchiveViewerError(err: Error): err is ArchiveViewerError;
-export type MediaViewerErrorReason = 'collection-fetch-metadata' | 'header-fetch-metadata' | 'itemviewer-onerror' | 'itemviewer-fetch-metadata' | 'itemviewer-file-error-status' | 'itemviewer-file-failed-processing-status' | 'imageviewer-external-onerror' | 'imageviewer-fetch-url' | 'imageviewer-src-onerror' | 'audioviewer-fetch-url' | 'audioviewer-missing-artefact' | 'audioviewer-playback' | 'videoviewer-fetch-url' | 'videoviewer-missing-artefact' | 'videoviewer-playback' | 'docviewer-fetch-url' | 'docviewer-fetch-pdf' | 'codeviewer-fetch-src' | 'codeviewer-load-src' | 'codeviewer-file-size-exceeds' | 'codeviewer-parse-email' | 'svg-img-error' | 'svg-binary-fetch' | 'svg-unknown-error' | 'svg-blob-to-datauri' | 'unsupported' | 'custom-viewer-error' | 'download';
+export type MediaViewerErrorReason = 'collection-fetch-metadata' | 'header-fetch-metadata' | 'itemviewer-onerror' | 'itemviewer-fetch-metadata' | 'itemviewer-file-error-status' | 'itemviewer-file-failed-processing-status' | 'imageviewer-external-onerror' | 'imageviewer-fetch-url' | 'imageviewer-src-onerror' | 'audioviewer-fetch-url' | 'audioviewer-missing-artefact' | 'audioviewer-playback' | 'videoviewer-fetch-url' | 'videoviewer-missing-artefact' | 'videoviewer-playback' | 'docviewer-fetch-url' | 'docviewer-content-fetch-failed' | 'docviewer-fetch-pdf' | 'codeviewer-fetch-src' | 'codeviewer-load-src' | 'codeviewer-file-size-exceeds' | 'codeviewer-parse-email' | 'svg-img-error' | 'svg-binary-fetch' | 'svg-unknown-error' | 'svg-blob-to-datauri' | 'unsupported' | 'custom-viewer-error' | 'download';
 export type ArchiveViewerErrorReason = 'archiveviewer-bundle-loader' | 'archiveviewer-read-binary' | 'archiveviewer-create-url' | 'archiveviewer-imageviewer-onerror' | 'archiveviewer-videoviewer-onerror' | 'archiveviewer-audioviewer-onerror' | 'archiveviewer-docviewer-onerror' | 'archiveviewer-codeviewer-onerror' | 'archiveviewer-codeviewer-file-size-exceeds' | 'archiveviewer-missing-name-src' | 'archiveviewer-unsupported' | 'archiveviewer-encrypted-entry' | 'archiveviewer-customrenderer-onerror';
 export type PrimaryErrorReason = MediaViewerErrorReason | ArchiveViewerErrorReason;
 export type SecondaryErrorReason = MediaClientErrorReason | 'unknown' | 'nativeError' | undefined;

package/dist/types/viewers/doc-next/doc-viewer.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { type MediaClient, type FileState } from '@atlaskit/media-client';
+import { type MediaTraceContext } from '@atlaskit/media-common';
+import { MediaViewerError } from '../../errors';
+type Props = {
+    mediaClient: MediaClient;
+    fileState: FileState;
+    collectionName?: string;
+    onError: (error: MediaViewerError) => void;
+    traceContext: MediaTraceContext;
+};
+export declare const DocViewer: ({ mediaClient, fileState, collectionName, onError, traceContext, }: Props) => JSX.Element;
+export default DocViewer;

package/dist/types/viewers/doc-next/index.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { type MediaClient, type FileState } from '@atlaskit/media-client';
 import { Outcome } from '../../domain';
 import { MediaViewerError } from '../../errors';
@@ -17,18 +17,20 @@ export type Props = {
 export type State = {
     content: Outcome<string, MediaViewerError>;
     zoomLevel: ZoomLevel;
+    isPasswordProtected: boolean;
+    password?: string;
+    hasPasswordError: boolean;
 };
 export declare class DocViewer extends BaseViewer<string, Props, State> {
     private isObjectUrl;
     protected get initialState(): {
         content: Outcome<string, MediaViewerError>;
         zoomLevel: ZoomLevel;
+        isPasswordProtected: boolean;
+        hasPasswordError: boolean;
     };
     protected needsReset(propsA: Props, propsB: Props): boolean;
     protected init(): Promise<void>;
     protected release(): void;
-    private getContent;
-    private getPageImageUrl;
-    private onZoomChange;
-    protected renderSuccessful(): JSX.Element;
+    protected renderSuccessful(): React.JSX.Element;
 }

package/dist/types/viewers/doc-next/passwordInput.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { type OnSubmitHandler } from '@atlaskit/form';
+interface PDFPasswordInputProps {
+    onSubmit: OnSubmitHandler<{
+        password: string;
+    }>;
+    hasPasswordError?: boolean;
+    onRender?: () => void;
+}
+export declare const PasswordInput: ({ onSubmit, hasPasswordError, onRender }: PDFPasswordInputProps) => JSX.Element;
+export {};

package/dist/types-ts4.5/errors.d.ts

@@ -13,7 +13,7 @@ export declare class ArchiveViewerError extends MediaViewerError {
     constructor(primaryReason: ArchiveViewerErrorReason, secondaryError?: Error | undefined, zipEntry?: ZipEntry | undefined);
 }
 export declare function isArchiveViewerError(err: Error): err is ArchiveViewerError;
-export type MediaViewerErrorReason = 'collection-fetch-metadata' | 'header-fetch-metadata' | 'itemviewer-onerror' | 'itemviewer-fetch-metadata' | 'itemviewer-file-error-status' | 'itemviewer-file-failed-processing-status' | 'imageviewer-external-onerror' | 'imageviewer-fetch-url' | 'imageviewer-src-onerror' | 'audioviewer-fetch-url' | 'audioviewer-missing-artefact' | 'audioviewer-playback' | 'videoviewer-fetch-url' | 'videoviewer-missing-artefact' | 'videoviewer-playback' | 'docviewer-fetch-url' | 'docviewer-fetch-pdf' | 'codeviewer-fetch-src' | 'codeviewer-load-src' | 'codeviewer-file-size-exceeds' | 'codeviewer-parse-email' | 'svg-img-error' | 'svg-binary-fetch' | 'svg-unknown-error' | 'svg-blob-to-datauri' | 'unsupported' | 'custom-viewer-error' | 'download';
+export type MediaViewerErrorReason = 'collection-fetch-metadata' | 'header-fetch-metadata' | 'itemviewer-onerror' | 'itemviewer-fetch-metadata' | 'itemviewer-file-error-status' | 'itemviewer-file-failed-processing-status' | 'imageviewer-external-onerror' | 'imageviewer-fetch-url' | 'imageviewer-src-onerror' | 'audioviewer-fetch-url' | 'audioviewer-missing-artefact' | 'audioviewer-playback' | 'videoviewer-fetch-url' | 'videoviewer-missing-artefact' | 'videoviewer-playback' | 'docviewer-fetch-url' | 'docviewer-content-fetch-failed' | 'docviewer-fetch-pdf' | 'codeviewer-fetch-src' | 'codeviewer-load-src' | 'codeviewer-file-size-exceeds' | 'codeviewer-parse-email' | 'svg-img-error' | 'svg-binary-fetch' | 'svg-unknown-error' | 'svg-blob-to-datauri' | 'unsupported' | 'custom-viewer-error' | 'download';
 export type ArchiveViewerErrorReason = 'archiveviewer-bundle-loader' | 'archiveviewer-read-binary' | 'archiveviewer-create-url' | 'archiveviewer-imageviewer-onerror' | 'archiveviewer-videoviewer-onerror' | 'archiveviewer-audioviewer-onerror' | 'archiveviewer-docviewer-onerror' | 'archiveviewer-codeviewer-onerror' | 'archiveviewer-codeviewer-file-size-exceeds' | 'archiveviewer-missing-name-src' | 'archiveviewer-unsupported' | 'archiveviewer-encrypted-entry' | 'archiveviewer-customrenderer-onerror';
 export type PrimaryErrorReason = MediaViewerErrorReason | ArchiveViewerErrorReason;
 export type SecondaryErrorReason = MediaClientErrorReason | 'unknown' | 'nativeError' | undefined;

package/dist/types-ts4.5/viewers/doc-next/doc-viewer.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { type MediaClient, type FileState } from '@atlaskit/media-client';
+import { type MediaTraceContext } from '@atlaskit/media-common';
+import { MediaViewerError } from '../../errors';
+type Props = {
+    mediaClient: MediaClient;
+    fileState: FileState;
+    collectionName?: string;
+    onError: (error: MediaViewerError) => void;
+    traceContext: MediaTraceContext;
+};
+export declare const DocViewer: ({ mediaClient, fileState, collectionName, onError, traceContext, }: Props) => JSX.Element;
+export default DocViewer;

package/dist/types-ts4.5/viewers/doc-next/index.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { type MediaClient, type FileState } from '@atlaskit/media-client';
 import { Outcome } from '../../domain';
 import { MediaViewerError } from '../../errors';
@@ -17,18 +17,20 @@ export type Props = {
 export type State = {
     content: Outcome<string, MediaViewerError>;
     zoomLevel: ZoomLevel;
+    isPasswordProtected: boolean;
+    password?: string;
+    hasPasswordError: boolean;
 };
 export declare class DocViewer extends BaseViewer<string, Props, State> {
     private isObjectUrl;
     protected get initialState(): {
         content: Outcome<string, MediaViewerError>;
         zoomLevel: ZoomLevel;
+        isPasswordProtected: boolean;
+        hasPasswordError: boolean;
     };
     protected needsReset(propsA: Props, propsB: Props): boolean;
     protected init(): Promise<void>;
     protected release(): void;
-    private getContent;
-    private getPageImageUrl;
-    private onZoomChange;
-    protected renderSuccessful(): JSX.Element;
+    protected renderSuccessful(): React.JSX.Element;
 }

package/dist/types-ts4.5/viewers/doc-next/passwordInput.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { type OnSubmitHandler } from '@atlaskit/form';
+interface PDFPasswordInputProps {
+    onSubmit: OnSubmitHandler<{
+        password: string;
+    }>;
+    hasPasswordError?: boolean;
+    onRender?: () => void;
+}
+export declare const PasswordInput: ({ onSubmit, hasPasswordError, onRender }: PDFPasswordInputProps) => JSX.Element;
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/media-viewer",
-	"version": "52.3.2",
+	"version": "52.4.0",
 	"description": "MediaViewer is Atlassian's powerful solution for viewing files on the web. It's both powerful and extendable yet easy-to-integrate",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -42,15 +42,15 @@
 		"@atlaskit/css": "^0.11.0",
 		"@atlaskit/form": "^12.0.0",
 		"@atlaskit/heading": "^5.2.0",
-		"@atlaskit/icon": "^27.0.0",
+		"@atlaskit/icon": "^27.2.0",
 		"@atlaskit/icon-file-type": "^7.0.0",
 		"@atlaskit/icon-lab": "^5.0.0",
-		"@atlaskit/media-client": "^34.0.0",
+		"@atlaskit/media-client": "^34.2.0",
 		"@atlaskit/media-client-react": "^4.1.0",
-		"@atlaskit/media-common": "^12.2.0",
+		"@atlaskit/media-common": "^12.3.0",
 		"@atlaskit/media-document-viewer": "^0.2.0",
 		"@atlaskit/media-svg": "^2.1.0",
-		"@atlaskit/media-ui": "^28.3.0",
+		"@atlaskit/media-ui": "^28.5.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/portal": "^5.1.0",
 		"@atlaskit/primitives": "^14.9.0",
@@ -58,7 +58,7 @@
 		"@atlaskit/spinner": "^18.0.0",
 		"@atlaskit/textfield": "^8.0.0",
 		"@atlaskit/theme": "^18.0.0",
-		"@atlaskit/tokens": "^5.3.0",
+		"@atlaskit/tokens": "^5.4.0",
 		"@atlaskit/tooltip": "^20.3.0",
 		"@atlaskit/ufo": "^0.4.0",
 		"@babel/runtime": "^7.0.0",