@wix/editor-react-components 1.2775.0 → 1.2776.0

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

@@ -4,7 +4,7 @@ import { useService } from "@wix/services-manager-react";
 import { T as TranslationsDefinition } from "../chunks/index4.js";
 import { d as directionStyles } from "../chunks/direction.module.js";
 import { g as getTranslation } from "../chunks/getTranslation.js";
-import { B as Button } from "../chunks/Button2.js";
+import { B as Button } from "../chunks/Button.js";
 import { r as rootDataDefaults, s as semanticSelectors, A as ARIA_LABEL_NAMESPACE, t as testIds, p as pauseIconSvg, a as playIconSvg, b as showButtonOnHoverDefaults, D as DefaultTranslations, T as TranslationKeys } from "../chunks/constants29.js";
 import React__default, { useEffect, useState, useRef, useMemo } from "react";
 import { g as getDefaultExportFromCjs } from "../chunks/_commonjsHelpers.js";

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

@@ -16,7 +16,7 @@ import { u as useResizeObserver } from "../chunks/useResizeObserver.js";
 import { d as directionStyles } from "../chunks/direction.module.js";
 import { E as EnvironmentDefinition } from "../chunks/index2.js";
 import AnimatedIconWithReducedMotion from "../AnimatedIcon/component.js";
-import { B as Button } from "../chunks/Button2.js";
+import { B as Button } from "../chunks/Button.js";
 import { c as convertA11yKeysToHtmlFormat } from "../chunks/a11y.js";
 const AnchorsDefinition = defineService("@wix/viewer-service-anchors");
 const EMPTY_ANCHOR_URL = "#";

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

@@ -6,7 +6,7 @@ import { useService } from "@wix/services-manager-react";
 import { E as EnvironmentDefinition } from "../chunks/index2.js";
 import { f as formatClassNames } from "../chunks/classNames.js";
 import { a as getDataAttributes } from "../chunks/dataUtils.js";
-import { u as useValidatedField, R as RequiredIndicator, I as InfoCircleSmall_default } from "../chunks/RequiredIndicator.js";
+import { u as useValidatedField, R as RequiredIndicator, I as InfoCircleSmall_default } from "../chunks/useValidatedField.js";
 import { d as directionStyles } from "../chunks/direction.module.js";
 import { p as presetWrapperStyles } from "../chunks/presetWrapper.module.js";
 import { a as accessibilityStyles } from "../chunks/accessibility.module.js";

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

@@ -3,7 +3,7 @@ import { useState, useRef, useEffect, useCallback, useMemo } from "react";
 import { c as clsx } from "../chunks/clsx.js";
 import { M as MOVEMENT_DIRECTION, A as AUTOPLAY_STATE, P as PAUSE_BUTTON_VISIBILITY, s as slideshowDataDefaults, a as semanticClassNames, b as ARIA_LABEL_NAMESPACE, S as SLIDESHOW_SLIDE_LTR_DIRECTION_EXPERIMENT, D as DefaultTranslations, T as TranslationKeys } from "../chunks/Slideshow.semanticClassNames.js";
 import { u as useHasDisplayedElement } from "../chunks/useHasDisplayedElement.js";
-import { B as Button } from "../chunks/Button2.js";
+import { B as Button } from "../chunks/Button.js";
 import { p as presetWrapperStyles } from "../chunks/presetWrapper.module.js";
 import { d as directionStyles } from "../chunks/direction.module.js";
 import { useService } from "@wix/services-manager-react";

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

@@ -6,7 +6,7 @@ import { useService } from "@wix/services-manager-react";
 import { E as EnvironmentDefinition } from "../chunks/index2.js";
 import { f as formatClassNames } from "../chunks/classNames.js";
 import { a as getDataAttributes } from "../chunks/dataUtils.js";
-import { u as useValidatedField, R as RequiredIndicator, I as InfoCircleSmall_default } from "../chunks/RequiredIndicator.js";
+import { u as useValidatedField, R as RequiredIndicator, I as InfoCircleSmall_default } from "../chunks/useValidatedField.js";
 import { d as directionStyles } from "../chunks/direction.module.js";
 import { p as presetWrapperStyles } from "../chunks/presetWrapper.module.js";
 import { a as accessibilityStyles } from "../chunks/accessibility.module.js";

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

