@meduza/ui-kit-2 1.0.5 → 1.0.7

package/dist/ui-kit-2.cjs.development.js

@@ -482,8 +482,9 @@ const Image = ({
     lightBox
   } = React.useContext(BlockContext);
   const [isLoaded, setIsLoaded] = React.useState(lazy ? false : true);
+  const isFullscreenEnabled = Boolean(lightBox && optimized?.original && fullscreen);
   const handleClick = () => {
-    if (!lightBox || !fullscreen || optimized && !optimized.original) {
+    if (!isFullscreenEnabled) {
       return;
     }
     postMessage('', 'fullscreen_click', 'click');
@@ -497,10 +498,16 @@ const Image = ({
   };
   /* fallback w325 url until w6 was released */
   const fallbackSource = source && source[0] || optimized.w325 && optimized.w325['1x'] || optimized.original;
-  let classNames = [[styles$F.root, true], [styles$F.isLoaded, isLoaded], [styles$F.fullscreen, lightBox && optimized && optimized.original && fullscreen], [styles$F.fullRatio, ratio === null]];
+  let classNames = [[styles$F.root, true], [styles$F.isLoaded, isLoaded], [styles$F.fullscreen, isFullscreenEnabled], [styles$F.fullRatio, ratio === null]];
   if (styleContext) {
     classNames = makeStyleContext(classNames, styleContext, styles$F);
   }
+  const wrapperProps = isFullscreenEnabled ? {
+    onClick: handleClick,
+    onKeyPress: handleClick,
+    role: 'button',
+    tabIndex: 0
+  } : {};
   return /*#__PURE__*/React.createElement("div", {
     className: makeClassName(classNames),
     style: blockStyles,
@@ -508,10 +515,7 @@ const Image = ({
   }, /*#__PURE__*/React.createElement("div", {
     className: styles$F.wrapper,
     style: pictureStyles,
-    onClick: () => handleClick(),
-    onKeyPress: () => handleClick(),
-    role: "button",
-    tabIndex: 0
+    ...wrapperProps
   }, lazy ? (/*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Lazy, {
     threshold: 0.25
   }, /*#__PURE__*/React.createElement(RenderPicture, {
@@ -1217,6 +1221,7 @@ const EmbedBlock = ({
             alt: block.data.caption,
             display: block.data.display,
             lazy: block.data.lazy,
+            fullscreen: block.data.fullscreen,
             styleContext: styleContext
           }));
         }
@@ -1246,7 +1251,7 @@ const EmbedBlock = ({
             }, /*#__PURE__*/React.createElement("div", {
               className: makeClassName([[styles$r.objectWrap, true], [styles$r.isDefaultVideo, true]])
             }, /*#__PURE__*/React.createElement("video", {
-              src: videoFileUrl,
+              src: `${videoFileUrl}#t=0.001`,
               controls: true,
               playsInline: true,
               preload: "metadata"