@websolutespa/bom-mixer-ui 1.5.6 → 1.5.8

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @websolutespa/bom-mixer-ui
 
+## 1.5.8
+
+### Patch Changes
+
+- Modified: Link prefetch opt-in
+
+## 1.5.7
+
+### Patch Changes
+
+- Modified: Media added muted video caption support
+- Updated dependencies
+  - @websolutespa/bom-mixer-models@1.5.10
+
 ## 1.5.6
 
 ### Patch Changes

package/dist/cjs/index.js

@@ -1525,15 +1525,22 @@ const Link = /*#__PURE__*/React__default.default.forwardRef((_a, forwardedRef) =
       children,
       href = '',
       passHref,
-      legacyBehavior
+      legacyBehavior,
+      prefetch
     } = _a,
-    props = __rest(_a, ["children", "href", "passHref", "legacyBehavior"]);
+    props = __rest(_a, ["children", "href", "passHref", "legacyBehavior", "prefetch"]);
   passHref = passHref === false ? false : true;
   legacyBehavior = legacyBehavior === false ? false : true;
+  /**
+   * original prefetch is setted by default to true and activates with viewport visibility
+   * we are setting it by default to false, however prefetching will still occur on hover
+   */
+  prefetch = prefetch === true ? true : false;
   return jsxRuntime.jsx(NextLink__default.default, Object.assign({
     ref: forwardedRef,
     href: href,
     passHref: passHref,
+    prefetch: prefetch,
     legacyBehavior: legacyBehavior
   }, props, {
     children: children
@@ -4504,6 +4511,9 @@ const MediaBase = /*#__PURE__*/React.forwardRef((_a, ref) => {
       as = 'div'
     } = _a,
     props = __rest(_a, ["children", "item", "onClick", "className", "eager", "alt", "title", "as"]);
+  const {
+    locale
+  } = bomMixerHooks.useLayout();
   const {
     id,
     open
@@ -4516,6 +4526,7 @@ const MediaBase = /*#__PURE__*/React.forwardRef((_a, ref) => {
     galleryId: id,
     alt,
     title,
+    locale,
     open
   }) : children;
   return jsxRuntime.jsx(StyledMedia$1, Object.assign({
@@ -4530,6 +4541,18 @@ MediaBase.displayName = 'Media';
 const Media = bomCore.withSchema(MediaBase, {
   Info: MediaInfo
 });
+const StyledVideo = styled__default.default('video')`
+  &.video {
+    &--muted {
+      &::cue {
+        background-color: transparent;
+        background-image: none;
+        color: transparent;
+        font-size: 0;
+      }
+    }
+  }
+`;
 function getMediaItems(itemOrItems, options) {
   if (options === void 0) {
     options = {};
@@ -4594,16 +4617,22 @@ function getMediaItems(itemOrItems, options) {
     }
     return props;
   };
-  return items.map((media, m) => bomCore.resolveMediaType(media) === 'video' ? jsxRuntime.jsx("video", Object.assign({
+  return items.map((media, m) => bomCore.resolveMediaType(media) === 'video' ? jsxRuntime.jsxs(StyledVideo, Object.assign({
+    className: "video video--muted",
     playsInline: true,
     autoPlay: true,
     muted: true,
     loop: true
   }, getMediaItemProps(media), {
-    children: jsxRuntime.jsx("source", {
+    children: [jsxRuntime.jsx("source", {
       src: media.src,
       type: "video/mp4"
-    })
+    }), options.locale && jsxRuntime.jsx("track", {
+      src: `/captions.vtt?locale=${options.locale}&title=${media.title}`,
+      kind: "captions",
+      srcLang: options.locale,
+      label: "Video Captions"
+    })]
   }), m) : jsxRuntime.jsx(MediaImage, Object.assign({}, media, {
     draggable: false
   }, getMediaItemProps(media)), m));