@wix/editor-react-components 1.2288.0 → 1.2289.0

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

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import * as React from "react";
-import React__default, { Component, createElement, createContext, Suspense, useContext, useRef, useEffect, useMemo, useState, useCallback } from "react";
+import React__default, { Component, createElement, createContext, Suspense, useContext, useState, useRef, useCallback } from "react";
 import { c as clsx } from "../chunks/clsx.js";
 import { E as EnvironmentDefinition } from "../chunks/index2.js";
 import { b as getAccessibilityAttributes, H as HAS_CUSTOM_FOCUS_CLASSNAME } from "../chunks/a11y.js";
@@ -8,8 +8,9 @@ import { a as getDataAttributes } from "../chunks/dataUtils.js";
 import { s as selectors } from "../chunks/constants2.js";
 import { useService } from "@wix/services-manager-react";
 import { T as TranslationsDefinition } from "../chunks/index5.js";
-import { $ as $8e9d2fae0ecb9001$export$457c3d6518dd4c6f, a as $f39a9eba43920ace$export$86427a43e3e48ebb, b as $64fa3d84918910a7$export$29f1550f4b0d4415, c as $64fa3d84918910a7$export$4d86445c2cf5e3, d as $64fa3d84918910a7$export$fabf2dc03a41866e, e as $64fa3d84918910a7$export$9d4c57ee4c6ffdd8, f as $64fa3d84918910a7$export$ef03459518577ad4, g as $65484d02dcb7eb3e$export$457c3d6518dd4c6f, h as $64fa3d84918910a7$export$2881499e37b75b9a } from "../chunks/filterDOMProps.js";
-import { $ as $c4867b2f328c2698$export$e5c5a5f917a5871c, a as $fe16bffc7a557bf0$export$7f54fc3180508a52, b as $8f5a2122b0992be3$export$8397ddfc504fdb9a, c as $23f2114a1b82827e$export$e58f029f0fbfdb29, d as $0beb20c9744a2065$export$8467354a121f1b9f, e as $390e54f620492c70$export$b4cc09c592e8fdb8, f as $bbaa08b3cd72f041$export$9d1611c77c2fe928, g as $3e6197669829fe11$export$40bfa8c7b0832715, h as $d1116acdf220c2da$export$4c014de7c8940b4c, i as $3274bf1495747a7b$export$5add1d006293d136, j as $e969f22b6713ca4a$export$ae780daf29e6d456, k as $0c4a58759813079a$export$4e328f61c538687f, l as $01b77f81d0f07f68$export$75b6ee27786ba447, m as $a049562f99e7db0e$export$f9c6924e160136d1, n as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "../chunks/Group.js";
+import { $ as $fd2148440a13ec26$export$fc1a364ae1f3ff10, a as $191c9b6d48a0a4e2$export$294aa081a6c6f55d, b as $860f7da480e22816$export$b8473d3665f3a75a, c as $d3e0e05bdfcf66bd$export$c24727297075ec6a, d as $3985021b0ad6602f$export$37fb8590cf2c088c, e as $514c0188e459b4c0$export$9afb8bc826b033ea, f as $ee014567cb39d3f0$export$ff05c3ac10437e03, g as $3985021b0ad6602f$export$f5b8910cec6cf069 } from "../chunks/Input.js";
+import { $ as $3e6197669829fe11$export$40bfa8c7b0832715, a as $d1116acdf220c2da$export$4c014de7c8940b4c, b as $3274bf1495747a7b$export$5add1d006293d136, c as $bbaa08b3cd72f041$export$9d1611c77c2fe928, d as $23f2114a1b82827e$export$e58f029f0fbfdb29, e as $01b77f81d0f07f68$export$75b6ee27786ba447, f as $a049562f99e7db0e$export$f9c6924e160136d1, g 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 { S as SdkStateDefinition } from "../chunks/index6.js";
 const ABORT_SIGNAL_TIMEOUT = 5e3;
 function createTimeoutSignal(timeout) {
@@ -395,262 +396,6 @@ const getPhoneFormatLengthValidationError = (phoneFormat, phoneFormatLengthValid
   `${phoneFormat ? phoneFormat.replace(/-/g, "").length : 0}`
 );
 const $8e6cc465cc68f603$export$698f465ec27e93df = /* @__PURE__ */ createContext(null);
-function $860f7da480e22816$export$b8473d3665f3a75a(props, state, ref) {
-  let { validationBehavior, focus } = props;
-  $c4867b2f328c2698$export$e5c5a5f917a5871c(() => {
-    if (validationBehavior === "native" && (ref == null ? void 0 : ref.current) && !ref.current.disabled) {
-      let errorMessage = state.realtimeValidation.isInvalid ? state.realtimeValidation.validationErrors.join(" ") || "Invalid value." : "";
-      ref.current.setCustomValidity(errorMessage);
-      if (!ref.current.hasAttribute("title")) ref.current.title = "";
-      if (!state.realtimeValidation.isInvalid) state.updateValidation($860f7da480e22816$var$getNativeValidity(ref.current));
-    }
-  });
-  let isIgnoredReset = useRef(false);
-  let onReset = $fe16bffc7a557bf0$export$7f54fc3180508a52(() => {
-    if (!isIgnoredReset.current) state.resetValidation();
-  });
-  let onInvalid = $fe16bffc7a557bf0$export$7f54fc3180508a52((e) => {
-    var _a, _b;
-    if (!state.displayValidation.isInvalid) state.commitValidation();
-    let form = (_a = ref == null ? void 0 : ref.current) == null ? void 0 : _a.form;
-    if (!e.defaultPrevented && ref && form && $860f7da480e22816$var$getFirstInvalidInput(form) === ref.current) {
-      if (focus) focus();
-      else (_b = ref.current) == null ? void 0 : _b.focus();
-      $8f5a2122b0992be3$export$8397ddfc504fdb9a("keyboard");
-    }
-    e.preventDefault();
-  });
-  let onChange = $fe16bffc7a557bf0$export$7f54fc3180508a52(() => {
-    state.commitValidation();
-  });
-  useEffect(() => {
-    let input2 = ref == null ? void 0 : ref.current;
-    if (!input2) return;
-    let form = input2.form;
-    let reset = form == null ? void 0 : form.reset;
-    if (form)
-      form.reset = () => {
-        isIgnoredReset.current = !window.event || window.event.type === "message" && $23f2114a1b82827e$export$e58f029f0fbfdb29(window.event) instanceof MessagePort;
-        reset == null ? void 0 : reset.call(form);
-        isIgnoredReset.current = false;
-      };
-    input2.addEventListener("invalid", onInvalid);
-    input2.addEventListener("change", onChange);
-    form == null ? void 0 : form.addEventListener("reset", onReset);
-    return () => {
-      input2.removeEventListener("invalid", onInvalid);
-      input2.removeEventListener("change", onChange);
-      form == null ? void 0 : form.removeEventListener("reset", onReset);
-      if (form)
-        form.reset = reset;
-    };
-  }, [
-    ref,
-    validationBehavior
-  ]);
-}
-function $860f7da480e22816$var$getValidity(input2) {
-  let validity = input2.validity;
-  return {
-    badInput: validity.badInput,
-    customError: validity.customError,
-    patternMismatch: validity.patternMismatch,
-    rangeOverflow: validity.rangeOverflow,
-    rangeUnderflow: validity.rangeUnderflow,
-    stepMismatch: validity.stepMismatch,
-    tooLong: validity.tooLong,
-    tooShort: validity.tooShort,
-    typeMismatch: validity.typeMismatch,
-    valueMissing: validity.valueMissing,
-    valid: validity.valid
-  };
-}
-function $860f7da480e22816$var$getNativeValidity(input2) {
-  return {
-    isInvalid: !input2.validity.valid,
-    validationDetails: $860f7da480e22816$var$getValidity(input2),
-    validationErrors: input2.validationMessage ? [
-      input2.validationMessage
-    ] : []
-  };
-}
-function $860f7da480e22816$var$getFirstInvalidInput(form) {
-  var _a;
-  for (let i = 0; i < form.elements.length; i++) {
-    let element = form.elements[i];
-    if (((_a = element.validity) == null ? void 0 : _a.valid) === false) return element;
-  }
-  return null;
-}
-const $fd2148440a13ec26$export$aca958c65c314e6c = {
-  badInput: false,
-  customError: false,
-  patternMismatch: false,
-  rangeOverflow: false,
-  rangeUnderflow: false,
-  stepMismatch: false,
-  tooLong: false,
-  tooShort: false,
-  typeMismatch: false,
-  valueMissing: false,
-  valid: true
-};
-const $fd2148440a13ec26$var$CUSTOM_VALIDITY_STATE = {
-  ...$fd2148440a13ec26$export$aca958c65c314e6c,
-  customError: true,
-  valid: false
-};
-const $fd2148440a13ec26$export$dad6ae84456c676a = {
-  isInvalid: false,
-  validationDetails: $fd2148440a13ec26$export$aca958c65c314e6c,
-  validationErrors: []
-};
-const $fd2148440a13ec26$export$571b5131b7e65c11 = createContext({});
-const $fd2148440a13ec26$export$a763b9476acd3eb = "__reactAriaFormValidationState";
-function $fd2148440a13ec26$export$fc1a364ae1f3ff10(props) {
-  if (props[$fd2148440a13ec26$export$a763b9476acd3eb]) {
-    let { realtimeValidation, displayValidation, updateValidation, resetValidation, commitValidation } = props[$fd2148440a13ec26$export$a763b9476acd3eb];
-    return {
-      realtimeValidation,
-      displayValidation,
-      updateValidation,
-      resetValidation,
-      commitValidation
-    };
-  }
-  return $fd2148440a13ec26$var$useFormValidationStateImpl(props);
-}
-function $fd2148440a13ec26$var$useFormValidationStateImpl(props) {
-  let { isInvalid, validationState, name, value, builtinValidation, validate, validationBehavior = "aria" } = props;
-  if (validationState) isInvalid || (isInvalid = validationState === "invalid");
-  let controlledError = isInvalid !== void 0 ? {
-    isInvalid,
-    validationErrors: [],
-    validationDetails: $fd2148440a13ec26$var$CUSTOM_VALIDITY_STATE
-  } : null;
-  let clientError = useMemo(() => {
-    if (!validate || value == null) return null;
-    let validateErrors = $fd2148440a13ec26$var$runValidate(validate, value);
-    return $fd2148440a13ec26$var$getValidationResult(validateErrors);
-  }, [
-    validate,
-    value
-  ]);
-  if (builtinValidation == null ? void 0 : builtinValidation.validationDetails.valid) builtinValidation = void 0;
-  let serverErrors = useContext($fd2148440a13ec26$export$571b5131b7e65c11);
-  let serverErrorMessages = useMemo(() => {
-    if (name) return Array.isArray(name) ? name.flatMap((name2) => $fd2148440a13ec26$var$asArray(serverErrors[name2])) : $fd2148440a13ec26$var$asArray(serverErrors[name]);
-    return [];
-  }, [
-    serverErrors,
-    name
-  ]);
-  let [lastServerErrors, setLastServerErrors] = useState(serverErrors);
-  let [isServerErrorCleared, setServerErrorCleared] = useState(false);
-  if (serverErrors !== lastServerErrors) {
-    setLastServerErrors(serverErrors);
-    setServerErrorCleared(false);
-  }
-  let serverError = useMemo(() => $fd2148440a13ec26$var$getValidationResult(isServerErrorCleared ? [] : serverErrorMessages), [
-    isServerErrorCleared,
-    serverErrorMessages
-  ]);
-  let nextValidation = useRef($fd2148440a13ec26$export$dad6ae84456c676a);
-  let [currentValidity, setCurrentValidity] = useState($fd2148440a13ec26$export$dad6ae84456c676a);
-  let lastError = useRef($fd2148440a13ec26$export$dad6ae84456c676a);
-  let commitValidation = () => {
-    if (!commitQueued) return;
-    setCommitQueued(false);
-    let error = clientError || builtinValidation || nextValidation.current;
-    if (!$fd2148440a13ec26$var$isEqualValidation(error, lastError.current)) {
-      lastError.current = error;
-      setCurrentValidity(error);
-    }
-  };
-  let [commitQueued, setCommitQueued] = useState(false);
-  useEffect(commitValidation);
-  let realtimeValidation = controlledError || serverError || clientError || builtinValidation || $fd2148440a13ec26$export$dad6ae84456c676a;
-  let displayValidation = validationBehavior === "native" ? controlledError || serverError || currentValidity : controlledError || serverError || clientError || builtinValidation || currentValidity;
-  return {
-    realtimeValidation,
-    displayValidation,
-    updateValidation(value2) {
-      if (validationBehavior === "aria" && !$fd2148440a13ec26$var$isEqualValidation(currentValidity, value2)) setCurrentValidity(value2);
-      else nextValidation.current = value2;
-    },
-    resetValidation() {
-      let error = $fd2148440a13ec26$export$dad6ae84456c676a;
-      if (!$fd2148440a13ec26$var$isEqualValidation(error, lastError.current)) {
-        lastError.current = error;
-        setCurrentValidity(error);
-      }
-      if (validationBehavior === "native") setCommitQueued(false);
-      setServerErrorCleared(true);
-    },
-    commitValidation() {
-      if (validationBehavior === "native") setCommitQueued(true);
-      setServerErrorCleared(true);
-    }
-  };
-}
-function $fd2148440a13ec26$var$asArray(v) {
-  if (!v) return [];
-  return Array.isArray(v) ? v : [
-    v
-  ];
-}
-function $fd2148440a13ec26$var$runValidate(validate, value) {
-  if (typeof validate === "function") {
-    let e = validate(value);
-    if (e && typeof e !== "boolean") return $fd2148440a13ec26$var$asArray(e);
-  }
-  return [];
-}
-function $fd2148440a13ec26$var$getValidationResult(errors) {
-  return errors.length ? {
-    isInvalid: true,
-    validationErrors: errors,
-    validationDetails: $fd2148440a13ec26$var$CUSTOM_VALIDITY_STATE
-  } : null;
-}
-function $fd2148440a13ec26$var$isEqualValidation(a, b) {
-  if (a === b) return true;
-  return !!a && !!b && a.isInvalid === b.isInvalid && a.validationErrors.length === b.validationErrors.length && a.validationErrors.every((a2, i) => a2 === b.validationErrors[i]) && Object.entries(a.validationDetails).every(([k, v]) => b.validationDetails[k] === v);
-}
-function $191c9b6d48a0a4e2$export$294aa081a6c6f55d(props) {
-  let { description, errorMessage, isInvalid, validationState } = props;
-  let { labelProps, fieldProps } = $0beb20c9744a2065$export$8467354a121f1b9f(props);
-  let descriptionId = $390e54f620492c70$export$b4cc09c592e8fdb8([
-    Boolean(description),
-    Boolean(errorMessage),
-    isInvalid,
-    validationState
-  ]);
-  let errorMessageId = $390e54f620492c70$export$b4cc09c592e8fdb8([
-    Boolean(description),
-    Boolean(errorMessage),
-    isInvalid,
-    validationState
-  ]);
-  fieldProps = $bbaa08b3cd72f041$export$9d1611c77c2fe928(fieldProps, {
-    "aria-describedby": [
-      descriptionId,
-      // Use aria-describedby for error message because aria-errormessage is unsupported using VoiceOver or NVDA. See https://github.com/adobe/react-spectrum/issues/1346#issuecomment-740136268
-      errorMessageId,
-      props["aria-describedby"]
-    ].filter(Boolean).join(" ") || void 0
-  });
-  return {
-    labelProps,
-    fieldProps,
-    descriptionProps: {
-      id: descriptionId
-    },
-    errorMessageProps: {
-      id: errorMessageId
-    }
-  };
-}
 function $054f71d2330da2e3$export$712718f7aec83d5(props, ref) {
   let { inputElementType = "input", isDisabled = false, isRequired = false, isReadOnly = false, type = "text", validationBehavior = "aria" } = props;
   let [value, setValue] = $3e6197669829fe11$export$40bfa8c7b0832715(props.value, props.defaultValue || "", props.onChange);
@@ -724,44 +469,6 @@ function $054f71d2330da2e3$export$712718f7aec83d5(props, ref) {
     validationDetails
   };
 }
-const $514c0188e459b4c0$export$9afb8bc826b033ea = /* @__PURE__ */ createContext({});
-const $ee014567cb39d3f0$export$ff05c3ac10437e03 = /* @__PURE__ */ createContext(null);
-const $d3e0e05bdfcf66bd$export$c24727297075ec6a = /* @__PURE__ */ createContext(null);
-const $3985021b0ad6602f$export$37fb8590cf2c088c = /* @__PURE__ */ createContext({});
-let $3985021b0ad6602f$var$filterHoverProps = (props) => {
-  let { onHoverStart, onHoverChange, onHoverEnd, ...otherProps } = props;
-  return otherProps;
-};
-const $3985021b0ad6602f$export$f5b8910cec6cf069 = /* @__PURE__ */ $f39a9eba43920ace$export$86427a43e3e48ebb(function Input(props, ref) {
-  [props, ref] = $64fa3d84918910a7$export$29f1550f4b0d4415(props, ref, $3985021b0ad6602f$export$37fb8590cf2c088c);
-  let { hoverProps, isHovered } = $e969f22b6713ca4a$export$ae780daf29e6d456(props);
-  let { isFocused, isFocusVisible, focusProps } = $0c4a58759813079a$export$4e328f61c538687f({
-    isTextInput: true,
-    autoFocus: props.autoFocus
-  });
-  let isInvalid = !!props["aria-invalid"] && props["aria-invalid"] !== "false";
-  let renderProps = $64fa3d84918910a7$export$4d86445c2cf5e3({
-    ...props,
-    values: {
-      isHovered,
-      isFocused,
-      isFocusVisible,
-      isDisabled: props.disabled || false,
-      isInvalid
-    },
-    defaultClassName: "react-aria-Input"
-  });
-  return /* @__PURE__ */ React__default.createElement("input", {
-    ...$bbaa08b3cd72f041$export$9d1611c77c2fe928($3985021b0ad6602f$var$filterHoverProps(props), focusProps, hoverProps),
-    ...renderProps,
-    ref,
-    "data-focused": isFocused || void 0,
-    "data-disabled": props.disabled || void 0,
-    "data-hovered": isHovered || void 0,
-    "data-focus-visible": isFocusVisible || void 0,
-    "data-invalid": isInvalid || void 0
-  });
-});
 const $216918bed6669f72$export$2dc6166a7e65358c = /* @__PURE__ */ createContext({});
 const $bcdf0525bf22703d$export$2129e27b3ef0d483 = /* @__PURE__ */ createContext(null);
 const $bcdf0525bf22703d$export$2c73285ae9390cec = /* @__PURE__ */ $f39a9eba43920ace$export$86427a43e3e48ebb(function TextField(props, ref) {