@wix/editor-react-components 1.2836.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/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.2836.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": "a94b488213003bd08eab120dcd388a38b4b88e006c765a78d7d2461a"
+  "falconPackageHash": "110eee47b76f8d690dcb94facecdd82642236c71e1f3c75aa2e78b74"
 }