@eightshift/ui-components 6.3.0 → 7.1.0

package/dist/useFocusRing-B2glEZ25.js

@@ -1,114 +0,0 @@
-import { g as $03deb23ff14920c4$export$4eaf04e54aa8eed6, h as $d4ee10de306f2510$export$4282f70798064fe0, b as $d4ee10de306f2510$export$e58f029f0fbfdb29, i as $8a9cb279dc87e130$export$715c682d09d639cc, e as $431fbd86ca7dc216$export$b204af158042fbac, j as $d4ee10de306f2510$export$cd4e5573fbe2b576, k as $8a9cb279dc87e130$export$c2b7abe5d61ec696, l as $8a9cb279dc87e130$export$525bc4921d56d4a, m as $507fabe10e71c6fb$export$b9b3dfddab17db27, n as $507fabe10e71c6fb$export$ec71b4b83ac08ec3, o as $a1ea59d68270f0dd$export$f8168d8dd8fd66e6 } from "./useHover-DkmPQdGE.js";
-import { useRef, useCallback, useState } from "react";
-function $9ab94262bd0047c7$export$420e68273165f4ec(props) {
-  let { isDisabled, onBlurWithin, onFocusWithin, onFocusWithinChange } = props;
-  let state = useRef({
-    isFocusWithin: false
-  });
-  let { addGlobalListener, removeAllGlobalListeners } = $03deb23ff14920c4$export$4eaf04e54aa8eed6();
-  let onBlur = useCallback((e) => {
-    if (!$d4ee10de306f2510$export$4282f70798064fe0(e.currentTarget, $d4ee10de306f2510$export$e58f029f0fbfdb29(e))) return;
-    if (state.current.isFocusWithin && !$d4ee10de306f2510$export$4282f70798064fe0(e.currentTarget, e.relatedTarget)) {
-      state.current.isFocusWithin = false;
-      removeAllGlobalListeners();
-      if (onBlurWithin) onBlurWithin(e);
-      if (onFocusWithinChange) onFocusWithinChange(false);
-    }
-  }, [
-    onBlurWithin,
-    onFocusWithinChange,
-    state,
-    removeAllGlobalListeners
-  ]);
-  let onSyntheticFocus = $8a9cb279dc87e130$export$715c682d09d639cc(onBlur);
-  let onFocus = useCallback((e) => {
-    if (!$d4ee10de306f2510$export$4282f70798064fe0(e.currentTarget, $d4ee10de306f2510$export$e58f029f0fbfdb29(e))) return;
-    let eventTarget = $d4ee10de306f2510$export$e58f029f0fbfdb29(e);
-    const ownerDocument = $431fbd86ca7dc216$export$b204af158042fbac(eventTarget);
-    const activeElement = $d4ee10de306f2510$export$cd4e5573fbe2b576(ownerDocument);
-    if (!state.current.isFocusWithin && activeElement === eventTarget) {
-      if (onFocusWithin) onFocusWithin(e);
-      if (onFocusWithinChange) onFocusWithinChange(true);
-      state.current.isFocusWithin = true;
-      onSyntheticFocus(e);
-      let currentTarget = e.currentTarget;
-      addGlobalListener(ownerDocument, "focus", (e2) => {
-        let eventTarget2 = $d4ee10de306f2510$export$e58f029f0fbfdb29(e2);
-        if (state.current.isFocusWithin && !$d4ee10de306f2510$export$4282f70798064fe0(currentTarget, eventTarget2)) {
-          let nativeEvent = new ownerDocument.defaultView.FocusEvent("blur", {
-            relatedTarget: eventTarget2
-          });
-          $8a9cb279dc87e130$export$c2b7abe5d61ec696(nativeEvent, currentTarget);
-          let event = $8a9cb279dc87e130$export$525bc4921d56d4a(nativeEvent);
-          onBlur(event);
-        }
-      }, {
-        capture: true
-      });
-    }
-  }, [
-    onFocusWithin,
-    onFocusWithinChange,
-    onSyntheticFocus,
-    addGlobalListener,
-    onBlur
-  ]);
-  if (isDisabled) return {
-    focusWithinProps: {
-      // These cannot be null, that would conflict in mergeProps
-      onFocus: void 0,
-      onBlur: void 0
-    }
-  };
-  return {
-    focusWithinProps: {
-      onFocus,
-      onBlur
-    }
-  };
-}
-function $f7dceffc5ad7768b$export$4e328f61c538687f(props = {}) {
-  let { autoFocus = false, isTextInput, within } = props;
-  let state = useRef({
-    isFocused: false,
-    isFocusVisible: autoFocus || $507fabe10e71c6fb$export$b9b3dfddab17db27()
-  });
-  let [isFocused, setFocused] = useState(false);
-  let [isFocusVisibleState, setFocusVisible] = useState(() => state.current.isFocused && state.current.isFocusVisible);
-  let updateState = useCallback(() => setFocusVisible(state.current.isFocused && state.current.isFocusVisible), []);
-  let onFocusChange = useCallback((isFocused2) => {
-    state.current.isFocused = isFocused2;
-    state.current.isFocusVisible = $507fabe10e71c6fb$export$b9b3dfddab17db27();
-    setFocused(isFocused2);
-    updateState();
-  }, [
-    updateState
-  ]);
-  $507fabe10e71c6fb$export$ec71b4b83ac08ec3((isFocusVisible) => {
-    state.current.isFocusVisible = isFocusVisible;
-    updateState();
-  }, [
-    isTextInput,
-    isFocused
-  ], {
-    enabled: isFocused,
-    isTextInput
-  });
-  let { focusProps } = $a1ea59d68270f0dd$export$f8168d8dd8fd66e6({
-    isDisabled: within,
-    onFocusChange
-  });
-  let { focusWithinProps } = $9ab94262bd0047c7$export$420e68273165f4ec({
-    isDisabled: !within,
-    onFocusWithinChange: onFocusChange
-  });
-  return {
-    isFocused,
-    isFocusVisible: isFocusVisibleState,
-    focusProps: within ? focusWithinProps : focusProps
-  };
-}
-export {
-  $9ab94262bd0047c7$export$420e68273165f4ec as $,
-  $f7dceffc5ad7768b$export$4e328f61c538687f as a
-};

