@alfalab/core-components-gallery 5.1.2 → 5.1.4

package/components/image-viewer/index.css

@@ -1,4 +1,4 @@
-/* hash: y2z33 */
+/* hash: 1sbcy */
 :root {
     --color-light-bg-primary: #fff;
     --color-light-border-link: #007aff;
@@ -26,14 +26,14 @@
 :root {
     --focus-color: var(--color-light-border-link);
 }
-.gallery__component_1xrro {
+.gallery__component_1mixe {
     display: flex;
     flex-grow: 1;
     justify-content: center;
     align-items: center;
     background-color: var(--color-light-bg-primary-inverted-alpha-50);
 }
-.gallery__swiper_1xrro {
+.gallery__swiper_1mixe {
     display: flex;
     width: 100%;
     height: 100%;
@@ -43,14 +43,14 @@
     padding: var(--gap-2xl) var(--gap-m);
     box-sizing: border-box;
 }
-.gallery__singleSlide_1xrro .gallery__swiper_1xrro {
+.gallery__singleSlide_1mixe .gallery__swiper_1mixe {
     max-height: calc(100vh - 80px);
     padding: var(--gap-2xl);
 }
-.gallery__hidden_1xrro {
+.gallery__hidden_1mixe {
     display: none;
 }
-.gallery__slide_1xrro {
+.gallery__slide_1mixe {
     position: relative;
     display: flex;
     justify-content: center;
@@ -58,12 +58,12 @@
     width: 100%;
     height: 100%;
 }
-.gallery__slideLoading_1xrro {
+.gallery__slideLoading_1mixe {
     /* TODO: цвета нет в палитре */
     background-color: #e9eaeb;
     border-radius: var(--border-radius-m);
 }
-.gallery__image_1xrro {
+.gallery__image_1mixe {
     width: 0;
     height: 0;
     -webkit-user-select: none;
@@ -71,7 +71,7 @@
     background-color: var(--color-light-bg-primary);
     border-radius: var(--border-radius-m);
 }
-.gallery__smallImage_1xrro {
+.gallery__smallImage_1mixe {
     position: relative;
     width: auto;
     height: auto;
@@ -79,15 +79,15 @@
             user-select: none;
     background-color: var(--color-light-bg-primary);
 }
-.gallery__verticalImageFit_1xrro {
+.gallery__verticalImageFit_1mixe {
     width: auto;
     height: 100%;
 }
-.gallery__horizontalImageFit_1xrro {
+.gallery__horizontalImageFit_1mixe {
     width: 100%;
     height: auto;
 }
-.gallery__arrow_1xrro {
+.gallery__arrow_1mixe {
     display: flex;
     flex-direction: column;
     justify-content: center;
@@ -100,17 +100,17 @@
     transition: background-color 0.15s ease-in-out;
     outline: none
 }
-.gallery__arrow_1xrro:hover {
+.gallery__arrow_1mixe:hover {
         background-color: var(--color-light-bg-primary-inverted-alpha-10);
     }
-.gallery__arrow_1xrro:active {
+.gallery__arrow_1mixe:active {
         background-color: var(--color-light-bg-primary-inverted-alpha-20);
     }
-.gallery__focused_1xrro {
+.gallery__focused_1mixe {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }
-.gallery__placeholder_1xrro {
+.gallery__placeholder_1mixe {
     display: flex;
     justify-content: center;
     align-items: center;
@@ -119,7 +119,7 @@
     border-radius: var(--border-radius-m);
     background-color: var(--color-light-bg-primary);
 }
-.gallery__brokenImgWrapper_1xrro {
+.gallery__brokenImgWrapper_1mixe {
     position: relative;
     display: flex;
     flex-direction: column;
@@ -127,12 +127,12 @@
     width: 150px;
     text-align: center;
 }
-.gallery__brokenImgIcon_1xrro {
+.gallery__brokenImgIcon_1mixe {
     width: 80px;
     height: 80px;
     margin-bottom: var(--gap-2xs);
 }
-.gallery__fullScreenImage_1xrro {
+.gallery__fullScreenImage_1mixe {
     width: 100%;
     height: auto;
     background-color: var(--color-light-bg-primary);

package/components/image-viewer/index.js

@@ -1,24 +1,22 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
+var components_imageViewer_component = require('./component.js');
+require('../../tslib.es6-bf76bf4c.js');
 require('react');
-require('../../context.js');
-require('../../utils/utils.js');
-require('../../utils/constants.js');
 require('classnames');
-require('@alfalab/hooks');
-require('@alfalab/core-components-typography');
-require('../../tslib.es6-09b8d70e.js');
 require('element-closest');
 require('swiper');
 require('swiper/react');
+require('@alfalab/hooks');
 require('@alfalab/icons-glyph/ChevronBackHeavyMIcon');
 require('@alfalab/icons-glyph/ChevronForwardHeavyMIcon');
+require('../../context.js');
+require('../../utils/utils.js');
+require('../../utils/constants.js');
+require('../../slide-e83fee6e.js');
+require('@alfalab/core-components-typography');
 require('./paths.js');
-require('../../slide-4734d536.js');
 require('swiper/swiper.min.css');
-var components_imageViewer_component = require('./component.js');
 
 
 

package/components/image-viewer/paths.js

@@ -1,7 +1,5 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var NoImagePaths = {
     baseImage: 'M61 13H8C5.79086 13 4 14.7908 4 17V63C4 65.2092 5.79086 67 8 67H72C74.2091 67 76 65.2092 76 63V27.9998H64.7333C62.6714 27.9998 61 26.3284 61 24.2665V13ZM23.8337 31.3334C24.57 30.597 25.7639 30.597 26.5003 31.3334L28.5001 33.3332L30.4999 31.3333C31.2363 30.5969 32.4302 30.5969 33.1666 31.3333C33.903 32.0697 33.903 33.2636 33.1666 34L31.1667 35.9998L33.1669 38C33.9033 38.7363 33.9033 39.9302 33.1669 40.6666C32.4306 41.403 31.2367 41.403 30.5003 40.6666L28.5001 38.6664L26.5 40.6666C25.7636 41.403 24.5697 41.403 23.8333 40.6666C23.097 39.9302 23.097 38.7363 23.8333 37.9999L25.8335 35.9998L23.8337 34C23.0973 33.2636 23.0973 32.0697 23.8337 31.3334ZM49.4984 31.3334C48.762 30.597 47.5681 30.597 46.8317 31.3334C46.0953 32.0698 46.0953 33.2637 46.8317 34L48.8315 35.9998L46.8314 38C46.095 38.7363 46.095 39.9302 46.8314 40.6666C47.5677 41.403 48.7617 41.403 49.498 40.6666L51.4982 38.6664L53.4984 40.6666C54.2347 41.403 55.4286 41.403 56.165 40.6666C56.9014 39.9303 56.9014 38.7364 56.165 38L54.1648 35.9998L56.1646 34C56.901 33.2636 56.901 32.0697 56.1646 31.3334C55.4283 30.597 54.2344 30.597 53.498 31.3334L51.4982 33.3332L49.4984 31.3334ZM28.8087 55.8292L28.8076 55.8297C27.7997 56.2743 26.6202 55.8199 26.1724 54.8123C25.7238 53.8029 26.1783 52.621 27.1877 52.1724L28 54C27.1877 52.1724 27.1889 52.1719 27.1889 52.1719L27.1902 52.1713L27.193 52.17L27.1999 52.167L27.2187 52.1588L27.2425 52.1486L27.2762 52.1343C27.3234 52.1144 27.388 52.0878 27.4698 52.0553C27.6333 51.9904 27.8654 51.9021 28.1633 51.7985C28.7588 51.5914 29.6177 51.3226 30.7163 51.0563C32.9132 50.5237 36.072 50 40 50C43.928 50 47.0868 50.5237 49.2837 51.0563C50.3823 51.3226 51.2412 51.5914 51.8367 51.7985C51.9387 51.834 52.033 51.8677 52.1195 51.8992C52.2855 51.9598 52.4227 52.0126 52.5302 52.0553C52.5704 52.0713 52.6065 52.0858 52.6384 52.0989C52.6713 52.1124 52.6998 52.1242 52.7238 52.1343L52.7677 52.1529L52.7813 52.1588L52.8001 52.167L52.807 52.17L52.8099 52.1713L52.8111 52.1719C52.8111 52.1719 52.8112 52.1719 52.8075 52.1806L52.7938 52.2121L52.8123 52.1724C53.8217 52.621 54.2762 53.8029 53.8276 54.8123C53.3798 55.8199 52.2013 56.2746 51.1931 55.83L51.1913 55.8292L40.8962 55.8291L51.1899 55.8286L51.1715 55.8208C51.149 55.8113 51.1097 55.795 51.0538 55.7728C50.9419 55.7284 50.7639 55.6604 50.5226 55.5765C50.0401 55.4086 49.3052 55.1774 48.3413 54.9437C46.4132 54.4763 43.572 54 40 54C36.428 54 33.5868 54.4763 31.6587 54.9437C30.6948 55.1774 29.9599 55.4086 29.4774 55.5765C29.2361 55.6604 29.0581 55.7284 28.9462 55.7728C28.8903 55.795 28.851 55.8113 28.8285 55.8208L28.8112 55.8281L40.8962 55.8291L28.8087 55.8292Z',
     triangleImage: 'M75.9998 23.9998H65V13L75.9998 23.9998Z',

package/components/image-viewer/slide.js

@@ -1,14 +1,12 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 require('react');
-require('../../utils/utils.js');
-require('../../utils/constants.js');
 require('classnames');
 require('@alfalab/core-components-typography');
+require('../../utils/utils.js');
+require('../../utils/constants.js');
 require('./paths.js');
-var components_imageViewer_slide = require('../../slide-4734d536.js');
+var components_imageViewer_slide = require('../../slide-e83fee6e.js');
 
 
 

package/components/index.js

@@ -1,41 +1,39 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
+var components_navigationBar_Component = require('./navigation-bar/Component.js');
+var components_header_Component = require('./header/Component.js');
+var components_imagePreview_Component = require('./image-preview/Component.js');
+var components_imageViewer_component = require('./image-viewer/component.js');
 require('react');
 require('../context.js');
-require('../utils/split-filename.js');
 require('../utils/utils.js');
 require('../utils/constants.js');
 require('classnames');
 require('@alfalab/hooks');
 require('./image-preview/paths.js');
-var components_imagePreview_Component = require('./image-preview/Component.js');
-var components_navigationBar_Component = require('./navigation-bar/Component.js');
-require('@alfalab/core-components-typography');
 require('./header-info-block/Component.js');
-require('../tslib.es6-09b8d70e.js');
+require('@alfalab/core-components-typography');
+require('../utils/split-filename.js');
+require('./header/buttons.js');
+require('../tslib.es6-bf76bf4c.js');
 require('@alfalab/core-components-icon-button');
 require('@alfalab/core-components-tooltip');
 require('@alfalab/icons-glyph/ArrowsInwardMIcon');
 require('@alfalab/icons-glyph/ArrowsOutwardMIcon');
 require('@alfalab/icons-glyph/CrossMIcon');
 require('@alfalab/icons-glyph/PointerDownMIcon');
-require('./header/buttons.js');
-var components_header_Component = require('./header/Component.js');
 require('element-closest');
 require('swiper');
 require('swiper/react');
 require('@alfalab/icons-glyph/ChevronBackHeavyMIcon');
 require('@alfalab/icons-glyph/ChevronForwardHeavyMIcon');
+require('../slide-e83fee6e.js');
 require('./image-viewer/paths.js');
-require('../slide-4734d536.js');
 require('swiper/swiper.min.css');
-var components_imageViewer_component = require('./image-viewer/component.js');
 
 
 
-exports.ImagePreview = components_imagePreview_Component.ImagePreview;
 exports.NavigationBar = components_navigationBar_Component.NavigationBar;
 exports.Header = components_header_Component.Header;
+exports.ImagePreview = components_imagePreview_Component.ImagePreview;
 exports.ImageViewer = components_imageViewer_component.ImageViewer;

package/components/navigation-bar/Component.js

@@ -1,21 +1,15 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var React = require('react');
 var context = require('../../context.js');
 var utils_utils = require('../../utils/utils.js');
 var utils_constants = require('../../utils/constants.js');
+var components_imagePreview_Component = require('../image-preview/Component.js');
 require('classnames');
 require('@alfalab/hooks');
 require('../image-preview/paths.js');
-var components_imagePreview_Component = require('../image-preview/Component.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var styles = {"component":"gallery__component_1k516","preview":"gallery__preview_1k516"};
+var styles = {"component":"gallery__component_1y11s","preview":"gallery__preview_1y11s"};
 require('./index.css')
 
 var MIN_SCROLL_STEP = 24;
@@ -65,9 +59,9 @@ var NavigationBar = function () {
     }, [currentSlideIndex, handlePreviewPosition, scroll]);
     return (
     // eslint-disable-next-line jsx-a11y/no-static-element-interactions
-    React__default['default'].createElement("div", { className: styles.component, ref: containerRef, onKeyDown: handleKeyDown, "data-test-id": utils_constants.TestIds.NAVIGATION_BAR }, images.map(function (image, index) {
+    React.createElement("div", { className: styles.component, ref: containerRef, onKeyDown: handleKeyDown, "data-test-id": utils_constants.TestIds.NAVIGATION_BAR }, images.map(function (image, index) {
         var active = index === currentSlideIndex;
-        return (React__default['default'].createElement(components_imagePreview_Component.ImagePreview, { key: utils_utils.getImageKey(image, index), image: image, active: active, index: index, onSelect: handlePreviewSelect, className: styles.preview }));
+        return (React.createElement(components_imagePreview_Component.ImagePreview, { key: utils_utils.getImageKey(image, index), image: image, active: active, index: index, onSelect: handlePreviewSelect, className: styles.preview }));
     })));
 };
 

package/components/navigation-bar/index.css

@@ -1,4 +1,4 @@
-/* hash: 1smwl */
+/* hash: yfa3i */
 :root {
     --color-light-bg-tertiary-inverted: #3c4c5d;
 }
@@ -14,7 +14,7 @@
     --gap-3xs: 2px;
     --gap-xl: 24px;
 }
-.gallery__component_1k516 {
+.gallery__component_1y11s {
     display: flex;
     flex-wrap: nowrap;
     align-content: center;
@@ -27,16 +27,16 @@
     background-color: var(--color-light-bg-tertiary-inverted);
     scrollbar-width: none
 }
-.gallery__component_1k516::-webkit-scrollbar {
+.gallery__component_1y11s::-webkit-scrollbar {
         display: none;
     }
-.gallery__preview_1k516 {
+.gallery__preview_1y11s {
     flex-shrink: 0;
     margin: 0 var(--gap-3xs)
 }
-.gallery__preview_1k516:first-child {
+.gallery__preview_1y11s:first-child {
         margin-left: auto;
     }
-.gallery__preview_1k516:last-child {
+.gallery__preview_1y11s:last-child {
         margin-right: auto;
     }

package/components/navigation-bar/index.js

@@ -1,16 +1,14 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
+var components_navigationBar_Component = require('./Component.js');
 require('react');
 require('../../context.js');
 require('../../utils/utils.js');
 require('../../utils/constants.js');
+require('../image-preview/Component.js');
 require('classnames');
 require('@alfalab/hooks');
 require('../image-preview/paths.js');
-require('../image-preview/Component.js');
-var components_navigationBar_Component = require('./Component.js');
 
 
 

package/context.js

@@ -1,7 +1,5 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var React = require('react');
 
 var mockFn = function () { return undefined; };

package/cssm/Component.js

@@ -1,49 +1,42 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var React = require('react');
 var coreComponentsBaseModal = require('@alfalab/core-components-base-modal/cssm');
-var context = require('./context.js');
-require('./utils/split-filename.js');
-require('./utils/utils.js');
-require('./utils/constants.js');
+var components_navigationBar_Component = require('./components/navigation-bar/Component.js');
+var components_header_Component = require('./components/header/Component.js');
 require('classnames');
 require('@alfalab/hooks');
-require('./components/image-preview/paths.js');
+var context = require('./context.js');
 require('./components/image-preview/index.module.css');
+var components_imageViewer_component = require('./components/image-viewer/component.js');
+var styles = require('./index.module.css');
+require('./utils/utils.js');
+require('./utils/constants.js');
 require('./components/image-preview/Component.js');
+require('./components/image-preview/paths.js');
 require('./components/navigation-bar/index.module.css');
-var components_navigationBar_Component = require('./components/navigation-bar/Component.js');
+require('./components/header-info-block/Component.js');
 require('@alfalab/core-components-typography/cssm');
+require('./utils/split-filename.js');
 require('./components/header-info-block/index.module.css');
-require('./components/header-info-block/Component.js');
-require('./tslib.es6-9682e485.js');
+require('./components/header/buttons.js');
+require('./tslib.es6-bbd6cd2a.js');
 require('@alfalab/core-components-icon-button/cssm');
 require('@alfalab/core-components-tooltip/cssm');
 require('@alfalab/icons-glyph/ArrowsInwardMIcon');
 require('@alfalab/icons-glyph/ArrowsOutwardMIcon');
 require('@alfalab/icons-glyph/CrossMIcon');
 require('@alfalab/icons-glyph/PointerDownMIcon');
-require('./components/header/buttons.js');
 require('./components/header/index.module.css');
-var components_header_Component = require('./components/header/Component.js');
 require('element-closest');
 require('swiper');
 require('swiper/react');
 require('@alfalab/icons-glyph/ChevronBackHeavyMIcon');
 require('@alfalab/icons-glyph/ChevronForwardHeavyMIcon');
+require('./components/image-viewer/slide.js');
 require('./components/image-viewer/paths.js');
 require('./components/image-viewer/index.module.css');
-require('./components/image-viewer/slide.js');
 require('swiper/swiper.min.css');
-var components_imageViewer_component = require('./components/image-viewer/component.js');
-var styles = require('./index.module.css');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var styles__default = /*#__PURE__*/_interopDefaultLegacy(styles);
 
 var Backdrop = function () { return null; };
 var Gallery = function (_a) {
@@ -134,12 +127,12 @@ var Gallery = function (_a) {
         getCurrentImage: function () { return images[currentSlideIndex]; },
         getCurrentImageMeta: function () { return imagesMeta[currentSlideIndex]; },
     };
-    return (React__default['default'].createElement(context.GalleryContext.Provider, { value: galleryContext },
-        React__default['default'].createElement(coreComponentsBaseModal.BaseModal, { open: open, className: styles__default['default'].modal, onEscapeKeyDown: handleEscapeKeyDown, Backdrop: Backdrop },
-            React__default['default'].createElement("div", { className: styles__default['default'].container },
-                React__default['default'].createElement(components_header_Component.Header, null),
-                React__default['default'].createElement(components_imageViewer_component.ImageViewer, null),
-                showNavigationBar && React__default['default'].createElement(components_navigationBar_Component.NavigationBar, null)))));
+    return (React.createElement(context.GalleryContext.Provider, { value: galleryContext },
+        React.createElement(coreComponentsBaseModal.BaseModal, { open: open, className: styles.modal, onEscapeKeyDown: handleEscapeKeyDown, Backdrop: Backdrop },
+            React.createElement("div", { className: styles.container },
+                React.createElement(components_header_Component.Header, null),
+                React.createElement(components_imageViewer_component.ImageViewer, null),
+                showNavigationBar && React.createElement(components_navigationBar_Component.NavigationBar, null)))));
 };
 
 exports.Gallery = Gallery;

package/cssm/components/header/Component.js

@@ -1,29 +1,22 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var React = require('react');
 var context = require('../../context.js');
-require('../../utils/split-filename.js');
 var utils_utils = require('../../utils/utils.js');
 var utils_constants = require('../../utils/constants.js');
+var components_headerInfoBlock_Component = require('../header-info-block/Component.js');
+var components_header_buttons = require('./buttons.js');
+var styles = require('./index.module.css');
 require('@alfalab/core-components-typography/cssm');
+require('../../utils/split-filename.js');
 require('../header-info-block/index.module.css');
-var components_headerInfoBlock_Component = require('../header-info-block/Component.js');
-require('../../tslib.es6-9682e485.js');
+require('../../tslib.es6-bbd6cd2a.js');
 require('@alfalab/core-components-icon-button/cssm');
 require('@alfalab/core-components-tooltip/cssm');
 require('@alfalab/icons-glyph/ArrowsInwardMIcon');
 require('@alfalab/icons-glyph/ArrowsOutwardMIcon');
 require('@alfalab/icons-glyph/CrossMIcon');
 require('@alfalab/icons-glyph/PointerDownMIcon');
-var components_header_buttons = require('./buttons.js');
-var styles = require('./index.module.css');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var styles__default = /*#__PURE__*/_interopDefaultLegacy(styles);
 
 var Header = function () {
     var _a;
@@ -45,19 +38,19 @@ var Header = function () {
     var filename = (currentImage === null || currentImage === void 0 ? void 0 : currentImage.name) || '';
     var description = singleSlide
         ? ''
-        : "\u0418\u0437\u043E\u0431\u0440\u0430\u0436\u0435\u043D\u0438\u0435 " + (currentSlideIndex + 1) + " \u0438\u0437 " + images.length;
+        : "\u0418\u0437\u043E\u0431\u0440\u0430\u0436\u0435\u043D\u0438\u0435 ".concat(currentSlideIndex + 1, " \u0438\u0437 ").concat(images.length);
     var meta = getCurrentImageMeta();
     var showFullScreenButton = !utils_utils.isSmallImage(meta) && !(meta === null || meta === void 0 ? void 0 : meta.broken);
     var showDownloadButton = !(meta === null || meta === void 0 ? void 0 : meta.broken) && canDownload;
     var renderToggleFullScreenButton = function () {
-        return fullScreen ? (React__default['default'].createElement(components_header_buttons.ExitFullscreen, { onClick: closeFullScreen, buttonRef: toggleFullScreenButton, dataTestId: utils_constants.TestIds.EXIT_FULLSCREEN_BUTTON })) : (React__default['default'].createElement(components_header_buttons.Fullscreen, { onClick: openFullScreen, buttonRef: toggleFullScreenButton, dataTestId: utils_constants.TestIds.FULLSCREEN_BUTTON }));
+        return fullScreen ? (React.createElement(components_header_buttons.ExitFullscreen, { onClick: closeFullScreen, buttonRef: toggleFullScreenButton, dataTestId: utils_constants.TestIds.EXIT_FULLSCREEN_BUTTON })) : (React.createElement(components_header_buttons.Fullscreen, { onClick: openFullScreen, buttonRef: toggleFullScreenButton, dataTestId: utils_constants.TestIds.FULLSCREEN_BUTTON }));
     };
-    return (React__default['default'].createElement("div", { className: styles__default['default'].header },
-        React__default['default'].createElement(components_headerInfoBlock_Component.HeaderInfoBlock, { filename: filename, description: description }),
-        React__default['default'].createElement("div", { className: styles__default['default'].buttons },
+    return (React.createElement("div", { className: styles.header },
+        React.createElement(components_headerInfoBlock_Component.HeaderInfoBlock, { filename: filename, description: description }),
+        React.createElement("div", { className: styles.buttons },
             showFullScreenButton && renderToggleFullScreenButton(),
-            showDownloadButton && (React__default['default'].createElement(components_header_buttons.Download, { href: currentImage === null || currentImage === void 0 ? void 0 : currentImage.src, download: currentImage === null || currentImage === void 0 ? void 0 : currentImage.name, dataTestId: utils_constants.TestIds.DOWNLOAD_BUTTON })),
-            React__default['default'].createElement(components_header_buttons.Exit, { onClick: onClose, dataTestId: utils_constants.TestIds.CLOSE_BUTTON }))));
+            showDownloadButton && (React.createElement(components_header_buttons.Download, { href: currentImage === null || currentImage === void 0 ? void 0 : currentImage.src, download: currentImage === null || currentImage === void 0 ? void 0 : currentImage.name, dataTestId: utils_constants.TestIds.DOWNLOAD_BUTTON })),
+            React.createElement(components_header_buttons.Exit, { onClick: onClose, dataTestId: utils_constants.TestIds.CLOSE_BUTTON }))));
 };
 
 exports.Header = Header;

package/cssm/components/header/buttons.js

@@ -1,9 +1,7 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
+var tslib_es6 = require('../../tslib.es6-bbd6cd2a.js');
 var React = require('react');
-var tslib_es6 = require('../../tslib.es6-9682e485.js');
 var coreComponentsIconButton = require('@alfalab/core-components-icon-button/cssm');
 var coreComponentsTooltip = require('@alfalab/core-components-tooltip/cssm');
 var ArrowsInwardMIcon = require('@alfalab/icons-glyph/ArrowsInwardMIcon');
@@ -11,23 +9,19 @@ var ArrowsOutwardMIcon = require('@alfalab/icons-glyph/ArrowsOutwardMIcon');
 var CrossMIcon = require('@alfalab/icons-glyph/CrossMIcon');
 var PointerDownMIcon = require('@alfalab/icons-glyph/PointerDownMIcon');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
 var Fullscreen = function (_a) {
     var buttonRef = _a.buttonRef, restProps = tslib_es6.__rest(_a, ["buttonRef"]);
-    return (React__default['default'].createElement(coreComponentsTooltip.Tooltip, { trigger: 'hover', position: 'bottom', content: '\u041E\u0442\u043A\u0440\u044B\u0442\u044C \u0432 \u043F\u043E\u043B\u043D\u043E\u044D\u043A\u0440\u0430\u043D\u043D\u043E\u043C \u0440\u0435\u0436\u0438\u043C\u0435', fallbackPlacements: ['bottom-end'] },
-        React__default['default'].createElement(coreComponentsIconButton.IconButton, tslib_es6.__assign({}, restProps, { ref: buttonRef, icon: ArrowsOutwardMIcon.ArrowsOutwardMIcon, colors: 'inverted', "aria-label": '\u041E\u0442\u043A\u0440\u044B\u0442\u044C \u0432 \u043F\u043E\u043B\u043D\u043E\u044D\u043A\u0440\u0430\u043D\u043D\u043E\u043C \u0440\u0435\u0436\u0438\u043C\u0435' }))));
+    return (React.createElement(coreComponentsTooltip.Tooltip, { trigger: 'hover', position: 'bottom', content: '\u041E\u0442\u043A\u0440\u044B\u0442\u044C \u0432 \u043F\u043E\u043B\u043D\u043E\u044D\u043A\u0440\u0430\u043D\u043D\u043E\u043C \u0440\u0435\u0436\u0438\u043C\u0435', fallbackPlacements: ['bottom-end'] },
+        React.createElement(coreComponentsIconButton.IconButton, tslib_es6.__assign({}, restProps, { ref: buttonRef, icon: ArrowsOutwardMIcon.ArrowsOutwardMIcon, colors: 'inverted', "aria-label": '\u041E\u0442\u043A\u0440\u044B\u0442\u044C \u0432 \u043F\u043E\u043B\u043D\u043E\u044D\u043A\u0440\u0430\u043D\u043D\u043E\u043C \u0440\u0435\u0436\u0438\u043C\u0435' }))));
 };
 var ExitFullscreen = function (_a) {
     var buttonRef = _a.buttonRef, restProps = tslib_es6.__rest(_a, ["buttonRef"]);
-    return (React__default['default'].createElement(coreComponentsTooltip.Tooltip, { trigger: 'hover', position: 'bottom', content: '\u0412\u044B\u0439\u0442\u0438 \u0438\u0437 \u043F\u043E\u043B\u043D\u043E\u044D\u043A\u0440\u0430\u043D\u043D\u043E\u0433\u043E \u0440\u0435\u0436\u0438\u043C\u0430', fallbackPlacements: ['bottom-end'] },
-        React__default['default'].createElement(coreComponentsIconButton.IconButton, tslib_es6.__assign({}, restProps, { ref: buttonRef, icon: ArrowsInwardMIcon.ArrowsInwardMIcon, colors: 'inverted', "aria-label": '\u0412\u044B\u0439\u0442\u0438 \u0438\u0437 \u043F\u043E\u043B\u043D\u043E\u044D\u043A\u0440\u0430\u043D\u043D\u043E\u0433\u043E \u0440\u0435\u0436\u0438\u043C\u0430' }))));
+    return (React.createElement(coreComponentsTooltip.Tooltip, { trigger: 'hover', position: 'bottom', content: '\u0412\u044B\u0439\u0442\u0438 \u0438\u0437 \u043F\u043E\u043B\u043D\u043E\u044D\u043A\u0440\u0430\u043D\u043D\u043E\u0433\u043E \u0440\u0435\u0436\u0438\u043C\u0430', fallbackPlacements: ['bottom-end'] },
+        React.createElement(coreComponentsIconButton.IconButton, tslib_es6.__assign({}, restProps, { ref: buttonRef, icon: ArrowsInwardMIcon.ArrowsInwardMIcon, colors: 'inverted', "aria-label": '\u0412\u044B\u0439\u0442\u0438 \u0438\u0437 \u043F\u043E\u043B\u043D\u043E\u044D\u043A\u0440\u0430\u043D\u043D\u043E\u0433\u043E \u0440\u0435\u0436\u0438\u043C\u0430' }))));
 };
-var Download = function (props) { return (React__default['default'].createElement(coreComponentsTooltip.Tooltip, { trigger: 'hover', position: 'bottom', content: '\u0421\u043A\u0430\u0447\u0430\u0442\u044C', fallbackPlacements: ['bottom-end'] },
-    React__default['default'].createElement(coreComponentsIconButton.IconButton, tslib_es6.__assign({}, props, { icon: PointerDownMIcon.PointerDownMIcon, colors: 'inverted', "aria-label": '\u0421\u043A\u0430\u0447\u0430\u0442\u044C' })))); };
-var Exit = function (props) { return (React__default['default'].createElement(coreComponentsIconButton.IconButton, tslib_es6.__assign({}, props, { icon: CrossMIcon.CrossMIcon, colors: 'inverted', "aria-label": '\u0417\u0430\u043A\u0440\u044B\u0442\u044C' }))); };
+var Download = function (props) { return (React.createElement(coreComponentsTooltip.Tooltip, { trigger: 'hover', position: 'bottom', content: '\u0421\u043A\u0430\u0447\u0430\u0442\u044C', fallbackPlacements: ['bottom-end'] },
+    React.createElement(coreComponentsIconButton.IconButton, tslib_es6.__assign({}, props, { icon: PointerDownMIcon.PointerDownMIcon, colors: 'inverted', "aria-label": '\u0421\u043A\u0430\u0447\u0430\u0442\u044C' })))); };
+var Exit = function (props) { return (React.createElement(coreComponentsIconButton.IconButton, tslib_es6.__assign({}, props, { icon: CrossMIcon.CrossMIcon, colors: 'inverted', "aria-label": '\u0417\u0430\u043A\u0440\u044B\u0442\u044C' }))); };
 
 exports.Download = Download;
 exports.Exit = Exit;

package/cssm/components/header/index.js

@@ -1,25 +1,23 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
+var components_header_Component = require('./Component.js');
 require('react');
 require('../../context.js');
-require('../../utils/split-filename.js');
 require('../../utils/utils.js');
 require('../../utils/constants.js');
+require('../header-info-block/Component.js');
 require('@alfalab/core-components-typography/cssm');
+require('../../utils/split-filename.js');
 require('../header-info-block/index.module.css');
-require('../header-info-block/Component.js');
-require('../../tslib.es6-9682e485.js');
+require('./buttons.js');
+require('../../tslib.es6-bbd6cd2a.js');
 require('@alfalab/core-components-icon-button/cssm');
 require('@alfalab/core-components-tooltip/cssm');
 require('@alfalab/icons-glyph/ArrowsInwardMIcon');
 require('@alfalab/icons-glyph/ArrowsOutwardMIcon');
 require('@alfalab/icons-glyph/CrossMIcon');
 require('@alfalab/icons-glyph/PointerDownMIcon');
-require('./buttons.js');
 require('./index.module.css');
-var components_header_Component = require('./Component.js');
 
 
 

package/cssm/components/header-info-block/Component.js

@@ -1,25 +1,18 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var React = require('react');
-var utils_splitFilename = require('../../utils/split-filename.js');
 var coreComponentsTypography = require('@alfalab/core-components-typography/cssm');
+var utils_splitFilename = require('../../utils/split-filename.js');
 var styles = require('./index.module.css');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var styles__default = /*#__PURE__*/_interopDefaultLegacy(styles);
-
 var HeaderInfoBlock = function (_a) {
     var filename = _a.filename, description = _a.description;
     var _b = utils_splitFilename.splitFilename(filename), head = _b[0], tail = _b[1];
-    return (React__default['default'].createElement("div", { className: styles__default['default'].info },
-        React__default['default'].createElement("div", { className: styles__default['default'].filenameContainer },
-            React__default['default'].createElement(coreComponentsTypography.Typography.Title, { tag: 'h1', className: styles__default['default'].filenameHead, view: 'xsmall', font: 'system', color: 'primary-inverted' }, head),
-            React__default['default'].createElement(coreComponentsTypography.Typography.Title, { tag: 'h1', view: 'xsmall', font: 'system', color: 'primary-inverted' }, tail)),
-        description ? (React__default['default'].createElement(coreComponentsTypography.Typography.Text, { className: styles__default['default'].description, tag: 'div', view: 'primary-medium', color: 'secondary-inverted' }, description)) : null));
+    return (React.createElement("div", { className: styles.info },
+        React.createElement("div", { className: styles.filenameContainer },
+            React.createElement(coreComponentsTypography.Typography.Title, { tag: 'h1', className: styles.filenameHead, view: 'xsmall', font: 'system', color: 'primary-inverted' }, head),
+            React.createElement(coreComponentsTypography.Typography.Title, { tag: 'h1', view: 'xsmall', font: 'system', color: 'primary-inverted' }, tail)),
+        description ? (React.createElement(coreComponentsTypography.Typography.Text, { className: styles.description, tag: 'div', view: 'primary-medium', color: 'secondary-inverted' }, description)) : null));
 };
 
 exports.HeaderInfoBlock = HeaderInfoBlock;

package/cssm/components/header-info-block/index.js

@@ -1,12 +1,10 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
+var components_headerInfoBlock_Component = require('./Component.js');
 require('react');
-require('../../utils/split-filename.js');
 require('@alfalab/core-components-typography/cssm');
+require('../../utils/split-filename.js');
 require('./index.module.css');
-var components_headerInfoBlock_Component = require('./Component.js');