@wix/editor-react-components 1.2836.0 → 1.2838.0

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

@@ -1,7 +1,7 @@
 import { E as ELEMENTS, N as NativeStateType, C as CSS_PROPERTIES, b as DISPLAY_GROUPS, D as DATA, a as ACTIONS, L as LAYOUT, A as Archetype } from "../chunks/chunk-LDITHLYN.js";
 import { D as DisplayNames, c as DesignStates, d as defaultValues, s as selectors } from "../chunks/constants24.js";
 import { g as getSelector } from "../chunks/manifest.js";
-import { a as manifestFocusable, b as manifestChangeable } from "../chunks/manifestSdkMixins.js";
+import { b as manifestFocusable, c as manifestChangeable } from "../chunks/manifestSdkMixins.js";
 import { m as manifestValidation } from "../chunks/manifest2.js";
 const manifest = {
   id: "01a3965d-95d7-49e2-903a-3a496de97054",

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

@@ -1,7 +1,7 @@
 import { C as CSS_PROPERTIES, N as NativeStateType, E as ELEMENTS, a as ACTIONS, D as DATA, I as INTERACTIONS, L as LAYOUT, A as Archetype } from "../chunks/chunk-LDITHLYN.js";
 import { g as getTranslationResources } from "../chunks/translationResources.js";
 import { h as elementKeys, i as DesignStates, j as DisplayNames, k as DisplayConfig, d as DefaultValues, I as IconPositionOptions, S as StaticDisplayFilters, l as PageToShareOptions, m as DefaultButtons, B as ButtonWidthOptions, b as COMPONENT_TYPE } from "../chunks/constants22.js";
-import { c as manifestMouseHover } from "../chunks/manifestSdkMixins.js";
+import { d as manifestMouseHover } from "../chunks/manifestSdkMixins.js";
 const presets = {
   horizontal: "horizontal",
   vertical: "vertical"

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

@@ -2,7 +2,7 @@ import { E as ELEMENTS, C as CSS_PROPERTIES, D as DATA, a as ACTIONS, I as INTER
 import { g as getTranslationResources } from "../chunks/translationResources.js";
 import { g as getSelector } from "../chunks/manifest.js";
 import { c as DisplayNames, a as semanticClassNames, d as slideshowCssCustomPropertiesDefaults, e as slideshowCssPropertiesDefaults, s as slideshowDataDefaults, C as COMPONENT_TYPE } from "../chunks/Slideshow.semanticClassNames.js";
-import { c as manifestMouseHover, d as manifestClickable, e as manifestPlayable, b as manifestChangeable } from "../chunks/manifestSdkMixins.js";
+import { d as manifestMouseHover, e as manifestClickable, f as manifestPlayable, c as manifestChangeable } from "../chunks/manifestSdkMixins.js";
 const navigationButtons = {
   elementType: ELEMENTS.ELEMENT_TYPE.refElement,
   refElement: {

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

@@ -1,6 +1,6 @@
 import { E as ELEMENTS, N as NativeStateType, C as CSS_PROPERTIES, a as ACTIONS, I as INTERACTIONS, b as DISPLAY_GROUPS, D as DATA, L as LAYOUT, c as ContainerType, A as Archetype } from "../chunks/chunk-LDITHLYN.js";
 import { D as DesignStates, c as classes, R as ROOT_MENU_ITEM_CSS_PROPERTIES, a as ROOT_MENU_ITEM_CUSTOM_PROPERTIES } from "../chunks/constants20.js";
-import { a as manifestFocusable, c as manifestMouseHover, d as manifestClickable, b as manifestChangeable } from "../chunks/manifestSdkMixins.js";
+import { b as manifestFocusable, d as manifestMouseHover, e as manifestClickable, c as manifestChangeable } from "../chunks/manifestSdkMixins.js";
 const menuItemConfig = {
   elementType: ELEMENTS.ELEMENT_TYPE.inlineElement,
   [ELEMENTS.ELEMENT_TYPE.inlineElement]: {

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

@@ -1,5 +1,5 @@
 import { L as LAYOUT, N as NativeStateType, E as ELEMENTS, D as DATA, b as DISPLAY_GROUPS, C as CSS_PROPERTIES, A as Archetype } from "../chunks/chunk-LDITHLYN.js";
-import { a as manifestFocusable, c as manifestMouseHover, d as manifestClickable } from "../chunks/manifestSdkMixins.js";
+import { b as manifestFocusable, d as manifestMouseHover, e as manifestClickable } from "../chunks/manifestSdkMixins.js";
 const DesignStates = {
   testCompCard: {
     hover: { displayName: "Hover", className: "test-comp-card--hover" },

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

@@ -1,7 +1,7 @@
 import { E as ELEMENTS, N as NativeStateType, b as DISPLAY_GROUPS, C as CSS_PROPERTIES, D as DATA, L as LAYOUT, A as Archetype } from "../chunks/chunk-LDITHLYN.js";
 import { D as DisplayNames, b as DesignStates, d as defaultValues, s as selectors } from "../chunks/constants18.js";
 import { g as getSelector } from "../chunks/manifest.js";
-import { a as manifestFocusable, b as manifestChangeable } from "../chunks/manifestSdkMixins.js";
+import { b as manifestFocusable, c as manifestChangeable } from "../chunks/manifestSdkMixins.js";
 import { m as manifestValidation } from "../chunks/manifest2.js";
 const manifest = {
   id: "002d94d7-bec7-4082-8d00-fe4ede12024d",

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

@@ -1,7 +1,6 @@
 import { I as INTERACTIONS, D as DATA, b as DISPLAY_GROUPS, E as ELEMENTS, C as CSS_PROPERTIES, N as NativeStateType, L as LAYOUT, A as Archetype } from "../chunks/chunk-LDITHLYN.js";
-import { D as DomEventType } from "../chunks/types.impl.js";
 import { D as DesignStates, a as DisplayNames, F as FunctionalStateKeys, c as componentClassNames } from "../chunks/constants3.js";
-import { m as manifestInputable, a as manifestFocusable } from "../chunks/manifestSdkMixins.js";
+import { m as manifestKeyboard, a as manifestInputable, b as manifestFocusable } from "../chunks/manifestSdkMixins.js";
 const designState = (s, pseudoClass) => ({
   displayName: s.displayName,
   className: s.className,
@@ -350,26 +349,13 @@ const manifest = {
       },
       ...manifestFocusable(),
       ...manifestInputable(),
-      onKeyUp: {
-        displayName: "On Key Up",
-        dataType: DATA.DATA_TYPE.function,
-        [DATA.DATA_TYPE.function]: {
-          parameters: [{ domEvent: DomEventType.KEYBOARD }]
-        }
-      },
+      ...manifestKeyboard(),
       onValueChange: {
         displayName: "On Value Change",
         dataType: DATA.DATA_TYPE.function,
         [DATA.DATA_TYPE.function]: {
           parameters: [{ dataType: DATA.DATA_TYPE.text }]
         }
-      },
-      onKeyDown: {
-        displayName: "On Key Down",
-        dataType: DATA.DATA_TYPE.function,
-        [DATA.DATA_TYPE.function]: {
-          parameters: [{ domEvent: DomEventType.KEYBOARD }]
-        }
       }
     },
     interactions: {

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/constants40.js

@@ -1,19 +1,23 @@
+const TEXT_PROP_STATIC_VALUE_MAX_LENGTH = 400;
 const DisplayNames = {
   root: {
     elementDisplayName: "Checkbox",
     data: {
       checked: "Checked",
-      defaultChecked: "Checked by default",
-      required: "Required",
       readOnly: "Read only",
       disabled: "Disabled",
-      indeterminate: "Indeterminate",
       label: "Label",
-      tooltip: "Tooltip"
+      errorMessage: "Error message"
+    },
+    descriptions: {
+      checked: "This field's current value. Connect it to your context to save the data your visitors provide. A value typed in this panel stays fixed.",
+      errorMessage: "The message shown when this field is invalid. Connect it to your context so it appears only when something's wrong. A message typed in this panel always shows."
     },
     cssCustomProperties: {
-      gap: "Spacing",
-      alignment: "Alignment"
+      gap: "Spacing"
+    },
+    presets: {
+      baseCheckbox: "Base Checkbox"
     }
   },
   indicator: {
@@ -23,13 +27,15 @@ const DisplayNames = {
       uncheckedBorderColor: "Unchecked border color",
       checkedBackgroundColor: "Checked background color",
       checkedBorderColor: "Checked border color",
-      borderWidth: "Border width",
       checkmarkColor: "Checkmark color",
-      size: "Checkbox size"
+      checkboxSize: "Checkbox size"
     }
   },
   label: {
     elementDisplayName: "Label"
+  },
+  errorMessage: {
+    elementDisplayName: "Error message"
   }
 };
 const DesignStates = {
@@ -40,51 +46,43 @@ const DesignStates = {
       displayName: "Disabled",
       className: "checkbox__indicator--disabled"
     },
-    invalid: {
-      displayName: "Invalid",
-      className: "checkbox__indicator--invalid"
+    error: {
+      displayName: "Error",
+      className: "checkbox__indicator--error"
     }
   }
 };
+const FunctionalStateKeys = {
+  previewError: "previewError"
+};
+const ERROR_MESSAGE_PREVIEW_TEXT = "Error message";
 const defaultValues = {
   label: "Label",
   checked: false,
-  defaultChecked: false,
-  required: false,
   readOnly: false,
-  disabled: false,
-  indeterminate: false,
-  tooltip: ""
+  disabled: false
 };
-const VALUE_MISSING_MESSAGE = "This field is required";
 const TestIds = {
   root: "checkbox-root",
   control: "checkbox-control",
   indicator: "checkbox-indicator",
   label: "checkbox-label",
-  requiredIndicator: "checkbox-required-indicator",
-  tooltipButton: "checkbox-tooltip-button",
-  errorMessage: "checkbox-error-message"
+  errorMessage: "checkbox-error-message",
+  accessibleName: "checkbox-accessible-name"
 };
 const selectors = {
   root: "checkbox",
   indicator: "checkbox__indicator",
-  label: "checkbox__label"
-};
-const semanticClassNames = {
-  root: "checkbox",
-  control: "checkbox__control",
-  indicator: "checkbox__indicator",
   label: "checkbox__label",
-  requiredIndicator: "checkbox__required-indicator",
   errorMessage: "checkbox__error-message"
 };
 export {
-  DisplayNames as D,
+  DesignStates as D,
+  ERROR_MESSAGE_PREVIEW_TEXT as E,
+  FunctionalStateKeys as F,
   TestIds as T,
-  VALUE_MISSING_MESSAGE as V,
-  semanticClassNames as a,
-  DesignStates as b,
+  DisplayNames as a,
+  TEXT_PROP_STATIC_VALUE_MAX_LENGTH as b,
   defaultValues as d,
   selectors as s
 };

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

@@ -7,6 +7,8 @@ const MANIFEST_DEFAULT_FUNCTION_DISPLAY_NAMES = {
   onDblClick: "On Double Click",
   onFocus: "On Focus",
   onBlur: "On Blur",
+  onKeyDown: "On Key Down",
+  onKeyUp: "On Key Up",
   onMouseIn: "On Mouse In",
   onMouseOut: "On Mouse Out",
   onPlay: "On Play",
@@ -73,6 +75,21 @@ function manifestFocusable(names = {}) {
     )
   };
 }
+function manifestKeyboard(names = {}) {
+  const payload = {
+    parameters: [{ domEvent: DomEventType.KEYBOARD }]
+  };
+  return {
+    onKeyDown: manifestFunction(
+      names.onKeyDown ?? MANIFEST_DEFAULT_FUNCTION_DISPLAY_NAMES.onKeyDown,
+      payload
+    ),
+    onKeyUp: manifestFunction(
+      names.onKeyUp ?? MANIFEST_DEFAULT_FUNCTION_DISPLAY_NAMES.onKeyUp,
+      payload
+    )
+  };
+}
 function manifestMouseHover(names = {}) {
   const payload = {
     parameters: [{ domEvent: DomEventType.POINTER }]
@@ -115,11 +132,12 @@ function manifestMediaProgress(names = {}) {
   };
 }
 export {
-  manifestFocusable as a,
-  manifestChangeable as b,
-  manifestMouseHover as c,
-  manifestClickable as d,
-  manifestPlayable as e,
-  manifestMediaProgress as f,
-  manifestInputable as m
+  manifestInputable as a,
+  manifestFocusable as b,
+  manifestChangeable as c,
+  manifestMouseHover as d,
+  manifestClickable as e,
+  manifestPlayable as f,
+  manifestMediaProgress as g,
+  manifestKeyboard as m
 };

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.2838.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": "098d5314e74b592357b869dd0cebeeb40b0e16597928c11f76a69d2e"
 }

package/dist/site/components/Checkbox/component.preview.d.ts

@@ -1,4 +0,0 @@
-import { ResolveManifestOverrides } from '../../../utils/ResolveManifestOverrides';
-import { default as Checkbox } from './Checkbox';
-export default Checkbox;
-export declare const resolveManifestOverrides: ResolveManifestOverrides;