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

package/__chunks__/{utils-XuD3IFpv.mjs → utils-D4ddhsBL.mjs}

@@ -29,25 +29,11 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
-import { $ as $3ef42575df84b30b$export$9d1611c77c2fe928, a as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c } from "./mergeProps-T961Q1yJ.mjs";
+import { $ as $3ef42575df84b30b$export$9d1611c77c2fe928, d as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c } from "./mergeProps-DSi85raC.mjs";
 import { $ as $5dc95899b306f630$export$c9058316764c140e } from "./mergeRefs-CCV6itCY.mjs";
-import React__default, { useRef, useMemo, useState, useCallback, useContext } from "react";
-import "react-dom";
-function $df56164dff5785e2$export$4338b53315abf666(forwardedRef) {
-  const objRef = useRef(null);
-  return useMemo(() => ({
-    get current() {
-      return objRef.current;
-    },
-    set current(value) {
-      objRef.current = value;
-      if (typeof forwardedRef === "function") forwardedRef(value);
-      else if (forwardedRef) forwardedRef.current = value;
-    }
-  }), [
-    forwardedRef
-  ]);
-}
+import { $ as $df56164dff5785e2$export$4338b53315abf666 } from "./useObjectRef-wU82Pkgx.mjs";
+import React__default, { useMemo, useState, useRef, useCallback, useContext } from "react";
+import ReactDOM from "react-dom";
 const $64fa3d84918910a7$export$c62b8e45d58ddad9 = Symbol("default");
 function $64fa3d84918910a7$export$2881499e37b75b9a({ values, children }) {
   for (let [Context, value] of values)
@@ -146,10 +132,61 @@ function $64fa3d84918910a7$export$9d4c57ee4c6ffdd8() {
     hasSlot
   ];
 }
+function $64fa3d84918910a7$export$6d3443f2c48bfc20(ref, isReady = true) {
+  let [isEntering, setEntering] = useState(true);
+  $64fa3d84918910a7$var$useAnimation(ref, isEntering && isReady, useCallback(() => setEntering(false), []));
+  return isEntering && isReady;
+}
+function $64fa3d84918910a7$export$45fda7c47f93fd48(ref, isOpen) {
+  let [isExiting, setExiting] = useState(false);
+  let [exitState, setExitState] = useState("idle");
+  if (!isOpen && ref.current && exitState === "idle") {
+    isExiting = true;
+    setExiting(true);
+    setExitState("exiting");
+  }
+  if (!ref.current && exitState === "exited") setExitState("idle");
+  $64fa3d84918910a7$var$useAnimation(ref, isExiting, useCallback(() => {
+    setExitState("exited");
+    setExiting(false);
+  }, []));
+  return isExiting;
+}
+function $64fa3d84918910a7$var$useAnimation(ref, isActive, onEnd) {
+  let prevAnimation = useRef(null);
+  if (isActive && ref.current)
+    prevAnimation.current = window.getComputedStyle(ref.current).animation;
+  $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c(() => {
+    if (isActive && ref.current) {
+      let computedStyle = window.getComputedStyle(ref.current);
+      if (computedStyle.animationName && computedStyle.animationName !== "none" && computedStyle.animation !== prevAnimation.current) {
+        let onAnimationEnd = (e) => {
+          if (e.target === ref.current) {
+            element.removeEventListener("animationend", onAnimationEnd);
+            ReactDOM.flushSync(() => {
+              onEnd();
+            });
+          }
+        };
+        let element = ref.current;
+        element.addEventListener("animationend", onAnimationEnd);
+        return () => {
+          element.removeEventListener("animationend", onAnimationEnd);
+        };
+      } else onEnd();
+    }
+  }, [
+    ref,
+    isActive,
+    onEnd
+  ]);
+}
 export {
   $64fa3d84918910a7$export$29f1550f4b0d4415 as $,
   $64fa3d84918910a7$export$4d86445c2cf5e3 as a,
-  $64fa3d84918910a7$export$9d4c57ee4c6ffdd8 as b,
-  $64fa3d84918910a7$export$2881499e37b75b9a as c,
-  $df56164dff5785e2$export$4338b53315abf666 as d
+  $64fa3d84918910a7$export$45fda7c47f93fd48 as b,
+  $64fa3d84918910a7$export$6d3443f2c48bfc20 as c,
+  $64fa3d84918910a7$export$2881499e37b75b9a as d,
+  $64fa3d84918910a7$export$c62b8e45d58ddad9 as e,
+  $64fa3d84918910a7$export$9d4c57ee4c6ffdd8 as f
 };

package/__chunks__/{utils-DXO9zsKE.js → utils-DIF5XAA2.js}

@@ -32,23 +32,9 @@ var __objRest = (source, exclude) => {
 };
 const mergeProps = require("./mergeProps-DniMwM6P.js");
 const mergeRefs = require("./mergeRefs-CQsNYO0P.js");
+const useObjectRef = require("./useObjectRef-BOGMJ5vM.js");
 const React = require("react");
