@wix/editor-react-components 1.2403.0 → 1.2404.0

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

@@ -3,13 +3,15 @@ var __defNormalProp = (obj, key2, value2) => key2 in obj ? __defProp(obj, key2,
 var __publicField = (obj, key2, value2) => __defNormalProp(obj, typeof key2 !== "symbol" ? key2 + "" : key2, value2);
 import { jsx, jsxs } from "react/jsx-runtime";
 import { c as clsx } from "../chunks/clsx.js";
+import { useService } from "@wix/services-manager-react";
+import { T as TranslationsDefinition } from "../chunks/index5.js";
 import { d as directionStyles } from "../chunks/direction.module.js";
+import { g as getTranslation } from "../chunks/getTranslation.js";
 import { B as Button } from "../chunks/Button.js";
-import { s as semanticSelectors, r as rootDataDefaults, d as displayPropertyToObserve, a as ariaLabels, t as testIds, p as pauseIconSvg, b as playIconSvg, c as showButtonOnHoverDefaults } from "../chunks/constants28.js";
+import { s as semanticSelectors, r as rootDataDefaults, d as displayPropertyToObserve, A as ARIA_LABEL_NAMESPACE, t as testIds, p as pauseIconSvg, a as playIconSvg, b as showButtonOnHoverDefaults, D as DefaultTranslations, T as TranslationKeys } from "../chunks/constants28.js";
 import { g as getDefaultExportFromCjs } from "../chunks/_commonjsHelpers.js";
 import React__default, { useEffect, useState, useRef, useMemo } from "react";
 import { f as convertA11yKeysToHtmlFormat } from "../chunks/a11y.js";
-import { useService } from "@wix/services-manager-react";
 import { E as EnvironmentDefinition } from "../chunks/index2.js";
 var lottie$2 = { exports: {} };
 var lottie$1 = lottie$2.exports;
@@ -17091,6 +17093,9 @@ const isIOS = (win) => {
   return /iPad|iPhone|iPod/.test(platform) || platform === "MacIntel" && /Macintosh/.test(userAgent) && (((_c = win == null ? void 0 : win.navigator) == null ? void 0 : _c.maxTouchPoints) ?? 0) > 1;
 };
 const Lottie = (props) => {
+  const { translate } = useService(TranslationsDefinition);
+  const translateByKey = translate(ARIA_LABEL_NAMESPACE);
+  const t = (key2) => getTranslation(translateByKey, key2, TranslationKeys, DefaultTranslations);
   const {
     id,
     className,
@@ -17155,7 +17160,7 @@ const Lottie = (props) => {
                 type: "button",
                 "data-testid": testIds.animationClickWrapper,
                 className: styles.animationClickWrapper,
-                "aria-label": isPlaying ? ariaLabels.pauseButton : ariaLabels.playButton,
+                "aria-label": isPlaying ? t("pauseButton") : t("playButton"),
                 "aria-controls": id,
                 onClick: isPlaying ? handlePause : handleResume,
                 children: /* @__PURE__ */ jsx(
@@ -17196,7 +17201,7 @@ const Lottie = (props) => {
                   styles.playButton
                 ),
                 a11y: {
-                  ariaLabel: isPlaying ? ariaLabels.pauseButton : ariaLabels.playButton,
+                  ariaLabel: isPlaying ? t("pauseButton") : t("playButton"),
                   ariaControls: id
                 },
                 onClick: isPlaying ? handlePause : handleResume,

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

@@ -3,7 +3,12 @@ export declare const semanticSelectors: {
     readonly root: "lottie";
     readonly playButton: "playButton";
 };
-export declare const ariaLabels: {
+export declare const ARIA_LABEL_NAMESPACE = "lottie";
+export declare const TranslationKeys: {
+    readonly playButton: "lottie_aria_label_play";
+    readonly pauseButton: "lottie_aria_label_pause";
+};
+export declare const DefaultTranslations: {
     readonly playButton: "Play animation";
     readonly pauseButton: "Pause animation";
 };

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

@@ -1,6 +1,6 @@
 import { b as DISPLAY_GROUPS, E as ELEMENTS, D as DATA, L as LAYOUT, A as Archetype } from "../chunks/chunk-V7QOLP3D.js";
 import { g as getSelector } from "../chunks/manifest.js";
-import { e as speedConstraints, f as playButtonDefaults, D as DisplayNames, r as rootDataDefaults, c as showButtonOnHoverDefaults, g as borderDefaultValue, i as initialSize, s as semanticSelectors } from "../chunks/constants28.js";
+import { c as speedConstraints, e as playButtonDefaults, f as DisplayNames, r as rootDataDefaults, b as showButtonOnHoverDefaults, g as borderDefaultValue, i as initialSize, s as semanticSelectors } from "../chunks/constants28.js";
 import { m as manifestFocusable, c as manifestMouseHover, d as manifestClickable } from "../chunks/manifestSdkMixins.js";
 const manifest = {
   id: "13165477-8205-4050-b078-424a1479159e",
@@ -181,9 +181,15 @@ const manifest = {
     client: {
       componentUrl: "./site/components/Lottie/component.tsx",
       moduleSpecifier: "@wix/editor-react-components/Lottie",
-      serviceDependencies: ["@wix/viewer-service-environment"],
+      serviceDependencies: [
+        "@wix/viewer-service-environment",
+        "@wix/viewer-service-translations"
+      ],
       dependencies: {
-        serviceDependencies: ["@wix/viewer-service-environment"],
+        serviceDependencies: [
+          "@wix/viewer-service-environment",
+          "@wix/viewer-service-translations"
+        ],
         componentDependencies: [
           "@wix/editor-react-components/Button",
           "@wix/editor-react-components/AnimatedIcon"

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

@@ -1,12 +1,14 @@
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { useState, useRef, useEffect, useCallback, useMemo } from "react";
 import { c as clsx } from "../chunks/clsx.js";
-import { M as MOVEMENT_DIRECTION, A as AUTOPLAY_STATE, s as slideshowDataDefaults, a as semanticClassNames, S as SLIDESHOW_SLIDE_LTR_DIRECTION_EXPERIMENT } from "../chunks/Slideshow.semanticClassNames.js";
+import { M as MOVEMENT_DIRECTION, A as AUTOPLAY_STATE, s as slideshowDataDefaults, a as semanticClassNames, b as ARIA_LABEL_NAMESPACE, S as SLIDESHOW_SLIDE_LTR_DIRECTION_EXPERIMENT, D as DefaultTranslations, T as TranslationKeys } from "../chunks/Slideshow.semanticClassNames.js";
 import { B as Button } from "../chunks/Button.js";
 import { p as presetWrapperStyles } from "../chunks/presetWrapper.module.js";
 import { d as directionStyles } from "../chunks/direction.module.js";
 import { useService } from "@wix/services-manager-react";
 import { E as EnvironmentDefinition } from "../chunks/index2.js";
+import { T as TranslationsDefinition } from "../chunks/index5.js";
+import { g as getTranslation } from "../chunks/getTranslation.js";
 const validateActiveSlide = (activeSlide, slidesLength) => {
   if (activeSlide === void 0) {
     return void 0;
@@ -544,6 +546,9 @@ const Slideshow = (props) => {
     onMouseOut
   } = props;
   const environmentService = useService(EnvironmentDefinition);
+  const { translate } = useService(TranslationsDefinition);
+  const translateByKey = translate(ARIA_LABEL_NAMESPACE);
+  const t = (key) => getTranslation(translateByKey, key, TranslationKeys, DefaultTranslations);
   const siteDirection = environmentService.getLanguageDirection();
   const isSlideLtrDirectionOpen = ((_a = environmentService == null ? void 0 : environmentService.isExperimentOpen) == null ? void 0 : _a.call(
     environmentService,
@@ -752,8 +757,8 @@ const Slideshow = (props) => {
                 onResume: () => {
                   setIsPaused(false);
                 },
-                pauseAriaLabel: "Pause Slideshow",
-                resumeAriaLabel: "Play Slideshow",
+                pauseAriaLabel: t("pauseButton"),
+                resumeAriaLabel: t("playButton"),
                 className: semanticClassNames.pauseButton,
                 ariaControls: id
               }

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

@@ -145,6 +145,15 @@ export declare const navigationButtonsArrangementFields: readonly ["navigation-b
 export declare const navigationButtonsAlignmentFields: readonly ["navigation-buttons-alignment"];
 export declare const slideIndicatorsPositionFields: readonly ["slide-indicators-position-horizontal", "slide-indicators-position-vertical"];
 export declare const iconPlacementFields: readonly ["icon-placement-horizontal", "icon-placement-vertical"];
+export declare const ARIA_LABEL_NAMESPACE = "slideshow";
+export declare const TranslationKeys: {
+    readonly pauseButton: "slideshow_aria_label_pause";
+    readonly playButton: "slideshow_aria_label_play";
+};
+export declare const DefaultTranslations: {
+    readonly pauseButton: "Pause Slideshow";
+    readonly playButton: "Play Slideshow";
+};
 export declare const AUTOPLAY_STATE: {
     readonly RUNNING: "running";
     readonly CANCELLED: "cancelled";

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

@@ -1,6 +1,6 @@
 import { E as ELEMENTS, C as CSS_PROPERTIES, D as DATA, a as ACTIONS, I as INTERACTIONS, b as DISPLAY_GROUPS, L as LAYOUT, c as ContainerType, A as Archetype } from "../chunks/chunk-V7QOLP3D.js";
 import { g as getSelector } from "../chunks/manifest.js";
-import { D as DisplayNames, a as semanticClassNames, b as slideshowCssCustomPropertiesDefaults, c as slideshowCssPropertiesDefaults, s as slideshowDataDefaults } from "../chunks/Slideshow.semanticClassNames.js";
+import { c as DisplayNames, a as semanticClassNames, d as slideshowCssCustomPropertiesDefaults, e as slideshowCssPropertiesDefaults, s as slideshowDataDefaults } from "../chunks/Slideshow.semanticClassNames.js";
 import { c as manifestMouseHover, d as manifestClickable, a as manifestChangeable } from "../chunks/manifestSdkMixins.js";
 const navigationButtons = {
   elementType: ELEMENTS.ELEMENT_TYPE.refElement,
@@ -1043,9 +1043,15 @@ const manifest = {
     client: {
       componentUrl: "./site/components/Slideshow/component.tsx",
       moduleSpecifier: "@wix/editor-react-components/Slideshow",
-      serviceDependencies: ["@wix/viewer-service-environment"],
+      serviceDependencies: [
+        "@wix/viewer-service-environment",
+        "@wix/viewer-service-translations"
+      ],
       dependencies: {
-        serviceDependencies: ["@wix/viewer-service-environment"]
+        serviceDependencies: [
+          "@wix/viewer-service-environment",
+          "@wix/viewer-service-translations"
+        ]
       }
     },
     editor: {

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

@@ -9,6 +9,7 @@ import { useService } from "@wix/services-manager-react";
 import { E as EnvironmentDefinition } from "../chunks/index2.js";
 import { T as TranslationsDefinition } from "../chunks/index5.js";
 import { a as getDataAttributes } from "../chunks/dataUtils.js";
+import { g as getTranslation } from "../chunks/getTranslation.js";
 import { d as directionStyles } from "../chunks/direction.module.js";
 import { p as presetWrapperStyles } from "../chunks/presetWrapper.module.js";
 import { E as EMPTY_VALUE, T as TestIds, s as selectors, a as TRANSLATIONS_NAMESPACE, d as defaultValues, V as VALUE_MISSING_MESSAGE, H as HourCycleValues, D as DefaultTranslations, b as TranslationKeys } from "../chunks/constants2.js";
@@ -16,11 +17,6 @@ import { u as useValidatedField } from "../chunks/useValidatedField.js";
 import { R as RequiredIndicator } from "../chunks/RequiredIndicator.js";
 import { D as DismissSmall_default } from "../chunks/DismissSmall.js";
 import { I as InfoCircleSmall_default } from "../chunks/InfoCircleSmall.js";
-const getTranslation = (translate, key, translationKeys, defaultTranslations) => {
-  const translationKey = translationKeys[key];
-  const translated = translate(translationKey);
-  return translated && translated !== translationKey ? translated : defaultTranslations[key];
-};
 const timePicker = "timePicker__j78My";
 const root = "root__dzkbY";
 const labelRow = "labelRow__qoC8g";

package/dist/site/components/chunks/Slideshow.semanticClassNames.js

@@ -133,6 +133,15 @@ const slideshowCssCustomPropertiesDefaults = {
   "navigation-buttons-alignment": "center",
   "controls-padding": "0px"
 };
+const ARIA_LABEL_NAMESPACE = "slideshow";
+const TranslationKeys = {
+  pauseButton: "slideshow_aria_label_pause",
+  playButton: "slideshow_aria_label_play"
+};
+const DefaultTranslations = {
+  pauseButton: "Pause Slideshow",
+  playButton: "Play Slideshow"
+};
 const AUTOPLAY_STATE = {
   RUNNING: "running",
   CANCELLED: "cancelled",
@@ -153,11 +162,14 @@ const semanticClassNames = {
 };
 export {
   AUTOPLAY_STATE as A,
-  DisplayNames as D,
+  DefaultTranslations as D,
   MOVEMENT_DIRECTION as M,
   SLIDESHOW_SLIDE_LTR_DIRECTION_EXPERIMENT as S,
+  TranslationKeys as T,
   semanticClassNames as a,
-  slideshowCssCustomPropertiesDefaults as b,
-  slideshowCssPropertiesDefaults as c,
+  ARIA_LABEL_NAMESPACE as b,
+  DisplayNames as c,
+  slideshowCssCustomPropertiesDefaults as d,
+  slideshowCssPropertiesDefaults as e,
   slideshowDataDefaults as s
 };

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

@@ -2,7 +2,12 @@ const semanticSelectors = {
   root: "lottie",
   playButton: "playButton"
 };
-const ariaLabels = {
+const ARIA_LABEL_NAMESPACE = "lottie";
+const TranslationKeys = {
+  playButton: "lottie_aria_label_play",
+  pauseButton: "lottie_aria_label_pause"
+};
+const DefaultTranslations = {
   playButton: "Play animation",
   pauseButton: "Pause animation"
 };
@@ -72,13 +77,15 @@ const pauseIconSvg = {
   svgContent: '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><rect x="5" y="3" width="5" height="17" rx="1"/><rect x="14" y="3" width="5" height="17" rx="1"/></svg>'
 };
 export {
-  DisplayNames as D,
-  ariaLabels as a,
-  playIconSvg as b,
-  showButtonOnHoverDefaults as c,
+  ARIA_LABEL_NAMESPACE as A,
+  DefaultTranslations as D,
+  TranslationKeys as T,
+  playIconSvg as a,
+  showButtonOnHoverDefaults as b,
+  speedConstraints as c,
   displayPropertyToObserve as d,
-  speedConstraints as e,
-  playButtonDefaults as f,
+  playButtonDefaults as e,
+  DisplayNames as f,
   borderDefaultValue as g,
   initialSize as i,
   pauseIconSvg as p,

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

@@ -0,0 +1,8 @@
+const getTranslation = (translate, key, translationKeys, defaultTranslations) => {
+  const translationKey = translationKeys[key];
+  const translated = translate(translationKey);
+  return translated && translated !== translationKey ? translated : defaultTranslations[key];
+};
+export {
+  getTranslation as g
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wix/editor-react-components",
-  "version": "1.2403.0",
+  "version": "1.2404.0",
   "description": "React components for the Wix Editor",
   "license": "MIT",
   "type": "module",
@@ -196,5 +196,5 @@
     "registry": "https://registry.npmjs.org/",
     "access": "public"
   },
-  "falconPackageHash": "9dc34d1fbcba762cc1f539f641ede974289aa96d03b7f33b5c2e7b91"
+  "falconPackageHash": "2db9c3dbeb4de16a7d6820ce6ef78eb3e8e8c2bb8df54db01f2886e6"
 }