@wix/editor-react-components 1.2686.0 → 1.2687.0

package/dist/site/components/Breadcrumbs/component.js

@@ -4,11 +4,12 @@ import { c as clsx } from "../chunks/clsx.js";
 import { r as $f39a9eba43920ace$export$8dc98ba7eadeaa56, m as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c, a as $8e9d2fae0ecb9001$export$457c3d6518dd4c6f, c as $64fa3d84918910a7$export$29f1550f4b0d4415, h as $65484d02dcb7eb3e$export$457c3d6518dd4c6f, p as $3ef42575df84b30b$export$9d1611c77c2fe928, d as $64fa3d84918910a7$export$fabf2dc03a41866e, g as $64fa3d84918910a7$export$4d86445c2cf5e3 } from "../chunks/filterDOMProps.js";
 import { $ as $cf2482eff2eeeec2$export$f12b703ca79dfbb1 } from "../chunks/useLocalizedStringFormatter.js";
 import { createPortal } from "react-dom";
+import { useService } from "@wix/services-manager-react";
+import { T as TranslationsDefinition } from "../chunks/index6.js";
 import { f as convertA11yKeysToHtmlFormat } from "../chunks/a11y.js";
 import { d as directionStyles } from "../chunks/direction.module.js";
-import { s as semanticClassNames, D as DesignStates } from "../chunks/constants41.js";
+import { s as semanticClassNames, D as DesignStates, A as ARIA_LABEL_NAMESPACE, t as translationKeys, d as defaultTranslations } from "../chunks/constants41.js";
 import { A as AnimatedIcon } from "../chunks/AnimatedIcon.js";
-import { useService } from "@wix/services-manager-react";
 import { d as defineService } from "../chunks/index8.js";
 import { E as EnvironmentDefinition } from "../chunks/index2.js";
 import { U as UrlDefinition } from "../chunks/index13.js";
@@ -1344,7 +1345,7 @@ function BreadcrumbItemComponent({
     },
     [isCollapsed]
   );
