@alfalab/core-components 48.21.0-beta.4 → 48.21.0

package/filter-tag/moderncssm/types/base-filter-tag-props.d.ts

@@ -0,0 +1,73 @@
+import { MouseEvent, ReactNode } from 'react';
+type BaseFilterTagProps = {
+    /**
+     * Состояние выбора
+     */
+    checked?: boolean;
+    /**
+     * Состояние открытия
+     */
+    open?: boolean;
+    /**
+     * Состояние блокировки
+     */
+    disabled?: boolean;
+    /**
+     * Обработчик клика
+     */
+    onClick?: (event: MouseEvent<HTMLDivElement>) => void;
+    /**
+     * Обработчик очистки
+     */
+    onClear?: () => void;
+    /**
+     * Контент
+     */
+    children?: ReactNode;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string;
+    /**
+     * Размер компонента
+     * @description xxs, xs, s deprecated, используйте вместо них 32, 40, 48 соответственно
+     */
+    size?: 'xxs' | 'xs' | 's' | 32 | 40 | 48;
+    /**
+     * Дополнительный класс
+     */
+    className?: string;
+    /**
+     * Показывать крестик для очистки выбора
+     */
+    showClear?: boolean;
+    /**
+     * Растягивает компонент на ширину контейнера
+     * @default false
+     */
+    block?: boolean;
+    /**
+     * @deprecated данный проп больше не используется, временно оставлен для обратной совместимости
+     * Используйте props shape и view
+     * Вариант тега
+     */
+    variant?: 'default' | 'alt';
+    /**
+     * Форма тега
+     */
+    shape?: 'rounded' | 'rectangular';
+    /**
+     * Стиль тега
+     */
+    view?: 'outlined' | 'filled';
+    /**
+     * Набор цветов для компонента
+     * @default default
+     */
+    colors?: 'default' | 'inverted';
+    /**
+     * Слот слева
+     */
+    leftAddons?: ReactNode;
+};
+export { BaseFilterTagProps };

package/filter-tag/moderncssm/types/base-filter-tag-props.js

@@ -0,0 +1 @@
+

package/filter-tag/moderncssm/vars.css

@@ -0,0 +1,15 @@
+/* */
+
+:root {
+    /* chevron */
+
+    /* chevron inverted */
+
+    /* separator */
+
+    /* separator inverted */
+
+    /* clear */
+
+    /* clear inverted */
+}

package/filter-tag/types/base-filter-tag-private-props.d.ts

@@ -0,0 +1,20 @@
+type PrivateProps = {
+    /**
+     * Основные стили компонента.
+     */
+    styles?: {
+        [key: string]: string;
+    };
+    /**
+     * Стили компонента для default и inverted режима.
+     */
+    colorStylesMap?: {
+        default: {
+            [key: string]: string;
+        };
+        inverted: {
+            [key: string]: string;
+        };
+    };
+};
+export { PrivateProps };

package/filter-tag/types/base-filter-tag-private-props.js

@@ -0,0 +1 @@
+

package/filter-tag/types/base-filter-tag-props.d.ts

@@ -0,0 +1,73 @@
+import { MouseEvent, ReactNode } from 'react';
+type BaseFilterTagProps = {
+    /**
+     * Состояние выбора
+     */
+    checked?: boolean;
+    /**
+     * Состояние открытия
+     */
+    open?: boolean;
+    /**
+     * Состояние блокировки
+     */
+    disabled?: boolean;
+    /**
+     * Обработчик клика
+     */
+    onClick?: (event: MouseEvent<HTMLDivElement>) => void;
+    /**
+     * Обработчик очистки
+     */
+    onClear?: () => void;
+    /**
+     * Контент
+     */
+    children?: ReactNode;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string;
+    /**
+     * Размер компонента
+     * @description xxs, xs, s deprecated, используйте вместо них 32, 40, 48 соответственно
+     */
+    size?: 'xxs' | 'xs' | 's' | 32 | 40 | 48;
+    /**
+     * Дополнительный класс
+     */
+    className?: string;
+    /**
+     * Показывать крестик для очистки выбора
+     */
+    showClear?: boolean;
+    /**
+     * Растягивает компонент на ширину контейнера
+     * @default false
+     */
+    block?: boolean;
+    /**
+     * @deprecated данный проп больше не используется, временно оставлен для обратной совместимости
+     * Используйте props shape и view
+     * Вариант тега
+     */
+    variant?: 'default' | 'alt';
+    /**
+     * Форма тега
+     */
+    shape?: 'rounded' | 'rectangular';
+    /**
+     * Стиль тега
+     */
+    view?: 'outlined' | 'filled';
+    /**
+     * Набор цветов для компонента
+     * @default default
+     */
+    colors?: 'default' | 'inverted';
+    /**
+     * Слот слева
+     */
+    leftAddons?: ReactNode;
+};
+export { BaseFilterTagProps };

