@wix/editor-react-components 1.2288.0 → 1.2290.0

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

@@ -1,6 +1,6 @@
 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-JPMZBG44.js";
 import { b as manifestMouseHover } from "../chunks/manifestSdkMixins.js";
-import { D as DesignStates, a as DisplayNames, s as selectors, b as borderDefaultValue } from "../chunks/constants34.js";
+import { D as DesignStates, a as DisplayNames, s as selectors, b as borderDefaultValue } from "../chunks/constants36.js";
 import manifest$1 from "../Image3/manifest.js";
 import { w as withSpec } from "../chunks/manifest.js";
 import { I as IS_SUPPORT_DESIGN_STATE_SPEC } from "../chunks/specs.js";

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

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import { c as clsx } from "../chunks/clsx.js";
 import { useService } from "@wix/services-manager-react";
 import { T as TranslationsDefinition } from "../chunks/index5.js";
-import { A as ARIA_LABEL_NAMESPACE } from "../chunks/constants30.js";
+import { A as ARIA_LABEL_NAMESPACE } from "../chunks/constants31.js";
 const root = "root__eLvEL";
 const styles = {
   root

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

@@ -1,5 +1,5 @@
 import { a as ACTIONS, I as INTERACTIONS, D as DATA, c as ContainerType, A as Archetype, L as LAYOUT } from "../chunks/chunk-JPMZBG44.js";
-import { D as DisplayNames } from "../chunks/constants30.js";
+import { D as DisplayNames } from "../chunks/constants31.js";
 const manifest = {
   id: "1f0108be-06bb-4a81-9c55-a1cbd223926c",
   type: "wixEditorElements.BoxContainer",

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

@@ -1,12 +1,12 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import React__default, { useContext, useState, useRef, useMemo, cloneElement, forwardRef, createContext, useCallback, isValidElement, useEffect } from "react";
 import { c as clsx } from "../chunks/clsx.js";
-import { j as $f39a9eba43920ace$export$8dc98ba7eadeaa56, k as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c, $ as $8e9d2fae0ecb9001$export$457c3d6518dd4c6f, b as $64fa3d84918910a7$export$29f1550f4b0d4415, g as $65484d02dcb7eb3e$export$457c3d6518dd4c6f, l as $3ef42575df84b30b$export$9d1611c77c2fe928, d as $64fa3d84918910a7$export$fabf2dc03a41866e, c as $64fa3d84918910a7$export$4d86445c2cf5e3 } from "../chunks/filterDOMProps.js";
-import { $ as $2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7 } from "../chunks/I18nProvider.js";
+import { p as $f39a9eba43920ace$export$8dc98ba7eadeaa56, l as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c, $ as $8e9d2fae0ecb9001$export$457c3d6518dd4c6f, b as $64fa3d84918910a7$export$29f1550f4b0d4415, g as $65484d02dcb7eb3e$export$457c3d6518dd4c6f, n as $3ef42575df84b30b$export$9d1611c77c2fe928, c as $64fa3d84918910a7$export$fabf2dc03a41866e, f as $64fa3d84918910a7$export$4d86445c2cf5e3 } from "../chunks/filterDOMProps.js";
+import { $ as $cf2482eff2eeeec2$export$f12b703ca79dfbb1 } from "../chunks/useLocalizedStringFormatter.js";
 import { createPortal } from "react-dom";
 import { f as convertA11yKeysToHtmlFormat } from "../chunks/a11y.js";
 import { d as directionStyles } from "../chunks/direction.module.js";
-import { s as semanticClassNames } from "../chunks/constants33.js";
+import { s as semanticClassNames } from "../chunks/constants35.js";
 import { A as AnimatedIcon } from "../chunks/AnimatedIcon.js";
 import { useService } from "@wix/services-manager-react";
 import { d as defineService } from "../chunks/index7.js";
@@ -70,100 +70,6 @@ function $b5e257d569688ac6$export$535bd6ca7f90a273() {
   if (typeof React__default["useSyncExternalStore"] === "function") return React__default["useSyncExternalStore"]($b5e257d569688ac6$var$subscribe, $b5e257d569688ac6$var$getSnapshot, $b5e257d569688ac6$var$getServerSnapshot);
   return useContext($b5e257d569688ac6$var$IsSSRContext);
 }
-const $a747a10fe70a57da$var$localeSymbol = Symbol.for("react-aria.i18n.locale");
-const $a747a10fe70a57da$var$stringsSymbol = Symbol.for("react-aria.i18n.strings");
-let $a747a10fe70a57da$var$cachedGlobalStrings = void 0;
-class $a747a10fe70a57da$export$c17fa47878dc55b6 {
-  constructor(messages, defaultLocale = "en-US") {
-    this.strings = Object.fromEntries(Object.entries(messages).filter(([, v]) => v));
-    this.defaultLocale = defaultLocale;
-  }
-  /** Returns a localized string for the given key and locale. */
-  getStringForLocale(key, locale) {
-    let strings = this.getStringsForLocale(locale);
-    let string = strings[key];
-    if (!string) throw new Error(`Could not find intl message ${key} in ${locale} locale`);
-    return string;
-  }
-  /** Returns all localized strings for the given locale. */
-  getStringsForLocale(locale) {
-    let strings = this.strings[locale];
-    if (!strings) {
-      strings = $a747a10fe70a57da$var$getStringsForLocale(locale, this.strings, this.defaultLocale);
-      this.strings[locale] = strings;
-    }
-    return strings;
-  }
-  static getGlobalDictionaryForPackage(packageName) {
-    if (typeof window === "undefined") return null;
-    let locale = window[$a747a10fe70a57da$var$localeSymbol];
-    if ($a747a10fe70a57da$var$cachedGlobalStrings === void 0) {
-      let globalStrings = window[$a747a10fe70a57da$var$stringsSymbol];
-      if (!globalStrings) return null;
-      $a747a10fe70a57da$var$cachedGlobalStrings = {};
-      for (let pkg in globalStrings) $a747a10fe70a57da$var$cachedGlobalStrings[pkg] = new $a747a10fe70a57da$export$c17fa47878dc55b6({
-        [locale]: globalStrings[pkg]
-      }, locale);
-    }
-    let dictionary = $a747a10fe70a57da$var$cachedGlobalStrings == null ? void 0 : $a747a10fe70a57da$var$cachedGlobalStrings[packageName];
-    if (!dictionary) throw new Error(`Strings for package "${packageName}" were not included by LocalizedStringProvider. Please add it to the list passed to createLocalizedStringDictionary.`);
-    return dictionary;
-  }
-}
-function $a747a10fe70a57da$var$getStringsForLocale(locale, strings, defaultLocale = "en-US") {
-  if (strings[locale]) return strings[locale];
-  let language = $a747a10fe70a57da$var$getLanguage(locale);
-  if (strings[language]) return strings[language];
-  for (let key in strings) {
-    if (key.startsWith(language + "-")) return strings[key];
-  }
-  return strings[defaultLocale];
-}
-function $a747a10fe70a57da$var$getLanguage(locale) {
-  if (Intl.Locale)
-    return new Intl.Locale(locale).language;
-  return locale.split("-")[0];
-}
-const $b27c684a33948c64$var$pluralRulesCache = /* @__PURE__ */ new Map();
-const $b27c684a33948c64$var$numberFormatCache = /* @__PURE__ */ new Map();
-class $b27c684a33948c64$export$2f817fcdc4b89ae0 {
-  constructor(locale, strings) {
-    this.locale = locale;
-    this.strings = strings;
-  }
-  /** Formats a localized string for the given key with the provided variables. */
-  format(key, variables) {
-    let message = this.strings.getStringForLocale(key, this.locale);
-    return typeof message === "function" ? message(variables, this) : message;
-  }
-  plural(count, options, type = "cardinal") {
-    let opt = options["=" + count];
-    if (opt) return typeof opt === "function" ? opt() : opt;
-    let key = this.locale + ":" + type;
-    let pluralRules = $b27c684a33948c64$var$pluralRulesCache.get(key);
-    if (!pluralRules) {
-      pluralRules = new Intl.PluralRules(this.locale, {
-        type
-      });
-      $b27c684a33948c64$var$pluralRulesCache.set(key, pluralRules);
-    }
-    let selected = pluralRules.select(count);
-    opt = options[selected] || options.other;
-    return typeof opt === "function" ? opt() : opt;
-  }
-  number(value) {
-    let numberFormat = $b27c684a33948c64$var$numberFormatCache.get(this.locale);
-    if (!numberFormat) {
-      numberFormat = new Intl.NumberFormat(this.locale);
-      $b27c684a33948c64$var$numberFormatCache.set(this.locale, numberFormat);
-    }
-    return numberFormat.format(value);
-  }
-  select(options, value) {
-    let opt = options[value] || options.other;
-    return typeof opt === "function" ? opt() : opt;
-  }
-}
 let $f645667febf57a63$export$f9762fab77588ecb = /* @__PURE__ */ React__default.createContext(null);
 class $23b9f4fcf0fe224b$export$d68d59712b04d9d1 {
   get childNodes() {
@@ -1123,26 +1029,6 @@ function $7135fc7d473fd974$export$2dbbd341daed716d(collection, node, renderDropI
   return afterIndicators;
 }
 const $7135fc7d473fd974$export$4feb769f8ddf26c5 = /* @__PURE__ */ createContext($7135fc7d473fd974$export$a164736487e3f0ae);
-const $cf2482eff2eeeec2$var$cache = /* @__PURE__ */ new WeakMap();
-function $cf2482eff2eeeec2$var$getCachedDictionary(strings) {
-  let dictionary = $cf2482eff2eeeec2$var$cache.get(strings);
-  if (!dictionary) {
-    dictionary = new $a747a10fe70a57da$export$c17fa47878dc55b6(strings);
-    $cf2482eff2eeeec2$var$cache.set(strings, dictionary);
-  }
-  return dictionary;
-}
-function $cf2482eff2eeeec2$export$87b761675e8eaa10(strings, packageName) {
-  return packageName && $a747a10fe70a57da$export$c17fa47878dc55b6.getGlobalDictionaryForPackage(packageName) || $cf2482eff2eeeec2$var$getCachedDictionary(strings);
-}
-function $cf2482eff2eeeec2$export$f12b703ca79dfbb1(strings, packageName) {
-  let { locale } = $2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7();
-  let dictionary = $cf2482eff2eeeec2$export$87b761675e8eaa10(strings, packageName);
-  return useMemo(() => new $b27c684a33948c64$export$2f817fcdc4b89ae0(locale, dictionary), [
-    locale,
-    dictionary
-  ]);
-}
 var $487db6faca3494c5$exports = {};
 $487db6faca3494c5$exports = {
   "breadcrumbs": `عناصر الواجهة`

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

@@ -1,7 +1,7 @@
 import { L as LAYOUT, a as ACTIONS, b as DISPLAY_GROUPS, C as CSS_PROPERTIES, E as ELEMENTS, N as NativeStateType, D as DATA, A as Archetype } from "../chunks/chunk-JPMZBG44.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, d as defaultStateValues, b as separatorValues, c as componentMetadata, s as semanticClassNames } from "../chunks/constants33.js";
+import { D as DesignStates, a as DisplayNames, h as homepageModeValues, d as defaultStateValues, b as separatorValues, c as componentMetadata, s as semanticClassNames } from "../chunks/constants35.js";
 import { b as manifestMouseHover } from "../chunks/manifestSdkMixins.js";
 const manifest = {
   id: componentMetadata.id,

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

@@ -1,5 +1,5 @@
 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-JPMZBG44.js";
-import { D as DesignStates, b as DisplayNames } from "../chunks/constants19.js";
+import { D as DesignStates, b as DisplayNames } from "../chunks/constants20.js";
 import { m as manifestFocusable, b as manifestMouseHover, c 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";

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

@@ -9,7 +9,7 @@ import { e as getTabIndexAttribute } from "../chunks/a11y.js";
 import { a as getDataAttributes } from "../chunks/dataUtils.js";
 import { u as useResizeObserver } from "../chunks/useResizeObserver.js";
 import { d as directionStyles } from "../chunks/direction.module.js";
-import { L as LINE_HEIGHT_ROUNDING_ERROR_TOLERANCE, F as FALLBACK_LINE_HEIGHT, m as manifestClasses, E as ExpandModeValues, T as TestIds, s as semanticClassNames } from "../chunks/constants32.js";
+import { L as LINE_HEIGHT_ROUNDING_ERROR_TOLERANCE, F as FALLBACK_LINE_HEIGHT, m as manifestClasses, E as ExpandModeValues, T as TestIds, s as semanticClassNames } from "../chunks/constants34.js";
 import { B as Button } from "../chunks/Button.js";
 const root = "root__kOEn9";
 const text = "text__rjuUh";

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

@@ -1,5 +1,5 @@
 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-JPMZBG44.js";
-import { D as DisplayNames, d as defaultValues, m as manifestClasses } from "../chunks/constants32.js";
+import { D as DisplayNames, d as defaultValues, m as manifestClasses } from "../chunks/constants34.js";
 import { g as getSelector } from "../chunks/manifest.js";
 import { b as manifestMouseHover, c as manifestClickable } from "../chunks/manifestSdkMixins.js";
 const manifest = {

package/dist/site/components/DatePicker/DatePicker.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+import { DatePickerProps } from './DatePicker.types';
+export default function DatePicker(props: DatePickerProps): React.JSX.Element;

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

@@ -0,0 +1,91 @@
+import { DateValue } from 'react-aria-components';
+import { A11y, Direction } from '@wix/editor-react-types';
+import { SdkFunctionChangeableProps, SdkFunctionFocusableProps } from '../../../utils/functions/sdkFunctionCallbackProps';
+/** Single date or a start–end range. */
+export type DatePickerSelectionMode = 'single' | 'range';
+/** Smallest editable time unit (React Aria `granularity`). */
+export type DatePickerGranularity = 'day' | 'hour' | 'minute';
+/** A resolved start–end range for the range calendar (or `null` when unset). */
+export type DateRangeValue = {
+    start: DateValue;
+    end: DateValue;
+} | null;
+/**
+ * One blocked span. `from`/`to` are ISO `YYYY-MM-DD` strings (inclusive); a single
+ * blocked day sets both to the same date. Comes from the `unavailableDates`
+ * arrayItems data.
+ */
+export type UnavailableDateRange = {
+    from?: string;
+    to?: string;
+};
+export type DatePickerProps = Omit<SdkFunctionChangeableProps, 'onChange'> & SdkFunctionFocusableProps & {
+    /** Fires with the selected ISO date string (range mode: the start date). */
+    onChange?: (value: string) => void;
+    /** Range mode: fires with the selected end date as an ISO string. */
+    onEndChange?: (value: string) => void;
+    /** DOM `id` on the root `.datePicker` wrapper. */
+    id: string;
+    /** Appended to the root `.datePicker`. Use this for CSS-variable and per-element overrides. */
+    className: string;
+    /** Single date or a start–end range. */
+    selectionMode: DatePickerSelectionMode;
+    /**
+     * Smallest editable unit. `day` is date-only; `hour`/`minute` add time
+     * segments and make the value an ISO datetime (local wall-clock, no zone).
+     */
+    granularity?: DatePickerGranularity;
+    /**
+     * The selected date as an ISO string — `YYYY-MM-DD`, or `YYYY-MM-DDTHH:MM`
+     * with time granularity (range mode: the start date). The empty string means
+     * no date is selected.
+     */
+    value: string;
+    /**
+     * Range mode only: the end date as an ISO string (`YYYY-MM-DD`, or
+     * `YYYY-MM-DDTHH:MM` with time granularity).
+     */
+    endValue?: 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 date as an ISO `YYYY-MM-DD` string. */
+    minDate?: string;
+    /** Latest selectable date as an ISO `YYYY-MM-DD` string. */
+    maxDate?: string;
+    /**
+     * Spans that can't be selected — a list of `{ from, to }` ISO date ranges
+     * (inclusive); a single blocked day sets `from` and `to` to the same date.
+     * Set via data binding / Velo, not the Settings panel.
+     */
+    unavailableDates?: Array<UnavailableDateRange>;
+    /** When `false`, dates before today can't be selected (clamps min to today). */
+    allowPastDates?: boolean;
+    /** When `false`, dates after today can't be selected (clamps max to today). */
+    allowFutureDates?: boolean;
+    /** Marks the field required for form submission. */
+    required?: boolean;
+    /** Shows the date but blocks editing. */
+    readOnly?: boolean;
+    /** Renders a clear (✕) control that empties the value. */
+    clearable?: boolean;
+    /** Disables interaction with the date picker. */
+    isDisabled?: boolean;
+    /** Writing direction applied to the root. */
+    direction?: Direction;
+    /**
+     * Editor-only: forces the calendar popover open so the Popover/Calendar/Today
+     * design parts are editable on the canvas. Set by the manifest `visibleState`.
+     */
+    previewCalendarOpen?: boolean;
+    /** Accessibility attributes. `ariaLabel` labels the date picker for assistive tech. */
+    a11y?: A11y;
+    /** Platform-provided props. */
+    wix?: {
+        /** Spread on the preset wrapper. */
+        presetsWrapperProps?: Record<string, unknown>;
+    };
+};

package/dist/site/components/DatePicker/component.d.ts

@@ -0,0 +1,2 @@
+import { default as DatePicker } from './DatePicker';
+export default DatePicker;