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

package/__chunks__/ariaHideOutside-DNGR3Fo6.js

@@ -0,0 +1,410 @@
+"use strict";
+var __defProp = Object.defineProperty;
+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;
+};
+const FocusScope = require("./FocusScope-Co1hHX8R.js");
+const React = require("react");
+const useFocusWithin = require("./useFocusWithin-C1ioGWec.js");
+const isVirtualEvent = require("./isVirtualEvent-DwoP1rNI.js");
+const mergeProps = require("./mergeProps-DniMwM6P.js");
+const Overlay = require("./Overlay-ZinDp2HW.js");
+const getScrollParent = require("./getScrollParent-DNz2ReWu.js");
+function $e0b6e0b68ec7f50f$export$872b660ac5a1ff98(props) {
+  let { ref, onInteractOutside, isDisabled, onInteractOutsideStart } = props;
+  let stateRef = React.useRef({
+    isPointerDown: false,
+    ignoreEmulatedMouseEvents: false
+  });
+  let onPointerDown = mergeProps.$8ae05eaa5c114e9c$export$7f54fc3180508a52((e) => {
+    if (onInteractOutside && $e0b6e0b68ec7f50f$var$isValidEvent(e, ref)) {
+      if (onInteractOutsideStart) onInteractOutsideStart(e);
+      stateRef.current.isPointerDown = true;
+    }
+  });
+  let triggerInteractOutside = mergeProps.$8ae05eaa5c114e9c$export$7f54fc3180508a52((e) => {
+    if (onInteractOutside) onInteractOutside(e);
+  });
+  React.useEffect(() => {
+    let state = stateRef.current;
+    if (isDisabled) return;
+    const element = ref.current;
+    const documentObject = isVirtualEvent.$431fbd86ca7dc216$export$b204af158042fbac(element);
+    if (typeof PointerEvent !== "undefined") {
+      let onPointerUp = (e) => {
+        if (state.isPointerDown && $e0b6e0b68ec7f50f$var$isValidEvent(e, ref)) triggerInteractOutside(e);
+        state.isPointerDown = false;
+      };
+      documentObject.addEventListener("pointerdown", onPointerDown, true);
+      documentObject.addEventListener("pointerup", onPointerUp, true);
+      return () => {
+        documentObject.removeEventListener("pointerdown", onPointerDown, true);
+        documentObject.removeEventListener("pointerup", onPointerUp, true);
+      };
+    } else {
+      let onMouseUp = (e) => {
+        if (state.ignoreEmulatedMouseEvents) state.ignoreEmulatedMouseEvents = false;
+        else if (state.isPointerDown && $e0b6e0b68ec7f50f$var$isValidEvent(e, ref)) triggerInteractOutside(e);
+        state.isPointerDown = false;
+      };
+      let onTouchEnd = (e) => {
+        state.ignoreEmulatedMouseEvents = true;
+        if (state.isPointerDown && $e0b6e0b68ec7f50f$var$isValidEvent(e, ref)) triggerInteractOutside(e);
+        state.isPointerDown = false;
+      };
+      documentObject.addEventListener("mousedown", onPointerDown, true);
+      documentObject.addEventListener("mouseup", onMouseUp, true);
+      documentObject.addEventListener("touchstart", onPointerDown, true);
+      documentObject.addEventListener("touchend", onTouchEnd, true);
+      return () => {
+        documentObject.removeEventListener("mousedown", onPointerDown, true);
+        documentObject.removeEventListener("mouseup", onMouseUp, true);
+        documentObject.removeEventListener("touchstart", onPointerDown, true);
+        documentObject.removeEventListener("touchend", onTouchEnd, true);
+      };
+    }
+  }, [
+    ref,
+    isDisabled,
+    onPointerDown,
+    triggerInteractOutside
+  ]);
+}
+function $e0b6e0b68ec7f50f$var$isValidEvent(event, ref) {
+  if (event.button > 0) return false;
+  if (event.target) {
+    const ownerDocument = event.target.ownerDocument;
+    if (!ownerDocument || !ownerDocument.documentElement.contains(event.target)) return false;
+    if (event.target.closest("[data-react-aria-top-layer]")) return false;
+  }
+  return ref.current && !ref.current.contains(event.target);
+}
+const $a11501f3d1d39e6c$var$visibleOverlays = [];
+function $a11501f3d1d39e6c$export$ea8f71083e90600f(props, ref) {
+  let { onClose, shouldCloseOnBlur, isOpen, isDismissable = false, isKeyboardDismissDisabled = false, shouldCloseOnInteractOutside } = props;
+  React.useEffect(() => {
+    if (isOpen) $a11501f3d1d39e6c$var$visibleOverlays.push(ref);
+    return () => {
+      let index = $a11501f3d1d39e6c$var$visibleOverlays.indexOf(ref);
+      if (index >= 0) $a11501f3d1d39e6c$var$visibleOverlays.splice(index, 1);
+    };
+  }, [
+    isOpen,
+    ref
+  ]);
+  let onHide = () => {
+    if ($a11501f3d1d39e6c$var$visibleOverlays[$a11501f3d1d39e6c$var$visibleOverlays.length - 1] === ref && onClose) onClose();
+  };
+  let onInteractOutsideStart = (e) => {
+    if (!shouldCloseOnInteractOutside || shouldCloseOnInteractOutside(e.target)) {
+      if ($a11501f3d1d39e6c$var$visibleOverlays[$a11501f3d1d39e6c$var$visibleOverlays.length - 1] === ref) {
+        e.stopPropagation();
+        e.preventDefault();
+      }
+    }
+  };
+  let onInteractOutside = (e) => {
+    if (!shouldCloseOnInteractOutside || shouldCloseOnInteractOutside(e.target)) {
+      if ($a11501f3d1d39e6c$var$visibleOverlays[$a11501f3d1d39e6c$var$visibleOverlays.length - 1] === ref) {
+        e.stopPropagation();
+        e.preventDefault();
+      }
+      onHide();
+    }
+  };
+  let onKeyDown = (e) => {
+    if (e.key === "Escape" && !isKeyboardDismissDisabled && !e.nativeEvent.isComposing) {
+      e.stopPropagation();
+      e.preventDefault();
+      onHide();
+    }
+  };
+  $e0b6e0b68ec7f50f$export$872b660ac5a1ff98({
+    ref,
+    onInteractOutside: isDismissable && isOpen ? onInteractOutside : void 0,
+    onInteractOutsideStart
+  });
+  let { focusWithinProps } = useFocusWithin.$9ab94262bd0047c7$export$420e68273165f4ec({
+    isDisabled: !shouldCloseOnBlur,
+    onBlurWithin: (e) => {
+      if (!e.relatedTarget || FocusScope.$9bf71ea28793e738$export$1258395f99bf9cbf(e.relatedTarget)) return;
+      if (!shouldCloseOnInteractOutside || shouldCloseOnInteractOutside(e.relatedTarget)) onClose === null || onClose === void 0 ? void 0 : onClose();
+    }
+  });
+  let onPointerDownUnderlay = (e) => {
+    if (e.target === e.currentTarget) e.preventDefault();
+  };
+  return {
+    overlayProps: __spreadValues({
+      onKeyDown
+    }, focusWithinProps),
+    underlayProps: {
+      onPointerDown: onPointerDownUnderlay
+    }
+  };
+}
+function $628037886ba31236$export$f9d5c8beee7d008d(props, state, ref) {
+  let { type } = props;
+  let { isOpen } = state;
+  React.useEffect(() => {
+    if (ref && ref.current) Overlay.$dd149f63282afbbf$export$f6211563215e3b37.set(ref.current, state.close);
+  });
+  let ariaHasPopup = void 0;
+  if (type === "menu") ariaHasPopup = true;
+  else if (type === "listbox") ariaHasPopup = "listbox";
+  let overlayId = mergeProps.$bdb11010cef70236$export$f680877a34711e37();
+  return {
+    triggerProps: {
+      "aria-haspopup": ariaHasPopup,
+      "aria-expanded": isOpen,
+      "aria-controls": isOpen ? overlayId : void 0,
+      onPress: state.toggle
+    },
+    overlayProps: {
+      id: overlayId
+    }
+  };
+}
+const $49c51c25361d4cd2$var$visualViewport = typeof document !== "undefined" && window.visualViewport;
+const $49c51c25361d4cd2$var$nonTextInputTypes = /* @__PURE__ */ new Set([
+  "checkbox",
+  "radio",
+  "range",
+  "color",
+  "file",
+  "image",
+  "button",
+  "submit",
+  "reset"
+]);
+let $49c51c25361d4cd2$var$preventScrollCount = 0;
+let $49c51c25361d4cd2$var$restore;
+function $49c51c25361d4cd2$export$ee0f7cc6afcd1c18(options = {}) {
+  let { isDisabled } = options;
+  mergeProps.$f0a04ccd8dbdd83b$export$e5c5a5f917a5871c(() => {
+    if (isDisabled) return;
+    $49c51c25361d4cd2$var$preventScrollCount++;
+    if ($49c51c25361d4cd2$var$preventScrollCount === 1) {
+      if (isVirtualEvent.$c87311424ea30a05$export$fedb369cb70207f1()) $49c51c25361d4cd2$var$restore = $49c51c25361d4cd2$var$preventScrollMobileSafari();
+      else $49c51c25361d4cd2$var$restore = $49c51c25361d4cd2$var$preventScrollStandard();
+    }
+    return () => {
+      $49c51c25361d4cd2$var$preventScrollCount--;
+      if ($49c51c25361d4cd2$var$preventScrollCount === 0) $49c51c25361d4cd2$var$restore();
+    };
+  }, [
+    isDisabled
+  ]);
+}
+function $49c51c25361d4cd2$var$preventScrollStandard() {
+  return mergeProps.$ff5963eb1fccf552$export$e08e3b67e392101e($49c51c25361d4cd2$var$setStyle(document.documentElement, "paddingRight", `${window.innerWidth - document.documentElement.clientWidth}px`), $49c51c25361d4cd2$var$setStyle(document.documentElement, "overflow", "hidden"));
+}
+function $49c51c25361d4cd2$var$preventScrollMobileSafari() {
+  let scrollable;
+  let restoreScrollableStyles;
+  let onTouchStart = (e) => {
+    scrollable = getScrollParent.$62d8ded9296f3872$export$cfa2225e87938781(e.target, true);
+    if (scrollable === document.documentElement && scrollable === document.body) return;
+    if (scrollable instanceof HTMLElement && window.getComputedStyle(scrollable).overscrollBehavior === "auto") restoreScrollableStyles = $49c51c25361d4cd2$var$setStyle(scrollable, "overscrollBehavior", "contain");
+  };
+  let onTouchMove = (e) => {
+    if (!scrollable || scrollable === document.documentElement || scrollable === document.body) {
+      e.preventDefault();
+      return;
+    }
+    if (scrollable.scrollHeight === scrollable.clientHeight && scrollable.scrollWidth === scrollable.clientWidth) e.preventDefault();
+  };
+  let onTouchEnd = (e) => {
+    let target = e.target;
+    if ($49c51c25361d4cd2$var$willOpenKeyboard(target) && target !== document.activeElement) {
+      e.preventDefault();
+      setupStyles();
+      target.style.transform = "translateY(-2000px)";
+      target.focus();
+      requestAnimationFrame(() => {
+        target.style.transform = "";
+      });
+    }
+    if (restoreScrollableStyles) restoreScrollableStyles();
+  };
+  let onFocus = (e) => {
+    let target = e.target;
+    if ($49c51c25361d4cd2$var$willOpenKeyboard(target)) {
+      setupStyles();
+      target.style.transform = "translateY(-2000px)";
+      requestAnimationFrame(() => {
+        target.style.transform = "";
+        if ($49c51c25361d4cd2$var$visualViewport) {
+          if ($49c51c25361d4cd2$var$visualViewport.height < window.innerHeight)
+            requestAnimationFrame(() => {
+              $49c51c25361d4cd2$var$scrollIntoView(target);
+            });
+          else
+            $49c51c25361d4cd2$var$visualViewport.addEventListener("resize", () => $49c51c25361d4cd2$var$scrollIntoView(target), {
+              once: true
+            });
+        }
+      });
+    }
+  };
+  let restoreStyles = null;
+  let setupStyles = () => {
+    if (restoreStyles) return;
+    let onWindowScroll = () => {
+      window.scrollTo(0, 0);
+    };
+    let scrollX = window.pageXOffset;
+    let scrollY = window.pageYOffset;
+    restoreStyles = mergeProps.$ff5963eb1fccf552$export$e08e3b67e392101e($49c51c25361d4cd2$var$addEvent(window, "scroll", onWindowScroll), $49c51c25361d4cd2$var$setStyle(document.documentElement, "paddingRight", `${window.innerWidth - document.documentElement.clientWidth}px`), $49c51c25361d4cd2$var$setStyle(document.documentElement, "overflow", "hidden"), $49c51c25361d4cd2$var$setStyle(document.body, "marginTop", `-${scrollY}px`), () => {
+      window.scrollTo(scrollX, scrollY);
+    });
+    window.scrollTo(0, 0);
+  };
+  let removeEvents = mergeProps.$ff5963eb1fccf552$export$e08e3b67e392101e($49c51c25361d4cd2$var$addEvent(document, "touchstart", onTouchStart, {
+    passive: false,
+    capture: true
+  }), $49c51c25361d4cd2$var$addEvent(document, "touchmove", onTouchMove, {
+    passive: false,
+    capture: true
+  }), $49c51c25361d4cd2$var$addEvent(document, "touchend", onTouchEnd, {
+    passive: false,
+    capture: true
+  }), $49c51c25361d4cd2$var$addEvent(document, "focus", onFocus, true));
+  return () => {
+    restoreScrollableStyles === null || restoreScrollableStyles === void 0 ? void 0 : restoreScrollableStyles();
+    restoreStyles === null || restoreStyles === void 0 ? void 0 : restoreStyles();
+    removeEvents();
+  };
+}
+function $49c51c25361d4cd2$var$setStyle(element, style, value) {
+  let cur = element.style[style];
+  element.style[style] = value;
+  return () => {
+    element.style[style] = cur;
+  };
+}
+function $49c51c25361d4cd2$var$addEvent(target, event, handler, options) {
+  target.addEventListener(event, handler, options);
+  return () => {
+    target.removeEventListener(event, handler, options);
+  };
+}
+function $49c51c25361d4cd2$var$scrollIntoView(target) {
+  let root = document.scrollingElement || document.documentElement;
+  let nextTarget = target;
+  while (nextTarget && nextTarget !== root) {
+    let scrollable = getScrollParent.$62d8ded9296f3872$export$cfa2225e87938781(nextTarget);
+    if (scrollable !== document.documentElement && scrollable !== document.body && scrollable !== nextTarget) {
+      let scrollableTop = scrollable.getBoundingClientRect().top;
+      let targetTop = nextTarget.getBoundingClientRect().top;
+      if (targetTop > scrollableTop + nextTarget.clientHeight) scrollable.scrollTop += targetTop - scrollableTop;
+    }
+    nextTarget = scrollable.parentElement;
+  }
+}
+function $49c51c25361d4cd2$var$willOpenKeyboard(target) {
+  return target instanceof HTMLInputElement && !$49c51c25361d4cd2$var$nonTextInputTypes.has(target.type) || target instanceof HTMLTextAreaElement || target instanceof HTMLElement && target.isContentEditable;
+}
+let $5e3802645cc19319$var$refCountMap = /* @__PURE__ */ new WeakMap();
+let $5e3802645cc19319$var$observerStack = [];
+function $5e3802645cc19319$export$1c3ebcada18427bf(targets, root = document.body) {
+  let visibleNodes = new Set(targets);
+  let hiddenNodes = /* @__PURE__ */ new Set();
+  let walk = (root2) => {
+    for (let element of root2.querySelectorAll("[data-live-announcer], [data-react-aria-top-layer]")) visibleNodes.add(element);
+    let acceptNode = (node) => {
+      if (visibleNodes.has(node) || node.parentElement && hiddenNodes.has(node.parentElement) && node.parentElement.getAttribute("role") !== "row") return NodeFilter.FILTER_REJECT;
+      for (let target of visibleNodes) {
+        if (node.contains(target)) return NodeFilter.FILTER_SKIP;
+      }
+      return NodeFilter.FILTER_ACCEPT;
+    };
+    let walker = document.createTreeWalker(root2, NodeFilter.SHOW_ELEMENT, {
+      acceptNode
+    });
+    let acceptRoot = acceptNode(root2);
+    if (acceptRoot === NodeFilter.FILTER_ACCEPT) hide(root2);
+    if (acceptRoot !== NodeFilter.FILTER_REJECT) {
+      let node = walker.nextNode();
+      while (node != null) {
+        hide(node);
+        node = walker.nextNode();
+      }
+    }
+  };
+  let hide = (node) => {
+    var _refCountMap_get;
+    let refCount = (_refCountMap_get = $5e3802645cc19319$var$refCountMap.get(node)) !== null && _refCountMap_get !== void 0 ? _refCountMap_get : 0;
+    if (node.getAttribute("aria-hidden") === "true" && refCount === 0) return;
+    if (refCount === 0) node.setAttribute("aria-hidden", "true");
+    hiddenNodes.add(node);
+    $5e3802645cc19319$var$refCountMap.set(node, refCount + 1);
+  };
+  if ($5e3802645cc19319$var$observerStack.length) $5e3802645cc19319$var$observerStack[$5e3802645cc19319$var$observerStack.length - 1].disconnect();
+  walk(root);
+  let observer = new MutationObserver((changes) => {
+    for (let change of changes) {
+      if (change.type !== "childList" || change.addedNodes.length === 0) continue;
+      if (![
+        ...visibleNodes,
+        ...hiddenNodes
+      ].some((node) => node.contains(change.target))) {
+        for (let node of change.removedNodes) if (node instanceof Element) {
+          visibleNodes.delete(node);
+          hiddenNodes.delete(node);
+        }
+        for (let node of change.addedNodes) {
+          if ((node instanceof HTMLElement || node instanceof SVGElement) && (node.dataset.liveAnnouncer === "true" || node.dataset.reactAriaTopLayer === "true")) visibleNodes.add(node);
+          else if (node instanceof Element) walk(node);
+        }
+      }
+    }
+  });
+  observer.observe(root, {
+    childList: true,
+    subtree: true
+  });
+  let observerWrapper = {
+    observe() {
+      observer.observe(root, {
+        childList: true,
+        subtree: true
+      });
+    },
+    disconnect() {
+      observer.disconnect();
+    }
+  };
+  $5e3802645cc19319$var$observerStack.push(observerWrapper);
+  return () => {
+    observer.disconnect();
+    for (let node of hiddenNodes) {
+      let count = $5e3802645cc19319$var$refCountMap.get(node);
+      if (count == null) continue;
+      if (count === 1) {
+        node.removeAttribute("aria-hidden");
+        $5e3802645cc19319$var$refCountMap.delete(node);
+      } else $5e3802645cc19319$var$refCountMap.set(node, count - 1);
+    }
+    if (observerWrapper === $5e3802645cc19319$var$observerStack[$5e3802645cc19319$var$observerStack.length - 1]) {
+      $5e3802645cc19319$var$observerStack.pop();
+      if ($5e3802645cc19319$var$observerStack.length) $5e3802645cc19319$var$observerStack[$5e3802645cc19319$var$observerStack.length - 1].observe();
+    } else $5e3802645cc19319$var$observerStack.splice($5e3802645cc19319$var$observerStack.indexOf(observerWrapper), 1);
+  };
+}
+exports.$49c51c25361d4cd2$export$ee0f7cc6afcd1c18 = $49c51c25361d4cd2$export$ee0f7cc6afcd1c18;
+exports.$5e3802645cc19319$export$1c3ebcada18427bf = $5e3802645cc19319$export$1c3ebcada18427bf;
+exports.$628037886ba31236$export$f9d5c8beee7d008d = $628037886ba31236$export$f9d5c8beee7d008d;
+exports.$a11501f3d1d39e6c$export$ea8f71083e90600f = $a11501f3d1d39e6c$export$ea8f71083e90600f;