@gravity-ui/page-constructor 3.0.0-alpha.6 → 3.1.0

package/build/cjs/blocks/Media/schema.d.ts

@@ -131,6 +131,87 @@ export declare const Media: {
                 type: string;
             })[];
         };
+        fullscreen: {
+            type: string;
+        };
+        analyticsEvents: {
+            anyOf: ({
+                type: string;
+                additionalProperties: {
+                    type: string;
+                };
+                required: string[];
+                properties: {
+                    name: {
+                        type: string;
+                    };
+                    type: {
+                        type: string;
+                    };
+                    counters: {
+                        type: string;
+                        additionalProperties: boolean;
+                        required: never[];
+                        properties: {
+                            include: {
+                                type: string;
+                                items: {
+                                    type: string;
+                                };
+                            };
+                            exclude: {
+                                type: string;
+                                items: {
+                                    type: string;
+                                };
+                            };
+                        };
+                    };
+                    context: {
+                        type: string;
+                    };
+                };
+            } | {
+                type: string;
+                items: {
+                    type: string;
+                    additionalProperties: {
+                        type: string;
+                    };
+                    required: string[];
+                    properties: {
+                        name: {
+                            type: string;
+                        };
+                        type: {
+                            type: string;
+                        };
+                        counters: {
+                            type: string;
+                            additionalProperties: boolean;
+                            required: never[];
+                            properties: {
+                                include: {
+                                    type: string;
+                                    items: {
+                                        type: string;
+                                    };
+                                };
+                                exclude: {
+                                    type: string;
+                                    items: {
+                                        type: string;
+                                    };
+                                };
+                            };
+                        };
+                        context: {
+                            type: string;
+                        };
+                    };
+                };
+            })[];
+        };
     };
 };
 export declare const MediaBlockBaseProps: {
@@ -608,6 +689,87 @@ export declare const MediaBlock: {
                             type: string;
                         })[];
                     };
+                    fullscreen: {
+                        type: string;
+                    };
+                    analyticsEvents: {
+                        anyOf: ({
+                            type: string;
+                            additionalProperties: {
+                                type: string;
+                            };
+                            required: string[];
+                            properties: {
+                                name: {
+                                    type: string;
+                                };
+                                type: {
+                                    type: string;
+                                };
+                                counters: {
+                                    type: string;
+                                    additionalProperties: boolean;
+                                    required: never[];
+                                    properties: {
+                                        include: {
+                                            type: string;
+                                            items: {
+                                                type: string;
+                                            };
+                                        };
+                                        exclude: {
+                                            type: string;
+                                            items: {
+                                                type: string;
+                                            };
+                                        };
+                                    };
+                                };
+                                context: {
+                                    type: string;
+                                };
+                            };
+                        } | {
+                            type: string;
+                            items: {
+                                type: string;
+                                additionalProperties: {
+                                    type: string;
+                                };
+                                required: string[];
+                                properties: {
+                                    name: {
+                                        type: string;
+                                    };
+                                    type: {
+                                        type: string;
+                                    };
+                                    counters: {
+                                        type: string;
+                                        additionalProperties: boolean;
+                                        required: never[];
+                                        properties: {
+                                            include: {
+                                                type: string;
+                                                items: {
+                                                    type: string;
+                                                };
+                                            };
+                                            exclude: {
+                                                type: string;
+                                                items: {
+                                                    type: string;
+                                                };
+                                            };
+                                        };
+                                    };
+                                    context: {
+                                        type: string;
+                                    };
+                                };
+                            };
+                        })[];
+                    };
                 };
             };
             description: {

package/build/cjs/blocks/PromoFeaturesBlock/schema.d.ts

@@ -146,6 +146,87 @@ export declare const PromoFeaturesItem: {
                         type: string;
                     })[];
                 };
