@wix/editor-react-components 1.2751.0 → 1.2752.0

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

@@ -2613,6 +2613,7 @@ function useAccordionState(items, defaultOpen = "none", allowMultipleOpen = fals
 const AccordionContainer = (props) => {
   var _a, _b;
   const {
+    a11y,
     items = DEFAULT_PROPS.items,
     defaultOpen = DEFAULT_PROPS.defaultOpen,
     className,
@@ -2660,6 +2661,7 @@ const AccordionContainer = (props) => {
     "div",
     {
       id,
+      lang: a11y == null ? void 0 : a11y.lang,
       ...direction && { dir: direction },
       onClick,
       onDoubleClick: onDblClick,

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

@@ -243,6 +243,12 @@ const manifest = {
       }
     },
     data: {
+      a11y: {
+        dataType: DATA.DATA_TYPE.a11y,
+        [DATA.DATA_TYPE.a11y]: {
+          attributes: [DATA.A11Y_ATTRIBUTES.lang]
+        }
+      },
       items: {
         dataType: DATA.DATA_TYPE.arrayItems,
         displayName: DISPLAY_NAMES.data.items,

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

@@ -23,6 +23,7 @@ export interface AccordionElementProps {
 export interface AccordionContainerProps extends SdkFunctionClickableProps, SdkFunctionMouseHoverProps, SdkFunctionFocusableProps {
     /** DOM `id` on the root element. */
     id?: string;
+    a11y?: A11y;
     /**
      * Appended to the root `.accordion`. Use this for CSS-variable overrides
      * targeting a higher-specificity selector than the single-class defaults.

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

@@ -114,7 +114,7 @@ const noop = () => {
 function CollapsibleText(props) {
   var _a, _b, _c;
   const environmentService = useService(EnvironmentDefinition);
-  const { id, className, text: text2, expandMode, link, linkText } = props;
+  const { a11y, id, className, text: text2, expandMode, link, linkText } = props;
   const { readMoreText, readLessText } = props;
   const {
     onClick = noop,
@@ -175,7 +175,7 @@ function CollapsibleText(props) {
       ...getDataAttributes(props),
       ...getTabIndexAttribute(props),
       className: rootClassName,
-      lang: environmentService.language,
+      lang: (a11y == null ? void 0 : a11y.lang) ?? environmentService.language,
       onClick,
       onDoubleClick: onDblClick,
       onMouseEnter: onMouseIn,

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

@@ -47,6 +47,12 @@ const manifest = {
       }
     },
     data: {
+      a11y: {
+        dataType: DATA.DATA_TYPE.a11y,
+        [DATA.DATA_TYPE.a11y]: {
+          attributes: [DATA.A11Y_ATTRIBUTES.lang]
+        }
+      },
       expandMode: {
         dataType: DATA.DATA_TYPE.textEnum,
         displayName: DisplayNames.root.data.expandMode.displayName,

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

@@ -6,6 +6,7 @@ export type ExpandMode = 'button' | 'link';
 export type CollapsibleTextProps = SdkFunctionClickableProps & SdkFunctionMouseHoverProps & {
     /** DOM `id` on the root `.collapsible-text` wrapper. */
     id: string;
+    a11y?: A11y;
     /** Appended to the root `.collapsible-text`. Use this for CSS-variable and per-element overrides. */
     className: string;
     /** `'button'` toggles the body in place; `'link'` renders a static link that navigates via `link`. Default `'button'`. */

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

@@ -25,6 +25,7 @@ export type IElementPropsSDKActions = {
 export type A11yInteractions = {
     a11y?: {
         ariaLabel?: string;
+        lang?: string;
     };
 };
 export type HtmlComponentData = {

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

@@ -95,6 +95,7 @@ const styles = {
 };
 const HTMLComponent$1 = React.forwardRef((props, forwardRef) => {
   const {
+    a11y,
     id,
     className,
     url,
@@ -147,6 +148,7 @@ const HTMLComponent$1 = React.forwardRef((props, forwardRef) => {
         "iframe",
         {
           ref,
+          lang: a11y == null ? void 0 : a11y.lang,
           sandbox,
           className: styles.iframe,
           scrolling,

package/dist/site/components/HTMLComponent/hooks/useHTMLComponentProps.d.ts

@@ -4,6 +4,7 @@ export type HtmlComponentProps = IHtmlComponentProps & HtmlComponentData & SdkFu
     componentConsentPolicy?: Record<string, boolean>;
     a11y?: {
         ariaLabel?: string;
+        lang?: string;
     };
     allowFullScreen?: boolean;
 };

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

@@ -159,7 +159,10 @@ const manifest = {
       a11y: {
         dataType: DATA.DATA_TYPE.a11y,
         [DATA.DATA_TYPE.a11y]: {
-          attributes: [DATA.A11Y_ATTRIBUTES.ariaLabel]
+          attributes: [
+            DATA.A11Y_ATTRIBUTES.ariaLabel,
+            DATA.A11Y_ATTRIBUTES.lang
+          ]
         }
       },
       ...manifestMouseHover()

package/dist/site/components/HTMLComponent/panels/hooks.d.ts

@@ -1,9 +1,10 @@
+import { ElementA11y } from '@wix/editor';
 import { SourceTypes, CookieConsentType } from './constants';
 export interface UsePanelDataReturn {
     sourceType: SourceTypes;
     currentUrl: string;
     currentCode: string;
-    htmlTitle: string;
+    a11y: ElementA11y;
     cookieConsent: CookieConsentType;
     isLoading: boolean;
     isInitialDataLoaded: boolean;
@@ -14,7 +15,7 @@ export interface UsePanelDataReturn {
     setCookieConsent: (consent: CookieConsentType) => void;
 }
 export declare const usePanelData: () => UsePanelDataReturn;
-export declare const useDataPersistence: (isInitialDataLoaded: boolean, sourceType: SourceTypes, currentUrl: string, htmlTitle: string, cookieConsent: CookieConsentType) => void;
+export declare const useDataPersistence: (isInitialDataLoaded: boolean, sourceType: SourceTypes, currentUrl: string, a11y: ElementA11y, cookieConsent: CookieConsentType) => void;
 export declare const useEventHandlers: (setSourceType: (value: SourceTypes) => void, setCurrentUrl: (url: string) => void, setCurrentCode: (code: string) => void, setHtmlTitle: (title: string) => void, setCookieConsent: (consent: CookieConsentType) => void) => {
     handleSourceTypeChange: (value: SourceTypes) => void;
     handleUrlChange: (url: string) => void;

package/dist/site/components/HTMLComponent/panels/test-utils.d.ts

@@ -1,9 +1,10 @@
 import { SourceTypes, CookieConsentType } from './constants';
+import { ElementA11y } from '@wix/editor';
 import { MockElementConfig, MockHttpClientConfig } from '../../../../test-utils';
 export type PanelData = {
     url: string;
-    a11y: {
-        ariaLabel: string;
+    a11y: ElementA11y & {
+        lang?: string;
     };
     componentConsentPolicy: CookieConsentType;
     sourceType: SourceTypes;

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

@@ -673,9 +673,8 @@ const navbarConfig = {
             DATA.A11Y_ATTRIBUTES.ariaDisabled,
             DATA.A11Y_ATTRIBUTES.ariaHaspopup,
             DATA.A11Y_ATTRIBUTES.ariaLabel,
-            DATA.A11Y_ATTRIBUTES.ariaLive
-            // TODO: Not supported yet
-            // DATA.A11Y_ATTRIBUTES.lang,
+            DATA.A11Y_ATTRIBUTES.ariaLive,
+            DATA.A11Y_ATTRIBUTES.lang
           ]
         }
       }

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

@@ -703,6 +703,7 @@ const Slideshow = (props) => {
     "div",
     {
       role: "region",
+      lang: a11y == null ? void 0 : a11y.lang,
       "aria-label": (a11y == null ? void 0 : a11y.ariaLabel) ?? "Slideshow",
       className: presetWrapperStyles.presetWrapper,
       ...presetsWrapperProps,

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

@@ -227,7 +227,10 @@ const manifest = {
       a11y: {
         dataType: DATA.DATA_TYPE.a11y,
         [DATA.DATA_TYPE.a11y]: {
-          attributes: [DATA.A11Y_ATTRIBUTES.ariaLabel]
+          attributes: [
+            DATA.A11Y_ATTRIBUTES.ariaLabel,
+            DATA.A11Y_ATTRIBUTES.lang
+          ]
         }
       },
       transitionDirection: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wix/editor-react-components",
-  "version": "1.2751.0",
+  "version": "1.2752.0",
   "description": "React components for the Wix Editor",
   "license": "MIT",
   "type": "module",
@@ -222,5 +222,5 @@
     "registry": "https://registry.npmjs.org/",
     "access": "public"
   },
-  "falconPackageHash": "a712e6ac80b841f8836a2cb3fec89259b061cbc8c939d3582ea0e444"
+  "falconPackageHash": "df292d5885f8651c9c6d5a021592d147208ae952ab9a3cd1b85f1754"
 }