package/filter-tag/types/base-filter-tag-props.js

@@ -0,0 +1 @@
+

package/gallery/Component.d.ts

@@ -35,10 +35,6 @@ type GalleryProps = {
      * Дополнительный класс для попапа
      */
     popupClassName?: string;
-    /**
-     * Дополнительный класс для swiper инстанса
-     */
-    swiperClassName?: string;
 };
 declare const Gallery: FC<GalleryProps>;
 export { GalleryProps, Gallery };

package/gallery/Component.js

@@ -29,7 +29,7 @@ var Backdrop = function () { return null; };
 var Gallery = function (_a) {
     var _b, _c;
     var _d, _e;
-    var open = _a.open, images = _a.images, slideIndex = _a.slideIndex, _f = _a.initialSlide, initialSlide = _f === void 0 ? 0 : _f, _g = _a.loop, loop = _g === void 0 ? true : _g, onClose = _a.onClose, onSlideIndexChange = _a.onSlideIndexChange, popupClassName = _a.popupClassName, swiperClassName = _a.swiperClassName;
+    var open = _a.open, images = _a.images, slideIndex = _a.slideIndex, _f = _a.initialSlide, initialSlide = _f === void 0 ? 0 : _f, _g = _a.loop, loop = _g === void 0 ? true : _g, onClose = _a.onClose, onSlideIndexChange = _a.onSlideIndexChange, popupClassName = _a.popupClassName;
     var currentSlideIndexState = React.useState(initialSlide);
     var uncontrolled = slideIndex === undefined;
     var _h = uncontrolled
@@ -137,7 +137,6 @@ var Gallery = function (_a) {
         slideNext: slideNext,
         slidePrev: slidePrev,
         slideTo: slideTo,
-        swiperClassName: swiperClassName,
         getSwiper: function () { return swiper; },
         setSwiper: setSwiper,
         onClose: handleClose,

package/gallery/components/image-viewer/component.js

@@ -11,7 +11,7 @@ var ChevronForwardHeavyMIcon = require('@alfalab/icons-glyph/ChevronForwardHeavy
 var context = require('../../context.js');
 var utils_utils = require('../../utils/utils.js');
 var utils_constants = require('../../utils/constants.js');
-var components_imageViewer_hooks = require('../../hooks-4687a5c4.js');
+var components_imageViewer_hooks = require('../../hooks-c2c11256.js');
 var components_imageViewer_slide = require('./slide.js');
 require('swiper/swiper.min.css');
 
@@ -24,7 +24,7 @@ var SwiperCore__default = /*#__PURE__*/_interopDefaultCompat(SwiperCore);
 SwiperCore__default.default.use([SwiperCore.EffectFade, SwiperCore.A11y, SwiperCore.Controller]);
 var ImageViewer = function () {
     var _a, _b, _c;
-    var _d = React.useContext(context.GalleryContext), images = _d.images, imagesMeta = _d.imagesMeta, fullScreen = _d.fullScreen, currentSlideIndex = _d.currentSlideIndex, initialSlide = _d.initialSlide, setCurrentSlideIndex = _d.setCurrentSlideIndex, getSwiper = _d.getSwiper, setSwiper = _d.setSwiper, slidePrev = _d.slidePrev, slideNext = _d.slideNext, getCurrentImage = _d.getCurrentImage, swiperClassName = _d.swiperClassName;
+    var _d = React.useContext(context.GalleryContext), images = _d.images, imagesMeta = _d.imagesMeta, fullScreen = _d.fullScreen, currentSlideIndex = _d.currentSlideIndex, initialSlide = _d.initialSlide, setCurrentSlideIndex = _d.setCurrentSlideIndex, getSwiper = _d.getSwiper, setSwiper = _d.setSwiper, slidePrev = _d.slidePrev, slideNext = _d.slideNext, getCurrentImage = _d.getCurrentImage;
     var _e = components_imageViewer_hooks.useHandleImageViewer(), handleWrapperClick = _e.handleWrapperClick, isMobile = _e.isMobile, rightArrowRef = _e.rightArrowRef, leftArrowRef = _e.leftArrowRef;
     var leftArrowFocused = hooks.useFocus(leftArrowRef, 'keyboard')[0];
     var rightArrowFocused = hooks.useFocus(rightArrowRef, 'keyboard')[0];
@@ -58,7 +58,7 @@ var ImageViewer = function () {
             fadeEffect: {
                 crossFade: true,
             },
-            className: cn__default.default(components_imageViewer_hooks.styles.swiper, swiperClassName, (_a = {},
+            className: cn__default.default(components_imageViewer_hooks.styles.swiper, (_a = {},
                 _a[components_imageViewer_hooks.styles.hidden] = fullScreen && !utils_utils.isVideo(currentImage === null || currentImage === void 0 ? void 0 : currentImage.src),
                 _a[components_imageViewer_hooks.styles.fullScreenVideo] = fullScreen && utils_utils.isVideo(currentImage === null || currentImage === void 0 ? void 0 : currentImage.src),
                 _a[components_imageViewer_hooks.styles.mobile] = isMobile,
@@ -75,7 +75,6 @@ var ImageViewer = function () {
             onSlideChange: handleSlideChange,
         });
     }, [
-        swiperClassName,
         fullScreen,
         currentImage === null || currentImage === void 0 ? void 0 : currentImage.src,
         isMobile,

package/gallery/components/image-viewer/hooks.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 require('react');
 require('element-closest');
 require('../../context.js');
-var components_imageViewer_hooks = require('../../hooks-4687a5c4.js');
+var components_imageViewer_hooks = require('../../hooks-c2c11256.js');
 
 
 

package/gallery/components/image-viewer/single.js

@@ -4,7 +4,7 @@ var React = require('react');
 var cn = require('classnames');
 var context = require('../../context.js');
 var utils_utils = require('../../utils/utils.js');
-var components_imageViewer_hooks = require('../../hooks-4687a5c4.js');
+var components_imageViewer_hooks = require('../../hooks-c2c11256.js');
 var components_imageViewer_slide = require('./slide.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }

package/gallery/components/image-viewer/slide.js

@@ -7,7 +7,7 @@ var coreComponentsTypography = require('../../../typography');
 var context = require('../../context.js');
 var utils_utils = require('../../utils/utils.js');
 var utils_constants = require('../../utils/constants.js');
-var components_imageViewer_hooks = require('../../hooks-4687a5c4.js');
+var components_imageViewer_hooks = require('../../hooks-c2c11256.js');
 var components_imageViewer_paths = require('./paths.js');
 var components_imageViewer_video_index = require('./video/index.js');
 

package/gallery/context.d.ts

@@ -26,7 +26,6 @@ type GalleryContext = {
     setCurrentSlideIndex?: (index: number) => void;
     getCurrentImage: () => GalleryImage | undefined;
     getCurrentImageMeta: () => ImageMeta | undefined;
-    swiperClassName?: string;
 };
 declare const GalleryContext: import("react").Context<GalleryContext>;
 export { GalleryContext };

package/gallery/context.js

@@ -10,7 +10,6 @@ var GalleryContext = React.createContext({
     currentSlideIndex: 0,
     images: [],
     imagesMeta: [],
-    swiperClassName: undefined,
     fullScreen: false,
     mutedVideo: false,
     playingVideo: false,

package/gallery/cssm/Component.d.ts

@@ -35,10 +35,6 @@ type GalleryProps = {
      * Дополнительный класс для попапа
      */
     popupClassName?: string;
-    /**
-     * Дополнительный класс для swiper инстанса
-     */
-    swiperClassName?: string;
 };
 declare const Gallery: FC<GalleryProps>;
 export { GalleryProps, Gallery };

package/gallery/cssm/Component.js

@@ -29,7 +29,7 @@ var Backdrop = function () { return null; };
 var Gallery = function (_a) {
     var _b, _c;
     var _d, _e;
-    var open = _a.open, images = _a.images, slideIndex = _a.slideIndex, _f = _a.initialSlide, initialSlide = _f === void 0 ? 0 : _f, _g = _a.loop, loop = _g === void 0 ? true : _g, onClose = _a.onClose, onSlideIndexChange = _a.onSlideIndexChange, popupClassName = _a.popupClassName, swiperClassName = _a.swiperClassName;
+    var open = _a.open, images = _a.images, slideIndex = _a.slideIndex, _f = _a.initialSlide, initialSlide = _f === void 0 ? 0 : _f, _g = _a.loop, loop = _g === void 0 ? true : _g, onClose = _a.onClose, onSlideIndexChange = _a.onSlideIndexChange, popupClassName = _a.popupClassName;
     var currentSlideIndexState = React.useState(initialSlide);
     var uncontrolled = slideIndex === undefined;
     var _h = uncontrolled
@@ -137,7 +137,6 @@ var Gallery = function (_a) {
         slideNext: slideNext,
         slidePrev: slidePrev,
         slideTo: slideTo,
-        swiperClassName: swiperClassName,
         getSwiper: function () { return swiper; },
         setSwiper: setSwiper,
         onClose: handleClose,

package/gallery/cssm/components/image-viewer/component.js

@@ -26,7 +26,7 @@ var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
 SwiperCore__default.default.use([SwiperCore.EffectFade, SwiperCore.A11y, SwiperCore.Controller]);
 var ImageViewer = function () {
     var _a, _b, _c;
-    var _d = React.useContext(context.GalleryContext), images = _d.images, imagesMeta = _d.imagesMeta, fullScreen = _d.fullScreen, currentSlideIndex = _d.currentSlideIndex, initialSlide = _d.initialSlide, setCurrentSlideIndex = _d.setCurrentSlideIndex, getSwiper = _d.getSwiper, setSwiper = _d.setSwiper, slidePrev = _d.slidePrev, slideNext = _d.slideNext, getCurrentImage = _d.getCurrentImage, swiperClassName = _d.swiperClassName;
+    var _d = React.useContext(context.GalleryContext), images = _d.images, imagesMeta = _d.imagesMeta, fullScreen = _d.fullScreen, currentSlideIndex = _d.currentSlideIndex, initialSlide = _d.initialSlide, setCurrentSlideIndex = _d.setCurrentSlideIndex, getSwiper = _d.getSwiper, setSwiper = _d.setSwiper, slidePrev = _d.slidePrev, slideNext = _d.slideNext, getCurrentImage = _d.getCurrentImage;
     var _e = components_imageViewer_hooks.useHandleImageViewer(), handleWrapperClick = _e.handleWrapperClick, isMobile = _e.isMobile, rightArrowRef = _e.rightArrowRef, leftArrowRef = _e.leftArrowRef;
     var leftArrowFocused = hooks.useFocus(leftArrowRef, 'keyboard')[0];
     var rightArrowFocused = hooks.useFocus(rightArrowRef, 'keyboard')[0];
@@ -60,7 +60,7 @@ var ImageViewer = function () {
             fadeEffect: {
                 crossFade: true,
             },
-            className: cn__default.default(styles__default.default.swiper, swiperClassName, (_a = {},
+            className: cn__default.default(styles__default.default.swiper, (_a = {},
                 _a[styles__default.default.hidden] = fullScreen && !utils_utils.isVideo(currentImage === null || currentImage === void 0 ? void 0 : currentImage.src),
                 _a[styles__default.default.fullScreenVideo] = fullScreen && utils_utils.isVideo(currentImage === null || currentImage === void 0 ? void 0 : currentImage.src),
                 _a[styles__default.default.mobile] = isMobile,
@@ -77,7 +77,6 @@ var ImageViewer = function () {
             onSlideChange: handleSlideChange,
         });
     }, [
-        swiperClassName,
         fullScreen,
         currentImage === null || currentImage === void 0 ? void 0 : currentImage.src,
         isMobile,

package/gallery/cssm/context.d.ts

@@ -26,7 +26,6 @@ type GalleryContext = {
     setCurrentSlideIndex?: (index: number) => void;
     getCurrentImage: () => GalleryImage | undefined;
     getCurrentImageMeta: () => ImageMeta | undefined;
-    swiperClassName?: string;
 };
 declare const GalleryContext: import("react").Context<GalleryContext>;
 export { GalleryContext };

package/gallery/cssm/context.js

@@ -10,7 +10,6 @@ var GalleryContext = React.createContext({
     currentSlideIndex: 0,
     images: [],
     imagesMeta: [],
-    swiperClassName: undefined,
     fullScreen: false,
     mutedVideo: false,
     playingVideo: false,

package/gallery/esm/Component.d.ts

@@ -35,10 +35,6 @@ type GalleryProps = {
      * Дополнительный класс для попапа
      */
     popupClassName?: string;
-    /**
-     * Дополнительный класс для swiper инстанса
-     */
-    swiperClassName?: string;
 };
 declare const Gallery: FC<GalleryProps>;
 export { GalleryProps, Gallery };

package/gallery/esm/Component.js

@@ -11,7 +11,7 @@ import { ImageViewer } from './components/image-viewer/component.js';
 import { InfoBar } from './components/info-bar/Component.js';
 import { HeaderMobile } from './components/header-mobile/Component.js';
 import './utils/utils.js';
-import './hooks-36c53e36.js';
+import './hooks-136a0349.js';
 import 'element-closest';
 import './components/image-viewer/slide.js';
 import '../../spinner/esm';
@@ -55,7 +55,7 @@ var Backdrop = function () { return null; };
 var Gallery = function (_a) {
     var _b, _c;
     var _d, _e;
-    var open = _a.open, images = _a.images, slideIndex = _a.slideIndex, _f = _a.initialSlide, initialSlide = _f === void 0 ? 0 : _f, _g = _a.loop, loop = _g === void 0 ? true : _g, onClose = _a.onClose, onSlideIndexChange = _a.onSlideIndexChange, popupClassName = _a.popupClassName, swiperClassName = _a.swiperClassName;
+    var open = _a.open, images = _a.images, slideIndex = _a.slideIndex, _f = _a.initialSlide, initialSlide = _f === void 0 ? 0 : _f, _g = _a.loop, loop = _g === void 0 ? true : _g, onClose = _a.onClose, onSlideIndexChange = _a.onSlideIndexChange, popupClassName = _a.popupClassName;
     var currentSlideIndexState = useState(initialSlide);
     var uncontrolled = slideIndex === undefined;
     var _h = uncontrolled
@@ -163,7 +163,6 @@ var Gallery = function (_a) {
         slideNext: slideNext,
         slidePrev: slidePrev,
         slideTo: slideTo,
-        swiperClassName: swiperClassName,
         getSwiper: function () { return swiper; },
         setSwiper: setSwiper,
         onClose: handleClose,

package/gallery/esm/components/image-viewer/component.js

@@ -9,7 +9,7 @@ import { ChevronForwardHeavyMIcon } from '@alfalab/icons-glyph/ChevronForwardHea
 import { GalleryContext } from '../../context.js';
 import { isVideo, getImageAlt, getImageKey } from '../../utils/utils.js';
 import { TestIds } from '../../utils/constants.js';
-import { u as useHandleImageViewer, s as styles } from '../../hooks-36c53e36.js';
+import { u as useHandleImageViewer, s as styles } from '../../hooks-136a0349.js';
 import { Slide } from './slide.js';
 import 'swiper/swiper.min.css';
 import 'element-closest';
@@ -24,7 +24,7 @@ import '@alfalab/icons-glyph/PlayCompactMIcon';
 SwiperCore.use([EffectFade, A11y, Controller]);
 var ImageViewer = function () {
     var _a, _b, _c;
-    var _d = useContext(GalleryContext), images = _d.images, imagesMeta = _d.imagesMeta, fullScreen = _d.fullScreen, currentSlideIndex = _d.currentSlideIndex, initialSlide = _d.initialSlide, setCurrentSlideIndex = _d.setCurrentSlideIndex, getSwiper = _d.getSwiper, setSwiper = _d.setSwiper, slidePrev = _d.slidePrev, slideNext = _d.slideNext, getCurrentImage = _d.getCurrentImage, swiperClassName = _d.swiperClassName;
+    var _d = useContext(GalleryContext), images = _d.images, imagesMeta = _d.imagesMeta, fullScreen = _d.fullScreen, currentSlideIndex = _d.currentSlideIndex, initialSlide = _d.initialSlide, setCurrentSlideIndex = _d.setCurrentSlideIndex, getSwiper = _d.getSwiper, setSwiper = _d.setSwiper, slidePrev = _d.slidePrev, slideNext = _d.slideNext, getCurrentImage = _d.getCurrentImage;
     var _e = useHandleImageViewer(), handleWrapperClick = _e.handleWrapperClick, isMobile = _e.isMobile, rightArrowRef = _e.rightArrowRef, leftArrowRef = _e.leftArrowRef;
     var leftArrowFocused = useFocus(leftArrowRef, 'keyboard')[0];
     var rightArrowFocused = useFocus(rightArrowRef, 'keyboard')[0];
@@ -58,7 +58,7 @@ var ImageViewer = function () {
             fadeEffect: {
                 crossFade: true,
             },
-            className: cn(styles.swiper, swiperClassName, (_a = {},
+            className: cn(styles.swiper, (_a = {},
                 _a[styles.hidden] = fullScreen && !isVideo(currentImage === null || currentImage === void 0 ? void 0 : currentImage.src),
                 _a[styles.fullScreenVideo] = fullScreen && isVideo(currentImage === null || currentImage === void 0 ? void 0 : currentImage.src),
                 _a[styles.mobile] = isMobile,
@@ -75,7 +75,6 @@ var ImageViewer = function () {
             onSlideChange: handleSlideChange,
         });
     }, [
-        swiperClassName,
         fullScreen,
         currentImage === null || currentImage === void 0 ? void 0 : currentImage.src,
         isMobile,

package/gallery/esm/components/image-viewer/hooks.js

@@ -1,4 +1,4 @@
 import 'react';
 import 'element-closest';
 import '../../context.js';
-export { u as useHandleImageViewer } from '../../hooks-36c53e36.js';
+export { u as useHandleImageViewer } from '../../hooks-136a0349.js';

package/gallery/esm/components/image-viewer/index.js

@@ -10,7 +10,7 @@ import '@alfalab/icons-glyph/ChevronForwardHeavyMIcon';
 import '../../context.js';
 import '../../utils/utils.js';
 import '../../utils/constants.js';
-import '../../hooks-36c53e36.js';
+import '../../hooks-136a0349.js';
 import 'element-closest';
 import './slide.js';
 import '../../../../spinner/esm';

package/gallery/esm/components/image-viewer/single.js

@@ -2,7 +2,7 @@ import React, { useContext, useRef } from 'react';
 import cn from 'classnames';
 import { GalleryContext } from '../../context.js';
 import { isVideo, getImageAlt } from '../../utils/utils.js';
-import { u as useHandleImageViewer, s as styles } from '../../hooks-36c53e36.js';
+import { u as useHandleImageViewer, s as styles } from '../../hooks-136a0349.js';
 import { Slide } from './slide.js';
 import 'element-closest';
 import '../../../../spinner/esm';

package/gallery/esm/components/image-viewer/slide.js

@@ -5,7 +5,7 @@ import { Text } from '../../../../typography/esm';
 import { GalleryContext } from '../../context.js';
 import { isSmallImage, isVideo, getImageAlt } from '../../utils/utils.js';
 import { TestIds } from '../../utils/constants.js';
-import { u as useHandleImageViewer, s as styles } from '../../hooks-36c53e36.js';
+import { u as useHandleImageViewer, s as styles } from '../../hooks-136a0349.js';
 import { NoImagePaths } from './paths.js';
 import { Video } from './video/index.js';
 import 'element-closest';

package/gallery/esm/components/index.js

@@ -31,7 +31,7 @@ import 'swiper';
 import 'swiper/react';
 import '@alfalab/icons-glyph/ChevronBackHeavyMIcon';
 import '@alfalab/icons-glyph/ChevronForwardHeavyMIcon';
-import '../hooks-36c53e36.js';
+import '../hooks-136a0349.js';
 import 'element-closest';
 import './image-viewer/slide.js';
 import '../../../spinner/esm';

package/gallery/esm/context.d.ts

@@ -26,7 +26,6 @@ type GalleryContext = {
     setCurrentSlideIndex?: (index: number) => void;
     getCurrentImage: () => GalleryImage | undefined;
     getCurrentImageMeta: () => ImageMeta | undefined;
-    swiperClassName?: string;
 };
 declare const GalleryContext: import("react").Context<GalleryContext>;
 export { GalleryContext };

package/gallery/esm/context.js

@@ -8,7 +8,6 @@ var GalleryContext = createContext({
     currentSlideIndex: 0,
     images: [],
     imagesMeta: [],
-    swiperClassName: undefined,
     fullScreen: false,
     mutedVideo: false,
     playingVideo: false,

package/gallery/esm/index.js

@@ -7,7 +7,7 @@ import '../../mq/esm';
 import './components/image-viewer/single.js';
 import './context.js';
 import './utils/utils.js';
-import './hooks-36c53e36.js';
+import './hooks-136a0349.js';
 import 'element-closest';
 import './components/image-viewer/slide.js';
 import '../../spinner/esm';

package/gallery/modern/Component.d.ts

@@ -35,10 +35,6 @@ type GalleryProps = {
      * Дополнительный класс для попапа
      */
     popupClassName?: string;
-    /**
-     * Дополнительный класс для swiper инстанса
-     */
-    swiperClassName?: string;
 };
 declare const Gallery: FC<GalleryProps>;
 export { GalleryProps, Gallery };

package/gallery/modern/Component.js

@@ -11,7 +11,7 @@ import { ImageViewer } from './components/image-viewer/component.js';
 import { InfoBar } from './components/info-bar/Component.js';
 import { HeaderMobile } from './components/header-mobile/Component.js';
 import './utils/utils.js';
-import './hooks-4de4a852.js';
+import './hooks-2e5ea68a.js';
 import 'element-closest';
 import './components/image-viewer/slide.js';
 import '../../spinner/modern';
@@ -51,7 +51,7 @@ const DEFAULT_MUTED_VIDEO = true;
 const DEFAULT_PLAYING_VIDEO = true;
 const DEFAULT_HIDE_NAVIGATION = false;
 const Backdrop = () => null;
-const Gallery = ({ open, images, slideIndex, initialSlide = 0, loop = true, onClose, onSlideIndexChange, popupClassName, swiperClassName, }) => {
+const Gallery = ({ open, images, slideIndex, initialSlide = 0, loop = true, onClose, onSlideIndexChange, popupClassName, }) => {
     const currentSlideIndexState = useState(initialSlide);
     const uncontrolled = slideIndex === undefined;
     const [currentSlideIndex, setCurrentSlideIndex] = uncontrolled
@@ -159,7 +159,6 @@ const Gallery = ({ open, images, slideIndex, initialSlide = 0, loop = true, onCl
         slideNext,
         slidePrev,
         slideTo,
-        swiperClassName,
         getSwiper: () => swiper,
         setSwiper,
         onClose: handleClose,

package/gallery/modern/components/image-viewer/component.js

@@ -8,7 +8,7 @@ import { ChevronForwardHeavyMIcon } from '@alfalab/icons-glyph/ChevronForwardHea
 import { GalleryContext } from '../../context.js';
 import { isVideo, getImageAlt, getImageKey } from '../../utils/utils.js';
 import { TestIds } from '../../utils/constants.js';
-import { u as useHandleImageViewer, s as styles } from '../../hooks-4de4a852.js';
+import { u as useHandleImageViewer, s as styles } from '../../hooks-2e5ea68a.js';
 import { Slide } from './slide.js';
 import 'swiper/swiper.min.css';
 import 'element-closest';
@@ -22,7 +22,7 @@ import '@alfalab/icons-glyph/PlayCompactMIcon';
 
 SwiperCore.use([EffectFade, A11y, Controller]);
 const ImageViewer = () => {
-    const { images, imagesMeta, fullScreen, currentSlideIndex, initialSlide, setCurrentSlideIndex, getSwiper, setSwiper, slidePrev, slideNext, getCurrentImage, swiperClassName, } = useContext(GalleryContext);
+    const { images, imagesMeta, fullScreen, currentSlideIndex, initialSlide, setCurrentSlideIndex, getSwiper, setSwiper, slidePrev, slideNext, getCurrentImage, } = useContext(GalleryContext);
     const { handleWrapperClick, isMobile, rightArrowRef, leftArrowRef } = useHandleImageViewer();
     const [leftArrowFocused] = useFocus(leftArrowRef, 'keyboard');
     const [rightArrowFocused] = useFocus(rightArrowRef, 'keyboard');
@@ -53,7 +53,7 @@ const ImageViewer = () => {
         fadeEffect: {
             crossFade: true,
         },
-        className: cn(styles.swiper, swiperClassName, {
+        className: cn(styles.swiper, {
             [styles.hidden]: fullScreen && !isVideo(currentImage?.src),
             [styles.fullScreenVideo]: fullScreen && isVideo(currentImage?.src),
             [styles.mobile]: isMobile,
@@ -69,7 +69,6 @@ const ImageViewer = () => {
         onSwiper: setSwiper,
         onSlideChange: handleSlideChange,
     }), [
-        swiperClassName,
         fullScreen,
         currentImage?.src,
         isMobile,

package/gallery/modern/components/image-viewer/hooks.js

@@ -1,4 +1,4 @@
 import 'react';
 import 'element-closest';
 import '../../context.js';
-export { u as useHandleImageViewer } from '../../hooks-4de4a852.js';
+export { u as useHandleImageViewer } from '../../hooks-2e5ea68a.js';

package/gallery/modern/components/image-viewer/index.js

@@ -9,7 +9,7 @@ import '@alfalab/icons-glyph/ChevronForwardHeavyMIcon';
 import '../../context.js';
 import '../../utils/utils.js';
 import '../../utils/constants.js';
-import '../../hooks-4de4a852.js';
+import '../../hooks-2e5ea68a.js';
 import 'element-closest';
 import './slide.js';
 import '../../../../spinner/modern';

package/gallery/modern/components/image-viewer/single.js

@@ -2,7 +2,7 @@ import React, { useContext, useRef } from 'react';
 import cn from 'classnames';
 import { GalleryContext } from '../../context.js';
 import { isVideo, getImageAlt } from '../../utils/utils.js';
-import { u as useHandleImageViewer, s as styles } from '../../hooks-4de4a852.js';
+import { u as useHandleImageViewer, s as styles } from '../../hooks-2e5ea68a.js';
 import { Slide } from './slide.js';
 import 'element-closest';
 import '../../../../spinner/modern';