@atlaskit/media-viewer 48.6.2 → 48.6.4

package/dist/cjs/viewers/svg/index.js

@@ -16,15 +16,18 @@ var _zoomLevel = require("../../domain/zoomLevel");
 var _zoomControls = require("../../zoomControls");
 var _closed = require("../../analytics/events/ui/closed");
 var _mediaSvg = _interopRequireDefault(require("@atlaskit/media-svg"));
+var _errors = require("../../errors");
 var _utils = require("./utils");
 var _ImageWrapper = require("./ImageWrapper");
+var _errors2 = require("./errors");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 var SvgViewerBase = function SvgViewerBase(_ref) {
   var identifier = _ref.identifier,
     onLoad = _ref.onLoad,
     onClose = _ref.onClose,
-    onBlanketClicked = _ref.onBlanketClicked;
+    onBlanketClicked = _ref.onBlanketClicked,
+    onError = _ref.onError;
   var _useState = (0, _react.useState)(new _zoomLevel.ZoomLevel(1)),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     zoomLevel = _useState2[0],
@@ -79,7 +82,7 @@ var SvgViewerBase = function SvgViewerBase(_ref) {
       document.removeEventListener('mouseup', stopDragging);
     };
   }, [onResize, panImage, stopDragging]);
-  var onImgLoad = function onImgLoad(ev) {
+  var onSvgLoad = function onSvgLoad(ev) {
     onLoad === null || onLoad === void 0 || onLoad();
     if (!wrapperRef.current) {
       return;
@@ -91,7 +94,11 @@ var SvgViewerBase = function SvgViewerBase(_ref) {
     setCamera(newCamera);
     setZoomLevel(newZoomLevel);
   };
-  var onImgClicked = function onImgClicked(e) {
+  var onSvgError = function onSvgError(err) {
+    var error = new _errors.MediaViewerError((0, _errors2.getErrorReason)(err.primaryReason), err instanceof Error ? err : undefined);
+    onError(error);
+  };
+  var onSvgClicked = function onSvgClicked(e) {
     if (e.target === e.currentTarget) {
       onBlanketClicked === null || onBlanketClicked === void 0 || onBlanketClicked();
       onClose === null || onClose === void 0 || onClose();
@@ -153,21 +160,19 @@ var SvgViewerBase = function SvgViewerBase(_ref) {
   };
   var imgDimensions = camera === null || camera === void 0 ? void 0 : camera.scaledImg(zoomLevel.value);
   return /*#__PURE__*/_react.default.createElement(_ImageWrapper.ImageWrapper, {
-    onClick: onImgClicked,
+    onClick: onSvgClicked,
     ref: wrapperRef,
     isHidden: isHidden
   }, /*#__PURE__*/_react.default.createElement(_mediaSvg.default, {
     testId: 'media-viewer-svg',
     identifier: identifier,
-    dimensions: imgDimensions,
-    style: imgStyles,
-    onLoad: onImgLoad,
-    onMouseDown: startDragging
-    // TODO HANDLE ERRORS
+    dimensions: imgDimensions
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
     ,
-    onError: function onError() {
-      // onError();
-    }
+    style: imgStyles,
+    onLoad: onSvgLoad,
+    onMouseDown: startDragging,
+    onError: onSvgError
   }), /*#__PURE__*/_react.default.createElement(_styleWrappers.BaselineExtend, null), /*#__PURE__*/_react.default.createElement(_zoomControls.ZoomControls, {
     zoomLevel: zoomLevel,
     onChange: onZoomChange

package/dist/es2019/analytics/index.js

@@ -1,7 +1,7 @@
 import { ANALYTICS_MEDIA_CHANNEL, sanitiseAnalyticsPayload } from '@atlaskit/media-common/analytics';
 const componentName = 'mediaViewer';
 const packageName = "@atlaskit/media-viewer";
-const packageVersion = "48.6.2";
+const packageVersion = "48.6.4";
 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.6.2";
+const packageVersion = "48.6.4";
 let ufoExperience;
 const getExperience = () => {
   if (!ufoExperience) {

package/dist/es2019/item-viewer.js

@@ -85,8 +85,11 @@ export class ItemViewerBase extends React.Component {
       });
     });
     _defineProperty(this, "onLoadFail", (mediaViewerError, data) => {
+      const {
+        item
+      } = this.state;
       this.safeSetState({
-        item: Outcome.failed(mediaViewerError, data)
+        item: Outcome.failed(mediaViewerError, data || item.data)
       });
     });
     _defineProperty(this, "onExternalImgSuccess", () => {

package/dist/es2019/styleWrappers.js

@@ -1,5 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 /** @jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx, css } from '@emotion/react';
 import { forwardRef, useMemo } from 'react';
 import { blanketColor, overlayZindex } from './styles';
@@ -17,7 +18,9 @@ const blanketStyles = css({
   left: 0,
   bottom: 0,
   right: 0,
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   backgroundColor: blanketColor,
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   zIndex: overlayZindex,
   display: 'flex'
 });
@@ -30,7 +33,9 @@ const headerWrapperStyles = ({
   width: '100%',
   height: '98px',
   opacity: 0.85,
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   background: `linear-gradient( to bottom, ${headerAndSidebarBackgroundColor}, rgba(14, 22, 36, 0) ) no-repeat`,
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
   backgroundPosition: isArchiveSideBarVisible ? `${ArchiveSideBarWidth}px 0` : '0',
   // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
   color: '#c7d1db',
@@ -38,6 +43,7 @@ const headerWrapperStyles = ({
   padding: "var(--ds-space-300, 24px)",
   boxSizing: 'border-box',
   pointerEvents: 'none',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   zIndex: overlayZindex + 1
 });
 const listWrapperStyles = css({
@@ -52,11 +58,13 @@ const closeButtonWrapperStyles = css({
   position: 'absolute',
   top: "var(--ds-space-300, 24px)",
   right: "var(--ds-space-250, 20px)",
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   zIndex: overlayZindex + 2
 });
 const contentWrapperStyles = ({
   isSidebarVisible
 }) => css({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   width: isSidebarVisible ? `calc(100% - ${SIDEBAR_WIDTH}px)` : '100%'
 });
 const zoomWrapperStyles = css({
@@ -64,6 +72,7 @@ const zoomWrapperStyles = css({
   position: 'absolute',
   bottom: '0px',
   height: '98px',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   backgroundImage: `linear-gradient( to top, ${headerAndSidebarBackgroundColor}, rgba(14, 22, 36, 0) )`,
   opacity: 0.85,
   pointerEvents: 'none',
@@ -77,6 +86,7 @@ const zoomCenterControlsStyles = css({
   display: 'flex',
   justifyContent: 'center',
   gap: "var(--ds-space-100, 10px)",
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '> *': {
     pointerEvents: 'all'
   }
@@ -102,6 +112,7 @@ const hdIconGroupWrapperStyles = css({
   gap: "var(--ds-space-100, 10px)",
   position: 'relative',
   width: '24px',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '> *': {
     position: 'absolute'
   }
@@ -110,6 +121,7 @@ const errorMessageWrapperStyles = css({
   textAlign: 'center',
   // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
   color: '#c7d1db',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   p: {
     lineHeight: '100%'
   }
@@ -129,25 +141,30 @@ const pdfWrapperStyles = css({
   left: 0,
   bottom: 0,
   right: 0,
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
   [`.${hideControlsClassName}`]: {
     position: 'fixed'
   }
 });
 const arrowStyles = css({
   cursor: 'pointer',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   svg: {
     filter: 'drop-shadow(0px 1px 1px rgb(9 30 66 / 25%)) drop-shadow(0px 0px 1px rgb(9 30 66 / 31%))'
   },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
   '&& button': {
     height: 'inherit',
     background: 'none',
     '&:hover': {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
       svg: {
         // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
         color: '#b6c2cf'
       }
     },
     '&:active': {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
       svg: {
         // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
         color: '#c7d1db'
@@ -171,10 +188,15 @@ const arrowsWrapperStyles = css({
 });
 const leftWrapperStyles = ({
   isArchiveSideBarVisible
-}) => css(arrowWrapperStyles, {
+}) =>
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+css(arrowWrapperStyles, {
   textAlign: 'left',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
   left: isArchiveSideBarVisible ? `${ArchiveSideBarWidth}px` : '0'
 });
+
+// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
 const rightWrapperStyles = css(arrowWrapperStyles, {
   textAlign: 'right',
   right: 0
@@ -183,11 +205,13 @@ const headerStyles = ({
   isArchiveSideBarVisible
 }) => css({
   display: 'flex',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
   paddingLeft: isArchiveSideBarVisible ? `${ArchiveSideBarWidth}px` : '0'
 });
 const leftHeaderStyles = css({
   flex: 1,
   overflow: 'hidden',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '> *': {
     pointerEvents: 'all'
   }
@@ -212,8 +236,11 @@ const imgStyles = ({
   display: 'inline-block',
   verticalAlign: 'middle',
   position: 'relative',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   cursor: cursor
-}, shouldPixelate ? `/* Prevent images from being smoothed when scaled up */
+},
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+shouldPixelate ? `/* Prevent images from being smoothed when scaled up */
     image-rendering: optimizeSpeed; /* Legal fallback */
     image-rendering: -moz-crisp-edges; /* Firefox        */
     image-rendering: -o-crisp-edges; /* Opera          */
@@ -228,11 +255,15 @@ const medatadataTextWrapperStyles = css({
 const metadataWrapperStyles = css({
   display: 'flex'
 });
+
+// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
 const metadataFileNameStyles = css(ellipsis());
 const metadataSubTextStyles = css({
   // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
   color: '#c7d1db'
-}, ellipsis());
+},
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+ellipsis());
 const metadataIconWrapperStyles = xcss({
   paddingTop: 'space.050',
   paddingRight: 'space.150'
@@ -241,6 +272,7 @@ const rightHeaderStyles = css({
   textAlign: 'right',
   marginRight: "var(--ds-space-500, 40px)",
   minWidth: '200px',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '> *': {
     pointerEvents: 'all'
   }
@@ -252,7 +284,9 @@ const customAudioPlayerWrapperStyles = css({
   width: '100%'
 });
 const audioPlayerStyles = css({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   backgroundColor: blanketColor,
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   borderRadius: borderRadius(),
   alignItems: 'center',
   justifyContent: 'center',
@@ -282,6 +316,7 @@ const defaultCoverWrapperStyles = css({
   display: 'flex',
   alignItems: 'center',
   justifyContent: 'center',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '> *': {
     transform: 'scale(2)'
   }
@@ -289,14 +324,16 @@ const defaultCoverWrapperStyles = css({
 const downloadButtonWrapperStyles = css({
   marginTop: "var(--ds-space-300, 28px)",
   textAlign: 'center',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   button: {
     '&:hover, &:active': {
-      // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
+      // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage, @atlaskit/ui-styling-standard/no-important-styles -- Ignored via go/DSP-18766
       color: '#161a1d !important'
     }
   }
 });
 const customVideoPlayerWrapperStyles = css({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   video: {
     flex: 1,
     width: '100vw',
@@ -310,6 +347,7 @@ const sidebarWrapperStyles = css({
   width: `${SIDEBAR_WIDTH}px`,
   height: '100vh',
   overflow: 'hidden auto',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
   backgroundColor: `var(--ds-surface, ${headerAndSidebarBackgroundColor})`,
   color: "var(--ds-text, #c7d1db)"
 });
@@ -338,6 +376,7 @@ export const HeaderWrapper = ({
   isArchiveSideBarVisible
 }) => {
   return jsx("div", {
+    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
     css: headerWrapperStyles({
       isArchiveSideBarVisible
     })
@@ -371,7 +410,9 @@ jsx("div", {
 export const ContentWrapper = ({
   isSidebarVisible,
   children
-}) => jsx("div", {
+}) =>
+// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
+jsx("div", {
   css: contentWrapperStyles({
     isSidebarVisible
   })
@@ -465,7 +506,9 @@ jsx("span", {
 export const LeftWrapper = ({
   children,
   isArchiveSideBarVisible
-}) => jsx("div", {
+}) =>
+// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
+jsx("div", {
   css: leftWrapperStyles({
     isArchiveSideBarVisible
   })
@@ -483,7 +526,7 @@ export const Header = ({
   isArchiveSideBarVisible,
   className
 }) =>
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
 jsx("div", {
   css: headerStyles({
     isArchiveSideBarVisible
@@ -539,7 +582,9 @@ export const Img = ({
   }, [canDrag, isDragging]);
   return jsx("img", {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-    className: className,
+    className: className
+    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
+    ,
     css: imgStyles({
       cursor,
       shouldPixelate

package/dist/es2019/v2/item-viewer-v2.js

@@ -88,6 +88,13 @@ export const ItemViewerV2Base = ({
 
   // Did mount
 
+  useEffect(() => {
+    if (isExternalImageIdentifier(identifier)) {
+      return;
+    }
+    fireAnalytics(createCommencedEvent(identifier === null || identifier === void 0 ? void 0 : identifier.id, traceContext.current), createAnalyticsEventRef.current);
+    startMediaFileUfoExperience();
+  }, [identifier]);
   useEffect(() => {
     if (isExternalImageIdentifier(identifier)) {
       // external images do not need to talk to our backend,
@@ -96,11 +103,8 @@ export const ItemViewerV2Base = ({
       setItem(Outcome.successful('external-image'));
       return;
     }
-    fireAnalytics(createCommencedEvent(identifier === null || identifier === void 0 ? void 0 : identifier.id, traceContext.current), createAnalyticsEventRef.current);
-    startMediaFileUfoExperience();
 
     // File Subscription
-
     if (fileState) {
       const {
         status
@@ -132,9 +136,9 @@ export const ItemViewerV2Base = ({
       }
     });
   }, [item]);
-  const onLoadFail = useCallback((mediaViewerError, data) => {
-    setItem(Outcome.failed(mediaViewerError, data));
-  }, []);
+  const onLoadFail = useCallback(mediaViewerError => {
+    setItem(Outcome.failed(mediaViewerError, fileState));
+  }, [fileState]);
   const renderItem = fileItem => {
     const collectionName = isFileIdentifier(identifier) ? identifier.collectionName : undefined;
     const viewerProps = {
@@ -193,9 +197,7 @@ export const ItemViewerV2Base = ({
       case 'doc':
         return /*#__PURE__*/React.createElement(DocViewerV2, _extends({
           onSuccess: onSuccess,
-          onError: err => {
-            onLoadFail(err, fileState);
-          }
+          onError: onLoadFail
         }, viewerProps));
       case 'archive':
         return /*#__PURE__*/React.createElement(ArchiveViewerLoader, _extends({

package/dist/es2019/viewers/archiveSidebar/styleWrappers.js

@@ -1,5 +1,6 @@
 /** @jsx jsx */
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx, css, keyframes } from '@emotion/react';
 import { ArchiveSideBarWidth } from './styles';
 import { DN500 } from '@atlaskit/theme/colors';
@@ -15,6 +16,7 @@ const archiveSideBarStyles = css({
   position: 'absolute',
   left: 0,
   top: 0,
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   width: `${ArchiveSideBarWidth}px`,
   bottom: 0,
   boxSizing: 'border-box',
@@ -69,7 +71,7 @@ const archiveLayoutStyles = css({
 const archiveViewerWrapperStyles = css({
   position: 'absolute',
   top: 0,
-  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
+  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage, @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   left: `${ArchiveSideBarWidth}px`,
   right: 0,
   bottom: 0,

package/dist/es2019/viewers/codeViewer/codeViewerRenderer.js

@@ -1,5 +1,6 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 /** @jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import { Component } from 'react';
 import { Outcome } from '../../domain';
@@ -28,6 +29,7 @@ export const CodeViewWrapper = ({
   }, children));
 };
 export const CodeViewerHeaderBar = () => {
+  // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
   return jsx("div", {
     css: codeViewerHeaderBarStyles
   });
@@ -77,7 +79,9 @@ export class CodeViewRenderer extends Component {
     //Use src to measure the real file size
     //item.size is incorrect for archives with mutiple docs inside.
     const fileSize = new Blob([src]).size;
-    const codeViewer = lineCount(src) > MAX_FORMATTED_LINES || fileSize > MAX_FILE_SIZE_USE_CODE_VIEWER ? jsx("code", {
+    const codeViewer = lineCount(src) > MAX_FORMATTED_LINES || fileSize > MAX_FILE_SIZE_USE_CODE_VIEWER ?
+    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+    jsx("code", {
       css: codeViewerHTMLStyles,
       "data-testid": "code-block"
     }, src) : jsx(CodeBlock, {

package/dist/es2019/viewers/codeViewer/styles.js

@@ -1,24 +1,29 @@
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css } from '@emotion/react';
 // AFP-2532 TODO: Fix automatic suppressions below
 // eslint-disable-next-line @atlassian/tangerine/import/entry-points
 import { colors } from '@atlaskit/theme';
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export const codeViewWrapperStyles = css({
   position: 'absolute',
   left: 0,
   top: 0,
   right: 0,
   bottom: 0,
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
   backgroundColor: `var(--ds-surface, ${colors.N20})`,
   overflow: 'auto'
 });
 
 /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export const codeViewerHeaderBarStyles = css({
   height: '75px',
   backgroundColor: '#1d2125'
 });
 /* eslint-enable @atlaskit/design-system/ensure-design-token-usage */
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export const codeViewerHTMLStyles = css({
   display: 'flex',
   lineHeight: '20px',

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

@@ -8,6 +8,7 @@ import Form, { Field } from '@atlaskit/form';
 import { FormattedMessage, useIntl } from 'react-intl-next';
 import { messages } from '@atlaskit/media-ui';
 import { xcss, Box, Flex } from '@atlaskit/primitives';
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx, css } from '@emotion/react';
 import ErrorIcon from '@atlaskit/icon/glyph/error';
 const COLOR_SHADE = '#b6c2cf';

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

@@ -3,6 +3,7 @@ import { PDFViewer, EventBus, PDFLinkService, NullL10n } from 'pdfjs-dist/legacy
 import { getDocument, GlobalWorkerOptions, CMapCompressionType, PasswordResponses } from 'pdfjs-dist/legacy/build/pdf';
 import { withAnalyticsEvents } from '@atlaskit/analytics-next';
 import { cmap } from './cmaps';
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-global-styles, @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, Global } from '@emotion/react';
 import { ZoomControls } from '../../zoomControls';
 import { PDFWrapper } from '../../styleWrappers';
@@ -24,17 +25,21 @@ export const pdfViewerClassName = 'pdfViewer';
 /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
 /* eslint-disable @atlaskit/design-system/ensure-design-token-usage/preview */
 const globalStyles = css({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   [`.${pdfViewerClassName}`]: {
     marginTop: "var(--ds-space-800, 64px)",
     marginBottom: "var(--ds-space-800, 64px)",
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
     '.page': {
       margin: `1px auto ${"var(--ds-space-negative-100, -8px)"} auto`,
       border: '9px solid transparent',
       position: 'relative'
     },
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
     '.canvasWrapper': {
       overflow: 'hidden'
     },
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
     '.textLayer': {
       position: 'absolute',
       left: 0,
@@ -45,6 +50,7 @@ const globalStyles = css({
       opacity: 0.2,
       lineHeight: 1
     },
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
     '.textLayer span, .textLayer br': {
       color: 'transparent',
       position: 'absolute',
@@ -52,16 +58,20 @@ const globalStyles = css({
       cursor: 'text',
       transformOrigin: '0% 0%'
     },
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
     '.textLayer ::-moz-selection': {
       background: 'rgba(0, 0, 255, 1)'
     },
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
     '.textLayer ::selection': {
       background: 'rgba(0, 0, 255, 1)'
     },
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
     '.annotationLayer section': {
       position: 'absolute',
       textAlign: 'initial'
     },
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
     '.annotationLayer .linkAnnotation > a, .annotationLayer .buttonWidgetAnnotation.pushButton > a': {
       position: 'absolute',
       fontSize: '1em',
@@ -70,6 +80,7 @@ const globalStyles = css({
       width: '100%',
       height: '100%'
     },
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
     '.annotationLayer .linkAnnotation > a:hover, .annotationLayer .buttonWidgetAnnotation.pushButton > a:hover': {
       opacity: 0.2,
       background: 'rgba(255, 255, 0, 1)',

package/dist/es2019/viewers/svg/ImageWrapper.js

@@ -1,4 +1,5 @@
 /** @jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import { forwardRef } from 'react';
 const imageWrapperStyles = css({

package/dist/es2019/viewers/svg/errors.js

@@ -0,0 +1,10 @@
+export const getErrorReason = svgReason => {
+  switch (svgReason) {
+    case 'img-error':
+      return 'svg-img-error';
+    case 'binary-fetch':
+      return 'svg-binary-fetch';
+    default:
+      return 'svg-unknown-error';
+  }
+};