-require("react-dom");
-function $df56164dff5785e2$export$4338b53315abf666(forwardedRef) {
-  const objRef = React.useRef(null);
-  return React.useMemo(() => ({
-    get current() {
-      return objRef.current;
-    },
-    set current(value) {
-      objRef.current = value;
-      if (typeof forwardedRef === "function") forwardedRef(value);
-      else if (forwardedRef) forwardedRef.current = value;
-    }
-  }), [
-    forwardedRef
-  ]);
-}
+const ReactDOM = require("react-dom");
 const $64fa3d84918910a7$export$c62b8e45d58ddad9 = Symbol("default");
 function $64fa3d84918910a7$export$2881499e37b75b9a({ values, children }) {
   for (let [Context, value] of values)
@@ -109,7 +95,7 @@ function $64fa3d84918910a7$export$fabf2dc03a41866e(context, slot) {
 function $64fa3d84918910a7$export$29f1550f4b0d4415(props, ref, context) {
   let ctx = $64fa3d84918910a7$export$fabf2dc03a41866e(context, props.slot) || {};
   let _a = ctx, { ref: contextRef } = _a, contextProps = __objRest(_a, ["ref"]);
-  let mergedRef = $df56164dff5785e2$export$4338b53315abf666(React.useMemo(() => mergeRefs.$5dc95899b306f630$export$c9058316764c140e(ref, contextRef), [
+  let mergedRef = useObjectRef.$df56164dff5785e2$export$4338b53315abf666(React.useMemo(() => mergeRefs.$5dc95899b306f630$export$c9058316764c140e(ref, contextRef), [
     ref,
     contextRef
   ]));
@@ -147,8 +133,59 @@ function $64fa3d84918910a7$export$9d4c57ee4c6ffdd8() {
     hasSlot
   ];
 }
+function $64fa3d84918910a7$export$6d3443f2c48bfc20(ref, isReady = true) {
+  let [isEntering, setEntering] = React.useState(true);
+  $64fa3d84918910a7$var$useAnimation(ref, isEntering && isReady, React.useCallback(() => setEntering(false), []));
+  return isEntering && isReady;
+}
+function $64fa3d84918910a7$export$45fda7c47f93fd48(ref, isOpen) {
+  let [isExiting, setExiting] = React.useState(false);
+  let [exitState, setExitState] = React.useState("idle");
+  if (!isOpen && ref.current && exitState === "idle") {
+    isExiting = true;
+    setExiting(true);
+    setExitState("exiting");
+  }
+  if (!ref.current && exitState === "exited") setExitState("idle");
+  $64fa3d84918910a7$var$useAnimation(ref, isExiting, React.useCallback(() => {
+    setExitState("exited");
+    setExiting(false);
+  }, []));
+  return isExiting;
+}
+function $64fa3d84918910a7$var$useAnimation(ref, isActive, onEnd) {
+  let prevAnimation = React.useRef(null);
+  if (isActive && ref.current)
+    prevAnimation.current = window.getComputedStyle(ref.current).animation;
+  mergeProps.$f0a04ccd8dbdd83b$export$e5c5a5f917a5871c(() => {
+    if (isActive && ref.current) {
+      let computedStyle = window.getComputedStyle(ref.current);
+      if (computedStyle.animationName && computedStyle.animationName !== "none" && computedStyle.animation !== prevAnimation.current) {
+        let onAnimationEnd = (e) => {
+          if (e.target === ref.current) {
+            element.removeEventListener("animationend", onAnimationEnd);
+            ReactDOM.flushSync(() => {
+              onEnd();
+            });
+          }
+        };
+        let element = ref.current;
+        element.addEventListener("animationend", onAnimationEnd);
+        return () => {
+          element.removeEventListener("animationend", onAnimationEnd);
+        };
+      } else onEnd();
+    }
+  }, [
+    ref,
+    isActive,
+    onEnd
+  ]);
+}
 exports.$64fa3d84918910a7$export$2881499e37b75b9a = $64fa3d84918910a7$export$2881499e37b75b9a;
 exports.$64fa3d84918910a7$export$29f1550f4b0d4415 = $64fa3d84918910a7$export$29f1550f4b0d4415;
+exports.$64fa3d84918910a7$export$45fda7c47f93fd48 = $64fa3d84918910a7$export$45fda7c47f93fd48;
 exports.$64fa3d84918910a7$export$4d86445c2cf5e3 = $64fa3d84918910a7$export$4d86445c2cf5e3;
+exports.$64fa3d84918910a7$export$6d3443f2c48bfc20 = $64fa3d84918910a7$export$6d3443f2c48bfc20;
 exports.$64fa3d84918910a7$export$9d4c57ee4c6ffdd8 = $64fa3d84918910a7$export$9d4c57ee4c6ffdd8;
-exports.$df56164dff5785e2$export$4338b53315abf666 = $df56164dff5785e2$export$4338b53315abf666;
+exports.$64fa3d84918910a7$export$c62b8e45d58ddad9 = $64fa3d84918910a7$export$c62b8e45d58ddad9;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@easypost/easy-ui",
-  "version": "1.0.0-alpha.60",
+  "version": "1.0.0-alpha.62",
   "sideEffects": [
     "**/*.css"
   ],