@radix-ui/react-dismissable-layer 0.1.6-rc.18 → 0.1.6-rc.19

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"mappings":";;;AA0BA,yBAAyB,MAAM,wBAAwB,CAAC,OAAO,UAAU,GAAG,CAAC,CAAC;AAC9E,sCAAgC,SAAQ,iBAAiB;IACvD;;;;OAIG;IACH,2BAA2B,CAAC,EAAE,OAAO,CAAC;IACtC;;;OAGG;IACH,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IACjD;;;OAGG;IACH,oBAAoB,CAAC,EAAE,CAAC,KAAK,EAAE,uBAAuB,KAAK,IAAI,CAAC;IAChE;;;OAGG;IACH,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;IACpD;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,uBAAuB,GAAG,iBAAiB,KAAK,IAAI,CAAC;IACjF;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB;AAED,OAAA,MAAM,8GAkGL,CAAC;AAWF,qCAAsC,SAAQ,iBAAiB;CAAG;AAElE,OAAA,MAAM,0HAmBJ,CAAC;AAMH,+BAA+B,WAAW,CAAC;IAAE,aAAa,EAAE,YAAY,CAAA;CAAE,CAAC,CAAC;AAC5E,yBAAyB,WAAW,CAAC;IAAE,aAAa,EAAE,UAAU,CAAA;CAAE,CAAC,CAAC;AAkGpE,OAAA,MAAM,kGAAuB,CAAC;AAC9B,OAAA,MAAM,0GAA+B,CAAC","sources":["packages/react/dismissable-layer/src/packages/react/dismissable-layer/src/DismissableLayer.tsx","packages/react/dismissable-layer/src/packages/react/dismissable-layer/src/index.ts","packages/react/dismissable-layer/src/index.ts"],"sourcesContent":[null,null,"export * from './DismissableLayer';\n"],"names":[],"version":3,"file":"index.d.ts.map"}
+{"mappings":";;;AA2BA,yBAAyB,MAAM,wBAAwB,CAAC,OAAO,UAAU,GAAG,CAAC,CAAC;AAC9E,sCAAgC,SAAQ,iBAAiB;IACvD;;;;OAIG;IACH,2BAA2B,CAAC,EAAE,OAAO,CAAC;IACtC;;;OAGG;IACH,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IACjD;;;OAGG;IACH,oBAAoB,CAAC,EAAE,CAAC,KAAK,EAAE,uBAAuB,KAAK,IAAI,CAAC;IAChE;;;OAGG;IACH,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;IACpD;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,uBAAuB,GAAG,iBAAiB,KAAK,IAAI,CAAC;IACjF;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB;AAED,OAAA,MAAM,8GA8GL,CAAC;AAWF,qCAAsC,SAAQ,iBAAiB;CAAG;AAElE,OAAA,MAAM,0HAmBJ,CAAC;AAMH,+BAA+B,WAAW,CAAC;IAAE,aAAa,EAAE,YAAY,CAAA;CAAE,CAAC,CAAC;AAC5E,yBAAyB,WAAW,CAAC;IAAE,aAAa,EAAE,UAAU,CAAA;CAAE,CAAC,CAAC;AA8HpE,OAAA,MAAM,kGAAuB,CAAC;AAC9B,OAAA,MAAM,0GAA+B,CAAC","sources":["packages/react/dismissable-layer/src/packages/react/dismissable-layer/src/DismissableLayer.tsx","packages/react/dismissable-layer/src/packages/react/dismissable-layer/src/index.ts","packages/react/dismissable-layer/src/index.ts"],"sourcesContent":[null,null,"export * from './DismissableLayer';\n"],"names":[],"version":3,"file":"index.d.ts.map"}

package/dist/index.js

@@ -3,7 +3,6 @@ var $g2vWm$react = require("react");
 var $g2vWm$radixuiprimitive = require("@radix-ui/primitive");
 var $g2vWm$radixuireactprimitive = require("@radix-ui/react-primitive");
 var $g2vWm$radixuireactcomposerefs = require("@radix-ui/react-compose-refs");
-var $g2vWm$radixuireactusebodypointerevents = require("@radix-ui/react-use-body-pointer-events");
 var $g2vWm$radixuireactusecallbackref = require("@radix-ui/react-use-callback-ref");
 var $g2vWm$radixuireactuseescapekeydown = require("@radix-ui/react-use-escape-keydown");
 
