@wix/editor-react-components 1.2835.0 → 1.2837.0

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

@@ -1,13 +1,18 @@
 import { ScrollSpeed, ScrubStart } from './VideoScrub.types';
-export declare const COMPONENT_TYPE = "wixEditorElements.VideoScrub__DEV__v15";
+export declare const COMPONENT_TYPE = "wixEditorElements.VideoScrub__DEV__v17";
 export declare const ROOT_CLASS = "video-scrub";
 export declare const presets: {
     readonly resizable: "resizable";
     readonly stretched: "stretched";
 };
-export declare const PRESET_THUMBNAILS: {
-    readonly stretched: "https://static.wixstatic.com/media/18873e_d780aeec5db34595bafd5f0d806b834b~mv2.png";
-    readonly resizable: "https://static.wixstatic.com/media/18873e_7db03132e6d8443da903c91f02616b90~mv2.png";
+export declare const VIDEO_SCALING_PANEL_ID = "7b0ee0d4-5bc5-429e-a1cf-8b1e35837fb8";
+export declare const VIDEO_SCALING_PANEL_BI_PARAMS: {
+    component_type: string;
+    builder_type: string;
+    panel_name: string;
+    control_type: string;
+    control_id: string;
+    panel_builder: string;
 };
 export declare const StickyMode: {
     readonly on: "on";

package/dist/site/components/VideoScrub/css.css

@@ -78,6 +78,7 @@
   mask-size: 100% 100%;
   mask-repeat: no-repeat;
   mask-position: center;
+  --video-position: 50% 0%;
 }
 
 .scrubbing__yEgJI {

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

@@ -1,9 +1,9 @@
-import { L as LAYOUT, b as DISPLAY_GROUPS, C as CSS_PROPERTIES, M as MEDIA, D as DATA, c as ContainerType, A as Archetype } from "../chunks/chunk-LDITHLYN.js";
+import { L as LAYOUT, b as DISPLAY_GROUPS, C as CSS_PROPERTIES, M as MEDIA, a as ACTIONS, D as DATA, c as ContainerType, A as Archetype } from "../chunks/chunk-LDITHLYN.js";
 import { g as getTranslationResources } from "../chunks/translationResources.js";
 import { V as VideoCategoryTypes } from "../chunks/types.impl.js";
-import { p as presets, k as TIMEFRAMES_GROUP_KEY, a as ScrollSpeed, j as ScrubStart, P as PRESET_THUMBNAILS, l as StickyMode, T as TIMEFRAME_CONTENT_CLASS, m as MAX_COUNT, R as ROOT_CLASS, C as COMPONENT_TYPE } from "../chunks/types.js";
+import { p as presets, k as TIMEFRAMES_GROUP_KEY, a as ScrollSpeed, j as ScrubStart, l as StickyMode, V as VIDEO_SCALING_PANEL_ID, T as TIMEFRAME_CONTENT_CLASS, m as MAX_COUNT, R as ROOT_CLASS, C as COMPONENT_TYPE } from "../chunks/types.js";
 const manifest = {
-  id: "f36c9a24-ea3a-4061-8cd9-5efd3886c10b",
+  id: "1a46792f-9775-4e08-a78a-11daf6e4d08b",
   type: COMPONENT_TYPE,
   description: "A video that plays by page scroll: while the visitor scrolls past it, the video stays on screen and its time follows the scroll. Timeframes show elements over the video during parts of it.",
   installation: {
@@ -128,6 +128,20 @@ const manifest = {
       // stage, so it is hidden (GoogleMap pattern).
       actions: { hide: ["manageItems"] }
     },
+    // Picks the preset: Fit to screen (Stretched) or Custom size (Resizable). No presets display
+    // group, so Studio shows no native presets panel (Menu pattern).
+    customActions: {
+      videoScaling: {
+        displayName: "Video scaling",
+        execution: {
+          actionType: ACTIONS.ACTION_TYPE.panel,
+          panel: {
+            panelType: ACTIONS.PANEL_TYPE.panelId,
+            panelId: VIDEO_SCALING_PANEL_ID
+          }
+        }
+      }
+    },
     // Custom properties, not cssProperties: Studio puts cssProperties on the root, and the root is
     // the tall scroll track. The sticky stage reads these (VideoScrub.module.scss). Same set as
     // VideoUpload, but the borders are per side (Tabs pattern).
@@ -326,15 +340,6 @@ const manifest = {
           bottomRight: "borderEndEndRadius"
         }
       },
-      // The native presets panel (Explore Designs). One group, so the panel shows no tabs. The
-      // panel lists Resizable first whatever this order is.
-      layouts: {
-        groupType: DISPLAY_GROUPS.GROUP_TYPE.presets,
-        displayName: "Layouts",
-        presets: {
-          items: [presets.stretched, presets.resizable]
-        }
-      },
       // The Settings panel does not follow the `data` key order.
       orderedDataGroup: {
         groupType: DISPLAY_GROUPS.GROUP_TYPE.data,
@@ -347,7 +352,6 @@ const manifest = {
       [presets.stretched]: {
         presetCssUrl: `./site/components/VideoScrub/presets/${presets.stretched}.css`,
         displayName: "Stretched",
-        thumbnailUrl: PRESET_THUMBNAILS.stretched,
         initialSize: {
           width: { sizingType: LAYOUT.SIZING_TYPE.stretched },
           height: { sizingType: LAYOUT.SIZING_TYPE.content }
@@ -361,7 +365,6 @@ const manifest = {
       },
       [presets.resizable]: {
         displayName: "Resizable",
-        thumbnailUrl: PRESET_THUMBNAILS.resizable,
         initialSize: {
           width: { sizingType: LAYOUT.SIZING_TYPE.pixels, pixels: 640 },
           height: { sizingType: LAYOUT.SIZING_TYPE.pixels, pixels: 360 }

package/dist/site/components/VideoScrub/panels/videoScaling/extension.d.ts

@@ -0,0 +1,4 @@
+declare const _default: {
+    type: string;
+};
+export default _default;

package/dist/site/components/VideoScrub/panels/videoScaling/panel.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const _default: (props: object) => React.JSX.Element | null;
+export default _default;

package/dist/site/components/VideoScrub/panels/videoScaling/translations/consts.d.ts

@@ -0,0 +1,7 @@
+export declare const TranslationKeys: {
+    readonly videoScalingLabel: "custompanel_video_scrub_video_scaling_label";
+    readonly fitToScreenOption: "custompanel_video_scrub_video_scaling_fit_to_screen";
+    readonly customSizeOption: "custompanel_video_scrub_video_scaling_custom_size";
+};
+export type Translations = Record<keyof typeof TranslationKeys, string>;
+export declare const DefaultTranslations: Translations;

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

@@ -1,21 +1,10 @@
+import { A11y } from '@wix/editor-react-types';
 import { DefaultCompPlatformProps } from '../../../types/vendored/editor-elements-types-thunderbolt';
 import { ScreenReaderSDKProps, AriaAttributesSDKProps, LangSDKProps } from '../../../common/sdk/props-factories/accessibilitySDKFactories/types';
 import { IElementPropsSDKActions } from '../../../common/sdk/props-factories/elementPropsSDKFactory';
 import { IClickPropsSDKActions } from '../../../common/sdk/props-factories/clickPropsSDKFactory';
 import { default as React } from 'react';
-type BooleanString = 'true' | 'false';
-type A11yRole = 'region' | 'group' | 'none' | 'status' | 'alert' | 'nav';
-type AriaLive = 'polite' | 'assertive';
-type AriaCurrent = 'step' | 'page' | 'true' | 'false';
-type StyledTextA11yProps = {
-    'aria-label'?: string;
-    'aria-live'?: AriaLive;
-    'aria-level'?: number;
-    role?: A11yRole;
-    'aria-atomic'?: BooleanString;
-    'aria-hidden'?: BooleanString;
-    'aria-current'?: AriaCurrent;
-};
+type StyledTextA11yProps = Pick<A11y, 'lang' | 'ariaLabel' | 'ariaLevel' | 'ariaHidden' | 'role'>;
 type WRichTextSkin = 'WRichTextSkin' | 'WRichTextNewSkin' | 'WRichTextClickableSkin' | 'WRichTextThemeSkin';
 type WRichTextProps = {
     html: string;

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

@@ -4,7 +4,7 @@ import { useRef, useEffect, useMemo } from "react";
 import { c as clsx } from "../chunks/clsx.js";
 import { f as formatClassNames } from "../chunks/classNames.js";
 import { g as getQaDataAttributes, a as getDataAttributes } from "../chunks/dataUtils.js";
-import { a as activateBySpaceOrEnterButton, g as getAccessibilityAttributesSpread } from "../chunks/a11y.js";
+import { a as activateBySpaceOrEnterButton, c as convertA11yKeysToHtmlFormat, g as getAccessibilityAttributesSpread } from "../chunks/a11y.js";
 import { p as parseHtml } from "../chunks/parseHtml.js";
 import { T as TestIds } from "../chunks/constants.js";
 const semanticClassNames = {
@@ -131,8 +131,8 @@ const WRichText$1 = React.forwardRef((props, ref) => {
       ),
       "data-testid": TestIds.richTextElement,
       ...sdkEventHandlers,
-      ...a11y,
       ...getAccessibilityAttributesSpread({ ariaAttributes, lang }),
+      ...convertA11yKeysToHtmlFormat(a11y ?? {}),
       ...getQaDataAttributes(isQaMode, fullNameCompType)
     } : {
       className: isClassNameToRootEnabled ? className : ""
@@ -166,8 +166,8 @@ const WRichText$1 = React.forwardRef((props, ref) => {
       ),
       "data-testid": TestIds.richTextElement,
       ...sdkEventHandlers,
-      ...a11y,
-      ...getAccessibilityAttributesSpread({ ariaAttributes, lang })
+      ...getAccessibilityAttributesSpread({ ariaAttributes, lang }),
+      ...convertA11yKeysToHtmlFormat(a11y ?? {})
     }
   };
   const prefixElement = prefix && /* @__PURE__ */ jsx(

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

@@ -66,12 +66,10 @@ const manifest = {
         [DATA.DATA_TYPE.a11y]: {
           attributes: [
             DATA.A11Y_ATTRIBUTES.ariaLabel,
-            DATA.A11Y_ATTRIBUTES.ariaLive,
             DATA.A11Y_ATTRIBUTES.ariaLevel,
             DATA.A11Y_ATTRIBUTES.role,
-            DATA.A11Y_ATTRIBUTES.ariaAtomic,
             DATA.A11Y_ATTRIBUTES.ariaHidden,
-            DATA.A11Y_ATTRIBUTES.ariaCurrent
+            DATA.A11Y_ATTRIBUTES.lang
           ]
         }
       }

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

@@ -10,16 +10,13 @@ var ScrubStart = /* @__PURE__ */ ((ScrubStart2) => {
   ScrubStart2["top"] = "top";
   return ScrubStart2;
 })(ScrubStart || {});
-const COMPONENT_TYPE = "wixEditorElements.VideoScrub__DEV__v15";
+const COMPONENT_TYPE = "wixEditorElements.VideoScrub__DEV__v17";
 const ROOT_CLASS = "video-scrub";
 const presets = {
   resizable: "resizable",
   stretched: "stretched"
 };
-const PRESET_THUMBNAILS = {
-  stretched: "https://static.wixstatic.com/media/18873e_d780aeec5db34595bafd5f0d806b834b~mv2.png",
-  resizable: "https://static.wixstatic.com/media/18873e_7db03132e6d8443da903c91f02616b90~mv2.png"
-};
+const VIDEO_SCALING_PANEL_ID = "7b0ee0d4-5bc5-429e-a1cf-8b1e35837fb8";
 const StickyMode = {
   on: "on",
   off: "off"
@@ -59,10 +56,10 @@ export {
   DEFAULT_VIDEO_RATIO as D,
   LEGACY_TIMEFRAMES_ARIA_LABEL_KEY as L,
   MAX_SCROLL_VH as M,
-  PRESET_THUMBNAILS as P,
   ROOT_CLASS as R,
   STICKY_TOP as S,
   TIMEFRAME_CONTENT_CLASS as T,
+  VIDEO_SCALING_PANEL_ID as V,
   ScrollSpeed as a,
   SCROLL_VH_PER_SECOND as b,
   START_LINE as c,

package/dist/site/components/extensions.js

@@ -65,6 +65,7 @@ import manifest$4 from "./TimePicker/manifest.js";
 import manifest$3 from "./TransparentVideo/manifest.js";
 import manifest$2 from "./VideoScrub/manifest.js";
 import manifest$1 from "./VideoUpload/manifest.js";
+import { V as VIDEO_SCALING_PANEL_ID } from "./chunks/types.js";
 import manifest from "./WRichText/manifest.js";
 const animatedIconPanelExtension = extensions.editorReactComponentPanel({
   id: "d8d9ddca-d5e4-453a-bd36-7deb8b302d26",
@@ -414,6 +415,18 @@ const transparentVideoPanelExtension = extensions.editorReactComponentPanel({
     width: "UNKNOWN_WIDTH"
   }
 });
+const videoScrubVideoScalingPanelExtension = extensions.editorReactComponentPanel({
+  id: VIDEO_SCALING_PANEL_ID,
+  displayName: "Video scaling",
+  code: {
+    bundleUrl: "./site/components/VideoScrub/panels/videoScaling/panel.tsx"
+  },
+  contentType: "code",
+  size: {
+    height: 150,
+    width: "UNKNOWN_WIDTH"
+  }
+});
 const videoUploadPanelExtension = extensions.editorReactComponentPanel({
   id: "a7f3b8c2-4e5d-4f8a-8b1c-2d3e4f5a6b7c",
   displayName: "Cover Image",
@@ -523,6 +536,7 @@ const panelExtensions = {
   textEffectsStickerPatternsPanelExtension,
   textMarqueePanelExtension,
   transparentVideoPanelExtension,
+  videoScrubVideoScalingPanelExtension,
   videoUploadPanelExtension
 };
 const environment = typeof process === "undefined" ? {} : process.env;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wix/editor-react-components",
-  "version": "1.2835.0",
+  "version": "1.2837.0",
   "description": "React components for the Wix Editor",
   "license": "MIT",
   "type": "module",
@@ -228,5 +228,5 @@
     "registry": "https://registry.npmjs.org/",
     "access": "public"
   },
-  "falconPackageHash": "2fd615476f6bd94b900954a5fde5391dea9ec1f7ade53a1f6ecd8b2f"
+  "falconPackageHash": "110eee47b76f8d690dcb94facecdd82642236c71e1f3c75aa2e78b74"
 }