@atlaskit/media-viewer 54.8.21 → 54.8.23

package/dist/esm/viewers/archiveSidebar/styleWrappers.compiled.css

@@ -1,68 +1,12 @@
-._kkk2n7od{all:unset}
-._19itglyw{border:none}
-._2rko1rr0{border-radius:var(--ds-radius-full,9999px)}
-._2rkofajl{border-radius:var(--ds-radius-small,3px)}
-._v564k6bl{transition:var(--ds-button-hovered,background-color border-color .15s cubic-bezier(.4,1,.6,1))}
-._v564rca0{transition:background-color .3s}
-._v564t24z{transition:all 1s}
 ._154iidpf{top:0}
-._16jlkb7n{flex-grow:1}
-._18m915vq{overflow-y:hidden}
 ._18m915zi{overflow-y:scroll}
-._18u0idpf{margin-left:0}
-._19bvu2gc{padding-left:var(--ds-space-100,8px)}
 ._19bvv47k{padding-left:var(--ds-space-250,20px)}
-._19pkpxbi{margin-top:var(--ds-space-200,1pc)}
-._1bah1h6o{justify-content:center}
-._1bsb13sl{width:85%}
 ._1bsb15ov{width:var(--_53yrec)}
-._1bsb1osq{width:100%}
-._1bto1l2s{text-overflow:ellipsis}
-._1e0c1txw{display:flex}
-._1e0c1ule{display:block}
-._1ltv15ov{left:var(--_53yrec)}
 ._1ltvidpf{left:0}
-._1o51q7pw{animation-fill-mode:forwards}
-._1o9zidpf{flex-shrink:0}
-._1o9zkb7n{flex-shrink:1}
-._1reo15vq{overflow-x:hidden}
-._1xi2idpf{right:0}
-._2hwxidpf{margin-right:0}
-._2hwxu2gc{margin-right:var(--ds-space-100,8px)}
-._4cvr1h6o{align-items:center}
-._4t3i1osq{height:100%}
-._4t3iyh40{height:2px}
-._5sag188d{animation-duration:.3s}
-._80om13gf{cursor:not-allowed}
-._80omtlke{cursor:pointer}
 ._94n5idpf{bottom:0}
