@atlaskit/media-viewer 54.8.21 → 54.8.23

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

@@ -1,318 +1,5 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
 /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
-import React from 'react';
-import { unzip, HTTPRangeReader } from 'unzipit';
-import { FormattedMessage } from 'react-intl';
-import { isErrorFileState } from '@atlaskit/media-client';
-import { isZipMimeType } from '@atlaskit/media-common/isZipMimeType';
-import { CustomMediaPlayer } from '@atlaskit/media-ui/customMediaPlayer';
-import { messages } from '@atlaskit/media-ui/messages';
-import { getLanguageType } from '@atlaskit/media-ui/getLanguageType';
-import { isCodeViewerItem } from '@atlaskit/media-ui/isCodeViewerItem';
-import { Text } from '@atlaskit/primitives/compiled';
-import { Outcome } from '../../domain';
-import { CustomVideoPlayerWrapper, AudioPlayer, CustomAudioPlayerWrapper, DefaultCoverWrapper, ListWrapper } from '../../styleWrappers';
-import AudioIcon from '@atlaskit/icon/core/audio';
-import ErrorMessage from '../../errorMessage';
-import { BaseViewer } from '../base-viewer';
-import { InteractiveImg } from '../image/interactive-img';
-import { ArchiveItemViewerWrapper, ArchiveLayout, ArchiveViewerWrapper } from './styleWrappers';
-import ArchiveSidebarRenderer from './archive-sidebar-renderer';
-import { getMediaTypeFromFilename, getMimeTypeFromFilename, rejectAfter } from '../../utils';
-import { Spinner } from '../../loading';
-import { ENCRYPTED_ENTRY_ERROR_MESSAGE } from './consts';
+
 import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
-import { fireAnalytics } from '../../analytics';
-import { ArchiveViewerError, buildVideoErrorDiagnostics, isMediaViewerError } from '../../errors';
-import { createZipEntryLoadSucceededEvent } from '../../analytics/events/operational/zipEntryLoadSucceeded';
-import { createZipEntryLoadFailedEvent } from '../../analytics/events/operational/zipEntryLoadFailed';
-import { createPreviewUnsupportedEvent } from '../../analytics/events/operational/previewUnsupported';
-import { CodeViewRenderer } from '../codeViewer/codeViewerRenderer';
-import { DEFAULT_LANGUAGE } from '../codeViewer/util';
-import { MAX_FILE_SIZE_SUPPORTED_BY_CODEVIEWER } from '../../item-viewer';
-import { NativePdfViewer } from './nativePdfViewer';
-import { fg } from '@atlaskit/platform-feature-flags/fg';
-export const getArchiveEntriesFromFileState = async (fileState, mediaClient, collectionName) => {
-  // The browser-based archive viewer relies on `unzipit`, which only supports
-  // the ZIP container format. Media classifies 40+ archive formats (.tar, .gz,
-  // .rar, .7z, etc.) as `archive` and routes them all through this code path,
-  // causing unzipit to fail with a cryptic "could not find end of central
-  // directory" error. We short-circuit non-ZIP archives up-front so the UI
-  // can show a clear "format not supported" message instead. We rely on the
-  // file's mime type (provided by the media backend).
-  if (!isErrorFileState(fileState) && !isZipMimeType(fileState.mimeType) && fg('platform_media_archive_zip_guard')) {
-    throw new ArchiveViewerError('archiveviewer-not-zip');
-  }
-  const url = await mediaClient.file.getFileBinaryURL(fileState.id, collectionName);
-  const reader = new HTTPRangeReader(url);
-  const archive = await rejectAfter(() => unzip(reader));
-  return archive;
-};
-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))));
-  }
-}
+import { ArchiveViewerBase } from './archive-viewer-base';
 export const ArchiveViewer = withAnalyticsEvents()(ArchiveViewerBase);

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

@@ -1,8 +1,8 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import React from 'react';
+import { MediaViewerError } from '../../MediaViewerError';
+import ErrorMessage from '../../errorMessageWithAnalytics';
 import ModalSpinner from '../modalSpinner';
