@atlaskit/media-viewer 54.8.21 → 54.8.23

package/dist/esm/utils/rejectAfter.js

@@ -0,0 +1,40 @@
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+export var rejectAfter = function rejectAfter(fn) {
+  var delay = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 5000;
+  return new Promise( /*#__PURE__*/function () {
+    var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(resolve, reject) {
+      var timeoutId, _t, _t2;
+      return _regeneratorRuntime.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/esm/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/esm/viewers/archiveSidebar/archive-download-button-wrapper.js

@@ -0,0 +1,24 @@
+/* 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 "./archive-download-button-wrapper.compiled.css";
+import * as React from 'react';
+import { ax, ix } from "@compiled/react/runtime";
+import { useIntl } from 'react-intl';
+import { messages } from '@atlaskit/media-ui/messages';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
+var archiveDownloadButtonWrapperStyles = null;
+var archiveDownloadButtonMotionStyles = null;
+var archiveDownloadButtonWrapperStyleFix = null;
+export var ArchiveDownloadButtonWrapper = function ArchiveDownloadButtonWrapper(_ref) {
+  var children = _ref.children,
+    _onClick = _ref.onClick;
+  var intl = useIntl();
+  return /*#__PURE__*/React.createElement("button", {
+    "aria-label": intl.formatMessage(messages.archive_download_label_assistive_text),
+    onClick: function onClick(event) {
+      return _onClick && _onClick(event);
+    },
+    "data-testid": "media-archiveDownloadButton",
+    className: ax(["_kkk2n7od _1e0c1ule _1ah3v77o _128mdkaa _mizu1v1w _ra3xnqa1", "_19itglyw _2rkofajl _v564k6bl _ca0qu2gc _u5f31v6z _n3td14y2 _19bvu2gc _bfhk1j28 _syaz1q3r _d0altlke _irr31dpa _1ggl5xtf _1qamtlke _1di6fcek", fg('platform-dst-motion-uplift-custom-button') && "_v564k6bl _1ggl5xtf"])
+  }, children);
+};

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

@@ -1,9 +1,10 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import React, { useState } from 'react';
 import DownloadIcon from '@atlaskit/icon/core/download';
-import { ArchiveDownloadButtonWrapper, DisabledArchiveDownloadButtonWrapper } from './styleWrappers';
 import { AbuseModal } from '@atlaskit/media-ui/abuseModal';
 import Tooltip from '@atlaskit/tooltip/Tooltip';
+import { ArchiveDownloadButtonWrapper } from './archive-download-button-wrapper';
+import { DisabledArchiveDownloadButtonWrapper } from './disabled-archive-download-button-wrapper';
 export var ArchiveDownloadButton = function ArchiveDownloadButton(_ref) {
   var downloadFn = _ref.downloadFn,
     shouldRenderAbuseModal = _ref.shouldRenderAbuseModal,

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

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

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

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

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

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

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

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

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

@@ -9,17 +9,21 @@ 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 { injectIntl } from 'react-intl';
 import Folder24Icon from '@atlaskit/icon-file-type/glyph/folder/24';
+import { globalMediaEventEmitter } from '@atlaskit/media-client';
 import { downloadUrl } from '@atlaskit/media-common';
 import { MediaTypeIcon } from '@atlaskit/media-ui/media-type-icon';
-import { globalMediaEventEmitter } from '@atlaskit/media-client';
-import { fg } from '@atlaskit/platform-feature-flags/fg';
-import { ArchiveSidebarFolderWrapper, ArchiveSidebarFileEntryWrapper, SidebarItemWrapper } from './styleWrappers';
-import { getMediaTypeFromFilename, isMacPrivateFile, rejectAfter } from '../../utils';
-import { CustomButtonItem } from './custom-button-item';
 import { messages } from '@atlaskit/media-ui/messages';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
+import { getMediaTypeFromFilename } from '../../utils/getMediaTypeFromFilename';
+import { isMacPrivateFile } from '../../utils/isMacPrivateFile';
+import { rejectAfter } from '../../utils/rejectAfter';
 import { ArchiveDownloadButton } from './archive-download-button';
-import { injectIntl } from 'react-intl';
+import { ArchiveSidebarFileEntryWrapper } from './archive-sidebar-file-entry-wrapper';
+import { ArchiveSidebarFolderWrapper } from './archive-sidebar-folder-wrapper';
+import { CustomButtonItem } from './custom-button-item';
+import { SidebarItemWrapper } from './sidebar-item-wrapper';
 var ArchiveSidebarFolderEntryBase = /*#__PURE__*/function (_React$Component) {
   function ArchiveSidebarFolderEntryBase() {
     var _this;

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

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

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

@@ -9,9 +9,11 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
 import React from 'react';
 import ArrowLeftIcon from '@atlaskit/icon/core/arrow-left';
 import HomeIcon from '@atlaskit/icon/core/home';
-import { getFormattedFolderName } from '../../utils';
-import { SidebarHeaderEntry, SidebarHeaderIcon, SidebarHeaderWrapper } from './styleWrappers';
+import { getFormattedFolderName } from '../../utils/getFormattedFolderName';
 import { CustomButtonItem } from './custom-button-item';
+import { SidebarHeaderEntry } from './sidebar-header-entry';
+import { SidebarHeaderIcon } from './sidebar-header-icon';
+import { SidebarHeaderWrapper } from './sidebar-header-wrapper';
 export var ArchiveSidebarHeader = /*#__PURE__*/function (_React$Component) {
   function ArchiveSidebarHeader() {
     var _this;

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

@@ -10,11 +10,11 @@ function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstruct
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import React, { Component } from 'react';
 import { isErrorFileState } from '@atlaskit/media-client';
+import { ArchiveViewerError } from '../../ArchiveViewerError';
+import { Spinner } from '../../loading';
 import { SpinnerWrapper } from '../../styleWrappers';
 import { ArchiveSidebar } from './archive-sidebar';
-import { getArchiveEntriesFromFileState } from './archive';
-import { Spinner } from '../../loading';
-import { ArchiveViewerError } from '../../errors';
+import { getArchiveEntriesFromFileState } from './get-archive-entries-from-file-state';
 import { ArchiveSideBar } from './styleWrappers';
 var ArchiveSidebarRenderer = /*#__PURE__*/function (_Component) {
   function ArchiveSidebarRenderer() {

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

@@ -13,10 +13,14 @@ function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstruct
 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 { unzip } from 'unzipit';
-import { ArchiveSideBar, Separator } from './styleWrappers';
+import { extractArchiveFolderName } from '../../utils/extractArchiveFolderName';
+import { getFolderParent } from '../../utils/getFolderParent';
+import { getMediaTypeFromFilename } from '../../utils/getMediaTypeFromFilename';
+import { rejectAfter } from '../../utils/rejectAfter';
 import { ArchiveSidebarFolderEntry } from './archive-sidebar-folder-entry';
 import { ArchiveSidebarHeader } from './archive-sidebar-header';
-import { getMediaTypeFromFilename, getFolderParent, extractArchiveFolderName, rejectAfter } from '../../utils';
+import { Separator } from './separator';
+import { ArchiveSideBar } from './styleWrappers';
 export var ArchiveSidebar = /*#__PURE__*/function (_React$Component) {
   function ArchiveSidebar(props) {
     var _this;