@alfalab/core-components 47.18.0-beta.0 → 47.19.0

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

@@ -1,117 +0,0 @@
-import React, { useRef, useContext, useEffect } from 'react';
-import cn from 'classnames';
-import Hls from 'hls.js';
-import { Circle } from '@alfalab/core-components/icon-view/circle';
-import PlayCompactMIcon from '@alfalab/icons-glyph/PlayCompactMIcon';
-import { GalleryContext } from '../../../context.js';
-import { GALLERY_EVENTS } from '../../../utils/constants.js';
-
-const styles = {"videoWrapper":"gallery__videoWrapper_hf7ti","video":"gallery__video_hf7ti","mobile":"gallery__mobile_hf7ti","videoButton":"gallery__videoButton_hf7ti","icon":"gallery__icon_hf7ti","iconShape":"gallery__iconShape_hf7ti"};
-require('./index.css');
-
-const Video = ({ url, index, className, isActive }) => {
-    const playerRef = useRef(null);
-    const timer = useRef();
-    const { setImageMeta, mutedVideo, view, playingVideo, setPlayingVideo, setHideNavigation } = useContext(GalleryContext);
-    const isMobile = view === 'mobile';
-    useEffect(() => {
-        setImageMeta({ player: playerRef }, index);
-        /* eslint-disable-next-line react-hooks/exhaustive-deps */
-    }, [index]);
-    useEffect(() => {
-        const hls = new Hls();
-        if (Hls.isSupported()) {
-            hls.on(Hls.Events.ERROR, (_, data) => {
-                if (data.fatal) {
-                    switch (data.type) {
-                        case Hls.ErrorTypes.MEDIA_ERROR:
-                            hls.recoverMediaError();
-                            break;
-                        case Hls.ErrorTypes.NETWORK_ERROR:
-                            setImageMeta({ player: { current: null }, broken: true }, index);
-                            break;
-                        default:
-                            hls.destroy();
-                            break;
-                    }
-                }
-            });
-            hls.loadSource(url);
-            if (playerRef.current) {
-                hls.attachMedia(playerRef.current);
-            }
-        }
-        return () => {
-            if (hls) {
-                hls.destroy();
-            }
-            if (timer.current) {
-                clearTimeout(timer.current);
-            }
-        };
-        /* eslint-disable-next-line react-hooks/exhaustive-deps */
-    }, [url, index]);
-    const handleWrapperClick = (e) => {
-        e.stopPropagation();
-        if (isMobile) {
-            setHideNavigation(false);
-            if (playingVideo) {
-                if (timer.current) {
-                    clearTimeout(timer.current);
-                }
-                timer.current = setTimeout(() => {
-                    setHideNavigation(true);
-                }, 3000);
-            }
-            return;
-        }
-        setPlayingVideo(!playingVideo);
-    };
-    useEffect(() => {
-        if (playerRef.current && isActive) {
-            if (playingVideo) {
-                playerRef.current.play();
-            }
-            else {
-                playerRef.current.pause();
-            }
-        }
-        if (playerRef.current && !isActive) {
-            playerRef.current.pause();
-            playerRef.current.currentTime = 0;
-        }
-    }, [isActive, playingVideo]);
-    const onPlay = (e) => {
-        const customEvent = new CustomEvent(GALLERY_EVENTS.ON_PLAY, {
-            detail: { player: e.target },
-        });
-        dispatchEvent(customEvent);
-        if (timer.current) {
-            clearTimeout(timer.current);
-        }
-        timer.current = setTimeout(() => {
-            setHideNavigation(true);
-        }, 3000);
-    };
-    const onPause = (e) => {
-        const customEvent = new CustomEvent(GALLERY_EVENTS.ON_PAUSE, {
-            detail: { player: e.target },
-        });
-        dispatchEvent(customEvent);
-        if (timer.current) {
-            clearTimeout(timer.current);
-            timer.current = undefined;
-        }
-        setHideNavigation(false);
-    };
-    return (
-    // eslint-disable-next-line jsx-a11y/click-events-have-key-events,jsx-a11y/no-static-element-interactions
-    React.createElement("div", { onClick: handleWrapperClick, className: styles.videoWrapper },
-        React.createElement("video", { onPlay: onPlay, onPause: onPause, ref: playerRef, playsInline: true, muted: mutedVideo, loop: true, src: Hls.isSupported() ? undefined : url, className: cn(styles.video, { [styles.mobile]: view === 'mobile' }, className) },
-            React.createElement("track", { kind: 'captions' })),
-        view === 'desktop' && !playingVideo && (React.createElement("div", { className: styles.videoButton },
-            React.createElement(Circle, { size: 64, shapeClassName: styles.iconShape },
-                React.createElement(PlayCompactMIcon, { className: styles.icon }))))));
-};
-
-export { Video };

