@wix/editor-react-components 1.2777.0 → 1.2778.0

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

@@ -8,6 +8,7 @@ export type TextMarqueeBuilderProps = {
     textDirection: Direction;
     speed: number;
     pauseOnHover: boolean;
+    showPlayPauseControl?: boolean;
     tagName: string;
     svg?: VectorArt;
     text: string;
@@ -30,6 +31,7 @@ export type TextMarqueeProps = {
     headingLevel: number;
     speed: number;
     pauseOnHover: boolean;
+    showPlayPauseControl?: boolean;
     movementDirection?: MovementDirection;
     textDirection?: Direction;
     singleTextItem: {

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

@@ -256,7 +256,8 @@ const TextMarquee$1 = (props) => {
     useNewA11y = false,
     customClassNames = [],
     isPreviewAnimationActive = false,
-    isBuilder
+    isBuilder,
+    showPlayPauseControl = false
   } = marqueeProps;
   const [multiplicationFactor, setMultiplicationFactor] = useState(
     DEFAULT_MULTIPLICATION_FACTOR
@@ -374,7 +375,10 @@ const TextMarquee$1 = (props) => {
             onToggle: pauseOnClick,
             useNewA11y,
             translations,
-            className: clsx(styles.playButton, styles.visuallyHidden)
+            className: clsx(
+              styles.playButton,
+              !showPlayPauseControl && styles.visuallyHidden
+            )
           }
         )
       ] })
@@ -426,6 +430,7 @@ const TextMarquee = React__default.forwardRef(
         movementDirection: props.movementDirection || "ltr",
         speed: props.speed ? panelToDataSpeed(props.speed) : panelToDataSpeed(DEFAULT_SPEED),
         pauseOnHover: props.pauseOnHover || false,
+        showPlayPauseControl: props.showPlayPauseControl || false,
         textDirection: props.textDirection || "ltr",
         headingLevel: 0,
         isDecorative: props.isDecorative || false,

package/dist/site/components/TextMarquee/consts.d.ts

@@ -13,6 +13,9 @@ export declare const running_text: {
             title: string;
             tooltip: string;
         };
+        show_play_pause_control: {
+            title: string;
+        };
         movement_direction: {
             dropdown_ltr_label: string;
             dropdown_rtl_label: string;

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

@@ -1,4 +1,4 @@
-import { C as CSS_PROPERTIES, D as DATA, a as ACTIONS, L as LAYOUT, A as Archetype } from "../chunks/chunk-EVX7ZUBD.js";
+import { C as CSS_PROPERTIES, b as DISPLAY_GROUPS, D as DATA, a as ACTIONS, L as LAYOUT, A as Archetype } from "../chunks/chunk-EVX7ZUBD.js";
 const running_text = {
   settings: {
     movement_direction_label: "Movement direction",
@@ -6,6 +6,9 @@ const running_text = {
     pause_on_hover: {
       title: "Pause on hover"
     },
+    show_play_pause_control: {
+      title: "Show play/pause button"
+    },
     movement_direction: {
       dropdown_ltr_label: "Left to right",
       dropdown_rtl_label: "Right to left"
@@ -93,6 +96,11 @@ const manifest = {
         dataType: DATA.DATA_TYPE.booleanValue,
         defaultValue: false
       },
+      showPlayPauseControl: {
+        displayName: running_text.settings.show_play_pause_control.title,
+        dataType: DATA.DATA_TYPE.booleanValue,
+        defaultValue: false
+      },
       isDecorative: {
         displayName: "Is Decorative",
         dataType: DATA.DATA_TYPE.booleanValue,
@@ -123,6 +131,19 @@ const manifest = {
         }
       }
     },
+    displayGroups: {
+      orderedDataGroup: {
+        groupType: DISPLAY_GROUPS.GROUP_TYPE.data,
+        data: {
+          items: [
+            "showPlayPauseControl",
+            "pauseOnHover",
+            "movementDirection",
+            "speed"
+          ]
+        }
+      }
+    },
     cssProperties: {
       font: {
         displayName: "Font"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wix/editor-react-components",
-  "version": "1.2777.0",
+  "version": "1.2778.0",
   "description": "React components for the Wix Editor",
   "license": "MIT",
   "type": "module",
@@ -222,5 +222,5 @@
     "registry": "https://registry.npmjs.org/",
     "access": "public"
   },
-  "falconPackageHash": "9088cc47e98064a2fa85848fe7d6c4be2d774e12800999a64c2d8682"
+  "falconPackageHash": "281b7062494ff299030adafe7e033604a02cd75af7e9e31a914f1c0b"
 }