@websolutespa/bom-mixer-ui 1.9.16 → 1.9.17

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @websolutespa/bom-mixer-ui
 
+## 1.9.17
+
+### Patch Changes
+
+- Added: informative prop to Media
+
 ## 1.9.16
 
 ### Patch Changes

package/dist/cjs/index.js

@@ -4842,7 +4842,8 @@ const MediaImage_ = _a => {
   }, canLoad ? imageProps : undefined, {
     className: classNames,
     loading: loading,
-    draggable: false
+    draggable: false,
+    "aria-hidden": !props.informative
   }));
 };
 const MediaImage = /*#__PURE__*/React.memo(MediaImage_);
@@ -5052,8 +5053,8 @@ function getMediaItemProps(mediaItem, options) {
   const media = __rest(mediaItem, ["width", "height", "sizes"]);
   const title = media.title || options.title;
   // console.log('getMediaItemProps', media.alt, options.alt);
-  // const alt: string | undefined = (media.alt || options.alt) as string | undefined;
-  const alt = options.alt || '';
+  const alt = media.alt || options.alt;
+  // const alt: string = (options.alt || '');
   const src = media.src || media.url || '';
   const mediaItemProps = {
     src,
@@ -5088,6 +5089,7 @@ function getMediaItemProps(mediaItem, options) {
     mediaItemProps.aspectRatioMd = options.aspectRatioMd;
     mediaItemProps.aspectRatioLg = options.aspectRatioLg;
     mediaItemProps.aspectRatioXl = options.aspectRatioXl;
+    mediaItemProps.informative = options.informative;
     if (options.eager) {
       mediaItemProps.loading = 'eager';
     }
@@ -5214,12 +5216,13 @@ const MediaBase = /*#__PURE__*/React.forwardRef((_a, ref) => {
       eager,
       alt,
       title,
+      informative,
       onClick,
       onLoaded,
       canLoad,
       as = 'div'
     } = _a,
-    props = __rest(_a, ["children", "item", "className", "width", "height", "size", "eager", "alt", "title", "onClick", "onLoaded", "canLoad", "as"]);
+    props = __rest(_a, ["children", "item", "className", "width", "height", "size", "eager", "alt", "title", "informative", "onClick", "onLoaded", "canLoad", "as"]);
   const {
     id,
     open
@@ -5254,6 +5257,7 @@ const MediaBase = /*#__PURE__*/React.forwardRef((_a, ref) => {
         eager,
         alt,
         title,
+        informative,
         open,
         onLoaded,
         canLoad
@@ -6142,8 +6146,36 @@ function Meta(_a) {
       brand
     } = _a,
     props = __rest(_a, ["children", "structuredDataCollections", "brand"]);
+  const layout = bomMixerHooks.useLayout();
   const page = bomMixerHooks.usePage();
   const extra = bomMixerHooks.useExtra();
+  // alternates
+  const alternates = React.useMemo(() => {
+    const alternates = [];
+    page.alternates.forEach(alternate => {
+      const market = layout.markets.find(x => x.id === alternate.market);
+      if (market) {
+        if (market.countries && market.countries.length > 0) {
+          market.countries.forEach(country => {
+            // country: string | { alpha2Code: string };
+            const alpha2Code = typeof country === 'string' ? country : country.alpha2Code;
+            alternates.push({
+              id: `${alternate.market}-${alternate.locale}-${alpha2Code}`,
+              href: bomMixerModels.resolveHref(alternate.id),
+              hrefLang: `${alternate.locale}-${alpha2Code}`
+            });
+          });
+        } else {
+          alternates.push({
+            id: `${alternate.market}-${alternate.locale}`,
+            href: bomMixerModels.resolveHref(alternate.id),
+            hrefLang: alternate.locale
+          });
+        }
+      }
+    });
+    return alternates;
+  }, [layout, page]);
   // title
   let title = ((_b = page.meta) === null || _b === void 0 ? void 0 : _b.title) || page.title;
   // description
@@ -6211,11 +6243,11 @@ function Meta(_a) {
     }), relNext && jsxRuntime.jsx("link", {
       rel: "next",
       href: bomMixerModels.resolveHref(relNext)
-    }), page.alternates && page.alternates.map(alternate => jsxRuntime.jsx("link", {
+    }), alternates.map(alternate => jsxRuntime.jsx("link", {
       rel: "alternate",
-      href: bomMixerModels.resolveHref(alternate.id),
-      hrefLang: alternate.locale
-    }, `${alternate.locale}-${alternate.market}`)), image && jsxRuntime.jsx("meta", {
+      href: alternate.href,
+      hrefLang: alternate.hrefLang
+    }, alternate.id)), image && jsxRuntime.jsx("meta", {
       property: "og:image",
       content: bomMixerModels.resolveHref(image)
     }), false , structuredData && jsxRuntime.jsx("script", {