package/dist/useFormReset-BoxsKyJ9.js

@@ -1,20 +0,0 @@
-import { c as $8ae05eaa5c114e9c$export$7f54fc3180508a52 } from "./useHover-DkmPQdGE.js";
-import { useEffect } from "react";
-function $99facab73266f662$export$5add1d006293d136(ref, initialValue, onReset) {
-  let handleReset = $8ae05eaa5c114e9c$export$7f54fc3180508a52(() => {
-    if (onReset) onReset(initialValue);
-  });
-  useEffect(() => {
-    var _ref_current;
-    let form = ref === null || ref === void 0 ? void 0 : (_ref_current = ref.current) === null || _ref_current === void 0 ? void 0 : _ref_current.form;
-    form === null || form === void 0 ? void 0 : form.addEventListener("reset", handleReset);
-    return () => {
-      form === null || form === void 0 ? void 0 : form.removeEventListener("reset", handleReset);
-    };
-  }, [
-    ref
-  ]);
-}
-export {
-  $99facab73266f662$export$5add1d006293d136 as $
-};

package/dist/useFormValidation-BrbMhS2N.js

@@ -1,232 +0,0 @@
-import { useMemo, useContext, useState, useRef, useEffect, createContext } from "react";
-import { c as $8ae05eaa5c114e9c$export$7f54fc3180508a52, x as $507fabe10e71c6fb$export$8397ddfc504fdb9a, b as $d4ee10de306f2510$export$e58f029f0fbfdb29 } from "./useHover-DkmPQdGE.js";
-import { c as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c } from "./utils-Cr3pLd9c.js";
-const $e5be200c675c3b3a$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 $e5be200c675c3b3a$var$CUSTOM_VALIDITY_STATE = {
-  ...$e5be200c675c3b3a$export$aca958c65c314e6c,
-  customError: true,
-  valid: false
-};
-const $e5be200c675c3b3a$export$dad6ae84456c676a = {
-  isInvalid: false,
-  validationDetails: $e5be200c675c3b3a$export$aca958c65c314e6c,
-  validationErrors: []
-};
-const $e5be200c675c3b3a$export$571b5131b7e65c11 = createContext({});
-const $e5be200c675c3b3a$export$a763b9476acd3eb = "__formValidationState" + Date.now();
-function $e5be200c675c3b3a$export$fc1a364ae1f3ff10(props) {
-  if (props[$e5be200c675c3b3a$export$a763b9476acd3eb]) {
-    let { realtimeValidation, displayValidation, updateValidation, resetValidation, commitValidation } = props[$e5be200c675c3b3a$export$a763b9476acd3eb];
-    return {
-      realtimeValidation,
-      displayValidation,
-      updateValidation,
-      resetValidation,
-      commitValidation
-    };
-  }
-  return $e5be200c675c3b3a$var$useFormValidationStateImpl(props);
-}
-function $e5be200c675c3b3a$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: $e5be200c675c3b3a$var$CUSTOM_VALIDITY_STATE
-  } : null;
-  let clientError = useMemo(() => {
-    if (!validate || value == null) return null;
-    let validateErrors = $e5be200c675c3b3a$var$runValidate(validate, value);
-    return $e5be200c675c3b3a$var$getValidationResult(validateErrors);
-  }, [
-    validate,
-    value
-  ]);
-  if (builtinValidation === null || builtinValidation === void 0 ? void 0 : builtinValidation.validationDetails.valid) builtinValidation = void 0;
-  let serverErrors = useContext($e5be200c675c3b3a$export$571b5131b7e65c11);
-  let serverErrorMessages = useMemo(() => {
-    if (name) return Array.isArray(name) ? name.flatMap((name2) => $e5be200c675c3b3a$var$asArray(serverErrors[name2])) : $e5be200c675c3b3a$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(() => $e5be200c675c3b3a$var$getValidationResult(isServerErrorCleared ? [] : serverErrorMessages), [
-    isServerErrorCleared,
-    serverErrorMessages
-  ]);
-  let nextValidation = useRef($e5be200c675c3b3a$export$dad6ae84456c676a);
-  let [currentValidity, setCurrentValidity] = useState($e5be200c675c3b3a$export$dad6ae84456c676a);
-  let lastError = useRef($e5be200c675c3b3a$export$dad6ae84456c676a);
-  let commitValidation = () => {
-    if (!commitQueued) return;
-    setCommitQueued(false);
-    let error = clientError || builtinValidation || nextValidation.current;
-    if (!$e5be200c675c3b3a$var$isEqualValidation(error, lastError.current)) {
-      lastError.current = error;
-      setCurrentValidity(error);
-    }
-  };
-  let [commitQueued, setCommitQueued] = useState(false);
-  useEffect(commitValidation);
-  let realtimeValidation = controlledError || serverError || clientError || builtinValidation || $e5be200c675c3b3a$export$dad6ae84456c676a;
-  let displayValidation = validationBehavior === "native" ? controlledError || serverError || currentValidity : controlledError || serverError || clientError || builtinValidation || currentValidity;
-  return {
-    realtimeValidation,
-    displayValidation,
-    updateValidation(value2) {
-      if (validationBehavior === "aria" && !$e5be200c675c3b3a$var$isEqualValidation(currentValidity, value2)) setCurrentValidity(value2);
-      else nextValidation.current = value2;
-    },
-    resetValidation() {
-      let error = $e5be200c675c3b3a$export$dad6ae84456c676a;
-      if (!$e5be200c675c3b3a$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 $e5be200c675c3b3a$var$asArray(v) {
-  if (!v) return [];
-  return Array.isArray(v) ? v : [
-    v
-  ];
-}
-function $e5be200c675c3b3a$var$runValidate(validate, value) {
-  if (typeof validate === "function") {
-    let e = validate(value);
-    if (e && typeof e !== "boolean") return $e5be200c675c3b3a$var$asArray(e);
-  }
-  return [];
-}
-function $e5be200c675c3b3a$var$getValidationResult(errors) {
-  return errors.length ? {
-    isInvalid: true,
-    validationErrors: errors,
-    validationDetails: $e5be200c675c3b3a$var$CUSTOM_VALIDITY_STATE
-  } : null;
-}
-function $e5be200c675c3b3a$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 $e93e671b31057976$export$b8473d3665f3a75a(props, state, ref) {
-  let { validationBehavior, focus } = props;
-  $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c(() => {
-    if (validationBehavior === "native" && (ref === null || ref === void 0 ? 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($e93e671b31057976$var$getNativeValidity(ref.current));
-    }
-  });
-  let isIgnoredReset = useRef(false);
-  let onReset = $8ae05eaa5c114e9c$export$7f54fc3180508a52(() => {
-    if (!isIgnoredReset.current) state.resetValidation();
-  });
-  let onInvalid = $8ae05eaa5c114e9c$export$7f54fc3180508a52((e) => {
-    var _ref_current;
-    if (!state.displayValidation.isInvalid) state.commitValidation();
-    let form = ref === null || ref === void 0 ? void 0 : (_ref_current = ref.current) === null || _ref_current === void 0 ? void 0 : _ref_current.form;
-    if (!e.defaultPrevented && ref && form && $e93e671b31057976$var$getFirstInvalidInput(form) === ref.current) {
-      var _ref_current1;
-      if (focus) focus();
-      else (_ref_current1 = ref.current) === null || _ref_current1 === void 0 ? void 0 : _ref_current1.focus();
-      $507fabe10e71c6fb$export$8397ddfc504fdb9a("keyboard");
-    }
-    e.preventDefault();
-  });
-  let onChange = $8ae05eaa5c114e9c$export$7f54fc3180508a52(() => {
-    state.commitValidation();
-  });
-  useEffect(() => {
-    let input = ref === null || ref === void 0 ? void 0 : ref.current;
-    if (!input) return;
-    let form = input.form;
-    let reset = form === null || form === void 0 ? void 0 : form.reset;
-    if (form)
-      form.reset = () => {
-        isIgnoredReset.current = !window.event || window.event.type === "message" && $d4ee10de306f2510$export$e58f029f0fbfdb29(window.event) instanceof MessagePort;
-        reset === null || reset === void 0 ? void 0 : reset.call(form);
-        isIgnoredReset.current = false;
-      };
-    input.addEventListener("invalid", onInvalid);
-    input.addEventListener("change", onChange);
-    form === null || form === void 0 ? void 0 : form.addEventListener("reset", onReset);
-    return () => {
-      input.removeEventListener("invalid", onInvalid);
-      input.removeEventListener("change", onChange);
-      form === null || form === void 0 ? void 0 : form.removeEventListener("reset", onReset);
-      if (form)
-        form.reset = reset;
-    };
-  }, [
-    ref,
-    validationBehavior
-  ]);
-}
-function $e93e671b31057976$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 $e93e671b31057976$var$getNativeValidity(input) {
-  return {
-    isInvalid: !input.validity.valid,
-    validationDetails: $e93e671b31057976$var$getValidity(input),
-    validationErrors: input.validationMessage ? [
-      input.validationMessage
-    ] : []
-  };
-}
-function $e93e671b31057976$var$getFirstInvalidInput(form) {
-  for (let i = 0; i < form.elements.length; i++) {
-    var _element_validity;
-    let element = form.elements[i];
-    if (((_element_validity = element.validity) === null || _element_validity === void 0 ? void 0 : _element_validity.valid) === false) return element;
-  }
-  return null;
-}
-export {
-  $e5be200c675c3b3a$export$fc1a364ae1f3ff10 as $,
-  $e93e671b31057976$export$b8473d3665f3a75a as a,
-  $e5be200c675c3b3a$export$a763b9476acd3eb as b,
-  $e5be200c675c3b3a$export$dad6ae84456c676a as c
-};