@wix/editor-react-components 1.2873.0 → 1.2874.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 { b as DISPLAY_NAMES, c as accordionManifestDefaults, C as CONTAINER_INITIAL_HEIGHT, D as DesignStates } from "../chunks/constants44.js";
-import { b as manifestFocusable, d as manifestMouseHover, e as manifestClickable } from "../chunks/manifestSdkMixins.js";
+import { a as manifestFocusable, d as manifestMouseHover, e as manifestClickable } from "../chunks/manifestSdkMixins.js";
 const options = [
   {
     value: "Start",

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 { b as manifestFocusable, d as manifestMouseHover, e as manifestClickable } from "../chunks/manifestSdkMixins.js";
+import { a as manifestFocusable, d as manifestMouseHover, e as manifestClickable } from "../chunks/manifestSdkMixins.js";
 import { B as BACKDROP_FILTER_SPEC } from "../chunks/specs.js";
 const displayConfig = {
   displayValues: ["none", "block"]

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

@@ -1,6 +1,6 @@
 import { D as DATA, b as DISPLAY_GROUPS, E as ELEMENTS, N as NativeStateType, C as CSS_PROPERTIES, L as LAYOUT, A as Archetype } from "../chunks/chunk-LDITHLYN.js";
 import { d as defaultValues, a as DisplayNames, F as FunctionalStateKeys, D as DesignStates, s as selectors } from "../chunks/constants40.js";
-import { b as manifestFocusable, m as manifestKeyboard } from "../chunks/manifestSdkMixins.js";
+import { a as manifestFocusable, m as manifestKeyboard } from "../chunks/manifestSdkMixins.js";
 import { T as TEXT_PROP_STATIC_VALUE_MAX_LENGTH, g as getSelector } from "../chunks/manifest.js";
 const basePresetName = "baseCheckbox";
 const manifest = {

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

@@ -1,7 +1,7 @@
 import { E as ELEMENTS, C as CSS_PROPERTIES, N as NativeStateType, 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/constants39.js";
 import { g as getSelector } from "../chunks/manifest.js";
-import { b as manifestFocusable, c as manifestChangeable } from "../chunks/manifestSdkMixins.js";
+import { a as manifestFocusable, c 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/DatePicker/manifest.js

@@ -2,7 +2,7 @@ import { D as DomEventType } from "../chunks/types.impl.js";
 import { C as CSS_PROPERTIES, N as NativeStateType, b as DISPLAY_GROUPS, D as DATA, E as ELEMENTS, L as LAYOUT, A as Archetype } from "../chunks/chunk-LDITHLYN.js";
 import { F as FunctionalStateKeys, D as DesignStates, d as defaultValues, b as DisplayNames, c as Descriptions, C as COMPONENT_TYPE, s as selectors } from "../chunks/constants37.js";
 import { T as TEXT_PROP_STATIC_VALUE_MAX_LENGTH, g as getSelector } from "../chunks/manifest.js";
-import { b as manifestFocusable } from "../chunks/manifestSdkMixins.js";
+import { a as manifestFocusable } from "../chunks/manifestSdkMixins.js";
 const basePresetName = "baseDatePicker";
 const presetFont = (size) => ({
   defaultValue: `normal normal 400 ${size}/1.3em 'Wix Madefor Text', sans-serif`

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 { b as manifestFocusable, d as manifestMouseHover, e as manifestClickable } from "../chunks/manifestSdkMixins.js";
+import { a as manifestFocusable, d as manifestMouseHover, e as manifestClickable } from "../chunks/manifestSdkMixins.js";
 const manifest = {
   id: "13165477-8205-4050-b078-424a1479159e",
   type: COMPONENT_TYPE,

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 { b as manifestFocusable, d as manifestMouseHover, e as manifestClickable, c as manifestChangeable } from "../chunks/manifestSdkMixins.js";
+import { a as manifestFocusable, d as manifestMouseHover, e as manifestClickable, c 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

@@ -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 { b as manifestFocusable, c as manifestChangeable } from "../chunks/manifestSdkMixins.js";
+import { a 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/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 { b as manifestFocusable, d as manifestMouseHover, e as manifestClickable, c as manifestChangeable } from "../chunks/manifestSdkMixins.js";
+import { a 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 { b as manifestFocusable, d as manifestMouseHover, e as manifestClickable } from "../chunks/manifestSdkMixins.js";
+import { a 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 { b as manifestFocusable, c as manifestChangeable } from "../chunks/manifestSdkMixins.js";
+import { a 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,6 +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 DesignStates, a as DisplayNames, F as FunctionalStateKeys, c as componentClassNames } from "../chunks/constants3.js";
-import { m as manifestKeyboard, a as manifestInputable, b as manifestFocusable } from "../chunks/manifestSdkMixins.js";
+import { m as manifestKeyboard, b as manifestInputable, a as manifestFocusable } from "../chunks/manifestSdkMixins.js";
 import { T as TEXT_PROP_STATIC_VALUE_MAX_LENGTH } from "../chunks/manifest.js";
 const designState = (s, pseudoClass) => ({
   displayName: s.displayName,

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

@@ -1,4 +1,5 @@
 import { A11y, Direction } from '@wix/editor-react-types';
+import { SdkFunctionFocusableProps, SdkFunctionKeyboardProps } from '../../../utils/functions/sdkFunctionCallbackProps';
 export type TimePickerElementProps = {
     label?: {
         className?: string;
@@ -16,7 +17,7 @@ export type TimePickerElementProps = {
         className?: string;
     };
 };
-export type TimePickerProps = {
+export type TimePickerProps = SdkFunctionFocusableProps & SdkFunctionKeyboardProps<HTMLElement> & {
     /** Fires with the selected local-time value, or `undefined` when cleared. */
     onValueChange?: (value: string | undefined) => void;
     /** DOM `id` on the root `.timePicker` wrapper. */

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

@@ -61,7 +61,9 @@ const useTimePickerValue = (params) => {
   };
 };
 const TimePickerField = ({
-  elementProps
+  elementProps,
+  onKeyDown,
+  onKeyUp
 }) => {
   var _a;
   const segmentClassName = clsx(
@@ -69,6 +71,13 @@ const TimePickerField = ({
     selectors.segment,
     (_a = elementProps == null ? void 0 : elementProps.segment) == null ? void 0 : _a.className
   );
+  const handleKeyDownCapture = onKeyDown && ((event) => {
+    const wasPrevented = event.defaultPrevented;
+    onKeyDown(event);
+    if (!wasPrevented && event.defaultPrevented) {
+      event.stopPropagation();
+    }
+  });
   const renderSegments = (seg) => /* @__PURE__ */ jsx(
     $40825cdb76e74f70$export$336ab7fa954c4b5f,
     {
@@ -95,6 +104,8 @@ const TimePickerField = ({
           }
         );
       },
+      onKeyDownCapture: handleKeyDownCapture,
+      onKeyUp,
       "data-testid": TestIds.group,
       children: /* @__PURE__ */ jsx($40825cdb76e74f70$export$7edc06cf1783b30f, { className: styles.field, "data-testid": TestIds.field, children: renderSegments })
     }
@@ -115,6 +126,10 @@ function TimePicker(props) {
     direction,
     a11y,
     onValueChange = noop,
+    onKeyDown,
+    onKeyUp,
+    onFocus,
+    onBlur,
     wix,
     elementProps
   } = props;
@@ -165,6 +180,8 @@ function TimePicker(props) {
               isReadOnly: readOnly,
               isInvalid: inErrorState,
               "aria-label": ariaLabel,
+              onFocus,
+              onBlur,
               children: [
                 label2 ? /* @__PURE__ */ jsx(
                   $01b77f81d0f07f68$export$b04be29aa201d4f5,
@@ -177,7 +194,14 @@ function TimePicker(props) {
                     children: label2
                   }
                 ) : null,
-                /* @__PURE__ */ jsx(TimePickerField, { elementProps }),
+                /* @__PURE__ */ jsx(
+                  TimePickerField,
+                  {
+                    elementProps,
+                    onKeyDown,
+                    onKeyUp
+                  }
+                ),
                 helperText ? /* @__PURE__ */ jsx(
                   $514c0188e459b4c0$export$5f1af8db9871e1d6,
                   {

package/dist/site/components/TimePicker/components/TimePickerField.d.ts

@@ -1,5 +1,8 @@
 import { default as React } from 'react';
 import { TimePickerElementProps } from '../TimePicker.types';
-export declare const TimePickerField: ({ elementProps, }: {
+import { SdkFunctionKeyboardProps } from '../../../../utils/functions/sdkFunctionCallbackProps';
+type TimePickerFieldProps = SdkFunctionKeyboardProps<HTMLElement> & {
     elementProps?: TimePickerElementProps;
-}) => React.JSX.Element;
+};
+export declare const TimePickerField: ({ elementProps, onKeyDown, onKeyUp, }: TimePickerFieldProps) => React.JSX.Element;
+export {};

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

@@ -39,6 +39,7 @@ export declare const Descriptions: {
             value: string;
             helperText: string;
             errorMessage: string;
+            onKeyDown: string;
         };
     };
 };

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

@@ -1,7 +1,9 @@
 import { b as DISPLAY_GROUPS, D as DATA, E as ELEMENTS, L as LAYOUT, A as Archetype } from "../chunks/chunk-LDITHLYN.js";
 import { b as DisplayNames, c as Descriptions, F as FunctionalStateKeys, D as DesignStates, C as COMPONENT_TYPE, s as selectors } from "../chunks/constants2.js";
 import { T as TEXT_PROP_STATIC_VALUE_MAX_LENGTH, g as getSelector } from "../chunks/manifest.js";
+import { m as manifestKeyboard, a as manifestFocusable } from "../chunks/manifestSdkMixins.js";
 const basePresetName = "baseTimePicker";
+const keyboardEvents = manifestKeyboard();
 const manifest = {
   id: "41156bbe-2741-4a01-a715-7eba6e294f0b",
   type: COMPONENT_TYPE,
@@ -305,6 +307,12 @@ const manifest = {
       direction: {
         dataType: DATA.DATA_TYPE.direction
       },
+      ...manifestFocusable(),
+      ...keyboardEvents,
+      onKeyDown: {
+        ...keyboardEvents.onKeyDown,
+        description: Descriptions.root.data.onKeyDown
+      },
       onValueChange: {
         dataType: DATA.DATA_TYPE.function,
         displayName: DisplayNames.root.data.onValueChange,
@@ -343,6 +351,12 @@ const manifest = {
             "disabled"
           ]
         }
+      },
+      orderedEventsGroup: {
+        groupType: DISPLAY_GROUPS.GROUP_TYPE.data,
+        data: {
+          items: ["onValueChange", "onKeyDown", "onKeyUp", "onFocus", "onBlur"]
+        }
       }
     }
   },

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

@@ -38,7 +38,8 @@ const Descriptions = {
     data: {
       value: "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.",
       helperText: "A hint shown under this field, like a format example. It’s always visible, so keep it short.",
-      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."
+      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.",
+      onKeyDown: "Fires before the time picker handles a key. Calling preventDefault() cancels that handling. Avoid cancelling Tab, which can trap keyboard focus, or arrow keys, the only keyboard way to step a time segment."
     }
   }
 };

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

@@ -132,8 +132,8 @@ function manifestMediaProgress(names = {}) {
   };
 }
 export {
-  manifestInputable as a,
-  manifestFocusable as b,
+  manifestFocusable as a,
+  manifestInputable as b,
   manifestChangeable as c,
   manifestMouseHover as d,
   manifestClickable as e,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wix/editor-react-components",
-  "version": "1.2873.0",
+  "version": "1.2874.0",
   "description": "React components for the Wix Editor",
   "license": "MIT",
   "type": "module",
@@ -228,5 +228,5 @@
     "registry": "https://registry.npmjs.org/",
     "access": "public"
   },
-  "falconPackageHash": "53dd13a5074549d23cb30c138da260d25783061348df45c864e18cfb"
+  "falconPackageHash": "3ba9b953b6ddb342b9b7785cccee90151187f3ee5468736df0f50ae8"
 }