@wix/editor-react-components 1.2344.0 → 1.2346.0

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

@@ -0,0 +1,140 @@
+let $1dfb119a85e764e5$var$formatterCache = /* @__PURE__ */ new Map();
+let $1dfb119a85e764e5$var$supportsSignDisplay = false;
+try {
+  $1dfb119a85e764e5$var$supportsSignDisplay = new Intl.NumberFormat("de-DE", {
+    signDisplay: "exceptZero"
+  }).resolvedOptions().signDisplay === "exceptZero";
+} catch {
+}
+let $1dfb119a85e764e5$var$supportsUnit = false;
+try {
+  $1dfb119a85e764e5$var$supportsUnit = new Intl.NumberFormat("de-DE", {
+    style: "unit",
+    unit: "degree"
+  }).resolvedOptions().style === "unit";
+} catch {
+}
+const $1dfb119a85e764e5$var$UNITS = {
+  degree: {
+    narrow: {
+      default: "°",
+      "ja-JP": " 度",
+      "zh-TW": "度",
+      "sl-SI": " °"
+    }
+  }
+};
+class $1dfb119a85e764e5$export$cc77c4ff7e8673c5 {
+  constructor(locale, options = {}) {
+    this.numberFormatter = $1dfb119a85e764e5$var$getCachedNumberFormatter(locale, options);
+    this.options = options;
+  }
+  /** Formats a number value as a string, according to the locale and options provided to the constructor. */
+  format(value) {
+    var _a;
+    let res = "";
+    if (!$1dfb119a85e764e5$var$supportsSignDisplay && this.options.signDisplay != null) res = $1dfb119a85e764e5$export$711b50b3c525e0f2(this.numberFormatter, this.options.signDisplay, value);
+    else res = this.numberFormatter.format(value);
+    if (this.options.style === "unit" && !$1dfb119a85e764e5$var$supportsUnit) {
+      let { unit, unitDisplay = "short", locale } = this.resolvedOptions();
+      if (!unit) return res;
+      let values = (_a = $1dfb119a85e764e5$var$UNITS[unit]) == null ? void 0 : _a[unitDisplay];
+      res += values[locale] || values.default;
+    }
+    return res;
+  }
+  /** Formats a number to an array of parts such as separators, digits, punctuation, and more. */
+  formatToParts(value) {
+    return this.numberFormatter.formatToParts(value);
+  }
+  /** Formats a number range as a string. */
+  formatRange(start, end) {
+    if (typeof this.numberFormatter.formatRange === "function") return this.numberFormatter.formatRange(start, end);
+    if (end < start) throw new RangeError("End date must be >= start date");
+    return `${this.format(start)} – ${this.format(end)}`;
+  }
+  /** Formats a number range as an array of parts. */
+  formatRangeToParts(start, end) {
+    if (typeof this.numberFormatter.formatRangeToParts === "function") return this.numberFormatter.formatRangeToParts(start, end);
+    if (end < start) throw new RangeError("End date must be >= start date");
+    let startParts = this.numberFormatter.formatToParts(start);
+    let endParts = this.numberFormatter.formatToParts(end);
+    return [
+      ...startParts.map((p) => ({
+        ...p,
+        source: "startRange"
+      })),
+      {
+        type: "literal",
+        value: " – ",
+        source: "shared"
+      },
+      ...endParts.map((p) => ({
+        ...p,
+        source: "endRange"
+      }))
+    ];
+  }
+  /** Returns the resolved formatting options based on the values passed to the constructor. */
+  resolvedOptions() {
+    let options = this.numberFormatter.resolvedOptions();
+    if (!$1dfb119a85e764e5$var$supportsSignDisplay && this.options.signDisplay != null) options = {
+      ...options,
+      signDisplay: this.options.signDisplay
+    };
+    if (!$1dfb119a85e764e5$var$supportsUnit && this.options.style === "unit") options = {
+      ...options,
+      style: "unit",
+      unit: this.options.unit,
+      unitDisplay: this.options.unitDisplay
+    };
+    return options;
+  }
+}
+function $1dfb119a85e764e5$var$getCachedNumberFormatter(locale, options = {}) {
+  var _a;
+  let { numberingSystem } = options;
+  if (numberingSystem && locale.includes("-nu-")) {
+    if (!locale.includes("-u-")) locale += "-u-";
+    locale += `-nu-${numberingSystem}`;
+  }
+  if (options.style === "unit" && !$1dfb119a85e764e5$var$supportsUnit) {
+    let { unit, unitDisplay = "short" } = options;
+    if (!unit) throw new Error('unit option must be provided with style: "unit"');
+    if (!((_a = $1dfb119a85e764e5$var$UNITS[unit]) == null ? void 0 : _a[unitDisplay])) throw new Error(`Unsupported unit ${unit} with unitDisplay = ${unitDisplay}`);
+    options = {
+      ...options,
+      style: "decimal"
+    };
+  }
+  let cacheKey = locale + (options ? Object.entries(options).sort((a, b) => a[0] < b[0] ? -1 : 1).join() : "");
+  if ($1dfb119a85e764e5$var$formatterCache.has(cacheKey)) return $1dfb119a85e764e5$var$formatterCache.get(cacheKey);
+  let numberFormatter = new Intl.NumberFormat(locale, options);
+  $1dfb119a85e764e5$var$formatterCache.set(cacheKey, numberFormatter);
+  return numberFormatter;
+}
+function $1dfb119a85e764e5$export$711b50b3c525e0f2(numberFormat, signDisplay, num) {
+  if (signDisplay === "auto") return numberFormat.format(num);
+  else if (signDisplay === "never") return numberFormat.format(Math.abs(num));
+  else {
+    let needsPositiveSign = false;
+    if (signDisplay === "always") needsPositiveSign = num > 0 || Object.is(num, 0);
+    else if (signDisplay === "exceptZero") {
+      if (Object.is(num, -0) || Object.is(num, 0)) num = Math.abs(num);
+      else needsPositiveSign = num > 0;
+    }
+    if (needsPositiveSign) {
+      let negative = numberFormat.format(-num);
+      let noSign = numberFormat.format(num);
+      let minus = negative.replace(noSign, "").replace(/\u200e|\u061C/, "");
+      if ([
+        ...minus
+      ].length !== 1) console.warn("@react-aria/i18n polyfill for NumberFormat signDisplay: Unsupported case");
+      let positive = negative.replace(noSign, "!!!").replace(minus, "+").replace("!!!", noSign);
+      return positive;
+    } else return numberFormat.format(num);
+  }
+}
+export {
+  $1dfb119a85e764e5$export$cc77c4ff7e8673c5 as $
+};

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