package/gallery/modern/components/info-bar/Component.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-import React from 'react';
-declare const InfoBar: () => React.JSX.Element;
-export { InfoBar };

package/gallery/modern/components/info-bar/Component.js

@@ -1,50 +0,0 @@
-import React, { useContext, useCallback } from 'react';
-import { Typography } from '../../../../typography/modern';
-import { GalleryContext } from '../../context.js';
-import { isVideo } from '../../utils/utils.js';
-import { GALLERY_EVENTS } from '../../utils/constants.js';
-import { Pause, Play, UnmuteVideo, MuteVideo } from '../buttons/index.js';
-import 'classnames';
-import '../../../../icon-button/modern';
-import '../../../../tooltip/modern/desktop';
-import '@alfalab/icons-glyph/ArrowLeftMIcon';
-import '@alfalab/icons-glyph/ArrowsInwardMIcon';
-import '@alfalab/icons-glyph/ArrowsOutwardMIcon';
-import '@alfalab/icons-glyph/CrossMIcon';
-import '@alfalab/icons-glyph/PauseCompactMIcon';
-import '@alfalab/icons-glyph/PlayCompactMIcon';
-import '@alfalab/icons-glyph/PointerDownMIcon';
-import '@alfalab/icons-glyph/SoundCrossMIcon';
-import '@alfalab/icons-glyph/SoundMIcon';
-
-const styles = {"description":"gallery__description_2l9of","videoButtons":"gallery__videoButtons_2l9of","center":"gallery__center_2l9of","right":"gallery__right_2l9of"};
-require('./index.css');
-
-const InfoBar = () => {
-    const { getCurrentImage, mutedVideo, setMutedVideo, playingVideo, setPlayingVideo, getCurrentImageMeta, } = useContext(GalleryContext);
-    const image = getCurrentImage();
-    const meta = getCurrentImageMeta();
-    const handleMuteVideo = useCallback(() => {
-        if (mutedVideo) {
-            const customEvent = new CustomEvent(GALLERY_EVENTS.ON_UNMUTE, {
-                detail: { player: meta?.player?.current },
-            });
-            dispatchEvent(customEvent);
-        }
-        else {
-            const customEvent = new CustomEvent(GALLERY_EVENTS.ON_MUTE, {
-                detail: { player: meta?.player?.current },
-            });
-            dispatchEvent(customEvent);
-        }
-        setMutedVideo(!mutedVideo);
-    }, [meta?.player, mutedVideo, setMutedVideo]);
-    const handlePlayVideo = useCallback(() => {
-        setPlayingVideo(!playingVideo);
-    }, [playingVideo, setPlayingVideo]);
-    return isVideo(image?.src) ? (React.createElement("section", { className: styles.videoButtons },
-        playingVideo ? (React.createElement(Pause, { onClick: handlePlayVideo, className: styles.center })) : (React.createElement(Play, { onClick: handlePlayVideo, className: styles.center })),
-        mutedVideo ? (React.createElement(UnmuteVideo, { onClick: handleMuteVideo, className: styles.right })) : (React.createElement(MuteVideo, { onClick: handleMuteVideo, className: styles.right })))) : (React.createElement(Typography.Text, { className: styles.description, tag: 'div', view: 'component', color: 'primary-inverted' }, image?.name));
-};
-
-export { InfoBar };

