@alfalab/core-components-gallery 5.1.4 → 5.1.5

package/modern/components/navigation-bar/Component.js

@@ -7,7 +7,7 @@ import 'classnames';
 import '@alfalab/hooks';
 import '../image-preview/paths.js';
 
-const styles = {"component":"gallery__component_1y11s","preview":"gallery__preview_1y11s"};
+const styles = {"component":"gallery__component_1f1tu","preview":"gallery__preview_1f1tu"};
 require('./index.css')
 
 const MIN_SCROLL_STEP = 24;

package/modern/components/navigation-bar/index.css

@@ -1,4 +1,4 @@
-/* hash: yfa3i */
+/* hash: 1rqwo */
 :root {
     --color-light-bg-tertiary-inverted: #3c4c5d;
 }
@@ -14,7 +14,7 @@
     --gap-3xs: 2px;
     --gap-xl: 24px;
 }
-.gallery__component_1y11s {
+.gallery__component_1f1tu {
     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_1y11s::-webkit-scrollbar {
+.gallery__component_1f1tu::-webkit-scrollbar {
         display: none;
     }
-.gallery__preview_1y11s {
+.gallery__preview_1f1tu {
     flex-shrink: 0;
     margin: 0 var(--gap-3xs)
 }
-.gallery__preview_1y11s:first-child {
+.gallery__preview_1f1tu:first-child {
         margin-left: auto;
     }
-.gallery__preview_1y11s:last-child {
+.gallery__preview_1f1tu:last-child {
         margin-right: auto;
     }

package/modern/index.css

@@ -1,4 +1,4 @@
-/* hash: 1051o */
+/* hash: aw3m3 */
 :root {
 
     /* Hard */
@@ -7,14 +7,14 @@
 
     /* Hard up */
 }
-.gallery__container_15zb1 {
+.gallery__container_1slnl {
     display: flex;
     flex-direction: column;
     justify-content: space-between;
     height: 100%;
     width: 100%;
 }
-.gallery__modal_15zb1 {
+.gallery__modal_1slnl {
     flex-grow: 1;
     width: 100%;
     height: 100%;

package/modern/index.js

@@ -26,6 +26,6 @@ import 'swiper';
 import 'swiper/react';
 import '@alfalab/icons-glyph/ChevronBackHeavyMIcon';
 import '@alfalab/icons-glyph/ChevronForwardHeavyMIcon';
-import './slide-4304ec1c.js';
+import './slide-87fc2658.js';
 import './components/image-viewer/paths.js';
 import 'swiper/swiper.min.css';

package/modern/{slide-4304ec1c.js → slide-87fc2658.js}

@@ -5,7 +5,7 @@ import { isSmallImage, getImageAlt } from './utils/utils.js';
 import { TestIds } from './utils/constants.js';
 import { NoImagePaths } from './components/image-viewer/paths.js';
 
-const styles = {"component":"gallery__component_1mixe","swiper":"gallery__swiper_1mixe","singleSlide":"gallery__singleSlide_1mixe","hidden":"gallery__hidden_1mixe","slide":"gallery__slide_1mixe","slideLoading":"gallery__slideLoading_1mixe","image":"gallery__image_1mixe","smallImage":"gallery__smallImage_1mixe","verticalImageFit":"gallery__verticalImageFit_1mixe","horizontalImageFit":"gallery__horizontalImageFit_1mixe","arrow":"gallery__arrow_1mixe","focused":"gallery__focused_1mixe","placeholder":"gallery__placeholder_1mixe","brokenImgWrapper":"gallery__brokenImgWrapper_1mixe","brokenImgIcon":"gallery__brokenImgIcon_1mixe","fullScreenImage":"gallery__fullScreenImage_1mixe"};
+const styles = {"component":"gallery__component_e1nqh","swiper":"gallery__swiper_e1nqh","singleSlide":"gallery__singleSlide_e1nqh","hidden":"gallery__hidden_e1nqh","slide":"gallery__slide_e1nqh","slideLoading":"gallery__slideLoading_e1nqh","image":"gallery__image_e1nqh","smallImage":"gallery__smallImage_e1nqh","verticalImageFit":"gallery__verticalImageFit_e1nqh","horizontalImageFit":"gallery__horizontalImageFit_e1nqh","arrow":"gallery__arrow_e1nqh","focused":"gallery__focused_e1nqh","placeholder":"gallery__placeholder_e1nqh","brokenImgWrapper":"gallery__brokenImgWrapper_e1nqh","brokenImgIcon":"gallery__brokenImgIcon_e1nqh","fullScreenImage":"gallery__fullScreenImage_e1nqh"};
 require('./components/image-viewer/index.css')
 
 const SlideInner = ({ children, broken, loading, withPlaceholder }) => {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@alfalab/core-components-gallery",
-    "version": "5.1.4",
+    "version": "5.1.5",
     "description": "",
     "keywords": [],
     "license": "MIT",
@@ -17,10 +17,10 @@
         "react": "^16.9.0 || ^17.0.1 || ^18.0.0"
     },
     "dependencies": {
-        "@alfalab/core-components-base-modal": "^5.0.6",
-        "@alfalab/core-components-icon-button": "^6.0.1",
-        "@alfalab/core-components-tooltip": "^6.1.13",
-        "@alfalab/core-components-typography": "^3.0.6",
+        "@alfalab/core-components-base-modal": "^5.0.7",
+        "@alfalab/core-components-icon-button": "^6.0.2",
+        "@alfalab/core-components-tooltip": "^6.2.0",
+        "@alfalab/core-components-typography": "^3.0.7",
         "@alfalab/hooks": "^1.4.1",
         "@alfalab/icons-glyph": "^2.71.0",
         "classnames": "^2.3.1",

package/slide-c0784b7a.js

@@ -0,0 +1,49 @@
+'use strict';
+
+var React = require('react');
+var cn = require('classnames');
+var coreComponentsTypography = require('@alfalab/core-components-typography');
+var utils_utils = require('./utils/utils.js');
+var utils_constants = require('./utils/constants.js');
+var components_imageViewer_paths = require('./components/image-viewer/paths.js');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
+
+var styles = {"component":"gallery__component_e1nqh","swiper":"gallery__swiper_e1nqh","singleSlide":"gallery__singleSlide_e1nqh","hidden":"gallery__hidden_e1nqh","slide":"gallery__slide_e1nqh","slideLoading":"gallery__slideLoading_e1nqh","image":"gallery__image_e1nqh","smallImage":"gallery__smallImage_e1nqh","verticalImageFit":"gallery__verticalImageFit_e1nqh","horizontalImageFit":"gallery__horizontalImageFit_e1nqh","arrow":"gallery__arrow_e1nqh","focused":"gallery__focused_e1nqh","placeholder":"gallery__placeholder_e1nqh","brokenImgWrapper":"gallery__brokenImgWrapper_e1nqh","brokenImgIcon":"gallery__brokenImgIcon_e1nqh","fullScreenImage":"gallery__fullScreenImage_e1nqh"};
+require('./components/image-viewer/index.css')
+
+var SlideInner = function (_a) {
+    var _b;
+    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("svg", { xmlns: 'http://www.w3.org/2000/svg', width: '80', height: '80', viewBox: '0 0 80 80', fill: 'none' },
+                React__default.default.createElement("rect", { width: '80', height: '80', fill: 'none' }),
+                React__default.default.createElement("path", { fillRule: 'evenodd', clipRule: 'evenodd', d: components_imageViewer_paths.NoImagePaths.baseImage, fill: '#DBDEE1' }),
+                React__default.default.createElement("path", { d: components_imageViewer_paths.NoImagePaths.triangleImage, fill: '#DBDEE1' }))),
+        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)) }, withPlaceholder ? React__default.default.createElement("div", { className: styles.placeholder }, content) : content));
+};
+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, 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;
+    var horizontalImageFit = !small && swiperAspectRatio <= imageAspectRatio;
+    return (React__default.default.createElement(SlideInner, { active: isActive, broken: broken, loading: !meta, withPlaceholder: small || broken },
+        React__default.default.createElement("img", { src: image.src, alt: utils_utils.getImageAlt(image, index), className: cn__default.default((_b = {},
+                _b[styles.smallImage] = small,
+                _b[styles.image] = !small,
+                _b[styles.verticalImageFit] = verticalImageFit,
+                _b[styles.horizontalImageFit] = horizontalImageFit,
+                _b)), onLoad: function (event) { return handleLoad(event, index); }, onError: function () { return handleLoadError(index); }, style: {
+                maxHeight: "".concat(swiperHeight, "px"),
+            }, "data-test-id": slideVisible ? utils_constants.TestIds.ACTIVE_IMAGE : undefined })));
+};
+
+exports.Slide = Slide;
+exports.styles = styles;

package/slide-e83fee6e.js

@@ -1,44 +0,0 @@
-'use strict';
-
-var React = require('react');
-var cn = require('classnames');
-var coreComponentsTypography = require('@alfalab/core-components-typography');
-var utils_utils = require('./utils/utils.js');
-var utils_constants = require('./utils/constants.js');
-var components_imageViewer_paths = require('./components/image-viewer/paths.js');
-
-var styles = {"component":"gallery__component_1mixe","swiper":"gallery__swiper_1mixe","singleSlide":"gallery__singleSlide_1mixe","hidden":"gallery__hidden_1mixe","slide":"gallery__slide_1mixe","slideLoading":"gallery__slideLoading_1mixe","image":"gallery__image_1mixe","smallImage":"gallery__smallImage_1mixe","verticalImageFit":"gallery__verticalImageFit_1mixe","horizontalImageFit":"gallery__horizontalImageFit_1mixe","arrow":"gallery__arrow_1mixe","focused":"gallery__focused_1mixe","placeholder":"gallery__placeholder_1mixe","brokenImgWrapper":"gallery__brokenImgWrapper_1mixe","brokenImgIcon":"gallery__brokenImgIcon_1mixe","fullScreenImage":"gallery__fullScreenImage_1mixe"};
-require('./components/image-viewer/index.css')
-
-var SlideInner = function (_a) {
-    var _b;
-    var children = _a.children, broken = _a.broken, loading = _a.loading, withPlaceholder = _a.withPlaceholder;
-    var content = broken ? (React.createElement("div", { className: styles.brokenImgWrapper },
-        React.createElement("div", { className: styles.brokenImgIcon },
-            React.createElement("svg", { xmlns: 'http://www.w3.org/2000/svg', width: '80', height: '80', viewBox: '0 0 80 80', fill: 'none' },
-                React.createElement("rect", { width: '80', height: '80', fill: 'none' }),
-                React.createElement("path", { fillRule: 'evenodd', clipRule: 'evenodd', d: components_imageViewer_paths.NoImagePaths.baseImage, fill: '#DBDEE1' }),
-                React.createElement("path", { d: components_imageViewer_paths.NoImagePaths.triangleImage, fill: '#DBDEE1' }))),
-        React.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.createElement("div", { className: cn(styles.slide, (_b = {}, _b[styles.slideLoading] = loading, _b)) }, withPlaceholder ? React.createElement("div", { className: styles.placeholder }, content) : content));
-};
-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, 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;
-    var horizontalImageFit = !small && swiperAspectRatio <= imageAspectRatio;
-    return (React.createElement(SlideInner, { active: isActive, broken: broken, loading: !meta, withPlaceholder: small || broken },
-        React.createElement("img", { src: image.src, alt: utils_utils.getImageAlt(image, index), className: cn((_b = {},
-                _b[styles.smallImage] = small,
-                _b[styles.image] = !small,
-                _b[styles.verticalImageFit] = verticalImageFit,
-                _b[styles.horizontalImageFit] = horizontalImageFit,
-                _b)), onLoad: function (event) { return handleLoad(event, index); }, onError: function () { return handleLoadError(index); }, style: {
-                maxHeight: "".concat(swiperHeight, "px"),
-            }, "data-test-id": slideVisible ? utils_constants.TestIds.ACTIVE_IMAGE : undefined })));
-};
-
-exports.Slide = Slide;
-exports.styles = styles;