@atlaskit/media-viewer 54.8.21 → 54.8.23

package/dist/es2019/viewers/archiveSidebar/archive-item-viewer-wrapper.compiled.css

@@ -0,0 +1,4 @@
+._1bah1h6o{justify-content:center}
+._1bsb1osq{width:100%}
+._1e0c1txw{display:flex}
+._4t3i1osq{height:100%}

package/dist/es2019/viewers/archiveSidebar/archive-item-viewer-wrapper.js

@@ -0,0 +1,15 @@
+/* archive-item-viewer-wrapper.tsx generated by @compiled/babel-plugin v3.0.1 */
+// eslint-disable-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+import "./archive-item-viewer-wrapper.compiled.css";
+import * as React from 'react';
+import { ax, ix } from "@compiled/react/runtime";
+const archiveItemViewerWrapperStyles = null;
+const fullHeightStyles = null;
+export const ArchiveItemViewerWrapper = ({
+  children,
+  fullHeight
+}) => {
+  return /*#__PURE__*/React.createElement("div", {
+    className: ax(["_1bsb1osq _1e0c1txw _1bah1h6o", fullHeight && "_4t3i1osq"])
+  }, children);
+};

package/dist/es2019/viewers/archiveSidebar/archive-layout.compiled.css

@@ -0,0 +1,3 @@
+._1bsb1osq{width:100%}
+._1e0c1txw{display:flex}
+._4t3i1osq{height:100%}

package/dist/es2019/viewers/archiveSidebar/archive-layout.js

@@ -0,0 +1,14 @@
+/* archive-layout.tsx generated by @compiled/babel-plugin v3.0.1 */
+// eslint-disable-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+import "./archive-layout.compiled.css";
+import * as React from 'react';
+import { ax, ix } from "@compiled/react/runtime";
+const archiveLayoutStyles = null;
+export const ArchiveLayout = ({
+  children
+}) => {
+  return /*#__PURE__*/React.createElement("div", {
+    "data-testid": "archive-layout",
+    className: ax(["_1e0c1txw _1bsb1osq _4t3i1osq"])
+  }, children);
+};

package/dist/es2019/viewers/archiveSidebar/archive-sidebar-file-entry-wrapper.compiled.css

@@ -0,0 +1,4 @@
+._v564rca0{transition:background-color .3s}._1e0c1txw{display:flex}
+._4cvr1h6o{align-items:center}
+._80omtlke{cursor:pointer}
+._n3td12x7{padding-bottom:var(--ds-space-075,6px)}

package/dist/es2019/viewers/archiveSidebar/archive-sidebar-file-entry-wrapper.js

@@ -0,0 +1,15 @@
+/* archive-sidebar-file-entry-wrapper.tsx generated by @compiled/babel-plugin v3.0.1 */
+// eslint-disable-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+import "./archive-sidebar-file-entry-wrapper.compiled.css";
+import * as React from 'react';
+import { ax, ix } from "@compiled/react/runtime";
+const archiveSidebarFileEntryWrapperStyles = null;
+export const ArchiveSidebarFileEntryWrapper = ({
+  children,
+  index
+}) => {
+  return /*#__PURE__*/React.createElement("div", {
+    key: index,
+    className: ax(["_v564rca0 _n3td12x7 _1e0c1txw _4cvr1h6o _80omtlke"])
+  }, children);
+};

package/dist/es2019/viewers/archiveSidebar/archive-sidebar-folder-entry.js

@@ -1,16 +1,20 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import React from 'react';
+import { injectIntl } from 'react-intl';
 import Folder24Icon from '@atlaskit/icon-file-type/glyph/folder/24';
+import { globalMediaEventEmitter } from '@atlaskit/media-client';
 import { downloadUrl } from '@atlaskit/media-common';
 import { MediaTypeIcon } from '@atlaskit/media-ui/media-type-icon';
-import { globalMediaEventEmitter } from '@atlaskit/media-client';
-import { fg } from '@atlaskit/platform-feature-flags/fg';
-import { ArchiveSidebarFolderWrapper, ArchiveSidebarFileEntryWrapper, SidebarItemWrapper } from './styleWrappers';
-import { getMediaTypeFromFilename, isMacPrivateFile, rejectAfter } from '../../utils';
-import { CustomButtonItem } from './custom-button-item';
 import { messages } from '@atlaskit/media-ui/messages';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