package/gallery/modern/components/info-bar/index.css

@@ -1,37 +0,0 @@
-/* hash: 1b2y3 */
-:root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
-} /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
-} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
-} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
-} :root {
-
-    /* Hard */
-
-    /* Up */
-
-    /* Hard up */
-} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
-
-    /* новые значения, используйте их */
-} :root { /* deprecated */ /* deprecated */
-    --gap-xs: 8px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
-
-    /* новые значения, используйте их */
-    --gap-8: var(--gap-xs);
-} :root {
-} :root {
-} /* сбрасывает синюю подсветку при нажатии */ .gallery__description_2l9of {
-    text-align: center;
-    margin-bottom: var(--gap-8);
-} .gallery__videoButtons_2l9of {
-    padding: 0 var(--gap-8);
-    position: relative;
-    height: 48px;
-} .gallery__center_2l9of {
-    position: absolute;
-    left: 50%;
-    transform: translateX(-50%);
-} .gallery__right_2l9of {
-    position: absolute;
-    right: 0;
-}

package/gallery/modern/components/info-bar/index.d.ts

@@ -1 +0,0 @@
-export { InfoBar } from "./Component";

package/gallery/modern/components/info-bar/index.js

@@ -1,19 +0,0 @@
-export { InfoBar } from './Component.js';
-import 'react';
-import '../../../../typography/modern';
-import '../../context.js';
-import '../../utils/utils.js';
-import '../../utils/constants.js';
-import '../buttons/index.js';
-import 'classnames';
-import '../../../../icon-button/modern';
-import '../../../../tooltip/modern/desktop';
-import '@alfalab/icons-glyph/ArrowLeftMIcon';
-import '@alfalab/icons-glyph/ArrowsInwardMIcon';
-import '@alfalab/icons-glyph/ArrowsOutwardMIcon';
-import '@alfalab/icons-glyph/CrossMIcon';
-import '@alfalab/icons-glyph/PauseCompactMIcon';
-import '@alfalab/icons-glyph/PlayCompactMIcon';
-import '@alfalab/icons-glyph/PointerDownMIcon';
-import '@alfalab/icons-glyph/SoundCrossMIcon';
-import '@alfalab/icons-glyph/SoundMIcon';

package/gallery/moderncssm/components/buttons/index.d.ts

@@ -1,16 +0,0 @@
-import { FC, MutableRefObject } from 'react';
-import { IconButtonProps } from "../../../../icon-button";
-type Props = Omit<IconButtonProps, 'icon' | 'colors'> & {
-    buttonRef?: MutableRefObject<HTMLButtonElement | null>;
-    download?: string | boolean;
-};
-declare const Fullscreen: FC<Props>;
-declare const BackArrow: FC<Props>;
-declare const Play: FC<Props>;
-declare const Pause: FC<Props>;
-declare const ExitFullscreen: FC<Props>;
-declare const MuteVideo: FC<Props>;
-declare const UnmuteVideo: FC<Props>;
-declare const Download: FC<Props>;
-declare const Exit: FC<Props>;
-export { Fullscreen, BackArrow, Play, Pause, ExitFullscreen, MuteVideo, UnmuteVideo, Download, Exit };

package/gallery/moderncssm/components/buttons/index.js