-import ErrorMessage from '../../errorMessage';
-import { MediaViewerError } from '../../errors';
 export default class ArchiveViewerLoader extends React.PureComponent {
   constructor(...args) {
     super(...args);

package/dist/es2019/viewers/archiveSidebar/disabled-archive-download-button-wrapper.compiled.css

@@ -0,0 +1,8 @@
+._19itglyw{border:none}
+._2rkofajl{border-radius:var(--ds-radius-small,3px)}._19bvu2gc{padding-left:var(--ds-space-100,8px)}
+._80om13gf{cursor:not-allowed}
+._bfhk1j28{background-color:transparent}
+._ca0qu2gc{padding-top:var(--ds-space-100,8px)}
+._n3td14y2{padding-bottom:5px}
+._syaz1q3r{color:var(--ds-icon,#292a2e)}
+._u5f31v6z{padding-right:7px}

package/dist/es2019/viewers/archiveSidebar/disabled-archive-download-button-wrapper.js

@@ -0,0 +1,14 @@
+/* disabled-archive-download-button-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 "./disabled-archive-download-button-wrapper.compiled.css";
+import * as React from 'react';
+import { ax, ix } from "@compiled/react/runtime";
+const disabledArchiveDownloadButtonWrapperStyles = null;
+export const DisabledArchiveDownloadButtonWrapper = ({
+  children
+}) => {
+  return /*#__PURE__*/React.createElement("div", {
+    "data-testid": "media-disabledArchiveDownloadButton",
+    className: ax(["_19itglyw _2rkofajl _ca0qu2gc _u5f31v6z _n3td14y2 _19bvu2gc _bfhk1j28 _syaz1q3r _80om13gf"])
+  }, children);
+};

package/dist/es2019/viewers/archiveSidebar/get-archive-entries-from-file-state.js

@@ -0,0 +1,24 @@
+/* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
+
+import { unzip, HTTPRangeReader } from 'unzipit';
+import { isErrorFileState } from '@atlaskit/media-client';
+import { isZipMimeType } from '@atlaskit/media-common/isZipMimeType';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
+import { ArchiveViewerError } from '../../ArchiveViewerError';
+import { rejectAfter } from '../../utils/rejectAfter';
+export const getArchiveEntriesFromFileState = async (fileState, mediaClient, collectionName) => {
+  // The browser-based archive viewer relies on `unzipit`, which only supports
+  // the ZIP container format. Media classifies 40+ archive formats (.tar, .gz,
+  // .rar, .7z, etc.) as `archive` and routes them all through this code path,
+  // causing unzipit to fail with a cryptic "could not find end of central
+  // directory" error. We short-circuit non-ZIP archives up-front so the UI
+  // can show a clear "format not supported" message instead. We rely on the
+  // file's mime type (provided by the media backend).
+  if (!isErrorFileState(fileState) && !isZipMimeType(fileState.mimeType) && fg('platform_media_archive_zip_guard')) {
+    throw new ArchiveViewerError('archiveviewer-not-zip');
+  }
+  const url = await mediaClient.file.getFileBinaryURL(fileState.id, collectionName);
+  const reader = new HTTPRangeReader(url);
+  const archive = await rejectAfter(() => unzip(reader));
+  return archive;
+};

package/dist/es2019/viewers/archiveSidebar/separator.compiled.css

@@ -0,0 +1,7 @@
+._2rko1rr0{border-radius:var(--ds-radius-full,9999px)}._18u0idpf{margin-left:0}
+._19pkpxbi{margin-top:var(--ds-space-200,1pc)}
+._1o9zidpf{flex-shrink:0}
+._2hwxidpf{margin-right:0}
+._4t3iyh40{height:2px}
+._bfhk1l7x{background-color:var(--ds-border,#0b120e24)}
+._otyrpxbi{margin-bottom:var(--ds-space-200,1pc)}

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

@@ -0,0 +1,11 @@
+/* separator.tsx generated by @compiled/babel-plugin v3.0.1 */
+// eslint-disable-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+import "./separator.compiled.css";
+import * as React from 'react';
+import { ax, ix } from "@compiled/react/runtime";
+const separatorStyles = null;
+export const Separator = () => {
+  return /*#__PURE__*/React.createElement("div", {
+    className: ax(["_2rko1rr0 _4t3iyh40 _19pkpxbi _2hwxidpf _otyrpxbi _18u0idpf _bfhk1l7x _1o9zidpf"])
+  });
+};

package/dist/es2019/viewers/archiveSidebar/sidebar-header-entry.compiled.css

@@ -0,0 +1,9 @@
+._16jlkb7n{flex-grow:1}
+._18m915vq{overflow-y:hidden}
+._1bto1l2s{text-overflow:ellipsis}
+._1o9zkb7n{flex-shrink:1}
+._1reo15vq{overflow-x:hidden}
+._i0dl1wug{flex-basis:auto}
+._o5721q9c{white-space:nowrap}
+._syazi7uo{color:var(--ds-text,#292a2e)}
+._vwz41xde{line-height:1.14286}

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

@@ -0,0 +1,13 @@
+/* sidebar-header-entry.tsx generated by @compiled/babel-plugin v3.0.1 */
+// eslint-disable-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+import "./sidebar-header-entry.compiled.css";
+import * as React from 'react';
+import { ax, ix } from "@compiled/react/runtime";
+const sidebarHeaderEntryStyles = null;
+export const SidebarHeaderEntry = ({
+  children
+}) => {
+  return /*#__PURE__*/React.createElement("div", {
+    className: ax(["_16jlkb7n _1o9zkb7n _i0dl1wug _1reo15vq _18m915vq _1bto1l2s _o5721q9c _vwz41xde _syazi7uo"])
+  }, children);
+};

package/dist/es2019/viewers/archiveSidebar/sidebar-header-icon.compiled.css

@@ -0,0 +1,4 @@
+._1e0c1txw{display:flex}
+._1o9zidpf{flex-shrink:0}
+._2hwxu2gc{margin-right:var(--ds-space-100,8px)}
+._4cvr1h6o{align-items:center}

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

@@ -0,0 +1,13 @@
+/* sidebar-header-icon.tsx generated by @compiled/babel-plugin v3.0.1 */
+// eslint-disable-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+import "./sidebar-header-icon.compiled.css";
+import * as React from 'react';
+import { ax, ix } from "@compiled/react/runtime";
+const sidebarHeaderIconStyles = null;
+export const SidebarHeaderIcon = ({
+  children
+}) => {
+  return /*#__PURE__*/React.createElement("div", {
+    className: ax(["_1e0c1txw _4cvr1h6o _2hwxu2gc _1o9zidpf"])
+  }, children);
+};

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

@@ -0,0 +1,3 @@
+._1e0c1txw{display:flex}
+._1o9zidpf{flex-shrink:0}
+._4cvr1h6o{align-items:center}

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

@@ -0,0 +1,13 @@
+/* sidebar-header-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 "./sidebar-header-wrapper.compiled.css";
+import * as React from 'react';
+import { ax, ix } from "@compiled/react/runtime";
+const sidebarHeaderWrapperStyles = null;
+export const SidebarHeaderWrapper = ({
+  children
+}) => {
+  return /*#__PURE__*/React.createElement("span", {
+    className: ax(["_1e0c1txw _4cvr1h6o _1o9zidpf"])
+  }, children);
+};

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

@@ -0,0 +1 @@
+._1bsb13sl{width:85%}

package/dist/es2019/viewers/archiveSidebar/sidebar-item-wrapper.js

@@ -0,0 +1,13 @@
+/* sidebar-item-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 "./sidebar-item-wrapper.compiled.css";
+import * as React from 'react';
+import { ax, ix } from "@compiled/react/runtime";
+const sidebarItemWrapperStyles = null;
+export const SidebarItemWrapper = ({
+  children
+}) => {
+  return /*#__PURE__*/React.createElement("div", {
+    className: ax(["_1bsb13sl"])
+  }, children);
+};

package/dist/es2019/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%}
 ._1bsb1mjv{width:300px}
-._1bsb1osq{width:100%}
-._1bto1l2s{text-overflow:ellipsis}
-._1e0c1txw{display:flex}
-._1e0c1ule{display:block}
-._1ltv1mjv{left:300px}
 ._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}