@gravity-ui/page-constructor 3.17.1 → 3.17.3

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

@@ -66,6 +66,9 @@ export declare const FilterProps: {
             type: string;
             enum: string[];
         };
+        centered: {
+            type: string;
+        };
         title: {
             oneOf: ({
                 type: string;
@@ -173,6 +176,9 @@ export declare const FilterBlock: {
                 type: string;
                 enum: string[];
             };
+            centered: {
+                type: string;
+            };
             title: {
                 oneOf: ({
                     type: string;

package/build/cjs/blocks/FilterBlock/schema.js

@@ -30,7 +30,7 @@ exports.FilterItemProps = {
 };
 exports.FilterProps = {
     additionalProperties: false,
-    required: ['filterTags', 'block'],
+    required: ['tags', 'items'],
     properties: Object.assign(Object.assign(Object.assign(Object.assign({}, common_1.BlockBaseProps), common_1.AnimatableProps), common_1.BlockHeaderProps), { allTag: {
             oneOf: [
                 {
@@ -45,7 +45,7 @@ exports.FilterProps = {
         }, colSizes: common_1.containerSizesObject, tags: (0, utils_1.filteredArray)(exports.FilterTagProps), items: (0, utils_1.filteredArray)(exports.FilterItemProps), tagButtonSize: {
             type: 'string',
             enum: ['s', 'm', 'l', 'xl'],
-        } }),
+        }, centered: { type: 'boolean' } }),
 };
 exports.FilterBlock = {
     'filter-block': exports.FilterProps,

package/build/cjs/components/ReactPlayer/ReactPlayer.js

@@ -36,6 +36,8 @@ exports.ReactPlayerBlock = react_1.default.forwardRef((props, originRef) => {
     const [started, setStarted] = (0, react_1.useState)(autoPlay);
     const [paused, setPaused] = (0, react_1.useState)(false);
     const [ended, setEnded] = (0, react_1.useState)(false);
+    const [isMounted, setIsMounted] = react_1.default.useState(false);
+    (0, hooks_1.useMount)(() => setIsMounted(true));
     const videoSrc = (0, react_1.useMemo)(() => (0, utils_2.checkYoutubeVideos)(src), [src]);
     const eventsArray = (0, react_1.useMemo)(() => {
         if (analyticsEvents) {
@@ -194,9 +196,9 @@ exports.ReactPlayerBlock = react_1.default.forwardRef((props, originRef) => {
                 },
             }, elapsedTimePercent: elapsedTimePercent }));
     }, [controls, isPlaying, customBarControlsClassName, changeMute]);
-    return (react_1.default.createElement("div", { className: b({ wrapper: !currentHeight }, className), ref: ref, onClick: handleClick },
+    return (react_1.default.createElement("div", { className: b({ wrapper: !currentHeight }, className), ref: ref, onClick: handleClick }, isMounted ? (react_1.default.createElement(react_1.Fragment, null,
         react_1.default.createElement(react_player_1.default, { className: b('player'), url: videoSrc, muted: muted, controls: controls === models_1.MediaVideoControlsType.Default, height: currentHeight || '100%', width: width || '100%', light: previewImgUrl, playing: isPlaying, playIcon: playIcon, progressInterval: FPS, onClickPreview: handleClickPreview, onStart: onStart, onReady: setPlayerRef, onPlay: onPlay, onPause: onPause, onProgress: onProgress, onEnded: onEnded }),
-        renderCustomBarControls(muted, playedPercent)));
+        renderCustomBarControls(muted, playedPercent))) : null));
 });
 function getHeight(width) {
     return (width / 16) * 9;

package/build/esm/blocks/FilterBlock/schema.d.ts

@@ -66,6 +66,9 @@ export declare const FilterProps: {
             type: string;
             enum: string[];
         };
+        centered: {
+            type: string;
+        };
         title: {
             oneOf: ({
                 type: string;
@@ -173,6 +176,9 @@ export declare const FilterBlock: {
                 type: string;
                 enum: string[];
             };
+            centered: {
+                type: string;
+            };
             title: {
                 oneOf: ({
                     type: string;

package/build/esm/blocks/FilterBlock/schema.js

@@ -27,7 +27,7 @@ export const FilterItemProps = {
 };
 export const FilterProps = {
     additionalProperties: false,
-    required: ['filterTags', 'block'],
+    required: ['tags', 'items'],
     properties: Object.assign(Object.assign(Object.assign(Object.assign({}, BlockBaseProps), AnimatableProps), BlockHeaderProps), { allTag: {
             oneOf: [
                 {
@@ -42,7 +42,7 @@ export const FilterProps = {
         }, colSizes: containerSizesObject, tags: filteredArray(FilterTagProps), items: filteredArray(FilterItemProps), tagButtonSize: {
             type: 'string',
             enum: ['s', 'm', 'l', 'xl'],
-        } }),
+        }, centered: { type: 'boolean' } }),
 };
 export const FilterBlock = {
     'filter-block': FilterProps,

package/build/esm/components/ReactPlayer/ReactPlayer.js

@@ -1,11 +1,11 @@
-import React, { useCallback, useContext, useEffect, useImperativeHandle, useMemo, useRef, useState, } from 'react';
+import React, { Fragment, useCallback, useContext, useEffect, useImperativeHandle, useMemo, useRef, useState, } from 'react';
 import { Icon } from '@gravity-ui/uikit';
 import _ from 'lodash';
 import ReactPlayer from 'react-player';
 import { MetrikaContext } from '../../context/metrikaContext';
 import { MobileContext } from '../../context/mobileContext';
 import { VideoContext } from '../../context/videoContext';
-import { useAnalytics } from '../../hooks';
+import { useAnalytics, useMount } from '../../hooks';
 import { PlayVideo } from '../../icons';
 import { DefaultEventNames, MediaVideoControlsType, PlayButtonThemes, PlayButtonType, PredefinedEventTypes, } from '../../models';
 import { block } from '../../utils';
@@ -33,6 +33,8 @@ export const ReactPlayerBlock = React.forwardRef((props, originRef) => {
     const [started, setStarted] = useState(autoPlay);
     const [paused, setPaused] = useState(false);
     const [ended, setEnded] = useState(false);
+    const [isMounted, setIsMounted] = React.useState(false);
+    useMount(() => setIsMounted(true));
     const videoSrc = useMemo(() => checkYoutubeVideos(src), [src]);
     const eventsArray = useMemo(() => {
         if (analyticsEvents) {
@@ -191,9 +193,9 @@ export const ReactPlayerBlock = React.forwardRef((props, originRef) => {
                 },
             }, elapsedTimePercent: elapsedTimePercent }));
     }, [controls, isPlaying, customBarControlsClassName, changeMute]);
-    return (React.createElement("div", { className: b({ wrapper: !currentHeight }, className), ref: ref, onClick: handleClick },
+    return (React.createElement("div", { className: b({ wrapper: !currentHeight }, className), ref: ref, onClick: handleClick }, isMounted ? (React.createElement(Fragment, null,
         React.createElement(ReactPlayer, { className: b('player'), url: videoSrc, muted: muted, controls: controls === MediaVideoControlsType.Default, height: currentHeight || '100%', width: width || '100%', light: previewImgUrl, playing: isPlaying, playIcon: playIcon, progressInterval: FPS, onClickPreview: handleClickPreview, onStart: onStart, onReady: setPlayerRef, onPlay: onPlay, onPause: onPause, onProgress: onProgress, onEnded: onEnded }),
-        renderCustomBarControls(muted, playedPercent)));
+        renderCustomBarControls(muted, playedPercent))) : null));
 });
 function getHeight(width) {
     return (width / 16) * 9;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gravity-ui/page-constructor",
-  "version": "3.17.1",
+  "version": "3.17.3",
   "description": "Gravity UI Page Constructor",
   "license": "MIT",
   "repository": {