@@ -1,31 +0,0 @@
-import React from 'react';
-import cn from 'classnames';
-import { IconButton } from '../../../../icon-button/moderncssm';
-import { TooltipDesktop } from '../../../../tooltip/moderncssm/desktop';
-import { ArrowLeftMIcon } from '@alfalab/icons-glyph/ArrowLeftMIcon';
-import { ArrowsInwardMIcon } from '@alfalab/icons-glyph/ArrowsInwardMIcon';
-import { ArrowsOutwardMIcon } from '@alfalab/icons-glyph/ArrowsOutwardMIcon';
-import { CrossMIcon } from '@alfalab/icons-glyph/CrossMIcon';
-import { PauseCompactMIcon } from '@alfalab/icons-glyph/PauseCompactMIcon';
-import { PlayCompactMIcon } from '@alfalab/icons-glyph/PlayCompactMIcon';
-import { PointerDownMIcon } from '@alfalab/icons-glyph/PointerDownMIcon';
-import { SoundCrossMIcon } from '@alfalab/icons-glyph/SoundCrossMIcon';
-import { SoundMIcon } from '@alfalab/icons-glyph/SoundMIcon';
-import styles from './index.module.css';
-
-const Fullscreen = ({ buttonRef, ...restProps }) => (React.createElement(TooltipDesktop, { 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(IconButton, { ...restProps, ref: buttonRef, icon: 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', className: styles.iconButton })));
-const BackArrow = ({ buttonRef, ...restProps }) => (React.createElement(IconButton, { ...restProps, ref: buttonRef, icon: ArrowLeftMIcon, colors: 'inverted', "aria-label": '\u0412\u0435\u0440\u043D\u0443\u0442\u044C\u0441\u044F \u043D\u0430\u0437\u0430\u0434', className: styles.iconButton }));
-const Play = ({ buttonRef, className, ...restProps }) => (React.createElement(IconButton, { ...restProps, ref: buttonRef, icon: PlayCompactMIcon, colors: 'inverted', "aria-label": '\u041F\u0440\u043E\u0438\u0433\u0440\u0430\u0442\u044C \u0432\u0438\u0434\u0435\u043E', className: cn(styles.iconButton, className) }));
-const Pause = ({ buttonRef, className, ...restProps }) => (React.createElement(IconButton, { ...restProps, ref: buttonRef, icon: PauseCompactMIcon, colors: 'inverted', "aria-label": '\u041F\u043E\u0441\u0442\u0430\u0432\u0438\u0442\u044C \u043F\u0430\u0443\u0437\u0443 \u043D\u0430 \u0432\u0438\u0434\u0435\u043E', className: cn(styles.iconButton, className) }));
-const ExitFullscreen = ({ buttonRef, ...restProps }) => (React.createElement(TooltipDesktop, { 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(IconButton, { ...restProps, ref: buttonRef, icon: 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', className: styles.iconButton })));
-const MuteVideo = ({ buttonRef, className, ...restProps }) => (React.createElement(TooltipDesktop, { trigger: 'hover', position: 'bottom', content: '\u0412\u044B\u043A\u043B\u044E\u0447\u0438\u0442\u044C \u0437\u0432\u0443\u043A', fallbackPlacements: ['bottom-end'], targetClassName: className },
-    React.createElement(IconButton, { ...restProps, ref: buttonRef, icon: SoundMIcon, colors: 'inverted', "aria-label": '\u0412\u044B\u043A\u043B\u044E\u0447\u0438\u0442\u044C \u0437\u0432\u0443\u043A', className: styles.iconButton })));
-const UnmuteVideo = ({ buttonRef, className, ...restProps }) => (React.createElement(TooltipDesktop, { trigger: 'hover', position: 'bottom', content: '\u0412\u043A\u043B\u044E\u0447\u0438\u0442\u044C \u0437\u0432\u0443\u043A', fallbackPlacements: ['bottom-end'], targetClassName: className },
-    React.createElement(IconButton, { ...restProps, ref: buttonRef, icon: SoundCrossMIcon, colors: 'inverted', "aria-label": '\u0412\u043A\u043B\u044E\u0447\u0438\u0442\u044C \u0437\u0432\u0443\u043A', className: styles.iconButton })));
-const Download = (props) => (React.createElement(TooltipDesktop, { trigger: 'hover', position: 'bottom', content: '\u0421\u043A\u0430\u0447\u0430\u0442\u044C', fallbackPlacements: ['bottom-end'] },
-    React.createElement(IconButton, { ...props, icon: PointerDownMIcon, colors: 'inverted', "aria-label": '\u0421\u043A\u0430\u0447\u0430\u0442\u044C', className: styles.iconButton })));
-const Exit = (props) => (React.createElement(IconButton, { ...props, icon: CrossMIcon, colors: 'inverted', "aria-label": '\u0417\u0430\u043A\u0440\u044B\u0442\u044C', className: styles.iconButton }));
-
-export { BackArrow, Download, Exit, ExitFullscreen, Fullscreen, MuteVideo, Pause, Play, UnmuteVideo };

package/gallery/moderncssm/components/buttons/index.module.css

@@ -1,20 +0,0 @@
-/* */
-
-.buttons {
-    display: flex;
-    padding-left: var(--gap-32)
-}
-
-.buttons path {
-        color: var(--color-static-neutral-translucent-1300-inverted);
-    }
-
-/* TODO: применять static цвет через prop IconButton'а */
-
-.iconButton:hover path {
-        color: var(--color-static-neutral-100-hover);
-    }
-
-.iconButton:active path {
-        color: var(--color-static-neutral-100-press);
-    }

package/gallery/moderncssm/components/header-mobile/Component.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-import React from 'react';
-declare const HeaderMobile: () => React.JSX.Element;
-export { HeaderMobile };

package/gallery/moderncssm/components/header-mobile/Component.js

@@ -1,38 +0,0 @@
-import React, { useContext } from 'react';
-import cn from 'classnames';
-import { Typography } from '../../../../typography/moderncssm';
-import { GalleryContext } from '../../context.js';
-import { isVideo } from '../../utils/utils.js';
-import { TestIds } from '../../utils/constants.js';
-import { BackArrow, Download } from '../buttons/index.js';
-import styles from './index.module.css';
-import '../../../../icon-button/moderncssm';
-import '../../../../tooltip/moderncssm/desktop';
-import '@alfalab/icons-glyph/ArrowLeftMIcon';
-import '@alfalab/icons-glyph/ArrowsInwardMIcon';
-import '@alfalab/icons-glyph/ArrowsOutwardMIcon';
-import '@alfalab/icons-glyph/CrossMIcon';
-import '@alfalab/icons-glyph/PauseCompactMIcon';
-import '@alfalab/icons-glyph/PlayCompactMIcon';
-import '@alfalab/icons-glyph/PointerDownMIcon';
-import '@alfalab/icons-glyph/SoundCrossMIcon';
-import '@alfalab/icons-glyph/SoundMIcon';
-import '../buttons/index.module.css';
-
-const HeaderMobile = () => {
-    const { onClose, images, currentSlideIndex, getCurrentImage, getCurrentImageMeta, hideNavigation, } = useContext(GalleryContext);
-    const currentImage = getCurrentImage();
-    const meta = getCurrentImageMeta();
-    const description = images.length > 1 && `${currentSlideIndex + 1} из ${images.length}`;
-    const canDownload = currentImage?.canDownload ?? true;
-    const showDownloadButton = !meta?.broken && canDownload;
-    return (React.createElement("div", { className: cn(styles.headerMobile, {
-            [styles.video]: isVideo(currentImage?.src),
-            [styles.hide]: hideNavigation,
-        }) },
-        React.createElement(BackArrow, { onClick: onClose }),
-        React.createElement(Typography.Text, { className: styles.description, tag: 'div', view: 'component-primary', color: 'static-primary-light' }, description),
-        React.createElement("div", { className: styles.rightButtons }, showDownloadButton && (React.createElement(Download, { href: currentImage?.src, download: currentImage?.name, dataTestId: TestIds.DOWNLOAD_BUTTON })))));
-};
-
-export { HeaderMobile };

package/gallery/moderncssm/components/header-mobile/index.d.ts

@@ -1 +0,0 @@
-export { HeaderMobile } from "./Component";

package/gallery/moderncssm/components/header-mobile/index.js

@@ -1,21 +0,0 @@
-export { HeaderMobile } from './Component.js';
-import 'react';
-import 'classnames';
-import '../../../../typography/moderncssm';
-import '../../context.js';
-import '../../utils/utils.js';
-import '../../utils/constants.js';
-import '../buttons/index.js';
-import '../../../../icon-button/moderncssm';
-import '../../../../tooltip/moderncssm/desktop';
-import '@alfalab/icons-glyph/ArrowLeftMIcon';
-import '@alfalab/icons-glyph/ArrowsInwardMIcon';
-import '@alfalab/icons-glyph/ArrowsOutwardMIcon';
-import '@alfalab/icons-glyph/CrossMIcon';
-import '@alfalab/icons-glyph/PauseCompactMIcon';
-import '@alfalab/icons-glyph/PlayCompactMIcon';
-import '@alfalab/icons-glyph/PointerDownMIcon';
-import '@alfalab/icons-glyph/SoundCrossMIcon';
-import '@alfalab/icons-glyph/SoundMIcon';
-import '../buttons/index.module.css';
-import './index.module.css';

package/gallery/moderncssm/components/header-mobile/index.module.css

@@ -1,35 +0,0 @@
-/* */
-
-.headerMobile {
-    position: relative;
-    height: 72px;
-    z-index: 3;
-    padding: var(--gap-12) var(--gap-8);
-    display: flex;
-    justify-content: space-between;
-    align-items: center
-}
-
-.headerMobile.video {
-        position: absolute;
-        width: 100%;
-        padding: 0;
-        background-color: var(--color-static-neutral-0-inverted);
-        transition: transform 0.3s ease-in-out;
-    }
-
-.hide {
-    transform: translateY(-96px);
-}
-
-.leftButton,
-.rightButtons {
-    display: flex;
-    align-items: center;
-}
-
-.description {
-    position: absolute;
-    left: 50%;
-    transform: translateX(-50%);
-}

package/gallery/moderncssm/components/image-viewer/video/index.d.ts

@@ -1,10 +0,0 @@
-/// <reference types="react" />
-import React from 'react';
-type Props = {
-    url: string;
-    index: number;
-    isActive: boolean;
-    className?: string;
-};
-declare const Video: ({ url, index, className, isActive }: Props) => React.JSX.Element;
-export { Video };

package/gallery/moderncssm/components/image-viewer/video/index.js

@@ -1,115 +0,0 @@
-import React, { useRef, useContext, useEffect } from 'react';
-import cn from 'classnames';
-import Hls from 'hls.js';
-import { Circle } from '@alfalab/core-components/icon-view/circle';
-import PlayCompactMIcon from '@alfalab/icons-glyph/PlayCompactMIcon';
-import { GalleryContext } from '../../../context.js';
-import { GALLERY_EVENTS } from '../../../utils/constants.js';
-import styles from './index.module.css';
-
-const Video = ({ url, index, className, isActive }) => {
-    const playerRef = useRef(null);
-    const timer = useRef();
-    const { setImageMeta, mutedVideo, view, playingVideo, setPlayingVideo, setHideNavigation } = useContext(GalleryContext);
-    const isMobile = view === 'mobile';
-    useEffect(() => {
-        setImageMeta({ player: playerRef }, index);
-        /* eslint-disable-next-line react-hooks/exhaustive-deps */
-    }, [index]);
-    useEffect(() => {
-        const hls = new Hls();
-        if (Hls.isSupported()) {
-            hls.on(Hls.Events.ERROR, (_, data) => {
-                if (data.fatal) {
-                    switch (data.type) {
-                        case Hls.ErrorTypes.MEDIA_ERROR:
-                            hls.recoverMediaError();
-                            break;
-                        case Hls.ErrorTypes.NETWORK_ERROR:
-                            setImageMeta({ player: { current: null }, broken: true }, index);
-                            break;
-                        default:
-                            hls.destroy();
-                            break;
-                    }
-                }
-            });
-            hls.loadSource(url);
-            if (playerRef.current) {
-                hls.attachMedia(playerRef.current);
-            }
-        }
-        return () => {
-            if (hls) {
-                hls.destroy();
-            }
-            if (timer.current) {
-                clearTimeout(timer.current);
-            }
-        };
-        /* eslint-disable-next-line react-hooks/exhaustive-deps */
-    }, [url, index]);
-    const handleWrapperClick = (e) => {
-        e.stopPropagation();
-        if (isMobile) {
-            setHideNavigation(false);
-            if (playingVideo) {
-                if (timer.current) {
-                    clearTimeout(timer.current);
-                }
-                timer.current = setTimeout(() => {
-                    setHideNavigation(true);
-                }, 3000);
-            }
-            return;
-        }
-        setPlayingVideo(!playingVideo);
-    };
-    useEffect(() => {
-        if (playerRef.current && isActive) {
-            if (playingVideo) {
-                playerRef.current.play();
-            }
-            else {
-                playerRef.current.pause();
-            }
-        }
-        if (playerRef.current && !isActive) {
-            playerRef.current.pause();
-            playerRef.current.currentTime = 0;
-        }
-    }, [isActive, playingVideo]);
-    const onPlay = (e) => {
-        const customEvent = new CustomEvent(GALLERY_EVENTS.ON_PLAY, {
-            detail: { player: e.target },
-        });
-        dispatchEvent(customEvent);
-        if (timer.current) {
-            clearTimeout(timer.current);
-        }
-        timer.current = setTimeout(() => {
-            setHideNavigation(true);
-        }, 3000);
-    };
-    const onPause = (e) => {
-        const customEvent = new CustomEvent(GALLERY_EVENTS.ON_PAUSE, {
-            detail: { player: e.target },
-        });
-        dispatchEvent(customEvent);
-        if (timer.current) {
-            clearTimeout(timer.current);
-            timer.current = undefined;
-        }
-        setHideNavigation(false);
-    };
-    return (
-    // eslint-disable-next-line jsx-a11y/click-events-have-key-events,jsx-a11y/no-static-element-interactions
-    React.createElement("div", { onClick: handleWrapperClick, className: styles.videoWrapper },
-        React.createElement("video", { onPlay: onPlay, onPause: onPause, ref: playerRef, playsInline: true, muted: mutedVideo, loop: true, src: Hls.isSupported() ? undefined : url, className: cn(styles.video, { [styles.mobile]: view === 'mobile' }, className) },
-            React.createElement("track", { kind: 'captions' })),
-        view === 'desktop' && !playingVideo && (React.createElement("div", { className: styles.videoButton },
-            React.createElement(Circle, { size: 64, shapeClassName: styles.iconShape },
-                React.createElement(PlayCompactMIcon, { className: styles.icon }))))));
-};
-
-export { Video };

package/gallery/moderncssm/components/image-viewer/video/index.module.css

@@ -1,36 +0,0 @@
-/* */
-
-.videoWrapper {
-    display: flex;
-    justify-content: center;
-    height: 100%;
-    width: 100%;
-    position: relative;
-}
-
-.video {
-    max-width: 100%;
-    max-height: 100%;
-    border-radius: var(--border-radius-24);
-}
-
-.mobile {
-    border-radius: 0;
-}
-
-.videoButton {
-    position: absolute;
-    top: 50%;
-    left: 50%;
-    transform: translate(-50%, -50%);
-    z-index: 1;
-    color: green;
-}
-
-.icon {
-    color: var(--color-static-neutral-0);
-}
-
-.iconShape {
-    fill: var(--color-static-neutral-translucent-700);
-}

package/gallery/moderncssm/components/info-bar/Component.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-import React from 'react';
-declare const InfoBar: () => React.JSX.Element;
-export { InfoBar };