+import { getMediaTypeFromFilename } from '../../utils/getMediaTypeFromFilename';
+import { isMacPrivateFile } from '../../utils/isMacPrivateFile';
+import { rejectAfter } from '../../utils/rejectAfter';
 import { ArchiveDownloadButton } from './archive-download-button';
-import { injectIntl } from 'react-intl';
+import { ArchiveSidebarFileEntryWrapper } from './archive-sidebar-file-entry-wrapper';
+import { ArchiveSidebarFolderWrapper } from './archive-sidebar-folder-wrapper';
+import { CustomButtonItem } from './custom-button-item';
+import { SidebarItemWrapper } from './sidebar-item-wrapper';
 class ArchiveSidebarFolderEntryBase extends React.Component {
   constructor(...args) {
     super(...args);

package/dist/es2019/viewers/archiveSidebar/archive-sidebar-folder-wrapper.compiled.css

@@ -0,0 +1,6 @@
+._v564t24z{transition:all 1s}._1o51q7pw{animation-fill-mode:forwards}
+._5sag188d{animation-duration:.3s}
+._j7hq1kq8{animation-name:k10ssv7b}
+._t9ecz6y5{transform:translateY(-100%)}
+._tzy4idpf{opacity:0}
+@keyframes k10ssv7b{0%{opacity:0;transform:translateY(-100%)}to{transform:translateY(0);opacity:1}}

package/dist/es2019/viewers/archiveSidebar/archive-sidebar-folder-wrapper.js

@@ -0,0 +1,15 @@
+/* archive-sidebar-folder-wrapper.tsx generated by @compiled/babel-plugin v3.0.1 */
+// eslint-disable-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+import "./archive-sidebar-folder-wrapper.compiled.css";
+import * as React from 'react';
+import { ax, ix } from "@compiled/react/runtime";
+const slideDown = null;
+const archiveSidebarFolderWrapperStyles = null;
+export const ArchiveSidebarFolderWrapper = ({
+  children
+}) => {
+  return /*#__PURE__*/React.createElement("div", {
+    "data-testid": "archive-sidebar-folder-wrapper",
+    className: ax(["_v564t24z _t9ecz6y5 _tzy4idpf _j7hq1kq8 _5sag188d _1o51q7pw"])
+  }, children);
+};

package/dist/es2019/viewers/archiveSidebar/archive-sidebar-header.js

@@ -2,9 +2,11 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import React from 'react';
 import ArrowLeftIcon from '@atlaskit/icon/core/arrow-left';
 import HomeIcon from '@atlaskit/icon/core/home';
-import { getFormattedFolderName } from '../../utils';
-import { SidebarHeaderEntry, SidebarHeaderIcon, SidebarHeaderWrapper } from './styleWrappers';
+import { getFormattedFolderName } from '../../utils/getFormattedFolderName';
 import { CustomButtonItem } from './custom-button-item';
+import { SidebarHeaderEntry } from './sidebar-header-entry';
+import { SidebarHeaderIcon } from './sidebar-header-icon';
+import { SidebarHeaderWrapper } from './sidebar-header-wrapper';
 export class ArchiveSidebarHeader extends React.Component {
   constructor(...args) {
     super(...args);

package/dist/es2019/viewers/archiveSidebar/archive-sidebar-renderer.js

@@ -1,11 +1,11 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import React, { Component } from 'react';
 import { isErrorFileState } from '@atlaskit/media-client';
+import { ArchiveViewerError } from '../../ArchiveViewerError';
+import { Spinner } from '../../loading';
 import { SpinnerWrapper } from '../../styleWrappers';
 import { ArchiveSidebar } from './archive-sidebar';
-import { getArchiveEntriesFromFileState } from './archive';
-import { Spinner } from '../../loading';
-import { ArchiveViewerError } from '../../errors';
+import { getArchiveEntriesFromFileState } from './get-archive-entries-from-file-state';
 import { ArchiveSideBar } from './styleWrappers';
 export default class ArchiveSidebarRenderer extends Component {
   constructor(...args) {

package/dist/es2019/viewers/archiveSidebar/archive-sidebar.js

@@ -2,10 +2,14 @@ import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import React from 'react';
 import { unzip } from 'unzipit';
-import { ArchiveSideBar, Separator } from './styleWrappers';
+import { extractArchiveFolderName } from '../../utils/extractArchiveFolderName';
+import { getFolderParent } from '../../utils/getFolderParent';
+import { getMediaTypeFromFilename } from '../../utils/getMediaTypeFromFilename';
+import { rejectAfter } from '../../utils/rejectAfter';
 import { ArchiveSidebarFolderEntry } from './archive-sidebar-folder-entry';
 import { ArchiveSidebarHeader } from './archive-sidebar-header';
-import { getMediaTypeFromFilename, getFolderParent, extractArchiveFolderName, rejectAfter } from '../../utils';
+import { Separator } from './separator';
+import { ArchiveSideBar } from './styleWrappers';
 export class ArchiveSidebar extends React.Component {
   constructor(props) {
     super(props);

package/dist/es2019/viewers/archiveSidebar/archive-viewer-base.js

@@ -0,0 +1,304 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+/* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
+
+import React from 'react';
+import { FormattedMessage } from 'react-intl';
+import AudioIcon from '@atlaskit/icon/core/audio';
+import { CustomMediaPlayer } from '@atlaskit/media-ui/customMediaPlayer';
+import { getLanguageType } from '@atlaskit/media-ui/getLanguageType';
+import { isCodeViewerItem } from '@atlaskit/media-ui/isCodeViewerItem';
+import { messages } from '@atlaskit/media-ui/messages';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
+import { Text } from '@atlaskit/primitives/compiled';
+import { ArchiveViewerError } from '../../ArchiveViewerError';
+import { createPreviewUnsupportedEvent } from '../../analytics/events/operational/previewUnsupported';
+import { createZipEntryLoadFailedEvent } from '../../analytics/events/operational/zipEntryLoadFailed';
+import { createZipEntryLoadSucceededEvent } from '../../analytics/events/operational/zipEntryLoadSucceeded';
+import { fireAnalytics } from '../../analytics/fireAnalytics';
+import { buildVideoErrorDiagnostics } from '../../buildVideoErrorDiagnostics';
+import { Outcome } from '../../domain/outcome';
+import ErrorMessage from '../../errorMessageWithAnalytics';
+import { isMediaViewerError } from '../../isMediaViewerError';
+import { MAX_FILE_SIZE_SUPPORTED_BY_CODEVIEWER } from '../../item-viewer';
+import { Spinner } from '../../loading';
+import { CustomVideoPlayerWrapper, AudioPlayer, CustomAudioPlayerWrapper, DefaultCoverWrapper, ListWrapper } from '../../styleWrappers';
+import { getMediaTypeFromFilename } from '../../utils/getMediaTypeFromFilename';
+import { getMimeTypeFromFilename } from '../../utils/getMimeTypeFromFilename';
+import { rejectAfter } from '../../utils/rejectAfter';
+import { BaseViewer } from '../base-viewer';
+import { CodeViewRenderer } from '../codeViewer/CodeViewRenderer-2';
+import { DEFAULT_LANGUAGE } from '../codeViewer/util';
+import { InteractiveImg } from '../image/interactive-img';
+import { ArchiveItemViewerWrapper } from './archive-item-viewer-wrapper';
+import { ArchiveLayout } from './archive-layout';
+import ArchiveSidebarRenderer from './archive-sidebar-renderer';
+import { ArchiveViewerWrapper } from './archive-viewer-wrapper';
+import { ENCRYPTED_ENTRY_ERROR_MESSAGE } from './consts';
+import { NativePdfViewer } from './nativePdfViewer';
+export class ArchiveViewerBase extends BaseViewer {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "onError", (error, entry) => {
+      // Non-ZIP archives (e.g. RAR, TAR, 7z) are a known limitation of the
+      // browser-based `unzipit` viewer, not a per-entry failure. Render a
+      // full-width "format not supported" message via BaseViewer's failed
+      // outcome (no sidebar, no 300px offset) and do NOT escalate to the
+      // parent item-viewer error boundary, which would double-render the
+      // message inside the offset archive layout.
+      if (error.primaryReason === 'archiveviewer-not-zip') {
+        // Fire a dedicated, non-SLI `previewUnsupported` event (not a
+        // `loadFailed`) so unsupported archives don't pollute error
+        // dashboards. The event's fileAttributes distinguish the two cases:
+        // `fileMediatype: 'unknown'` (browser-unrecognised, e.g. RAR) vs
+        // `fileMediatype: 'archive'` with a non-ZIP `fileMimetype` (unzipit
+        // limitation, e.g. 7z/tar/gzip).
+        fireAnalytics(createPreviewUnsupportedEvent(this.props.item), this.props.createAnalyticsEvent);
+        this.setState({
+          content: Outcome.failed(error)
+        });
+        return;
+      }
+      this.props.onError(error);
+      this.setState({
+        content: Outcome.successful({
+          ...this.state.content.data,
+          selectedArchiveEntry: entry,
+          error
+        })
+      });
+    });
+    _defineProperty(this, "onSelectedArchiveEntryChange", async selectedArchiveEntry => {
+      this.setState({
+        content: Outcome.successful({
+          ...this.state.content.data,
+          selectedArchiveEntry: undefined,
+          hasLoadedEntries: false // displays a nice loading spinner for the content viewer
+        })
+      });
+      let src = '';
+      let codeViewerSrc = '';
+      const mimeType = getMimeTypeFromFilename(selectedArchiveEntry.name);
+      const isCodeMimeType = isCodeViewerItem(selectedArchiveEntry.name, mimeType);
+      if (!selectedArchiveEntry.isDirectory) {
+        try {
+          const blob = await rejectAfter(() => selectedArchiveEntry.blob(), 10000);
+          const blobWithMimeType = new Blob([blob], {
+            type: mimeType
+          });
+          src = URL.createObjectURL(blobWithMimeType);
+          if (isCodeMimeType) {
+            codeViewerSrc = await rejectAfter(() => blob.text());
+          }
+        } catch (error) {
+          return this.onError(new ArchiveViewerError(error.message === ENCRYPTED_ENTRY_ERROR_MESSAGE ? 'archiveviewer-encrypted-entry' : 'archiveviewer-create-url', error), selectedArchiveEntry);
+        }
+      }
+      this.setState({
+        content: Outcome.successful({
+          ...this.state.content.data,
+          selectedArchiveEntry,
+          src,
+          name: selectedArchiveEntry.name,
+          isDirectory: selectedArchiveEntry.isDirectory,
+          error: undefined,
+          codeViewerSrc,
+          isCodeMimeType,
+          hasLoadedEntries: true
+        })
+      });
+    });
+    _defineProperty(this, "onHeaderClicked", () => {
+      // This will set the preview to show the Folder icon
+      this.setState({
+        content: Outcome.successful({
+          ...this.state.content.data
+        })
+      });
+    });
+    _defineProperty(this, "onViewerLoad", selectedArchiveEntry => () => {
+      fireAnalytics(createZipEntryLoadSucceededEvent(this.props.item, selectedArchiveEntry), this.props.createAnalyticsEvent);
+    });
+    _defineProperty(this, "onViewerError", (primaryErrorReason, selectedArchiveEntry) => error => {
+      if (error instanceof Error && isMediaViewerError(error)) {
+        return this.onError(new ArchiveViewerError(primaryErrorReason, error.secondaryError, selectedArchiveEntry));
+      }
+      // The video/audio CustomMediaPlayer surfaces a native `MediaError` (not a
+      // JS `Error`). Convert it into a descriptive diagnostics `Error` so the
+      // downstream analytics report a meaningful cause instead of `unknown`.
+      const secondaryError = error && !(error instanceof Error) ? buildVideoErrorDiagnostics(undefined, error) : error !== null && error !== void 0 ? error : undefined;
+      return this.onError(new ArchiveViewerError(primaryErrorReason, secondaryError, selectedArchiveEntry));
+    });
+    _defineProperty(this, "onSidebarLoaded", () => {
+      this.setState({
+        content: Outcome.successful({
+          ...this.state.content.data,
+          hasLoadedEntries: true
+        })
+      });
+      this.props.onSuccess();
+      if (fg('download_event_for_jira_attachments')) {
+        this.onMediaDisplayed();
+      }
+    });
+  }
+  async init() {
+    this.setState(this.initialState);
+  }
+  get initialState() {
+    return {
+      content: Outcome.successful({
+        src: '',
+        name: '',
+        isDirectory: true
+      })
+    };
+  }
+  release() {
+    const {
+      content
+    } = this.state;
+    if (!content.data || !content.data.src) {
+      return;
+    }
+    URL.revokeObjectURL(content.data.src);
+  }
+  renderSuccessful(content) {
+    const {
+      item,
+      mediaClient,
+      collectionName
+    } = this.props;
+    const {
+      selectedArchiveEntry,
+      hasLoadedEntries
+    } = content;
+    const hasSelectedArchiveEntry = selectedArchiveEntry !== undefined;
+    return /*#__PURE__*/React.createElement(ArchiveLayout, null, /*#__PURE__*/React.createElement(ArchiveSidebarRenderer, {
+      selectedFileState: item,
+      mediaClient: mediaClient,
+      onSelectedArchiveEntryChange: this.onSelectedArchiveEntryChange,
+      onHeaderClicked: this.onHeaderClicked,
+      isArchiveEntryLoading: !hasSelectedArchiveEntry,
+      collectionName: collectionName,
+      onError: this.onError,
+      onSuccess: this.onSidebarLoaded
+    }), /*#__PURE__*/React.createElement(ArchiveViewerWrapper, null, !hasSelectedArchiveEntry && !hasLoadedEntries ? /*#__PURE__*/React.createElement(ListWrapper, null, /*#__PURE__*/React.createElement(Spinner, null)) : this.renderArchiveItemViewer(content)));
+  }
+  renderArchiveItemViewer(content) {
+    const {
+      item,
+      viewerOptions
+    } = this.props;
+    const {
+      src,
+      name,
+      isDirectory,
+      error,
+      selectedArchiveEntry,
+      codeViewerSrc,
+      isCodeMimeType
+    } = content;
+    if (error) {
+      return this.renderPreviewError(error, selectedArchiveEntry);
+    }
+    if (!isDirectory && selectedArchiveEntry) {
+      var _viewerOptions$custom;
+      if (!name || !src) {
+        return this.renderPreviewError(new ArchiveViewerError('archiveviewer-missing-name-src'), selectedArchiveEntry);
+      }
+      const customRenderer = viewerOptions === null || viewerOptions === void 0 ? void 0 : (_viewerOptions$custom = viewerOptions.customRenderers) === null || _viewerOptions$custom === void 0 ? void 0 : _viewerOptions$custom.find(renderer => renderer.shouldUseCustomRenderer({
+        fileItem: item,
+        archiveFileItem: {
+          name
+        }
+      }));
+      if (customRenderer) {
+        return /*#__PURE__*/React.createElement(ArchiveItemViewerWrapper, null, customRenderer.renderContent({
+          fileItem: item,
+          archiveFileItem: {
+            name
+          },
+          getBinaryContent: async () => (await fetch(src)).blob(),
+          onLoad: this.onViewerLoad(selectedArchiveEntry),
+          onError: this.onViewerError('archiveviewer-customrenderer-onerror', selectedArchiveEntry)
+        }));
+      }
+      const mediaType = getMediaTypeFromFilename(name);
+      if (isCodeMimeType) {
+        // Same code viewer logic as in Item-Viewer.tsx
+        // Render error message if code file has size over 10MB.
+        // Required by https://product-fabric.atlassian.net/browse/MEX-1788
+        if ((selectedArchiveEntry === null || selectedArchiveEntry === void 0 ? void 0 : selectedArchiveEntry.size) > MAX_FILE_SIZE_SUPPORTED_BY_CODEVIEWER) {
+          return this.renderPreviewError(new ArchiveViewerError('archiveviewer-codeviewer-file-size-exceeds'), selectedArchiveEntry);
+        }
+        return /*#__PURE__*/React.createElement(CodeViewRenderer, {
+          onSuccess: this.onViewerLoad(selectedArchiveEntry),
+          onError: this.onViewerError('archiveviewer-codeviewer-onerror', selectedArchiveEntry),
+          item: item,
+          src: codeViewerSrc || '',
+          language: getLanguageType(name) || DEFAULT_LANGUAGE
+        });
+      }
+      switch (mediaType) {
+        case 'image':
+          return /*#__PURE__*/React.createElement(ArchiveItemViewerWrapper, null, /*#__PURE__*/React.createElement(InteractiveImg, {
+            src: src,
+            alt: name,
+            onLoad: this.onViewerLoad(selectedArchiveEntry),
+            onError: this.onViewerError('archiveviewer-imageviewer-onerror', selectedArchiveEntry)
+          }));
+        case 'video':
+          return /*#__PURE__*/React.createElement(ArchiveItemViewerWrapper, null, /*#__PURE__*/React.createElement(CustomVideoPlayerWrapper, {
+            "data-testid": "media-viewer-video-content"
+          }, /*#__PURE__*/React.createElement(CustomMediaPlayer, {
+            type: "video",
+            isAutoPlay: false,
+            src: src,
+            onCanPlay: this.onViewerLoad(selectedArchiveEntry),
+            onError: this.onViewerError('archiveviewer-videoviewer-onerror', selectedArchiveEntry)
+          })));
+        case 'audio':
+          return /*#__PURE__*/React.createElement(ArchiveItemViewerWrapper, null, /*#__PURE__*/React.createElement(AudioPlayer, {
+            "data-testid": "media-viewer-audio-content"
+          }, /*#__PURE__*/React.createElement(DefaultCoverWrapper, null, /*#__PURE__*/React.createElement(AudioIcon, {
+            label: "cover",
+            color: "currentColor"
+          })), /*#__PURE__*/React.createElement(CustomAudioPlayerWrapper, null, /*#__PURE__*/React.createElement(CustomMediaPlayer, {
+            type: "audio",
+            isAutoPlay: false,
+            src: src,
+            onCanPlay: this.onViewerLoad(selectedArchiveEntry),
+            onError: this.onViewerError('archiveviewer-audioviewer-onerror', selectedArchiveEntry)
+          }))));
+        case 'doc':
+          return /*#__PURE__*/React.createElement(ArchiveItemViewerWrapper, {
+            fullHeight: true
+          }, /*#__PURE__*/React.createElement(NativePdfViewer, {
+            src: src,
+            onSuccess: this.onViewerLoad(selectedArchiveEntry),
+            onError: this.onViewerError('archiveviewer-docviewer-onerror', selectedArchiveEntry)
+          }, this.renderPreviewError(new ArchiveViewerError('archiveviewer-docviewer-onerror'), selectedArchiveEntry, false)));
+        case 'archive':
+          //BMPT-388 - Add illustration here, currently empty viewer
+          return /*#__PURE__*/React.createElement(ArchiveItemViewerWrapper, null);
+        default:
+          return this.renderPreviewError(new ArchiveViewerError('archiveviewer-unsupported'), selectedArchiveEntry);
+      }
+    }
+  }
+  renderPreviewError(error, entry, shouldFireAnalytics = true) {
+    const {
+      item,
+      createAnalyticsEvent
+    } = this.props;
+    if (shouldFireAnalytics) {
+      fireAnalytics(createZipEntryLoadFailedEvent(item, error, entry), createAnalyticsEvent);
+    }
+    return /*#__PURE__*/React.createElement(ListWrapper, null, /*#__PURE__*/React.createElement(ErrorMessage, {
+      fileId: item.id,
+      fileState: item,
+      error: error,
+      supressAnalytics: true
+    }, /*#__PURE__*/React.createElement(Text, null, /*#__PURE__*/React.createElement(FormattedMessage, messages.try_downloading_file))));
+  }
+}

package/dist/es2019/viewers/archiveSidebar/archive-viewer-wrapper.compiled.css

@@ -0,0 +1,7 @@
+._154iidpf{top:0}
+._1e0c1txw{display:flex}
+._1ltv1mjv{left:300px}
+._1xi2idpf{right:0}
+._4cvr1h6o{align-items:center}
+._94n5idpf{bottom:0}
+._kqswstnw{position:absolute}

package/dist/es2019/viewers/archiveSidebar/archive-viewer-wrapper.js

@@ -0,0 +1,14 @@
+/* archive-viewer-wrapper.tsx generated by @compiled/babel-plugin v3.0.1 */
+// eslint-disable-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+import "./archive-viewer-wrapper.compiled.css";
+import * as React from 'react';
+import { ax, ix } from "@compiled/react/runtime";
+import { ARCHIVE_SIDE_BAR_WIDTH } from './styleWrappers';
+const archiveViewerWrapperStyles = null;
+export const ArchiveViewerWrapper = ({
+  children
+}) => {
+  return /*#__PURE__*/React.createElement("div", {
+    className: ax(["_kqswstnw _154iidpf _1ltv1mjv _1xi2idpf _94n5idpf _4cvr1h6o _1e0c1txw"])
+  }, children);
+};