@wix/editor-react-components 1.2340.0 → 1.2342.0

package/dist/site/components/BoxContainer/a11y.d.ts

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+import { BoxContainerA11y } from './types';
+type BoxContainerDomA11y = React.AriaAttributes & Pick<React.HTMLAttributes<HTMLDivElement>, 'role' | 'tabIndex'>;
+export declare const normalizeBoxContainerA11y: (a11y?: BoxContainerA11y, ariaLabelOverride?: string) => BoxContainerDomA11y;
+export {};

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

@@ -3,10 +3,43 @@ import { c as clsx } from "../chunks/clsx.js";
 import { useService } from "@wix/services-manager-react";
 import { T as TranslationsDefinition } from "../chunks/index5.js";
 import { A as ARIA_LABEL_NAMESPACE } from "../chunks/constants31.js";
+import { e as getTabIndexAttribute, f as convertA11yKeysToHtmlFormat } from "../chunks/a11y.js";
 const root = "root__eLvEL";
 const styles = {
   root
 };
+const SPECIAL_KEYS = /* @__PURE__ */ new Set([
+  "role",
+  "tabIndex",
+  "tabindex",
+  "ariaLabel",
+  "aria-label",
+  "ariaHidden"
+]);
+const normalizeBoxContainerA11y = (a11y, ariaLabelOverride) => {
+  var _a;
+  const rawA11y = a11y ?? {};
+  const legacyAttributes = {};
+  const canonicalAttributes = {};
+  Object.entries(rawA11y).forEach(([key, value]) => {
+    if (SPECIAL_KEYS.has(key) || value === void 0) {
+      return;
+    }
+    const target = key.startsWith("aria-") ? legacyAttributes : canonicalAttributes;
+    target[key] = value;
+  });
+  const accessibleName = (_a = (a11y == null ? void 0 : a11y.ariaLabel) ?? rawA11y["aria-label"]) == null ? void 0 : _a.trim();
+  return {
+    ...convertA11yKeysToHtmlFormat(legacyAttributes),
+    ...convertA11yKeysToHtmlFormat(canonicalAttributes),
+    ...getTabIndexAttribute({
+      tabIndex: a11y == null ? void 0 : a11y.tabIndex,
+      tabindex: rawA11y.tabindex
+    }),
+    role: (a11y == null ? void 0 : a11y.role) ?? (accessibleName ? "group" : void 0),
+    "aria-label": accessibleName || void 0
+  };
+};
 function BoxContainer({
   id,
   children,
@@ -21,13 +54,12 @@ function BoxContainer({
 }) {
   const { translate } = useService(TranslationsDefinition);
   translate(ARIA_LABEL_NAMESPACE);
-  const ariaLabel = a11y == null ? void 0 : a11y["aria-label"];
+  const a11yAttributes = normalizeBoxContainerA11y(a11y);
   return /* @__PURE__ */ jsx(
     "div",
     {
       id,
-      ...a11y,
-      "aria-label": ariaLabel,
+      ...a11yAttributes,
       className: clsx(styles.root, "container", className),
       onClick,
       onDoubleClick: onDblClick,

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

@@ -43,7 +43,6 @@ const manifest = {
             DATA.A11Y_ATTRIBUTES.ariaLive,
             DATA.A11Y_ATTRIBUTES.ariaRoledescription,
             DATA.A11Y_ATTRIBUTES.ariaLevel,
-            DATA.A11Y_ATTRIBUTES.ariaHidden,
             DATA.A11Y_ATTRIBUTES.ariaAtomic,
             DATA.A11Y_ATTRIBUTES.ariaCurrent,
             DATA.A11Y_ATTRIBUTES.ariaRelevant

package/dist/site/components/BoxContainer/types.d.ts

@@ -1,4 +1,27 @@
 import { default as React } from 'react';
+import { A11y } from '@wix/editor-react-types';
+type CanonicalBoxContainerA11y = Pick<A11y, 'tabIndex' | 'ariaLabel' | 'ariaLive' | 'ariaRoledescription' | 'ariaLevel' | 'ariaHidden' | 'ariaAtomic' | 'ariaCurrent' | 'ariaRelevant'>;
+export interface BoxContainerA11y extends CanonicalBoxContainerA11y {
+    role?: React.AriaRole;
+    /** @deprecated Use `tabIndex`. */
+    tabindex?: number;
+    /** @deprecated Use `ariaLabel`. */
+    'aria-label'?: string;
+    /** @deprecated Use `ariaLive`. */
+    'aria-live'?: 'polite' | 'assertive' | 'off';
+    /** @deprecated Use `ariaRoledescription`. */
+    'aria-roledescription'?: string;
+    /** @deprecated Use `ariaLevel`. */
+    'aria-level'?: number;
+    /** @deprecated Existing DOM alias preserved for compatibility. */
+    'aria-hidden'?: boolean;
+    /** @deprecated Use `ariaAtomic`. */
+    'aria-atomic'?: boolean;
+    /** @deprecated Use `ariaCurrent`. */
+    'aria-current'?: 'page' | 'step' | 'location' | 'date' | 'time' | 'true' | 'false';
+    /** @deprecated Use `ariaRelevant`. */
+    'aria-relevant'?: 'additions' | 'additions removals' | 'additions text' | 'all' | 'removals' | 'removals additions' | 'removals text' | 'text' | 'text additions' | 'text removals';
+}
 export interface BoxContainerProps {
     /** DOM `id` on the root `<div>`. Required by the React types — the editor always supplies one. */
     id: string;
@@ -18,17 +41,7 @@ export interface BoxContainerProps {
     onFocus?: () => void;
     /** Fires on blur of the root. Editor label: "On Blur". */
     onBlur?: () => void;
-    /** ARIA attribute bag spread onto the root `<div>`. Supports `role`, `tabindex`, `aria-label`, `aria-live`, and more. */
-    a11y?: {
-        role?: string | undefined;
-        tabindex?: number | undefined;
-        'aria-label'?: string | undefined;
-        'aria-live'?: 'polite' | 'assertive' | 'off' | undefined;
-        'aria-roledescription'?: string | undefined;
-        'aria-level'?: number | undefined;
-        'aria-hidden'?: boolean | undefined;
-        'aria-atomic'?: boolean | undefined;
-        'aria-current'?: 'page' | 'step' | 'location' | 'date' | 'time' | 'true' | 'false' | undefined;
-        'aria-relevant'?: 'additions' | 'additions removals' | 'additions text' | 'all' | 'removals' | 'removals additions' | 'removals text' | 'text' | 'text additions' | 'text removals' | undefined;
-    };
+    /** Accessibility data normalized onto the root `<div>`. */
+    a11y?: BoxContainerA11y;
 }
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wix/editor-react-components",
-  "version": "1.2340.0",
+  "version": "1.2342.0",
   "description": "React components for the Wix Editor",
   "license": "MIT",
   "type": "module",
@@ -199,5 +199,5 @@
     "registry": "https://registry.npmjs.org/",
     "access": "public"
   },
-  "falconPackageHash": "b964db798d812e0a64a6b21a7bdca586edf67b2017cf3f79d19b58a8"
+  "falconPackageHash": "d70c02cf64c2bb85b7b8a12107a4b9d25f7dea849b1c47aa37585c55"
 }