@servicetitan/anvil2 1.34.3 → 1.35.0

package/dist/{ProgressBar-COwnsasH-Ccg1imOC.js → ProgressBar-By6Afv3k-CDsQv-7k.js}

@@ -1,24 +1,24 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useState, useRef, useEffect, forwardRef, useId, createContext, useContext, useCallback, useMemo, cloneElement, isValidElement, Fragment as Fragment$1, useLayoutEffect } from 'react';
 import { c as cx } from './index-tZvMCc77.js';
-import { I as Icon } from './Icon-BBWg60pO-Dja0R43O.js';
+import { I as Icon } from './Icon-BBWg60pO-CpyOrE83.js';
 import { b as SvgCheckCircle, S as SvgError, a as SvgWarning, c as SvgInfo } from './check_circle-DJhuiYqa.js';
 import { t as tabbable, q as useDelayGroup, F as FloatingPortal, b as FloatingArrow, p as computePosition, n as autoUpdate, o as offset, f as flip, d as shift, e as arrow$1, l as limitShift, r as useDelayGroupContext, c as useFloating, h as useHover, i as safePolygon, v as useFocus, j as useDismiss, k as useRole, m as useInteractions } from './floating-ui.react-Domgunz0.js';
 import { a as PortalProviderContext } from './PortalProvider-9lXkQ0xY-BKoGegS1.js';
 import { S as SvgClose } from './close-DZj38AEh.js';
-import { T as Text } from './Text-hQPAQBGP-CEIjvHcA.js';
-import { B as Button } from './Button-DbVpPjA8-CRQ01IJx.js';
-import { A as Alert } from './Alert-Dgaqfx1H-B6i-eGef.js';
-import { F as Flex } from './Flex-D3J8BIR_-C2zh0Ijz.js';
-import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-GT5myWCm-Cgn7OEq9.js';
+import { T as Text } from './Text-hQPAQBGP-CyzewfX4.js';
+import { B as Button } from './Button-Cz8V0hKo-DjGfJ-YI.js';
+import { A as Alert } from './Alert-Dpjo7Ptu-xJ_JOdxl.js';
+import { F as Flex } from './Flex-D3J8BIR_-C3e28BdF.js';
+import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-GT5myWCm-Clw_nEze.js';
 import { S as SrOnly } from './SrOnly-BXm1DGl3-BJVodjQp.js';
 import { u as useSwipe } from './useSwipe-DIUHs7T5-DIUHs7T5.js';
 import { u as useMergeRefs } from './useMergeRefs-Bde85AWI-Bde85AWI.js';
-import { T as ThemeProvider, a as ThemeProviderContext } from './ThemeProvider-BIeaAmWx-B782UArj.js';
+import { T as ThemeProvider, a as ThemeProviderContext } from './ThemeProvider-BIeaAmWx-DVYOQ6bw.js';
 import { g as getKeyboardFocusableElements } from './getKeyboardFocusableElements-QqcABz0D.js';
-import { u as useTooltipLegacyGroup } from './HammerProvider-BEJW4XcH-DqSojvnV.js';
+import { u as useTooltipLegacyGroup } from './HammerProvider-BEJW4XcH-BBKdl0zs.js';
 
-import './ProgressBar-COwnsasH.css';/**
+import './ProgressBar-By6Afv3k.css';/**
  * Convert array of 16 byte values to UUID string format of the form:
  * XXXXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXXXX
  */
@@ -152,10 +152,10 @@ const styles$6 = {
 	"info-content": "_info-content_iolth_57"
 };
 
