@wix/editor-react-components 1.2816.0 → 1.2818.0

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

@@ -1,6 +1,6 @@
 import { C as CSS_PROPERTIES, b as DISPLAY_GROUPS, D as DATA, L as LAYOUT, c as ContainerType, a as ACTIONS, E as ELEMENTS, N as NativeStateType, A as Archetype } from "../chunks/chunk-LDITHLYN.js";
 import { D as DesignStates, b as DISPLAY_NAMES, c as accordionManifestDefaults, C as CONTAINER_INITIAL_HEIGHT } from "../chunks/constants44.js";
-import { m as manifestFocusable, b as manifestMouseHover, c as manifestClickable } from "../chunks/manifestSdkMixins.js";
+import { a as manifestFocusable, c as manifestMouseHover, d as manifestClickable } from "../chunks/manifestSdkMixins.js";
 import { w as withSpec } from "../chunks/manifest.js";
 import { I as IS_SUPPORT_DESIGN_STATE_SPEC } from "../chunks/specs.js";
 const options = [

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

@@ -1,5 +1,5 @@
 import { b as DISPLAY_GROUPS, N as NativeStateType, C as CSS_PROPERTIES, E as ELEMENTS, D as DATA, I as INTERACTIONS, L as LAYOUT, A as Archetype } from "../chunks/chunk-LDITHLYN.js";
-import { b as manifestMouseHover, e as manifestMediaProgress, d as manifestPlayable } from "../chunks/manifestSdkMixins.js";
+import { c as manifestMouseHover, f as manifestMediaProgress, e as manifestPlayable } from "../chunks/manifestSdkMixins.js";
 import { D as DesignStates, a as DisplayNames, s as selectors, b as borderDefaultValue } from "../chunks/constants43.js";
 import manifest$1 from "../Image3/manifest.js";
 import { w as withSpec } from "../chunks/manifest.js";

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

@@ -3,7 +3,7 @@ import { g as getTranslationResources } from "../chunks/translationResources.js"
 import { w as withSpec, g as getSelector } from "../chunks/manifest.js";
 import { I as IS_SUPPORT_DESIGN_STATE_SPEC } from "../chunks/specs.js";
 import { D as DesignStates, a as DisplayNames, h as homepageModeValues, b as defaultStateValues, e as separatorValues, c as componentMetadata, s as semanticClassNames } from "../chunks/constants41.js";
-import { b as manifestMouseHover } from "../chunks/manifestSdkMixins.js";
+import { c as manifestMouseHover } from "../chunks/manifestSdkMixins.js";
 const manifest = {
   id: componentMetadata.id,
   type: componentMetadata.type,

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

@@ -1,6 +1,6 @@
 import { a as ACTIONS, E as ELEMENTS, N as NativeStateType, C as CSS_PROPERTIES, I as INTERACTIONS, D as DATA, L as LAYOUT, A as Archetype } from "../chunks/chunk-LDITHLYN.js";
 import { D as DesignStates, b as DisplayNames, c as DEFAULT_ICON_POSITION, C as COMPONENT_TYPE } from "../chunks/constants21.js";
-import { m as manifestFocusable, b as manifestMouseHover, c as manifestClickable } from "../chunks/manifestSdkMixins.js";
+import { a as manifestFocusable, c as manifestMouseHover, d as manifestClickable } from "../chunks/manifestSdkMixins.js";
 import { w as withSpec } from "../chunks/manifest.js";
 import { I as IS_SUPPORT_DESIGN_STATE_SPEC } from "../chunks/specs.js";
 const displayConfig = {

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

@@ -2,7 +2,7 @@ import { E as ELEMENTS, N as NativeStateType, C as CSS_PROPERTIES, D as DATA, L
 import { D as DesignStates, b as DisplayNames, d as defaultValues, s as selectors } from "../chunks/constants40.js";
 import { w as withSpec, g as getSelector } from "../chunks/manifest.js";
 import { I as IS_SUPPORT_DESIGN_STATE_SPEC } from "../chunks/specs.js";
-import { m as manifestFocusable, a as manifestChangeable } from "../chunks/manifestSdkMixins.js";
+import { a as manifestFocusable, b as manifestChangeable } from "../chunks/manifestSdkMixins.js";
 import { m as manifestValidation } from "../chunks/manifest2.js";
 const manifest = {
   id: "fcdba628-aba7-4d3d-9eac-deeef69fe3fe",

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

@@ -2,7 +2,7 @@ import { E as ELEMENTS, C as CSS_PROPERTIES, N as NativeStateType, b as DISPLAY_
 import { D as DesignStates, c as DisplayNames, d as defaultValues, s as selectors } from "../chunks/constants39.js";
 import { w as withSpec, g as getSelector } from "../chunks/manifest.js";
 import { I as IS_SUPPORT_DESIGN_STATE_SPEC } from "../chunks/specs.js";
-import { m as manifestFocusable, a as manifestChangeable } from "../chunks/manifestSdkMixins.js";
+import { a as manifestFocusable, b as manifestChangeable } from "../chunks/manifestSdkMixins.js";
 import { m as manifestValidation } from "../chunks/manifest2.js";
 const manifest = {
   id: "aa224b85-e2af-462b-9a15-5de3a753bea8",

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

@@ -1,7 +1,7 @@
 import { C as CSS_PROPERTIES, E as ELEMENTS, D as DATA, b as DISPLAY_GROUPS, L as LAYOUT, I as INTERACTIONS, A as Archetype } from "../chunks/chunk-LDITHLYN.js";
 import { D as DisplayNames, d as defaultValues, m as manifestClasses } from "../chunks/constants38.js";
 import { g as getSelector } from "../chunks/manifest.js";
-import { b as manifestMouseHover, c as manifestClickable } from "../chunks/manifestSdkMixins.js";
+import { c as manifestMouseHover, d as manifestClickable } from "../chunks/manifestSdkMixins.js";
 const manifest = {
   id: "1392cc2d-20e7-411a-8b60-6e0af55b8ece",
   type: "wixEditorElements.CollapsibleText",

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

@@ -1,7 +1,7 @@
 import { b as DISPLAY_GROUPS, D as DATA, M as MEDIA, a as ACTIONS, I as INTERACTIONS, A as Archetype, L as LAYOUT } from "../chunks/chunk-LDITHLYN.js";
 import { g as getTranslationResources } from "../chunks/translationResources.js";
 import { n as DisplayNames, o as MAP_STYLE_KEYS, p as defaultValues, a as MAX_ZOOM, M as MIN_ZOOM, C as COMPONENT_TYPE } from "../chunks/consts2.js";
-import { b as manifestMouseHover } from "../chunks/manifestSdkMixins.js";
+import { c as manifestMouseHover } from "../chunks/manifestSdkMixins.js";
 const manifest = {
   id: "bf8a38af-5784-47d5-92d3-3627a6a60bc6",
   type: COMPONENT_TYPE,

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

@@ -2,7 +2,7 @@ var _a, _b;
 import { D as DATA, a as ACTIONS, L as LAYOUT, A as Archetype } from "../chunks/chunk-LDITHLYN.js";
 import { g as getTranslationResources } from "../chunks/translationResources.js";
 import { C as COMPONENT_TYPE } from "../chunks/constants35.js";
-import { b as manifestMouseHover } from "../chunks/manifestSdkMixins.js";
+import { c as manifestMouseHover } from "../chunks/manifestSdkMixins.js";
 const DisplayNames = {
   root: {
     elementDisplayName: "HTML Element",

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

@@ -1,7 +1,7 @@
 import { a as ACTIONS, D as DATA, M as MEDIA, N as NativeStateType, C as CSS_PROPERTIES, b as DISPLAY_GROUPS, L as LAYOUT, I as INTERACTIONS, A as Archetype } from "../chunks/chunk-LDITHLYN.js";
 import { g as getTranslationResources } from "../chunks/translationResources.js";
 import { a as DesignStates, p as presets, b as DisplayNames, C as COMPONENT_TYPE } from "../chunks/constants31.js";
-import { b as manifestMouseHover } from "../chunks/manifestSdkMixins.js";
+import { c as manifestMouseHover } from "../chunks/manifestSdkMixins.js";
 import { w as withSpec } from "../chunks/manifest.js";
 import { I as IS_SUPPORT_DESIGN_STATE_SPEC } from "../chunks/specs.js";
 const manifest = {

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

@@ -2,7 +2,7 @@ import { b as DISPLAY_GROUPS, E as ELEMENTS, D as DATA, L as LAYOUT, A as Archet
 import { g as getTranslationResources } from "../chunks/translationResources.js";
 import { g as getSelector } from "../chunks/manifest.js";
 import { c as speedConstraints, d as playButtonDefaults, e as DisplayNames, r as rootDataDefaults, b as showButtonOnHoverDefaults, f as borderDefaultValue, i as initialSize, C as COMPONENT_TYPE, s as semanticSelectors } from "../chunks/constants29.js";
-import { m as manifestFocusable, b as manifestMouseHover, c as manifestClickable } from "../chunks/manifestSdkMixins.js";
+import { a as manifestFocusable, c as manifestMouseHover, d as manifestClickable } from "../chunks/manifestSdkMixins.js";
 const manifest = {
   id: "13165477-8205-4050-b078-424a1479159e",
   type: COMPONENT_TYPE,

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

@@ -3,7 +3,7 @@ import { g as getTranslationResources } from "../chunks/translationResources.js"
 import { c as DesignStates, f as DisplayNames, s as selectors, g as DropdownAnchorPositions, h as DropdownAppliedStyleProperties, i as elementKeys, j as customActionKeys, k as MENU_ANIMATED_ICON_SPEC, m as states, p as presets, n as menuBuiltInActions, C as COMPONENT_TYPE } from "../chunks/constants27.js";
 import { w as withSpec } from "../chunks/manifest.js";
 import { I as IS_SUPPORT_DESIGN_STATE_SPEC } from "../chunks/specs.js";
-import { b as manifestMouseHover } from "../chunks/manifestSdkMixins.js";
+import { c as manifestMouseHover } from "../chunks/manifestSdkMixins.js";
 const dropdownItemConfig = {
   elementType: ELEMENTS.ELEMENT_TYPE.inlineElement,
   [ELEMENTS.ELEMENT_TYPE.inlineElement]: {

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

@@ -1,6 +1,6 @@
 import { b as DISPLAY_GROUPS, a as ACTIONS, D as DATA, L as LAYOUT, c as ContainerType, A as Archetype } from "../chunks/chunk-LDITHLYN.js";
 import { D as DESCRIPTIONS, a as DISPLAY_NAMES, s as selectors } from "../chunks/constants26.js";
-import { m as manifestFocusable, b as manifestMouseHover, c as manifestClickable, a as manifestChangeable } from "../chunks/manifestSdkMixins.js";
+import { a as manifestFocusable, c as manifestMouseHover, d as manifestClickable, b as manifestChangeable } from "../chunks/manifestSdkMixins.js";
 import { g as getSelector } from "../chunks/manifest.js";
 const manifest = {
   id: "32d6f6fe-72ef-4490-82aa-d3b13cce6ef1",

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

@@ -2,7 +2,7 @@ import { E as ELEMENTS, N as NativeStateType, C as CSS_PROPERTIES, b as DISPLAY_
 import { D as DesignStates, c as DisplayNames, d as defaultValues, s as selectors } from "../chunks/constants24.js";
 import { w as withSpec, g as getSelector } from "../chunks/manifest.js";
 import { I as IS_SUPPORT_DESIGN_STATE_SPEC } from "../chunks/specs.js";
-import { m as manifestFocusable, a as manifestChangeable } from "../chunks/manifestSdkMixins.js";
+import { a as manifestFocusable, b 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 { b as manifestMouseHover } from "../chunks/manifestSdkMixins.js";
+import { c as manifestMouseHover } from "../chunks/manifestSdkMixins.js";
 import { w as withSpec } from "../chunks/manifest.js";
 import { I as IS_SUPPORT_DESIGN_STATE_SPEC } from "../chunks/specs.js";
 const presets = {

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 { b as manifestMouseHover, c as manifestClickable, d as manifestPlayable, a as manifestChangeable } from "../chunks/manifestSdkMixins.js";
+import { c as manifestMouseHover, d as manifestClickable, e as manifestPlayable, b as manifestChangeable } from "../chunks/manifestSdkMixins.js";
 const navigationButtons = {
   elementType: ELEMENTS.ELEMENT_TYPE.refElement,
   refElement: {

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

@@ -2,7 +2,7 @@ import { E as ELEMENTS, N as NativeStateType, C as CSS_PROPERTIES, a as ACTIONS,
 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 { w as withSpec } from "../chunks/manifest.js";
 import { I as IS_SUPPORT_DESIGN_STATE_SPEC } from "../chunks/specs.js";
-import { m as manifestFocusable, b as manifestMouseHover, c as manifestClickable, a as manifestChangeable } from "../chunks/manifestSdkMixins.js";
+import { a as manifestFocusable, c as manifestMouseHover, d as manifestClickable, b 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 { m as manifestFocusable, b as manifestMouseHover, c as manifestClickable } from "../chunks/manifestSdkMixins.js";
+import { a as manifestFocusable, c as manifestMouseHover, d as manifestClickable } from "../chunks/manifestSdkMixins.js";
 const DesignStates = {
   testCompCard: {
     hover: { displayName: "Hover", className: "test-comp-card--hover" },

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

@@ -2,7 +2,7 @@ import { E as ELEMENTS, N as NativeStateType, b as DISPLAY_GROUPS, C as CSS_PROP
 import { D as DesignStates, b as DisplayNames, d as defaultValues, s as selectors } from "../chunks/constants18.js";
 import { w as withSpec, g as getSelector } from "../chunks/manifest.js";
 import { I as IS_SUPPORT_DESIGN_STATE_SPEC } from "../chunks/specs.js";
-import { m as manifestFocusable, a as manifestChangeable } from "../chunks/manifestSdkMixins.js";
+import { a as manifestFocusable, b 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/TextInput.types.d.ts

@@ -1,4 +1,5 @@
 import { A11y, Direction } from '@wix/editor-react-types';
+import { SdkFunctionFocusableProps, SdkFunctionInputableProps, SdkFunctionKeyboardProps } from '../../../utils/functions/sdkFunctionCallbackProps';
 import type * as React from 'react';
 /**
  * Per-element className overrides. Keys match the manifest element keys — the
@@ -31,12 +32,11 @@ export type ITextInputProps = ITextInputMapperProps & {
         presetsWrapperProps?: Record<string, unknown>;
     };
 };
-export type ITextInputMapperProps = {
+export type ITextInputMapperProps = SdkFunctionFocusableProps<HTMLInputElement> & SdkFunctionInputableProps<HTMLInputElement> & SdkFunctionKeyboardProps<HTMLInputElement> & {
     a11y?: A11y;
     /** Controlled value. Omission renders an empty input; edits require a parent update. */
     value?: string;
     onValueChange?: (value: string) => void;
-    onKeyDown?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
     label?: string;
     placeholder?: string;
     helperText?: string;

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

@@ -213,6 +213,11 @@ const TextInput = (props) => {
     autoFocus,
     onValueChange = noop,
     onKeyDown,
+    onKeyUp,
+    onKeyPress,
+    onInput,
+    onFocus,
+    onBlur,
     a11y,
     contentRef,
     elementProps,
@@ -276,6 +281,11 @@ const TextInput = (props) => {
     className: inputClasses,
     id: `input_${id}`,
     onKeyDown,
+    onKeyUp,
+    onKeyPress,
+    onInput,
+    onFocus,
+    onBlur,
     "aria-invalid": ariaInvalid,
     ...ariaLabel && { "aria-label": ariaLabel },
     ...customAccessibleNameId && {

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

@@ -1,6 +1,7 @@
 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 { I as IS_SUPPORT_DESIGN_STATE_SPEC } from "../chunks/specs.js";
 const designState = (s, pseudoClass) => ({
   spec: IS_SUPPORT_DESIGN_STATE_SPEC,
@@ -266,6 +267,20 @@ const manifest = {
             "disabled"
           ]
         }
+      },
+      orderedEventsGroup: {
+        groupType: DISPLAY_GROUPS.GROUP_TYPE.data,
+        data: {
+          items: [
+            "onValueChange",
+            "onInput",
+            "onKeyDown",
+            "onKeyPress",
+            "onKeyUp",
+            "onFocus",
+            "onBlur"
+          ]
+        }
       }
     },
     data: {
@@ -330,6 +345,22 @@ const manifest = {
         displayName: DisplayNames.data.readOnly,
         dataType: DATA.DATA_TYPE.booleanValue
       },
+      ...manifestFocusable(),
+      ...manifestInputable(),
+      onKeyUp: {
+        displayName: "On Key Up",
+        dataType: DATA.DATA_TYPE.function,
+        [DATA.DATA_TYPE.function]: {
+          parameters: [{ domEvent: DomEventType.KEYBOARD }]
+        }
+      },
+      onKeyPress: {
+        displayName: "On Key Press",
+        dataType: DATA.DATA_TYPE.function,
+        [DATA.DATA_TYPE.function]: {
+          parameters: [{ domEvent: DomEventType.KEYBOARD }]
+        }
+      },
       onValueChange: {
         displayName: "On Value Change",
         dataType: DATA.DATA_TYPE.function,

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

@@ -2,6 +2,7 @@ import { D as DATA } from "./chunk-LDITHLYN.js";
 import { D as DomEventType } from "./types.impl.js";
 const MANIFEST_DEFAULT_FUNCTION_DISPLAY_NAMES = {
   onChange: "On Change",
+  onInput: "On Input",
   onClick: "On Click",
   onDblClick: "On Double Click",
   onFocus: "On Focus",
@@ -31,6 +32,17 @@ function manifestChangeable(names = {}) {
     )
   };
 }
+function manifestInputable(names = {}) {
+  const payload = {
+    parameters: [{ domEvent: DomEventType.CHANGE }]
+  };
+  return {
+    onInput: manifestFunction(
+      names.onInput ?? MANIFEST_DEFAULT_FUNCTION_DISPLAY_NAMES.onInput,
+      payload
+    )
+  };
+}
 function manifestClickable(names = {}) {
   const payload = {
     parameters: [{ domEvent: DomEventType.POINTER }]
@@ -103,10 +115,11 @@ function manifestMediaProgress(names = {}) {
   };
 }
 export {
-  manifestChangeable as a,
-  manifestMouseHover as b,
-  manifestClickable as c,
-  manifestPlayable as d,
-  manifestMediaProgress as e,
-  manifestFocusable as m
+  manifestFocusable as a,
+  manifestChangeable as b,
+  manifestMouseHover as c,
+  manifestClickable as d,
+  manifestPlayable as e,
+  manifestMediaProgress as f,
+  manifestInputable as m
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wix/editor-react-components",
-  "version": "1.2816.0",
+  "version": "1.2818.0",
   "description": "React components for the Wix Editor",
   "license": "MIT",
   "type": "module",
@@ -224,5 +224,5 @@
     "registry": "https://registry.npmjs.org/",
     "access": "public"
   },
-  "falconPackageHash": "ba4db0c911d93e3e081f00b1f40db45434f8be88e0f26133bc2b3b07"
+  "falconPackageHash": "66998737c16a2cfc0269efff91d7d7eab79c3acff7c4a8c28f499ac2"
 }