@@ -42,13 +41,13 @@ $parcel$export($d715e0554b679f1f$exports, "Branch", () => $d715e0554b679f1f$expo
 
 
 
-
 /* -------------------------------------------------------------------------------------------------
  * DismissableLayer
  * -----------------------------------------------------------------------------------------------*/ const $d715e0554b679f1f$var$DISMISSABLE_LAYER_NAME = 'DismissableLayer';
 const $d715e0554b679f1f$var$CONTEXT_UPDATE = 'dismissableLayer.update';
 const $d715e0554b679f1f$var$POINTER_DOWN_OUTSIDE = 'dismissableLayer.pointerDownOutside';
 const $d715e0554b679f1f$var$FOCUS_OUTSIDE = 'dismissableLayer.focusOutside';
+let $d715e0554b679f1f$var$originalBodyPointerEvents;
 const $d715e0554b679f1f$var$DismissableLayerContext = /*#__PURE__*/ $g2vWm$react.createContext({
     layers: new Set(),
     layersWithOutsidePointerEventsDisabled: new Set(),
@@ -97,14 +96,20 @@ const $d715e0554b679f1f$export$177fb62ff3ec1f22 = /*#__PURE__*/ $g2vWm$react.for
         onEscapeKeyDown === null || onEscapeKeyDown === void 0 || onEscapeKeyDown(event);
         if (!event.defaultPrevented) onDismiss === null || onDismiss === void 0 || onDismiss();
     });
-    $g2vWm$radixuireactusebodypointerevents.useBodyPointerEvents({
-        disabled: disableOutsidePointerEvents
-    });
     $g2vWm$react.useEffect(()=>{
         if (!node1) return;
-        if (disableOutsidePointerEvents) context.layersWithOutsidePointerEventsDisabled.add(node1);
+        if (disableOutsidePointerEvents) {
+            if (context.layersWithOutsidePointerEventsDisabled.size === 0) {
+                $d715e0554b679f1f$var$originalBodyPointerEvents = document.body.style.pointerEvents;
+                document.body.style.pointerEvents = 'none';
+            }
+            context.layersWithOutsidePointerEventsDisabled.add(node1);
+        }
         context.layers.add(node1);
         $d715e0554b679f1f$var$dispatchUpdate();
+        return ()=>{
+            if (disableOutsidePointerEvents && context.layersWithOutsidePointerEventsDisabled.size === 1) document.body.style.pointerEvents = $d715e0554b679f1f$var$originalBodyPointerEvents;
+        };
     }, [
         node1,
         disableOutsidePointerEvents,
@@ -179,15 +184,36 @@ const $d715e0554b679f1f$export$4d5eb2109db14228 = /*#__PURE__*/ $g2vWm$react.for
  */ function $d715e0554b679f1f$var$usePointerDownOutside(onPointerDownOutside) {
     const handlePointerDownOutside = $g2vWm$radixuireactusecallbackref.useCallbackRef(onPointerDownOutside);
     const isPointerInsideReactTreeRef = $g2vWm$react.useRef(false);
+    const handleClickRef = $g2vWm$react.useRef(()=>{});
     $g2vWm$react.useEffect(()=>{
         const handlePointerDown = (event)=>{
             if (event.target && !isPointerInsideReactTreeRef.current) {
                 const eventDetail = {
                     originalEvent: event
                 };
-                $d715e0554b679f1f$var$handleAndDispatchCustomEvent($d715e0554b679f1f$var$POINTER_DOWN_OUTSIDE, handlePointerDownOutside, eventDetail, {
-                    discrete: true
-                });
+                function handleAndDispatchPointerDownOutsideEvent() {
+                    $d715e0554b679f1f$var$handleAndDispatchCustomEvent($d715e0554b679f1f$var$POINTER_DOWN_OUTSIDE, handlePointerDownOutside, eventDetail, {
+                        discrete: true
+                    });
+                }
+                /**
+         * On touch devices, we need to wait for a click event because browsers implement
+         * a ~350ms delay between the time the user stops touching the display and when the
+         * browser executres events. We need to ensure we don't reactivate pointer-events within
+         * this timeframe otherwise the browser may execute events that should have been prevented.
+         *
+         * Additionally, this also lets us deal automatically with cancellations when a click event
+         * isn't raised because the page was considered scrolled/drag-scrolled, long-pressed, etc.
+         *
+         * This is why we also continuously remove the previous listener, because we cannot be
+         * certain that it was raised, and therefore cleaned-up.
+         */ if (event.pointerType === 'touch') {
+                    document.removeEventListener('click', handleClickRef.current);
+                    handleClickRef.current = handleAndDispatchPointerDownOutsideEvent;
+                    document.addEventListener('click', handleClickRef.current, {
+                        once: true
+                    });
+                } else handleAndDispatchPointerDownOutsideEvent();
             }
             isPointerInsideReactTreeRef.current = false;
         };
@@ -209,6 +235,7 @@ const $d715e0554b679f1f$export$4d5eb2109db14228 = /*#__PURE__*/ $g2vWm$react.for
         return ()=>{
             window.clearTimeout(timerId);
             document.removeEventListener('pointerdown', handlePointerDown);
+            document.removeEventListener('click', handleClickRef.current);
         };
     }, [
         handlePointerDownOutside

package/dist/index.js.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;A;;;;;;;;ACUA;;oGAEA,CAEA,MAAMQ,4CAAsB,GAAG,kBAA/B,AAAA;AACA,MAAMC,oCAAc,GAAG,yBAAvB,AAAA;AACA,MAAMC,0CAAoB,GAAG,qCAA7B,AAAA;AACA,MAAMC,mCAAa,GAAG,+BAAtB,AAAA;AAEA,MAAMC,6CAAuB,GAAA,aAAGZ,CAAAA,0BAAA,CAAoB;IAClDc,MAAM,EAAE,IAAIC,GAAJ,EAD0C;IAElDC,sCAAsC,EAAE,IAAID,GAAJ,EAFU;IAGlDE,QAAQ,EAAE,IAAIF,GAAJ,EAAVE;CAH8B,CAAhC,AAAoD;AA0CpD,MAAMC,yCAAgB,GAAA,aAAGlB,CAAAA,uBAAA,CACvB,CAACoB,KAAD,EAAQC,YAAR,GAAyB;IACvB,MAAM,+BACJC,2BAA2B,GAAG,KAD1B,G,iBAEJC,eAFI,CAAA,E,sBAGJC,oBAHI,CAAA,E,gBAIJC,cAJI,CAAA,E,mBAKJC,iBALI,CAAA,E,WAMJC,SANI,CAAA,EAOJ,GAAGC,UAAH,EAPI,GAQFR,KARJ,AAAM;IASN,MAAMS,OAAO,GAAG7B,uBAAA,CAAiBY,6CAAjB,CAAhB,AAAA;IACA,MAAM,CAACmB,KAAD,EAAOC,OAAP,CAAA,GAAkBhC,qBAAA,CAA+C,IAA/C,CAAxB,AAAA;IACA,MAAM,GAAGkC,KAAH,CAAA,GAAYlC,qBAAA,CAAe,EAAf,CAAlB,AAAA;IACA,MAAMmC,YAAY,GAAG/B,8CAAe,CAACiB,YAAD,EAAgBU,CAAAA,IAAD,GAAUC,OAAO,CAACD,IAAD,CAAhC;IAAA,CAApC,AAAA;IACA,MAAMjB,MAAM,GAAGsB,KAAK,CAACC,IAAN,CAAWR,OAAO,CAACf,MAAnB,CAAf,AAAA;IACA,MAAM,CAACwB,4CAAD,CAAA,GAAiD;WAAIT,OAAO,CAACb,sCAAZ;KAAA,CAAoDuB,KAApD,CAA0D,EAA1D,CAAvD,AAfuB,EAe+F,kBAAtH;IACA,MAAMC,iDAAiD,GAAG1B,MAAM,CAAC2B,OAAP,CAAeH,4CAAf,CAA1D,AAhBuB,EAgBiG,kBAAxH;IACA,MAAMI,KAAK,GAAGX,KAAI,GAAGjB,MAAM,CAAC2B,OAAP,CAAeV,KAAf,CAAH,GAA0B,EAA5C,AAAA;IACA,MAAMY,2BAA2B,GAAGd,OAAO,CAACb,sCAAR,CAA+C4B,IAA/C,GAAsD,CAA1F,AAAA;IACA,MAAMC,sBAAsB,GAAGH,KAAK,IAAIF,iDAAxC,AAAA;IAEA,MAAMM,kBAAkB,GAAGC,2CAAqB,CAAEC,CAAAA,KAAD,GAAW;QAC1D,MAAMC,MAAM,GAAGD,KAAK,CAACC,MAArB,AAAA;QACA,MAAMC,qBAAqB,GAAG;eAAIrB,OAAO,CAACZ,QAAZ;SAAA,CAAsBkC,IAAtB,CAA4BC,CAAAA,MAAD,GAAYA,MAAM,CAACC,QAAP,CAAgBJ,MAAhB,CAAvC;QAAA,CAA9B,AAAA;QACA,IAAI,CAACJ,sBAAD,IAA2BK,qBAA/B,EAAsD,OAAtD;QACA1B,oBAAoB,KAAA,IAApB,IAAAA,oBAAoB,KAAA,KAAA,CAApB,IAAAA,oBAAoB,CAAGwB,KAAH,CAApB,CAAAxB;QACAE,iBAAiB,KAAA,IAAjB,IAAAA,iBAAiB,KAAA,KAAA,CAAjB,IAAAA,iBAAiB,CAAGsB,KAAH,CAAjB,CAAAtB;QACA,IAAI,CAACsB,KAAK,CAACM,gBAAX,EAA6B3B,SAAS,KAAA,IAAT,IAAAA,SAAS,KAAA,KAAA,CAAT,IAAAA,SAAS,EAAtC,CAAA;KAN8C,CAAhD,AAOC;IAED,MAAM4B,YAAY,GAAGC,qCAAe,CAAER,CAAAA,KAAD,GAAW;QAC9C,MAAMC,MAAM,GAAGD,KAAK,CAACC,MAArB,AAAA;QACA,MAAMQ,eAAe,GAAG;eAAI5B,OAAO,CAACZ,QAAZ;SAAA,CAAsBkC,IAAtB,CAA4BC,CAAAA,MAAD,GAAYA,MAAM,CAACC,QAAP,CAAgBJ,MAAhB,CAAvC;QAAA,CAAxB,AAAA;QACA,IAAIQ,eAAJ,EAAqB,OAArB;QACAhC,cAAc,KAAA,IAAd,IAAAA,cAAc,KAAA,KAAA,CAAd,IAAAA,cAAc,CAAGuB,KAAH,CAAd,CAAAvB;QACAC,iBAAiB,KAAA,IAAjB,IAAAA,iBAAiB,KAAA,KAAA,CAAjB,IAAAA,iBAAiB,CAAGsB,KAAH,CAAjB,CAAAtB;QACA,IAAI,CAACsB,KAAK,CAACM,gBAAX,EAA6B3B,SAAS,KAAA,IAAT,IAAAA,SAAS,KAAA,KAAA,CAAT,IAAAA,SAAS,EAAtC,CAAA;KANkC,CAApC,AAOC;IAEDpB,oDAAgB,CAAEyC,CAAAA,KAAD,GAAW;QAC1B,MAAMU,cAAc,GAAGhB,KAAK,KAAKb,OAAO,CAACf,MAAR,CAAe8B,IAAf,GAAsB,CAAvD,AAAA;QACA,IAAI,CAACc,cAAL,EAAqB,OAArB;QACAnC,eAAe,KAAA,IAAf,IAAAA,eAAe,KAAA,KAAA,CAAf,IAAAA,eAAe,CAAGyB,KAAH,CAAf,CAAAzB;QACA,IAAI,CAACyB,KAAK,CAACM,gBAAX,EAA6B3B,SAAS,KAAA,IAAT,IAAAA,SAAS,KAAA,KAAA,CAAT,IAAAA,SAAS,EAAtC,CAAA;KAJc,CAAhB,CAKC;IAEDtB,4DAAoB,CAAC;QAAEsD,QAAQ,EAAErC,2BAAVqC;KAAH,CAApB,CAAqB;IAErB3D,sBAAA,CAAgB,IAAM;QACpB,IAAI,CAAC+B,KAAL,EAAW,OAAX;QACA,IAAIT,2BAAJ,EAAiCO,OAAO,CAACb,sCAAR,CAA+C6C,GAA/C,CAAmD9B,KAAnD,CAAjC,CAAA;QACAF,OAAO,CAACf,MAAR,CAAe+C,GAAf,CAAmB9B,KAAnB,CAAAF,CAAAA;QACAiC,oCAAc,EAAdA,CAAAA;KAJF,EAKG;QAAC/B,KAAD;QAAOT,2BAAP;QAAoCO,OAApC;KALH,CAKC,CAAA;IAED;;;;;KAKJ,CACI7B,sBAAA,CAAgB,IAAM;QACpB,OAAO,IAAM;YACX,IAAI,CAAC+B,KAAL,EAAW,OAAX;YACAF,OAAO,CAACf,MAAR,CAAeiD,MAAf,CAAsBhC,KAAtB,CAAAF,CAAAA;YACAA,OAAO,CAACb,sCAAR,CAA+C+C,MAA/C,CAAsDhC,KAAtD,CAAAF,CAAAA;YACAiC,oCAAc,EAAdA,CAAAA;SAJF,CAKC;KANH,EAOG;QAAC/B,KAAD;QAAOF,OAAP;KAPH,CAOC,CAAA;IAED7B,sBAAA,CAAgB,IAAM;QACpB,MAAMgE,YAAY,GAAG,IAAM9B,KAAK,CAAC,EAAD,CAAhC;QAAA;QACA+B,QAAQ,CAACC,gBAAT,CAA0BzD,oCAA1B,EAA0CuD,YAA1C,CAAAC,CAAAA;QACA,OAAO,IAAMA,QAAQ,CAACE,mBAAT,CAA6B1D,oCAA7B,EAA6CuD,YAA7C,CAAb;QAAA,CAAA;KAHF,EAIG,EAJH,CAIC,CAAA;IAED,OAAA,aACE,CAAA,0BAAA,CAAC,sCAAD,CAAW,GAAX,EAAA,2DAAA,CAAA,EAAA,EACMpC,UADN,EADF;QAGI,GAAG,EAAEO,YAFP;QAGE,KAAK,EAAE;YACLiC,aAAa,EAAEzB,2BAA2B,GACtCE,sBAAsB,GACpB,MADoB,GAEpB,MAHoC,GAItCwB,SALC;YAML,GAAGjD,KAAK,CAACkD,KAAT;SATJ;QAWE,cAAc,EAAErE,4CAAoB,CAACmB,KAAK,CAACmD,cAAP,EAAuBhB,YAAY,CAACgB,cAApC,CAXtC;QAYE,aAAa,EAAEtE,4CAAoB,CAACmB,KAAK,CAACoD,aAAP,EAAsBjB,YAAY,CAACiB,aAAnC,CAZrC;QAaE,oBAAoB,EAAEvE,4CAAoB,CACxCmB,KAAK,CAACqD,oBADkC,EAExC3B,kBAAkB,CAAC2B,oBAFqB,CAA1C;KAbF,CAAA,CADF,CACE;CA9EmB,CAAzB,AAiGG;AAGH,aAAA,CAAA,MAAA,CAAA,MAAA,CAAA,yCAAA,EAAA;IAAA,WAAA,EAAA,4CAAA;CAAA,CAAA,CAAA;AAEA;;oGAEA,CAEA,MAAMC,iCAAW,GAAG,wBAApB,AAAA;AAKA,MAAMC,yCAAsB,GAAA,aAAG3E,CAAAA,uBAAA,CAG7B,CAACoB,KAAD,EAAQC,YAAR,GAAyB;IACzB,MAAMQ,OAAO,GAAG7B,uBAAA,CAAiBY,6CAAjB,CAAhB,AAAA;IACA,MAAMgE,GAAG,GAAG5E,mBAAA,CAA4C,IAA5C,CAAZ,AAAA;IACA,MAAMmC,YAAY,GAAG/B,8CAAe,CAACiB,YAAD,EAAeuD,GAAf,CAApC,AAAA;IAEA5E,sBAAA,CAAgB,IAAM;QACpB,MAAM+B,IAAI,GAAG6C,GAAG,CAACE,OAAjB,AAAA;QACA,IAAI/C,IAAJ,EAAU;YACRF,OAAO,CAACZ,QAAR,CAAiB4C,GAAjB,CAAqB9B,IAArB,CAAAF,CAAAA;YACA,OAAO,IAAM;gBACXA,OAAO,CAACZ,QAAR,CAAiB8C,MAAjB,CAAwBhC,IAAxB,CAAAF,CAAAA;aADF,CAEC;SACF;KAPH,EAQG;QAACA,OAAO,CAACZ,QAAT;KARH,CAQC,CAAA;IAED,OAAA,aAAO,CAAA,0BAAA,CAAC,sCAAD,CAAW,GAAX,EAAA,2DAAA,CAAA,EAAA,EAAmBG,KAAnB,EAAP;QAAiC,GAAG,EAAEe,YAAL;KAA1B,CAAA,CAAP,CAAO;CAlBsB,CAA/B,AAmBC;AAED,aAAA,CAAA,MAAA,CAAA,MAAA,CAAA,yCAAA,EAAA;IAAA,WAAA,EAAA,iCAAA;CAAA,CAAA,CAAA;AAEA,oGAAA,CAKA;;;;GAIA,CACA,SAASY,2CAAT,CAA+BvB,oBAA/B,EAAgG;IAC9F,MAAMuD,wBAAwB,GAAGzE,gDAAc,CAACkB,oBAAD,CAA/C,AAAA;IACA,MAAMwD,2BAA2B,GAAGhF,mBAAA,CAAa,KAAb,CAApC,AAAA;IAEAA,sBAAA,CAAgB,IAAM;QACpB,MAAMiF,iBAAiB,GAAIjC,CAAAA,KAAD,GAAyB;YACjD,IAAIA,KAAK,CAACC,MAAN,IAAgB,CAAC+B,2BAA2B,CAACF,OAAjD,EAA0D;gBACxD,MAAMI,WAAW,GAAG;oBAAEC,aAAa,EAAEnC,KAAfmC;iBAAtB,AAAoB;gBACpBC,kDAA4B,CAAC1E,0CAAD,EAAuBqE,wBAAvB,EAAiDG,WAAjD,EAA8D;oBACxFG,QAAQ,EAAE,IAAVA;iBAD0B,CAA5B,CAA0F;aAG3F;YACDL,2BAA2B,CAACF,OAA5B,GAAsC,KAAtC,CAAAE;SAPF,AAQC;QACD;;;;;;;;;;;;OAYJ,CACI,MAAMM,OAAO,GAAGC,MAAM,CAACC,UAAP,CAAkB,IAAM;YACtCvB,QAAQ,CAACC,gBAAT,CAA0B,aAA1B,EAAyCe,iBAAzC,CAAAhB,CAAAA;SADc,EAEb,CAFa,CAAhB,AAEC;QACD,OAAO,IAAM;YACXsB,MAAM,CAACE,YAAP,CAAoBH,OAApB,CAAAC,CAAAA;YACAtB,QAAQ,CAACE,mBAAT,CAA6B,aAA7B,EAA4Cc,iBAA5C,CAAAhB,CAAAA;SAFF,CAGC;KA7BH,EA8BG;QAACc,wBAAD;KA9BH,CA8BC,CAAA;IAED,OAAO;QACL,4DAAA;QACAN,oBAAoB,EAAE,IAAOO,2BAA2B,CAACF,OAA5B,GAAsC,IAAnEL;KAFF,CAAO;CAIR;AAED;;;GAGA,CACA,SAASjB,qCAAT,CAAyB/B,cAAzB,EAA8E;IAC5E,MAAMiE,kBAAkB,GAAGpF,gDAAc,CAACmB,cAAD,CAAzC,AAAA;IACA,MAAMkE,yBAAyB,GAAG3F,mBAAA,CAAa,KAAb,CAAlC,AAAA;IAEAA,sBAAA,CAAgB,IAAM;QACpB,MAAM4F,WAAW,GAAI5C,CAAAA,KAAD,GAAuB;YACzC,IAAIA,KAAK,CAACC,MAAN,IAAgB,CAAC0C,yBAAyB,CAACb,OAA/C,EAAwD;gBACtD,MAAMI,WAAW,GAAG;oBAAEC,aAAa,EAAEnC,KAAfmC;iBAAtB,AAAoB;gBACpBC,kDAA4B,CAACzE,mCAAD,EAAgB+E,kBAAhB,EAAoCR,WAApC,EAAiD;oBAC3EG,QAAQ,EAAE,KAAVA;iBAD0B,CAA5B,CAA6E;aAG9E;SANH,AAOC;QACDpB,QAAQ,CAACC,gBAAT,CAA0B,SAA1B,EAAqC0B,WAArC,CAAA3B,CAAAA;QACA,OAAO,IAAMA,QAAQ,CAACE,mBAAT,CAA6B,SAA7B,EAAwCyB,WAAxC,CAAb;QAAA,CAAA;KAVF,EAWG;QAACF,kBAAD;KAXH,CAWC,CAAA;IAED,OAAO;QACLnB,cAAc,EAAE,IAAOoB,yBAAyB,CAACb,OAA1B,GAAoC,IADtD;QAAA;QAELN,aAAa,EAAE,IAAOmB,yBAAyB,CAACb,OAA1B,GAAoC,KAA1DN;KAFF,CAAO;CAIR;AAED,SAASV,oCAAT,GAA0B;IACxB,MAAMd,KAAK,GAAG,IAAI6C,WAAJ,CAAgBpF,oCAAhB,CAAd,AAAA;IACAwD,QAAQ,CAAC6B,aAAT,CAAuB9C,KAAvB,CAAAiB,CAAAA;CACD;AAED,SAASmB,kDAAT,CACEW,IADF,EAEEC,OAFF,EAGEC,MAHF,EAIE,E,UAAEZ,QAAAA,CAAAA,EAJJ,EAKE;IACA,MAAMpC,MAAM,GAAGgD,MAAM,CAACd,aAAP,CAAqBlC,MAApC,AAAA;IACA,MAAMD,KAAK,GAAG,IAAI6C,WAAJ,CAAgBE,IAAhB,EAAsB;QAAEG,OAAO,EAAE,KAAX;QAAkBC,UAAU,EAAE,IAA9B;Q,QAAoCF,MAAAA;KAA1D,CAAd,AAAoC;IACpC,IAAID,OAAJ,EAAa/C,MAAM,CAACiB,gBAAP,CAAwB6B,IAAxB,EAA8BC,OAA9B,EAAwD;QAAEI,IAAI,EAAE,IAANA;KAA1D,CAAwD,CAAA;IAErE,IAAIf,QAAJ,EACElF,wDAA2B,CAAC8C,MAAD,EAASD,KAAT,CAA3B,CAAA7C;SAEA8C,MAAM,CAAC6C,aAAP,CAAqB9C,KAArB,CAAAC,CAAAA;CAEH;AAED,MAAMoD,yCAAI,GAAGnF,yCAAb,AAAA;AACA,MAAMoF,yCAAM,GAAG3B,yCAAf,AAAA;;ADzSA","sources":["packages/react/dismissable-layer/src/index.ts","packages/react/dismissable-layer/src/DismissableLayer.tsx"],"sourcesContent":["export * from './DismissableLayer';\n","import * as React from 'react';\nimport { composeEventHandlers } from '@radix-ui/primitive';\nimport { Primitive, dispatchDiscreteCustomEvent } from '@radix-ui/react-primitive';\nimport { useComposedRefs } from '@radix-ui/react-compose-refs';\nimport { useBodyPointerEvents } from '@radix-ui/react-use-body-pointer-events';\nimport { useCallbackRef } from '@radix-ui/react-use-callback-ref';\nimport { useEscapeKeydown } from '@radix-ui/react-use-escape-keydown';\n\nimport type * as Radix from '@radix-ui/react-primitive';\n\n/* -------------------------------------------------------------------------------------------------\n * DismissableLayer\n * -----------------------------------------------------------------------------------------------*/\n\nconst DISMISSABLE_LAYER_NAME = 'DismissableLayer';\nconst CONTEXT_UPDATE = 'dismissableLayer.update';\nconst POINTER_DOWN_OUTSIDE = 'dismissableLayer.pointerDownOutside';\nconst FOCUS_OUTSIDE = 'dismissableLayer.focusOutside';\n\nconst DismissableLayerContext = React.createContext({\n  layers: new Set<DismissableLayerElement>(),\n  layersWithOutsidePointerEventsDisabled: new Set<DismissableLayerElement>(),\n  branches: new Set<DismissableLayerBranchElement>(),\n});\n\ntype DismissableLayerElement = React.ElementRef<typeof Primitive.div>;\ntype PrimitiveDivProps = Radix.ComponentPropsWithoutRef<typeof Primitive.div>;\ninterface DismissableLayerProps extends PrimitiveDivProps {\n  /**\n   * When `true`, hover/focus/click interactions will be disabled on elements outside\n   * the `DismissableLayer`. Users will need to click twice on outside elements to\n   * interact with them: once to close the `DismissableLayer`, and again to trigger the element.\n   */\n  disableOutsidePointerEvents?: boolean;\n  /**\n   * Event handler called when the escape key is down.\n   * Can be prevented.\n   */\n  onEscapeKeyDown?: (event: KeyboardEvent) => void;\n  /**\n   * Event handler called when the a `pointerdown` event happens outside of the `DismissableLayer`.\n   * Can be prevented.\n   */\n  onPointerDownOutside?: (event: PointerDownOutsideEvent) => void;\n  /**\n   * Event handler called when the focus moves outside of the `DismissableLayer`.\n   * Can be prevented.\n   */\n  onFocusOutside?: (event: FocusOutsideEvent) => void;\n  /**\n   * Event handler called when an interaction happens outside the `DismissableLayer`.\n   * Specifically, when a `pointerdown` event happens outside or focus moves outside of it.\n   * Can be prevented.\n   */\n  onInteractOutside?: (event: PointerDownOutsideEvent | FocusOutsideEvent) => void;\n  /**\n   * Handler called when the `DismissableLayer` should be dismissed\n   */\n  onDismiss?: () => void;\n}\n\nconst DismissableLayer = React.forwardRef<DismissableLayerElement, DismissableLayerProps>(\n  (props, forwardedRef) => {\n    const {\n      disableOutsidePointerEvents = false,\n      onEscapeKeyDown,\n      onPointerDownOutside,\n      onFocusOutside,\n      onInteractOutside,\n      onDismiss,\n      ...layerProps\n    } = props;\n    const context = React.useContext(DismissableLayerContext);\n    const [node, setNode] = React.useState<DismissableLayerElement | null>(null);\n    const [, force] = React.useState({});\n    const composedRefs = useComposedRefs(forwardedRef, (node) => setNode(node));\n    const layers = Array.from(context.layers);\n    const [highestLayerWithOutsidePointerEventsDisabled] = [...context.layersWithOutsidePointerEventsDisabled].slice(-1); // prettier-ignore\n    const highestLayerWithOutsidePointerEventsDisabledIndex = layers.indexOf(highestLayerWithOutsidePointerEventsDisabled); // prettier-ignore\n    const index = node ? layers.indexOf(node) : -1;\n    const isBodyPointerEventsDisabled = context.layersWithOutsidePointerEventsDisabled.size > 0;\n    const isPointerEventsEnabled = index >= highestLayerWithOutsidePointerEventsDisabledIndex;\n\n    const pointerDownOutside = usePointerDownOutside((event) => {\n      const target = event.target as HTMLElement;\n      const isPointerDownOnBranch = [...context.branches].some((branch) => branch.contains(target));\n      if (!isPointerEventsEnabled || isPointerDownOnBranch) return;\n      onPointerDownOutside?.(event);\n      onInteractOutside?.(event);\n      if (!event.defaultPrevented) onDismiss?.();\n    });\n\n    const focusOutside = useFocusOutside((event) => {\n      const target = event.target as HTMLElement;\n      const isFocusInBranch = [...context.branches].some((branch) => branch.contains(target));\n      if (isFocusInBranch) return;\n      onFocusOutside?.(event);\n      onInteractOutside?.(event);\n      if (!event.defaultPrevented) onDismiss?.();\n    });\n\n    useEscapeKeydown((event) => {\n      const isHighestLayer = index === context.layers.size - 1;\n      if (!isHighestLayer) return;\n      onEscapeKeyDown?.(event);\n      if (!event.defaultPrevented) onDismiss?.();\n    });\n\n    useBodyPointerEvents({ disabled: disableOutsidePointerEvents });\n\n    React.useEffect(() => {\n      if (!node) return;\n      if (disableOutsidePointerEvents) context.layersWithOutsidePointerEventsDisabled.add(node);\n      context.layers.add(node);\n      dispatchUpdate();\n    }, [node, disableOutsidePointerEvents, context]);\n\n    /**\n     * We purposefully prevent combining this effect with the `disableOutsidePointerEvents` effect\n     * because a change to `disableOutsidePointerEvents` would remove this layer from the stack\n     * and add it to the end again so the layering order wouldn't be _creation order_.\n     * We only want them to be removed from context stacks when unmounted.\n     */\n    React.useEffect(() => {\n      return () => {\n        if (!node) return;\n        context.layers.delete(node);\n        context.layersWithOutsidePointerEventsDisabled.delete(node);\n        dispatchUpdate();\n      };\n    }, [node, context]);\n\n    React.useEffect(() => {\n      const handleUpdate = () => force({});\n      document.addEventListener(CONTEXT_UPDATE, handleUpdate);\n      return () => document.removeEventListener(CONTEXT_UPDATE, handleUpdate);\n    }, []);\n\n    return (\n      <Primitive.div\n        {...layerProps}\n        ref={composedRefs}\n        style={{\n          pointerEvents: isBodyPointerEventsDisabled\n            ? isPointerEventsEnabled\n              ? 'auto'\n              : 'none'\n            : undefined,\n          ...props.style,\n        }}\n        onFocusCapture={composeEventHandlers(props.onFocusCapture, focusOutside.onFocusCapture)}\n        onBlurCapture={composeEventHandlers(props.onBlurCapture, focusOutside.onBlurCapture)}\n        onPointerDownCapture={composeEventHandlers(\n          props.onPointerDownCapture,\n          pointerDownOutside.onPointerDownCapture\n        )}\n      />\n    );\n  }\n);\n\nDismissableLayer.displayName = DISMISSABLE_LAYER_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * DismissableLayerBranch\n * -----------------------------------------------------------------------------------------------*/\n\nconst BRANCH_NAME = 'DismissableLayerBranch';\n\ntype DismissableLayerBranchElement = React.ElementRef<typeof Primitive.div>;\ninterface DismissableLayerBranchProps extends PrimitiveDivProps {}\n\nconst DismissableLayerBranch = React.forwardRef<\n  DismissableLayerBranchElement,\n  DismissableLayerBranchProps\n>((props, forwardedRef) => {\n  const context = React.useContext(DismissableLayerContext);\n  const ref = React.useRef<DismissableLayerBranchElement>(null);\n  const composedRefs = useComposedRefs(forwardedRef, ref);\n\n  React.useEffect(() => {\n    const node = ref.current;\n    if (node) {\n      context.branches.add(node);\n      return () => {\n        context.branches.delete(node);\n      };\n    }\n  }, [context.branches]);\n\n  return <Primitive.div {...props} ref={composedRefs} />;\n});\n\nDismissableLayerBranch.displayName = BRANCH_NAME;\n\n/* -----------------------------------------------------------------------------------------------*/\n\ntype PointerDownOutsideEvent = CustomEvent<{ originalEvent: PointerEvent }>;\ntype FocusOutsideEvent = CustomEvent<{ originalEvent: FocusEvent }>;\n\n/**\n * Listens for `pointerdown` outside a react subtree. We use `pointerdown` rather than `pointerup`\n * to mimic layer dismissing behaviour present in OS.\n * Returns props to pass to the node we want to check for outside events.\n */\nfunction usePointerDownOutside(onPointerDownOutside?: (event: PointerDownOutsideEvent) => void) {\n  const handlePointerDownOutside = useCallbackRef(onPointerDownOutside) as EventListener;\n  const isPointerInsideReactTreeRef = React.useRef(false);\n\n  React.useEffect(() => {\n    const handlePointerDown = (event: PointerEvent) => {\n      if (event.target && !isPointerInsideReactTreeRef.current) {\n        const eventDetail = { originalEvent: event };\n        handleAndDispatchCustomEvent(POINTER_DOWN_OUTSIDE, handlePointerDownOutside, eventDetail, {\n          discrete: true,\n        });\n      }\n      isPointerInsideReactTreeRef.current = false;\n    };\n    /**\n     * if this hook executes in a component that mounts via a `pointerdown` event, the event\n     * would bubble up to the document and trigger a `pointerDownOutside` event. We avoid\n     * this by delaying the event listener registration on the document.\n     * This is not React specific, but rather how the DOM works, ie:\n     * ```\n     * button.addEventListener('pointerdown', () => {\n     *   console.log('I will log');\n     *   document.addEventListener('pointerdown', () => {\n     *     console.log('I will also log');\n     *   })\n     * });\n     */\n    const timerId = window.setTimeout(() => {\n      document.addEventListener('pointerdown', handlePointerDown);\n    }, 0);\n    return () => {\n      window.clearTimeout(timerId);\n      document.removeEventListener('pointerdown', handlePointerDown);\n    };\n  }, [handlePointerDownOutside]);\n\n  return {\n    // ensures we check React component tree (not just DOM tree)\n    onPointerDownCapture: () => (isPointerInsideReactTreeRef.current = true),\n  };\n}\n\n/**\n * Listens for when focus happens outside a react subtree.\n * Returns props to pass to the root (node) of the subtree we want to check.\n */\nfunction useFocusOutside(onFocusOutside?: (event: FocusOutsideEvent) => void) {\n  const handleFocusOutside = useCallbackRef(onFocusOutside) as EventListener;\n  const isFocusInsideReactTreeRef = React.useRef(false);\n\n  React.useEffect(() => {\n    const handleFocus = (event: FocusEvent) => {\n      if (event.target && !isFocusInsideReactTreeRef.current) {\n        const eventDetail = { originalEvent: event };\n        handleAndDispatchCustomEvent(FOCUS_OUTSIDE, handleFocusOutside, eventDetail, {\n          discrete: false,\n        });\n      }\n    };\n    document.addEventListener('focusin', handleFocus);\n    return () => document.removeEventListener('focusin', handleFocus);\n  }, [handleFocusOutside]);\n\n  return {\n    onFocusCapture: () => (isFocusInsideReactTreeRef.current = true),\n    onBlurCapture: () => (isFocusInsideReactTreeRef.current = false),\n  };\n}\n\nfunction dispatchUpdate() {\n  const event = new CustomEvent(CONTEXT_UPDATE);\n  document.dispatchEvent(event);\n}\n\nfunction handleAndDispatchCustomEvent<E extends CustomEvent, OriginalEvent extends Event>(\n  name: string,\n  handler: ((event: E) => void) | undefined,\n  detail: { originalEvent: OriginalEvent } & (E extends CustomEvent<infer D> ? D : never),\n  { discrete }: { discrete: boolean }\n) {\n  const target = detail.originalEvent.target;\n  const event = new CustomEvent(name, { bubbles: false, cancelable: true, detail });\n  if (handler) target.addEventListener(name, handler as EventListener, { once: true });\n\n  if (discrete) {\n    dispatchDiscreteCustomEvent(target, event);\n  } else {\n    target.dispatchEvent(event);\n  }\n}\n\nconst Root = DismissableLayer;\nconst Branch = DismissableLayerBranch;\n\nexport {\n  DismissableLayer,\n  DismissableLayerBranch,\n  //\n  Root,\n  Branch,\n};\nexport type { DismissableLayerProps };\n"],"names":["React","composeEventHandlers","Primitive","dispatchDiscreteCustomEvent","useComposedRefs","useBodyPointerEvents","useCallbackRef","useEscapeKeydown","DISMISSABLE_LAYER_NAME","CONTEXT_UPDATE","POINTER_DOWN_OUTSIDE","FOCUS_OUTSIDE","DismissableLayerContext","createContext","layers","Set","layersWithOutsidePointerEventsDisabled","branches","DismissableLayer","forwardRef","props","forwardedRef","disableOutsidePointerEvents","onEscapeKeyDown","onPointerDownOutside","onFocusOutside","onInteractOutside","onDismiss","layerProps","context","useContext","node","setNode","useState","force","composedRefs","Array","from","highestLayerWithOutsidePointerEventsDisabled","slice","highestLayerWithOutsidePointerEventsDisabledIndex","indexOf","index","isBodyPointerEventsDisabled","size","isPointerEventsEnabled","pointerDownOutside","usePointerDownOutside","event","target","isPointerDownOnBranch","some","branch","contains","defaultPrevented","focusOutside","useFocusOutside","isFocusInBranch","isHighestLayer","disabled","useEffect","add","dispatchUpdate","delete","handleUpdate","document","addEventListener","removeEventListener","pointerEvents","undefined","style","onFocusCapture","onBlurCapture","onPointerDownCapture","BRANCH_NAME","DismissableLayerBranch","ref","useRef","current","handlePointerDownOutside","isPointerInsideReactTreeRef","handlePointerDown","eventDetail","originalEvent","handleAndDispatchCustomEvent","discrete","timerId","window","setTimeout","clearTimeout","handleFocusOutside","isFocusInsideReactTreeRef","handleFocus","CustomEvent","dispatchEvent","name","handler","detail","bubbles","cancelable","once","Root","Branch"],"version":3,"file":"index.js.map"}
+{"mappings":"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","sources":["packages/react/dismissable-layer/src/index.ts","packages/react/dismissable-layer/src/DismissableLayer.tsx"],"sourcesContent":["export * from './DismissableLayer';\n","import * as React from 'react';\nimport { composeEventHandlers } from '@radix-ui/primitive';\nimport { Primitive, dispatchDiscreteCustomEvent } from '@radix-ui/react-primitive';\nimport { useComposedRefs } from '@radix-ui/react-compose-refs';\nimport { useCallbackRef } from '@radix-ui/react-use-callback-ref';\nimport { useEscapeKeydown } from '@radix-ui/react-use-escape-keydown';\n\nimport type * as Radix from '@radix-ui/react-primitive';\n\n/* -------------------------------------------------------------------------------------------------\n * DismissableLayer\n * -----------------------------------------------------------------------------------------------*/\n\nconst DISMISSABLE_LAYER_NAME = 'DismissableLayer';\nconst CONTEXT_UPDATE = 'dismissableLayer.update';\nconst POINTER_DOWN_OUTSIDE = 'dismissableLayer.pointerDownOutside';\nconst FOCUS_OUTSIDE = 'dismissableLayer.focusOutside';\n\nlet originalBodyPointerEvents: string;\n\nconst DismissableLayerContext = React.createContext({\n  layers: new Set<DismissableLayerElement>(),\n  layersWithOutsidePointerEventsDisabled: new Set<DismissableLayerElement>(),\n  branches: new Set<DismissableLayerBranchElement>(),\n});\n\ntype DismissableLayerElement = React.ElementRef<typeof Primitive.div>;\ntype PrimitiveDivProps = Radix.ComponentPropsWithoutRef<typeof Primitive.div>;\ninterface DismissableLayerProps extends PrimitiveDivProps {\n  /**\n   * When `true`, hover/focus/click interactions will be disabled on elements outside\n   * the `DismissableLayer`. Users will need to click twice on outside elements to\n   * interact with them: once to close the `DismissableLayer`, and again to trigger the element.\n   */\n  disableOutsidePointerEvents?: boolean;\n  /**\n   * Event handler called when the escape key is down.\n   * Can be prevented.\n   */\n  onEscapeKeyDown?: (event: KeyboardEvent) => void;\n  /**\n   * Event handler called when the a `pointerdown` event happens outside of the `DismissableLayer`.\n   * Can be prevented.\n   */\n  onPointerDownOutside?: (event: PointerDownOutsideEvent) => void;\n  /**\n   * Event handler called when the focus moves outside of the `DismissableLayer`.\n   * Can be prevented.\n   */\n  onFocusOutside?: (event: FocusOutsideEvent) => void;\n  /**\n   * Event handler called when an interaction happens outside the `DismissableLayer`.\n   * Specifically, when a `pointerdown` event happens outside or focus moves outside of it.\n   * Can be prevented.\n   */\n  onInteractOutside?: (event: PointerDownOutsideEvent | FocusOutsideEvent) => void;\n  /**\n   * Handler called when the `DismissableLayer` should be dismissed\n   */\n  onDismiss?: () => void;\n}\n\nconst DismissableLayer = React.forwardRef<DismissableLayerElement, DismissableLayerProps>(\n  (props, forwardedRef) => {\n    const {\n      disableOutsidePointerEvents = false,\n      onEscapeKeyDown,\n      onPointerDownOutside,\n      onFocusOutside,\n      onInteractOutside,\n      onDismiss,\n      ...layerProps\n    } = props;\n    const context = React.useContext(DismissableLayerContext);\n    const [node, setNode] = React.useState<DismissableLayerElement | null>(null);\n    const [, force] = React.useState({});\n    const composedRefs = useComposedRefs(forwardedRef, (node) => setNode(node));\n    const layers = Array.from(context.layers);\n    const [highestLayerWithOutsidePointerEventsDisabled] = [...context.layersWithOutsidePointerEventsDisabled].slice(-1); // prettier-ignore\n    const highestLayerWithOutsidePointerEventsDisabledIndex = layers.indexOf(highestLayerWithOutsidePointerEventsDisabled); // prettier-ignore\n    const index = node ? layers.indexOf(node) : -1;\n    const isBodyPointerEventsDisabled = context.layersWithOutsidePointerEventsDisabled.size > 0;\n    const isPointerEventsEnabled = index >= highestLayerWithOutsidePointerEventsDisabledIndex;\n\n    const pointerDownOutside = usePointerDownOutside((event) => {\n      const target = event.target as HTMLElement;\n      const isPointerDownOnBranch = [...context.branches].some((branch) => branch.contains(target));\n      if (!isPointerEventsEnabled || isPointerDownOnBranch) return;\n      onPointerDownOutside?.(event);\n      onInteractOutside?.(event);\n      if (!event.defaultPrevented) onDismiss?.();\n    });\n\n    const focusOutside = useFocusOutside((event) => {\n      const target = event.target as HTMLElement;\n      const isFocusInBranch = [...context.branches].some((branch) => branch.contains(target));\n      if (isFocusInBranch) return;\n      onFocusOutside?.(event);\n      onInteractOutside?.(event);\n      if (!event.defaultPrevented) onDismiss?.();\n    });\n\n    useEscapeKeydown((event) => {\n      const isHighestLayer = index === context.layers.size - 1;\n      if (!isHighestLayer) return;\n      onEscapeKeyDown?.(event);\n      if (!event.defaultPrevented) onDismiss?.();\n    });\n\n    React.useEffect(() => {\n      if (!node) return;\n      if (disableOutsidePointerEvents) {\n        if (context.layersWithOutsidePointerEventsDisabled.size === 0) {\n          originalBodyPointerEvents = document.body.style.pointerEvents;\n          document.body.style.pointerEvents = 'none';\n        }\n        context.layersWithOutsidePointerEventsDisabled.add(node);\n      }\n      context.layers.add(node);\n      dispatchUpdate();\n      return () => {\n        if (\n          disableOutsidePointerEvents &&\n          context.layersWithOutsidePointerEventsDisabled.size === 1\n        ) {\n          document.body.style.pointerEvents = originalBodyPointerEvents;\n        }\n      };\n    }, [node, disableOutsidePointerEvents, context]);\n\n    /**\n     * We purposefully prevent combining this effect with the `disableOutsidePointerEvents` effect\n     * because a change to `disableOutsidePointerEvents` would remove this layer from the stack\n     * and add it to the end again so the layering order wouldn't be _creation order_.\n     * We only want them to be removed from context stacks when unmounted.\n     */\n    React.useEffect(() => {\n      return () => {\n        if (!node) return;\n        context.layers.delete(node);\n        context.layersWithOutsidePointerEventsDisabled.delete(node);\n        dispatchUpdate();\n      };\n    }, [node, context]);\n\n    React.useEffect(() => {\n      const handleUpdate = () => force({});\n      document.addEventListener(CONTEXT_UPDATE, handleUpdate);\n      return () => document.removeEventListener(CONTEXT_UPDATE, handleUpdate);\n    }, []);\n\n    return (\n      <Primitive.div\n        {...layerProps}\n        ref={composedRefs}\n        style={{\n          pointerEvents: isBodyPointerEventsDisabled\n            ? isPointerEventsEnabled\n              ? 'auto'\n              : 'none'\n            : undefined,\n          ...props.style,\n        }}\n        onFocusCapture={composeEventHandlers(props.onFocusCapture, focusOutside.onFocusCapture)}\n        onBlurCapture={composeEventHandlers(props.onBlurCapture, focusOutside.onBlurCapture)}\n        onPointerDownCapture={composeEventHandlers(\n          props.onPointerDownCapture,\n          pointerDownOutside.onPointerDownCapture\n        )}\n      />\n    );\n  }\n);\n\nDismissableLayer.displayName = DISMISSABLE_LAYER_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * DismissableLayerBranch\n * -----------------------------------------------------------------------------------------------*/\n\nconst BRANCH_NAME = 'DismissableLayerBranch';\n\ntype DismissableLayerBranchElement = React.ElementRef<typeof Primitive.div>;\ninterface DismissableLayerBranchProps extends PrimitiveDivProps {}\n\nconst DismissableLayerBranch = React.forwardRef<\n  DismissableLayerBranchElement,\n  DismissableLayerBranchProps\n>((props, forwardedRef) => {\n  const context = React.useContext(DismissableLayerContext);\n  const ref = React.useRef<DismissableLayerBranchElement>(null);\n  const composedRefs = useComposedRefs(forwardedRef, ref);\n\n  React.useEffect(() => {\n    const node = ref.current;\n    if (node) {\n      context.branches.add(node);\n      return () => {\n        context.branches.delete(node);\n      };\n    }\n  }, [context.branches]);\n\n  return <Primitive.div {...props} ref={composedRefs} />;\n});\n\nDismissableLayerBranch.displayName = BRANCH_NAME;\n\n/* -----------------------------------------------------------------------------------------------*/\n\ntype PointerDownOutsideEvent = CustomEvent<{ originalEvent: PointerEvent }>;\ntype FocusOutsideEvent = CustomEvent<{ originalEvent: FocusEvent }>;\n\n/**\n * Listens for `pointerdown` outside a react subtree. We use `pointerdown` rather than `pointerup`\n * to mimic layer dismissing behaviour present in OS.\n * Returns props to pass to the node we want to check for outside events.\n */\nfunction usePointerDownOutside(onPointerDownOutside?: (event: PointerDownOutsideEvent) => void) {\n  const handlePointerDownOutside = useCallbackRef(onPointerDownOutside) as EventListener;\n  const isPointerInsideReactTreeRef = React.useRef(false);\n  const handleClickRef = React.useRef(() => {});\n\n  React.useEffect(() => {\n    const handlePointerDown = (event: PointerEvent) => {\n      if (event.target && !isPointerInsideReactTreeRef.current) {\n        const eventDetail = { originalEvent: event };\n\n        function handleAndDispatchPointerDownOutsideEvent() {\n          handleAndDispatchCustomEvent(\n            POINTER_DOWN_OUTSIDE,\n            handlePointerDownOutside,\n            eventDetail,\n            { discrete: true }\n          );\n        }\n\n        /**\n         * On touch devices, we need to wait for a click event because browsers implement\n         * a ~350ms delay between the time the user stops touching the display and when the\n         * browser executres events. We need to ensure we don't reactivate pointer-events within\n         * this timeframe otherwise the browser may execute events that should have been prevented.\n         *\n         * Additionally, this also lets us deal automatically with cancellations when a click event\n         * isn't raised because the page was considered scrolled/drag-scrolled, long-pressed, etc.\n         *\n         * This is why we also continuously remove the previous listener, because we cannot be\n         * certain that it was raised, and therefore cleaned-up.\n         */\n        if (event.pointerType === 'touch') {\n          document.removeEventListener('click', handleClickRef.current);\n          handleClickRef.current = handleAndDispatchPointerDownOutsideEvent;\n          document.addEventListener('click', handleClickRef.current, { once: true });\n        } else {\n          handleAndDispatchPointerDownOutsideEvent();\n        }\n      }\n      isPointerInsideReactTreeRef.current = false;\n    };\n    /**\n     * if this hook executes in a component that mounts via a `pointerdown` event, the event\n     * would bubble up to the document and trigger a `pointerDownOutside` event. We avoid\n     * this by delaying the event listener registration on the document.\n     * This is not React specific, but rather how the DOM works, ie:\n     * ```\n     * button.addEventListener('pointerdown', () => {\n     *   console.log('I will log');\n     *   document.addEventListener('pointerdown', () => {\n     *     console.log('I will also log');\n     *   })\n     * });\n     */\n    const timerId = window.setTimeout(() => {\n      document.addEventListener('pointerdown', handlePointerDown);\n    }, 0);\n    return () => {\n      window.clearTimeout(timerId);\n      document.removeEventListener('pointerdown', handlePointerDown);\n      document.removeEventListener('click', handleClickRef.current);\n    };\n  }, [handlePointerDownOutside]);\n\n  return {\n    // ensures we check React component tree (not just DOM tree)\n    onPointerDownCapture: () => (isPointerInsideReactTreeRef.current = true),\n  };\n}\n\n/**\n * Listens for when focus happens outside a react subtree.\n * Returns props to pass to the root (node) of the subtree we want to check.\n */\nfunction useFocusOutside(onFocusOutside?: (event: FocusOutsideEvent) => void) {\n  const handleFocusOutside = useCallbackRef(onFocusOutside) as EventListener;\n  const isFocusInsideReactTreeRef = React.useRef(false);\n\n  React.useEffect(() => {\n    const handleFocus = (event: FocusEvent) => {\n      if (event.target && !isFocusInsideReactTreeRef.current) {\n        const eventDetail = { originalEvent: event };\n        handleAndDispatchCustomEvent(FOCUS_OUTSIDE, handleFocusOutside, eventDetail, {\n          discrete: false,\n        });\n      }\n    };\n    document.addEventListener('focusin', handleFocus);\n    return () => document.removeEventListener('focusin', handleFocus);\n  }, [handleFocusOutside]);\n\n  return {\n    onFocusCapture: () => (isFocusInsideReactTreeRef.current = true),\n    onBlurCapture: () => (isFocusInsideReactTreeRef.current = false),\n  };\n}\n\nfunction dispatchUpdate() {\n  const event = new CustomEvent(CONTEXT_UPDATE);\n  document.dispatchEvent(event);\n}\n\nfunction handleAndDispatchCustomEvent<E extends CustomEvent, OriginalEvent extends Event>(\n  name: string,\n  handler: ((event: E) => void) | undefined,\n  detail: { originalEvent: OriginalEvent } & (E extends CustomEvent<infer D> ? D : never),\n  { discrete }: { discrete: boolean }\n) {\n  const target = detail.originalEvent.target;\n  const event = new CustomEvent(name, { bubbles: false, cancelable: true, detail });\n  if (handler) target.addEventListener(name, handler as EventListener, { once: true });\n\n  if (discrete) {\n    dispatchDiscreteCustomEvent(target, event);\n  } else {\n    target.dispatchEvent(event);\n  }\n}\n\nconst Root = DismissableLayer;\nconst Branch = DismissableLayerBranch;\n\nexport {\n  DismissableLayer,\n  DismissableLayerBranch,\n  //\n  Root,\n  Branch,\n};\nexport type { DismissableLayerProps };\n"],"names":["React","composeEventHandlers","Primitive","dispatchDiscreteCustomEvent","useComposedRefs","useCallbackRef","useEscapeKeydown","DISMISSABLE_LAYER_NAME","CONTEXT_UPDATE","POINTER_DOWN_OUTSIDE","FOCUS_OUTSIDE","originalBodyPointerEvents","DismissableLayerContext","createContext","layers","Set","layersWithOutsidePointerEventsDisabled","branches","DismissableLayer","forwardRef","props","forwardedRef","disableOutsidePointerEvents","onEscapeKeyDown","onPointerDownOutside","onFocusOutside","onInteractOutside","onDismiss","layerProps","context","useContext","node","setNode","useState","force","composedRefs","Array","from","highestLayerWithOutsidePointerEventsDisabled","slice","highestLayerWithOutsidePointerEventsDisabledIndex","indexOf","index","isBodyPointerEventsDisabled","size","isPointerEventsEnabled","pointerDownOutside","usePointerDownOutside","event","target","isPointerDownOnBranch","some","branch","contains","defaultPrevented","focusOutside","useFocusOutside","isFocusInBranch","isHighestLayer","useEffect","document","body","style","pointerEvents","add","dispatchUpdate","delete","handleUpdate","addEventListener","removeEventListener","undefined","onFocusCapture","onBlurCapture","onPointerDownCapture","BRANCH_NAME","DismissableLayerBranch","ref","useRef","current","handlePointerDownOutside","isPointerInsideReactTreeRef","handleClickRef","handlePointerDown","eventDetail","originalEvent","handleAndDispatchPointerDownOutsideEvent","handleAndDispatchCustomEvent","discrete","pointerType","once","timerId","window","setTimeout","clearTimeout","handleFocusOutside","isFocusInsideReactTreeRef","handleFocus","CustomEvent","dispatchEvent","name","handler","detail","bubbles","cancelable","Root","Branch"],"version":3,"file":"index.js.map"}

package/dist/index.module.js

@@ -3,7 +3,6 @@ import {createContext as $kqwpH$createContext, forwardRef as $kqwpH$forwardRef,
 import {composeEventHandlers as $kqwpH$composeEventHandlers} from "@radix-ui/primitive";
 import {Primitive as $kqwpH$Primitive, dispatchDiscreteCustomEvent as $kqwpH$dispatchDiscreteCustomEvent} from "@radix-ui/react-primitive";
 import {useComposedRefs as $kqwpH$useComposedRefs} from "@radix-ui/react-compose-refs";
-import {useBodyPointerEvents as $kqwpH$useBodyPointerEvents} from "@radix-ui/react-use-body-pointer-events";
 import {useCallbackRef as $kqwpH$useCallbackRef} from "@radix-ui/react-use-callback-ref";
 import {useEscapeKeydown as $kqwpH$useEscapeKeydown} from "@radix-ui/react-use-escape-keydown";
 
@@ -23,13 +22,13 @@ $parcel$export($5cb92bef7577960e$exports, "Branch", () => $5cb92bef7577960e$expo
 
 
 
-
 /* -------------------------------------------------------------------------------------------------
  * DismissableLayer
  * -----------------------------------------------------------------------------------------------*/ const $5cb92bef7577960e$var$DISMISSABLE_LAYER_NAME = 'DismissableLayer';
 const $5cb92bef7577960e$var$CONTEXT_UPDATE = 'dismissableLayer.update';
 const $5cb92bef7577960e$var$POINTER_DOWN_OUTSIDE = 'dismissableLayer.pointerDownOutside';
 const $5cb92bef7577960e$var$FOCUS_OUTSIDE = 'dismissableLayer.focusOutside';
+let $5cb92bef7577960e$var$originalBodyPointerEvents;
 const $5cb92bef7577960e$var$DismissableLayerContext = /*#__PURE__*/ $kqwpH$createContext({
     layers: new Set(),
     layersWithOutsidePointerEventsDisabled: new Set(),
@@ -78,14 +77,20 @@ const $5cb92bef7577960e$export$177fb62ff3ec1f22 = /*#__PURE__*/ $kqwpH$forwardRe
         onEscapeKeyDown === null || onEscapeKeyDown === void 0 || onEscapeKeyDown(event);
         if (!event.defaultPrevented) onDismiss === null || onDismiss === void 0 || onDismiss();
     });
-    $kqwpH$useBodyPointerEvents({
-        disabled: disableOutsidePointerEvents
-    });
     $kqwpH$useEffect(()=>{
         if (!node1) return;
-        if (disableOutsidePointerEvents) context.layersWithOutsidePointerEventsDisabled.add(node1);
+        if (disableOutsidePointerEvents) {
+            if (context.layersWithOutsidePointerEventsDisabled.size === 0) {
+                $5cb92bef7577960e$var$originalBodyPointerEvents = document.body.style.pointerEvents;
+                document.body.style.pointerEvents = 'none';
+            }
+            context.layersWithOutsidePointerEventsDisabled.add(node1);
+        }
         context.layers.add(node1);
         $5cb92bef7577960e$var$dispatchUpdate();
+        return ()=>{
+            if (disableOutsidePointerEvents && context.layersWithOutsidePointerEventsDisabled.size === 1) document.body.style.pointerEvents = $5cb92bef7577960e$var$originalBodyPointerEvents;
+        };
     }, [
         node1,
         disableOutsidePointerEvents,
@@ -160,15 +165,36 @@ const $5cb92bef7577960e$export$4d5eb2109db14228 = /*#__PURE__*/ $kqwpH$forwardRe
  */ function $5cb92bef7577960e$var$usePointerDownOutside(onPointerDownOutside) {
     const handlePointerDownOutside = $kqwpH$useCallbackRef(onPointerDownOutside);
     const isPointerInsideReactTreeRef = $kqwpH$useRef(false);
+    const handleClickRef = $kqwpH$useRef(()=>{});
     $kqwpH$useEffect(()=>{
         const handlePointerDown = (event)=>{
             if (event.target && !isPointerInsideReactTreeRef.current) {
                 const eventDetail = {
                     originalEvent: event
                 };
-                $5cb92bef7577960e$var$handleAndDispatchCustomEvent($5cb92bef7577960e$var$POINTER_DOWN_OUTSIDE, handlePointerDownOutside, eventDetail, {
-                    discrete: true
-                });
+                function handleAndDispatchPointerDownOutsideEvent() {
+                    $5cb92bef7577960e$var$handleAndDispatchCustomEvent($5cb92bef7577960e$var$POINTER_DOWN_OUTSIDE, handlePointerDownOutside, eventDetail, {
+                        discrete: true
+                    });
+                }
+                /**
+         * On touch devices, we need to wait for a click event because browsers implement
+         * a ~350ms delay between the time the user stops touching the display and when the
+         * browser executres events. We need to ensure we don't reactivate pointer-events within
+         * this timeframe otherwise the browser may execute events that should have been prevented.
+         *
+         * Additionally, this also lets us deal automatically with cancellations when a click event
+         * isn't raised because the page was considered scrolled/drag-scrolled, long-pressed, etc.
+         *
+         * This is why we also continuously remove the previous listener, because we cannot be
+         * certain that it was raised, and therefore cleaned-up.
+         */ if (event.pointerType === 'touch') {
+                    document.removeEventListener('click', handleClickRef.current);
+                    handleClickRef.current = handleAndDispatchPointerDownOutsideEvent;
+                    document.addEventListener('click', handleClickRef.current, {
+                        once: true
+                    });
+                } else handleAndDispatchPointerDownOutsideEvent();
             }
             isPointerInsideReactTreeRef.current = false;
         };
@@ -190,6 +216,7 @@ const $5cb92bef7577960e$export$4d5eb2109db14228 = /*#__PURE__*/ $kqwpH$forwardRe
         return ()=>{
             window.clearTimeout(timerId);
             document.removeEventListener('pointerdown', handlePointerDown);
+            document.removeEventListener('click', handleClickRef.current);
         };
     }, [
         handlePointerDownOutside

package/dist/index.module.js.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;;;;;A;;;;;;;;ACUA;;oGAEA,CAEA,MAAMQ,4CAAsB,GAAG,kBAA/B,AAAA;AACA,MAAMC,oCAAc,GAAG,yBAAvB,AAAA;AACA,MAAMC,0CAAoB,GAAG,qCAA7B,AAAA;AACA,MAAMC,mCAAa,GAAG,+BAAtB,AAAA;AAEA,MAAMC,6CAAuB,GAAA,aAAGZ,CAAAA,oBAAA,CAAoB;IAClDc,MAAM,EAAE,IAAIC,GAAJ,EAD0C;IAElDC,sCAAsC,EAAE,IAAID,GAAJ,EAFU;IAGlDE,QAAQ,EAAE,IAAIF,GAAJ,EAAVE;CAH8B,CAAhC,AAAoD;AA0CpD,MAAMC,yCAAgB,GAAA,aAAGlB,CAAAA,iBAAA,CACvB,CAACoB,KAAD,EAAQC,YAAR,GAAyB;IACvB,MAAM,+BACJC,2BAA2B,GAAG,KAD1B,G,iBAEJC,eAFI,CAAA,E,sBAGJC,oBAHI,CAAA,E,gBAIJC,cAJI,CAAA,E,mBAKJC,iBALI,CAAA,E,WAMJC,SANI,CAAA,EAOJ,GAAGC,UAAH,EAPI,GAQFR,KARJ,AAAM;IASN,MAAMS,OAAO,GAAG7B,iBAAA,CAAiBY,6CAAjB,CAAhB,AAAA;IACA,MAAM,CAACmB,KAAD,EAAOC,OAAP,CAAA,GAAkBhC,eAAA,CAA+C,IAA/C,CAAxB,AAAA;IACA,MAAM,GAAGkC,KAAH,CAAA,GAAYlC,eAAA,CAAe,EAAf,CAAlB,AAAA;IACA,MAAMmC,YAAY,GAAG/B,sBAAe,CAACiB,YAAD,EAAgBU,CAAAA,IAAD,GAAUC,OAAO,CAACD,IAAD,CAAhC;IAAA,CAApC,AAAA;IACA,MAAMjB,MAAM,GAAGsB,KAAK,CAACC,IAAN,CAAWR,OAAO,CAACf,MAAnB,CAAf,AAAA;IACA,MAAM,CAACwB,4CAAD,CAAA,GAAiD;WAAIT,OAAO,CAACb,sCAAZ;KAAA,CAAoDuB,KAApD,CAA0D,EAA1D,CAAvD,AAfuB,EAe+F,kBAAtH;IACA,MAAMC,iDAAiD,GAAG1B,MAAM,CAAC2B,OAAP,CAAeH,4CAAf,CAA1D,AAhBuB,EAgBiG,kBAAxH;IACA,MAAMI,KAAK,GAAGX,KAAI,GAAGjB,MAAM,CAAC2B,OAAP,CAAeV,KAAf,CAAH,GAA0B,EAA5C,AAAA;IACA,MAAMY,2BAA2B,GAAGd,OAAO,CAACb,sCAAR,CAA+C4B,IAA/C,GAAsD,CAA1F,AAAA;IACA,MAAMC,sBAAsB,GAAGH,KAAK,IAAIF,iDAAxC,AAAA;IAEA,MAAMM,kBAAkB,GAAGC,2CAAqB,CAAEC,CAAAA,KAAD,GAAW;QAC1D,MAAMC,MAAM,GAAGD,KAAK,CAACC,MAArB,AAAA;QACA,MAAMC,qBAAqB,GAAG;eAAIrB,OAAO,CAACZ,QAAZ;SAAA,CAAsBkC,IAAtB,CAA4BC,CAAAA,MAAD,GAAYA,MAAM,CAACC,QAAP,CAAgBJ,MAAhB,CAAvC;QAAA,CAA9B,AAAA;QACA,IAAI,CAACJ,sBAAD,IAA2BK,qBAA/B,EAAsD,OAAtD;QACA1B,oBAAoB,KAAA,IAApB,IAAAA,oBAAoB,KAAA,KAAA,CAApB,IAAAA,oBAAoB,CAAGwB,KAAH,CAApB,CAAAxB;QACAE,iBAAiB,KAAA,IAAjB,IAAAA,iBAAiB,KAAA,KAAA,CAAjB,IAAAA,iBAAiB,CAAGsB,KAAH,CAAjB,CAAAtB;QACA,IAAI,CAACsB,KAAK,CAACM,gBAAX,EAA6B3B,SAAS,KAAA,IAAT,IAAAA,SAAS,KAAA,KAAA,CAAT,IAAAA,SAAS,EAAtC,CAAA;KAN8C,CAAhD,AAOC;IAED,MAAM4B,YAAY,GAAGC,qCAAe,CAAER,CAAAA,KAAD,GAAW;QAC9C,MAAMC,MAAM,GAAGD,KAAK,CAACC,MAArB,AAAA;QACA,MAAMQ,eAAe,GAAG;eAAI5B,OAAO,CAACZ,QAAZ;SAAA,CAAsBkC,IAAtB,CAA4BC,CAAAA,MAAD,GAAYA,MAAM,CAACC,QAAP,CAAgBJ,MAAhB,CAAvC;QAAA,CAAxB,AAAA;QACA,IAAIQ,eAAJ,EAAqB,OAArB;QACAhC,cAAc,KAAA,IAAd,IAAAA,cAAc,KAAA,KAAA,CAAd,IAAAA,cAAc,CAAGuB,KAAH,CAAd,CAAAvB;QACAC,iBAAiB,KAAA,IAAjB,IAAAA,iBAAiB,KAAA,KAAA,CAAjB,IAAAA,iBAAiB,CAAGsB,KAAH,CAAjB,CAAAtB;QACA,IAAI,CAACsB,KAAK,CAACM,gBAAX,EAA6B3B,SAAS,KAAA,IAAT,IAAAA,SAAS,KAAA,KAAA,CAAT,IAAAA,SAAS,EAAtC,CAAA;KANkC,CAApC,AAOC;IAEDpB,uBAAgB,CAAEyC,CAAAA,KAAD,GAAW;QAC1B,MAAMU,cAAc,GAAGhB,KAAK,KAAKb,OAAO,CAACf,MAAR,CAAe8B,IAAf,GAAsB,CAAvD,AAAA;QACA,IAAI,CAACc,cAAL,EAAqB,OAArB;QACAnC,eAAe,KAAA,IAAf,IAAAA,eAAe,KAAA,KAAA,CAAf,IAAAA,eAAe,CAAGyB,KAAH,CAAf,CAAAzB;QACA,IAAI,CAACyB,KAAK,CAACM,gBAAX,EAA6B3B,SAAS,KAAA,IAAT,IAAAA,SAAS,KAAA,KAAA,CAAT,IAAAA,SAAS,EAAtC,CAAA;KAJc,CAAhB,CAKC;IAEDtB,2BAAoB,CAAC;QAAEsD,QAAQ,EAAErC,2BAAVqC;KAAH,CAApB,CAAqB;IAErB3D,gBAAA,CAAgB,IAAM;QACpB,IAAI,CAAC+B,KAAL,EAAW,OAAX;QACA,IAAIT,2BAAJ,EAAiCO,OAAO,CAACb,sCAAR,CAA+C6C,GAA/C,CAAmD9B,KAAnD,CAAjC,CAAA;QACAF,OAAO,CAACf,MAAR,CAAe+C,GAAf,CAAmB9B,KAAnB,CAAAF,CAAAA;QACAiC,oCAAc,EAAdA,CAAAA;KAJF,EAKG;QAAC/B,KAAD;QAAOT,2BAAP;QAAoCO,OAApC;KALH,CAKC,CAAA;IAED;;;;;KAKJ,CACI7B,gBAAA,CAAgB,IAAM;QACpB,OAAO,IAAM;YACX,IAAI,CAAC+B,KAAL,EAAW,OAAX;YACAF,OAAO,CAACf,MAAR,CAAeiD,MAAf,CAAsBhC,KAAtB,CAAAF,CAAAA;YACAA,OAAO,CAACb,sCAAR,CAA+C+C,MAA/C,CAAsDhC,KAAtD,CAAAF,CAAAA;YACAiC,oCAAc,EAAdA,CAAAA;SAJF,CAKC;KANH,EAOG;QAAC/B,KAAD;QAAOF,OAAP;KAPH,CAOC,CAAA;IAED7B,gBAAA,CAAgB,IAAM;QACpB,MAAMgE,YAAY,GAAG,IAAM9B,KAAK,CAAC,EAAD,CAAhC;QAAA;QACA+B,QAAQ,CAACC,gBAAT,CAA0BzD,oCAA1B,EAA0CuD,YAA1C,CAAAC,CAAAA;QACA,OAAO,IAAMA,QAAQ,CAACE,mBAAT,CAA6B1D,oCAA7B,EAA6CuD,YAA7C,CAAb;QAAA,CAAA;KAHF,EAIG,EAJH,CAIC,CAAA;IAED,OAAA,aACE,CAAA,oBAAA,CAAC,gBAAD,CAAW,GAAX,EAAA,oCAAA,CAAA,EAAA,EACMpC,UADN,EADF;QAGI,GAAG,EAAEO,YAFP;QAGE,KAAK,EAAE;YACLiC,aAAa,EAAEzB,2BAA2B,GACtCE,sBAAsB,GACpB,MADoB,GAEpB,MAHoC,GAItCwB,SALC;YAML,GAAGjD,KAAK,CAACkD,KAAT;SATJ;QAWE,cAAc,EAAErE,2BAAoB,CAACmB,KAAK,CAACmD,cAAP,EAAuBhB,YAAY,CAACgB,cAApC,CAXtC;QAYE,aAAa,EAAEtE,2BAAoB,CAACmB,KAAK,CAACoD,aAAP,EAAsBjB,YAAY,CAACiB,aAAnC,CAZrC;QAaE,oBAAoB,EAAEvE,2BAAoB,CACxCmB,KAAK,CAACqD,oBADkC,EAExC3B,kBAAkB,CAAC2B,oBAFqB,CAA1C;KAbF,CAAA,CADF,CACE;CA9EmB,CAAzB,AAiGG;AAGH,aAAA,CAAA,MAAA,CAAA,MAAA,CAAA,yCAAA,EAAA;IAAA,WAAA,EAAA,4CAAA;CAAA,CAAA,CAAA;AAEA;;oGAEA,CAEA,MAAMC,iCAAW,GAAG,wBAApB,AAAA;AAKA,MAAMC,yCAAsB,GAAA,aAAG3E,CAAAA,iBAAA,CAG7B,CAACoB,KAAD,EAAQC,YAAR,GAAyB;IACzB,MAAMQ,OAAO,GAAG7B,iBAAA,CAAiBY,6CAAjB,CAAhB,AAAA;IACA,MAAMgE,GAAG,GAAG5E,aAAA,CAA4C,IAA5C,CAAZ,AAAA;IACA,MAAMmC,YAAY,GAAG/B,sBAAe,CAACiB,YAAD,EAAeuD,GAAf,CAApC,AAAA;IAEA5E,gBAAA,CAAgB,IAAM;QACpB,MAAM+B,IAAI,GAAG6C,GAAG,CAACE,OAAjB,AAAA;QACA,IAAI/C,IAAJ,EAAU;YACRF,OAAO,CAACZ,QAAR,CAAiB4C,GAAjB,CAAqB9B,IAArB,CAAAF,CAAAA;YACA,OAAO,IAAM;gBACXA,OAAO,CAACZ,QAAR,CAAiB8C,MAAjB,CAAwBhC,IAAxB,CAAAF,CAAAA;aADF,CAEC;SACF;KAPH,EAQG;QAACA,OAAO,CAACZ,QAAT;KARH,CAQC,CAAA;IAED,OAAA,aAAO,CAAA,oBAAA,CAAC,gBAAD,CAAW,GAAX,EAAA,oCAAA,CAAA,EAAA,EAAmBG,KAAnB,EAAP;QAAiC,GAAG,EAAEe,YAAL;KAA1B,CAAA,CAAP,CAAO;CAlBsB,CAA/B,AAmBC;AAED,aAAA,CAAA,MAAA,CAAA,MAAA,CAAA,yCAAA,EAAA;IAAA,WAAA,EAAA,iCAAA;CAAA,CAAA,CAAA;AAEA,oGAAA,CAKA;;;;GAIA,CACA,SAASY,2CAAT,CAA+BvB,oBAA/B,EAAgG;IAC9F,MAAMuD,wBAAwB,GAAGzE,qBAAc,CAACkB,oBAAD,CAA/C,AAAA;IACA,MAAMwD,2BAA2B,GAAGhF,aAAA,CAAa,KAAb,CAApC,AAAA;IAEAA,gBAAA,CAAgB,IAAM;QACpB,MAAMiF,iBAAiB,GAAIjC,CAAAA,KAAD,GAAyB;YACjD,IAAIA,KAAK,CAACC,MAAN,IAAgB,CAAC+B,2BAA2B,CAACF,OAAjD,EAA0D;gBACxD,MAAMI,WAAW,GAAG;oBAAEC,aAAa,EAAEnC,KAAfmC;iBAAtB,AAAoB;gBACpBC,kDAA4B,CAAC1E,0CAAD,EAAuBqE,wBAAvB,EAAiDG,WAAjD,EAA8D;oBACxFG,QAAQ,EAAE,IAAVA;iBAD0B,CAA5B,CAA0F;aAG3F;YACDL,2BAA2B,CAACF,OAA5B,GAAsC,KAAtC,CAAAE;SAPF,AAQC;QACD;;;;;;;;;;;;OAYJ,CACI,MAAMM,OAAO,GAAGC,MAAM,CAACC,UAAP,CAAkB,IAAM;YACtCvB,QAAQ,CAACC,gBAAT,CAA0B,aAA1B,EAAyCe,iBAAzC,CAAAhB,CAAAA;SADc,EAEb,CAFa,CAAhB,AAEC;QACD,OAAO,IAAM;YACXsB,MAAM,CAACE,YAAP,CAAoBH,OAApB,CAAAC,CAAAA;YACAtB,QAAQ,CAACE,mBAAT,CAA6B,aAA7B,EAA4Cc,iBAA5C,CAAAhB,CAAAA;SAFF,CAGC;KA7BH,EA8BG;QAACc,wBAAD;KA9BH,CA8BC,CAAA;IAED,OAAO;QACL,4DAAA;QACAN,oBAAoB,EAAE,IAAOO,2BAA2B,CAACF,OAA5B,GAAsC,IAAnEL;KAFF,CAAO;CAIR;AAED;;;GAGA,CACA,SAASjB,qCAAT,CAAyB/B,cAAzB,EAA8E;IAC5E,MAAMiE,kBAAkB,GAAGpF,qBAAc,CAACmB,cAAD,CAAzC,AAAA;IACA,MAAMkE,yBAAyB,GAAG3F,aAAA,CAAa,KAAb,CAAlC,AAAA;IAEAA,gBAAA,CAAgB,IAAM;QACpB,MAAM4F,WAAW,GAAI5C,CAAAA,KAAD,GAAuB;YACzC,IAAIA,KAAK,CAACC,MAAN,IAAgB,CAAC0C,yBAAyB,CAACb,OAA/C,EAAwD;gBACtD,MAAMI,WAAW,GAAG;oBAAEC,aAAa,EAAEnC,KAAfmC;iBAAtB,AAAoB;gBACpBC,kDAA4B,CAACzE,mCAAD,EAAgB+E,kBAAhB,EAAoCR,WAApC,EAAiD;oBAC3EG,QAAQ,EAAE,KAAVA;iBAD0B,CAA5B,CAA6E;aAG9E;SANH,AAOC;QACDpB,QAAQ,CAACC,gBAAT,CAA0B,SAA1B,EAAqC0B,WAArC,CAAA3B,CAAAA;QACA,OAAO,IAAMA,QAAQ,CAACE,mBAAT,CAA6B,SAA7B,EAAwCyB,WAAxC,CAAb;QAAA,CAAA;KAVF,EAWG;QAACF,kBAAD;KAXH,CAWC,CAAA;IAED,OAAO;QACLnB,cAAc,EAAE,IAAOoB,yBAAyB,CAACb,OAA1B,GAAoC,IADtD;QAAA;QAELN,aAAa,EAAE,IAAOmB,yBAAyB,CAACb,OAA1B,GAAoC,KAA1DN;KAFF,CAAO;CAIR;AAED,SAASV,oCAAT,GAA0B;IACxB,MAAMd,KAAK,GAAG,IAAI6C,WAAJ,CAAgBpF,oCAAhB,CAAd,AAAA;IACAwD,QAAQ,CAAC6B,aAAT,CAAuB9C,KAAvB,CAAAiB,CAAAA;CACD;AAED,SAASmB,kDAAT,CACEW,IADF,EAEEC,OAFF,EAGEC,MAHF,EAIE,E,UAAEZ,QAAAA,CAAAA,EAJJ,EAKE;IACA,MAAMpC,MAAM,GAAGgD,MAAM,CAACd,aAAP,CAAqBlC,MAApC,AAAA;IACA,MAAMD,KAAK,GAAG,IAAI6C,WAAJ,CAAgBE,IAAhB,EAAsB;QAAEG,OAAO,EAAE,KAAX;QAAkBC,UAAU,EAAE,IAA9B;Q,QAAoCF,MAAAA;KAA1D,CAAd,AAAoC;IACpC,IAAID,OAAJ,EAAa/C,MAAM,CAACiB,gBAAP,CAAwB6B,IAAxB,EAA8BC,OAA9B,EAAwD;QAAEI,IAAI,EAAE,IAANA;KAA1D,CAAwD,CAAA;IAErE,IAAIf,QAAJ,EACElF,kCAA2B,CAAC8C,MAAD,EAASD,KAAT,CAA3B,CAAA7C;SAEA8C,MAAM,CAAC6C,aAAP,CAAqB9C,KAArB,CAAAC,CAAAA;CAEH;AAED,MAAMoD,yCAAI,GAAGnF,yCAAb,AAAA;AACA,MAAMoF,yCAAM,GAAG3B,yCAAf,AAAA;;ADzSA","sources":["packages/react/dismissable-layer/src/index.ts","packages/react/dismissable-layer/src/DismissableLayer.tsx"],"sourcesContent":["export * from './DismissableLayer';\n","import * as React from 'react';\nimport { composeEventHandlers } from '@radix-ui/primitive';\nimport { Primitive, dispatchDiscreteCustomEvent } from '@radix-ui/react-primitive';\nimport { useComposedRefs } from '@radix-ui/react-compose-refs';\nimport { useBodyPointerEvents } from '@radix-ui/react-use-body-pointer-events';\nimport { useCallbackRef } from '@radix-ui/react-use-callback-ref';\nimport { useEscapeKeydown } from '@radix-ui/react-use-escape-keydown';\n\nimport type * as Radix from '@radix-ui/react-primitive';\n\n/* -------------------------------------------------------------------------------------------------\n * DismissableLayer\n * -----------------------------------------------------------------------------------------------*/\n\nconst DISMISSABLE_LAYER_NAME = 'DismissableLayer';\nconst CONTEXT_UPDATE = 'dismissableLayer.update';\nconst POINTER_DOWN_OUTSIDE = 'dismissableLayer.pointerDownOutside';\nconst FOCUS_OUTSIDE = 'dismissableLayer.focusOutside';\n\nconst DismissableLayerContext = React.createContext({\n  layers: new Set<DismissableLayerElement>(),\n  layersWithOutsidePointerEventsDisabled: new Set<DismissableLayerElement>(),\n  branches: new Set<DismissableLayerBranchElement>(),\n});\n\ntype DismissableLayerElement = React.ElementRef<typeof Primitive.div>;\ntype PrimitiveDivProps = Radix.ComponentPropsWithoutRef<typeof Primitive.div>;\ninterface DismissableLayerProps extends PrimitiveDivProps {\n  /**\n   * When `true`, hover/focus/click interactions will be disabled on elements outside\n   * the `DismissableLayer`. Users will need to click twice on outside elements to\n   * interact with them: once to close the `DismissableLayer`, and again to trigger the element.\n   */\n  disableOutsidePointerEvents?: boolean;\n  /**\n   * Event handler called when the escape key is down.\n   * Can be prevented.\n   */\n  onEscapeKeyDown?: (event: KeyboardEvent) => void;\n  /**\n   * Event handler called when the a `pointerdown` event happens outside of the `DismissableLayer`.\n   * Can be prevented.\n   */\n  onPointerDownOutside?: (event: PointerDownOutsideEvent) => void;\n  /**\n   * Event handler called when the focus moves outside of the `DismissableLayer`.\n   * Can be prevented.\n   */\n  onFocusOutside?: (event: FocusOutsideEvent) => void;\n  /**\n   * Event handler called when an interaction happens outside the `DismissableLayer`.\n   * Specifically, when a `pointerdown` event happens outside or focus moves outside of it.\n   * Can be prevented.\n   */\n  onInteractOutside?: (event: PointerDownOutsideEvent | FocusOutsideEvent) => void;\n  /**\n   * Handler called when the `DismissableLayer` should be dismissed\n   */\n  onDismiss?: () => void;\n}\n\nconst DismissableLayer = React.forwardRef<DismissableLayerElement, DismissableLayerProps>(\n  (props, forwardedRef) => {\n    const {\n      disableOutsidePointerEvents = false,\n      onEscapeKeyDown,\n      onPointerDownOutside,\n      onFocusOutside,\n      onInteractOutside,\n      onDismiss,\n      ...layerProps\n    } = props;\n    const context = React.useContext(DismissableLayerContext);\n    const [node, setNode] = React.useState<DismissableLayerElement | null>(null);\n    const [, force] = React.useState({});\n    const composedRefs = useComposedRefs(forwardedRef, (node) => setNode(node));\n    const layers = Array.from(context.layers);\n    const [highestLayerWithOutsidePointerEventsDisabled] = [...context.layersWithOutsidePointerEventsDisabled].slice(-1); // prettier-ignore\n    const highestLayerWithOutsidePointerEventsDisabledIndex = layers.indexOf(highestLayerWithOutsidePointerEventsDisabled); // prettier-ignore\n    const index = node ? layers.indexOf(node) : -1;\n    const isBodyPointerEventsDisabled = context.layersWithOutsidePointerEventsDisabled.size > 0;\n    const isPointerEventsEnabled = index >= highestLayerWithOutsidePointerEventsDisabledIndex;\n\n    const pointerDownOutside = usePointerDownOutside((event) => {\n      const target = event.target as HTMLElement;\n      const isPointerDownOnBranch = [...context.branches].some((branch) => branch.contains(target));\n      if (!isPointerEventsEnabled || isPointerDownOnBranch) return;\n      onPointerDownOutside?.(event);\n      onInteractOutside?.(event);\n      if (!event.defaultPrevented) onDismiss?.();\n    });\n\n    const focusOutside = useFocusOutside((event) => {\n      const target = event.target as HTMLElement;\n      const isFocusInBranch = [...context.branches].some((branch) => branch.contains(target));\n      if (isFocusInBranch) return;\n      onFocusOutside?.(event);\n      onInteractOutside?.(event);\n      if (!event.defaultPrevented) onDismiss?.();\n    });\n\n    useEscapeKeydown((event) => {\n      const isHighestLayer = index === context.layers.size - 1;\n      if (!isHighestLayer) return;\n      onEscapeKeyDown?.(event);\n      if (!event.defaultPrevented) onDismiss?.();\n    });\n\n    useBodyPointerEvents({ disabled: disableOutsidePointerEvents });\n\n    React.useEffect(() => {\n      if (!node) return;\n      if (disableOutsidePointerEvents) context.layersWithOutsidePointerEventsDisabled.add(node);\n      context.layers.add(node);\n      dispatchUpdate();\n    }, [node, disableOutsidePointerEvents, context]);\n\n    /**\n     * We purposefully prevent combining this effect with the `disableOutsidePointerEvents` effect\n     * because a change to `disableOutsidePointerEvents` would remove this layer from the stack\n     * and add it to the end again so the layering order wouldn't be _creation order_.\n     * We only want them to be removed from context stacks when unmounted.\n     */\n    React.useEffect(() => {\n      return () => {\n        if (!node) return;\n        context.layers.delete(node);\n        context.layersWithOutsidePointerEventsDisabled.delete(node);\n        dispatchUpdate();\n      };\n    }, [node, context]);\n\n    React.useEffect(() => {\n      const handleUpdate = () => force({});\n      document.addEventListener(CONTEXT_UPDATE, handleUpdate);\n      return () => document.removeEventListener(CONTEXT_UPDATE, handleUpdate);\n    }, []);\n\n    return (\n      <Primitive.div\n        {...layerProps}\n        ref={composedRefs}\n        style={{\n          pointerEvents: isBodyPointerEventsDisabled\n            ? isPointerEventsEnabled\n              ? 'auto'\n              : 'none'\n            : undefined,\n          ...props.style,\n        }}\n        onFocusCapture={composeEventHandlers(props.onFocusCapture, focusOutside.onFocusCapture)}\n        onBlurCapture={composeEventHandlers(props.onBlurCapture, focusOutside.onBlurCapture)}\n        onPointerDownCapture={composeEventHandlers(\n          props.onPointerDownCapture,\n          pointerDownOutside.onPointerDownCapture\n        )}\n      />\n    );\n  }\n);\n\nDismissableLayer.displayName = DISMISSABLE_LAYER_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * DismissableLayerBranch\n * -----------------------------------------------------------------------------------------------*/\n\nconst BRANCH_NAME = 'DismissableLayerBranch';\n\ntype DismissableLayerBranchElement = React.ElementRef<typeof Primitive.div>;\ninterface DismissableLayerBranchProps extends PrimitiveDivProps {}\n\nconst DismissableLayerBranch = React.forwardRef<\n  DismissableLayerBranchElement,\n  DismissableLayerBranchProps\n>((props, forwardedRef) => {\n  const context = React.useContext(DismissableLayerContext);\n  const ref = React.useRef<DismissableLayerBranchElement>(null);\n  const composedRefs = useComposedRefs(forwardedRef, ref);\n\n  React.useEffect(() => {\n    const node = ref.current;\n    if (node) {\n      context.branches.add(node);\n      return () => {\n        context.branches.delete(node);\n      };\n    }\n  }, [context.branches]);\n\n  return <Primitive.div {...props} ref={composedRefs} />;\n});\n\nDismissableLayerBranch.displayName = BRANCH_NAME;\n\n/* -----------------------------------------------------------------------------------------------*/\n\ntype PointerDownOutsideEvent = CustomEvent<{ originalEvent: PointerEvent }>;\ntype FocusOutsideEvent = CustomEvent<{ originalEvent: FocusEvent }>;\n\n/**\n * Listens for `pointerdown` outside a react subtree. We use `pointerdown` rather than `pointerup`\n * to mimic layer dismissing behaviour present in OS.\n * Returns props to pass to the node we want to check for outside events.\n */\nfunction usePointerDownOutside(onPointerDownOutside?: (event: PointerDownOutsideEvent) => void) {\n  const handlePointerDownOutside = useCallbackRef(onPointerDownOutside) as EventListener;\n  const isPointerInsideReactTreeRef = React.useRef(false);\n\n  React.useEffect(() => {\n    const handlePointerDown = (event: PointerEvent) => {\n      if (event.target && !isPointerInsideReactTreeRef.current) {\n        const eventDetail = { originalEvent: event };\n        handleAndDispatchCustomEvent(POINTER_DOWN_OUTSIDE, handlePointerDownOutside, eventDetail, {\n          discrete: true,\n        });\n      }\n      isPointerInsideReactTreeRef.current = false;\n    };\n    /**\n     * if this hook executes in a component that mounts via a `pointerdown` event, the event\n     * would bubble up to the document and trigger a `pointerDownOutside` event. We avoid\n     * this by delaying the event listener registration on the document.\n     * This is not React specific, but rather how the DOM works, ie:\n     * ```\n     * button.addEventListener('pointerdown', () => {\n     *   console.log('I will log');\n     *   document.addEventListener('pointerdown', () => {\n     *     console.log('I will also log');\n     *   })\n     * });\n     */\n    const timerId = window.setTimeout(() => {\n      document.addEventListener('pointerdown', handlePointerDown);\n    }, 0);\n    return () => {\n      window.clearTimeout(timerId);\n      document.removeEventListener('pointerdown', handlePointerDown);\n    };\n  }, [handlePointerDownOutside]);\n\n  return {\n    // ensures we check React component tree (not just DOM tree)\n    onPointerDownCapture: () => (isPointerInsideReactTreeRef.current = true),\n  };\n}\n\n/**\n * Listens for when focus happens outside a react subtree.\n * Returns props to pass to the root (node) of the subtree we want to check.\n */\nfunction useFocusOutside(onFocusOutside?: (event: FocusOutsideEvent) => void) {\n  const handleFocusOutside = useCallbackRef(onFocusOutside) as EventListener;\n  const isFocusInsideReactTreeRef = React.useRef(false);\n\n  React.useEffect(() => {\n    const handleFocus = (event: FocusEvent) => {\n      if (event.target && !isFocusInsideReactTreeRef.current) {\n        const eventDetail = { originalEvent: event };\n        handleAndDispatchCustomEvent(FOCUS_OUTSIDE, handleFocusOutside, eventDetail, {\n          discrete: false,\n        });\n      }\n    };\n    document.addEventListener('focusin', handleFocus);\n    return () => document.removeEventListener('focusin', handleFocus);\n  }, [handleFocusOutside]);\n\n  return {\n    onFocusCapture: () => (isFocusInsideReactTreeRef.current = true),\n    onBlurCapture: () => (isFocusInsideReactTreeRef.current = false),\n  };\n}\n\nfunction dispatchUpdate() {\n  const event = new CustomEvent(CONTEXT_UPDATE);\n  document.dispatchEvent(event);\n}\n\nfunction handleAndDispatchCustomEvent<E extends CustomEvent, OriginalEvent extends Event>(\n  name: string,\n  handler: ((event: E) => void) | undefined,\n  detail: { originalEvent: OriginalEvent } & (E extends CustomEvent<infer D> ? D : never),\n  { discrete }: { discrete: boolean }\n) {\n  const target = detail.originalEvent.target;\n  const event = new CustomEvent(name, { bubbles: false, cancelable: true, detail });\n  if (handler) target.addEventListener(name, handler as EventListener, { once: true });\n\n  if (discrete) {\n    dispatchDiscreteCustomEvent(target, event);\n  } else {\n    target.dispatchEvent(event);\n  }\n}\n\nconst Root = DismissableLayer;\nconst Branch = DismissableLayerBranch;\n\nexport {\n  DismissableLayer,\n  DismissableLayerBranch,\n  //\n  Root,\n  Branch,\n};\nexport type { DismissableLayerProps };\n"],"names":["React","composeEventHandlers","Primitive","dispatchDiscreteCustomEvent","useComposedRefs","useBodyPointerEvents","useCallbackRef","useEscapeKeydown","DISMISSABLE_LAYER_NAME","CONTEXT_UPDATE","POINTER_DOWN_OUTSIDE","FOCUS_OUTSIDE","DismissableLayerContext","createContext","layers","Set","layersWithOutsidePointerEventsDisabled","branches","DismissableLayer","forwardRef","props","forwardedRef","disableOutsidePointerEvents","onEscapeKeyDown","onPointerDownOutside","onFocusOutside","onInteractOutside","onDismiss","layerProps","context","useContext","node","setNode","useState","force","composedRefs","Array","from","highestLayerWithOutsidePointerEventsDisabled","slice","highestLayerWithOutsidePointerEventsDisabledIndex","indexOf","index","isBodyPointerEventsDisabled","size","isPointerEventsEnabled","pointerDownOutside","usePointerDownOutside","event","target","isPointerDownOnBranch","some","branch","contains","defaultPrevented","focusOutside","useFocusOutside","isFocusInBranch","isHighestLayer","disabled","useEffect","add","dispatchUpdate","delete","handleUpdate","document","addEventListener","removeEventListener","pointerEvents","undefined","style","onFocusCapture","onBlurCapture","onPointerDownCapture","BRANCH_NAME","DismissableLayerBranch","ref","useRef","current","handlePointerDownOutside","isPointerInsideReactTreeRef","handlePointerDown","eventDetail","originalEvent","handleAndDispatchCustomEvent","discrete","timerId","window","setTimeout","clearTimeout","handleFocusOutside","isFocusInsideReactTreeRef","handleFocus","CustomEvent","dispatchEvent","name","handler","detail","bubbles","cancelable","once","Root","Branch"],"version":3,"file":"index.module.js.map"}
+{"mappings":";;;;;;;;;;;;;;;;;A;;;;;;;ACSA;;oGAEA,CAEA,MAAMO,4CAAsB,GAAG,kBAA/B,AAAA;AACA,MAAMC,oCAAc,GAAG,yBAAvB,AAAA;AACA,MAAMC,0CAAoB,GAAG,qCAA7B,AAAA;AACA,MAAMC,mCAAa,GAAG,+BAAtB,AAAA;AAEA,IAAIC,+CAAJ,AAAA;AAEA,MAAMC,6CAAuB,GAAA,aAAGZ,CAAAA,oBAAA,CAAoB;IAClDc,MAAM,EAAE,IAAIC,GAAJ,EAD0C;IAElDC,sCAAsC,EAAE,IAAID,GAAJ,EAFU;IAGlDE,QAAQ,EAAE,IAAIF,GAAJ,EAAVE;CAH8B,CAAhC,AAAoD;AA0CpD,MAAMC,yCAAgB,GAAA,aAAGlB,CAAAA,iBAAA,CACvB,CAACoB,KAAD,EAAQC,YAAR,GAAyB;IACvB,MAAM,+BACJC,2BAA2B,GAAG,KAD1B,G,iBAEJC,eAFI,CAAA,E,sBAGJC,oBAHI,CAAA,E,gBAIJC,cAJI,CAAA,E,mBAKJC,iBALI,CAAA,E,WAMJC,SANI,CAAA,EAOJ,GAAGC,UAAH,EAPI,GAQFR,KARJ,AAAM;IASN,MAAMS,OAAO,GAAG7B,iBAAA,CAAiBY,6CAAjB,CAAhB,AAAA;IACA,MAAM,CAACmB,KAAD,EAAOC,OAAP,CAAA,GAAkBhC,eAAA,CAA+C,IAA/C,CAAxB,AAAA;IACA,MAAM,GAAGkC,KAAH,CAAA,GAAYlC,eAAA,CAAe,EAAf,CAAlB,AAAA;IACA,MAAMmC,YAAY,GAAG/B,sBAAe,CAACiB,YAAD,EAAgBU,CAAAA,IAAD,GAAUC,OAAO,CAACD,IAAD,CAAhC;IAAA,CAApC,AAAA;IACA,MAAMjB,MAAM,GAAGsB,KAAK,CAACC,IAAN,CAAWR,OAAO,CAACf,MAAnB,CAAf,AAAA;IACA,MAAM,CAACwB,4CAAD,CAAA,GAAiD;WAAIT,OAAO,CAACb,sCAAZ;KAAA,CAAoDuB,KAApD,CAA0D,EAA1D,CAAvD,AAfuB,EAe+F,kBAAtH;IACA,MAAMC,iDAAiD,GAAG1B,MAAM,CAAC2B,OAAP,CAAeH,4CAAf,CAA1D,AAhBuB,EAgBiG,kBAAxH;IACA,MAAMI,KAAK,GAAGX,KAAI,GAAGjB,MAAM,CAAC2B,OAAP,CAAeV,KAAf,CAAH,GAA0B,EAA5C,AAAA;IACA,MAAMY,2BAA2B,GAAGd,OAAO,CAACb,sCAAR,CAA+C4B,IAA/C,GAAsD,CAA1F,AAAA;IACA,MAAMC,sBAAsB,GAAGH,KAAK,IAAIF,iDAAxC,AAAA;IAEA,MAAMM,kBAAkB,GAAGC,2CAAqB,CAAEC,CAAAA,KAAD,GAAW;QAC1D,MAAMC,MAAM,GAAGD,KAAK,CAACC,MAArB,AAAA;QACA,MAAMC,qBAAqB,GAAG;eAAIrB,OAAO,CAACZ,QAAZ;SAAA,CAAsBkC,IAAtB,CAA4BC,CAAAA,MAAD,GAAYA,MAAM,CAACC,QAAP,CAAgBJ,MAAhB,CAAvC;QAAA,CAA9B,AAAA;QACA,IAAI,CAACJ,sBAAD,IAA2BK,qBAA/B,EAAsD,OAAtD;QACA1B,oBAAoB,KAAA,IAApB,IAAAA,oBAAoB,KAAA,KAAA,CAApB,IAAAA,oBAAoB,CAAGwB,KAAH,CAApB,CAAAxB;QACAE,iBAAiB,KAAA,IAAjB,IAAAA,iBAAiB,KAAA,KAAA,CAAjB,IAAAA,iBAAiB,CAAGsB,KAAH,CAAjB,CAAAtB;QACA,IAAI,CAACsB,KAAK,CAACM,gBAAX,EAA6B3B,SAAS,KAAA,IAAT,IAAAA,SAAS,KAAA,KAAA,CAAT,IAAAA,SAAS,EAAtC,CAAA;KAN8C,CAAhD,AAOC;IAED,MAAM4B,YAAY,GAAGC,qCAAe,CAAER,CAAAA,KAAD,GAAW;QAC9C,MAAMC,MAAM,GAAGD,KAAK,CAACC,MAArB,AAAA;QACA,MAAMQ,eAAe,GAAG;eAAI5B,OAAO,CAACZ,QAAZ;SAAA,CAAsBkC,IAAtB,CAA4BC,CAAAA,MAAD,GAAYA,MAAM,CAACC,QAAP,CAAgBJ,MAAhB,CAAvC;QAAA,CAAxB,AAAA;QACA,IAAIQ,eAAJ,EAAqB,OAArB;QACAhC,cAAc,KAAA,IAAd,IAAAA,cAAc,KAAA,KAAA,CAAd,IAAAA,cAAc,CAAGuB,KAAH,CAAd,CAAAvB;QACAC,iBAAiB,KAAA,IAAjB,IAAAA,iBAAiB,KAAA,KAAA,CAAjB,IAAAA,iBAAiB,CAAGsB,KAAH,CAAjB,CAAAtB;QACA,IAAI,CAACsB,KAAK,CAACM,gBAAX,EAA6B3B,SAAS,KAAA,IAAT,IAAAA,SAAS,KAAA,KAAA,CAAT,IAAAA,SAAS,EAAtC,CAAA;KANkC,CAApC,AAOC;IAEDrB,uBAAgB,CAAE0C,CAAAA,KAAD,GAAW;QAC1B,MAAMU,cAAc,GAAGhB,KAAK,KAAKb,OAAO,CAACf,MAAR,CAAe8B,IAAf,GAAsB,CAAvD,AAAA;QACA,IAAI,CAACc,cAAL,EAAqB,OAArB;QACAnC,eAAe,KAAA,IAAf,IAAAA,eAAe,KAAA,KAAA,CAAf,IAAAA,eAAe,CAAGyB,KAAH,CAAf,CAAAzB;QACA,IAAI,CAACyB,KAAK,CAACM,gBAAX,EAA6B3B,SAAS,KAAA,IAAT,IAAAA,SAAS,KAAA,KAAA,CAAT,IAAAA,SAAS,EAAtC,CAAA;KAJc,CAAhB,CAKC;IAED3B,gBAAA,CAAgB,IAAM;QACpB,IAAI,CAAC+B,KAAL,EAAW,OAAX;QACA,IAAIT,2BAAJ,EAAiC;YAC/B,IAAIO,OAAO,CAACb,sCAAR,CAA+C4B,IAA/C,KAAwD,CAA5D,EAA+D;gBAC7DjC,+CAAyB,GAAGiD,QAAQ,CAACC,IAAT,CAAcC,KAAd,CAAoBC,aAAhD,CAAApD;gBACAiD,QAAQ,CAACC,IAAT,CAAcC,KAAd,CAAoBC,aAApB,GAAoC,MAApC,CAAAH;aACD;YACD/B,OAAO,CAACb,sCAAR,CAA+CgD,GAA/C,CAAmDjC,KAAnD,CAAAF,CAAAA;SACD;QACDA,OAAO,CAACf,MAAR,CAAekD,GAAf,CAAmBjC,KAAnB,CAAAF,CAAAA;QACAoC,oCAAc,EAAdA,CAAAA;QACA,OAAO,IAAM;YACX,IACE3C,2BAA2B,IAC3BO,OAAO,CAACb,sCAAR,CAA+C4B,IAA/C,KAAwD,CAF1D,EAIEgB,QAAQ,CAACC,IAAT,CAAcC,KAAd,CAAoBC,aAApB,GAAoCpD,+CAApC,CAAAiD;SALJ,CAOC;KAlBH,EAmBG;QAAC7B,KAAD;QAAOT,2BAAP;QAAoCO,OAApC;KAnBH,CAmBC,CAAA;IAED;;;;;KAKJ,CACI7B,gBAAA,CAAgB,IAAM;QACpB,OAAO,IAAM;YACX,IAAI,CAAC+B,KAAL,EAAW,OAAX;YACAF,OAAO,CAACf,MAAR,CAAeoD,MAAf,CAAsBnC,KAAtB,CAAAF,CAAAA;YACAA,OAAO,CAACb,sCAAR,CAA+CkD,MAA/C,CAAsDnC,KAAtD,CAAAF,CAAAA;YACAoC,oCAAc,EAAdA,CAAAA;SAJF,CAKC;KANH,EAOG;QAAClC,KAAD;QAAOF,OAAP;KAPH,CAOC,CAAA;IAED7B,gBAAA,CAAgB,IAAM;QACpB,MAAMmE,YAAY,GAAG,IAAMjC,KAAK,CAAC,EAAD,CAAhC;QAAA;QACA0B,QAAQ,CAACQ,gBAAT,CAA0B5D,oCAA1B,EAA0C2D,YAA1C,CAAAP,CAAAA;QACA,OAAO,IAAMA,QAAQ,CAACS,mBAAT,CAA6B7D,oCAA7B,EAA6C2D,YAA7C,CAAb;QAAA,CAAA;KAHF,EAIG,EAJH,CAIC,CAAA;IAED,OAAA,aACE,CAAA,oBAAA,CAAC,gBAAD,CAAW,GAAX,EAAA,oCAAA,CAAA,EAAA,EACMvC,UADN,EADF;QAGI,GAAG,EAAEO,YAFP;QAGE,KAAK,EAAE;YACL4B,aAAa,EAAEpB,2BAA2B,GACtCE,sBAAsB,GACpB,MADoB,GAEpB,MAHoC,GAItCyB,SALC;YAML,GAAGlD,KAAK,CAAC0C,KAAT;SATJ;QAWE,cAAc,EAAE7D,2BAAoB,CAACmB,KAAK,CAACmD,cAAP,EAAuBhB,YAAY,CAACgB,cAApC,CAXtC;QAYE,aAAa,EAAEtE,2BAAoB,CAACmB,KAAK,CAACoD,aAAP,EAAsBjB,YAAY,CAACiB,aAAnC,CAZrC;QAaE,oBAAoB,EAAEvE,2BAAoB,CACxCmB,KAAK,CAACqD,oBADkC,EAExC3B,kBAAkB,CAAC2B,oBAFqB,CAA1C;KAbF,CAAA,CADF,CACE;CA1FmB,CAAzB,AA6GG;AAGH,aAAA,CAAA,MAAA,CAAA,MAAA,CAAA,yCAAA,EAAA;IAAA,WAAA,EAAA,4CAAA;CAAA,CAAA,CAAA;AAEA;;oGAEA,CAEA,MAAMC,iCAAW,GAAG,wBAApB,AAAA;AAKA,MAAMC,yCAAsB,GAAA,aAAG3E,CAAAA,iBAAA,CAG7B,CAACoB,KAAD,EAAQC,YAAR,GAAyB;IACzB,MAAMQ,OAAO,GAAG7B,iBAAA,CAAiBY,6CAAjB,CAAhB,AAAA;IACA,MAAMgE,GAAG,GAAG5E,aAAA,CAA4C,IAA5C,CAAZ,AAAA;IACA,MAAMmC,YAAY,GAAG/B,sBAAe,CAACiB,YAAD,EAAeuD,GAAf,CAApC,AAAA;IAEA5E,gBAAA,CAAgB,IAAM;QACpB,MAAM+B,IAAI,GAAG6C,GAAG,CAACE,OAAjB,AAAA;QACA,IAAI/C,IAAJ,EAAU;YACRF,OAAO,CAACZ,QAAR,CAAiB+C,GAAjB,CAAqBjC,IAArB,CAAAF,CAAAA;YACA,OAAO,IAAM;gBACXA,OAAO,CAACZ,QAAR,CAAiBiD,MAAjB,CAAwBnC,IAAxB,CAAAF,CAAAA;aADF,CAEC;SACF;KAPH,EAQG;QAACA,OAAO,CAACZ,QAAT;KARH,CAQC,CAAA;IAED,OAAA,aAAO,CAAA,oBAAA,CAAC,gBAAD,CAAW,GAAX,EAAA,oCAAA,CAAA,EAAA,EAAmBG,KAAnB,EAAP;QAAiC,GAAG,EAAEe,YAAL;KAA1B,CAAA,CAAP,CAAO;CAlBsB,CAA/B,AAmBC;AAED,aAAA,CAAA,MAAA,CAAA,MAAA,CAAA,yCAAA,EAAA;IAAA,WAAA,EAAA,iCAAA;CAAA,CAAA,CAAA;AAEA,oGAAA,CAKA;;;;GAIA,CACA,SAASY,2CAAT,CAA+BvB,oBAA/B,EAAgG;IAC9F,MAAMuD,wBAAwB,GAAG1E,qBAAc,CAACmB,oBAAD,CAA/C,AAAA;IACA,MAAMwD,2BAA2B,GAAGhF,aAAA,CAAa,KAAb,CAApC,AAAA;IACA,MAAMiF,cAAc,GAAGjF,aAAA,CAAa,IAAM,EAAnB,CAAvB,AAAA;IAEAA,gBAAA,CAAgB,IAAM;QACpB,MAAMkF,iBAAiB,GAAIlC,CAAAA,KAAD,GAAyB;YACjD,IAAIA,KAAK,CAACC,MAAN,IAAgB,CAAC+B,2BAA2B,CAACF,OAAjD,EAA0D;gBACxD,MAAMK,WAAW,GAAG;oBAAEC,aAAa,EAAEpC,KAAfoC;iBAAtB,AAAoB;gBAEpB,SAASC,wCAAT,GAAoD;oBAClDC,kDAA4B,CAC1B7E,0CAD0B,EAE1BsE,wBAF0B,EAG1BI,WAH0B,EAI1B;wBAAEI,QAAQ,EAAE,IAAVA;qBAJwB,CAA5B,CAIE;iBAEH;gBAED;;;;;;;;;;;WAWR,CACQ,IAAIvC,KAAK,CAACwC,WAAN,KAAsB,OAA1B,EAAmC;oBACjC5B,QAAQ,CAACS,mBAAT,CAA6B,OAA7B,EAAsCY,cAAc,CAACH,OAArD,CAAAlB,CAAAA;oBACAqB,cAAc,CAACH,OAAf,GAAyBO,wCAAzB,CAAAJ;oBACArB,QAAQ,CAACQ,gBAAT,CAA0B,OAA1B,EAAmCa,cAAc,CAACH,OAAlD,EAA2D;wBAAEW,IAAI,EAAE,IAANA;qBAA7D,CAA2D,CAAA;iBAH7D,MAKEJ,wCAAwC,EAAxCA,CAAAA;aAEH;YACDL,2BAA2B,CAACF,OAA5B,GAAsC,KAAtC,CAAAE;SAjCF,AAkCC;QACD;;;;;;;;;;;;OAYJ,CACI,MAAMU,OAAO,GAAGC,MAAM,CAACC,UAAP,CAAkB,IAAM;YACtChC,QAAQ,CAACQ,gBAAT,CAA0B,aAA1B,EAAyCc,iBAAzC,CAAAtB,CAAAA;SADc,EAEb,CAFa,CAAhB,AAEC;QACD,OAAO,IAAM;YACX+B,MAAM,CAACE,YAAP,CAAoBH,OAApB,CAAAC,CAAAA;YACA/B,QAAQ,CAACS,mBAAT,CAA6B,aAA7B,EAA4Ca,iBAA5C,CAAAtB,CAAAA;YACAA,QAAQ,CAACS,mBAAT,CAA6B,OAA7B,EAAsCY,cAAc,CAACH,OAArD,CAAAlB,CAAAA;SAHF,CAIC;KAxDH,EAyDG;QAACmB,wBAAD;KAzDH,CAyDC,CAAA;IAED,OAAO;QACL,4DAAA;QACAN,oBAAoB,EAAE,IAAOO,2BAA2B,CAACF,OAA5B,GAAsC,IAAnEL;KAFF,CAAO;CAIR;AAED;;;GAGA,CACA,SAASjB,qCAAT,CAAyB/B,cAAzB,EAA8E;IAC5E,MAAMqE,kBAAkB,GAAGzF,qBAAc,CAACoB,cAAD,CAAzC,AAAA;IACA,MAAMsE,yBAAyB,GAAG/F,aAAA,CAAa,KAAb,CAAlC,AAAA;IAEAA,gBAAA,CAAgB,IAAM;QACpB,MAAMgG,WAAW,GAAIhD,CAAAA,KAAD,GAAuB;YACzC,IAAIA,KAAK,CAACC,MAAN,IAAgB,CAAC8C,yBAAyB,CAACjB,OAA/C,EAAwD;gBACtD,MAAMK,WAAW,GAAG;oBAAEC,aAAa,EAAEpC,KAAfoC;iBAAtB,AAAoB;gBACpBE,kDAA4B,CAAC5E,mCAAD,EAAgBoF,kBAAhB,EAAoCX,WAApC,EAAiD;oBAC3EI,QAAQ,EAAE,KAAVA;iBAD0B,CAA5B,CAA6E;aAG9E;SANH,AAOC;QACD3B,QAAQ,CAACQ,gBAAT,CAA0B,SAA1B,EAAqC4B,WAArC,CAAApC,CAAAA;QACA,OAAO,IAAMA,QAAQ,CAACS,mBAAT,CAA6B,SAA7B,EAAwC2B,WAAxC,CAAb;QAAA,CAAA;KAVF,EAWG;QAACF,kBAAD;KAXH,CAWC,CAAA;IAED,OAAO;QACLvB,cAAc,EAAE,IAAOwB,yBAAyB,CAACjB,OAA1B,GAAoC,IADtD;QAAA;QAELN,aAAa,EAAE,IAAOuB,yBAAyB,CAACjB,OAA1B,GAAoC,KAA1DN;KAFF,CAAO;CAIR;AAED,SAASP,oCAAT,GAA0B;IACxB,MAAMjB,KAAK,GAAG,IAAIiD,WAAJ,CAAgBzF,oCAAhB,CAAd,AAAA;IACAoD,QAAQ,CAACsC,aAAT,CAAuBlD,KAAvB,CAAAY,CAAAA;CACD;AAED,SAAS0B,kDAAT,CACEa,IADF,EAEEC,OAFF,EAGEC,MAHF,EAIE,E,UAAEd,QAAAA,CAAAA,EAJJ,EAKE;IACA,MAAMtC,MAAM,GAAGoD,MAAM,CAACjB,aAAP,CAAqBnC,MAApC,AAAA;IACA,MAAMD,KAAK,GAAG,IAAIiD,WAAJ,CAAgBE,IAAhB,EAAsB;QAAEG,OAAO,EAAE,KAAX;QAAkBC,UAAU,EAAE,IAA9B;Q,QAAoCF,MAAAA;KAA1D,CAAd,AAAoC;IACpC,IAAID,OAAJ,EAAanD,MAAM,CAACmB,gBAAP,CAAwB+B,IAAxB,EAA8BC,OAA9B,EAAwD;QAAEX,IAAI,EAAE,IAANA;KAA1D,CAAwD,CAAA;IAErE,IAAIF,QAAJ,EACEpF,kCAA2B,CAAC8C,MAAD,EAASD,KAAT,CAA3B,CAAA7C;SAEA8C,MAAM,CAACiD,aAAP,CAAqBlD,KAArB,CAAAC,CAAAA;CAEH;AAED,MAAMuD,yCAAI,GAAGtF,yCAAb,AAAA;AACA,MAAMuF,yCAAM,GAAG9B,yCAAf,AAAA;;ADlVA","sources":["packages/react/dismissable-layer/src/index.ts","packages/react/dismissable-layer/src/DismissableLayer.tsx"],"sourcesContent":["export * from './DismissableLayer';\n","import * as React from 'react';\nimport { composeEventHandlers } from '@radix-ui/primitive';\nimport { Primitive, dispatchDiscreteCustomEvent } from '@radix-ui/react-primitive';\nimport { useComposedRefs } from '@radix-ui/react-compose-refs';\nimport { useCallbackRef } from '@radix-ui/react-use-callback-ref';\nimport { useEscapeKeydown } from '@radix-ui/react-use-escape-keydown';\n\nimport type * as Radix from '@radix-ui/react-primitive';\n\n/* -------------------------------------------------------------------------------------------------\n * DismissableLayer\n * -----------------------------------------------------------------------------------------------*/\n\nconst DISMISSABLE_LAYER_NAME = 'DismissableLayer';\nconst CONTEXT_UPDATE = 'dismissableLayer.update';\nconst POINTER_DOWN_OUTSIDE = 'dismissableLayer.pointerDownOutside';\nconst FOCUS_OUTSIDE = 'dismissableLayer.focusOutside';\n\nlet originalBodyPointerEvents: string;\n\nconst DismissableLayerContext = React.createContext({\n  layers: new Set<DismissableLayerElement>(),\n  layersWithOutsidePointerEventsDisabled: new Set<DismissableLayerElement>(),\n  branches: new Set<DismissableLayerBranchElement>(),\n});\n\ntype DismissableLayerElement = React.ElementRef<typeof Primitive.div>;\ntype PrimitiveDivProps = Radix.ComponentPropsWithoutRef<typeof Primitive.div>;\ninterface DismissableLayerProps extends PrimitiveDivProps {\n  /**\n   * When `true`, hover/focus/click interactions will be disabled on elements outside\n   * the `DismissableLayer`. Users will need to click twice on outside elements to\n   * interact with them: once to close the `DismissableLayer`, and again to trigger the element.\n   */\n  disableOutsidePointerEvents?: boolean;\n  /**\n   * Event handler called when the escape key is down.\n   * Can be prevented.\n   */\n  onEscapeKeyDown?: (event: KeyboardEvent) => void;\n  /**\n   * Event handler called when the a `pointerdown` event happens outside of the `DismissableLayer`.\n   * Can be prevented.\n   */\n  onPointerDownOutside?: (event: PointerDownOutsideEvent) => void;\n  /**\n   * Event handler called when the focus moves outside of the `DismissableLayer`.\n   * Can be prevented.\n   */\n  onFocusOutside?: (event: FocusOutsideEvent) => void;\n  /**\n   * Event handler called when an interaction happens outside the `DismissableLayer`.\n   * Specifically, when a `pointerdown` event happens outside or focus moves outside of it.\n   * Can be prevented.\n   */\n  onInteractOutside?: (event: PointerDownOutsideEvent | FocusOutsideEvent) => void;\n  /**\n   * Handler called when the `DismissableLayer` should be dismissed\n   */\n  onDismiss?: () => void;\n}\n\nconst DismissableLayer = React.forwardRef<DismissableLayerElement, DismissableLayerProps>(\n  (props, forwardedRef) => {\n    const {\n      disableOutsidePointerEvents = false,\n      onEscapeKeyDown,\n      onPointerDownOutside,\n      onFocusOutside,\n      onInteractOutside,\n      onDismiss,\n      ...layerProps\n    } = props;\n    const context = React.useContext(DismissableLayerContext);\n    const [node, setNode] = React.useState<DismissableLayerElement | null>(null);\n    const [, force] = React.useState({});\n    const composedRefs = useComposedRefs(forwardedRef, (node) => setNode(node));\n    const layers = Array.from(context.layers);\n    const [highestLayerWithOutsidePointerEventsDisabled] = [...context.layersWithOutsidePointerEventsDisabled].slice(-1); // prettier-ignore\n    const highestLayerWithOutsidePointerEventsDisabledIndex = layers.indexOf(highestLayerWithOutsidePointerEventsDisabled); // prettier-ignore\n    const index = node ? layers.indexOf(node) : -1;\n    const isBodyPointerEventsDisabled = context.layersWithOutsidePointerEventsDisabled.size > 0;\n    const isPointerEventsEnabled = index >= highestLayerWithOutsidePointerEventsDisabledIndex;\n\n    const pointerDownOutside = usePointerDownOutside((event) => {\n      const target = event.target as HTMLElement;\n      const isPointerDownOnBranch = [...context.branches].some((branch) => branch.contains(target));\n      if (!isPointerEventsEnabled || isPointerDownOnBranch) return;\n      onPointerDownOutside?.(event);\n      onInteractOutside?.(event);\n      if (!event.defaultPrevented) onDismiss?.();\n    });\n\n    const focusOutside = useFocusOutside((event) => {\n      const target = event.target as HTMLElement;\n      const isFocusInBranch = [...context.branches].some((branch) => branch.contains(target));\n      if (isFocusInBranch) return;\n      onFocusOutside?.(event);\n      onInteractOutside?.(event);\n      if (!event.defaultPrevented) onDismiss?.();\n    });\n\n    useEscapeKeydown((event) => {\n      const isHighestLayer = index === context.layers.size - 1;\n      if (!isHighestLayer) return;\n      onEscapeKeyDown?.(event);\n      if (!event.defaultPrevented) onDismiss?.();\n    });\n\n    React.useEffect(() => {\n      if (!node) return;\n      if (disableOutsidePointerEvents) {\n        if (context.layersWithOutsidePointerEventsDisabled.size === 0) {\n          originalBodyPointerEvents = document.body.style.pointerEvents;\n          document.body.style.pointerEvents = 'none';\n        }\n        context.layersWithOutsidePointerEventsDisabled.add(node);\n      }\n      context.layers.add(node);\n      dispatchUpdate();\n      return () => {\n        if (\n          disableOutsidePointerEvents &&\n          context.layersWithOutsidePointerEventsDisabled.size === 1\n        ) {\n          document.body.style.pointerEvents = originalBodyPointerEvents;\n        }\n      };\n    }, [node, disableOutsidePointerEvents, context]);\n\n    /**\n     * We purposefully prevent combining this effect with the `disableOutsidePointerEvents` effect\n     * because a change to `disableOutsidePointerEvents` would remove this layer from the stack\n     * and add it to the end again so the layering order wouldn't be _creation order_.\n     * We only want them to be removed from context stacks when unmounted.\n     */\n    React.useEffect(() => {\n      return () => {\n        if (!node) return;\n        context.layers.delete(node);\n        context.layersWithOutsidePointerEventsDisabled.delete(node);\n        dispatchUpdate();\n      };\n    }, [node, context]);\n\n    React.useEffect(() => {\n      const handleUpdate = () => force({});\n      document.addEventListener(CONTEXT_UPDATE, handleUpdate);\n      return () => document.removeEventListener(CONTEXT_UPDATE, handleUpdate);\n    }, []);\n\n    return (\n      <Primitive.div\n        {...layerProps}\n        ref={composedRefs}\n        style={{\n          pointerEvents: isBodyPointerEventsDisabled\n            ? isPointerEventsEnabled\n              ? 'auto'\n              : 'none'\n            : undefined,\n          ...props.style,\n        }}\n        onFocusCapture={composeEventHandlers(props.onFocusCapture, focusOutside.onFocusCapture)}\n        onBlurCapture={composeEventHandlers(props.onBlurCapture, focusOutside.onBlurCapture)}\n        onPointerDownCapture={composeEventHandlers(\n          props.onPointerDownCapture,\n          pointerDownOutside.onPointerDownCapture\n        )}\n      />\n    );\n  }\n);\n\nDismissableLayer.displayName = DISMISSABLE_LAYER_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * DismissableLayerBranch\n * -----------------------------------------------------------------------------------------------*/\n\nconst BRANCH_NAME = 'DismissableLayerBranch';\n\ntype DismissableLayerBranchElement = React.ElementRef<typeof Primitive.div>;\ninterface DismissableLayerBranchProps extends PrimitiveDivProps {}\n\nconst DismissableLayerBranch = React.forwardRef<\n  DismissableLayerBranchElement,\n  DismissableLayerBranchProps\n>((props, forwardedRef) => {\n  const context = React.useContext(DismissableLayerContext);\n  const ref = React.useRef<DismissableLayerBranchElement>(null);\n  const composedRefs = useComposedRefs(forwardedRef, ref);\n\n  React.useEffect(() => {\n    const node = ref.current;\n    if (node) {\n      context.branches.add(node);\n      return () => {\n        context.branches.delete(node);\n      };\n    }\n  }, [context.branches]);\n\n  return <Primitive.div {...props} ref={composedRefs} />;\n});\n\nDismissableLayerBranch.displayName = BRANCH_NAME;\n\n/* -----------------------------------------------------------------------------------------------*/\n\ntype PointerDownOutsideEvent = CustomEvent<{ originalEvent: PointerEvent }>;\ntype FocusOutsideEvent = CustomEvent<{ originalEvent: FocusEvent }>;\n\n/**\n * Listens for `pointerdown` outside a react subtree. We use `pointerdown` rather than `pointerup`\n * to mimic layer dismissing behaviour present in OS.\n * Returns props to pass to the node we want to check for outside events.\n */\nfunction usePointerDownOutside(onPointerDownOutside?: (event: PointerDownOutsideEvent) => void) {\n  const handlePointerDownOutside = useCallbackRef(onPointerDownOutside) as EventListener;\n  const isPointerInsideReactTreeRef = React.useRef(false);\n  const handleClickRef = React.useRef(() => {});\n\n  React.useEffect(() => {\n    const handlePointerDown = (event: PointerEvent) => {\n      if (event.target && !isPointerInsideReactTreeRef.current) {\n        const eventDetail = { originalEvent: event };\n\n        function handleAndDispatchPointerDownOutsideEvent() {\n          handleAndDispatchCustomEvent(\n            POINTER_DOWN_OUTSIDE,\n            handlePointerDownOutside,\n            eventDetail,\n            { discrete: true }\n          );\n        }\n\n        /**\n         * On touch devices, we need to wait for a click event because browsers implement\n         * a ~350ms delay between the time the user stops touching the display and when the\n         * browser executres events. We need to ensure we don't reactivate pointer-events within\n         * this timeframe otherwise the browser may execute events that should have been prevented.\n         *\n         * Additionally, this also lets us deal automatically with cancellations when a click event\n         * isn't raised because the page was considered scrolled/drag-scrolled, long-pressed, etc.\n         *\n         * This is why we also continuously remove the previous listener, because we cannot be\n         * certain that it was raised, and therefore cleaned-up.\n         */\n        if (event.pointerType === 'touch') {\n          document.removeEventListener('click', handleClickRef.current);\n          handleClickRef.current = handleAndDispatchPointerDownOutsideEvent;\n          document.addEventListener('click', handleClickRef.current, { once: true });\n        } else {\n          handleAndDispatchPointerDownOutsideEvent();\n        }\n      }\n      isPointerInsideReactTreeRef.current = false;\n    };\n    /**\n     * if this hook executes in a component that mounts via a `pointerdown` event, the event\n     * would bubble up to the document and trigger a `pointerDownOutside` event. We avoid\n     * this by delaying the event listener registration on the document.\n     * This is not React specific, but rather how the DOM works, ie:\n     * ```\n     * button.addEventListener('pointerdown', () => {\n     *   console.log('I will log');\n     *   document.addEventListener('pointerdown', () => {\n     *     console.log('I will also log');\n     *   })\n     * });\n     */\n    const timerId = window.setTimeout(() => {\n      document.addEventListener('pointerdown', handlePointerDown);\n    }, 0);\n    return () => {\n      window.clearTimeout(timerId);\n      document.removeEventListener('pointerdown', handlePointerDown);\n      document.removeEventListener('click', handleClickRef.current);\n    };\n  }, [handlePointerDownOutside]);\n\n  return {\n    // ensures we check React component tree (not just DOM tree)\n    onPointerDownCapture: () => (isPointerInsideReactTreeRef.current = true),\n  };\n}\n\n/**\n * Listens for when focus happens outside a react subtree.\n * Returns props to pass to the root (node) of the subtree we want to check.\n */\nfunction useFocusOutside(onFocusOutside?: (event: FocusOutsideEvent) => void) {\n  const handleFocusOutside = useCallbackRef(onFocusOutside) as EventListener;\n  const isFocusInsideReactTreeRef = React.useRef(false);\n\n  React.useEffect(() => {\n    const handleFocus = (event: FocusEvent) => {\n      if (event.target && !isFocusInsideReactTreeRef.current) {\n        const eventDetail = { originalEvent: event };\n        handleAndDispatchCustomEvent(FOCUS_OUTSIDE, handleFocusOutside, eventDetail, {\n          discrete: false,\n        });\n      }\n    };\n    document.addEventListener('focusin', handleFocus);\n    return () => document.removeEventListener('focusin', handleFocus);\n  }, [handleFocusOutside]);\n\n  return {\n    onFocusCapture: () => (isFocusInsideReactTreeRef.current = true),\n    onBlurCapture: () => (isFocusInsideReactTreeRef.current = false),\n  };\n}\n\nfunction dispatchUpdate() {\n  const event = new CustomEvent(CONTEXT_UPDATE);\n  document.dispatchEvent(event);\n}\n\nfunction handleAndDispatchCustomEvent<E extends CustomEvent, OriginalEvent extends Event>(\n  name: string,\n  handler: ((event: E) => void) | undefined,\n  detail: { originalEvent: OriginalEvent } & (E extends CustomEvent<infer D> ? D : never),\n  { discrete }: { discrete: boolean }\n) {\n  const target = detail.originalEvent.target;\n  const event = new CustomEvent(name, { bubbles: false, cancelable: true, detail });\n  if (handler) target.addEventListener(name, handler as EventListener, { once: true });\n\n  if (discrete) {\n    dispatchDiscreteCustomEvent(target, event);\n  } else {\n    target.dispatchEvent(event);\n  }\n}\n\nconst Root = DismissableLayer;\nconst Branch = DismissableLayerBranch;\n\nexport {\n  DismissableLayer,\n  DismissableLayerBranch,\n  //\n  Root,\n  Branch,\n};\nexport type { DismissableLayerProps };\n"],"names":["React","composeEventHandlers","Primitive","dispatchDiscreteCustomEvent","useComposedRefs","useCallbackRef","useEscapeKeydown","DISMISSABLE_LAYER_NAME","CONTEXT_UPDATE","POINTER_DOWN_OUTSIDE","FOCUS_OUTSIDE","originalBodyPointerEvents","DismissableLayerContext","createContext","layers","Set","layersWithOutsidePointerEventsDisabled","branches","DismissableLayer","forwardRef","props","forwardedRef","disableOutsidePointerEvents","onEscapeKeyDown","onPointerDownOutside","onFocusOutside","onInteractOutside","onDismiss","layerProps","context","useContext","node","setNode","useState","force","composedRefs","Array","from","highestLayerWithOutsidePointerEventsDisabled","slice","highestLayerWithOutsidePointerEventsDisabledIndex","indexOf","index","isBodyPointerEventsDisabled","size","isPointerEventsEnabled","pointerDownOutside","usePointerDownOutside","event","target","isPointerDownOnBranch","some","branch","contains","defaultPrevented","focusOutside","useFocusOutside","isFocusInBranch","isHighestLayer","useEffect","document","body","style","pointerEvents","add","dispatchUpdate","delete","handleUpdate","addEventListener","removeEventListener","undefined","onFocusCapture","onBlurCapture","onPointerDownCapture","BRANCH_NAME","DismissableLayerBranch","ref","useRef","current","handlePointerDownOutside","isPointerInsideReactTreeRef","handleClickRef","handlePointerDown","eventDetail","originalEvent","handleAndDispatchPointerDownOutsideEvent","handleAndDispatchCustomEvent","discrete","pointerType","once","timerId","window","setTimeout","clearTimeout","handleFocusOutside","isFocusInsideReactTreeRef","handleFocus","CustomEvent","dispatchEvent","name","handler","detail","bubbles","cancelable","Root","Branch"],"version":3,"file":"index.module.js.map"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@radix-ui/react-dismissable-layer",
-  "version": "0.1.6-rc.18",
+  "version": "0.1.6-rc.19",
   "license": "MIT",
   "source": "src/index.ts",
   "main": "dist/index.js",
@@ -18,11 +18,10 @@
   "dependencies": {
     "@babel/runtime": "^7.13.10",
     "@radix-ui/primitive": "0.1.0",
-    "@radix-ui/react-compose-refs": "0.1.1-rc.18",
-    "@radix-ui/react-primitive": "0.1.5-rc.18",
-    "@radix-ui/react-use-body-pointer-events": "0.1.2-rc.18",
-    "@radix-ui/react-use-callback-ref": "0.1.1-rc.18",
-    "@radix-ui/react-use-escape-keydown": "0.1.1-rc.18"
+    "@radix-ui/react-compose-refs": "0.1.1-rc.19",
+    "@radix-ui/react-primitive": "0.1.5-rc.19",
+    "@radix-ui/react-use-callback-ref": "0.1.1-rc.19",
+    "@radix-ui/react-use-escape-keydown": "0.1.1-rc.19"
   },
   "devDependencies": {
     "react-remove-scroll": "^2.4.0"