-const content$1 = "_content_tjoaw_3";
-const scroller = "_scroller_tjoaw_30";
-const arrow = "_arrow_tjoaw_33";
-const trigger = "_trigger_tjoaw_39";
+const content$1 = "_content_10c59_3";
+const scroller = "_scroller_10c59_30";
+const arrow = "_arrow_10c59_33";
+const trigger = "_trigger_10c59_40";
 const styles$5 = {
 	content: content$1,
 	scroller: scroller,
@@ -163,6 +163,8 @@ const styles$5 = {
 	trigger: trigger
 };
 
+const TooltipContext = createContext(null);
+
 function useTooltipContext() {
   const context = useContext(TooltipContext);
   const invokerRef = useRef(null);
@@ -182,9 +184,11 @@ function useTooltipContext() {
     context?.setArrowElement?.(arrowRef.current);
   }, [context, popoverRef]);
   const onMouseEnterHandler = () => {
+    if (context?.controlled) return;
     context?.openTooltip();
   };
   const onMouseLeaveHandler = () => {
+    if (context?.controlled) return;
     context?.closeTooltip();
   };
   const onFocusHandler = () => {
@@ -394,31 +398,31 @@ const useToasts = () => {
   return context;
 };
 
-const popover = "_popover_1mvth_3";
-const toaster = "_toaster_1mvth_10";
-const hidden = "_hidden_1mvth_25";
-const stacked = "_stacked_1mvth_90";
-const open = "_open_1mvth_185";
-const close = "_close_1mvth_186";
+const popover = "_popover_1a009_3";
+const toaster = "_toaster_1a009_10";
+const hidden = "_hidden_1a009_25";
+const stacked = "_stacked_1a009_89";
+const open = "_open_1a009_184";
+const close = "_close_1a009_185";
 const styles$3 = {
 	popover: popover,
 	toaster: toaster,
 	hidden: hidden,
-	"toast-stack": "_toast-stack_1mvth_28",
-	"toast-wrapper": "_toast-wrapper_1mvth_41",
-	"toast-alert": "_toast-alert_1mvth_55",
-	"alert-action": "_alert-action_1mvth_61",
-	"message-container": "_message-container_1mvth_67",
-	"show-extra-toast": "_show-extra-toast_1mvth_76",
+	"toast-stack": "_toast-stack_1a009_28",
+	"toast-wrapper": "_toast-wrapper_1a009_41",
+	"toast-alert": "_toast-alert_1a009_55",
+	"alert-action": "_alert-action_1a009_60",
+	"message-container": "_message-container_1a009_66",
+	"show-extra-toast": "_show-extra-toast_1a009_75",
 	stacked: stacked,
-	"stack-one": "_stack-one_1mvth_93",
-	"stack-two": "_stack-two_1mvth_93",
-	"stacked-show-extra": "_stacked-show-extra_1mvth_109",
-	"stacked-extra": "_stacked-extra_1mvth_123",
-	"show-more-button-container": "_show-more-button-container_1mvth_136",
-	"show-collapse-button-container": "_show-collapse-button-container_1mvth_137",
-	"show-collapse-button": "_show-collapse-button_1mvth_137",
-	"disable-animations": "_disable-animations_1mvth_161",
+	"stack-one": "_stack-one_1a009_92",
+	"stack-two": "_stack-two_1a009_92",
+	"stacked-show-extra": "_stacked-show-extra_1a009_108",
+	"stacked-extra": "_stacked-extra_1a009_122",
+	"show-more-button-container": "_show-more-button-container_1a009_135",
+	"show-collapse-button-container": "_show-collapse-button-container_1a009_136",
+	"show-collapse-button": "_show-collapse-button_1a009_136",
+	"disable-animations": "_disable-animations_1a009_160",
 	open: open,
 	close: close};
 
@@ -1162,21 +1166,6 @@ const ToastStack = forwardRef(
 );
 ToastStack.displayName = "ToastStack";
 
-const safeShowPopover = (element) => {
-  try {
-    element?.showPopover();
-  } catch (e) {
-    console.warn(e);
-  }
-};
-const safeHidePopover = (element) => {
-  try {
-    element?.hidePopover();
-  } catch (e) {
-    console.warn(e);
-  }
-};
-
 const ToasterPopover = forwardRef(
   (props, ref) => {
     const { isDialogToaster } = useToasts();
@@ -1186,28 +1175,24 @@ const ToasterPopover = forwardRef(
     const toastCount = useMemo(() => toasts.length, [toasts]);
     useEffect(() => {
       if (!popoverRef.current) return;
-      if (!supportsPopover()) {
-        console.error("Popover is not supported in this browser");
-        return;
-      }
       const currentPopover = popoverRef.current;
       let timeout;
       if (toastCount > 0) {
         if (isDialogToaster) {
           timeout = setTimeout(() => {
-            safeHidePopover(currentPopover);
-            safeShowPopover(currentPopover);
+            currentPopover?.hidePopover();
+            currentPopover?.showPopover();
           });
         } else {
-          safeShowPopover(currentPopover);
+          currentPopover.showPopover();
         }
       } else {
-        safeHidePopover(currentPopover);
+        currentPopover.hidePopover();
       }
       return () => {
         if (timeout) clearTimeout(timeout);
         if (toastCount === 0) {
-          safeHidePopover(currentPopover);
+          currentPopover.hidePopover();
         }
       };
     }, [toastCount, isDialogToaster]);
@@ -1741,14 +1726,17 @@ const TooltipContentElement = forwardRef(
     }, [childrenRef, children, context?.open]);
     const onMouseEnterHandler = (e) => {
       onMouseEnter?.(e);
+      if (context?.controlled) return;
       context?.tooltip.show();
     };
     const onMouseLeaveHandler = (e) => {
       onMouseLeave?.(e);
+      if (context?.controlled) return;
       context?.tooltip.close();
     };
     const onFocusHandler = (e) => {
       onFocus?.(e);
+      if (context?.controlled) return;
       context?.tooltip.show();
     };
     const onBlurHandler = (e) => {
@@ -1763,11 +1751,12 @@ const TooltipContentElement = forwardRef(
         context?.tooltip.close();
       }
     };
+    const role = typeof children === "string" ? "tooltip" : "region";
     const tooltipWrapperRef = useMergeRefs([context?.tooltip.ref, ref]);
     return /* @__PURE__ */ jsxs(
       "div",
       {
-        popover: "manual",
+        popover: context?.controlled ? "manual" : "auto",
         id: context?.tooltip.id,
         "data-anv": "tooltip-content",
         className: tooltipClassNames,
@@ -1777,7 +1766,7 @@ const TooltipContentElement = forwardRef(
         onMouseLeave: onMouseLeaveHandler,
         onBlur: onBlurHandler,
         onFocus: onFocusHandler,
-        role: "tooltip",
+        role,
         ...rest,
         children: [
           /* @__PURE__ */ jsx(
@@ -1832,16 +1821,7 @@ const TooltipLegacyTrigger = forwardRef(function TooltipLegacyTrigger2({ childre
 
 const TooltipTriggerElement = forwardRef(
   function TooltipTrigger2(props, propRef) {
-    const {
-      children,
-      className,
-      onMouseEnter,
-      onMouseLeave,
-      onKeyDown,
-      onFocus,
-      onBlur,
-      ...rest
-    } = props;
+    const { children, className, onKeyDown, onFocus, onBlur, ...rest } = props;
     const context = useTooltipContext();
     const childCanAcceptRef = useMemo(
       () => isValidElement(children) && children.type !== Fragment$1 && typeof children.type !== "function",
@@ -1857,17 +1837,9 @@ const TooltipTriggerElement = forwardRef(
         "data-state": context?.invoker["data-state"],
         "aria-describedby": context?.invoker["aria-describedby"]
       }),
-      [context?.invoker]
+      [context?.invoker, refs]
     );
     const child = childCanAcceptRef ? cloneElement(children, childProps) : /* @__PURE__ */ jsx("span", { ...childProps, children });
-    const onMouseEnterHandler = (e) => {
-      onMouseEnter?.(e);
-      context?.invoker.onMouseEnter();
-    };
-    const onMouseLeaveHandler = (e) => {
-      onMouseLeave?.(e);
-      context?.invoker.onMouseLeave();
-    };
     const onKeyDownHandler = (e) => {
       onKeyDown?.(e);
       context?.invoker.onKeyDown(e);
@@ -1880,6 +1852,32 @@ const TooltipTriggerElement = forwardRef(
       onBlur?.(e);
       context?.invoker.onBlur();
     };
+    useLayoutEffect(() => {
+      const onMouseEnterHandler = () => {
+        context?.invoker.onMouseEnter();
+      };
+      const onMouseLeaveHandler = () => {
+        context?.invoker.onMouseLeave();
+      };
+      context?.invoker.ref.current?.addEventListener(
+        "mouseleave",
+        onMouseLeaveHandler
+      );
+      context?.invoker.ref.current?.addEventListener(
+        "mouseenter",
+        onMouseEnterHandler
+      );
+      return () => {
+        context?.invoker.ref.current?.removeEventListener(
+          "mouseleave",
+          onMouseLeaveHandler
+        );
+        context?.invoker.ref.current?.removeEventListener(
+          "mouseenter",
+          onMouseEnterHandler
+        );
+      };
+    }, [context?.invoker]);
     if (!supportsPopover()) return /* @__PURE__ */ jsx(TooltipLegacyTrigger, { ...props });
     return /* @__PURE__ */ jsx(
       "span",
@@ -1887,8 +1885,6 @@ const TooltipTriggerElement = forwardRef(
         className: cx([styles$5["trigger"]], className),
         "data-anv": "tooltip-trigger",
         ref: propRef,
-        onMouseEnter: onMouseEnterHandler,
-        onMouseLeave: onMouseLeaveHandler,
         onKeyDown: onKeyDownHandler,
         onFocus: onFocusHandler,
         onBlur: onBlurHandler,
@@ -1994,7 +1990,6 @@ const TooltipLegacy = Object.assign(TooltipLegacyElement, {
   Content: TooltipLegacyContent
 });
 
-const TooltipContext = createContext(null);
 const TooltipElement = (props) => {
   const {
     children,
@@ -2008,6 +2003,7 @@ const TooltipElement = (props) => {
     id,
     offset: offsetProp = 5,
     fallbackPlacements,
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
     root
   } = props;
   const uid = useId();
@@ -2019,7 +2015,6 @@ const TooltipElement = (props) => {
     open ?? defaultOpen
   );
   const arrowRef = useRef(null);
-  const dialogContext = useContext(DialogContext);
   const updatePosition = useCallback(() => {
     if (!invoker || !tooltip) return;
     if (!openState) return;
@@ -2101,48 +2096,56 @@ const TooltipElement = (props) => {
       requestID = requestAnimationFrame(updatePosition);
     });
     return () => {
-      requestID && cancelAnimationFrame(requestID);
+      if (requestID) cancelAnimationFrame(requestID);
       cleanup();
     };
   }, [invoker, tooltip, updatePosition, openState]);
-  const popoverHoverTriggered = useRef();
-  const openTooltip = useCallback(async () => {
-    popoverHoverTriggered.current = true;
-    await new Promise((resolve) => setTimeout(resolve, delay));
-    if (!popoverHoverTriggered.current || !tooltip || !rootNode?.querySelector(`#${id ?? `tooltip-${uid.replace(/:/g, "")}`}`))
-      return;
-    safeShowPopover(tooltip);
-    setOpenState(true);
-    dialogContext?.setHasOpenPopover?.(true);
-  }, [tooltip, rootNode, id, uid, dialogContext, delay]);
+  const tooltipId = id ?? `tooltip-${uid.replace(/:/g, "")}`;
+  const isControlled = typeof open !== "undefined";
+  const openTimeoutRef = useRef(null);
+  const closeTimeoutRef = useRef(null);
+  const openTooltip = useCallback(() => {
+    clearTimeout(closeTimeoutRef.current);
+    clearTimeout(openTimeoutRef.current);
+    if (!tooltip || !rootNode?.querySelector(`#${tooltipId}`)) return;
+    openTimeoutRef.current = setTimeout(() => {
+      tooltip.showPopover();
+      setOpenState(true);
+    }, delay);
+  }, [tooltip, rootNode, tooltipId, delay]);
   const closeTooltip = useCallback(
-    async (fn) => {
-      popoverHoverTriggered.current = false;
-      await new Promise((resolve) => setTimeout(resolve, 100));
-      if (popoverHoverTriggered.current || !tooltip || !openState) return;
-      fn?.();
-      setOpenState(false);
-      safeHidePopover(tooltip);
-      dialogContext?.setHasOpenPopover?.(false);
+    (fn) => {
+      clearTimeout(openTimeoutRef.current);
+      clearTimeout(closeTimeoutRef.current);
+      if (!tooltip || !openState) return;
+      closeTimeoutRef.current = setTimeout(() => {
+        fn?.();
+        setOpenState(false);
+        tooltip?.hidePopover();
+      }, 100);
     },
-    [tooltip, openState, dialogContext]
+    [openState, tooltip]
   );
-  const isControlled = typeof open !== "undefined";
   const initialRender = useRef(true);
   useEffect(() => {
-    if (!isControlled) return;
     if (initialRender.current === true) {
-      open && tooltip && openTooltip();
+      if (openState) openTooltip();
       initialRender.current = false;
       return;
     }
-    setOpenState(open);
-    open ? openTooltip() : closeTooltip();
-  }, [closeTooltip, isControlled, open, openTooltip, tooltip]);
+  }, [openTooltip, openState, isControlled]);
+  useEffect(() => {
+    if (!isControlled) return;
+    if (open) {
+      openTooltip();
+    } else {
+      closeTooltip();
+    }
+  }, [closeTooltip, isControlled, open, openTooltip]);
   const value = useMemo(() => {
     updatePosition();
     return {
-      tooltipId: id ?? `tooltip-${uid.replace(/:/g, "")}`,
+      tooltipId,
       invoker,
       setInvoker,
       tooltip,
@@ -2163,8 +2166,7 @@ const TooltipElement = (props) => {
     };
   }, [
     updatePosition,
-    id,
-    uid,
+    tooltipId,
     invoker,
     tooltip,
     arrowElement,
@@ -2174,10 +2176,7 @@ const TooltipElement = (props) => {
     openState,
     disableFlipFallback,
     isControlled,
-    arrowRef,
-    resetKey,
-    rootNode,
-    setRootNode
+    rootNode
   ]);
   if (!supportsPopover()) return /* @__PURE__ */ jsx(TooltipLegacy, { ...props });
   return /* @__PURE__ */ jsx(TooltipContext.Provider, { value, children });
@@ -2354,5 +2353,5 @@ const ProgressBar = forwardRef(
 );
 ProgressBar.displayName = "ProgressBar";
 
-export { DrawerCancelButton as D, Helper as H, Label as L, ProgressBar as P, TooltipTrigger as T, DrawerFooter as a, DrawerHeader as b, DrawerContent as c, Drawer as d, TooltipContent as e, Tooltip as f, getActiveElement as g, Toaster as h, DialogContext as i, useDialogScrollLock as j, ToastProvider as k, ToasterPopover as l, ToasterContent as m, DrawerContext as n, safeShowPopover as o, safeHidePopover as p, supportsPopover as s, toast as t, useKeyboardFocusables as u };
-//# sourceMappingURL=ProgressBar-COwnsasH-Ccg1imOC.js.map
+export { DrawerCancelButton as D, Helper as H, Label as L, ProgressBar as P, TooltipTrigger as T, DrawerFooter as a, DrawerHeader as b, DrawerContent as c, Drawer as d, TooltipContent as e, Tooltip as f, getActiveElement as g, Toaster as h, DialogContext as i, useDialogScrollLock as j, ToastProvider as k, ToasterPopover as l, ToasterContent as m, DrawerContext as n, supportsPopover as s, toast as t, useKeyboardFocusables as u };
+//# sourceMappingURL=ProgressBar-By6Afv3k-CDsQv-7k.js.map