@atlaskit/media-viewer 54.8.21 → 54.8.23

package/dist/cjs/useDownloadButtonDisabledProps.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useDownloadButtonDisabledProps = void 0;
+var _reactIntl = require("react-intl");
+var _messages = require("@atlaskit/media-ui/messages");
+var useDownloadButtonDisabledProps = exports.useDownloadButtonDisabledProps = function useDownloadButtonDisabledProps(mediaClient) {
+  var _useIntl = (0, _reactIntl.useIntl)(),
+    formatMessage = _useIntl.formatMessage;
+  var isDisabled = mediaClient.config.enforceDataSecurityPolicy;
+  var tooltip = isDisabled ? formatMessage(_messages.messages.download_disabled_security_policy) : undefined;
+  return {
+    isDisabled: isDisabled,
+    tooltip: tooltip
+  };
+};

package/dist/cjs/utils/extractArchiveFolderName.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.extractArchiveFolderName = void 0;
+var extractArchiveFolderName = exports.extractArchiveFolderName = function extractArchiveFolderName(folderName) {
+  var index = folderName.lastIndexOf('.');
+  return index > -1 ? folderName.substring(0, index) + '/' : folderName + '/';
+};

package/dist/cjs/utils/getFolderParent.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getFolderParent = void 0;
+var getFolderParent = exports.getFolderParent = function getFolderParent(path) {
+  var pathParts = path.substring(0, path.length - 1).split('/');
+  pathParts.pop();
+  var parent = pathParts.at(-1);
+  if (!parent) {
+    return ''; // root
+  }
+  return pathParts.join('/') + '/';
+};

package/dist/cjs/utils/getFormattedFolderName.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getFormattedFolderName = void 0;
+var getFormattedFolderName = exports.getFormattedFolderName = function getFormattedFolderName(folderName) {
+  // We assume name ends with '/' unless it is the root directory
+  if (folderName === '') {
+    return '';
+  }
+  var name = folderName.substring(0, folderName.length - 1);
+  var index = name.lastIndexOf('/');
+  if (index === -1) {
+    return name;
+  }
+  return name.substring(index + 1);
+};

package/dist/cjs/utils/getMediaTypeFromFilename.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getMediaTypeFromFilename = void 0;
+var _mediaCommon = require("@atlaskit/media-common");
+var _getMimeTypeFromFilename = require("./getMimeTypeFromFilename");
+var getMediaTypeFromFilename = exports.getMediaTypeFromFilename = function getMediaTypeFromFilename(filename) {
+  var mimeType = (0, _getMimeTypeFromFilename.getMimeTypeFromFilename)(filename);
+  return (0, _mediaCommon.getMediaTypeFromMimeType)(mimeType);
+};

package/dist/cjs/utils/getMimeTypeFromFilename.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getMimeTypeFromFilename = void 0;
+var _mime = require("mime");
+var getMimeTypeFromFilename = exports.getMimeTypeFromFilename = function getMimeTypeFromFilename(filename) {
+  var extension = filename.split('.').pop();
+  if (!extension) {
+    return '';
+  }
+  var mimeType = (0, _mime.getType)(extension);
+  if (!mimeType) {
+    return '';
+  }
+  return mimeType;
+};

package/dist/cjs/utils/getSelectedIndex.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getSelectedIndex = void 0;
+var _isSameIdentifier = require("./isSameIdentifier");
+// TODO MS-1752 - current implementation makes viewer navigation to misbehave
+// if passed a file with the same id (with different occurrenceKeys) or with the same dataURI twice
+var getSelectedIndex = exports.getSelectedIndex = function getSelectedIndex(items, selectedItem) {
+  return items.findIndex(function (item) {
+    return (0, _isSameIdentifier.isSameIdentifier)(item, selectedItem);
+  });
+};

package/dist/cjs/utils/isMacPrivateFile.js