@@ -1,4 +1,4 @@
-import { e as $bbaa08b3cd72f041$export$9d1611c77c2fe928, L as $2c9edc598a03d523$export$420e68273165f4ec } from "./Group.js";
+import { f as $bbaa08b3cd72f041$export$9d1611c77c2fe928, z as $2c9edc598a03d523$export$420e68273165f4ec } from "./Group.js";
 import React__default, { useState, useMemo } from "react";
 const $ea3928288112382f$var$styles = {
   border: 0,

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

@@ -3,6 +3,7 @@ const DisplayNames = {
     elementDisplayName: "Time Picker",
     data: {
       value: "Selected time",
+      defaultValue: "Default time",
       granularity: {
         displayName: "Time precision",
         options: {
@@ -95,18 +96,24 @@ const TestIds = {
   group: "timepicker-group",
   field: "timepicker-field",
   clearButton: "timepicker-clear-button",
-  tooltipButton: "timepicker-tooltip-button"
+  tooltipButton: "timepicker-tooltip-button",
+  errorMessage: "timepicker-error-message",
+  requiredIndicator: "timepicker-required-indicator"
 };
 const selectors = {
   root: "timePicker",
   label: "timePicker__label",
-  group: "timePicker__group"
+  requiredIndicator: "timePicker__required-indicator",
+  group: "timePicker__group",
+  errorMessage: "timePicker__error-message"
 };
+const VALUE_MISSING_MESSAGE = "This field is required";
 export {
   DefaultTranslations as D,
   EMPTY_VALUE as E,
   HourCycleValues as H,
   TestIds as T,
+  VALUE_MISSING_MESSAGE as V,
   TRANSLATIONS_NAMESPACE as a,
   TranslationKeys as b,
   DisplayNames as c,

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

@@ -1,6 +1,12 @@
 const selectors = {
-  root: "textInput"
+  root: "textInput",
+  requiredIndicator: "textInput__required-indicator"
 };
+const TestIds = {
+  requiredIndicator: "text-input-required-indicator",
+  tooltipButton: "text-input-tooltip-button"
+};
+const VALUE_MISSING_MESSAGE = "This field is required";
 const DesignStates = {
   root: {
     hover: { displayName: "Hover", className: "textInput--hover" },
@@ -29,6 +35,7 @@ const DisplayNames = {
   },
   data: {
     value: "Value",
+    defaultValue: "Default value",
     isDisabled: "Disabled",
     name: "Name",
     minLength: "Minimum length",
@@ -68,6 +75,8 @@ const DisplayNames = {
 };
 export {
   DesignStates as D,
+  TestIds as T,
+  VALUE_MISSING_MESSAGE as V,
   DisplayNames as a,
   selectors as s
 };

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

@@ -4,6 +4,8 @@ const DisplayNames = {
     data: {
       value: "Selected date",
       endValue: "Selected end date",
+      defaultValue: "Default date",
+      defaultEndValue: "Default end date",
       onEndChange: "On End Change",
       selectionMode: {
         displayName: "Selection",
@@ -146,17 +148,22 @@ const TestIds = {
   calendarButton: "datepicker-calendar-button",
   clearButton: "datepicker-clear-button",
   calendar: "datepicker-calendar",
-  tooltipButton: "datepicker-tooltip-button"
+  tooltipButton: "datepicker-tooltip-button",
+  errorMessage: "datepicker-error-message",
+  requiredIndicator: "datepicker-required-indicator"
 };
 const selectors = {
   root: "datePicker",
   label: "datePicker__label",
+  requiredIndicator: "datePicker__required-indicator",
   group: "datePicker__group",
   calendarButton: "datePicker__calendar-button",
   popover: "datePicker__popover",
   calendar: "datePicker__calendar",
-  day: "datePicker__day"
+  day: "datePicker__day",
+  errorMessage: "datePicker__error-message"
 };
+const VALUE_MISSING_MESSAGE = "This field is required";
 export {
   ARIA_LABEL_NAMESPACE as A,
   DesignStates as D,
@@ -165,6 +172,7 @@ export {
   PREVIEW_CALENDAR_OPEN as P,
   SelectionModeValues as S,
   TestIds as T,
+  VALUE_MISSING_MESSAGE as V,
   AriaLabels as a,
   DisplayNames as b,
   defaultValues as d,

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

@@ -1,4 +1,4 @@
-import React__default, { useRef, useCallback, useMemo, useContext, useState, forwardRef, createContext } from "react";
+import React__default, { useRef, useCallback, useMemo, useContext, useState, forwardRef, createContext, useEffect } from "react";
 const $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c = typeof document !== "undefined" ? React__default.useLayoutEffect : () => {
 };
 let $bdb11010cef70236$export$d41a04c74483c6ef = /* @__PURE__ */ new Map();
@@ -396,6 +396,125 @@ function $f39a9eba43920ace$export$86427a43e3e48ebb(fn) {
 function $f39a9eba43920ace$export$b5d7cc18bb8d2b59() {
   return useContext($f39a9eba43920ace$export$94b6d0abf7d33e8c);
 }
+const $d805ff57cab8bee2$var$RTL_SCRIPTS = /* @__PURE__ */ new Set([
+  "Arab",
+  "Syrc",
+  "Samr",
+  "Mand",
+  "Thaa",
+  "Mend",
+  "Nkoo",
+  "Adlm",
+  "Rohg",
+  "Hebr"
+]);
+const $d805ff57cab8bee2$var$RTL_LANGS = /* @__PURE__ */ new Set([
+  "ae",
+  "ar",
+  "arc",
+  "bcc",
+  "bqi",
+  "ckb",
+  "dv",
+  "fa",
+  "glk",
+  "he",
+  "ku",
+  "mzn",
+  "nqo",
+  "pnb",
+  "ps",
+  "sd",
+  "ug",
+  "ur",
+  "yi"
+]);
+function $d805ff57cab8bee2$export$702d680b21cbd764(localeString) {
+  if (Intl.Locale) {
+    let locale = new Intl.Locale(localeString).maximize();
+    let textInfo = typeof locale.getTextInfo === "function" ? locale.getTextInfo() : locale.textInfo;
+    if (textInfo) return textInfo.direction === "rtl";
+    if (locale.script) return $d805ff57cab8bee2$var$RTL_SCRIPTS.has(locale.script);
+  }
+  let lang = localeString.split("-")[0];
+  return $d805ff57cab8bee2$var$RTL_LANGS.has(lang);
+}
+const $520a025cdb0d710d$var$localeSymbol = Symbol.for("react-aria.i18n.locale");
+function $520a025cdb0d710d$export$f09106e7c6677ec5() {
+  let locale = typeof window !== "undefined" && window[$520a025cdb0d710d$var$localeSymbol] || typeof navigator !== "undefined" && (navigator.language || navigator.userLanguage) || "en-US";
+  try {
+    Intl.DateTimeFormat.supportedLocalesOf([
+      locale
+    ]);
+  } catch {
+    locale = "en-US";
+  }
+  return {
+    locale,
+    direction: $d805ff57cab8bee2$export$702d680b21cbd764(locale) ? "rtl" : "ltr"
+  };
+}
+let $520a025cdb0d710d$var$currentLocale = $520a025cdb0d710d$export$f09106e7c6677ec5();
+let $520a025cdb0d710d$var$listeners = /* @__PURE__ */ new Set();
+function $520a025cdb0d710d$var$updateLocale() {
+  $520a025cdb0d710d$var$currentLocale = $520a025cdb0d710d$export$f09106e7c6677ec5();
+  for (let listener of $520a025cdb0d710d$var$listeners) listener($520a025cdb0d710d$var$currentLocale);
+}
+function $520a025cdb0d710d$export$188ec29ebc2bdc3a() {
+  let isSSR = $c7eafbbe1ea5834e$export$535bd6ca7f90a273();
+  let [defaultLocale, setDefaultLocale] = useState($520a025cdb0d710d$var$currentLocale);
+  useEffect(() => {
+    if ($520a025cdb0d710d$var$listeners.size === 0) window.addEventListener("languagechange", $520a025cdb0d710d$var$updateLocale);
+    $520a025cdb0d710d$var$listeners.add(setDefaultLocale);
+    return () => {
+      $520a025cdb0d710d$var$listeners.delete(setDefaultLocale);
+      if ($520a025cdb0d710d$var$listeners.size === 0) window.removeEventListener("languagechange", $520a025cdb0d710d$var$updateLocale);
+    };
+  }, []);
+  if (isSSR) {
+    let locale = typeof window !== "undefined" && window[$520a025cdb0d710d$var$localeSymbol];
+    return {
+      locale: locale || "en-US",
+      direction: "ltr"
+    };
+  }
+  return defaultLocale;
+}
+const $2eb8e6d23f3d0cb0$var$I18nContext = /* @__PURE__ */ React__default.createContext(null);
+function $2eb8e6d23f3d0cb0$var$I18nProviderWithLocale(props) {
+  let { locale, children } = props;
+  let value = React__default.useMemo(() => ({
+    locale,
+    direction: $d805ff57cab8bee2$export$702d680b21cbd764(locale) ? "rtl" : "ltr"
+  }), [
+    locale
+  ]);
+  return /* @__PURE__ */ React__default.createElement($2eb8e6d23f3d0cb0$var$I18nContext.Provider, {
+    value
+  }, children);
+}
+function $2eb8e6d23f3d0cb0$var$I18nProviderWithDefaultLocale(props) {
+  let { children } = props;
+  let defaultLocale = $520a025cdb0d710d$export$188ec29ebc2bdc3a();
+  return /* @__PURE__ */ React__default.createElement($2eb8e6d23f3d0cb0$var$I18nContext.Provider, {
+    value: defaultLocale
+  }, children);
+}
+function $2eb8e6d23f3d0cb0$export$a54013f0d02a8f82(props) {
+  let { locale, children } = props;
+  if (locale) return /* @__PURE__ */ React__default.createElement($2eb8e6d23f3d0cb0$var$I18nProviderWithLocale, {
+    locale,
+    children
+  });
+  return /* @__PURE__ */ React__default.createElement($2eb8e6d23f3d0cb0$var$I18nProviderWithDefaultLocale, {
+    children
+  });
+}
+function $2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7() {
+  let defaultLocale = $520a025cdb0d710d$export$188ec29ebc2bdc3a();
+  let context = useContext($2eb8e6d23f3d0cb0$var$I18nContext);
+  return context || defaultLocale;
+}
 const $8e9d2fae0ecb9001$var$DOMPropNames = /* @__PURE__ */ new Set([
   "id"
 ]);
@@ -465,21 +584,23 @@ function $8e9d2fae0ecb9001$export$457c3d6518dd4c6f(props, opts = {}) {
   return filteredProps;
 }
 export {
-  $8e9d2fae0ecb9001$export$457c3d6518dd4c6f as $,
-  $f39a9eba43920ace$export$86427a43e3e48ebb as a,
-  $64fa3d84918910a7$export$29f1550f4b0d4415 as b,
-  $64fa3d84918910a7$export$fabf2dc03a41866e as c,
-  $64fa3d84918910a7$export$9d4c57ee4c6ffdd8 as d,
-  $64fa3d84918910a7$export$ef03459518577ad4 as e,
-  $64fa3d84918910a7$export$4d86445c2cf5e3 as f,
-  $65484d02dcb7eb3e$export$457c3d6518dd4c6f as g,
-  $64fa3d84918910a7$export$2881499e37b75b9a as h,
-  $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c as i,
-  $c7eafbbe1ea5834e$export$535bd6ca7f90a273 as j,
-  $df56164dff5785e2$export$4338b53315abf666 as k,
-  $c7eafbbe1ea5834e$export$619500959fc48b26 as l,
-  $f39a9eba43920ace$export$b5d7cc18bb8d2b59 as m,
-  $3ef42575df84b30b$export$9d1611c77c2fe928 as n,
-  $64fa3d84918910a7$export$c62b8e45d58ddad9 as o,
-  $f39a9eba43920ace$export$8dc98ba7eadeaa56 as p
+  $2eb8e6d23f3d0cb0$export$a54013f0d02a8f82 as $,
+  $8e9d2fae0ecb9001$export$457c3d6518dd4c6f as a,
+  $f39a9eba43920ace$export$86427a43e3e48ebb as b,
+  $64fa3d84918910a7$export$29f1550f4b0d4415 as c,
+  $64fa3d84918910a7$export$fabf2dc03a41866e as d,
+  $64fa3d84918910a7$export$9d4c57ee4c6ffdd8 as e,
+  $64fa3d84918910a7$export$ef03459518577ad4 as f,
+  $64fa3d84918910a7$export$4d86445c2cf5e3 as g,
+  $65484d02dcb7eb3e$export$457c3d6518dd4c6f as h,
+  $64fa3d84918910a7$export$2881499e37b75b9a as i,
+  $c7eafbbe1ea5834e$export$619500959fc48b26 as j,
+  $2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7 as k,
+  $df56164dff5785e2$export$4338b53315abf666 as l,
+  $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c as m,
+  $c7eafbbe1ea5834e$export$535bd6ca7f90a273 as n,
+  $f39a9eba43920ace$export$b5d7cc18bb8d2b59 as o,
+  $3ef42575df84b30b$export$9d1611c77c2fe928 as p,
+  $64fa3d84918910a7$export$c62b8e45d58ddad9 as q,
+  $f39a9eba43920ace$export$8dc98ba7eadeaa56 as r
 };

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

@@ -0,0 +1,73 @@
+import { D as DATA } from "./chunk-JPMZBG44.js";
+const MANIFEST_DEFAULT_VALIDATION_DISPLAY_NAMES = {
+  fieldValidity: "Field validity",
+  fieldValidityValid: "Valid",
+  fieldValidityValidationMessage: "Validation message",
+  showValidityIndication: "Show validity indication",
+  onValidate: "On Validate",
+  onValidityChange: "On Validity Change"
+};
+function manifestValidation({
+  valueDataType = DATA.DATA_TYPE.text,
+  displayNames = {}
+} = {}) {
+  const names = {
+    ...MANIFEST_DEFAULT_VALIDATION_DISPLAY_NAMES,
+    ...displayNames
+  };
+  const fieldValidityItems = {
+    valid: {
+      dataType: DATA.DATA_TYPE.booleanValue,
+      displayName: names.fieldValidityValid
+    },
+    validationMessage: {
+      dataType: DATA.DATA_TYPE.text,
+      displayName: names.fieldValidityValidationMessage
+    }
+    // `flags` intentionally omitted — out of scope for phase 1.
+  };
+  return {
+    // ── injected validity (consumer/context-bound "verdict" channel) ──
+    fieldValidity: {
+      dataType: DATA.DATA_TYPE.data,
+      displayName: names.fieldValidity,
+      [DATA.DATA_TYPE.data]: {
+        items: fieldValidityItems
+      }
+    },
+    // ── display gate (controlled ⇒ form owns show/hide; omit ⇒ self-reveal on blur) ──
+    showValidityIndication: {
+      dataType: DATA.DATA_TYPE.booleanValue,
+      displayName: names.showValidityIndication
+    },
+    // ── validation callbacks (up) ──
+    onValidate: {
+      dataType: DATA.DATA_TYPE.function,
+      displayName: names.onValidate,
+      [DATA.DATA_TYPE.function]: {
+        parameters: [
+          { dataType: valueDataType },
+          // value
+          { dataType: DATA.DATA_TYPE.text }
+          // cause: 'mount' | 'change' | 'blur'
+        ]
+      }
+    },
+    onValidityChange: {
+      dataType: DATA.DATA_TYPE.function,
+      displayName: names.onValidityChange,
+      [DATA.DATA_TYPE.function]: {
+        parameters: [
+          {
+            dataType: DATA.DATA_TYPE.data,
+            // FieldValidity
+            [DATA.DATA_TYPE.data]: { items: fieldValidityItems }
+          }
+        ]
+      }
+    }
+  };
+}
+export {
+  manifestValidation as m
+};

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

@@ -1,4 +1,4 @@
-import { a as $2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7 } from "./I18nProvider.js";
+import { k as $2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7 } from "./filterDOMProps.js";
 import { useMemo } from "react";
 const $a747a10fe70a57da$var$localeSymbol = Symbol.for("react-aria.i18n.locale");
 const $a747a10fe70a57da$var$stringsSymbol = Symbol.for("react-aria.i18n.strings");