@easypost/easy-ui 1.0.0-alpha.12 → 1.0.0-alpha.121

package/__chunks__/Dialog-DIhV589X.mjs

@@ -0,0 +1,371 @@
+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));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+import { $ as $d2b4bc8c273e7be6$export$24d547caef80ccd1 } from "./Button-B4DxcTvZ.mjs";
+import { $ as $64fa3d84918910a7$export$29f1550f4b0d4415, a as $64fa3d84918910a7$export$4d86445c2cf5e3, b as $64fa3d84918910a7$export$2881499e37b75b9a, c as $64fa3d84918910a7$export$c62b8e45d58ddad9 } from "./utils-C1be5hOp.mjs";
+import { $ as $23b9f4fcf0fe224b$export$d68d59712b04d9d1, a as $4e85f108e88277b8$export$d688439359537581 } from "./BaseCollection-BVO0lZBs.mjs";
+import React__default, { useState, useCallback, createContext, forwardRef, useContext, useRef, useEffect, useMemo } from "react";
+import { a as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c, $ as $3ef42575df84b30b$export$9d1611c77c2fe928, c as $bdb11010cef70236$export$f680877a34711e37 } from "./mergeProps-COnPag8r.mjs";
+import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "./filterDOMProps-eGTqWSTd.mjs";
+import { $ as $9daab02d461809db$export$683480f191c0e3ea } from "./useResizeObserver-NbpgP2Md.mjs";
+import { a as $fc909762b330b746$export$61c6a8c84e605fb6, d as $337b884510726a0d$export$c6fdb837b070b4ff, e as $f1ab8c75478c6f73$export$3351871ee4b288b8 } from "./Overlay-Dkjxuk6V.mjs";
+import { $ as $a28c903ee9ad8dc5$export$79fefeb1c2091ac3 } from "./useMenuTriggerState-CnbwSNoa.mjs";
+import { $ as $628037886ba31236$export$f9d5c8beee7d008d } from "./useOverlayTrigger-CIVwezu3.mjs";
+import { $ as $40df3f8667284809$export$d55e7ee900f34e93 } from "./useDialog-nKMoC_Cs.mjs";
+import { flushSync } from "react-dom";
+import { $ as $3ad3f6e1647bc98d$export$80f3e147d781571c } from "./focusSafely-CeJM_lIS.mjs";
+import { a as $f39a9eba43920ace$export$b5d7cc18bb8d2b59 } from "./Hidden-COe48wta.mjs";
+import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "./context-5UR8ToA1.mjs";
+import { $ as $f2f8a6077418541e$export$542a6fd13ac93354, a as $86ea4cb521eb2e37$export$2317d149ed6f78c4 } from "./usePopover-BTGHi16_.mjs";
+function $d3f049242431219c$export$6d3443f2c48bfc20(ref, isReady = true) {
+  let [isEntering, setEntering] = useState(true);
+  let isAnimationReady = isEntering && isReady;
+  $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c(() => {
+    if (isAnimationReady && ref.current && "getAnimations" in ref.current) {
+      for (let animation of ref.current.getAnimations()) if (animation instanceof CSSTransition) animation.cancel();
+    }
+  }, [
+    ref,
+    isAnimationReady
+  ]);
+  $d3f049242431219c$var$useAnimation(ref, isAnimationReady, useCallback(() => setEntering(false), []));
+  return isAnimationReady;
+}
+function $d3f049242431219c$export$45fda7c47f93fd48(ref, isOpen) {
+  let [exitState, setExitState] = useState(isOpen ? "open" : "closed");
+  switch (exitState) {
+    case "open":
+      if (!isOpen) setExitState("exiting");
+      break;
+    case "closed":
+    case "exiting":
+      if (isOpen) setExitState("open");
+      break;
+  }
+  let isExiting = exitState === "exiting";
+  $d3f049242431219c$var$useAnimation(ref, isExiting, useCallback(() => {
+    setExitState((state) => state === "exiting" ? "closed" : state);
+  }, []));
+  return isExiting;
+}
+function $d3f049242431219c$var$useAnimation(ref, isActive, onEnd) {
+  $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c(() => {
+    if (isActive && ref.current) {
+      if (!("getAnimations" in ref.current)) {
+        onEnd();
+        return;
+      }
+      let animations = ref.current.getAnimations();
+      if (animations.length === 0) {
+        onEnd();
+        return;
+      }
+      let canceled = false;
+      Promise.all(animations.map((a) => a.finished)).then(() => {
+        if (!canceled) flushSync(() => {
+          onEnd();
+        });
+      }).catch(() => {
+      });
+      return () => {
+        canceled = true;
+      };
+    }
+  }, [
+    ref,
+    isActive,
+    onEnd
+  ]);
+}
+const $44f671af83e7d9e0$export$2de4954e8ae13b9f = /* @__PURE__ */ createContext({
+  placement: "bottom"
+});
+const $07b14b47974efb58$export$9b9a0cd73afb7ca4 = /* @__PURE__ */ createContext(null);
+const $07b14b47974efb58$var$PopoverGroupContext = /* @__PURE__ */ createContext(null);
+const $07b14b47974efb58$export$5b6b19405a83ff9d = /* @__PURE__ */ forwardRef(function Popover(props, ref) {
+  [props, ref] = $64fa3d84918910a7$export$29f1550f4b0d4415(props, ref, $07b14b47974efb58$export$9b9a0cd73afb7ca4);
+  let contextState = useContext($de32f1b87079253c$export$d2f961adcb0afbe);
+  let localState = $fc909762b330b746$export$61c6a8c84e605fb6(props);
+  let state = props.isOpen != null || props.defaultOpen != null || !contextState ? localState : contextState;
+  let isExiting = $d3f049242431219c$export$45fda7c47f93fd48(ref, state.isOpen) || props.isExiting || false;
+  let isHidden = $f39a9eba43920ace$export$b5d7cc18bb8d2b59();
+  let { direction } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7();
+  if (isHidden) {
+    let children = props.children;
+    if (typeof children === "function") children = children({
+      trigger: props.trigger || null,
+      placement: "bottom",
+      isEntering: false,
+      isExiting: false,
+      defaultChildren: null
+    });
+    return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, children);
+  }
+  if (state && !state.isOpen && !isExiting) return null;
+  return /* @__PURE__ */ React__default.createElement($07b14b47974efb58$var$PopoverInner, __spreadProps(__spreadValues({}, props), {
+    triggerRef: props.triggerRef,
+    state,
+    popoverRef: ref,
+    isExiting,
+    dir: direction
+  }));
+});
+function $07b14b47974efb58$var$PopoverInner(_a) {
+  var _b = _a, { state, isExiting, UNSTABLE_portalContainer, clearContexts } = _b, props = __objRest(_b, ["state", "isExiting", "UNSTABLE_portalContainer", "clearContexts"]);
+  let arrowRef = useRef(null);
+  let containerRef = useRef(null);
+  let groupCtx = useContext($07b14b47974efb58$var$PopoverGroupContext);
+  let isSubPopover = groupCtx && props.trigger === "SubmenuTrigger";
+  var _props_offset;
+  let { popoverProps, underlayProps, arrowProps, placement, triggerAnchorPoint } = $f2f8a6077418541e$export$542a6fd13ac93354(__spreadProps(__spreadValues({}, props), {
+    offset: (_props_offset = props.offset) !== null && _props_offset !== void 0 ? _props_offset : 8,
+    arrowRef,
+    // If this is a submenu/subdialog, use the root popover's container
+    // to detect outside interaction and add aria-hidden.
+    groupRef: isSubPopover ? groupCtx : containerRef
+  }), state);
+  let ref = props.popoverRef;
+  let isEntering = $d3f049242431219c$export$6d3443f2c48bfc20(ref, !!placement) || props.isEntering || false;
+  let renderProps = $64fa3d84918910a7$export$4d86445c2cf5e3(__spreadProps(__spreadValues({}, props), {
+    defaultClassName: "react-aria-Popover",
+    values: {
+      trigger: props.trigger || null,
+      placement,
+      isEntering,
+      isExiting
+    }
+  }));
+  let shouldBeDialog = !props.isNonModal || props.trigger === "SubmenuTrigger";
+  let [isDialog, setDialog] = useState(false);
+  $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c(() => {
+    if (ref.current) setDialog(shouldBeDialog && !ref.current.querySelector("[role=dialog]"));
+  }, [
+    ref,
+    shouldBeDialog
+  ]);
+  useEffect(() => {
+    if (isDialog && props.trigger !== "SubmenuTrigger" && ref.current && !ref.current.contains(document.activeElement)) $3ad3f6e1647bc98d$export$80f3e147d781571c(ref.current);
+  }, [
+    isDialog,
+    ref,
+    props.trigger
+  ]);
+  let children = useMemo(() => {
+    let children2 = renderProps.children;
+    if (clearContexts) for (let Context of clearContexts) children2 = /* @__PURE__ */ React__default.createElement(Context.Provider, {
+      value: null
+    }, children2);
+    return children2;
+  }, [
+    renderProps.children,
+    clearContexts
+  ]);
+  let style = __spreadValues(__spreadProps(__spreadValues({}, popoverProps.style), {
+    "--trigger-anchor-point": triggerAnchorPoint ? `${triggerAnchorPoint.x}px ${triggerAnchorPoint.y}px` : void 0
+  }), renderProps.style);
+  let overlay = /* @__PURE__ */ React__default.createElement("div", __spreadProps(__spreadValues(__spreadValues({}, $3ef42575df84b30b$export$9d1611c77c2fe928($65484d02dcb7eb3e$export$457c3d6518dd4c6f(props, {
+    global: true
+  }), popoverProps)), renderProps), {
+    role: isDialog ? "dialog" : void 0,
+    tabIndex: isDialog ? -1 : void 0,
+    "aria-label": props["aria-label"],
+    "aria-labelledby": props["aria-labelledby"],
+    ref,
+    slot: props.slot || void 0,
+    style,
+    dir: props.dir,
+    "data-trigger": props.trigger,
+    "data-placement": placement,
+    "data-entering": isEntering || void 0,
+    "data-exiting": isExiting || void 0
+  }), !props.isNonModal && /* @__PURE__ */ React__default.createElement($86ea4cb521eb2e37$export$2317d149ed6f78c4, {
+    onDismiss: state.close
+  }), /* @__PURE__ */ React__default.createElement($44f671af83e7d9e0$export$2de4954e8ae13b9f.Provider, {
+    value: __spreadProps(__spreadValues({}, arrowProps), {
+      placement,
+      ref: arrowRef
+    })
+  }, children), /* @__PURE__ */ React__default.createElement($86ea4cb521eb2e37$export$2317d149ed6f78c4, {
+    onDismiss: state.close
+  }));
+  if (!isSubPopover) return /* @__PURE__ */ React__default.createElement($337b884510726a0d$export$c6fdb837b070b4ff, __spreadProps(__spreadValues({}, props), {
+    shouldContainFocus: isDialog,
+    isExiting,
+    portalContainer: UNSTABLE_portalContainer
+  }), !props.isNonModal && state.isOpen && /* @__PURE__ */ React__default.createElement("div", __spreadProps(__spreadValues({
+    "data-testid": "underlay"
+  }, underlayProps), {
+    style: {
+      position: "fixed",
+      inset: 0
+    }
+  })), /* @__PURE__ */ React__default.createElement("div", {
+    ref: containerRef,
+    style: {
+      display: "contents"
+    }
+  }, /* @__PURE__ */ React__default.createElement($07b14b47974efb58$var$PopoverGroupContext.Provider, {
+    value: containerRef
+  }, overlay)));
+  var _ref;
+  return /* @__PURE__ */ React__default.createElement($337b884510726a0d$export$c6fdb837b070b4ff, __spreadProps(__spreadValues({}, props), {
+    shouldContainFocus: isDialog,
+    isExiting,
+    portalContainer: (_ref = UNSTABLE_portalContainer !== null && UNSTABLE_portalContainer !== void 0 ? UNSTABLE_portalContainer : groupCtx === null || groupCtx === void 0 ? void 0 : groupCtx.current) !== null && _ref !== void 0 ? _ref : void 0
+  }), overlay);
+}
+const $3674c52c6b3c5bce$export$795aec4671cbae19 = /* @__PURE__ */ createContext(null);
+class $3674c52c6b3c5bce$var$SubmenuTriggerNode extends $23b9f4fcf0fe224b$export$d68d59712b04d9d1 {
+  filter(collection, newCollection, filterFn) {
+    let triggerNode = collection.getItem(this.firstChildKey);
+    if (triggerNode && filterFn(triggerNode.textValue, this)) {
+      let clone = this.clone();
+      newCollection.addDescendants(clone, collection);
+      return clone;
+    }
+    return null;
+  }
+}
+$3674c52c6b3c5bce$var$SubmenuTriggerNode.type = "submenutrigger";
+const $de32f1b87079253c$export$8b93a07348a7730c = /* @__PURE__ */ createContext(null);
+const $de32f1b87079253c$export$d2f961adcb0afbe = /* @__PURE__ */ createContext(null);
+function $de32f1b87079253c$export$2e1e1122cf0cba88(props) {
+  let state = $a28c903ee9ad8dc5$export$79fefeb1c2091ac3(props);
+  let buttonRef = useRef(null);
+  let { triggerProps, overlayProps } = $628037886ba31236$export$f9d5c8beee7d008d({
+    type: "dialog"
+  }, state, buttonRef);
+  let [buttonWidth, setButtonWidth] = useState(null);
+  let onResize = useCallback(() => {
+    if (buttonRef.current) setButtonWidth(buttonRef.current.offsetWidth + "px");
+  }, [
+    buttonRef
+  ]);
+  $9daab02d461809db$export$683480f191c0e3ea({
+    ref: buttonRef,
+    onResize
+  });
+  triggerProps.id = $bdb11010cef70236$export$f680877a34711e37();
+  overlayProps["aria-labelledby"] = triggerProps.id;
+  return /* @__PURE__ */ React__default.createElement($64fa3d84918910a7$export$2881499e37b75b9a, {
+    values: [
+      [
+        $de32f1b87079253c$export$d2f961adcb0afbe,
+        state
+      ],
+      [
+        $3674c52c6b3c5bce$export$795aec4671cbae19,
+        state
+      ],
+      [
+        $de32f1b87079253c$export$8b93a07348a7730c,
+        overlayProps
+      ],
+      [
+        $07b14b47974efb58$export$9b9a0cd73afb7ca4,
+        {
+          trigger: "DialogTrigger",
+          triggerRef: buttonRef,
+          "aria-labelledby": overlayProps["aria-labelledby"],
+          style: {
+            "--trigger-width": buttonWidth
+          }
+        }
+      ]
+    ]
+  }, /* @__PURE__ */ React__default.createElement($f1ab8c75478c6f73$export$3351871ee4b288b8, __spreadProps(__spreadValues({}, triggerProps), {
+    ref: buttonRef,
+    isPressed: state.isOpen
+  }), props.children));
+}
+const $de32f1b87079253c$export$3ddf2d174ce01153 = /* @__PURE__ */ forwardRef(function Dialog(props, ref) {
+  let originalAriaLabelledby = props["aria-labelledby"];
+  [props, ref] = $64fa3d84918910a7$export$29f1550f4b0d4415(props, ref, $de32f1b87079253c$export$8b93a07348a7730c);
+  let { dialogProps, titleProps } = $40df3f8667284809$export$d55e7ee900f34e93(__spreadProps(__spreadValues({}, props), {
+    // Only pass aria-labelledby from props, not context.
+    // Context is used as a fallback below.
+    "aria-labelledby": originalAriaLabelledby
+  }), ref);
+  let state = useContext($de32f1b87079253c$export$d2f961adcb0afbe);
+  if (!dialogProps["aria-label"] && !dialogProps["aria-labelledby"]) {
+    if (props["aria-labelledby"]) dialogProps["aria-labelledby"] = props["aria-labelledby"];
+    else if (process.env.NODE_ENV !== "production") console.warn('If a Dialog does not contain a <Heading slot="title">, it must have an aria-label or aria-labelledby attribute for accessibility.');
+  }
+  let renderProps = $64fa3d84918910a7$export$4d86445c2cf5e3({
+    defaultClassName: "react-aria-Dialog",
+    className: props.className,
+    style: props.style,
+    children: props.children,
+    values: {
+      close: (state === null || state === void 0 ? void 0 : state.close) || (() => {
+      })
+    }
+  });
+  let DOMProps = $65484d02dcb7eb3e$export$457c3d6518dd4c6f(props, {
+    global: true
+  });
+  return /* @__PURE__ */ React__default.createElement("section", __spreadProps(__spreadValues({}, $3ef42575df84b30b$export$9d1611c77c2fe928(DOMProps, renderProps, dialogProps)), {
+    ref,
+    slot: props.slot || void 0
+  }), /* @__PURE__ */ React__default.createElement($64fa3d84918910a7$export$2881499e37b75b9a, {
+    values: [
+      [
+        $4e85f108e88277b8$export$d688439359537581,
+        {
+          slots: {
+            [$64fa3d84918910a7$export$c62b8e45d58ddad9]: {},
+            title: __spreadProps(__spreadValues({}, titleProps), {
+              level: 2
+            })
+          }
+        }
+      ],
+      [
+        $d2b4bc8c273e7be6$export$24d547caef80ccd1,
+        {
+          slots: {
+            [$64fa3d84918910a7$export$c62b8e45d58ddad9]: {},
+            close: {
+              onPress: () => state === null || state === void 0 ? void 0 : state.close()
+            }
+          }
+        }
+      ]
+    ]
+  }, renderProps.children));
+});
+export {
+  $de32f1b87079253c$export$2e1e1122cf0cba88 as $,
+  $07b14b47974efb58$export$5b6b19405a83ff9d as a,
+  $de32f1b87079253c$export$3ddf2d174ce01153 as b,
+  $de32f1b87079253c$export$d2f961adcb0afbe as c,
+  $07b14b47974efb58$export$9b9a0cd73afb7ca4 as d
+};