-  const homeIcon2 = isHomepageItem && hasIcon ? /* @__PURE__ */ jsx("span", { className: styles.homeIconWrapper, children: /* @__PURE__ */ jsx(
+  const homeIcon2 = isHomepageItem && hasIcon ? /* @__PURE__ */ jsx("span", { className: styles.homeIconWrapper, "aria-hidden": "true", children: /* @__PURE__ */ jsx(
     AnimatedIcon,
     {
       id: iconDomId,
@@ -1377,6 +1378,7 @@ function BreadcrumbItemComponent({
           {
             ...href && { href },
             "aria-current": isCurrent ? "page" : void 0,
+            "aria-label": href && isHomepageItem && (item2 == null ? void 0 : item2.label) || void 0,
             className: clsx(
               semanticClassNames.itemLabel,
               styles.label,
@@ -1517,6 +1519,13 @@ function Breadcrumbs2({
   const generatedItems = useBreadcrumbItems();
   const items = itemsFromProps ?? generatedItems;
   const collapsedRange = useCollapsedRange(rootRef, items.length);
+  const { translate } = useService(
+    TranslationsDefinition
+  );
+  const listAriaLabel = translate(ARIA_LABEL_NAMESPACE)(
+    translationKeys.breadcrumbsAriaLabel,
+    defaultTranslations.breadcrumbsAriaLabel
+  );
   useSeoService(items);
   return /* @__PURE__ */ jsxs(
     "nav",
@@ -1535,18 +1544,25 @@ function Breadcrumbs2({
       onMouseEnter: onMouseIn,
       onMouseLeave: onMouseOut,
       children: [
-        /* @__PURE__ */ jsx($778035c5624f61e7$export$2dc68d50d56fbbd, { className: styles.breadcrumbs, children: items.map((item2, index) => /* @__PURE__ */ jsx(
-          BreadcrumbItemComponent,
+        /* @__PURE__ */ jsx(
+          $778035c5624f61e7$export$2dc68d50d56fbbd,
           {
-            item: item2,
-            index,
-            isCurrent: index === items.length - 1,
-            isHomepageItem: index === 0,
-            collapsedRange,
-            elementProps
-          },
-          uniqueKey(index, item2.id)
-        )) }),
+            className: styles.breadcrumbs,
+            "aria-label": listAriaLabel,
+            children: items.map((item2, index) => /* @__PURE__ */ jsx(
+              BreadcrumbItemComponent,
+              {
+                item: item2,
+                index,
+                isCurrent: index === items.length - 1,
+                isHomepageItem: index === 0,
+                collapsedRange,
+                elementProps
+              },
+              uniqueKey(index, item2.id)
+            ))
+          }
+        ),
         /* @__PURE__ */ jsx(EllipsisItem, {})
       ]
     }

package/dist/site/components/Breadcrumbs/constants.d.ts

@@ -93,3 +93,10 @@ export declare const defaultStateValues: {
     readonly hideHomepage: "hideHomepage";
     readonly hideCurrentPage: "hideCurrentPage";
 };
+export declare const ARIA_LABEL_NAMESPACE = "ariaLabels";
+export declare const translationKeys: {
+    readonly breadcrumbsAriaLabel: "breadcrumbs_AriaLabel";
+};
+export declare const defaultTranslations: {
+    readonly breadcrumbsAriaLabel: "Breadcrumbs";
+};

package/dist/site/components/Breadcrumbs/manifest.js

@@ -1,7 +1,7 @@
 import { L as LAYOUT, a as ACTIONS, b as DISPLAY_GROUPS, C as CSS_PROPERTIES, E as ELEMENTS, N as NativeStateType, D as DATA, A as Archetype } from "../chunks/chunk-ZHYIPFVN.js";
 import { w as withSpec, g as getSelector } from "../chunks/manifest.js";
 import { I as IS_SUPPORT_DESIGN_STATE_SPEC } from "../chunks/specs.js";
-import { D as DesignStates, a as DisplayNames, h as homepageModeValues, d as defaultStateValues, b as separatorValues, c as componentMetadata, s as semanticClassNames } from "../chunks/constants41.js";
+import { D as DesignStates, a as DisplayNames, h as homepageModeValues, b as defaultStateValues, c as separatorValues, e as componentMetadata, s as semanticClassNames } from "../chunks/constants41.js";
 import { c as manifestMouseHover } from "../chunks/manifestSdkMixins.js";
 const manifest = {
   id: componentMetadata.id,
@@ -377,6 +377,7 @@ const manifest = {
         componentDependencies: ["@wix/editor-react-components/AnimatedIcon"],
         serviceDependencies: [
           "@wix/viewer-service-pages",
+          "@wix/viewer-service-translations",
           "@wix/viewer-service-url"
         ]
       }

package/dist/site/components/chunks/constants41.js

@@ -76,12 +76,22 @@ const defaultStateValues = {
   hideHomepage: "hideHomepage",
   hideCurrentPage: "hideCurrentPage"
 };
+const ARIA_LABEL_NAMESPACE = "ariaLabels";
+const translationKeys = {
+  breadcrumbsAriaLabel: "breadcrumbs_AriaLabel"
+};
+const defaultTranslations = {
+  breadcrumbsAriaLabel: "Breadcrumbs"
+};
 export {
+  ARIA_LABEL_NAMESPACE as A,
   DesignStates as D,
   DisplayNames as a,
-  separatorValues as b,
-  componentMetadata as c,
-  defaultStateValues as d,
+  defaultStateValues as b,
+  separatorValues as c,
+  defaultTranslations as d,
+  componentMetadata as e,
   homepageModeValues as h,
-  semanticClassNames as s
+  semanticClassNames as s,
+  translationKeys as t
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wix/editor-react-components",
-  "version": "1.2686.0",
+  "version": "1.2687.0",
   "description": "React components for the Wix Editor",
   "license": "MIT",
   "type": "module",
@@ -200,5 +200,5 @@
     "registry": "https://registry.npmjs.org/",
     "access": "public"
   },
-  "falconPackageHash": "0ea15a8395b510dce2c84cbacb526976259c9dc4ddc1ee06fead9098"
+  "falconPackageHash": "1444a5d5ff5cf1b80feab0f31c4325d87512f7f437e858cf9508ddaf"
 }