@wix/editor-react-components 1.2345.0 → 1.2347.0

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

@@ -1,341 +0,0 @@
-import { H as $c4867b2f328c2698$export$e5c5a5f917a5871c, n as $fe16bffc7a557bf0$export$7f54fc3180508a52, R as $8f5a2122b0992be3$export$8397ddfc504fdb9a, f as $23f2114a1b82827e$export$e58f029f0fbfdb29, S as $0beb20c9744a2065$export$8467354a121f1b9f, T as $390e54f620492c70$export$b4cc09c592e8fdb8, e as $bbaa08b3cd72f041$export$9d1611c77c2fe928, A as $e969f22b6713ca4a$export$ae780daf29e6d456, z as $0c4a58759813079a$export$4e328f61c538687f } from "./Group.js";
-import React__default, { useRef, useEffect, useMemo, useContext, useState, createContext, forwardRef } from "react";
-import { b as $64fa3d84918910a7$export$29f1550f4b0d4415, a as $f39a9eba43920ace$export$86427a43e3e48ebb, f as $64fa3d84918910a7$export$4d86445c2cf5e3 } from "./filterDOMProps.js";
-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 input = ref == null ? void 0 : ref.current;
-    if (!input) return;
-    let form = input.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;
-      };
-    input.addEventListener("invalid", onInvalid);
-    input.addEventListener("change", onChange);
-    form == null ? void 0 : form.addEventListener("reset", onReset);
-    return () => {
-      input.removeEventListener("invalid", onInvalid);
-      input.removeEventListener("change", onChange);
-      form == null ? void 0 : form.removeEventListener("reset", onReset);
-      if (form)
-        form.reset = reset;
-    };
-  }, [
-    ref,
-    validationBehavior
-  ]);
-}
-function $860f7da480e22816$var$getValidity(input) {
-  let validity = input.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(input) {
-  return {
-    isInvalid: !input.validity.valid,
-    validationDetails: $860f7da480e22816$var$getValidity(input),
-    validationErrors: input.validationMessage ? [
-      input.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 $fd2148440a13ec26$export$75ee7c75d68f5b0e(...results) {
-  let errors = /* @__PURE__ */ new Set();
-  let isInvalid = false;
-  let validationDetails = {
-    ...$fd2148440a13ec26$export$aca958c65c314e6c
-  };
-  for (let v of results) {
-    for (let e of v.validationErrors) errors.add(e);
-    isInvalid || (isInvalid = v.isInvalid);
-    for (let key in validationDetails) validationDetails[key] || (validationDetails[key] = v.validationDetails[key]);
-  }
-  validationDetails.valid = !isInvalid;
-  return {
-    isInvalid,
-    validationErrors: [
-      ...errors
-    ],
-    validationDetails
-  };
-}
-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
-    }
-  };
-}
-const $514c0188e459b4c0$export$9afb8bc826b033ea = /* @__PURE__ */ createContext({});
-const $514c0188e459b4c0$export$5f1af8db9871e1d6 = /* @__PURE__ */ forwardRef(function Text(props, ref) {
-  [props, ref] = $64fa3d84918910a7$export$29f1550f4b0d4415(props, ref, $514c0188e459b4c0$export$9afb8bc826b033ea);
-  let { elementType: ElementType = "span", ...domProps } = props;
-  return /* @__PURE__ */ React__default.createElement(ElementType, {
-    className: "react-aria-Text",
-    ...domProps,
-    ref
-  });
-});
-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
-  });
-});
-export {
-  $514c0188e459b4c0$export$5f1af8db9871e1d6 as $,
-  $fd2148440a13ec26$export$fc1a364ae1f3ff10 as a,
-  $191c9b6d48a0a4e2$export$294aa081a6c6f55d as b,
-  $860f7da480e22816$export$b8473d3665f3a75a as c,
-  $d3e0e05bdfcf66bd$export$c24727297075ec6a as d,
-  $3985021b0ad6602f$export$37fb8590cf2c088c as e,
-  $514c0188e459b4c0$export$9afb8bc826b033ea as f,
-  $ee014567cb39d3f0$export$ff05c3ac10437e03 as g,
-  $3985021b0ad6602f$export$f5b8910cec6cf069 as h,
-  $fd2148440a13ec26$export$75ee7c75d68f5b0e as i,
-  $fd2148440a13ec26$export$aca958c65c314e6c as j,
-  $fd2148440a13ec26$export$a763b9476acd3eb as k,
-  $fd2148440a13ec26$export$dad6ae84456c676a as l
-};