@@ -0,0 +1,9 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isMacPrivateFile = void 0;
+var isMacPrivateFile = exports.isMacPrivateFile = function isMacPrivateFile(fileName) {
+  return fileName.startsWith('__MACOSX') || fileName.includes('.DS_Store');
+};

package/dist/cjs/utils/isSameIdentifier.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isSameIdentifier = void 0;
+var _mediaClient = require("@atlaskit/media-client");
+var isSameIdentifier = exports.isSameIdentifier = function isSameIdentifier(id1, id2) {
+  if ((0, _mediaClient.isFileIdentifier)(id1) && (0, _mediaClient.isFileIdentifier)(id2)) {
+    return id1.id === id2.id;
+  }
+  if (!(0, _mediaClient.isFileIdentifier)(id1) && !(0, _mediaClient.isFileIdentifier)(id2)) {
+    return id1.dataURI === id2.dataURI;
+  }
+  return false;
+};

package/dist/cjs/utils/rejectAfter.js

@@ -0,0 +1,47 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.rejectAfter = void 0;
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var rejectAfter = exports.rejectAfter = function rejectAfter(fn) {
+  var delay = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 5000;
+  return new Promise( /*#__PURE__*/function () {
+    var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(resolve, reject) {
+      var timeoutId, _t, _t2;
+      return _regenerator.default.wrap(function (_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            timeoutId = setTimeout(function () {
+              return reject(new Error('timed out'));
+            }, delay);
+            _context.prev = 1;
+            _t = resolve;
+            _context.next = 2;
+            return fn();
+          case 2:
+            _t(_context.sent);
+            _context.next = 4;
+            break;
+          case 3:
+            _context.prev = 3;
+            _t2 = _context["catch"](1);
+            reject(_t2);
+          case 4:
+            _context.prev = 4;
+            clearTimeout(timeoutId);
+            return _context.finish(4);
+          case 5:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee, null, [[1, 3, 4, 5]]);
+    }));
+    return function (_x, _x2) {
+      return _ref.apply(this, arguments);
+    };
+  }());
+};

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

@@ -0,0 +1,19 @@
+._kkk2n7od{all:unset}
+._19itglyw{border:none}
+._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))}
+._19bvu2gc{padding-left:var(--ds-space-100,8px)}
+._1e0c1ule{display:block}
+._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}._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}

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

@@ -0,0 +1,32 @@
+/* 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
+"use strict";
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ArchiveDownloadButtonWrapper = void 0;
+require("./archive-download-button-wrapper.compiled.css");
+var React = _interopRequireWildcard(require("react"));
+var _runtime = require("@compiled/react/runtime");
+var _reactIntl = require("react-intl");
+var _messages = require("@atlaskit/media-ui/messages");
+var _fg = require("@atlaskit/platform-feature-flags/fg");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+var archiveDownloadButtonWrapperStyles = null;
+var archiveDownloadButtonMotionStyles = null;
+var archiveDownloadButtonWrapperStyleFix = null;
+var ArchiveDownloadButtonWrapper = exports.ArchiveDownloadButtonWrapper = function ArchiveDownloadButtonWrapper(_ref) {
+  var children = _ref.children,
+    _onClick = _ref.onClick;
+  var intl = (0, _reactIntl.useIntl)();
+  return /*#__PURE__*/React.createElement("button", {
+    "aria-label": intl.formatMessage(_messages.messages.archive_download_label_assistive_text),
+    onClick: function onClick(event) {
+      return _onClick && _onClick(event);
+    },
+    "data-testid": "media-archiveDownloadButton",
+    className: (0, _runtime.ax)(["_kkk2n7od _1e0c1ule _1ah3v77o _128mdkaa _mizu1v1w _ra3xnqa1", "_19itglyw _2rkofajl _v564k6bl _ca0qu2gc _u5f31v6z _n3td14y2 _19bvu2gc _bfhk1j28 _syaz1q3r _d0altlke _irr31dpa _1ggl5xtf _1qamtlke _1di6fcek", (0, _fg.fg)('platform-dst-motion-uplift-custom-button') && "_v564k6bl _1ggl5xtf"])
+  }, children);
+};

