@wix/editor-react-components 1.2377.0 → 1.2379.0

package/dist/site/components/Button/hooks/useButtonA11y.d.ts

@@ -3,9 +3,8 @@ import { AriaProps } from '../../../../types/vendored/editor-elements-types-a11y
 type UseButtonA11yParams = {
     propsA11y?: A11y;
     ariaAttributes?: AriaProps;
-    label: string;
 };
-export declare function useButtonA11y({ propsA11y, ariaAttributes, label, }: UseButtonA11yParams): {
+export declare function useButtonA11y({ propsA11y, ariaAttributes, }: UseButtonA11yParams): {
     tabIndex: 0 | -1 | undefined;
     screenReader: {
         prefix?: string | null;

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

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import { c as clsx } from "../chunks/clsx.js";
 import { f as formatClassNames } from "../chunks/classNames.js";
 import { a as getDataAttributes } from "../chunks/dataUtils.js";
-import { f as convertA11yKeysToHtmlFormat, e as getTabIndexAttribute } from "../chunks/a11y.js";
+import { e as getTabIndexAttribute, f as convertA11yKeysToHtmlFormat } from "../chunks/a11y.js";
 import { d as directionStyles } from "../chunks/direction.module.js";
 import { p as presetWrapperStyles } from "../chunks/presetWrapper.module.js";
 import { E as EnvironmentDefinition } from "../chunks/index2.js";
@@ -32,8 +32,16 @@ const Line = (props) => {
   );
   const environmentDirection = getLanguageDirection();
   const presetsWrapperProps = (wix == null ? void 0 : wix.presetsWrapperProps) || {};
-  const { tabIndex, ...a11yWithoutTabIndex } = a11y || {};
-  const a11yAttributes = convertA11yKeysToHtmlFormat(a11yWithoutTabIndex);
+  const { tabIndex, ariaLabel, ...restA11y } = a11y || {};
+  const accessibleName = ariaLabel == null ? void 0 : ariaLabel.trim();
+  const a11yAttributes = {
+    ...convertA11yKeysToHtmlFormat(restA11y),
+    ...getTabIndexAttribute(a11y),
+    ...accessibleName && {
+      role: "img",
+      "aria-label": accessibleName
+    }
+  };
   return /* @__PURE__ */ jsx("div", { className: presetWrapperStyles.presetWrapper, ...presetsWrapperProps, children: /* @__PURE__ */ jsx(
     "div",
     {
@@ -47,7 +55,6 @@ const Line = (props) => {
         "line-wrapper"
       ),
       ...getDataAttributes(props),
-      ...getTabIndexAttribute(a11y),
       ...a11yAttributes,
       onMouseEnter,
       onMouseLeave,

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

@@ -177,8 +177,7 @@ function useButtonEventHandlers({
 }
 function useButtonA11y({
   propsA11y,
-  ariaAttributes,
-  label: label2
+  ariaAttributes
 }) {
   const normalizedA11y = useMemo(
     () => removeAriaPrefix(propsA11y ?? {}),
@@ -189,11 +188,11 @@ function useButtonA11y({
       ariaAttributes: {
         ...ariaAttributes,
         ...normalizedA11y,
-        label: (ariaAttributes == null ? void 0 : ariaAttributes.label) ?? (normalizedA11y.label || label2)
+        label: (ariaAttributes == null ? void 0 : ariaAttributes.label) ?? normalizedA11y.label
       },
       tabindex: normalizedA11y == null ? void 0 : normalizedA11y.tabindex
     }),
-    [normalizedA11y, label2, ariaAttributes]
+    [normalizedA11y, ariaAttributes]
   );
   return a11yAttr;
 }
@@ -271,7 +270,7 @@ const Button = (props) => {
     onFocus,
     onBlur
   });
-  const a11yAttr = useButtonA11y({ propsA11y, ariaAttributes, label: label2 });
+  const a11yAttr = useButtonA11y({ propsA11y, ariaAttributes });
   const renderedLabel = labelContent ?? label2;
   const wrapperAttributes = {
     id,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wix/editor-react-components",
-  "version": "1.2377.0",
+  "version": "1.2379.0",
   "description": "React components for the Wix Editor",
   "license": "MIT",
   "type": "module",
@@ -68,7 +68,7 @@
     "test:a11y": "a11y-audit-tool-plugin audit"
   },
   "peerDependencies": {
-    "@wix/editor-react-types": "^1.0.70",
+    "@wix/editor-react-types": "^1.0.73",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },
@@ -81,7 +81,7 @@
     "@wix/design-system-illustrations": "^2.19.0",
     "@wix/sdk": "^1.21.13",
     "@wix/services-manager-react": "^0.1.27",
-    "@wix/site-ui": "1.166.0",
+    "@wix/site-ui": "1.167.0",
     "@wix/video": "^1.85.0",
     "@wix/viewer-service-consent-policy": "^1.0.100",
     "@wix/web-bi-logger": "^2.1.26",
@@ -122,7 +122,7 @@
     "@wix/editor": "^1.586.0",
     "@wix/editor-elements-scripts": "^1.0.0",
     "@wix/editor-elements-test-utils": "^1.0.0",
-    "@wix/editor-react-types": "^1.0.70",
+    "@wix/editor-react-types": "^1.0.73",
     "@wix/essentials": "^0.1.28",
     "@wix/fed-cli-sled": "^1.0.28",
     "@wix/image": "^1.437.0",
@@ -195,5 +195,5 @@
     "registry": "https://registry.npmjs.org/",
     "access": "public"
   },
-  "falconPackageHash": "c11ea87c3f38532848e0861fec3c3406ad36d9499df4463c484e16f0"
+  "falconPackageHash": "e1c9f7054e50ffe0584863c2124abbb8a425baa404dbc6e1724d7601"
 }