@atlaskit/media-viewer 54.8.21 → 54.8.23

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

@@ -1,425 +1,5 @@
-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 _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-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 _regeneratorRuntime from "@babel/runtime/regenerator";
 /* 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 var getArchiveEntriesFromFileState = /*#__PURE__*/function () {
-  var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(fileState, mediaClient, collectionName) {
-    var url, reader, archive;
-    return _regeneratorRuntime.wrap(function (_context) {
-      while (1) switch (_context.prev = _context.next) {
-        case 0:
-          if (!(!isErrorFileState(fileState) && !isZipMimeType(fileState.mimeType) && fg('platform_media_archive_zip_guard'))) {
-            _context.next = 1;
-            break;
-          }
-          throw new ArchiveViewerError('archiveviewer-not-zip');
-        case 1:
-          _context.next = 2;
-          return mediaClient.file.getFileBinaryURL(fileState.id, collectionName);
-        case 2:
-          url = _context.sent;
-          reader = new HTTPRangeReader(url);
-          _context.next = 3;
-          return rejectAfter(function () {
-            return unzip(reader);
-          });
-        case 3:
-          archive = _context.sent;
-          return _context.abrupt("return", archive);
-        case 4:
-        case "end":
-          return _context.stop();
-      }
-    }, _callee);
-  }));
-  return function getArchiveEntriesFromFileState(_x, _x2, _x3) {
-    return _ref.apply(this, arguments);
-  };
-}();
-export var ArchiveViewerBase = /*#__PURE__*/function (_BaseViewer) {
-  function ArchiveViewerBase() {
-    var _this;
-    _classCallCheck(this, ArchiveViewerBase);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _callSuper(this, ArchiveViewerBase, [].concat(args));
-    _defineProperty(_this, "onError", function (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(_objectSpread(_objectSpread({}, _this.state.content.data), {}, {
-          selectedArchiveEntry: entry,
-          error: error
-        }))
-      });
-    });
-    _defineProperty(_this, "onSelectedArchiveEntryChange", /*#__PURE__*/function () {
-      var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(selectedArchiveEntry) {
-        var src, codeViewerSrc, mimeType, isCodeMimeType, blob, blobWithMimeType, _t;
-        return _regeneratorRuntime.wrap(function (_context2) {
-          while (1) switch (_context2.prev = _context2.next) {
-            case 0:
-              _this.setState({
-                content: Outcome.successful(_objectSpread(_objectSpread({}, _this.state.content.data), {}, {
-                  selectedArchiveEntry: undefined,
-                  hasLoadedEntries: false // displays a nice loading spinner for the content viewer
-                }))
-              });
-              src = '';
-              codeViewerSrc = '';
-              mimeType = getMimeTypeFromFilename(selectedArchiveEntry.name);
-              isCodeMimeType = isCodeViewerItem(selectedArchiveEntry.name, mimeType);
-              if (selectedArchiveEntry.isDirectory) {
-                _context2.next = 6;
-                break;
-              }
-              _context2.prev = 1;
-              _context2.next = 2;
-              return rejectAfter(function () {
-                return selectedArchiveEntry.blob();
-              }, 10000);
-            case 2:
-              blob = _context2.sent;
-              blobWithMimeType = new Blob([blob], {
-                type: mimeType
-              });
-              src = URL.createObjectURL(blobWithMimeType);
-              if (!isCodeMimeType) {
-                _context2.next = 4;
-                break;
-              }
-              _context2.next = 3;
-              return rejectAfter(function () {
-                return blob.text();
-              });
-            case 3:
-              codeViewerSrc = _context2.sent;
-            case 4:
-              _context2.next = 6;
-              break;
-            case 5:
-              _context2.prev = 5;
-              _t = _context2["catch"](1);
-              return _context2.abrupt("return", _this.onError(new ArchiveViewerError(_t.message === ENCRYPTED_ENTRY_ERROR_MESSAGE ? 'archiveviewer-encrypted-entry' : 'archiveviewer-create-url', _t), selectedArchiveEntry));
-            case 6:
-              _this.setState({
-                content: Outcome.successful(_objectSpread(_objectSpread({}, _this.state.content.data), {}, {
-                  selectedArchiveEntry: selectedArchiveEntry,
-                  src: src,
-                  name: selectedArchiveEntry.name,
-                  isDirectory: selectedArchiveEntry.isDirectory,
-                  error: undefined,
-                  codeViewerSrc: codeViewerSrc,
-                  isCodeMimeType: isCodeMimeType,
-                  hasLoadedEntries: true
-                }))
-              });
-            case 7:
-            case "end":
-              return _context2.stop();
-          }
-        }, _callee2, null, [[1, 5]]);
-      }));
-      return function (_x4) {
-        return _ref2.apply(this, arguments);
-      };
-    }());
-    _defineProperty(_this, "onHeaderClicked", function () {
-      // This will set the preview to show the Folder icon
-      _this.setState({
-        content: Outcome.successful(_objectSpread({}, _this.state.content.data))
-      });
-    });
-    _defineProperty(_this, "onViewerLoad", function (selectedArchiveEntry) {
-      return function () {
-        fireAnalytics(createZipEntryLoadSucceededEvent(_this.props.item, selectedArchiveEntry), _this.props.createAnalyticsEvent);
-      };
-    });
-    _defineProperty(_this, "onViewerError", function (primaryErrorReason, selectedArchiveEntry) {
-      return function (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`.
-        var 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", function () {
-      _this.setState({
-        content: Outcome.successful(_objectSpread(_objectSpread({}, _this.state.content.data), {}, {
-          hasLoadedEntries: true
-        }))
-      });
-      _this.props.onSuccess();
-      if (fg('download_event_for_jira_attachments')) {
-        _this.onMediaDisplayed();
-      }
-    });
-    return _this;
-  }
-  _inherits(ArchiveViewerBase, _BaseViewer);
-  return _createClass(ArchiveViewerBase, [{
-    key: "init",
-    value: function () {
-      var _init = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
-        return _regeneratorRuntime.wrap(function (_context3) {
-          while (1) switch (_context3.prev = _context3.next) {
-            case 0:
-              this.setState(this.initialState);
-            case 1:
-            case "end":
-              return _context3.stop();
-          }
-        }, _callee3, this);
-      }));
-      function init() {
-        return _init.apply(this, arguments);
-      }
-      return init;
-    }()
-  }, {
-    key: "initialState",
-    get: function get() {
-      return {
-        content: Outcome.successful({
-          src: '',
-          name: '',
-          isDirectory: true
-        })
-      };
-    }
-  }, {
-    key: "release",
-    value: function release() {
-      var content = this.state.content;
-      if (!content.data || !content.data.src) {
-        return;
-      }
-      URL.revokeObjectURL(content.data.src);
-    }
-  }, {
-    key: "renderSuccessful",
-    value: function renderSuccessful(content) {
-      var _this$props = this.props,
-        item = _this$props.item,
-        mediaClient = _this$props.mediaClient,
-        collectionName = _this$props.collectionName;
-      var selectedArchiveEntry = content.selectedArchiveEntry,
-        hasLoadedEntries = content.hasLoadedEntries;
-      var 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)));
-    }
-  }, {
-    key: "renderArchiveItemViewer",
-    value: function renderArchiveItemViewer(content) {
-      var _this$props2 = this.props,
-        item = _this$props2.item,
-        viewerOptions = _this$props2.viewerOptions;
-      var src = content.src,
-        name = content.name,
-        isDirectory = content.isDirectory,
-        error = content.error,
-        selectedArchiveEntry = content.selectedArchiveEntry,
-        codeViewerSrc = content.codeViewerSrc,
-        isCodeMimeType = content.isCodeMimeType;
-      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);
-        }
-        var customRenderer = viewerOptions === null || viewerOptions === void 0 || (_viewerOptions$custom = viewerOptions.customRenderers) === null || _viewerOptions$custom === void 0 ? void 0 : _viewerOptions$custom.find(function (renderer) {
-          return renderer.shouldUseCustomRenderer({
-            fileItem: item,
-            archiveFileItem: {
-              name: name
-            }
-          });
-        });
-        if (customRenderer) {
-          return /*#__PURE__*/React.createElement(ArchiveItemViewerWrapper, null, customRenderer.renderContent({
-            fileItem: item,
-            archiveFileItem: {
-              name: name
-            },
-            getBinaryContent: function () {
-              var _getBinaryContent = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee4() {
-                return _regeneratorRuntime.wrap(function (_context4) {
-                  while (1) switch (_context4.prev = _context4.next) {
-                    case 0:
-                      _context4.next = 1;
-                      return fetch(src);
-                    case 1:
-                      return _context4.abrupt("return", _context4.sent.blob());
-                    case 2:
-                    case "end":
-                      return _context4.stop();
-                  }
-                }, _callee4);
-              }));
-              function getBinaryContent() {
-                return _getBinaryContent.apply(this, arguments);
-              }
-              return getBinaryContent;
-            }(),
-            onLoad: this.onViewerLoad(selectedArchiveEntry),
-            onError: this.onViewerError('archiveviewer-customrenderer-onerror', selectedArchiveEntry)
-          }));
-        }
-        var 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);
-        }
-      }
-    }
-  }, {
-    key: "renderPreviewError",
-    value: function renderPreviewError(error, entry) {
-      var shouldFireAnalytics = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
-      var _this$props3 = this.props,
-        item = _this$props3.item,
-        createAnalyticsEvent = _this$props3.createAnalyticsEvent;
-      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))));
-    }
-  }]);
-}(BaseViewer);
+import { ArchiveViewerBase } from './archive-viewer-base';
 export var ArchiveViewer = withAnalyticsEvents()(ArchiveViewerBase);

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

@@ -9,9 +9,9 @@ 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 { MediaViewerError } from '../../MediaViewerError';
+import ErrorMessage from '../../errorMessageWithAnalytics';
 import ModalSpinner from '../modalSpinner';
-import ErrorMessage from '../../errorMessage';
-import { MediaViewerError } from '../../errors';
 var ArchiveViewerLoader = /*#__PURE__*/function (_React$PureComponent) {
   function ArchiveViewerLoader() {
     var _this;

package/dist/esm/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/esm/viewers/archiveSidebar/disabled-archive-download-button-wrapper.js

@@ -0,0 +1,13 @@
+/* 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";
+var disabledArchiveDownloadButtonWrapperStyles = null;
+export var DisabledArchiveDownloadButtonWrapper = function DisabledArchiveDownloadButtonWrapper(_ref) {
+  var children = _ref.children;
+  return /*#__PURE__*/React.createElement("div", {
+    "data-testid": "media-disabledArchiveDownloadButton",
+    className: ax(["_19itglyw _2rkofajl _ca0qu2gc _u5f31v6z _n3td14y2 _19bvu2gc _bfhk1j28 _syaz1q3r _80om13gf"])
+  }, children);
+};

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

@@ -0,0 +1,44 @@
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+/* 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 var getArchiveEntriesFromFileState = /*#__PURE__*/function () {
+  var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(fileState, mediaClient, collectionName) {
+    var url, reader, archive;
+    return _regeneratorRuntime.wrap(function (_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          if (!(!isErrorFileState(fileState) && !isZipMimeType(fileState.mimeType) && fg('platform_media_archive_zip_guard'))) {
+            _context.next = 1;
+            break;
+          }
+          throw new ArchiveViewerError('archiveviewer-not-zip');
+        case 1:
+          _context.next = 2;
+          return mediaClient.file.getFileBinaryURL(fileState.id, collectionName);
+        case 2:
+          url = _context.sent;
+          reader = new HTTPRangeReader(url);
+          _context.next = 3;
+          return rejectAfter(function () {
+            return unzip(reader);
+          });
+        case 3:
+          archive = _context.sent;
+          return _context.abrupt("return", archive);
+        case 4:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee);
+  }));
+  return function getArchiveEntriesFromFileState(_x, _x2, _x3) {
+    return _ref.apply(this, arguments);
+  };
+}();

package/dist/esm/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/esm/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";
+var separatorStyles = null;
+export var Separator = function Separator() {
+  return /*#__PURE__*/React.createElement("div", {
+    className: ax(["_2rko1rr0 _4t3iyh40 _19pkpxbi _2hwxidpf _otyrpxbi _18u0idpf _bfhk1l7x _1o9zidpf"])
+  });
+};

package/dist/esm/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/esm/viewers/archiveSidebar/sidebar-header-entry.js

@@ -0,0 +1,12 @@
+/* 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";
+var sidebarHeaderEntryStyles = null;
+export var SidebarHeaderEntry = function SidebarHeaderEntry(_ref) {
+  var children = _ref.children;
+  return /*#__PURE__*/React.createElement("div", {
+    className: ax(["_16jlkb7n _1o9zkb7n _i0dl1wug _1reo15vq _18m915vq _1bto1l2s _o5721q9c _vwz41xde _syazi7uo"])
+  }, children);
+};

package/dist/esm/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/esm/viewers/archiveSidebar/sidebar-header-icon.js

@@ -0,0 +1,12 @@
+/* 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";
+var sidebarHeaderIconStyles = null;
+export var SidebarHeaderIcon = function SidebarHeaderIcon(_ref) {
+  var children = _ref.children;
+  return /*#__PURE__*/React.createElement("div", {
+    className: ax(["_1e0c1txw _4cvr1h6o _2hwxu2gc _1o9zidpf"])
+  }, children);
+};

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

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

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

@@ -0,0 +1,12 @@
+/* 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";
+var sidebarHeaderWrapperStyles = null;
+export var SidebarHeaderWrapper = function SidebarHeaderWrapper(_ref) {
+  var children = _ref.children;
+  return /*#__PURE__*/React.createElement("span", {
+    className: ax(["_1e0c1txw _4cvr1h6o _1o9zidpf"])
+  }, children);
+};

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

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

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

@@ -0,0 +1,12 @@
+/* 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";
+var sidebarItemWrapperStyles = null;
+export var SidebarItemWrapper = function SidebarItemWrapper(_ref) {
+  var children = _ref.children;
+  return /*#__PURE__*/React.createElement("div", {
+    className: ax(["_1bsb13sl"])
+  }, children);
+};