@atlaskit/media-viewer 48.0.12 → 48.0.14

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/media-viewer
 
+## 48.0.14
+
+### Patch Changes
+
+- [`6900f89eb0e`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6900f89eb0e) - Internal changes to use space tokens. There is no expected visual or behaviour change.
+
+## 48.0.13
+
+### Patch Changes
+
+- [`d6081fc0e01`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d6081fc0e01) - [ux] Bug Fix: Prevent scrolling to the top of the page after closing MediaViewer. In doing so, MediaViewer will no longer return the focus to its initial position onced MediaViewer is closed.
+
 ## 48.0.12
 
 ### Patch Changes
@@ -2113,21 +2125,21 @@ withAnalyticsEvents<Props>()(Button);
 
 ## 25.0.0
 
-- [major][023cb45" d](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/023cb45"
+- [major][023cb45](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/023cb45"
   d):
 
   - Add i18n support to MediaViewer
 
 ## 24.1.11
 
-- [patch][12afe80" d](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/12afe80"
+- [patch][12afe80](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/12afe80"
   d):
 
   - Move mocks directory structure to fix dist build issues
 
 ## 24.1.10
 
-- [patch][4b84e8b" d](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/4b84e8b"
+- [patch][4b84e8b](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/4b84e8b"
   d):
 
   - Avoid unnecessary render cycle in ItemViewer

package/dist/cjs/analytics/index.js

@@ -12,7 +12,7 @@ var componentName = 'mediaViewer';
 exports.component = exports.componentName = componentName;
 var packageName = "@atlaskit/media-viewer";
 exports.packageName = packageName;
-var packageVersion = "48.0.12";
+var packageVersion = "48.0.14";
 exports.packageVersion = packageVersion;
 function getFileAttributes(fileState) {
   if (!fileState) {

package/dist/cjs/analytics/ufoExperiences.js

@@ -12,7 +12,7 @@ var _mediaCommon = require("@atlaskit/media-common");
 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; }
 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; }
 var packageName = "@atlaskit/media-viewer";
-var packageVersion = "48.0.12";
+var packageVersion = "48.0.14";
 var ufoExperience;
 var getExperience = function getExperience() {
   if (!ufoExperience) {

package/dist/cjs/media-viewer.js

@@ -150,8 +150,7 @@ var MediaViewerWithRef = /*#__PURE__*/_react.default.forwardRef(function (props,
 });
 var MediaViewerWithScrollLock = function MediaViewerWithScrollLock(props) {
   return /*#__PURE__*/_react.default.createElement(_reactFocusLock.default, {
-    autoFocus: true,
-    returnFocus: true
+    autoFocus: true
   }, /*#__PURE__*/_react.default.createElement(_reactScrolllock.default, null), /*#__PURE__*/_react.default.createElement(MediaViewerWithRef, props));
 };
 var MediaViewer = (0, _mediaCommon.withMediaAnalyticsContext)({

package/dist/cjs/styles.js

@@ -51,7 +51,7 @@ var zoomLevelIndicatorStyles = (0, _react.css)(_templateObject9 || (_templateObj
 exports.zoomLevelIndicatorStyles = zoomLevelIndicatorStyles;
 var hdIconGroupWrapperStyles = (0, _react.css)(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2.default)(["\n  position: absolute;\n  right: 69px;\n  bottom: ", ";\n"])), "var(--ds-space-200, 16px)");
 exports.hdIconGroupWrapperStyles = hdIconGroupWrapperStyles;
-var hdIconWrapperStyles = (0, _react.css)(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteral2.default)(["\n  display: inline-block;\n  vertical-align: top;\n  margin-left: calc(-1 * ", ");\n"])), "var(--ds-space-300, 24px)");
+var hdIconWrapperStyles = (0, _react.css)(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteral2.default)(["\n  display: inline-block;\n  vertical-align: top;\n  margin-left: ", ";\n"])), "var(--ds-space-negative-300, -24px)");
 exports.hdIconWrapperStyles = hdIconWrapperStyles;
 var errorMessageWrapperStyles = (0, _react.css)(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteral2.default)(["\n  text-align: center;\n  color: #c7d1db;\n  p {\n    line-height: 100%;\n  }\n"])));
 

package/dist/cjs/viewers/doc/pdfRenderer.js

@@ -36,7 +36,7 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
 var pdfViewerClassName = 'pdfViewer';
 /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
 exports.pdfViewerClassName = pdfViewerClassName;
-var globalStyles = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  .", " {\n    margin-top: ", ";\n    margin-bottom: ", ";\n    .page {\n      margin: 1px auto -8px auto;\n      border: 9px solid transparent;\n      position: relative;\n\n      .canvasWrapper {\n        overflow: hidden;\n      }\n\n      .textLayer {\n        position: absolute;\n        left: 0;\n        top: 0;\n        right: 0;\n        bottom: 0;\n        overflow: hidden;\n        line-height: 1;\n        font-family: sans-serif;\n        opacity: 0.8;\n\n        ::selection {\n          background: rgb(0, 0, 255);\n        }\n      }\n\n      .annotationLayer {\n        position: absolute;\n        top: 0;\n        bottom: 0;\n      }\n\n      .textLayer > div,\n      .annotationLayer > section {\n        color: transparent;\n        position: absolute;\n        white-space: pre;\n        cursor: text;\n        transform-origin: 0% 0%;\n      }\n      .linkAnnotation > a {\n        position: absolute;\n        font-size: 1em;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n      }\n\n      .linkAnnotation > a {\n        background: url('data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7')\n          0 0 repeat;\n      }\n\n      .linkAnnotation > a:hover {\n        opacity: 0.2;\n        background: #ff0;\n        box-shadow: 0 2px 10px #ff0;\n      }\n    }\n  }\n"])), pdfViewerClassName, "var(--ds-space-800, 64px)", "var(--ds-space-800, 64px)");
+var globalStyles = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  .", " {\n    margin-top: ", ";\n    margin-bottom: ", ";\n    .page {\n      margin: 1px auto ", " auto;\n      border: 9px solid transparent;\n      position: relative;\n\n      .canvasWrapper {\n        overflow: hidden;\n      }\n\n      .textLayer {\n        position: absolute;\n        left: 0;\n        top: 0;\n        right: 0;\n        bottom: 0;\n        overflow: hidden;\n        line-height: 1;\n        font-family: sans-serif;\n        opacity: 0.8;\n\n        ::selection {\n          background: rgb(0, 0, 255);\n        }\n      }\n\n      .annotationLayer {\n        position: absolute;\n        top: 0;\n        bottom: 0;\n      }\n\n      .textLayer > div,\n      .annotationLayer > section {\n        color: transparent;\n        position: absolute;\n        white-space: pre;\n        cursor: text;\n        transform-origin: 0% 0%;\n      }\n      .linkAnnotation > a {\n        position: absolute;\n        font-size: 1em;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n      }\n\n      .linkAnnotation > a {\n        background: url('data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7')\n          0 0 repeat;\n      }\n\n      .linkAnnotation > a:hover {\n        opacity: 0.2;\n        background: #ff0;\n        box-shadow: 0 2px 10px #ff0;\n      }\n    }\n  }\n"])), pdfViewerClassName, "var(--ds-space-800, 64px)", "var(--ds-space-800, 64px)", "var(--ds-space-negative-100, -8px)");
 /* eslint-enable no-unused-expressions */
 /* eslint-enable @atlaskit/design-system/ensure-design-token-usage */
 

package/dist/es2019/analytics/index.js

@@ -1,7 +1,7 @@
 import { ANALYTICS_MEDIA_CHANNEL } from '@atlaskit/media-common';
 const componentName = 'mediaViewer';
 const packageName = "@atlaskit/media-viewer";
-const packageVersion = "48.0.12";
+const packageVersion = "48.0.14";
 export { packageName, packageVersion, componentName, componentName as component };
 export function getFileAttributes(fileState) {
   if (!fileState) {

package/dist/es2019/analytics/ufoExperiences.js

@@ -2,7 +2,7 @@ import { UFOExperience, ExperiencePerformanceTypes, ExperienceTypes } from '@atl
 import { getMediaEnvironment, getMediaRegion } from '@atlaskit/media-client';
 import { getFeatureFlagKeysAllProducts } from '@atlaskit/media-common';
 const packageName = "@atlaskit/media-viewer";
-const packageVersion = "48.0.12";
+const packageVersion = "48.0.14";
 let ufoExperience;
 const getExperience = () => {
   if (!ufoExperience) {

package/dist/es2019/media-viewer.js

@@ -129,8 +129,7 @@ const MediaViewerWithRef = /*#__PURE__*/React.forwardRef((props, ref) => {
 });
 const MediaViewerWithScrollLock = props => {
   return /*#__PURE__*/React.createElement(FocusLock, {
-    autoFocus: true,
-    returnFocus: true
+    autoFocus: true
   }, /*#__PURE__*/React.createElement(ScrollLock, null), /*#__PURE__*/React.createElement(MediaViewerWithRef, props));
 };
 export const MediaViewer = withMediaAnalyticsContext({

package/dist/es2019/styles.js

@@ -116,7 +116,7 @@ export const hdIconGroupWrapperStyles = css`
 export const hdIconWrapperStyles = css`
   display: inline-block;
   vertical-align: top;
-  margin-left: calc(-1 * ${"var(--ds-space-300, 24px)"});
+  margin-left: ${"var(--ds-space-negative-300, -24px)"};
 `;
 export const errorMessageWrapperStyles = css`
   text-align: center;

package/dist/es2019/viewers/doc/pdfRenderer.js

@@ -18,7 +18,7 @@ const globalStyles = css`
     margin-top: ${"var(--ds-space-800, 64px)"};
     margin-bottom: ${"var(--ds-space-800, 64px)"};
     .page {
-      margin: 1px auto -8px auto;
+      margin: 1px auto ${"var(--ds-space-negative-100, -8px)"} auto;
       border: 9px solid transparent;
       position: relative;
 

package/dist/esm/analytics/index.js

@@ -1,7 +1,7 @@
 import { ANALYTICS_MEDIA_CHANNEL } from '@atlaskit/media-common';
 var componentName = 'mediaViewer';
 var packageName = "@atlaskit/media-viewer";
-var packageVersion = "48.0.12";
+var packageVersion = "48.0.14";
 export { packageName, packageVersion, componentName, componentName as component };
 export function getFileAttributes(fileState) {
   if (!fileState) {

package/dist/esm/analytics/ufoExperiences.js

@@ -5,7 +5,7 @@ import { UFOExperience, ExperiencePerformanceTypes, ExperienceTypes } from '@atl
 import { getMediaEnvironment, getMediaRegion } from '@atlaskit/media-client';
 import { getFeatureFlagKeysAllProducts } from '@atlaskit/media-common';
 var packageName = "@atlaskit/media-viewer";
-var packageVersion = "48.0.12";
+var packageVersion = "48.0.14";
 var ufoExperience;
 var getExperience = function getExperience() {
   if (!ufoExperience) {

package/dist/esm/media-viewer.js

@@ -142,8 +142,7 @@ var MediaViewerWithRef = /*#__PURE__*/React.forwardRef(function (props, ref) {
 });
 var MediaViewerWithScrollLock = function MediaViewerWithScrollLock(props) {
   return /*#__PURE__*/React.createElement(FocusLock, {
-    autoFocus: true,
-    returnFocus: true
+    autoFocus: true
   }, /*#__PURE__*/React.createElement(ScrollLock, null), /*#__PURE__*/React.createElement(MediaViewerWithRef, props));
 };
 export var MediaViewer = withMediaAnalyticsContext({

package/dist/esm/styles.js

@@ -33,7 +33,7 @@ export var zoomLevelIndicatorStyles = css(_templateObject9 || (_templateObject9
 
 // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
 export var hdIconGroupWrapperStyles = css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n  position: absolute;\n  right: 69px;\n  bottom: ", ";\n"])), "var(--ds-space-200, 16px)");
-export var hdIconWrapperStyles = css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n  display: inline-block;\n  vertical-align: top;\n  margin-left: calc(-1 * ", ");\n"])), "var(--ds-space-300, 24px)");
+export var hdIconWrapperStyles = css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n  display: inline-block;\n  vertical-align: top;\n  margin-left: ", ";\n"])), "var(--ds-space-negative-300, -24px)");
 export var errorMessageWrapperStyles = css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n  text-align: center;\n  color: #c7d1db;\n  p {\n    line-height: 100%;\n  }\n"])));
 
 // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage

package/dist/esm/viewers/doc/pdfRenderer.js

@@ -25,7 +25,7 @@ import { ZoomLevel } from '../../domain/zoomLevel';
 import { processError } from './processError';
 export var pdfViewerClassName = 'pdfViewer';
 /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
-var globalStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .", " {\n    margin-top: ", ";\n    margin-bottom: ", ";\n    .page {\n      margin: 1px auto -8px auto;\n      border: 9px solid transparent;\n      position: relative;\n\n      .canvasWrapper {\n        overflow: hidden;\n      }\n\n      .textLayer {\n        position: absolute;\n        left: 0;\n        top: 0;\n        right: 0;\n        bottom: 0;\n        overflow: hidden;\n        line-height: 1;\n        font-family: sans-serif;\n        opacity: 0.8;\n\n        ::selection {\n          background: rgb(0, 0, 255);\n        }\n      }\n\n      .annotationLayer {\n        position: absolute;\n        top: 0;\n        bottom: 0;\n      }\n\n      .textLayer > div,\n      .annotationLayer > section {\n        color: transparent;\n        position: absolute;\n        white-space: pre;\n        cursor: text;\n        transform-origin: 0% 0%;\n      }\n      .linkAnnotation > a {\n        position: absolute;\n        font-size: 1em;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n      }\n\n      .linkAnnotation > a {\n        background: url('data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7')\n          0 0 repeat;\n      }\n\n      .linkAnnotation > a:hover {\n        opacity: 0.2;\n        background: #ff0;\n        box-shadow: 0 2px 10px #ff0;\n      }\n    }\n  }\n"])), pdfViewerClassName, "var(--ds-space-800, 64px)", "var(--ds-space-800, 64px)");
+var globalStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .", " {\n    margin-top: ", ";\n    margin-bottom: ", ";\n    .page {\n      margin: 1px auto ", " auto;\n      border: 9px solid transparent;\n      position: relative;\n\n      .canvasWrapper {\n        overflow: hidden;\n      }\n\n      .textLayer {\n        position: absolute;\n        left: 0;\n        top: 0;\n        right: 0;\n        bottom: 0;\n        overflow: hidden;\n        line-height: 1;\n        font-family: sans-serif;\n        opacity: 0.8;\n\n        ::selection {\n          background: rgb(0, 0, 255);\n        }\n      }\n\n      .annotationLayer {\n        position: absolute;\n        top: 0;\n        bottom: 0;\n      }\n\n      .textLayer > div,\n      .annotationLayer > section {\n        color: transparent;\n        position: absolute;\n        white-space: pre;\n        cursor: text;\n        transform-origin: 0% 0%;\n      }\n      .linkAnnotation > a {\n        position: absolute;\n        font-size: 1em;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n      }\n\n      .linkAnnotation > a {\n        background: url('data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7')\n          0 0 repeat;\n      }\n\n      .linkAnnotation > a:hover {\n        opacity: 0.2;\n        background: #ff0;\n        box-shadow: 0 2px 10px #ff0;\n      }\n    }\n  }\n"])), pdfViewerClassName, "var(--ds-space-800, 64px)", "var(--ds-space-800, 64px)", "var(--ds-space-negative-100, -8px)");
 /* eslint-enable no-unused-expressions */
 /* eslint-enable @atlaskit/design-system/ensure-design-token-usage */
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/media-viewer",
-  "version": "48.0.12",
+  "version": "48.0.14",
   "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/"
@@ -36,7 +36,7 @@
   },
   "dependencies": {
     "@atlaskit/analytics-next": "^9.1.0",
-    "@atlaskit/button": "^16.9.0",
+    "@atlaskit/button": "^16.10.0",
     "@atlaskit/code": "^14.6.0",
     "@atlaskit/icon": "^21.12.0",
     "@atlaskit/icon-file-type": "^6.4.0",
@@ -46,7 +46,7 @@
     "@atlaskit/side-navigation": "^2.0.0",
     "@atlaskit/spinner": "^15.5.0",
     "@atlaskit/theme": "^12.6.0",
-    "@atlaskit/tokens": "^1.20.0",
+    "@atlaskit/tokens": "^1.21.0",
     "@atlaskit/ufo": "^0.2.0",
     "@babel/runtime": "^7.0.0",
     "@kenjiuno/msgreader": "^1.2.6",
@@ -66,7 +66,7 @@
     "react-intl-next": "npm:react-intl@^5.18.1"
   },
   "devDependencies": {
-    "@atlaskit/button": "^16.9.0",
+    "@atlaskit/button": "^16.10.0",
     "@atlaskit/media-core": "^34.1.0",
     "@atlaskit/media-integration-test-helpers": "^3.0.0",
     "@atlaskit/media-test-helpers": "^33.0.0",