+                fullscreen: {
+                    type: string;
+                };
+                analyticsEvents: {
+                    anyOf: ({
+                        type: string;
+                        additionalProperties: {
+                            type: string;
+                        };
+                        required: string[];
+                        properties: {
+                            name: {
+                                type: string;
+                            };
+                            type: {
+                                type: string;
+                            };
+                            counters: {
+                                type: string;
+                                additionalProperties: boolean;
+                                required: never[];
+                                properties: {
+                                    include: {
+                                        type: string;
+                                        items: {
+                                            type: string;
+                                        };
+                                    };
+                                    exclude: {
+                                        type: string;
+                                        items: {
+                                            type: string;
+                                        };
+                                    };
+                                };
+                            };
+                            context: {
+                                type: string;
+                            };
+                        };
+                    } | {
+                        type: string;
+                        items: {
+                            type: string;
+                            additionalProperties: {
+                                type: string;
+                            };
+                            required: string[];
+                            properties: {
+                                name: {
+                                    type: string;
+                                };
+                                type: {
+                                    type: string;
+                                };
+                                counters: {
+                                    type: string;
+                                    additionalProperties: boolean;
+                                    required: never[];
+                                    properties: {
+                                        include: {
+                                            type: string;
+                                            items: {
+                                                type: string;
+                                            };
+                                        };
+                                        exclude: {
+                                            type: string;
+                                            items: {
+                                                type: string;
+                                            };
+                                        };
+                                    };
+                                };
+                                context: {
+                                    type: string;
+                                };
+                            };
+                        };
+                    })[];
+                };
             };
         };
     };

package/build/cjs/blocks/Slider/Slider.js

