@gravity-ui/page-constructor 5.14.1 → 5.14.3

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

@@ -130,6 +130,7 @@ exports.ReactPlayerBlock = react_1.default.forwardRef((props, originRef) => {
     const changeMute = (0, react_1.useCallback)((isMuted) => {
         if (isMuted &&
             playerRef &&
+            controls === models_1.MediaVideoControlsType.Custom &&
             customControlsType === models_1.CustomControlsType.WithMuteButton) {
             playerRef.seekTo(0);
             setPlayedPercent(0);
@@ -141,7 +142,15 @@ exports.ReactPlayerBlock = react_1.default.forwardRef((props, originRef) => {
         }
         // In order to the progress bar to update (equals 0) before displaying
         setTimeout(() => setMuted(!isMuted), 0);
-    }, [playerRef, customControlsType, playEvents, stopEvents, handleAnalytics, setProps]);
+    }, [
+        playerRef,
+        customControlsType,
+        playEvents,
+        stopEvents,
+        handleAnalytics,
+        setProps,
+        controls,
+    ]);
     const handleClickPreview = (0, react_1.useCallback)(() => {
         setIsPlaying(true);
         onClickPreview === null || onClickPreview === void 0 ? void 0 : onClickPreview();
@@ -198,13 +207,15 @@ exports.ReactPlayerBlock = react_1.default.forwardRef((props, originRef) => {
         }
     }, [isPlaying, onPlay, onPause]);
     const handleClick = (0, react_1.useCallback)(() => {
-        if (customControlsType === models_1.CustomControlsType.WithMuteButton) {
-            changeMute(muted);
-        }
-        else {
-            onPlayClick();
+        if (controls === models_1.MediaVideoControlsType.Custom) {
+            if (customControlsType === models_1.CustomControlsType.WithMuteButton) {
+                changeMute(muted);
+            }
+            else {
+                onPlayClick();
+            }
         }
-    }, [changeMute, customControlsType, muted, onPlayClick]);
+    }, [changeMute, customControlsType, muted, onPlayClick, controls]);
     const onFocusIn = (0, react_1.useCallback)(() => setHovered(true), []);
     const onFocusOut = (0, react_1.useCallback)(() => setHovered(false), []);
     return (react_1.default.createElement("div", { className: b({

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

@@ -127,6 +127,7 @@ export const ReactPlayerBlock = React.forwardRef((props, originRef) => {
     const changeMute = useCallback((isMuted) => {
         if (isMuted &&
             playerRef &&
+            controls === MediaVideoControlsType.Custom &&
             customControlsType === CustomControlsType.WithMuteButton) {
             playerRef.seekTo(0);
             setPlayedPercent(0);
@@ -138,7 +139,15 @@ export const ReactPlayerBlock = React.forwardRef((props, originRef) => {
         }
         // In order to the progress bar to update (equals 0) before displaying
         setTimeout(() => setMuted(!isMuted), 0);
-    }, [playerRef, customControlsType, playEvents, stopEvents, handleAnalytics, setProps]);
+    }, [
+        playerRef,
+        customControlsType,
+        playEvents,
+        stopEvents,
+        handleAnalytics,
+        setProps,
+        controls,
+    ]);
     const handleClickPreview = useCallback(() => {
         setIsPlaying(true);
         onClickPreview === null || onClickPreview === void 0 ? void 0 : onClickPreview();
@@ -195,13 +204,15 @@ export const ReactPlayerBlock = React.forwardRef((props, originRef) => {
         }
     }, [isPlaying, onPlay, onPause]);
     const handleClick = useCallback(() => {
-        if (customControlsType === CustomControlsType.WithMuteButton) {
-            changeMute(muted);
-        }
-        else {
-            onPlayClick();
+        if (controls === MediaVideoControlsType.Custom) {
+            if (customControlsType === CustomControlsType.WithMuteButton) {
+                changeMute(muted);
+            }
+            else {
+                onPlayClick();
+            }
         }
-    }, [changeMute, customControlsType, muted, onPlayClick]);
+    }, [changeMute, customControlsType, muted, onPlayClick, controls]);
     const onFocusIn = useCallback(() => setHovered(true), []);
     const onFocusOut = useCallback(() => setHovered(false), []);
     return (React.createElement("div", { className: b({

package/package.json

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