@alfalab/core-components-gallery 1.1.0 → 2.0.0

package/dist/modern/utils/constants.d.ts

@@ -0,0 +1,11 @@
+declare const TestIds: {
+    ACTIVE_IMAGE: string;
+    PREV_SLIDE_BUTTON: string;
+    NEXT_SLIDE_BUTTON: string;
+    CLOSE_BUTTON: string;
+    FULLSCREEN_BUTTON: string;
+    EXIT_FULLSCREEN_BUTTON: string;
+    DOWNLOAD_BUTTON: string;
+    NAVIGATION_BAR: string;
+};
+export { TestIds };

package/dist/modern/utils/constants.js

@@ -0,0 +1,12 @@
+const TestIds = {
+    ACTIVE_IMAGE: 'active-image',
+    PREV_SLIDE_BUTTON: 'prev-slide-button',
+    NEXT_SLIDE_BUTTON: 'next-slide-button',
+    CLOSE_BUTTON: 'close-button',
+    FULLSCREEN_BUTTON: 'fullscreen-button',
+    EXIT_FULLSCREEN_BUTTON: 'exit-fullscreen-button',
+    DOWNLOAD_BUTTON: 'download-button',
+    NAVIGATION_BAR: 'navigation-bar',
+};
+
+export { TestIds };

package/dist/modern/utils/index.d.ts

@@ -1,2 +1,3 @@
 export * from "./split-filename";
 export * from "./utils";
+export * from "./constants";

package/dist/modern/utils/index.js

@@ -1,2 +1,3 @@
 export { splitFilename } from './split-filename.js';
 export { PLACEHOLDER_HEIGHT, PLACEHOLDER_WIDTH, getImageAlt, getImageKey, isSmallImage } from './utils.js';
+export { TestIds } from './constants.js';

package/dist/{slide-dea55470.d.ts → slide-4f1564f2.d.ts}

@@ -8,6 +8,7 @@ type SlideProps = {
     imageAspectRatio: number;
     index: number;
     swiperHeight: number;
+    slideVisible: boolean;
     handleLoad: (event: SyntheticEvent<HTMLImageElement>, index: number) => void;
     handleLoadError: (index: number) => void;
 };

package/dist/{slide-dea55470.js → slide-4f1564f2.js}

@@ -3,6 +3,7 @@
 var React = require('react');
 var cn = require('classnames');
 var utils_utils = require('./utils/utils.js');
+var utils_constants = require('./utils/constants.js');
 var coreComponentsTypography = require('@alfalab/core-components-typography');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -10,12 +11,12 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 
-var styles = {"component":"gallery__component_hfnrp","swiper":"gallery__swiper_hfnrp","singleSlide":"gallery__singleSlide_hfnrp","hidden":"gallery__hidden_hfnrp","slide":"gallery__slide_hfnrp","slideLoading":"gallery__slideLoading_hfnrp","image":"gallery__image_hfnrp","smallImage":"gallery__smallImage_hfnrp","verticalImageFit":"gallery__verticalImageFit_hfnrp","horizontalImageFit":"gallery__horizontalImageFit_hfnrp","arrow":"gallery__arrow_hfnrp","focused":"gallery__focused_hfnrp","placeholder":"gallery__placeholder_hfnrp","brokenImgWrapper":"gallery__brokenImgWrapper_hfnrp","brokenImgIcon":"gallery__brokenImgIcon_hfnrp","fullScreenImage":"gallery__fullScreenImage_hfnrp"};
+var styles = {"component":"gallery__component_b3ep5","swiper":"gallery__swiper_b3ep5","singleSlide":"gallery__singleSlide_b3ep5","hidden":"gallery__hidden_b3ep5","slide":"gallery__slide_b3ep5","slideLoading":"gallery__slideLoading_b3ep5","image":"gallery__image_b3ep5","smallImage":"gallery__smallImage_b3ep5","verticalImageFit":"gallery__verticalImageFit_b3ep5","horizontalImageFit":"gallery__horizontalImageFit_b3ep5","arrow":"gallery__arrow_b3ep5","focused":"gallery__focused_b3ep5","placeholder":"gallery__placeholder_b3ep5","brokenImgWrapper":"gallery__brokenImgWrapper_b3ep5","brokenImgIcon":"gallery__brokenImgIcon_b3ep5","fullScreenImage":"gallery__fullScreenImage_b3ep5"};
 require('./components/image-viewer/index.css')
 
 var Slide = function (_a) {
     var _b;
-    var isActive = _a.isActive, meta = _a.meta, swiperAspectRatio = _a.swiperAspectRatio, imageAspectRatio = _a.imageAspectRatio, image = _a.image, index = _a.index, swiperHeight = _a.swiperHeight, handleLoad = _a.handleLoad, handleLoadError = _a.handleLoadError;
+    var isActive = _a.isActive, meta = _a.meta, swiperAspectRatio = _a.swiperAspectRatio, imageAspectRatio = _a.imageAspectRatio, image = _a.image, index = _a.index, swiperHeight = _a.swiperHeight, slideVisible = _a.slideVisible, handleLoad = _a.handleLoad, handleLoadError = _a.handleLoadError;
     var broken = Boolean(meta === null || meta === void 0 ? void 0 : meta.broken);
     var small = utils_utils.isSmallImage(meta);
     var verticalImageFit = !small && swiperAspectRatio > imageAspectRatio;
@@ -28,17 +29,15 @@ var Slide = function (_a) {
                 _b[styles.horizontalImageFit] = horizontalImageFit,
                 _b)), onLoad: function (event) { return handleLoad(event, index); }, onError: function () { return handleLoadError(index); }, style: {
                 maxHeight: swiperHeight + "px",
-            } })));
+            }, "data-test-id": slideVisible ? utils_constants.TestIds.ACTIVE_IMAGE : undefined })));
 };
 var SlideInner = function (_a) {
     var _b;
-    var children = _a.children, active = _a.active, broken = _a.broken, loading = _a.loading, withPlaceholder = _a.withPlaceholder;
+    var children = _a.children, broken = _a.broken, loading = _a.loading, withPlaceholder = _a.withPlaceholder;
     var content = broken ? (React__default['default'].createElement("div", { className: styles.brokenImgWrapper },
         React__default['default'].createElement("div", { className: styles.brokenImgIcon }),
         React__default['default'].createElement(coreComponentsTypography.Typography.Text, { view: 'primary-small', color: 'secondary' }, "\u041D\u0435 \u0443\u0434\u0430\u043B\u043E\u0441\u044C \u0437\u0430\u0433\u0440\u0443\u0437\u0438\u0442\u044C \u0438\u0437\u043E\u0431\u0440\u0430\u0436\u0435\u043D\u0438\u0435"))) : (children);
-    return (React__default['default'].createElement("div", { className: cn__default['default'](styles.slide, (_b = {}, _b[styles.slideLoading] = loading, _b)), style: {
-            opacity: Number(active),
-        } }, withPlaceholder ? React__default['default'].createElement("div", { className: styles.placeholder }, content) : content));
+    return (React__default['default'].createElement("div", { className: cn__default['default'](styles.slide, (_b = {}, _b[styles.slideLoading] = loading, _b)) }, withPlaceholder ? React__default['default'].createElement("div", { className: styles.placeholder }, content) : content));
 };
 
 exports.Slide = Slide;

