@webstudio-is/sdk-components-react 0.226.0 → 0.227.0

package/lib/video.js

@@ -1,4 +1,4 @@
-import { jsx as E } from "react/jsx-runtime";
+import { jsx as p } from "react/jsx-runtime";
 import { forwardRef as y, useId as V, useContext as N, useEffect as x } from "react";
 import { ReactSdkContext as I } from "@webstudio-is/react-sdk/runtime";
 const c = "data-ws-video-id", S = {
@@ -7,44 +7,44 @@ const c = "data-ws-video-id", S = {
   ({
     $progress: r,
     $visible: n,
-    $timeline: a,
+    $timeline: d,
     $webstudio$canvasOnly$assetId: w,
     children: l,
-    src: d,
+    src: o,
     ...b
   }, m) => {
-    const o = V(), A = {
-      [c]: o
-    }, { videoLoader: f } = N(I), T = d && f ? f({ src: d }) : void 0;
+    const u = V(), A = {
+      [c]: u
+    }, { videoLoader: f } = N(I), T = o && f ? f({ src: o }) : o;
     return x(() => {
       if (r === void 0 || n === void 0)
         return;
-      const e = document.querySelector(`[${c}="${o}"]`);
+      const e = document.querySelector(`[${c}="${u}"]`);
       if (e === null || !(e instanceof HTMLVideoElement))
         return;
       if (e.play().catch(() => {
-      }), e.pause(), a)
+      }), e.pause(), d)
         return r.subscribe((t) => {
           if (e.readyState < S.HAVE_METADATA || (e.paused || e.pause(), e.seeking))
             return;
           let s = e.duration;
           Number.isNaN(s) || (Number.isFinite(s) || (s = 60), e.currentTime = (t ?? 0) * s);
         });
-      let i = !1, u = !1;
+      let i = !1, a = !1;
       const v = n.subscribe((t) => {
-        u = t, u === !1 && i === !1 && !e.loop && (e.currentTime = 0);
-      }), p = r.subscribe((t) => {
+        a = t, a === !1 && i === !1 && !e.loop && (e.currentTime = 0);
+      }), E = r.subscribe((t) => {
         if (i && (t === void 0 || t === 0 || t === 1)) {
-          i = !1, e.pause(), u === !1 && i === !1 && !e.loop && (e.currentTime = 0);
+          i = !1, e.pause(), a === !1 && i === !1 && !e.loop && (e.currentTime = 0);
           return;
         }
         i || (i = !0, e.ended || e.play().catch(() => {
         }));
       });
       return () => {
-        p(), v();
+        E(), v();
       };
-    }, [r, a, n, o]), /* @__PURE__ */ E("video", { src: T, ...b, ...A, ref: m, children: l });
+    }, [r, d, n, u]), /* @__PURE__ */ p("video", { src: T, ...b, ...A, ref: m, children: l });
   }
 );
 _.displayName = "Video";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webstudio-is/sdk-components-react",
-  "version": "0.226.0",
+  "version": "0.227.0",
   "description": "Webstudio default library for react",
   "author": "Webstudio <github@webstudio.is>",
   "homepage": "https://webstudio.is",
@@ -44,10 +44,10 @@
     "colord": "^2.9.3",
     "micromark": "^4.0.2",
     "micromark-extension-gfm-table": "^2.1.1",
-    "@webstudio-is/icons": "0.226.0",
-    "@webstudio-is/sdk": "0.226.0",
-    "@webstudio-is/image": "0.226.0",
-    "@webstudio-is/react-sdk": "0.226.0"
+    "@webstudio-is/icons": "0.227.0",
+    "@webstudio-is/react-sdk": "0.227.0",
+    "@webstudio-is/sdk": "0.227.0",
+    "@webstudio-is/image": "0.227.0"
   },
   "devDependencies": {
     "@testing-library/dom": "^10.4.0",
@@ -58,9 +58,9 @@
     "react": "18.3.0-canary-14898b6a9-20240318",
     "react-dom": "18.3.0-canary-14898b6a9-20240318",
     "vitest": "^3.1.2",
-    "@webstudio-is/sdk-cli": "0.94.0",
     "@webstudio-is/generate-arg-types": "0.0.0",
-    "@webstudio-is/template": "0.226.0",
+    "@webstudio-is/template": "0.227.0",
+    "@webstudio-is/sdk-cli": "0.94.0",
     "@webstudio-is/tsconfig": "1.0.7"
   },
   "scripts": {