@servicetitan/anvil2 2.8.0 → 2.9.0

package/dist/{useDrilldown-C7eMBl68.js → useDrilldown-D6VZNSCX.js}

@@ -1,13 +1,13 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import * as React from 'react';
-import React__default, { forwardRef, useEffect, useRef, useCallback } from 'react';
+import React__default, { forwardRef, useRef, useEffect, useCallback } from 'react';
 import { a as getAugmentedNamespace, c as cx } from './index-De1g9FRV.js';
 import { d as drillDownStyles } from './DrillDown.module-C8VOhzaF.js';
-import { t as tabbable, f as focusable, i as isTabbable, g as getTabIndex, b as isFocusable, c as index_esm } from './usePopoverTransitionStates-B1opfxxn.js';
+import { t as tabbable, f as focusable, i as isTabbable, g as getTabIndex, b as isFocusable, c as index_esm } from './usePopoverTransitionStates-CDXCdyKa.js';
 import { u as useDrillDownContext } from './useDrillDownContext-BssSasVB.js';
 import { F as Flex } from './Flex-WyyZm1bf.js';
-import { B as Button } from './Button-a_D7tUgM.js';
-import { T as Text } from './Text-MVxRo6yx.js';
+import { B as Button } from './Button-BdrrhBTI.js';
+import { T as Text } from './Text-WiS8UZkY.js';
 import { S as SvgClose } from './close-DZj38AEh.js';
 import { c as childrenToString } from './childrenToString-Bz9MqbHb.js';
 import { useTrackingId } from './useTrackingId.js';
@@ -1786,30 +1786,38 @@ const DrillDown = Object.assign(
   forwardRef(
     function DrillDownInner(props, ref) {
       const { index: indexProp, onClose, className, children, ...rest } = props;
-      const { index, setRegisteredIndices, setOnClose } = useDrillDownContext();
+      const {
+        index,
+        setRegisteredIndices,
+        setOnClose,
+        hostIsInteractive = true
+      } = useDrillDownContext();
+      const sectionRef = useRef(null);
+      const isActiveScreen = hostIsInteractive && index === indexProp;
       useEffect(() => {
         setRegisteredIndices?.((registeredIndices) => {
           if (registeredIndices == null) return registeredIndices;
-          if (registeredIndices[indexProp] == null) {
-            registeredIndices[indexProp] = 1;
-            return registeredIndices;
-          }
-          if (registeredIndices[indexProp]) {
-            registeredIndices[indexProp] += 1;
-            return registeredIndices;
+          const nextRegisteredIndices = [...registeredIndices];
+          if (nextRegisteredIndices[indexProp] == null) {
+            nextRegisteredIndices[indexProp] = 1;
+            return nextRegisteredIndices;
           }
+          nextRegisteredIndices[indexProp] += 1;
+          return nextRegisteredIndices;
         });
         return () => {
           setRegisteredIndices?.((registeredIndices) => {
             if (registeredIndices == null) return registeredIndices;
-            if (registeredIndices[indexProp] === 1) {
-              delete registeredIndices[indexProp];
-              return registeredIndices;
+            const nextRegisteredIndices = [...registeredIndices];
+            if (nextRegisteredIndices[indexProp] === 1) {
+              delete nextRegisteredIndices[indexProp];
+              return nextRegisteredIndices;
             }
-            if (registeredIndices[indexProp] > 1) {
-              registeredIndices[indexProp] -= 1;
-              return registeredIndices;
+            if (nextRegisteredIndices[indexProp] > 1) {
+              nextRegisteredIndices[indexProp] -= 1;
+              return nextRegisteredIndices;
             }
+            return nextRegisteredIndices;
           });
         };
       }, [indexProp, setRegisteredIndices]);
@@ -1818,7 +1826,25 @@ const DrillDown = Object.assign(
           setOnClose?.(onClose, indexProp);
         }
       }, [setOnClose, onClose, indexProp]);
-      return index === indexProp ? /* @__PURE__ */ jsx("div", { ...rest, className: cx(drillDownStyles["drilldown"], className), ref, children: /* @__PURE__ */ jsx(focusTrapReactExports.FocusTrap, { focusTrapOptions: { returnFocusOnDeactivate: false }, children: /* @__PURE__ */ jsx("section", { className: drillDownStyles["container"], children }) }) }) : null;
+      return isActiveScreen ? /* @__PURE__ */ jsx("div", { ...rest, className: cx(drillDownStyles["drilldown"], className), ref, children: /* @__PURE__ */ jsx(
+        focusTrapReactExports.FocusTrap,
+        {
+          active: hostIsInteractive,
+          focusTrapOptions: {
+            returnFocusOnDeactivate: false,
+            fallbackFocus: () => sectionRef.current ?? document.body
+          },
+          children: /* @__PURE__ */ jsx(
+            "section",
+            {
+              className: drillDownStyles["container"],
+              ref: sectionRef,
+              tabIndex: -1,
+              children
+            }
+          )
+        }
+      ) }) : null;
     }
   ),
   {
@@ -1859,4 +1885,4 @@ function useDrillDown() {
 }
 
 export { DrillDown as D, DrillDownHeader as a, DrillDownContent as b, DrillDownFooter as c, DrillDownNextButton as d, DrillDownPrevButton as e, useDrillDown as u };
-//# sourceMappingURL=useDrilldown-C7eMBl68.js.map
+//# sourceMappingURL=useDrilldown-D6VZNSCX.js.map