@@ -28,7 +28,7 @@ const SliderBlock = (props) => {
     const { isServer } = (0, react_1.useContext)(ssrContext_1.SSRContext);
     const isMobile = (0, react_1.useContext)(mobileContext_1.MobileContext);
     const [breakpoint, setBreakpoint] = (0, react_1.useState)(constants_1.BREAKPOINTS.xl);
-    const [disclosedChildren] = (0, react_1.useState)(() => discloseAllNestedChildren(children));
+    const disclosedChildren = (0, react_1.useMemo)(() => discloseAllNestedChildren(children), [children]);
     const childrenCount = disclosedChildren.length;
     const [slidesToShow] = (0, react_1.useState)((0, utils_2.getSlidesToShowWithDefaults)({
         contentLength: childrenCount,

package/build/cjs/blocks/Tabs/schema.d.ts

@@ -142,6 +142,87 @@ export declare const tabsItem: {
                             type: string;
                         })[];
                     };
+                    fullscreen: {
+                        type: string;
+                    };
+                    analyticsEvents: {
+                        anyOf: ({
+                            type: string;
+                            additionalProperties: {
+                                type: string;
+                            };
+                            required: string[];
+                            properties: {
+                                name: {
+                                    type: string;
+                                };
+                                type: {
+                                    type: string;
+                                };
+                                counters: {
+                                    type: string;
+                                    additionalProperties: boolean;
+                                    required: never[];
+                                    properties: {
+                                        include: {
+                                            type: string;
+                                            items: {
+                                                type: string;
+                                            };
+                                        };
+                                        exclude: {
+                                            type: string;
+                                            items: {
+                                                type: string;
+                                            };
+                                        };
+                                    };
+                                };
+                                context: {
+                                    type: string;
+                                };
+                            };
+                        } | {
+                            type: string;
+                            items: {
+                                type: string;
+                                additionalProperties: {
+                                    type: string;
+                                };
+                                required: string[];
+                                properties: {
+                                    name: {
+                                        type: string;
+                                    };
+                                    type: {
+                                        type: string;
+                                    };
+                                    counters: {
+                                        type: string;
+                                        additionalProperties: boolean;
+                                        required: never[];
+                                        properties: {
+                                            include: {
+                                                type: string;
+                                                items: {
+                                                    type: string;
+                                                };
+                                            };
+                                            exclude: {
+                                                type: string;
+                                                items: {
+                                                    type: string;
+                                                };
+                                            };
+                                        };
+                                    };
+                                    context: {
+                                        type: string;
+                                    };
+                                };
+                            };
+                        })[];
+                    };
                 };
             } | {
                 type: string;

package/build/cjs/components/FullscreenImage/{FullScreenImage.css → FullscreenImage.css}

@@ -1,24 +1,24 @@
 /* use this for style redefinitions to awoid problems with
 unpredictable css rules order in build */
-.pc-FullScreenImage__image {
+.pc-fullscreen-image__image {
   cursor: pointer;
 }
-.pc-FullScreenImage__image-wrapper {
+.pc-fullscreen-image__image-wrapper {
   position: relative;
 }
-.pc-FullScreenImage__modal-content {
+.pc-fullscreen-image__modal-content {
   position: relative;
 }
-.pc-FullScreenImage__modal-image {
+.pc-fullscreen-image__modal-image {
   display: block;
   max-width: 1232px;
   max-height: 70vh;
   overflow: hidden;
 }
-.pc-FullScreenImage__modal .yc-modal__content, .pc-FullScreenImage__modal-image {
+.pc-fullscreen-image__modal .yc-modal__content, .pc-fullscreen-image__modal-image {
   border-radius: var(--pc-border-radius);
 }
-.pc-FullScreenImage__icon-wrapper {
+.pc-fullscreen-image__icon-wrapper {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -33,28 +33,28 @@ unpredictable css rules order in build */
   opacity: 0;
   transition: 0.3s;
 }
-.pc-FullScreenImage__icon-wrapper_visible {
+.pc-fullscreen-image__icon-wrapper_visible {
   opacity: 1;
 }
-.pc-FullScreenImage__icon {
+.pc-fullscreen-image__icon {
   color: var(--yc-color-text-hint);
 }
-.pc-FullScreenImage__icon_hover:hover {
+.pc-fullscreen-image__icon_hover:hover {
   color: var(--yc-color-text-secondary);
 }
 @media (max-width: 1185px) {
-  .pc-FullScreenImage__modal-image {
+  .pc-fullscreen-image__modal-image {
     width: 100%;
   }
 }
 @media (max-width: 1081px) {
-  .pc-FullScreenImage__image {
+  .pc-fullscreen-image__image {
     pointer-events: none;
   }
-  .pc-FullScreenImage__icon-wrapper {
+  .pc-fullscreen-image__icon-wrapper {
     display: none;
   }
-  .pc-FullScreenImage__modal {
+  .pc-fullscreen-image__modal {
     display: none !important; /* stylelint-disable-line declaration-no-important */
   }
 }

package/build/cjs/components/FullscreenImage/FullscreenImage.d.ts

@@ -1,9 +1,9 @@
 import { CSSProperties } from 'react';
 import { ImageProps } from '../Image/Image';
-export interface FullScreenImageProps extends ImageProps {
+export interface FullscreenImageProps extends ImageProps {
     imageClassName?: string;
     modalImageClass?: string;
     imageStyle?: CSSProperties;
 }
-declare const FullScreenImage: (props: FullScreenImageProps) => JSX.Element;
-export default FullScreenImage;
+declare const FullscreenImage: (props: FullscreenImageProps) => JSX.Element;
+export default FullscreenImage;

package/build/cjs/components/FullscreenImage/FullscreenImage.js

@@ -7,26 +7,26 @@ const icons_1 = require("../../icons");
 const utils_1 = require("../../utils");
 const Image_1 = tslib_1.__importDefault(require("../Image/Image"));
 const i18n_1 = tslib_1.__importDefault(require("./i18n"));
-const b = (0, utils_1.block)('FullScreenImage');
+const b = (0, utils_1.block)('fullscreen-image');
 const FULL_SCREEN_ICON_SIZE = 18;
 const CLOSE_ICON_SIZE = 30;
-const FullScreenImage = (props) => {
+const FullscreenImage = (props) => {
     const { imageClassName, modalImageClass, imageStyle, alt = (0, i18n_1.default)('img-alt') } = props;
     const [isOpened, setIsOpened] = (0, react_1.useState)(false);
     const [isMouseEnter, setIsMouseEnter] = (0, react_1.useState)(false);
     const openModal = () => setIsOpened(true);
     const closeModal = () => setIsOpened(false);
-    const showFullScreenIcon = () => setIsMouseEnter(true);
-    const hideFullScreenIcon = () => setIsMouseEnter(false);
+    const showFullscreenIcon = () => setIsMouseEnter(true);
+    const hideFullscreenIcon = () => setIsMouseEnter(false);
     return (react_1.default.createElement("div", { className: b() },
-        react_1.default.createElement("div", { className: b('image-wrapper'), onMouseEnter: showFullScreenIcon, onMouseLeave: hideFullScreenIcon },
+        react_1.default.createElement("div", { className: b('image-wrapper'), onMouseEnter: showFullscreenIcon, onMouseLeave: hideFullscreenIcon },
             react_1.default.createElement(Image_1.default, Object.assign({}, props, { alt: alt, className: b('image', imageClassName), onClick: openModal, style: imageStyle })),
             react_1.default.createElement("div", { className: b('icon-wrapper', { visible: isMouseEnter }), onClick: openModal },
-                react_1.default.createElement(uikit_1.Icon, { data: icons_1.FullScreen, width: FULL_SCREEN_ICON_SIZE, height: FULL_SCREEN_ICON_SIZE, className: b('icon') }))),
+                react_1.default.createElement(uikit_1.Icon, { data: icons_1.Fullscreen, width: FULL_SCREEN_ICON_SIZE, height: FULL_SCREEN_ICON_SIZE, className: b('icon') }))),
         isOpened && (react_1.default.createElement(uikit_1.Modal, { open: isOpened, onClose: closeModal, className: b('modal') },
             react_1.default.createElement("div", { className: b('modal-content') },
                 react_1.default.createElement("div", { className: b('icon-wrapper', { visible: true }), onClick: closeModal },
                     react_1.default.createElement(uikit_1.Icon, { data: icons_1.PreviewClose, width: CLOSE_ICON_SIZE, height: CLOSE_ICON_SIZE, className: b('icon', { hover: true }) })),
                 react_1.default.createElement(Image_1.default, Object.assign({}, props, { className: b('modal-image', modalImageClass) })))))));
 };
-exports.default = FullScreenImage;
+exports.default = FullscreenImage;

package/build/cjs/components/FullscreenImage/i18n/index.js

@@ -4,5 +4,5 @@ const tslib_1 = require("tslib");
 const registerKeyset_1 = require("../../../utils/registerKeyset");
 const en_json_1 = tslib_1.__importDefault(require("./en.json"));
 const ru_json_1 = tslib_1.__importDefault(require("./ru.json"));
-const COMPONENT = 'FullScreenImage';
+const COMPONENT = 'FullscreenImage';
 exports.default = (0, registerKeyset_1.registerKeyset)({ en: en_json_1.default, ru: ru_json_1.default }, COMPONENT);

package/build/cjs/components/FullscreenMedia/FullscreenMedia.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { MediaAllProps } from '../Media/Media';
+export type ChildMediaRenderProps = Pick<MediaAllProps, 'fullscreen' | 'imageClassName' | 'videoClassName' | 'youtubeClassName' | 'className'>;
+export interface FullscreenMediaProps {
+    showFullscreenIcon?: boolean;
+    children: (props?: ChildMediaRenderProps) => JSX.Element;
+}
+declare const FullscreenMedia: ({ children, showFullscreenIcon }: FullscreenMediaProps) => JSX.Element;
+export default FullscreenMedia;

package/build/cjs/components/FullscreenMedia/{FullScreenMedia.js → FullscreenMedia.js}

@@ -10,7 +10,7 @@ const b = (0, utils_1.block)('full-screen-media');
 const FULL_SCREEN_ICON_SIZE = 18;
 const CLOSE_ICON_SIZE = 30;
 const getMediaClass = (type) => b('modal-media', { type });
-const FullScreenMedia = ({ children, showFullScreenIcon = true }) => {
+const FullscreenMedia = ({ children, showFullscreenIcon = true }) => {
     const [isOpened, setIsOpened] = (0, react_1.useState)(false);
     const isMobile = (0, react_1.useContext)(mobileContext_1.MobileContext);
     const openModal = (e) => {
@@ -24,8 +24,8 @@ const FullScreenMedia = ({ children, showFullScreenIcon = true }) => {
     return (react_1.default.createElement("div", { className: b() },
         react_1.default.createElement("div", { className: b('media-wrapper'), onClickCapture: openModal },
             children({ className: b('inline-media') }),
-            showFullScreenIcon && (react_1.default.createElement("div", { className: b('icon-wrapper'), onClickCapture: openModal },
-                react_1.default.createElement(uikit_1.Icon, { data: icons_1.FullScreen, width: FULL_SCREEN_ICON_SIZE, height: FULL_SCREEN_ICON_SIZE, className: b('icon') })))),
+            showFullscreenIcon && (react_1.default.createElement("div", { className: b('icon-wrapper'), onClickCapture: openModal },
+                react_1.default.createElement(uikit_1.Icon, { data: icons_1.Fullscreen, width: FULL_SCREEN_ICON_SIZE, height: FULL_SCREEN_ICON_SIZE, className: b('icon') })))),
         isOpened && (react_1.default.createElement(uikit_1.Modal, { open: isOpened, onClose: closeModal, className: b('modal') },
             react_1.default.createElement("div", { className: b('modal-content') },
                 react_1.default.createElement("div", { className: b('icon-wrapper', { visible: true }), onClick: closeModal },
@@ -34,7 +34,7 @@ const FullScreenMedia = ({ children, showFullScreenIcon = true }) => {
                     imageClassName: getMediaClass('image'),
                     videoClassName: getMediaClass('video'),
                     youtubeClassName: getMediaClass('youtube'),
-                    fullScreen: true,
+                    fullscreen: true,
                 }))))));
 };
-exports.default = FullScreenMedia;
+exports.default = FullscreenMedia;

package/build/cjs/components/Media/FullscreenVideo/FullscreenVideo.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { VideoAllProps } from '../Video/Video';
+declare const FullscreenVideo: React.FC<VideoAllProps>;
+export default FullscreenVideo;

package/build/cjs/components/Media/FullscreenVideo/FullscreenVideo.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const FullscreenMedia_1 = tslib_1.__importDefault(require("../../FullscreenMedia/FullscreenMedia"));
+const Video_1 = tslib_1.__importDefault(require("../Video/Video"));
+const FullscreenVideo = (props) => {
+    return (react_1.default.createElement(FullscreenMedia_1.default, null, (classNames) => react_1.default.createElement(Video_1.default, Object.assign({}, props, classNames))));
+};
+exports.default = FullscreenVideo;

package/build/cjs/components/Media/Image/Image.d.ts

@@ -2,6 +2,7 @@ import { MediaComponentImageProps } from '../../../models';
 export interface ImageAdditionProps {
     imageClassName?: string;
     isBackground?: boolean;
+    fullscreen?: boolean;
 }
 interface InnerImageProps {
     hasVideoFallback: boolean;

package/build/cjs/components/Media/Image/Image.js

@@ -13,7 +13,7 @@ const Image_1 = tslib_1.__importDefault(require("../../Image/Image"));
 const utils_2 = require("./utils");
 const b = (0, utils_1.block)('media-component-image');
 const Image = (props) => {
-    const { parallax, image, height, imageClassName, isBackground, hasVideoFallback, video } = props;
+    const { parallax, image, height, imageClassName, isBackground, hasVideoFallback, video, fullscreen, } = props;
     const [scrollY, setScrollY] = (0, react_1.useState)(0);
     const [{ springScrollY }, springSetScrollY] = (0, react_spring_1.useSpring)(() => ({
         springScrollY: 0,
@@ -34,10 +34,10 @@ const Image = (props) => {
         parallaxInterpolate = springScrollY.interpolate((value) => `translateY(-${Number(value) / parallaxLevel}px)`);
     }
     const imageClass = b('item', { withVideo: Boolean(video) && !hasVideoFallback }, imageClassName);
-    const imageSlider = (imageArray) => (react_1.default.createElement(Slider_1.default, { slidesToShow: 1, type: models_1.SliderType.MediaCard }, imageArray.map((item) => {
+    const renderFullscreenImage = (item) => {
         const itemData = (0, utils_2.getMediaImage)(item);
         return (react_1.default.createElement(FullscreenImage_1.default, Object.assign({ key: itemData.alt }, itemData, { imageClassName: imageClass, imageStyle: { height } })));
-    })));
+    };
     const imageBackground = (oneImage) => {
         const imageData = (0, utils_2.getMediaImage)(oneImage);
         return (react_1.default.createElement(react_spring_1.animated.div, { style: { transform: parallaxInterpolate } },
@@ -47,9 +47,16 @@ const Image = (props) => {
         const imageData = (0, utils_2.getMediaImage)(oneImage);
         return react_1.default.createElement(Image_1.default, Object.assign({}, imageData, { className: imageClass, style: { height } }));
     };
+    const imageSlider = (imageArray) => {
+        const fullscreenItem = fullscreen === undefined || fullscreen;
+        return (react_1.default.createElement(Slider_1.default, { slidesToShow: 1, type: models_1.SliderType.MediaCard }, imageArray.map((item) => fullscreenItem ? renderFullscreenImage(item) : imageOnly(item))));
+    };
     if (Array.isArray(image)) {
         return imageSlider(image);
     }
+    if (fullscreen) {
+        return renderFullscreenImage(image);
+    }
     return isBackground ? imageBackground(image) : imageOnly(image);
 };
 exports.default = Image;

package/build/cjs/components/Media/Media.js

@@ -6,23 +6,43 @@ const react_1 = tslib_1.__importStar(require("react"));
 const utils_1 = require("../../utils");
 const VideoBlock_1 = tslib_1.__importDefault(require("../VideoBlock/VideoBlock"));
 const DataLens_1 = tslib_1.__importDefault(require("./DataLens/DataLens"));
+const FullscreenVideo_1 = tslib_1.__importDefault(require("./FullscreenVideo/FullscreenVideo"));
 const Image_1 = tslib_1.__importDefault(require("./Image/Image"));
 const Video_1 = tslib_1.__importDefault(require("./Video/Video"));
 const b = (0, utils_1.block)('Media');
 const Media = (props) => {
-    const { image, video, youtube, dataLens, color, height, previewImg, parallax = false, metrika, fullScreen, analyticsEvents, } = props;
+    const { image, video, youtube, dataLens, color, height, previewImg, parallax = false, metrika, fullscreen, analyticsEvents, } = props;
     const { className, imageClassName, videoClassName, youtubeClassName, playVideo = true, isBackground, playButton, customBarControlsClassName, } = props;
     const [hasVideoFallback, setHasVideoFallback] = (0, react_1.useState)(false);
     const content = (0, react_1.useMemo)(() => {
         let result = [];
         if (image) {
-            result.push(react_1.default.createElement(Image_1.default, { key: "image", parallax: parallax, image: image, height: height, imageClassName: imageClassName, isBackground: isBackground, video: video, hasVideoFallback: hasVideoFallback }));
+            result.push(react_1.default.createElement(Image_1.default, { key: "image", parallax: parallax, image: image, height: height, imageClassName: imageClassName, isBackground: isBackground, video: video, hasVideoFallback: hasVideoFallback, fullscreen: fullscreen }));
         }
         if (video) {
-            result.push(react_1.default.createElement(Video_1.default, { key: "video", video: video, videoClassName: videoClassName, height: height, metrika: metrika, analyticsEvents: analyticsEvents, playVideo: playVideo, previewImg: previewImg, playButton: playButton, customBarControlsClassName: customBarControlsClassName, hasVideoFallback: hasVideoFallback, setHasVideoFallback: setHasVideoFallback }));
+            const videoProps = {
+                key: 'video',
+                video,
+                videoClassName,
+                height,
+                metrika,
+                analyticsEvents,
+                playVideo,
+                previewImg,
+                playButton,
+                customBarControlsClassName,
+                hasVideoFallback,
+                setHasVideoFallback,
+            };
+            if (fullscreen) {
+                result.push(react_1.default.createElement(FullscreenVideo_1.default, Object.assign({}, videoProps)));
+            }
+            else {
+                result.push(react_1.default.createElement(Video_1.default, Object.assign({}, videoProps)));
+            }
         }
         if (youtube) {
-            result = (react_1.default.createElement(VideoBlock_1.default, { className: b('youtube', youtubeClassName), record: youtube, attributes: { color: 'white', rel: '0' }, previewImg: previewImg, height: height, fullScreen: fullScreen }));
+            result = (react_1.default.createElement(VideoBlock_1.default, { className: b('youtube', youtubeClassName), record: youtube, attributes: { color: 'white', rel: '0' }, previewImg: previewImg, height: height, fullscreen: fullscreen, analyticsEvents: analyticsEvents }));
         }
         if (dataLens) {
             result = react_1.default.createElement(DataLens_1.default, { dataLens: dataLens });
@@ -46,7 +66,7 @@ const Media = (props) => {
         playButton,
         customBarControlsClassName,
         youtubeClassName,
-        fullScreen,
+        fullscreen,
     ]);
     return (react_1.default.createElement("div", { className: b(null, className), style: { backgroundColor: color } }, content));
 };

package/build/cjs/components/Media/Video/Video.d.ts

@@ -10,6 +10,6 @@ interface InnerVideoProps {
     setHasVideoFallback: React.Dispatch<boolean>;
     hasVideoFallback: boolean;
 }
-type VideoAllProps = VideoAdditionProps & MediaComponentVideoProps & InnerVideoProps;
+export type VideoAllProps = VideoAdditionProps & MediaComponentVideoProps & InnerVideoProps;
 declare const Video: (props: VideoAllProps) => JSX.Element | null;
 export default Video;