@sima-land/moleculas 16.0.0-alpha.4 → 16.0.0-alpha.5

package/common/components/media-modal/__mocks__/index.js

@@ -148,21 +148,21 @@ exports.videos = [
     {
         type: 'video',
         data: {
-            src: 'https://cdn2.static1-sima-land.com/flv/3404953.mp4',
+            src: 'https://cdn2.static1-sima-land.com/flv/6907296.mp4',
             thumbnail: 'https://loremflickr.com/240/240?random=7',
         },
     },
     {
         type: 'video',
         data: {
-            src: 'https://cdn2.static1-sima-land.com/flv/3404953.mp4',
+            src: 'https://cdn2.static1-sima-land.com/flv/3619217.mp4',
             thumbnail: 'https://loremflickr.com/240/240?random=8',
         },
     },
     {
         type: 'video',
         data: {
-            src: 'https://cdn2.static1-sima-land.com/flv/3404953.mp4',
+            src: 'https://cdn2.static1-sima-land.com/flv/4093038.mp4',
             thumbnail: 'https://loremflickr.com/240/240?random=9',
         },
     },
@@ -176,21 +176,21 @@ exports.videos = [
     {
         type: 'video',
         data: {
-            src: 'https://cdn2.static1-sima-land.com/flv/3404953.mp4',
+            src: 'https://cdn2.static1-sima-land.com/flv/6907296.mp4',
             thumbnail: 'https://loremflickr.com/240/240?random=11',
         },
     },
     {
         type: 'video',
         data: {
-            src: 'https://cdn2.static1-sima-land.com/flv/3404953.mp4',
+            src: 'https://cdn2.static1-sima-land.com/flv/3619217.mp4',
             thumbnail: 'https://loremflickr.com/240/240?random=12',
         },
     },
     {
         type: 'video',
         data: {
-            src: 'https://cdn2.static1-sima-land.com/flv/3404953.mp4',
+            src: 'https://cdn2.static1-sima-land.com/flv/4093038.mp4',
             thumbnail: 'https://loremflickr.com/240/240?random=13',
         },
     },
@@ -204,21 +204,21 @@ exports.videos = [
     {
         type: 'video',
         data: {
-            src: 'https://cdn2.static1-sima-land.com/flv/3404953.mp4',
+            src: 'https://cdn2.static1-sima-land.com/flv/6907296.mp4',
             thumbnail: 'https://loremflickr.com/240/240?random=15',
         },
     },
     {
         type: 'video',
         data: {
-            src: 'https://cdn2.static1-sima-land.com/flv/3404953.mp4',
+            src: 'https://cdn2.static1-sima-land.com/flv/3619217.mp4',
             thumbnail: 'https://loremflickr.com/240/240?random=16',
         },
     },
     {
         type: 'video',
         data: {
-            src: 'https://cdn2.static1-sima-land.com/flv/3404953.mp4',
+            src: 'https://cdn2.static1-sima-land.com/flv/4093038.mp4',
             thumbnail: 'https://loremflickr.com/240/240?random=17',
         },
     },

package/common/components/media-modal/parts/media-view.js

@@ -1,10 +1,33 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MediaView = void 0;
-const react_1 = __importDefault(require("react"));
+const react_1 = __importStar(require("react"));
 const image_overlay_1 = require("../../../../desktop/components/gallery-modal/components/image-overlay");
 const breakpoint_1 = require("@sima-land/ui-nucleons/hooks/breakpoint");
 const media_view_module_scss_1 = __importDefault(require("./media-view.module.scss"));
@@ -17,13 +40,22 @@ const all_round_view_1 = require("./all-round-view");
  */
 function MediaView({ media, loading, videoProps }) {
     const desktop = (0, breakpoint_1.useBreakpoint)('xs+');
+    const videoRef = (0, react_1.useRef)(null);
+    const videoSrc = (media === null || media === void 0 ? void 0 : media.type) === 'video' ? media.data.src : null;
+    (0, react_1.useEffect)(() => {
+        var _a;
+        // ВАЖНО: при смене src у элемента source видео не меняется автоматически - перезапускаем явно
+        if (videoSrc) {
+            (_a = videoRef.current) === null || _a === void 0 ? void 0 : _a.load();
+        }
+    }, [loading, videoSrc]);
     if (loading) {
         return react_1.default.createElement("div", { className: (0, classnames_1.default)(media_view_module_scss_1.default.root, media_view_module_scss_1.default.loading) });
     }
     return (react_1.default.createElement("div", { className: (0, classnames_1.default)(media_view_module_scss_1.default.root) },
         (media === null || media === void 0 ? void 0 : media.type) === 'image' && (react_1.default.createElement(image_overlay_1.ImageOverlay, { className: media_view_module_scss_1.default.image },
             react_1.default.createElement("img", { src: media.data.src, alt: media.data.alt || '' }))),
-        (media === null || media === void 0 ? void 0 : media.type) === 'video' && (react_1.default.createElement("video", Object.assign({ autoPlay: false, controls: true, controlsList: 'nodownload' }, videoProps),
+        (media === null || media === void 0 ? void 0 : media.type) === 'video' && (react_1.default.createElement("video", Object.assign({ autoPlay: false, controls: true, controlsList: 'nodownload' }, videoProps, { ref: videoRef }),
             react_1.default.createElement("source", { src: media.data.src }))),
         (media === null || media === void 0 ? void 0 : media.type) === '360' && react_1.default.createElement(all_round_view_1.AllRoundView, { photos: media.data.photos, controls: desktop })));
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sima-land/moleculas",
-  "version": "16.0.0-alpha.4",
+  "version": "16.0.0-alpha.5",
   "repository": "ssh://git@github.com:sima-land/moleculas.git",
   "author": "www.sima-land.ru team",
   "license": "Apache-2.0",