-._bfhk1j28{background-color:transparent}
-._bfhk1l7x{background-color:var(--ds-border,#0b120e24)}
 ._bfhkvuon{background-color:var(--ds-surface,#fff)}
 ._ca0qqslr{padding-top:22px}
-._ca0qu2gc{padding-top:var(--ds-space-100,8px)}
-._i0dl1wug{flex-basis:auto}
-._j7hq1kq8{animation-name:k10ssv7b}
 ._kqswstnw{position:absolute}
-._n3td12x7{padding-bottom:var(--ds-space-075,6px)}
-._n3td14y2{padding-bottom:5px}
 ._n3tdv47k{padding-bottom:var(--ds-space-250,20px)}
-._o5721q9c{white-space:nowrap}
-._otyrpxbi{margin-bottom:var(--ds-space-200,1pc)}
-._syaz1q3r{color:var(--ds-icon,#292a2e)}
-._syazi7uo{color:var(--ds-text,#292a2e)}
-._t9ecz6y5{transform:translateY(-100%)}
-._tzy4idpf{opacity:0}
-._u5f31v6z{padding-right:7px}
 ._u5f3v47k{padding-right:var(--ds-space-250,20px)}
-._vchhusvi{box-sizing:border-box}
-._vwz41xde{line-height:1.14286}._128mdkaa:focus-visible{outline-width:var(--ds-border-width-focused,2px)}
-._1ah3v77o:focus-visible{outline-offset:var(--ds-space-025,2px)}
-._mizu1v1w:focus-visible{outline-color:var(--ds-border-focused,#4688ec)}
-._ra3xnqa1:focus-visible{outline-style:solid}
-._d0altlke:hover{cursor:pointer}
-._irr31dpa:hover{background-color:var(--ds-background-neutral-subtle-hovered,#0515240f)}
-._1ggl5xtf:active{transition:var(--ds-button-pressed,background-color border-color .15s cubic-bezier(.4,1,.6,1))}
-._1di6fcek:active{background-color:var(--ds-background-neutral-subtle-pressed,#0b120e24)}
-._1qamtlke:active{cursor:pointer}
-@keyframes k10ssv7b{0%{opacity:0;transform:translateY(-100%)}to{transform:translateY(0);opacity:1}}
+._vchhusvi{box-sizing:border-box}

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

@@ -3,38 +3,10 @@ import "./styleWrappers.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { forwardRef } from 'react';
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-
-import { fg } from '@atlaskit/platform-feature-flags/fg';
-import { useIntl } from 'react-intl';
-import { messages } from '@atlaskit/media-ui/messages';
 export var ARCHIVE_SIDE_BAR_WIDTH = 300;
-var archiveItemViewerWrapperStyles = null;
 var archiveSideBarStyles = null;
-var slideDown = null;
-var archiveDownloadButtonWrapperStyles = null;
-var archiveDownloadButtonMotionStyles = null;
-var archiveDownloadButtonWrapperStyleFix = null;
-var disabledArchiveDownloadButtonWrapperStyles = null;
-var archiveSidebarFolderWrapperStyles = null;
-var sidebarItemWrapperStyles = null;
-var archiveSidebarFileEntryWrapperStyles = null;
-var archiveLayoutStyles = null;
-var archiveViewerWrapperStyles = null;
-var separatorStyles = null;
-var sidebarHeaderWrapperStyles = null;
-var sidebarHeaderIconStyles = null;
-var sidebarHeaderEntryStyles = null;
-var fullHeightStyles = null;
-export var ArchiveItemViewerWrapper = function ArchiveItemViewerWrapper(_ref) {
-  var children = _ref.children,
-    fullHeight = _ref.fullHeight;
-  return /*#__PURE__*/React.createElement("div", {
-    className: ax(["_1bsb1osq _1e0c1txw _1bah1h6o", fullHeight && "_4t3i1osq"])
-  }, children);
-};
-export var ArchiveSideBar = /*#__PURE__*/forwardRef(function (_ref2, ref) {
-  var children = _ref2.children;
+export var ArchiveSideBar = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var children = _ref.children;
   return /*#__PURE__*/React.createElement("div", {
     ref: ref,
     className: ax(["_ca0qqslr _u5f3v47k _19bvv47k _n3tdv47k _bfhkvuon _kqswstnw _1ltvidpf _154iidpf _1bsb15ov _94n5idpf _vchhusvi _18m915zi"]),
@@ -42,84 +14,4 @@ export var ArchiveSideBar = /*#__PURE__*/forwardRef(function (_ref2, ref) {
       "--_53yrec": ix("".concat(ARCHIVE_SIDE_BAR_WIDTH, "px"))
     }
   }, children);
-});
-export var ArchiveSidebarFolderWrapper = function ArchiveSidebarFolderWrapper(_ref3) {
-  var children = _ref3.children;
-  return /*#__PURE__*/React.createElement("div", {
-    "data-testid": "archive-sidebar-folder-wrapper",
-    className: ax(["_v564t24z _t9ecz6y5 _tzy4idpf _j7hq1kq8 _5sag188d _1o51q7pw"])
-  }, children);
-};
-export var ArchiveDownloadButtonWrapper = function ArchiveDownloadButtonWrapper(_ref4) {
-  var children = _ref4.children,
-    _onClick = _ref4.onClick;
-  var intl = useIntl();
-  return /*#__PURE__*/React.createElement("button", {
-    "aria-label": intl.formatMessage(messages.archive_download_label_assistive_text),
-    onClick: function onClick(event) {
-      return _onClick && _onClick(event);
-    },
-    "data-testid": "media-archiveDownloadButton",
-    className: ax(["_kkk2n7od _1e0c1ule _1ah3v77o _128mdkaa _mizu1v1w _ra3xnqa1", "_19itglyw _2rkofajl _v564k6bl _ca0qu2gc _u5f31v6z _n3td14y2 _19bvu2gc _bfhk1j28 _syaz1q3r _d0altlke _irr31dpa _1ggl5xtf _1qamtlke _1di6fcek", fg('platform-dst-motion-uplift-custom-button') && "_v564k6bl _1ggl5xtf"])
-  }, children);
-};
-export var DisabledArchiveDownloadButtonWrapper = function DisabledArchiveDownloadButtonWrapper(_ref5) {
-  var children = _ref5.children;
-  return /*#__PURE__*/React.createElement("div", {
-    "data-testid": "media-disabledArchiveDownloadButton",
-    className: ax(["_19itglyw _2rkofajl _ca0qu2gc _u5f31v6z _n3td14y2 _19bvu2gc _bfhk1j28 _syaz1q3r _80om13gf"])
-  }, children);
-};
-export var SidebarItemWrapper = function SidebarItemWrapper(_ref6) {
-  var children = _ref6.children;
-  return /*#__PURE__*/React.createElement("div", {
-    className: ax(["_1bsb13sl"])
-  }, children);
-};
-export var ArchiveSidebarFileEntryWrapper = function ArchiveSidebarFileEntryWrapper(_ref7) {
-  var children = _ref7.children,
-    index = _ref7.index;
-  return /*#__PURE__*/React.createElement("div", {
-    key: index,
-    className: ax(["_v564rca0 _n3td12x7 _1e0c1txw _4cvr1h6o _80omtlke"])
-  }, children);
-};
-export var ArchiveLayout = function ArchiveLayout(_ref8) {
-  var children = _ref8.children;
-  return /*#__PURE__*/React.createElement("div", {
-    "data-testid": "archive-layout",
-    className: ax(["_1e0c1txw _1bsb1osq _4t3i1osq"])
-  }, children);
-};
-export var ArchiveViewerWrapper = function ArchiveViewerWrapper(_ref9) {
-  var children = _ref9.children;
-  return /*#__PURE__*/React.createElement("div", {
-    className: ax(["_kqswstnw _154iidpf _1ltv15ov _1xi2idpf _94n5idpf _4cvr1h6o _1e0c1txw"]),
-    style: {
-      "--_53yrec": ix("".concat(ARCHIVE_SIDE_BAR_WIDTH, "px"))
-    }
-  }, children);
-};
-export var Separator = function Separator() {
-  return /*#__PURE__*/React.createElement("div", {
-    className: ax(["_2rko1rr0 _4t3iyh40 _19pkpxbi _2hwxidpf _otyrpxbi _18u0idpf _bfhk1l7x _1o9zidpf"])
-  });
-};
-export var SidebarHeaderWrapper = function SidebarHeaderWrapper(_ref0) {
-  var children = _ref0.children;
-  return /*#__PURE__*/React.createElement("span", {
-    className: ax(["_1e0c1txw _4cvr1h6o _1o9zidpf"])
-  }, children);
-};
-export var SidebarHeaderIcon = function SidebarHeaderIcon(_ref1) {
-  var children = _ref1.children;
-  return /*#__PURE__*/React.createElement("div", {
-    className: ax(["_1e0c1txw _4cvr1h6o _2hwxu2gc _1o9zidpf"])
-  }, children);
-};
-export var SidebarHeaderEntry = function SidebarHeaderEntry(_ref10) {
-  var children = _ref10.children;
-  return /*#__PURE__*/React.createElement("div", {
-    className: ax(["_16jlkb7n _1o9zkb7n _i0dl1wug _1reo15vq _18m915vq _1bto1l2s _o5721q9c _vwz41xde _syazi7uo"])
-  }, children);
-};
+});

package/dist/esm/viewers/audio.js

@@ -9,15 +9,15 @@ 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 React from 'react';
-import { globalMediaEventEmitter } from '@atlaskit/media-client';
 import AudioIcon from '@atlaskit/icon/core/audio';
-import { Outcome } from '../domain';
-import { MediaViewerError } from '../errors';
-import { AudioPlayer, AudioCover, Audio, DefaultCoverWrapper, CustomAudioPlayerWrapper } from '../styleWrappers';
-import { BaseViewer } from './base-viewer';
-import { isIE } from '../utils/isIE';
+import { globalMediaEventEmitter } from '@atlaskit/media-client';
 import { CustomMediaPlayer } from '@atlaskit/media-ui/customMediaPlayer';
+import { MediaViewerError } from '../MediaViewerError';
+import { Outcome } from '../domain/outcome';
+import { AudioPlayer, AudioCover, Audio, DefaultCoverWrapper, CustomAudioPlayerWrapper } from '../styleWrappers';
 import { getObjectUrlFromFileState } from '../utils/getObjectUrlFromFileState';
+import { isIE } from '../utils/isIE';
+import { BaseViewer } from './base-viewer';
 var defaultCover = /*#__PURE__*/React.createElement(DefaultCoverWrapper, null, /*#__PURE__*/React.createElement(AudioIcon, {
   label: "cover",
   color: "currentColor"

package/dist/esm/viewers/base-viewer.js

@@ -9,13 +9,13 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 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 React, { Fragment } from 'react';
-import { FormattedMessage } from 'react-intl';
-import { messages } from '@atlaskit/media-ui/messages';
 import deepEqual from 'deep-equal';
+import { FormattedMessage } from 'react-intl';
 import { globalMediaEventEmitter } from '@atlaskit/media-client';
-import ErrorMessage from '../errorMessage';
+import { messages } from '@atlaskit/media-ui/messages';
+import { ErrorViewDownloadButton } from '../ErrorViewDownloadButton';
+import ErrorMessage from '../errorMessageWithAnalytics';
 import { Spinner } from '../loading';
-import { ErrorViewDownloadButton } from '../download';
 export var BaseViewer = /*#__PURE__*/function (_React$Component) {
   function BaseViewer() {
     var _this;

package/dist/esm/viewers/codeViewer/CodeRendererAdvanced/CodeRendererAdvanced.js

@@ -2,10 +2,10 @@
 import "./CodeRendererAdvanced.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React, { useRef } from 'react';
-import { EditorView, lineNumbers, gutters } from '@codemirror/view';
-import { Compartment, EditorState } from '@codemirror/state';
-import { languages } from '@codemirror/language-data';
 import { syntaxHighlighting } from '@codemirror/language';
+import { languages } from '@codemirror/language-data';
+import { Compartment, EditorState } from '@codemirror/state';
+import { EditorView, lineNumbers, gutters } from '@codemirror/view';
 import { cmTheme, highlightStyle } from './theme';
 var codeViewWrapperStyles = null;
 var codeViewerHeaderBarStyles = null;

package/dist/esm/viewers/codeViewer/CodeViewRenderer-2.js

@@ -0,0 +1,5 @@
+import React from 'react';
+import { CodeViewRenderer as CompiledCodeViewRenderer } from './CodeViewRenderer';
+export var CodeViewRenderer = function CodeViewRenderer(props) {
+  return /*#__PURE__*/React.createElement(CompiledCodeViewRenderer, props);
+};

package/dist/esm/viewers/codeViewer/CodeViewRenderer.compiled.css

@@ -0,0 +1,8 @@
+._11c8wadc{font:var(--ds-font-body-small,normal 400 9pt/1pc "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
+._19bvu2gc{padding-left:var(--ds-space-100,8px)}
+._1e0c1txw{display:flex}
+._1reo1wug{overflow-x:auto}
+._ca0qu2gc{padding-top:var(--ds-space-100,8px)}
+._n3tdu2gc{padding-bottom:var(--ds-space-100,8px)}
+._o572qvpr{white-space:pre}
+._u5f3u2gc{padding-right:var(--ds-space-100,8px)}

package/dist/esm/viewers/codeViewer/CodeViewRenderer.js

@@ -0,0 +1,125 @@
+/* CodeViewRenderer.tsx generated by @compiled/babel-plugin v3.0.1 */
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _createClass from "@babel/runtime/helpers/createClass";
+import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
+import _inherits from "@babel/runtime/helpers/inherits";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import "./CodeViewRenderer.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 { Component } from 'react';
+// eslint-disable-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+
+import CodeBlock from '@atlaskit/code/code-block';
+import { MediaViewerError } from '../../MediaViewerError';
+import { Outcome } from '../../domain/outcome';
+import ErrorMessage from '../../errorMessageWithAnalytics';
+import { Spinner } from '../../loading';
+import { CodeViewerHeaderBar } from './CodeViewerHeaderBar';
+import { CodeViewWrapper, MAX_FILE_SIZE_USE_CODE_VIEWER, MAX_FORMATTED_LINES } from './codeViewerRenderer-compiled';
+import { lineCount } from './lineCount';
+var codeViewerHTMLStyles = null;
+var initialState = {
+  doc: Outcome.pending()
+};
+export var CodeViewRenderer = /*#__PURE__*/function (_Component) {
+  function CodeViewRenderer() {
+    var _this;
+    _classCallCheck(this, CodeViewRenderer);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _callSuper(this, CodeViewRenderer, [].concat(args));
+    _defineProperty(_this, "state", initialState);
+    return _this;
+  }
+  _inherits(CodeViewRenderer, _Component);
+  return _createClass(CodeViewRenderer, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      this.init();
+    }
+  }, {
+    key: "componentWillUnmount",
+    value: function componentWillUnmount() {}
+  }, {
+    key: "init",
+    value: function () {
+      var _init = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+        var _this$props, src, onSuccess, onError, mediaError;
+        return _regeneratorRuntime.wrap(function (_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              _this$props = this.props, src = _this$props.src, onSuccess = _this$props.onSuccess, onError = _this$props.onError;
+              try {
+                this.setState({
+                  doc: Outcome.successful(src)
+                });
+                if (onSuccess) {
+                  onSuccess();
+                }
+              } catch (error) {
+                mediaError = new MediaViewerError('codeviewer-load-src', error instanceof Error ? error : undefined);
+                this.setState({
+                  doc: Outcome.failed(mediaError)
+                });
+                if (onError) {
+                  onError(mediaError);
+                }
+              }
+            case 1:
+            case "end":
+              return _context.stop();
+          }
+        }, _callee, this);
+      }));
+      function init() {
+        return _init.apply(this, arguments);
+      }
+      return init;
+    }()
+  }, {
+    key: "render",
+    value: function render() {
+      var _this$props2 = this.props,
+        item = _this$props2.item,
+        src = _this$props2.src,
+        language = _this$props2.language,
+        testId = _this$props2.testId;
+      //Use src to measure the real file size
+      //item.size is incorrect for archives with mutiple docs inside.
+      var fileSize = new Blob([src]).size;
+      var codeViewer = lineCount(src) > MAX_FORMATTED_LINES || fileSize > MAX_FILE_SIZE_USE_CODE_VIEWER ? /*#__PURE__*/React.createElement("code", {
+        "data-testid": "code-block",
+        className: ax(["_11c8wadc _1e0c1txw _1reo1wug _o572qvpr _ca0qu2gc _u5f3u2gc _n3tdu2gc _19bvu2gc"])
+      }, src) : /*#__PURE__*/React.createElement(CodeBlock, {
+        language: language,
+        text: src,
+        testId: "code-block"
+      });
+      return this.state.doc.match({
+        pending: function pending() {
+          return /*#__PURE__*/React.createElement(Spinner, null);
+        },
+        successful: function successful() {
+          return /*#__PURE__*/React.createElement(CodeViewWrapper, {
+            "data-testid": testId
+          }, /*#__PURE__*/React.createElement(CodeViewerHeaderBar, null), codeViewer);
+        },
+        failed: function failed(error) {
+          return /*#__PURE__*/React.createElement(ErrorMessage, {
+            fileId: item.id,
+            fileState: item,
+            error: error,
+            supressAnalytics: true // item-viewer.tsx will send
+          });
+        }
+      });
+    }
+  }]);
+}(Component);

package/dist/esm/viewers/codeViewer/CodeViewWrapper.js

@@ -0,0 +1,6 @@
+import React from 'react';
+import { TouchScrollable } from 'react-scrolllock';
+import { CodeViewWrapper as CompiledCodeViewWrapper } from './codeViewerRenderer-compiled';
+export var CodeViewWrapper = function CodeViewWrapper(props) {
+  return /*#__PURE__*/React.createElement(TouchScrollable, null, /*#__PURE__*/React.createElement(CompiledCodeViewWrapper, props));
+};

package/dist/esm/viewers/codeViewer/CodeViewerHeaderBar-2.js

@@ -0,0 +1,5 @@
+import React from 'react';
+import { CodeViewerHeaderBar as CompiledCodeViewerHeaderBar } from './CodeViewerHeaderBar';
+export var CodeViewerHeaderBar = function CodeViewerHeaderBar() {
+  return /*#__PURE__*/React.createElement(CompiledCodeViewerHeaderBar, null);
+};

package/dist/esm/viewers/codeViewer/CodeViewerHeaderBar.compiled.css

@@ -0,0 +1,2 @@
+._4t3i8ved{height:75px}
+._bfhk1nox{background-color:#1d2125}

package/dist/esm/viewers/codeViewer/CodeViewerHeaderBar.js

@@ -0,0 +1,11 @@
+/* CodeViewerHeaderBar.tsx generated by @compiled/babel-plugin v3.0.1 */
+// eslint-disable-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+import "./CodeViewerHeaderBar.compiled.css";
+import * as React from 'react';
+import { ax, ix } from "@compiled/react/runtime";
+var codeViewerHeaderBarStyles = null;
+export var CodeViewerHeaderBar = function CodeViewerHeaderBar() {
+  return /*#__PURE__*/React.createElement("div", {
+    className: ax(["_4t3i8ved _bfhk1nox"])
+  });
+};

package/dist/esm/viewers/codeViewer/codeViewerRenderer-compiled.compiled.css

@@ -1,17 +1,8 @@
-._11c8wadc{font:var(--ds-font-body-small,normal 400 9pt/1pc "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
 ._154iidpf{top:0}
 ._18m91wug{overflow-y:auto}
-._19bvu2gc{padding-left:var(--ds-space-100,8px)}
-._1e0c1txw{display:flex}
 ._1ltvidpf{left:0}
 ._1reo1wug{overflow-x:auto}
 ._1xi2idpf{right:0}
-._4t3i8ved{height:75px}
 ._94n5idpf{bottom:0}
-._bfhk1nox{background-color:#1d2125}
 ._bfhkvuon{background-color:var(--ds-surface,#fff)}
-._ca0qu2gc{padding-top:var(--ds-space-100,8px)}
-._kqswstnw{position:absolute}
-._n3tdu2gc{padding-bottom:var(--ds-space-100,8px)}
-._o572qvpr{white-space:pre}
-._u5f3u2gc{padding-right:var(--ds-space-100,8px)}
+._kqswstnw{position:absolute}

package/dist/esm/viewers/codeViewer/codeViewerRenderer-compiled.js

@@ -1,37 +1,18 @@
 /* codeViewerRenderer-compiled.tsx generated by @compiled/babel-plugin v3.0.1 */
-import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
-import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import "./codeViewerRenderer-compiled.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; })(); }
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-
-import { Component, forwardRef } from 'react';
-import { Outcome } from '../../domain';
-import { Spinner } from '../../loading';
-import CodeBlock from '@atlaskit/code/code-block';
-import ErrorMessage from '../../errorMessage';
-import { MediaViewerError } from '../../errors';
-import { lineCount } from './util';
+import { forwardRef } from 'react';
 var codeViewWrapperStyles = null;
-var codeViewerHeaderBarStyles = null;
-var codeViewerHTMLStyles = null;
 
 // Based on some basic benchmarking with @atlaskit/code it was found that ~10,000 lines took around ~5secs to render, which locks the main thread.
 // Therefore we set a hard limit on the amount of lines which we apply formatting to,
 // otherwise the "text" language will be used which is plain and more performant
-var MAX_FORMATTED_LINES = 10000;
+export var MAX_FORMATTED_LINES = 10000;
+
 // Use plain html to render code file if their size exceeds 5MB.
 // Required by https://product-fabric.atlassian.net/browse/MEX-1788
-var MAX_FILE_SIZE_USE_CODE_VIEWER = 5 * 1024 * 1024;
+export var MAX_FILE_SIZE_USE_CODE_VIEWER = 5 * 1024 * 1024;
 export var CodeViewWrapper = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
     testId = _ref['data-testid'];
@@ -40,108 +21,4 @@ export var CodeViewWrapper = /*#__PURE__*/forwardRef(function (_ref, ref) {
     ref: ref,
     className: ax(["_1reo1wug _18m91wug _kqswstnw _1ltvidpf _154iidpf _1xi2idpf _94n5idpf _bfhkvuon"])
   }, children);
-});
-export var CodeViewerHeaderBar = function CodeViewerHeaderBar() {
-  return /*#__PURE__*/React.createElement("div", {
-    className: ax(["_4t3i8ved _bfhk1nox"])
-  });
-};
-var initialState = {
-  doc: Outcome.pending()
-};
-export var CodeViewRenderer = /*#__PURE__*/function (_Component) {
-  function CodeViewRenderer() {
-    var _this;
-    _classCallCheck(this, CodeViewRenderer);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _callSuper(this, CodeViewRenderer, [].concat(args));
-    _defineProperty(_this, "state", initialState);
-    return _this;
-  }
-  _inherits(CodeViewRenderer, _Component);
-  return _createClass(CodeViewRenderer, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      this.init();
-    }
-  }, {
-    key: "componentWillUnmount",
-    value: function componentWillUnmount() {}
-  }, {
-    key: "init",
-    value: function () {
-      var _init = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-        var _this$props, src, onSuccess, onError, mediaError;
-        return _regeneratorRuntime.wrap(function (_context) {
-          while (1) switch (_context.prev = _context.next) {
-            case 0:
-              _this$props = this.props, src = _this$props.src, onSuccess = _this$props.onSuccess, onError = _this$props.onError;
-              try {
-                this.setState({
-                  doc: Outcome.successful(src)
-                });
-                if (onSuccess) {
-                  onSuccess();
-                }
-              } catch (error) {
-                mediaError = new MediaViewerError('codeviewer-load-src', error instanceof Error ? error : undefined);
-                this.setState({
-                  doc: Outcome.failed(mediaError)
-                });
-                if (onError) {
-                  onError(mediaError);
-                }
-              }
-            case 1:
-            case "end":
-              return _context.stop();
-          }
-        }, _callee, this);
-      }));
-      function init() {
-        return _init.apply(this, arguments);
-      }
-      return init;
-    }()
-  }, {
-    key: "render",
-    value: function render() {
-      var _this$props2 = this.props,
-        item = _this$props2.item,
-        src = _this$props2.src,
-        language = _this$props2.language,
-        testId = _this$props2.testId;
-      //Use src to measure the real file size
-      //item.size is incorrect for archives with mutiple docs inside.
-      var fileSize = new Blob([src]).size;
-      var codeViewer = lineCount(src) > MAX_FORMATTED_LINES || fileSize > MAX_FILE_SIZE_USE_CODE_VIEWER ? /*#__PURE__*/React.createElement("code", {
-        "data-testid": "code-block",
-        className: ax(["_11c8wadc _1e0c1txw _1reo1wug _o572qvpr _ca0qu2gc _u5f3u2gc _n3tdu2gc _19bvu2gc"])
-      }, src) : /*#__PURE__*/React.createElement(CodeBlock, {
-        language: language,
-        text: src,
-        testId: "code-block"
-      });
-      return this.state.doc.match({
-        pending: function pending() {
-          return /*#__PURE__*/React.createElement(Spinner, null);
-        },
-        successful: function successful() {
-          return /*#__PURE__*/React.createElement(CodeViewWrapper, {
-            "data-testid": testId
-          }, /*#__PURE__*/React.createElement(CodeViewerHeaderBar, null), codeViewer);
-        },
-        failed: function failed(error) {
-          return /*#__PURE__*/React.createElement(ErrorMessage, {
-            fileId: item.id,
-            fileState: item,
-            error: error,
-            supressAnalytics: true // item-viewer.tsx will send
-          });
-        }
-      });
-    }
-  }]);
-}(Component);
+});

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

@@ -1,12 +1 @@
-import React from 'react';
-import { CodeViewWrapper as CompiledCodeViewWrapper, CodeViewerHeaderBar as CompiledCodeViewerHeaderBar, CodeViewRenderer as CompiledCodeViewRenderer } from './codeViewerRenderer-compiled';
-import { TouchScrollable } from 'react-scrolllock';
-export var CodeViewWrapper = function CodeViewWrapper(props) {
-  return /*#__PURE__*/React.createElement(TouchScrollable, null, /*#__PURE__*/React.createElement(CompiledCodeViewWrapper, props));
-};
-export var CodeViewerHeaderBar = function CodeViewerHeaderBar() {
-  return /*#__PURE__*/React.createElement(CompiledCodeViewerHeaderBar, null);
-};
-export var CodeViewRenderer = function CodeViewRenderer(props) {
-  return /*#__PURE__*/React.createElement(CompiledCodeViewRenderer, props);
-};
+export {};

package/dist/esm/viewers/codeViewer/formatMessage.js

@@ -0,0 +1,14 @@
+export function formatMessage(text) {
+  var lines = text.trim().split('\n');
+  var maxLineLength = 0;
+  lines.forEach(function (line) {
+    return maxLineLength = Math.max(line.length, maxLineLength);
+  });
+  var border = '*'.repeat(maxLineLength + 10);
+  text = "".concat(border, "\n");
+  text += lines.map(function (line) {
+    return " ".concat(line);
+  }).join('\n');
+  text += "\n".concat(border, "\n");
+  return text;
+}

package/dist/esm/viewers/codeViewer/getFormat.js

@@ -0,0 +1,17 @@
+/*
+ * Primarily used for the header in the viewer. Based on the language name, render the appropriate header name
+ * i.e .py file would be 'python', whilse .msg would be 'email'
+ */
+export function getFormat(language, ext) {
+  // some formats have a language we pickfor the code block component,
+  // but this may be a bit vague, so we can override here where needed
+  switch (ext) {
+    case 'csv':
+    case 'log':
+      return ext;
+    default:
+      // default value to show is just show language
+      // uncapitalised as mediatypes such as doc/audio are also uncapitalised for headers
+      return language;
+  }
+}

package/dist/esm/viewers/codeViewer/getMsgDate.js

@@ -0,0 +1,8 @@
+import { parseHeaders } from './parseHeaders';
+export function getMsgDate(rawHeaders) {
+  var headers = parseHeaders(rawHeaders);
+  if (!headers['Date']) {
+    return '-';
+  }
+  return new Date(headers['Date']);
+}