@@ -10,8 +10,9 @@ import { a as accessibilityStyles } from "../chunks/accessibility.module.js";
 import { c as componentClassNames, D as DesignStates, E as ERROR_MESSAGE_PREVIEW_TEXT } from "../chunks/constants3.js";
 import { useService } from "@wix/services-manager-react";
 import { b as $fd2148440a13ec26$export$fc1a364ae1f3ff10, c as $191c9b6d48a0a4e2$export$294aa081a6c6f55d, d as $860f7da480e22816$export$b8473d3665f3a75a, e as $d3e0e05bdfcf66bd$export$c24727297075ec6a, f as $3985021b0ad6602f$export$37fb8590cf2c088c, g as $514c0188e459b4c0$export$9afb8bc826b033ea, h as $ee014567cb39d3f0$export$ff05c3ac10437e03, i as $3985021b0ad6602f$export$f5b8910cec6cf069 } from "../chunks/Input.js";
-import { i as $3e6197669829fe11$export$40bfa8c7b0832715, c as $d1116acdf220c2da$export$4c014de7c8940b4c, j as $3274bf1495747a7b$export$5add1d006293d136, a as $bbaa08b3cd72f041$export$9d1611c77c2fe928, k as $23f2114a1b82827e$export$e58f029f0fbfdb29, l as $01b77f81d0f07f68$export$75b6ee27786ba447, m as $a049562f99e7db0e$export$f9c6924e160136d1, h as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "../chunks/Group.js";
-import { a as $8e9d2fae0ecb9001$export$457c3d6518dd4c6f, f as $f39a9eba43920ace$export$86427a43e3e48ebb, c as $64fa3d84918910a7$export$29f1550f4b0d4415, g as $64fa3d84918910a7$export$fabf2dc03a41866e, h as $64fa3d84918910a7$export$9d4c57ee4c6ffdd8, i as $64fa3d84918910a7$export$ef03459518577ad4, d as $64fa3d84918910a7$export$4d86445c2cf5e3, e as $65484d02dcb7eb3e$export$457c3d6518dd4c6f, b as $64fa3d84918910a7$export$2881499e37b75b9a } from "../chunks/filterDOMProps.js";
+import { b as $3e6197669829fe11$export$40bfa8c7b0832715, c as $3274bf1495747a7b$export$5add1d006293d136, d as $bbaa08b3cd72f041$export$9d1611c77c2fe928, e as $23f2114a1b82827e$export$e58f029f0fbfdb29, f as $01b77f81d0f07f68$export$75b6ee27786ba447, g as $a049562f99e7db0e$export$f9c6924e160136d1, a as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "../chunks/Group.js";
+import { $ as $8e9d2fae0ecb9001$export$457c3d6518dd4c6f, a as $f39a9eba43920ace$export$86427a43e3e48ebb, b as $64fa3d84918910a7$export$29f1550f4b0d4415, c as $64fa3d84918910a7$export$fabf2dc03a41866e, d as $64fa3d84918910a7$export$9d4c57ee4c6ffdd8, e as $64fa3d84918910a7$export$ef03459518577ad4, f as $64fa3d84918910a7$export$4d86445c2cf5e3, g as $65484d02dcb7eb3e$export$457c3d6518dd4c6f, h as $64fa3d84918910a7$export$2881499e37b75b9a } from "../chunks/filterDOMProps.js";
+import { $ as $d1116acdf220c2da$export$4c014de7c8940b4c } from "../chunks/useFocusable.js";
 const $8e6cc465cc68f603$export$698f465ec27e93df = /* @__PURE__ */ createContext(null);
 function $054f71d2330da2e3$export$712718f7aec83d5(props, ref) {
   let { inputElementType = "input", isDisabled = false, isRequired = false, isReadOnly = false, type = "text", validationBehavior = "aria" } = props;

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

@@ -9,12 +9,6 @@ import { L as Link } from "../chunks/Link.js";
 import { f as formatClassNames } from "../chunks/classNames.js";
 import { p as parseSvg } from "../chunks/parseSvg.js";
 import { g as getTranslation } from "../chunks/getTranslation.js";
-const PauseSmall = ({ size, ...props }) => /* @__PURE__ */ React.createElement("svg", { viewBox: "0 0 18 18", fill: "currentColor", width: size || "18", height: size || "18", ...props }, /* @__PURE__ */ React.createElement("path", { d: "M7.5,5 C8.32842712,5 9,5.67157288 9,6.5 L9,11.5 C9,12.3284271 8.32842712,13 7.5,13 C6.67157288,13 6,12.3284271 6,11.5 L6,6.5 C6,5.67157288 6.67157288,5 7.5,5 Z M11.5,5 C12.3284271,5 13,5.67157288 13,6.5 L13,11.5 C13,12.3284271 12.3284271,13 11.5,13 C10.6715729,13 10,12.3284271 10,11.5 L10,6.5 C10,5.67157288 10.6715729,5 11.5,5 Z M7.5,6 C7.22385763,6 7,6.22385763 7,6.5 L7,11.5 C7,11.7761424 7.22385763,12 7.5,12 C7.77614237,12 8,11.7761424 8,11.5 L8,6.5 C8,6.22385763 7.77614237,6 7.5,6 Z M11.5,6 C11.2238576,6 11,6.22385763 11,6.5 L11,11.5 C11,11.7761424 11.2238576,12 11.5,12 C11.7761424,12 12,11.7761424 12,11.5 L12,6.5 C12,6.22385763 11.7761424,6 11.5,6 Z" }));
-PauseSmall.displayName = "PauseSmall";
-var PauseSmall_default = PauseSmall;
-const PlaySmall = ({ size, ...props }) => /* @__PURE__ */ React.createElement("svg", { viewBox: "0 0 18 18", fill: "currentColor", width: size || "18", height: size || "18", ...props }, /* @__PURE__ */ React.createElement("path", { d: "M6.87468837,5.45041947 L12.7318793,8.46657119 C13.20163,8.68731241 13.20163,9.26940918 12.7318793,9.53342881 L6.87468837,12.5495805 C6.58008377,12.7012867 6.00070071,12.5801226 6,12.0161517 L6,5.98384828 C6,5.65247743 6.35266876,5.20682168 6.87468837,5.45041947 Z M7,11.3602529 L11.5834735,9 L7,6.63974714 L7,11.3602529 Z" }));
-PlaySmall.displayName = "PlaySmall";
-var PlaySmall_default = PlaySmall;
 const semanticClassNames = {
   root: "text-marquee",
   text: "text-marquee__text"
@@ -67,6 +61,12 @@ const DefaultTranslations = {
   playAnimation: "Play animation",
   pauseAnimation: "Pause animation"
 };
+const PauseSmall = ({ size, ...props }) => /* @__PURE__ */ React.createElement("svg", { viewBox: "0 0 18 18", fill: "currentColor", width: size || "18", height: size || "18", ...props }, /* @__PURE__ */ React.createElement("path", { d: "M7.5,5 C8.32842712,5 9,5.67157288 9,6.5 L9,11.5 C9,12.3284271 8.32842712,13 7.5,13 C6.67157288,13 6,12.3284271 6,11.5 L6,6.5 C6,5.67157288 6.67157288,5 7.5,5 Z M11.5,5 C12.3284271,5 13,5.67157288 13,6.5 L13,11.5 C13,12.3284271 12.3284271,13 11.5,13 C10.6715729,13 10,12.3284271 10,11.5 L10,6.5 C10,5.67157288 10.6715729,5 11.5,5 Z M7.5,6 C7.22385763,6 7,6.22385763 7,6.5 L7,11.5 C7,11.7761424 7.22385763,12 7.5,12 C7.77614237,12 8,11.7761424 8,11.5 L8,6.5 C8,6.22385763 7.77614237,6 7.5,6 Z M11.5,6 C11.2238576,6 11,6.22385763 11,6.5 L11,11.5 C11,11.7761424 11.2238576,12 11.5,12 C11.7761424,12 12,11.7761424 12,11.5 L12,6.5 C12,6.22385763 11.7761424,6 11.5,6 Z" }));
+PauseSmall.displayName = "PauseSmall";
+var PauseSmall_default = PauseSmall;
+const PlaySmall = ({ size, ...props }) => /* @__PURE__ */ React.createElement("svg", { viewBox: "0 0 18 18", fill: "currentColor", width: size || "18", height: size || "18", ...props }, /* @__PURE__ */ React.createElement("path", { d: "M6.87468837,5.45041947 L12.7318793,8.46657119 C13.20163,8.68731241 13.20163,9.26940918 12.7318793,9.53342881 L6.87468837,12.5495805 C6.58008377,12.7012867 6.00070071,12.5801226 6,12.0161517 L6,5.98384828 C6,5.65247743 6.35266876,5.20682168 6.87468837,5.45041947 Z M7,11.3602529 L11.5834735,9 L7,6.63974714 L7,11.3602529 Z" }));
+PlaySmall.displayName = "PlaySmall";
+var PlaySmall_default = PlaySmall;
 const PlayPauseButton = ({
   isPlaying,
   onToggle,

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

@@ -1,13 +1,4 @@
 import { A11y, Direction } from '@wix/editor-react-types';
-import { SdkFunctionChangeableProps, SdkFunctionFocusableProps } from '../../../utils/functions/sdkFunctionCallbackProps';
-import { FieldValidationProps } from '../../../utils/validation/types';
-import { TranslationKeys } from './constants';
-/** A viewer-facing translatable string key. */
-export type TranslationKey = keyof typeof TranslationKeys;
-/** Smallest editable time unit (React Aria `granularity`). */
-export type TimePickerGranularity = 'hour' | 'minute' | 'second';
-/** `auto` defers to the locale; `12`/`24` force the hour cycle. */
-export type TimePickerHourCycle = 'auto' | '12' | '24';
 export type TimePickerElementProps = {
     label?: {
         className?: string;
@@ -15,54 +6,38 @@ export type TimePickerElementProps = {
     timeInput?: {
         className?: string;
     };
-    description?: {
+    helperText?: {
+        className?: string;
+    };
+    errorMessage?: {
         className?: string;
     };
     segment?: {
         className?: string;
     };
 };
-export type TimePickerProps = Omit<SdkFunctionChangeableProps, 'onChange'> & SdkFunctionFocusableProps & FieldValidationProps<string> & {
-    /** Fires with the selected ISO time string (`HH:MM[:SS]`), or `''` when cleared. */
-    onChange?: (value: string) => void;
+export type TimePickerProps = {
+    /** Fires with the selected local-time value, or `undefined` when cleared. */
+    onValueChange?: (value: string | undefined) => void;
     /** DOM `id` on the root `.timePicker` wrapper. */
     id: string;
     /** Appended to the root `.timePicker`. Use this for CSS-variable and per-element overrides. */
     className: string;
-    /** Smallest editable unit: hour-only, hour+minute, or hour+minute+second segments. */
-    granularity?: TimePickerGranularity;
-    /** Forces a 12- or 24-hour clock; `auto` follows the locale. */
-    hourCycle?: TimePickerHourCycle;
-    /** Pads single-digit segments with a leading zero (locale default when off). */
-    shouldForceLeadingZeros?: boolean;
-    /**
-     * The selected time as an ISO 24h `HH:MM[:SS]` string. The empty string
-     * means no time is selected.
-     */
-    value: string;
     /**
-     * Uncontrolled initial selected time (ISO string, e.g. '14:30'). Used
-     * only when `value` is not provided (component owns its state).
+     * The selected time as a local-time value. `undefined` means no time is
+     * selected. The component normalizes selected values to minute precision.
      */
-    defaultValue?: string;
+    value?: string;
     /** Optional text label rendered above the field. */
     label: string;
     /** Site-facing helper text rendered under the field. */
-    description?: string;
-    /** Hint text revealed from an info icon next to the label. */
-    tooltip?: string;
-    /** Earliest selectable time as an ISO `HH:MM` string. */
-    minTime?: string;
-    /** Latest selectable time as an ISO `HH:MM` string. */
-    maxTime?: string;
-    /** Marks the field required for form submission. */
-    required?: boolean;
+    helperText?: string;
+    /** Message shown below the field when the selected value is invalid. */
+    errorMessage?: string;
     /** Shows the time but blocks editing. */
     readOnly?: boolean;
-    /** Renders a clear (✕) control that empties the value. */
-    clearable?: boolean;
     /** Disables interaction with the time picker. */
-    isDisabled?: boolean;
+    disabled?: boolean;
     /** Writing direction applied to the root. */
     direction?: Direction;
     /** Accessibility attributes. `ariaLabel` labels the time picker for assistive tech. */