package/dist/cjs/viewers/archiveSidebar/archive-download-button.js

@@ -9,9 +9,10 @@ exports.ArchiveDownloadButton = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
 var _download = _interopRequireDefault(require("@atlaskit/icon/core/download"));
-var _styleWrappers = require("./styleWrappers");
 var _abuseModal = require("@atlaskit/media-ui/abuseModal");
 var _Tooltip = _interopRequireDefault(require("@atlaskit/tooltip/Tooltip"));
+var _archiveDownloadButtonWrapper = require("./archive-download-button-wrapper");
+var _disabledArchiveDownloadButtonWrapper = require("./disabled-archive-download-button-wrapper");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var ArchiveDownloadButton = exports.ArchiveDownloadButton = function ArchiveDownloadButton(_ref) {
   var downloadFn = _ref.downloadFn,
@@ -37,7 +38,7 @@ var ArchiveDownloadButton = exports.ArchiveDownloadButton = function ArchiveDown
     spacing: "spacious",
     label: "Download"
   });
-  var downloadButton = isDisabled ? /*#__PURE__*/_react.default.createElement(_styleWrappers.DisabledArchiveDownloadButtonWrapper, null, icon) : /*#__PURE__*/_react.default.createElement(_styleWrappers.ArchiveDownloadButtonWrapper, {
+  var downloadButton = isDisabled ? /*#__PURE__*/_react.default.createElement(_disabledArchiveDownloadButtonWrapper.DisabledArchiveDownloadButtonWrapper, null, icon) : /*#__PURE__*/_react.default.createElement(_archiveDownloadButtonWrapper.ArchiveDownloadButtonWrapper, {
     onClick: downloadOrWarn
   }, icon);
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, shouldRenderAbuseModal && /*#__PURE__*/_react.default.createElement(_abuseModal.AbuseModal, {

package/dist/cjs/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/cjs/viewers/archiveSidebar/archive-item-viewer-wrapper.js

@@ -0,0 +1,22 @@
+/* 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
+"use strict";
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ArchiveItemViewerWrapper = void 0;
+require("./archive-item-viewer-wrapper.compiled.css");
+var React = _interopRequireWildcard(require("react"));
+var _runtime = require("@compiled/react/runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+var archiveItemViewerWrapperStyles = null;
+var fullHeightStyles = null;
+var ArchiveItemViewerWrapper = exports.ArchiveItemViewerWrapper = function ArchiveItemViewerWrapper(_ref) {
+  var children = _ref.children,
+    fullHeight = _ref.fullHeight;
+  return /*#__PURE__*/React.createElement("div", {
+    className: (0, _runtime.ax)(["_1bsb1osq _1e0c1txw _1bah1h6o", fullHeight && "_4t3i1osq"])
+  }, children);
+};

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

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

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

@@ -0,0 +1,21 @@
+/* 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
+"use strict";
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ArchiveLayout = void 0;
+require("./archive-layout.compiled.css");
+var React = _interopRequireWildcard(require("react"));
+var _runtime = require("@compiled/react/runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+var archiveLayoutStyles = null;
+var ArchiveLayout = exports.ArchiveLayout = function ArchiveLayout(_ref) {
+  var children = _ref.children;
+  return /*#__PURE__*/React.createElement("div", {
+    "data-testid": "archive-layout",
+    className: (0, _runtime.ax)(["_1e0c1txw _1bsb1osq _4t3i1osq"])
+  }, children);
+};

package/dist/cjs/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/cjs/viewers/archiveSidebar/archive-sidebar-file-entry-wrapper.js

@@ -0,0 +1,22 @@
+/* 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
+"use strict";
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ArchiveSidebarFileEntryWrapper = void 0;
+require("./archive-sidebar-file-entry-wrapper.compiled.css");
+var React = _interopRequireWildcard(require("react"));
+var _runtime = require("@compiled/react/runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+var archiveSidebarFileEntryWrapperStyles = null;
+var ArchiveSidebarFileEntryWrapper = exports.ArchiveSidebarFileEntryWrapper = function ArchiveSidebarFileEntryWrapper(_ref) {
+  var children = _ref.children,
+    index = _ref.index;
+  return /*#__PURE__*/React.createElement("div", {
+    key: index,
+    className: (0, _runtime.ax)(["_v564rca0 _n3td12x7 _1e0c1txw _4cvr1h6o _80omtlke"])
+  }, children);
+};

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

@@ -14,17 +14,21 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/ge
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
+var _reactIntl = require("react-intl");
 var _ = _interopRequireDefault(require("@atlaskit/icon-file-type/glyph/folder/24"));
+var _mediaClient = require("@atlaskit/media-client");
 var _mediaCommon = require("@atlaskit/media-common");
 var _mediaTypeIcon = require("@atlaskit/media-ui/media-type-icon");
-var _mediaClient = require("@atlaskit/media-client");
-var _fg = require("@atlaskit/platform-feature-flags/fg");
-var _styleWrappers = require("./styleWrappers");
-var _utils = require("../../utils");
-var _customButtonItem = require("./custom-button-item");
 var _messages = require("@atlaskit/media-ui/messages");
+var _fg = require("@atlaskit/platform-feature-flags/fg");
+var _getMediaTypeFromFilename = require("../../utils/getMediaTypeFromFilename");
+var _isMacPrivateFile = require("../../utils/isMacPrivateFile");
+var _rejectAfter = require("../../utils/rejectAfter");
 var _archiveDownloadButton = require("./archive-download-button");
-var _reactIntl = require("react-intl");
+var _archiveSidebarFileEntryWrapper = require("./archive-sidebar-file-entry-wrapper");
+var _archiveSidebarFolderWrapper = require("./archive-sidebar-folder-wrapper");
+var _customButtonItem = require("./custom-button-item");
+var _sidebarItemWrapper = require("./sidebar-item-wrapper");
 function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(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; })(); }
 var ArchiveSidebarFolderEntryBase = /*#__PURE__*/function (_React$Component) {
@@ -46,10 +50,10 @@ var ArchiveSidebarFolderEntryBase = /*#__PURE__*/function (_React$Component) {
       var onClick = function onClick() {
         return onEntrySelected(entry);
       };
-      return /*#__PURE__*/_react.default.createElement(_styleWrappers.ArchiveSidebarFileEntryWrapper, {
+      return /*#__PURE__*/_react.default.createElement(_archiveSidebarFileEntryWrapper.ArchiveSidebarFileEntryWrapper, {
         key: entry.name,
         index: entry.name
-      }, /*#__PURE__*/_react.default.createElement(_styleWrappers.SidebarItemWrapper, null, /*#__PURE__*/_react.default.createElement(_customButtonItem.CustomButtonItem, {
+      }, /*#__PURE__*/_react.default.createElement(_sidebarItemWrapper.SidebarItemWrapper, null, /*#__PURE__*/_react.default.createElement(_customButtonItem.CustomButtonItem, {
         iconBefore: _this.renderEntryIcon(entry),
         onClick: onClick
       }, _this.formatName(root, entry.name))), entry.isDirectory ? null : _this.renderDownloadButton(entry, root, mediaClient.config.enforceDataSecurityPolicy));
@@ -60,7 +64,7 @@ var ArchiveSidebarFolderEntryBase = /*#__PURE__*/function (_React$Component) {
           label: "Folder"
         });
       }
-      var mediaType = (0, _utils.getMediaTypeFromFilename)(entry.name);
+      var mediaType = (0, _getMediaTypeFromFilename.getMediaTypeFromFilename)(entry.name);
       return /*#__PURE__*/_react.default.createElement(_mediaTypeIcon.MediaTypeIcon, {
         type: mediaType
       });
@@ -88,7 +92,7 @@ var ArchiveSidebarFolderEntryBase = /*#__PURE__*/function (_React$Component) {
             case 0:
               _context.prev = 0;
               _context.next = 1;
-              return (0, _utils.rejectAfter)(function () {
+              return (0, _rejectAfter.rejectAfter)(function () {
                 return entry.blob();
               });
             case 1:
@@ -135,7 +139,7 @@ var ArchiveSidebarFolderEntryBase = /*#__PURE__*/function (_React$Component) {
       for (var _i = 0, _Object$values = Object.values(entries); _i < _Object$values.length; _i++) {
         var value = _Object$values[_i];
         var name = value.name;
-        if (!name.startsWith(root) || (0, _utils.isMacPrivateFile)(name)) {
+        if (!name.startsWith(root) || (0, _isMacPrivateFile.isMacPrivateFile)(name)) {
           continue;
         }
         var paths = name.replace(root, '').split('/').filter(Boolean);
@@ -158,7 +162,7 @@ var ArchiveSidebarFolderEntryBase = /*#__PURE__*/function (_React$Component) {
       var _this$props3 = this.props,
         root = _this$props3.root,
         entries = _this$props3.entries;
-      return /*#__PURE__*/_react.default.createElement(_styleWrappers.ArchiveSidebarFolderWrapper, null, this.renderSidebarContent(root, entries));
+      return /*#__PURE__*/_react.default.createElement(_archiveSidebarFolderWrapper.ArchiveSidebarFolderWrapper, null, this.renderSidebarContent(root, entries));
     }
   }]);
 }(_react.default.Component);

package/dist/cjs/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/cjs/viewers/archiveSidebar/archive-sidebar-folder-wrapper.js

@@ -0,0 +1,22 @@
+/* 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
+"use strict";
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ArchiveSidebarFolderWrapper = void 0;
+require("./archive-sidebar-folder-wrapper.compiled.css");
+var React = _interopRequireWildcard(require("react"));
+var _runtime = require("@compiled/react/runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+var slideDown = null;
+var archiveSidebarFolderWrapperStyles = null;
+var ArchiveSidebarFolderWrapper = exports.ArchiveSidebarFolderWrapper = function ArchiveSidebarFolderWrapper(_ref) {
+  var children = _ref.children;
+  return /*#__PURE__*/React.createElement("div", {
+    "data-testid": "archive-sidebar-folder-wrapper",
+    className: (0, _runtime.ax)(["_v564t24z _t9ecz6y5 _tzy4idpf _j7hq1kq8 _5sag188d _1o51q7pw"])
+  }, children);
+};

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

@@ -14,9 +14,11 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _react = _interopRequireDefault(require("react"));
 var _arrowLeft = _interopRequireDefault(require("@atlaskit/icon/core/arrow-left"));
 var _home = _interopRequireDefault(require("@atlaskit/icon/core/home"));
-var _utils = require("../../utils");
-var _styleWrappers = require("./styleWrappers");
+var _getFormattedFolderName = require("../../utils/getFormattedFolderName");
 var _customButtonItem = require("./custom-button-item");
+var _sidebarHeaderEntry = require("./sidebar-header-entry");
+var _sidebarHeaderIcon = require("./sidebar-header-icon");
+var _sidebarHeaderWrapper = require("./sidebar-header-wrapper");
 function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(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; })(); }
 var ArchiveSidebarHeader = exports.ArchiveSidebarHeader = /*#__PURE__*/function (_React$Component) {
@@ -49,7 +51,7 @@ var ArchiveSidebarHeader = exports.ArchiveSidebarHeader = /*#__PURE__*/function
         onHeaderClick = _this$props.onHeaderClick;
       return /*#__PURE__*/_react.default.createElement(_customButtonItem.CustomButtonItem, {
         onClick: onHeaderClick
-      }, /*#__PURE__*/_react.default.createElement(_styleWrappers.SidebarHeaderWrapper, null, /*#__PURE__*/_react.default.createElement(_styleWrappers.SidebarHeaderIcon, null, this.getHeaderIcon()), /*#__PURE__*/_react.default.createElement(_styleWrappers.SidebarHeaderEntry, null, (0, _utils.getFormattedFolderName)(folderName))));
+      }, /*#__PURE__*/_react.default.createElement(_sidebarHeaderWrapper.SidebarHeaderWrapper, null, /*#__PURE__*/_react.default.createElement(_sidebarHeaderIcon.SidebarHeaderIcon, null, this.getHeaderIcon()), /*#__PURE__*/_react.default.createElement(_sidebarHeaderEntry.SidebarHeaderEntry, null, (0, _getFormattedFolderName.getFormattedFolderName)(folderName))));
     }
   }]);
 }(_react.default.Component);

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

