@easypost/easy-ui 1.0.0-alpha.6 → 1.0.0-alpha.60

package/__chunks__/useFormValidation-gwcVryr8.mjs

@@ -0,0 +1,241 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+import { createContext, useMemo, useContext, useState, useRef, useEffect } from "react";
+import { d as $507fabe10e71c6fb$export$8397ddfc504fdb9a } from "./useFocusVisible-CXSIZSY_.mjs";
+import { a as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c, b as $8ae05eaa5c114e9c$export$7f54fc3180508a52 } from "./mergeProps-T961Q1yJ.mjs";
+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 = __spreadProps(__spreadValues({}, $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)) {
+      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 onReset = $8ae05eaa5c114e9c$export$7f54fc3180508a52(() => {
+    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;
+    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);
+    };
+  }, [
+    ref,
+    onInvalid,
+    onChange,
+    onReset,
+    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++) {
+    let element = form.elements[i];
+    if (!element.validity.valid) return element;
+  }
+  return null;
+}
+export {
+  $e5be200c675c3b3a$export$fc1a364ae1f3ff10 as $,
+  $e93e671b31057976$export$b8473d3665f3a75a as a,
+  $e5be200c675c3b3a$export$a763b9476acd3eb as b
+};

package/__chunks__/useHasTabbableChild-C34XhtMr.js

@@ -0,0 +1,36 @@
+"use strict";
+const FocusScope = require("./FocusScope-Co1hHX8R.js");
+const mergeProps = require("./mergeProps-DniMwM6P.js");
+const React = require("react");
+function $83013635b024ae3d$export$eac1895992b9f3d6(ref, options) {
+  let isDisabled = options === null || options === void 0 ? void 0 : options.isDisabled;
+  let [hasTabbableChild, setHasTabbableChild] = React.useState(false);
+  mergeProps.$f0a04ccd8dbdd83b$export$e5c5a5f917a5871c(() => {
+    if ((ref === null || ref === void 0 ? void 0 : ref.current) && !isDisabled) {
+      let update = () => {
+        if (ref.current) {
+          let walker = FocusScope.$9bf71ea28793e738$export$2d6ec8fc375ceafa(ref.current, {
+            tabbable: true
+          });
+          setHasTabbableChild(!!walker.nextNode());
+        }
+      };
+      update();
+      let observer = new MutationObserver(update);
+      observer.observe(ref.current, {
+        subtree: true,
+        childList: true,
+        attributes: true,
+        attributeFilter: [
+          "tabIndex",
+          "disabled"
+        ]
+      });
+      return () => {
+        observer.disconnect();
+      };
+    }
+  });
+  return isDisabled ? false : hasTabbableChild;
+}
+exports.$83013635b024ae3d$export$eac1895992b9f3d6 = $83013635b024ae3d$export$eac1895992b9f3d6;

package/__chunks__/useHasTabbableChild-CRCY1COZ.mjs

@@ -0,0 +1,37 @@
+import { $ as $9bf71ea28793e738$export$2d6ec8fc375ceafa } from "./FocusScope-CEeqhVmO.mjs";
+import { a as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c } from "./mergeProps-T961Q1yJ.mjs";
+import { useState } from "react";
+function $83013635b024ae3d$export$eac1895992b9f3d6(ref, options) {
+  let isDisabled = options === null || options === void 0 ? void 0 : options.isDisabled;
+  let [hasTabbableChild, setHasTabbableChild] = useState(false);
+  $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c(() => {
+    if ((ref === null || ref === void 0 ? void 0 : ref.current) && !isDisabled) {
+      let update = () => {
+        if (ref.current) {
+          let walker = $9bf71ea28793e738$export$2d6ec8fc375ceafa(ref.current, {
+            tabbable: true
+          });
+          setHasTabbableChild(!!walker.nextNode());
+        }
+      };
+      update();
+      let observer = new MutationObserver(update);
+      observer.observe(ref.current, {
+        subtree: true,
+        childList: true,
+        attributes: true,
+        attributeFilter: [
+          "tabIndex",
+          "disabled"
+        ]
+      });
+      return () => {
+        observer.disconnect();
+      };
+    }
+  });
+  return isDisabled ? false : hasTabbableChild;
+}
+export {
+  $83013635b024ae3d$export$eac1895992b9f3d6 as $
+};