package/dist/types.d.ts

@@ -3,6 +3,7 @@ type GalleryImage = {
     name?: string;
     previewSrc?: string;
     alt?: string;
+    canDownload?: boolean;
 };
 type ImageMeta = {
     width: number;

package/dist/utils/constants.d.ts

@@ -0,0 +1,11 @@
+declare const TestIds: {
+    ACTIVE_IMAGE: string;
+    PREV_SLIDE_BUTTON: string;
+    NEXT_SLIDE_BUTTON: string;
+    CLOSE_BUTTON: string;
+    FULLSCREEN_BUTTON: string;
+    EXIT_FULLSCREEN_BUTTON: string;
+    DOWNLOAD_BUTTON: string;
+    NAVIGATION_BAR: string;
+};
+export { TestIds };

package/dist/utils/constants.js

@@ -0,0 +1,16 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var TestIds = {
+    ACTIVE_IMAGE: 'active-image',
+    PREV_SLIDE_BUTTON: 'prev-slide-button',
+    NEXT_SLIDE_BUTTON: 'next-slide-button',
+    CLOSE_BUTTON: 'close-button',
+    FULLSCREEN_BUTTON: 'fullscreen-button',
+    EXIT_FULLSCREEN_BUTTON: 'exit-fullscreen-button',
+    DOWNLOAD_BUTTON: 'download-button',
+    NAVIGATION_BAR: 'navigation-bar',
+};
+
+exports.TestIds = TestIds;

package/dist/utils/index.d.ts

@@ -1,2 +1,3 @@
 export * from "./split-filename";
 export * from "./utils";
+export * from "./constants";

package/dist/utils/index.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var utils_splitFilename = require('./split-filename.js');
 var utils_utils = require('./utils.js');
+var utils_constants = require('./constants.js');
 
 
 
@@ -13,3 +14,4 @@ exports.PLACEHOLDER_WIDTH = utils_utils.PLACEHOLDER_WIDTH;
 exports.getImageAlt = utils_utils.getImageAlt;
 exports.getImageKey = utils_utils.getImageKey;
 exports.isSmallImage = utils_utils.isSmallImage;
+exports.TestIds = utils_constants.TestIds;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@alfalab/core-components-gallery",
-    "version": "1.1.0",
+    "version": "2.0.0",
     "description": "",
     "keywords": [],
     "license": "MIT",
@@ -20,14 +20,14 @@
     },
     "dependencies": {
         "@alfalab/core-components-base-modal": "^3.0.1",
-        "@alfalab/core-components-icon-button": "^3.1.0",
-        "@alfalab/core-components-tooltip": "^4.1.2",
+        "@alfalab/core-components-icon-button": "^4.0.0",
+        "@alfalab/core-components-tooltip": "^4.3.2",
         "@alfalab/core-components-typography": "^2.1.0",
         "@alfalab/hooks": "^1.3.0",
-        "@alfalab/icons-glyph": "^1.168.0",
+        "@alfalab/icons-glyph": "^1.190.0",
         "classnames": "^2.2.6",
         "element-closest": "^3.0.2",
         "swiper": "^6.8.2"
     },
-    "gitHead": "405e25ca79b16242ce1b634a28bf57db1dc3f6ae"
+    "gitHead": "10c9fd1caacf98a5c15f84529889ddf41e9e1b54"
 }