@@ -16,11 +16,11 @@ var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireWildcard(require("react"));
 var _mediaClient = require("@atlaskit/media-client");
+var _ArchiveViewerError = require("../../ArchiveViewerError");
+var _loading = require("../../loading");
 var _styleWrappers = require("../../styleWrappers");
 var _archiveSidebar = require("./archive-sidebar");
-var _archive = require("./archive");
-var _loading = require("../../loading");
-var _errors = require("../../errors");
+var _getArchiveEntriesFromFileState = require("./get-archive-entries-from-file-state");
 var _styleWrappers2 = require("./styleWrappers");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t2 in e) "default" !== _t2 && {}.hasOwnProperty.call(e, _t2) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t2)) && (i.get || i.set) ? o(f, _t2, i) : f[_t2] = e[_t2]); return f; })(e, t); }
 function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
@@ -51,7 +51,7 @@ var ArchiveSidebarRenderer = exports.default = /*#__PURE__*/function (_Component
               _this$props = this.props, selectedFileState = _this$props.selectedFileState, mediaClient = _this$props.mediaClient, collectionName = _this$props.collectionName, onError = _this$props.onError, onSuccess = _this$props.onSuccess;
               _context.prev = 1;
               _context.next = 2;
-              return (0, _archive.getArchiveEntriesFromFileState)(selectedFileState, mediaClient, collectionName);
+              return (0, _getArchiveEntriesFromFileState.getArchiveEntriesFromFileState)(selectedFileState, mediaClient, collectionName);
             case 2:
               archive = _context.sent;
               entries = archive.entries;
@@ -71,10 +71,10 @@ var ArchiveSidebarRenderer = exports.default = /*#__PURE__*/function (_Component
               // Preserve archiveviewer-not-zip as-is so the generic error boundary
               // can show a clear "format not supported" message instead of a
               // generic read error.
-              if (_t instanceof _errors.ArchiveViewerError && _t.primaryReason === 'archiveviewer-not-zip') {
+              if (_t instanceof _ArchiveViewerError.ArchiveViewerError && _t.primaryReason === 'archiveviewer-not-zip') {
                 onError(_t);
               } else {
-                onError(new _errors.ArchiveViewerError('archiveviewer-read-binary', _t instanceof Error ? _t : undefined));
+                onError(new _ArchiveViewerError.ArchiveViewerError('archiveviewer-read-binary', _t instanceof Error ? _t : undefined));
               }
             case 4:
             case "end":

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

@@ -16,10 +16,14 @@ var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
 var _unzipit = require("unzipit");
-var _styleWrappers = require("./styleWrappers");
+var _extractArchiveFolderName = require("../../utils/extractArchiveFolderName");
+var _getFolderParent = require("../../utils/getFolderParent");
+var _getMediaTypeFromFilename = require("../../utils/getMediaTypeFromFilename");
+var _rejectAfter = require("../../utils/rejectAfter");
 var _archiveSidebarFolderEntry = require("./archive-sidebar-folder-entry");
 var _archiveSidebarHeader = require("./archive-sidebar-header");
-var _utils = require("../../utils");
+var _separator = require("./separator");
+var _styleWrappers = require("./styleWrappers");
 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) { (0, _defineProperty2.default)(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 = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
@@ -36,13 +40,13 @@ var ArchiveSidebar = exports.ArchiveSidebar = /*#__PURE__*/function (_React$Comp
           while (1) switch (_context.prev = _context.next) {
             case 0:
               _context.next = 1;
-              return (0, _utils.rejectAfter)(function () {
+              return (0, _rejectAfter.rejectAfter)(function () {
                 return entry.blob();
               });
             case 1:
               blob = _context.sent;
               _context.next = 2;
-              return (0, _utils.rejectAfter)(function () {
+              return (0, _rejectAfter.rejectAfter)(function () {
                 return (0, _unzipit.unzip)(blob);
               });
             case 2:
@@ -72,7 +76,7 @@ var ArchiveSidebar = exports.ArchiveSidebar = /*#__PURE__*/function (_React$Comp
               if (!entry.isDirectory) {
                 onEntrySelected(entry);
               }
-              isArchive = !entry.isDirectory && (0, _utils.getMediaTypeFromFilename)(entry.name) === 'archive';
+              isArchive = !entry.isDirectory && (0, _getMediaTypeFromFilename.getMediaTypeFromFilename)(entry.name) === 'archive';
               _context2.prev = 1;
               if (!(isArchive || entry.isDirectory)) {
                 _context2.next = 3;
@@ -118,7 +122,7 @@ var ArchiveSidebar = exports.ArchiveSidebar = /*#__PURE__*/function (_React$Comp
             case 1:
               archiveEntries = _context3.sent.entries;
               entries = _objectSpread(_objectSpread({}, entries), archiveEntries);
-              folderName = (0, _utils.extractArchiveFolderName)(folder.name);
+              folderName = (0, _extractArchiveFolderName.extractArchiveFolderName)(folder.name);
             case 2:
               _this$props2 = _this.props, isArchiveEntryLoading = _this$props2.isArchiveEntryLoading, onError = _this$props2.onError, shouldRenderAbuseModal = _this$props2.shouldRenderAbuseModal, fileId = _this$props2.fileId;
               currentFolderName = folderName || folder.name;
@@ -154,7 +158,7 @@ var ArchiveSidebar = exports.ArchiveSidebar = /*#__PURE__*/function (_React$Comp
         onError = _this$props3.onError,
         shouldRenderAbuseModal = _this$props3.shouldRenderAbuseModal,
         fileId = _this$props3.fileId;
-      var folderParent = (0, _utils.getFolderParent)(_this.state.currentArchiveSidebarFolder.root);
+      var folderParent = (0, _getFolderParent.getFolderParent)(_this.state.currentArchiveSidebarFolder.root);
       _this.setState({
         currentArchiveSidebarFolder: {
           isArchiveEntryLoading: isArchiveEntryLoading,
@@ -203,7 +207,7 @@ var ArchiveSidebar = exports.ArchiveSidebar = /*#__PURE__*/function (_React$Comp
       return /*#__PURE__*/_react.default.createElement(_styleWrappers.ArchiveSideBar, null, /*#__PURE__*/_react.default.createElement(_archiveSidebarHeader.ArchiveSidebarHeader, {
         folderName: currentArchiveSidebarFolder.root,
         onHeaderClick: this.onHeaderClicked
-      }), /*#__PURE__*/_react.default.createElement(_styleWrappers.Separator, null), /*#__PURE__*/_react.default.createElement(_archiveSidebarFolderEntry.ArchiveSidebarFolderEntry, (0, _extends2.default)({}, currentArchiveSidebarFolder, {
+      }), /*#__PURE__*/_react.default.createElement(_separator.Separator, null), /*#__PURE__*/_react.default.createElement(_archiveSidebarFolderEntry.ArchiveSidebarFolderEntry, (0, _extends2.default)({}, currentArchiveSidebarFolder, {
         onError: onError
       })));
     }